﻿@import url(../font/font.css);

* {	padding: 0px;	outline: none;	list-style: none;}
body{font-size:16px; color:#252525; font-weight:400;  font-family: 'Open Sans', sans-serif;}

h1,h2,h3,h4,h5,h6{ margin:0;font-family: 'Open Sans', sans-serif;  }

h1{ font-size:28px; color:#1a1966; margin-bottom:15px; }
h2{ font-size:22px; color:#ee6b21; margin-bottom:10px; }
h3{ font-size:16px; color:#1a1966; margin-bottom:7px;}
h4{ font-size:12px;}

/* WEBSITE GLOBAL - CSS */


.homeTile {
        
}
  
.homeTile .item {
    background-repeat: no-repeat;
    background-position: center;
}

.homeTile .item:nth-child(1),
.homeTile .item:nth-child(4){
    background-color: #e6e6e8;
    background-size: 55%;
}

.homeTile .item:nth-child(2),
.homeTile .item:nth-child(3){
    background-color: #f7f7f9;
    background-size: 70%;
}

.homeTile .item h3 {
    position: absolute;
    font-size: 25px;
    top: 15px;
    text-align: center;
    width: 100%;
    left: 0;
}

.homeTile .item a.button {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(238,107,33, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(238,107,33);
  outline: none;
} 

.shipping-terms {
    margin-top: -32px;
    background: linear-gradient(to right, rgba(27,25,102,.8), rgba(27,25,102,1)), url("/images/stackofwood.jpg");
    color: white;
    padding: 20px 5px;
}

.shipping-terms a {
    color: #ee6b21;
}

.shipping-terms a:hover {
    text-decoration: underline;
}

.shipping-terms .more a {
    color: #fff;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    border-color: #fff;
    padding: 10px 20px;
    border-radius: 9px;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
    font-size: 20px;
}

 @media(min-width: 768px) {
    .shipping-terms .more a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media(max-width: 767px) {
    .shipping-terms .more a {
        display: inline-block;
        margin-top: 15px;
    }
}

.shipping-terms .more a:hover {
    color: #1a1966;
    border-color: #fff;
    background-color: #fff;
}

footer .copyright {
    border-top: 1px solid #444;
    text-align: center;
    color: #888;
    font-weight: 300;
}

footer .needHelp,
footer .needHelp a {
    font-size: 16px;
}

figure.callUsToday {
    float: left;
    margin-right: 20px;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

figure.callUsToday figure.callLadyImg {
    background-image: url(/images/icon-customer-care-lady_115.png);
    width: 160px;
    height: 140px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: top 10px right 15px;
    transition: filter 0.3s ease-in-out;
}

figure.callUsToday figure.husqvarnaImg {
    background-image: url(/images/template/husqvarna_logo-01.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: top 10px center;
    transition: filter 0.1s ease-in-out;
    padding-bottom: 17px;
}

figure.callUsToday:hover figure.husqvarnaImg {
    filter: brightness(100);
}

figure.callUsToday:hover figure.callLadyImg {
    filter: invert(1);
}

figure.callUsToday:hover {
    background-color: #1a1966;
}

figure.callUsToday:hover > .callHov {
    color: white;
    transition: color 0.2s ease-in-out;
}

figure.callUsToday .callHov {
    bottom: 5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    position: absolute;
    
}



.quantity-field button:after, .quantity-field button:before {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: .625rem;
    background-color: #212121;
}

.quantity-field button.plus:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
}

.quantity-field button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0 9px;
    position: relative;
    outline: 0;
    width: 18px;
    height: 100%;
    background: #f3f3f3;
}

.closeSearch {
    position: absolute;
    right: 12px;
    top: 5px;
    transition: color 0.3s ease-in-out;
}

.closeSearch:hover {
    cursor: pointer;
    color: #ee6b21;
}

.heaterListBorder {
    border-width: 0 1px 3px 1px; 
    border-color: #efefef #efefef #ee6b21 #efefef; 
    border-style: solid;
}

header.new .topBar {
    border-bottom: 1px solid #efefef;
    padding: 5px 0;
}

header.new .topBar .cartText {
    color: #1a1966;
    font-weight: bold;
    font-size: 13px;
}


header.new .primary_navigation.navbar {
   
    background-image: url('/images/new-background.jpg'); 
    background-size: cover;  
    background-position: bottom;
    height: 172px;
    
}

header .contact ul li.icon {
	background-size: contain;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 0px;
    display: block;
    color: #008241;
    font-weight: 500;
    font-size: 19px;
}

header .contact ul li.phone {background-image: url("/images/icon_phone.png");}

.system_page a, .cms_ecommerce a {
    color: #fff;
}

.hideTitle.New.Slider {display: none;}

.feature-list ul {
	list-style-type: none !important;
    margin: 0;
    padding: 0;
}

.feature-list ul li {
	list-style-type: none !important;
}

.greyBG {background-color: #fff;}

.container.white {background-color: white;}

.container.white.pad {padding-top: 15px; padding-bottom: 10px;}

.inner-wrapper ul,
.container.white.pad ul {
    list-style: square; 
    margin-left: 25px; 
    color: inherit; 
    font-size: inherit;
}

.inner-wrapper ul li,
.container.white.pad ul li{
    list-style: square; 
    font-size: 14px;
    color: #515151;
    line-height: 30px;
}

.inner-wrapper h2 {margin-bottom: 10px;}

.newsGal a {font-size: 12px;}

.delivery a, footer h3 a {color: white;}

h1.hideTitle.Sunnyside.Instant.Lawn.proudly {display: none;}

.tickTable ul {margin-left: 0 !important;}

.tickTable ul li em {font-size: 15px !important;}

.slick-dots {padding-bottom: 30px;}

.mobLogos .slick-slide {height: 80px; margin-bottom: 30px;}
.mobLogos .one img {height: 60px; width: auto;}
.mobLogos .two img {height: 70px; width: auto;}
.mobLogos .three img {height: 55px; width: auto;}
.mobLogos .four img {height: 60px; width: auto;}
.mobLogos .five img {height: 80px; width: auto;}
.mobLogos .six img {height: 70px; width: auto;}

@media (max-width: 767px) {
    .mobLogos .slick-slide {height: 60px; margin-bottom: 30px;}

    .mobLogos .one img {height: 40px; width: auto;}
    .mobLogos .two img {height: 50px; width: auto;}
    .mobLogos .three img {height: 35px; width: auto;}
    .mobLogos .four img {height: 40px; width: auto;}
    .mobLogos .five img {height: 60px; width: auto;}
    .mobLogos .six img {height: 50px; width: auto;}
}

.brandLogos {margin: 0 0 40px 0}

.brandLogos .one img {height: 45px;width: auto;}
.brandLogos .two img {height: 41px;width: auto;}
.brandLogos .three img {height: 38px;width: auto;}
.brandLogos .four img {height: 50px;width: auto;}
.brandLogos .five img {height: 45px;width: auto;}

.mobLogos img {
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    position: absolute;
    
}

.turfIcons {
    text-align: center; 
    overflow: auto; 
    margin-bottom: 18px; 
	color: #2D4354;
    font-size: 12px;
    font-weight: 700;
}

.turfIcons img {max-height: 30px; margin-bottom: 5px;}

.mobLogos h3 {
    text-align: center;
    color: white;
    text-transform: uppercase;
    position: absolute;
    bottom: -25px;
    width: 100%;
}

/* -- MENU -- */

.navbar-nav > .nav-item > .nav-link {
    font-size: 17px;
    color: #252525;
    text-transform: uppercase;
    display: block;
    padding: 10px 11px;
    box-shadow: inset 0 -14px 0 -15px #1a1966;
    transition: box-shadow 0.4s cubic-bezier(.55,1.17,.91,1.38);
}

.navbar-nav .nav-item:hover {
    transition: box-shadow 0.4s cubic-bezier(.55,1.17,.91,1.38);
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-item:hover  {
    box-shadow: inset 0 -18px 0 -15px #1a1966;
}

.navbar-nav a:after {
    content: none;
}

.navbar-nav > li > a:hover {
   
}

.navbar-nav .dropdown-menu {
    background-color: rgba(128,128,128,0.8);
    color: #fff;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    margin-top: 0;
}

.navbar-nav:hover .dropdown-menu > a {
    color: #1a1966;
}

.navbar-nav:hover .dropdown-menu a {
    color: #fff;
}

.navbar-nav .dropdown-menu > a:hover {
    color: #1a1966 !important;
}

.navbar-toggler, .navbar-toggler span {
	outline: none;
}
	


@media (max-width: 991px) {

    .menu {
    	padding: 15px;
    }
    
    .menu ul {
        width: 100%;
    }
    
    .navbar-dark .nav-item a {
        padding: 16px 11px;
    }
    
    .menu ul li {
        border-right: 0px solid #5f5f5f !important;
        border-bottom: 1px solid #5f5f5f;
        width: 100%;
    }
        
}


/* -- SUBMENU -- */

.menu ul.navbar-collapse li:hover > ul {
	display: block;
}

.menu ul.navbar-collapse li > ul {
	display: none;
    position: absolute;
    z-index: 10000;
    background-color: #008241;
    max-width: 200px;
    min-width: 200px;
    
}

.menu ul.navbar-collapse li > ul > li {
    float: none;
}

.menu ul.navbar-collapse li > ul > li a {
    border: 5px solid transparent; 
    padding: 10px 10px;
    color: #fff;
}

.menu ul.navbar-collapse li > ul > li a:hover {
    background-color: #1a1966;
    color: #fff;
    
    
}




@media (min-width: 992px) {
  
    .quicklink h2 {
        margin-top: 30px;
    }
    
}

@media (min-width: 480px) and (max-width: 991px) {

	.quicklinks-wrapper div.container div:nth-child(3) {clear:both;}
        
}

@media (max-width: 767px) {

    html, body {overflow-x: hidden !important;}
    
    .container.white.pad img {
    	max-width: 100%;
    }
    
    .tickTable ul li {border-right: 0 !important;}
    
    .tickTable ul li:last-child {border-top: 1px solid #7c7c7c;}
    
    .menu ul.navbar-collapse li ul.dropdown {display: block; max-width: 100%; position: relative; width: 100%; background-color: #252525;}
    
    header .topLogo {text-align: left; margin-top: 10px;} 
    
    header .topLogo img {width: 70%; max-width: 340px;} 

    .navbar-nav {margin-top: 40px;}
    
    .navbar-nav > .nav-item {
        width: 100%;
        border-width: 0 0 1px 0;
        border-color: #efefef;
        border-style: solid;
    }
    
    .navbar-nav > .homeIcon {
        width: 100%;
        padding-left: 15px;
        padding-top: 7px;
    }
    
    .navbar-nav > .homeIcon a {
        display: block;
    }
    

    
}

p{ font-size:14px; color:#515151;  line-height: 28px;    margin: 0 0 14px;}


a{ color:#1a1966; text-decoration:none;}
a:hover{ color:#ee6b21; text-decoration:none; transition:all 0.3s;}

.buttons{ display:inline-block; font-size:18px; color:#fff; text-transform:uppercase; background:#d36163;padding:10px 20px;font-family: 'Open Sans', sans-serif; }
.buttons:hover{ background:#000000;}

input[type="submit"], a.button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #1a1966;
    border-color: #1a1966;
}
input[type="submit"]:hover, a.button:hover {    
    background-color: #ee6b21;
    border-color: #ee6b21;
}

a.button.grey {
    background-color: #6c757d;
    border-color: #6c757d;
}
a.button.grey:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

/*==========================================================================*/
/*                                      HEADER                              */
/*==========================================================================*/
ul{margin:0px;}

.container{ width:1034px;}
header{ width:100%; float:left;}
.primary_navigation{ margin:0; border:none;   }
.primary_navigation a{ height:auto;}
.primary_navigation .container a.navbar-brand{ margin:0;}

.call{ float:left;    padding: 30px 0 0 68px;}
.call p{ font-size:20px;    line-height: 27px; font-weight:100;}
.call span{ display:block; color:#008241; font-weight:700;}
.call a:hover{ color:#88c540;}
.navbar-header{ width:100%; padding: 6px 0 12px 0; background:url(../img/header-bg.png) no-repeat 0 0; background-size:cover;}

.menu{ width:100%; float:left; background:#252525;}
.menu-text{ display:none;}
.menu ul{float: left; padding:0;}
.menu ul li{ float:left; padding: 19px 11px\9;border-right:1px solid #5f5f5f;}
.menu ul li:hover,.menu ul li.selected{ background:#008241; transition:all 0.3s;}
.menu ul li a{ font-size:14px;  color:#fff !important; text-transform:uppercase; display: block; padding: 16px 11px; }
.menu ul li em{ font-size:20px;    line-height: 16px;}
.menu ul li em.fa-home{    font-size: 24px;}

.search-container{  display: none;    background: #fff;  padding: 50px 0;  position: absolute;  width: 100%;  top: 0%;     z-index: 9999999999;  border-top: 1px solid #EAE7E7;}
.search-container form input[type="text"]{background: none;  width: 100%;  font-size: 17px;  padding: 8px;  border: 1px solid #C8C8C8;  margin-bottom: 0; }
.search-container form input[type="submit"]{  color: #fff;       background: #1a1966; padding: 8px 0;  font-size: 17px;  width: 94%;  border: none;  border-radius: 4px; }
.search-container form input[type="submit"]:hover{ background:#ee6b21;}
.search-container form::-webkit-input-placeholder {   color: #C8C8C8;}
.search-container form :-moz-placeholder { /* Firefox 18- */   color: #C8C8C8;  }
.search-container form ::-moz-placeholder {  /* Firefox 19+ */   color: #C8C8C8;  }
.search-container form :-ms-input-placeholder {     color: #C8C8C8;  }

.home-slider .slick-prev{    left: auto;    right: 45px;}
.home-slider .slick-next{ }
.home-slider .slick-next,.home-slider .slick-prev{    height: 22px;    width: 12px;     top: 93.5%;}
.home-slider .slick-prev:before,.home-slider .slick-next:before{ font-size: 27px;color:#ffeb9d}
.home-slider .slick-prev:before{  color:#ffeb9d;content:"\f0d9"; font-family: 'FontAwesome';}
.home-slider .slick-next:before {  color:#ffeb9d;content: "\f0da"; font-family: 'FontAwesome'; }

.slider-caption{ width:100%; position:absolute; left:0; bottom:0; background:rgba(69, 73, 65, 0.73); padding:11px 0 12px 34px;}
.slider-caption p{  font-size:12px; color:#fff; margin:0; font-family: 'HelveticaOblique_22559';}

.banner-wrapper{    padding: 18px 0 12px 0;}
.banner-wrapper .col-md-8{ padding:0;}
.banner-wrapper .col-md-4{padding:0 0 0 15px;}
.order{         min-height: 271px; background:url(../img/order-bg.jpg) no-repeat 0 0;    background-size: cover; position:relative;}
.lawnsrore-logo{position:absolute;    top: 5px;    right: 0;}
.order p{ font-size:24px; color:#fff; margin:0;    max-width: 172px;    float: right;     padding: 122px 0 0 0;    text-shadow: 5px 7px 17px #000000;text-transform:uppercase; font-weight:700; }

.delivery{    background: url(../img/delivery-bg.jpg) no-repeat 0 0;    padding: 33px 0 15px 10px;    margin: 15px 0 0 0;    background-size: cover; }
.delivery h1{ font-size:38px; color:#fff; margin:0; text-transform:uppercase; font-family: 'MyriadProBold';}
.delivery h1 span{ font-size:22px; display:block;    line-height: 18px;}
.delivery p{ font-size:12px; color:#fff;    line-height: 10px; font-style:italic; margin: 0; font-family: 'MYRIADPROREGULAR';  }

.logo-wrapper{ background:#808080;}
.logo-wrapper ul li{    width: 25%; float:left;    line-height: 95px;    text-align: center;}

.quicklinks-wrapper{ padding:52px 0 0 0;}
.quicklink{ color:#252525;}
.quicklink h3{ color:#1a1966; font-weight:600;     text-transform: uppercase;   margin: 0 0 12px 0;}
.quicklink h4{    text-transform: uppercase; margin:15px 0 10px 0;}
.quicklink figure{ margin:0 0 15px 0;}
.quicklink figure img{ width:100%;}
.quicklink p{ font-size:12px; color:#252525; line-height:18px;    margin: 0;}

.logo-list{ clear:both;     padding: 30px 0 55px 0;text-align:center;}
.logo-list li{ float:none; display:inline-block;    padding: 0 14px;}

.testimonial-wrapper{ background:#c3edaa;    padding: 30px 0; }
.testimonial-wrapper p{ font-size:18px; color:#000; text-align:center; font-family: 'NoticiaTextItalic';     max-width: 854px;    margin: 0 auto;}
.testimonial-wrapper .slick-prev{    width: 19px;    height: 33px;background:url(../img/prev-arrow.png) no-repeat;    left: 16px;}
.testimonial-wrapper .slick-next:before,.testimonial-wrapper .slick-prev:before{ content:'';}
.testimonial-wrapper .slick-next{    width: 19px;    height: 33px; background:url(../img/next-arrow.png) no-repeat;    right: 16px;}

footer{ background:#252525;    padding: 20px 0 30px 0; }
footer .col-md-2{ padding:0;}
footer h3{ color:#e9e8e8; font-weight:700;    margin: 0 0 14px 0;}
footer ul{}
footer ul li{ line-height:23px;}
footer ul li a, footer a{ font-size:12px; color:#e9e8e8;}
.address p,.address a{ font-size:12px; color:#e9e8e8;}
.address a:hover{ color:#88c540;}

a.map{    display: block;margin: 22px 0 10px 0; color:#57a72b; font-weight:700;}

.social{ width:100%; float:left;}
.social h4{ float:left;color:#ffffff;    margin: 12px 0 0 0; }
.social ul{ float:right;}
.social li{ float:left;    margin: 0 10px;}
.social li:last-child{ margin-right:0;}
.social ul li a{ width:35px; height:35px; line-height:35px;    font-size: 22px; border-radius:50%; text-align:center;}
.social ul li a.fa-facebook-f{ background:#3f4ac1;}
.social ul li a.fa-facebook-f:hover{ color:#3f4ac1; background:#fff;}
.social ul li a.fa-google-plus{ background:#b30c08;}
.social ul li a.fa-google-plus:hover{ color:#b30c08; background:#fff;}

.address figure{ width:100%; float:left;    margin: 16px 0 0 0;}
/*==========================================================================*/
/*                                      HOME VERIETY                        */
/*==========================================================================*/
.inner-wrapper{      padding: 24px 0 0px 0;}
.inner-wrapper h2{ color:#1a1966; font-weight:100;    margin: 0 0 20px 10;}
.feature-details .col-md-5{ padding:0;}
.feature-details .col-md-7{    padding: 0 30px 0 0;}
.feature-details:last-child .feature-content{ border-bottom:none;}

.feature-content{     width: 100%;    float: left;    padding: 0 0 20px 15px;    border-bottom: 1px solid #03582c;    margin-bottom: 36px;}

.feature-wrapper{ width:100%; float:left; position:relative;}
.feature-wrapper img{ width:100%;}
.features{ height: 100%; position:absolute; top:0;    right: 14px;   background: rgba(9, 93, 44, 0.89);     padding: 20px 30px 10px 20px;}
.features h3{ color:#fff; font-weight:700;    margin: 0 0 8px 0;}
.features ul {
	margin: 0 !important;
    padding: 0 !important;
}
.features ul li{ 
    list-style-type: none !important;
    font-size:12px !important; 
    color:#fff !important;      
    line-height: 23px !important;
}
.features ul li em{ margin:0 5px 0 0;}

.feature-list{}
.feature-list .col-md-9{ padding:0 0 0 15px;}
.feature-list em{     font-size: 15px; float:left; color:#1a1966;}
.feature-list ul{ float:left; background:#d9ede3;    border: 1px solid #7c7c7c;}
.feature-list ul li{ float: left;    font-size: 12px; font-weight:600;    color: #095c28;       padding: 7px;    border-right: 1px solid #7c7c7c;    border-bottom: 1px solid #7c7c7c;}
.feature-list ul li:nth-child(even){ border-right:none;}
.feature-list ul li:nth-child(5),.feature-list ul li:nth-child(6){ border-bottom:none;}

.feature-logo-list{ text-align:center;}
.feature-logo-list li{padding: 70px 0 0px 0; list-style-type: none !important;}

.video{ width:100%; float:left;    padding: 38px 0 55px 0;}
.video iframe{ width:100%;}

@media (max-width:1199px){	
.container{ width:100%;}
.feature-content{ padding:0 0 20px 0;}
.inner-wrapper .col-md-12{ padding:0;}
.primary_navigation .container{ padding:0;}
.order{    min-height: 267px;}
.inner-wrapper .row{ margin:0;}
}

@media (max-width:991px){
footer,.logo-list,.video{     padding: 30px 0;}
.search-container{ padding:33px 0;}
.quicklinks-wrapper{ padding:30px 0 0 0;}
.quicklink{ margin:0 0 20px 0;}
.testimonial-wrapper p{     max-width: 620px;}
footer .col-md-2,footer .col-md-3{ width:33.33%; margin-bottom: 40px; float:left; padding:0 15px;} 
.call{       padding: 7px 0 0 30px;}
.banner-wrapper .col-md-4,.logo-list li{ padding:0;}

.delivery{     padding: 15px 0 18px 10px;    max-width: 326px;    margin: 15px auto 0 auto;}
.feature-content{     padding: 0px 0 20px 0;    margin-bottom: 30px;}
.features ul li{    line-height: 15px; }
.feature-list em{    font-size: 65px;}
.logo-wrapper ul li{    width: 20%;    margin: 0 15px;}
.order{    max-width: 326px;}
.logo-wrapper ul li img{ width:100%;}
.navbar-header{ background-size:contain;}
.primary_navigation .container a.navbar-brand{ padding:0 18px;}
.call p{ margin:0;}	
.inner-wrapper img{ width:100%;}
}
@media (max-width:767px){		
.primary_navigation a{      width: 40%;}
.primary_navigation a img{ width:100%;}
.call p{    font-size: 16px;    line-height: 22px;}

.banner-wrapper .col-md-4{ padding:0;}
.order p{     max-width: 305px;   padding: 106px 0 0 14px;float: left;}
.testimonial-wrapper .slick-next{ right:0;}
.testimonial-wrapper .slick-prev{ left:0;}
.search-container{       padding: 24px 0;border-bottom: 1px solid #EBEBEB;}
.logo-list li{ padding:14px;}
.logo-list li img{ width:100%;}
.delivery{       padding: 22px 10px 22px 10px;}
.feature-details .col-md-7{ padding:0;}
.home-slider .slick-next, .home-slider .slick-prev{    top: 92.5%;}
.menu ul.navbar-collapse{ width: 70%;   margin-top:56px; border-top:none;     box-shadow: none;}
.menu ul.navbar-collapse li{ width:100%; border-right:none;    padding: 8px 0px;}
.navbar-toggle{    position: absolute; top: 172px; left: 6px;   background: #008241;}
.navbar-toggle .icon-bar{ background:#fff;}
.pull-right{width:100%;} 
.menu ul li:hover{ background:inherit;}
        
.menu ul.search{ ; float: right; }
.menu ul li:hover a{ color:#008241;}
.menu-text{ display:block; text-align:center;     position: relative;}
.menu-text span{ color:#fff;     position: absolute;    left: 55px;    top: 15px;}
.feature-content{     padding: 20px 0;}
.logo-wrapper ul li{ width:50%;    margin: 10px 0;}
.features ul li{       line-height: 23px;}
.logo-wrapper ul li img{ width:auto;}
.primary_navigation .navbar-header{ margin:0;}
.video .col-md-6{ padding:0 0 10px 0;}
.quicklinks-wrapper .col-xs-6{ padding:0 10px;}
.testimonial-wrapper p{     max-width: 520px;}
}

@media (max-width:568px){
footer .col-md-2, footer .col-md-3{ width:100%; text-align:center; min-height:inherit; }	
.social{    max-width: 250px;    margin: 0 auto;    float: none;}
footer{    padding: 30px 0 10px 0;}
.testimonial-wrapper p{      max-width: 350px;}
.home-slider .slick-next, .home-slider .slick-prev{    top: 89.5%;}
.navbar-toggle{ }
.slider-caption{ padding:11px 15px;    min-height: 52px;}
.slider-caption p{  font-size: 12px;    line-height: 15px;  max-width: 240px; }
.primary_navigation .navbar-header{    padding: 6px 0 10px 0;}
.call p{    font-size: 12px;    line-height: 15px;}
.search-container{ padding:12px 0;}
}

@media (max-width:479px){
.logo-wrapper ul li,.quicklinks-wrapper .col-xs-6,iframe{ width:100%;}
.slider-caption{    padding: 11px 0 11px 11px;}
.primary_navigation a{    width: 48%;}
.home-slider .slick-next, .home-slider .slick-prev{       top: 84.5%;}
.quicklink,.inner-wrapper{ text-align:center; min-height:inherit;}
.navbar-toggle{  }
.search-container .col-xs-3{ padding:0;}
.delivery h1 span{ float:none;}
.search-container form input[type="submit"]{ height:40px;     font-size: 12px;}
.call{ padding: 2px 0 0 10px;} .call p{ margin:0;      font-size: 11px;   line-height: 18px;}
.features ul li{        line-height: 17px;    text-align: left;}
.navbar-header{ background-size:cover;}
.search-container{ padding:14px 0;}
.testimonial-wrapper p{ max-width:252px;}

	
}



/* STAR PERFORMANCE - WEBAPP */

.starPerformApp {
	margin-bottom: 30px;
    overflow: auto;
    clear: both;
}

.starPerformApp h4 {
	color: #1a1966;
    font-size: 18px;
    font-weight: bold;
}

.starPerformApp .title {
	height: 45px;
}

.starPerformApp .item {
	padding: 5px 15px;
    border-width: 0 0 1px 0;
    border-color: #fff;
    font-size: 12px;
    border-style: solid;
}

.starPerformApp .odd { 
    background-color: #F3F3F3; 
}

.starPerformApp .overall { 
	background-color: #1a1966;
    color: #fff;
}


.starPerformApp .rating5 span:after {
	content: "★ ★ ★ ★ ★";
}

.starPerformApp .rating4 span:after {
	content: "★ ★ ★ ★";
}

.starPerformApp .rating3 span:after {
	content: "★ ★ ★";
}

.starPerformApp .rating2 span:after {
	content: "★ ★";
}

.starPerformApp .rating1 span:after {
	content: "★";
}

.starPerformApp .overall {
	color: #fff;
}

footer {
    color: white;
    font-size: 12px;
}

footer .newSocial {
    display: inline-block;
}

footer .newSocial figure {
    background-color: #999;
    padding: 6px 6px 6px 6px;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    position: relative;
    float: left;
    text-align: center;
    font-size: 10px;
    margin-right: 4px;
    transition: background-color 0.3s ease-in-out;
}

footer .newSocial a {
    color: white;
    
}

footer .newSocial a:hover > figure {
    background-color: #1a1966;
}

@media (max-width:767px){
    footer {
        text-align: center;
    }
    
}

s, strike, del {
    text-decoration: line-through;
}

/* Product slider adjustments */
.slick-track { 
    display: flex; 
    align-items: stretch; 
}
.slick-slide { 
    height: auto; 
    flex: 1; 
}
.heaterListBorder {
   height: 100%;
}
@media (max-width:640px){
    .slick-prev {
        left: 5px;
        z-index: 1;
    }
    .slick-next {
        right: 5px;
    }
}
