/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* main styles /////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html, body                                      { font-family: 'Open Sans', sans-serif; }
body                                            { color:#707275; background-color:#FFF; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* typography //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

html                                            { font-size: 62.5%!important;}
body                                            { line-height: 2em; font-size: 1.4em;}/* =14px */

h1, h2, h3, h4                                  { color: #2E2C2C; text-transform: none; font-weight:300; }

h1                                              { border-bottom:1px solid #e5e5e5; }
h1, h2                                          { font-size:2.2rem; line-height:2.2rem; }
h3                                              { font-size:1.8rem; line-height:1.8rem; }

a                                               { color:inherit; text-decoration:none; }
a:hover                                         { text-decoration:underline; }

h1.large-h1                                     { color:#1073b8; text-align:center; font-size:4rem; line-height:4rem; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* helpers /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* text */
small                                           { font-size: 80%; }
strong                                          { color:#1073b8; font-weight:normal; }

.text-snow                                      { color: #fff; }
.text-red                                       { color: #f69331; }
.text-blue                                      { color: #074087; }
.text-yellow                                    { color: #f69331; }

/* background */
.bg-black                                       { background:#000; }
.bg-yellow                                      { background:#f69331; }
.bg-none                                        { background:none; }
.bg-snow                                        { background:#fff; }
.bg-grey                                        { background:#ddd !important; }
.bg-green                                       { background:#1073b8 }
.bg-green-dark                                  { background:#005334 }
.bg-light-grey                                  { background:#f5f5f5; }
.bg-red                                         { background:#f69331; }
.bg-blue                                        { background:#08448C; }
.bg-gradient                                    {
                                                /* Safari 4-5, Chrome 1-9 */
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6E6E6), to(#FFF));
                                                /* Safari 5.1, Chrome 10+ */
                                                background: -webkit-linear-gradient(top, #E6E6E6, #FFF);
                                                /* Firefox 3.6+ */
                                                background: -moz-linear-gradient(top, #E6E6E6, #FFF);
                                                /* IE 10 */
                                                background: -ms-linear-gradient(top, #E6E6E6, #FFF);
                                                /* Opera 11.10+ */
                                                background: -o-linear-gradient(top, #E6E6E6, #FFF); 
                                                }

/* buttons */
.btn                                            { line-height:inherit; text-decoration: none; text-align:center; }
.btn:hover                                      { text-decoration:none; }

.btn-red                                        { background-color:#f69331; color:#fff; }
.btn-blue                                       { background-color:#074087; color:#fff; }
.btn-grey                                       { background-color:#F4F4F4; color:#656565; }

.btn-red:hover                                  { background-color:#781F1B; }
.btn-blue:hover                                 { background-color:#042453; }
.btn-grey:hover                                 { background-color:#ddd; }

/* borders */
.border                                         { border:1px solid #ddd; }
.border-top                                     { border-top:1px solid #ddd; }
.border-bottom                                  { border-bottom:1px solid #ddd; }

/* extras */
.shadow                                         { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
hr                                              { background-color:#ddd; }
/* extras > on screen nav */
.on-screen-nav ul                               { text-decoration:none; text-align:center; background:#fff; border:0px solid #ddd; }
.on-screen-nav ul li a i                        { font-size:2.2rem; }
.on-screen-nav ul li a                          { background:#f69331; color:#fff; border: 0px solid #ddd; text-transform:uppercase; font-size:1.2rem; line-height:1.2rem; }
.on-screen-nav ul li a:hover                    { color:#fff;}
.on-screen-nav ul li a:hover i                  { color:#1073b8; }

/* extras > back-top */
.back-top                                       { opacity:0.8; }
.back-top:hover                                 { opacity:1; }

.bounce                                         { background: #1073b8 url(/images/icons/arrow-up-sml-white.png) no-repeat center; }

/*extras > quote */
q:before                                        { font-size:1.6rem; color:#2E2C2C;}
q:after                                         { font-size:1.6rem; color:#2E2C2C; }

/*extras > form styles */
fieldset                                        { background: none; }
fieldset input,
fieldset select,
fieldset textarea                               { border: 1px solid #ddd; font:inherit; font-size:14px; line-height:1.6; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* breadcrumb //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.breadcrumb                                     { border-bottom:1px solid #ddd; font-size:1.2rem; line-height:1.2rem; background:#fff; text-transform:capitalize;}
.breadcrumb .content                            { background:#fff; }
.breadcrumb p                                   { color:#666; }
/* .breadcrumb p:before                         { content:"You are here:"; } */
.breadcrumb p a                                 { text-decoration:none; }
.breadcrumb p a:after                           { content:">"; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

header                                          { background-color: #FFF; border-top: 3px solid #1073b8; color:#656565; }
.header-content ul li                           { text-align:center; line-height:1.6rem; }
.header-content ul li a                         { text-decoration:none; }
.header-content ul li i                         { font-size:2rem; }
.header-content ul li:hover i                   { color:#1073b8; }
.header-content ul li:hover a                   { color:#2E2C2C; }

.header-content ul li:nth-child(1)              { font-size:2.2rem; color:#2E2C2C; line-height:3.6rem; }
.header-content ul li:nth-child(1) a            { font-weight:bold; }

/* header > nav > default styles */
header nav                                      { background-color: #1073b8; border-bottom:2px solid #fff;  }

/***********************************************************************************************************************/
/* CLASSIC MENU  *

/* header > nav > main level *
header nav > ul > li > ul                       { color:#81CDE5; }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#003360; }
header nav > ul > li > ul > li:hover            { background:#fff; color:#003360; }

/* header > nav > sub menu (level 1) *

header nav > ul > li > ul > li > ul             { background:#FFF; text-transform:none; }
header nav > ul > li > ul > li > ul > li        { border-bottom:1px solid #ddd; }

/***********************************************************************************************************************/

/***********************************************************************************************************************/
/* MEGA MENU  */

/* header > nav > main level */
header nav > ul > li > ul                       { color:#fff; text-align:left; }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#2E2C2C; }
header nav > ul > li > ul > li:hover > a        { border-top: 1px solid #ddd; }
header nav > ul > li > ul > li:hover            { background:#fff; color:#2E2C2C; }

header nav > ul > li > ul > li:nth-last-child(1)    { background: #1073b8; }
header nav > ul > li > ul > li:nth-last-child(2)    { background: #1073b8; color:#fff; }

/* header > nav > sub menu (level 1) */

header nav > ul > li > ul > li > ul             { font-size:1.3rem; background:#FFF; border-left:1px solid #ddd; }
header nav > ul > li > ul > li > ul             { -webkit-box-shadow: 0 8px 6px -6px #1073b8; -moz-box-shadow: 0 8px 6px -6px #1073b8; box-shadow: 0 8px 6px -6px #1073b8; }
header nav > ul > li > ul > li > ul > li > a    { font-weight:bold; }

/* header > nav > sub menu (level 2) */
header nav > ul > li > ul > li > ul > li > ul   { text-transform:none; }

/* header > nav > sub menu (level 1) - delivery */
li.delivery                                     { border-left:1px solid #0180F3; border-right:1px solid #0180F3; }
.delivery                                       { background:#0180F3; color:#fff; }
.delivery ul                                    { text-align:center; }
.delivery ul li:nth-child(2) a                  { border-left:1px solid #fff; border-right:1px solid #fff; }
.delivery ul li a:hover                         { background:#0070D5 }

/***********************************************************************************************************************/

nav .menu                                       { font-size:2.2rem; color: #fff; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

footer                                          { background-color: #1073b8; color:#fff; }
footer .content                                 { background-color: none; font-size:1.4rem; }

footer input[type="submit"]                     { border: 1px solid #f69331; }
footer input[type="submit"]:hover               { border-color: #fff; background:#1073b8; color:#fff; }

/* main */
footer ul > li a                                { text-transform:uppercase; }
footer ul > li a:hover                          { color:#f69331; }
/* level 1 */
footer ul > li > ul                             { }
footer ul > li > ul > li                        { font-size:1.3rem; }
footer ul > li > ul > li > a                    { text-transform:none; }
/* level 2 */
footer ul > li > ul > li > ul                   { text-align:center; }
footer ul > li > ul > li > ul > li              { font-size:1.2rem; }
footer ul > li > ul > li > ul > li:hover > a    { color:#f69331; text-decoration:none; }
footer ul li ul i                               { font-size:3rem!important; }

/* social media */
ul.footer-nav li a                              { text-transform: none; }
ul.footer-nav li a:after                        { content:"|";color:#fff;}

footer .copyright                               { font-size:1.3rem; }
footer hr                                       { background:#005334; }
.footer-big-font                                { font-size:3.4rem; line-height:4.8rem; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.content                                        { background-color:none; }

/* content > side-meu*/
.side-menu                                      { text-transform:capitalize; font-size:1.4rem; }
.side-menu ul li a                              { color:#808080; border-bottom:1px solid #ddd; }
.side-menu > ul > li:first-child > a            { border-top:1px solid #ddd; }

.side-menu > ul > li > a                        { background-color: #fff; color:#2E2C2C; border-color:#ddd; }
.side-menu > ul > li > ul                       { background: #F4F4F4; }
.side-menu > ul > li > ul li a:hover            { background: #ddd; }

/* content > testimonials */
.testimonials .name                             { border-right:1px solid #ddd; }
.testimonials .name:before                      { content:'Name:'; color:#2E2C2C; }
.testimonials .location:before                  { content:'Location:'; color:#2E2C2C;  }

/* content > gallery */
.gallery img                                    { opacity:0.8; }
.gallery img:hover                              { opacity:1; }

/* content > products */
.product                                        { text-align:center;}
.product h2                                     { font-size: 1.4rem; font-weight:bold; }
.product p                                      { font-size:1.3rem; }
.product .product-text                          { border:1px solid #ddd; line-height:1.6rem; background:#fff; color:#707275;  }
.product .product-button .btn                   { background:#ddd; }
.product .product-button .btn:hover             { background:#1073b8; }
.product .product-button .btn i                 { color:#fff; font-size:1rem; }

/* content > cmsContentArea2 */
.bg-cmsContentArea2                             { background-color:#1073b8; color:#FFF; }
.bg-cmsContentArea2 .multi_Column_Layout        { padding:0;}

/* accordion */
.accordion__title                               { background: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; color:#2E2C2C; }
.accordion__title:first-child                   { border-left: 1px solid #ddd; }
.accordion__content                             { border: 1px solid #ddd; background: #f5f5f5; color:#808080; }
.accordion__title:hover,
.accordion__title.active                        { background: #1073b8; color: #fff; border-color: #1073b8; }
.no-js .accordion__title:hover                  { background-color: #ccc; color: #222; }
.accordion__title.active                        { background: #f4f4f4; color:#808080; border-color:#ddd; }

/* ================================================================================================================== */
/* Laptop =========================================================================================================== */
/* ================================================================================================================== */
@media only screen
and (max-width : 1280px) {

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

header                                          { background-color: #FFF; border-top: 3px solid #1073b8; color:#656565; }

.header-content ul li                           { text-align:center;line-height:1.6rem;}
.header-content ul li i                         { font-size:2rem; }
.header-content ul li:hover i                   { color:#1073b8; }
.header-content ul li:hover a                   { color:#2E2C2C; }


}/* /end */

 /* ================================================================================================================== */
 /* Tablet =========================================================================================================== */
 /* ================================================================================================================== */
@media only screen
and (max-width : 800px) {

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* nav contact */
.nav-contact p                                  { color:#fff; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

footer ul > li > ul > li > ul                   { border-bottom:1px solid #005334; }

}/* /end */

/* =================================================================================================================== */
/* Mobile - large ==================================================================================================== */
/* =================================================================================================================== */
@media only screen
and (max-width : 600px) {

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

footer ul > li                                  { text-align:center; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* content > featured 3 col */
.featured3col                                   { border-bottom:1px solid #ddd; }

}/* /end */

/* =================================================================================================================== */
/* Mobile - landscape ================================================================================================ */
/* =================================================================================================================== */
@media only screen
and (max-width : 480px) {
}/* /end */

 .icon                                           { white-space:nowrap; }

/* header */
.header-contact .icon                           { display:block; }

.nav-calendar                                   { background:url(/uploads/rainbowdoubleglazing/icons/nav-calendar.png)  }
.nav-calendar:hover                             { background-image:url(/uploads/rainbowdoubleglazing/icons/nav-calendar_hover.png) }
.nav-hourglass                                  { background:url(/uploads/rainbowdoubleglazing/icons/nav-hourglass.png)  }
.nav-hourglass:hover                            { background-image:url(/uploads/rainbowdoubleglazing/icons/nav-hourglass_hover.png) }
.nav-marker                                     { background:url(/uploads/rainbowdoubleglazing/icons/nav-marker.png)  }
.nav-marker:hover                               { background-image:url(/uploads/rainbowdoubleglazing/icons/nav-marker_hover.png) }
.nav-phone                                      { background:url(/uploads/rainbowdoubleglazing/icons/nav-phone.png)  }
.nav-phone:hover                                { background-image:url(/uploads/rainbowdoubleglazing/icons/nav-phone_hover.png) }

.nav-calendar,
.nav-calendar:hover,
.nav-hourglass,
.nav-hourglass:hover,
.nav-marker,
.nav-marker:hover,
.nav-phone,
.nav-phone:hover                                { background-position: top 15px center; background-repeat:no-repeat; background-size: 18px; }

.nav-calendar span,
.nav-hourglass span,
.nav-marker span,
.nav-phone span                                 { padding-top:40px; display:block; }

/* nav */
nav .call                                       { background:url(/uploads/rainbowdoubleglazing/icons/call.png)}
nav .email                                      { background:url(/uploads/rainbowdoubleglazing/icons/email.png) }
nav .appoitment                                 { background:url(/uploads/rainbowdoubleglazing/icons/appoitment.png) }
nav .brochure                                   { background:url(/uploads/rainbowdoubleglazing/icons/brochure.png) }
nav .callback                                   { background:url(/uploads/rainbowdoubleglazing/icons/callback.png) }

nav .call, nav .email, nav .appoitment, nav .brochure, nav .callback { background-position:left 6px center; background-repeat: no-repeat; background-size: 14px; } 
nav .call span, nav .email span, nav .appoitment span, nav .brochure span, nav .callback span { padding-left:30px;} 

nav .menu                                       { background:url(/uploads/rainbowdoubleglazing/icons/menu.png) center no-repeat; }
nav .menu span                                  { visibility:hidden; }

/* on-screen-nav */
.on-screen-nav .calendar                        { background: #f69331 url(/uploads/rainbowdoubleglazing/icons/calendar.png)  }
.on-screen-nav .calendar:hover                  { background-image:url(/uploads/rainbowdoubleglazing/icons/calendar.png) }
.on-screen-nav .pdf                             { background: #f69331 url(/uploads/rainbowdoubleglazing/icons/pdf.png) }
.on-screen-nav .pdf:hover                       { background-image:url(/uploads/rainbowdoubleglazing/icons/pdf.png) }
.on-screen-nav .phone                           { background: #f69331 url(/uploads/rainbowdoubleglazing/icons/phone.png) }
.on-screen-nav .phone:hover                     { background-image:url(/uploads/rainbowdoubleglazing/icons/phone.png) }

.on-screen-nav .calendar, .on-screen-nav .pdf, .on-screen-nav .phone { background-position: top 15px center; background-repeat:no-repeat; background-size: 24px; }
.on-screen-nav .calendar:hover, .on-screen-nav .pdf:hover, .on-screen-nav .phone:hover { background-position: top 15px center; background-repeat:no-repeat; background-size: 24px; }
.on-screen-nav .icon span                       { padding-top:40px; display:block; }

/* side-menu */
.hasdropdown > a:after                          { content:"_"; float:right; background: url(/uploads/rainbowdoubleglazing/icons/arrow-down-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }
.hasdropdown > a.arrow-down:after               { content:"_"; float:right; background: url(/uploads/rainbowdoubleglazing/icons/arrow-up-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }
.hasdropdown.active > a:after                   { content:"_"; float:right; background: url(/uploads/rainbowdoubleglazing/icons/arrow-up-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }
.hasdropdown.active > a.arrow-down:after        { content:"_"; float:right; background: url(/uploads/rainbowdoubleglazing/icons/arrow-down-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }

/* extras > back-top */
.bounce                                         { background: #1073b8 url(/uploads/rainbowdoubleglazing/icons/arrow-up-sml-white.png) no-repeat center; }

/* footer > social-media */
.ftr-facebook                                   { background:url(/uploads/rainbowdoubleglazing/icons/facebook.png)  }
.ftr-facebook:hover                             { background-image:url(/uploads/rainbowdoubleglazing/icons/facebook_hover.png) }
.ftr-twitter                                    { background:url(/uploads/rainbowdoubleglazing/icons/twitter.png)  }
.ftr-twitter:hover                              { background-image:url(/uploads/rainbowdoubleglazing/icons/twitter_hover.png) }
.ftr-google-plus                                { background:url(/uploads/rainbowdoubleglazing/icons/google-plus.png)  }
.ftr-google-plus:hover                          { background-image:url(/uploads/rainbowdoubleglazing/icons/google-plus_hover.png) }
.ftr-linkedin                                   { background:url(/uploads/rainbowdoubleglazing/icons/linkedin.png)  }
.ftr-linkedin:hover                             { background-image:url(/uploads/rainbowdoubleglazing/icons/linkedin_hover.png) }
.ftr-youtube                                    { background:url(/uploads/rainbowdoubleglazing/icons/youtube.png)  }
.ftr-youtube:hover                              { background-image:url(/uploads/rainbowdoubleglazing/icons/youtube_hover.png) }
.ftr-pinterest                                  { background:url(/uploads/rainbowdoubleglazing/icons/pinterest.png)  }
.ftr-pinterest:hover                            { background-image:url(/uploads/rainbowdoubleglazing/icons/pinterest_hover.png) }
.ftr-tumblr                                     { background:url(/uploads/rainbowdoubleglazing/icons/tumblr.png)  }
.ftr-tumblr:hover                               { background-image:url(/uploads/rainbowdoubleglazing/icons/tumblr_hover.png) }
.ftr-instagram                                  { background:url(/uploads/rainbowdoubleglazing/icons/instagram.png)  }
.ftr-instagram:hover                            { background-image:url(/uploads/rainbowdoubleglazing/icons/instagram_hover.png) }

.ftr-facebook, .ftr-facebook:hover,
.ftr-twitter, .ftr-twitter:hover,
.ftr-google-plus, .ftr-google-plus:hover,
.ftr-linkedin, .ftr-linkedin:hover,
.ftr-youtube, .ftr-youtube:hover,
.ftr-pinterest, .ftr-pinterest:hover,
.ftr-tumblr, .ftr-tumblr:hover,
.ftr-instagram, .ftr-instagram:hover            { background-position: top 15px center; background-repeat:no-repeat; background-size: 28px; }
.ftr-icon span                                  { padding-top:40px; display:block; }

/* content > product */
.chevron-right                                  { background:url(/uploads/rainbowdoubleglazing/icons/chevron-right.png) }
.chevron-right                                  { background-position:center; background-repeat: no-repeat; background-size: 10px; }

/* nav > navigation html (delivery)*/
.delivery .nav-truck                            { background:url(/uploads/rainbowdoubleglazing/icons/nav-truck.png); }
.delivery .nav-users                            { background:url(/uploads/rainbowdoubleglazing/icons/nav-users.png); }
.delivery .nav-check                            { background:url(/uploads/rainbowdoubleglazing/icons/nav-check.png); }

.delivery .nav-truck, .delivery .nav-users, .delivery .nav-check { background-position: left; background-repeat:no-repeat; background-size: 14px; }
.delivery span                                  { padding-left:25px; }

/* slider > pagination */
.banner_spots li a                              { background:#fff;}
.banner_spots li a:hover, 
.banner_spots li a.selected                     { background:#fff;}

/* mmenu */
.mm-menu                                        { background-color: #1073b8!important; color: #fff!important; }
.mm-navbar                                      { background-color: #1073b8!important; color: #fff!important; }

header nav > ul > li > ul > li:nth-last-child(-n+3) {
    float:left;
}
header nav > ul > li > ul > li:nth-last-child(2) > ul li a {
    color:#2E2C2C;
}

.on-screen-nav > ul > li:first-child {
    display:none;
}