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

html, body                                      { font-family: 'Open Sans', sans-serif; text-rendering: optimizelegibility; }
body                                            { color:#707275; background-color:#FFF; }
img                                             { vertical-align:bottom; }

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

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

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

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

h3                                              { font-size:1.8rem; line-height:1.8rem; }

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

h1.large-h1                                     { border-bottom:0; font-size:2.8rem; line-height:2.8rem; }

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

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

.text-center                                    { text-align:center; }
.text-left                                      { text-align:left; }
.text-right                                     { text-align:right; }

.text-snow                                      { color: #fff; }
.text-red                                       { color: #D0332C; }
.text-blue                                      { color: #074087; }
.text-yellow                                    { color: #FFC94B; }
.text-green-light                               { color: #87c43c; }

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

/* buttons */
.btn                                            { line-height:inherit; text-decoration: none; border:0; text-align:center; cursor:pointer; }
.btn-round                                      { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.btn:hover                                      { text-decoration:none; }

.btn-red                                        { background-color:#3AB54A; color:#fff; }
.btn-blue                                       { background-color:#074087; color:#fff; }
.btn-grey                                       { background-color:#F4F4F4; color:#656565; }
.btn-green-light                                { background-color:#87c43c; color:#fff; }

.btn-red:hover                                  { background-color:#009345; }
.btn-blue:hover                                 { background-color:#042453; }
.btn-grey:hover                                 { background-color:#ddd; }
.btn-green-light:hover                          { background-color:#00804F; }

/* borders */
.border                                         { border:1px solid #ddd; }
.border-top                                     { border-top:1px solid #ddd; }
.border-bottom                                  { border-bottom:1px solid #ddd; }
.border-bottom5-red                             { border-bottom:5px solid #3AB54A; }

.border-none                                    { border:none!important; }

/* 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; list-style: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:#fff; color:#656565; border: 1px solid #ddd; text-transform:uppercase; font-size:1.2rem; line-height:1.2rem; }
.on-screen-nav ul li a:hover                    { text-decoration: none; }

.on-screen-nav ul li a:hover                    { color:#2E2C2C; }
.on-screen-nav ul li a:hover i                  { color:#D0332C; }

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

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

/*extras > quote */
q                                               { quotes: "“" "”" "‘" "’"; }
q:before                                        { content: open-quote; font-size:1.6rem; color:#2E2C2C;}
q:after                                         { content: close-quote; font-size:1.6rem; color:#2E2C2C; }

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

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

.breadcrumb                                     { border-top: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; color:#656565; }

.header-content ul                              { list-style:none; }
.header-content ul li                           { text-align:center; }
.header-content ul li                           { font-size:2.2rem; color:#2E2C2C; text-align:right; line-height:2.6rem; vertical-align:text-top; color:#3AB54A; }
.header-content ul li span:last-child           { font-size:1.8rem; }
.header-content ul li span a                    { color:#808080; text-decoration:none; }

/* header > nav > default styles */
header nav                                      {
                                                /* Safari 4-5, Chrome 1-9 */
                                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3AB54A), to(#009345));
                                                /* Safari 5.1, Chrome 10+ */
                                                background: -webkit-linear-gradient(top, #3AB54A, #009345);
                                                /* Firefox 3.6+ */
                                                background: -moz-linear-gradient(top, #3AB54A, #009345);
                                                /* IE 10 */
                                                background: -ms-linear-gradient(top, #3AB54A, #009345);
                                                /* Opera 11.10+ */
                                                background: -o-linear-gradient(top, #3AB54A, #009345); 
                                                }
header nav                                      { border-bottom: solid 5px #3AB54A;  }

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

/* header > nav > main level *
header nav > ul                                 { list-style:none; }
header nav > ul > li > ul                       { color:#81CDE5; text-align:left; }
header nav > ul > li > ul > li                  { list-style:none; }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#003360; text-decoration:none; }
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                                 { list-style:none; }
header nav > ul > li > ul                       { color:#fff; }
header nav > ul > li > ul > li                  { list-style:none; }
header nav > ul > li > ul > li > a:hover        { background:#fff; color:#2E2C2C; text-decoration:underline; }
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 > sub menu (level 1) */

header nav > ul > li > ul > li > ul             { font-size:1.3rem; background:#FFF; border-left:1px solid #ddd; border-right:1px solid #ddd; }
header nav > ul > li > ul > li > ul             { -webkit-box-shadow: 0 8px 6px -6px #354566; -moz-box-shadow: 0 8px 6px -6px #354566; box-shadow: 0 8px 6px -6px #354566; }
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:#3AB54A; 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                         { text-decoration:none; background:#0070D5 }

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

.header-fixed .sml-logo                         { text-align:left; }
.header-fixed .sml-logo a:hover                 { background:none; }
.header-fixed .sml-logo:hover                   { background:none; }

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

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

footer                                          { background-color: #fff; color:#2E2C2C; }
footer .content                                 { background-color: none; font-size:2rem; }

footer ul                                       { list-style:none; text-align:left; }
/* main */
footer ul > li                                  { font-size:1.8rem; }
footer ul > li a:hover                          { text-decoration:none; }
/* level 1 */
footer ul > li > ul > li                        { font-size:1.4rem; }
footer ul > li > ul > li > a                    { text-transform:none; }
footer ul > li > ul > li > a:hover              { text-decoration:underline; }

footer .copyright                               { font-size:1.4rem; }
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                                   { list-style:none; }
.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:#808080; border-color:#ddd; }

.side-menu > ul > li > ul                       { background: #F4F4F4; }
.side-menu > ul > li > ul li a:hover            { background: #ddd; }

/* content > side-menu - adjustments */
.side-menu > ul > li > span                     { cursor: auto; }

/* 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 > product */
.product                                        { text-align:center;}
.product a:hover                                { opacity:0.7; }
.product .column_Inner_Padding                  { border:1px solid #707275; }
.product h2                                     { font-size: 1.8rem; font-weight:bold; }
.product p                                      { font-size:1.4rem; }
.product .product-text                          { line-height:1.6rem; background:#fff;  }
.product .product-button .btn                   { background:#ddd; }
.product .product-button .btn:hover             { background:#87c43c; }
.product .product-button .btn i                 { color:#fff; font-size:1rem; }

/* content > cmsContentArea2 */
.bg-cmsContentArea2                             { background-color:#3AB54A; /*#003A68 - darker blue*/ color:#FFF; }
.bg-cmsContentArea2 .multi_Column_Layout        { padding:0;}

/* content > latest news item */
.latest-news-item                               { text-align:left; }
.latest-news-item h2                            { color: #fff; }

/* content > grid1 */
.grid1 .product .product-text p                 { white-space: nowrap; }

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

/**** slider start **********************************************/

.slider                                         { border-bottom:0; color:#fff; background: #EEE; }

/* font */
.slider h1, .slider h2                          { font-size: 3.8rem; line-height:3.8rem; }
.slider p                                       { font-size: 1.6rem; line-height:3.2rem; }

/* slider > navigation */
.webnetBannerContainer .slideForward,
.webnetBannerContainer .slideBack               { background:#3AB54A; color:#fff; }
.webnetBannerContainer .slideForward:hover, 
.webnetBannerContainer .slideBack:hover         { background-color:#009345; }

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

/**** slider end **********************************************/

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

/* 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: #3AB54A; color: #fff; border-color: #3AB54A; }
.no-js .accordion__title:hover                  { background-color: #ccc; color: #222; }
.accordion__title.active                        { background: #f4f4f4; color:#808080; border-color:#ddd; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* media queries - ideal break points: , 1024, 800, 600, 480 and 320 //////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

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

}/* /end */

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

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

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

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
footer .content                                 { font-size:1.6rem; }

footer ul > li                                  { text-align:center; }
footer ul > li a                                { border-bottom:1px solid #ddd; }

}/* /end */

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

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

h1.large-h1                                     { font-size:2rem; line-height:2.8rem; }

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

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

/* mobile unique*/
.mobile-center                                  { text-align:center; }
.mobile-text-center                             { text-align:center; }

}/* /end */

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

 /* =================================================================================================================== */
/* icons ============================================================================================================= */
/* =================================================================================================================== */

.icon                                           { white-space:nowrap; }

/* nav */
nav .call                                       { background:url(../uploads/go-installations/icons/call.png)}
nav .email                                      { background:url(../uploads/go-installations/icons/email.png) }
nav .appoitment                                 { background:url(../uploads/go-installations/icons/appoitment.png) }
nav .brochure                                   { background:url(../uploads/go-installations/icons/brochure.png) }
nav .callback                                   { background:url(../uploads/go-installations/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/go-installations/icons/menu.png) center no-repeat; }
nav .menu span                                  { visibility:hidden; }

/* on-screen-nav */
.on-screen-nav .calendar                        { background:url(../uploads/go-installations/icons/calendar.png)  }
.on-screen-nav .calendar:hover                  { background-image:url(../uploads/go-installations/icons/calendar_hover.png) }
.on-screen-nav .pdf                             { background:url(../uploads/go-installations/icons/pdf.png) }
.on-screen-nav .pdf:hover                       { background-image:url(../uploads/go-installations/icons/pdf_hover.png) }
.on-screen-nav .phone                           { background:url(../uploads/go-installations/icons/phone.png) }
.on-screen-nav .phone:hover                     { background-image:url(../uploads/go-installations/icons/phone_hover.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/go-installations/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/go-installations/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/go-installations/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/go-installations/icons/arrow-down-sml.png) no-repeat right; width:25px; background-size: 14px; color:#fff; }

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