/* ============================================ *
 * Mega Menu 
 * ============================================ */

*{margin:0; padding:0; /*font-family:Arial,Helmet,Freesans,sans-serif !important;*/}
ul, ol {
    list-style: none outside none;
}
.megamenu clearfix{clear:both;}
#nav {
    font-size:11px;
	/*margin:0 -21px;width:960px;*/
    color:#666;
    height: 32px;    
  /*  border-bottom: 1px solid #e5e5e5;*/
}

#nav li {
    float: left;
    text-align: left; position:static;
    padding: 0 6.8px;
    -webkit-padding-end: 9.24px;
    -webkit-padding-start: 9.4px;
}
#nav:after {
  content: '';
  display: table;
  clear: both;
}
/* #nav li.menu_2 .magestore-megamenu { left:-134px;}
#nav li.menu_3 .magestore-megamenu { left:-270px;}
#nav li.menu_4 .magestore-megamenu { left:-369px;}
#nav li.menu_5 .magestore-megamenu { left:-477px;}
#nav li.menu_6 .magestore-megamenu { left:-590px;}*/
#nav li.menu_5 .magestore-megamenu div { position:static !important; width:930px !important;}


.megamenu #nav a{
    color: #fff;
    text-decoration:none;
    font-size: 11px;
}

.megamenu #nav{
    position : relative;
}

.megamenu #nav .magestore-megamenu{
    background:#fff; 
    top:30px; 
    width: 100%;
    /*border: 1px solid #999; */
    z-index: 1000;
    display:none;
    position:absolute;
}

.magestore-megamenu .sub-menu {
border: 1px solid #999 !important;
}
.megamenu #nav .magestore-megamenu .sub-menu{
    left: 0;   
    width: 100% !important;
    height: auto;
    float: left;
    position: static;
    padding:10px; border:0; width:auto; background:#fff;
}
.megamenu #nav .magestore-megamenu .sub-menu .main_content { width:auto; position:static; border:0; top:0; left:0;}
.megamenu #nav li:hover .magestore-megamenu{
    display:block;
}
@media only screen and (max-width: 770px){
.megamenu #nav li:hover .magestore-megamenu{
    display:none;
}
}
.megamenu #nav a.megamenu-lable{
    font-weight:bold !important;
    text-transform:uppercase !important;
    line-height:50px !important;
    padding:0 15px;
    font-size:16px;
    margin-top: -8px;
    color: #636363;
    height:55px;
    line-height:55px;
    display:inline-block;
}
.megamenu #nav  li.over a.megamenu-lable.over{background-color:#fff !important;color:#000;}
.megamenu #nav  a.megamenu-lable:hover{color:#000;}
.megamenu #nav li ul.shown-sub,.megamenu #nav li div.shown-sub{
    padding:0 !important;
    margin:0 !important;
    background:none !important;
    border:none !important;
}
.megamenu #nav div ul li {/*background:none !important;*/}
.megamenu #nav div ul li.level1-megamenu {  border:0 !important;}
.megamenu #nav div ul li.level1-megamenu ul { width:100%; float:left; padding-top: 10px;}
.megamenu #nav div ul li div{position:static !important;border:none ;}
/*menu responsive*/
@media only screen and (min-width: 960px) and (max-width: 1090px){
.megamenu .magestore-megamenu li a{
font-size: 13px !important;
}
}
@media only screen and (min-width: 900px) and (max-width: 960px){
.megamenu .magestore-megamenu li a{
font-size: 11px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 900px){
.megamenu .magestore-megamenu li a{
font-size: 10.5px !important;
}
}
/*menu responsive*/
.megamenu #nav .magestore-megamenu li a{
    background: none repeat scroll 0 0 transparent !important;
    color: #636363;
    font-size: 15px;
    height:auto !important;
    text-align:left !important;
    padding: 10px 0;
}

.megamenu #nav .magestore-megamenu li:hover > a{
color: #000 ;
}

.megamenu #nav button.button{
    border: 1px solid #F79343;
    color: #fff;
    float: none;
    font-size: 21px;
    height: 25px;
    padding:0 15px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    letter-spacing: -1px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background: #fe8900; /* non-CSS3 default background */
    background: -webkit-gradient(linear, left top, left bottom, from(#feb900), to(#fe8900));
    background: -moz-linear-gradient(#feb900, #fe8900);
    background: -ms-linear-gradient(#feb900, #fe8900);
    background: linear-gradient(#feb900, #fe8900);
    font-size:12px;
    -pie-background: linear-gradient(#feb900, #fe8900);
}
.megamenu #nav button.button:hover {
    background: #CE662B;
    background: -webkit-gradient(linear, left top, left bottom, from(#F3C812), to(#CE662B));
    background: -moz-linear-gradient(#F3C812, #CE662B);
    background: -ms-linear-gradient(#F3C812, #CE662B);
    background: linear-gradient(#F3C812, #CE662B);
    -pie-background: linear-gradient(#F3C812, #CE662B);
}
.megamenu #nav button.button:active {
    color: #ccc;
    border: solid 1px #1D74B9; /* border */
    background: -webkit-gradient(linear, left top, left bottom, from(#003061), to(#0059b2));
    background: -moz-linear-gradient(#003061, #0059b2);
    background: -ms-linear-gradient(#003061, #0059b2);
    background: linear-gradient(#003061, #0059b2);
    -pie-background: linear-gradient(#003061, #0059b2);	
}

/* --------------------- Block home-----------------*/
.megamenu #nav  .block-megamenu  ul.block-home{	
    float: left;
    margin: 0 !important;
    width: 100% !important;
}
.megamenu #nav  ul.block-home li{float:left !important;margin-bottom:15px !important; background:none !important;}	
.megamenu #nav h1.block-title{
    float:left;
    font-size:11px;
    width:100%;
    text-align:left;
    padding:0 0 10px;
    font-weight:bold;
    text-transform:uppercase;
    border-bottom:1px dashed #d5d5d5;
    border-top:none !important;
    margin-bottom:10px;
    color:#000;
}
.megamenu #nav  ul.block-home li.first{
    width:40%;
    padding-right:10px;
    border-right:1px solid #d5d5d5;
    text-align:left !important;
}
.megamenu #nav  ul.block-home li.first img{border:1px solid #d5d5d5; height: auto; width: 95%;}	
.megamenu #nav  ul.block-home li.last{
    width:55% !important;
    padding-left: 15px !important;
}
.megamenu #nav  ul.block-home li.last span{
    line-height:20px;
    padding:0 0 10px 0;
    float:left;
    width:100%;
}

/* -----------------------------Grid Category-----------------------------------*/
.megamenu #nav  .grid-categories-megamenu h1{
    float:left;
    width:100%;
    margin:0;
    padding:10px 0;
    border-bottom:1px dashed #D5D5D5;
}
.megamenu #nav  .grid-categories-megamenu ul.level0-megamenu{
    float:left;
    width:100%;
    margin:0;
}
.megamenu #nav  .grid-categories-megamenu ul.level0-megamenu li.level1-megamenu{
    float:left;
    width:21%;
    padding:0 10px;
    margin:10px  0 0 0;
    border-right:1px solid #d5d5d5;
    min-height:405px;
}
.megamenu #nav ul li.featured{
    width:25% !important;
    float:right !important;
    border:none !important;
    padding:0 0 0 10px !important;
}
.megamenu #nav .grid-categories-megamenu li .level1-title{
    float:left;
    width:100%;
    padding:10px 0;
    border-bottom:1px dashed #d5d5d5;overflow-x:hidden;
}
.megamenu #nav .grid-categories-megamenu li .level1-title h2, li.featured h2{
    padding:0 0 5px;
    margin:0;
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    color: #000000;
    font-size: 11px;
}
.megamenu #nav  .grid-categories-megamenu li ol.level2-megamenu{
    float:left;
    width:100%;
    padding:10px 0;
}
.megamenu #nav li.featured .level1-content{
    float:left;
    width:100%;
    padding:15px 0 !important;
} 

.megamenu #nav li.featured .level1-content a.product-image{float:left;width:40%;margin:0; border:none;}
.megamenu #nav li.featured .level1-content a.product-image img{width:100%;}
.megamenu #nav li.featured .level1-content .product-shop{float:left;width:50%;padding-left:10px;}
.megamenu #nav li.featured .level1-content .product-shop h1.product-name{font-weight:bold;border:none; font-size:11px; color:#666;}
.megamenu #nav li.featured .level1-content .product-shop span{float:left;width:100%;padding:5px 0 0;}
.megamenu #nav li.featured .level1-content .product-shop .price-box{float:left;width:100%;padding: 5px 0; font-weight:bold; margin:0 0 5px 0;}
.megamenu #nav li.featured .level1-content .product-shop .price{font-size:18px;color:#000;}


/* -------------------------------------------------------------------*/

/* ----------------------------- list Category----------------------------------*/
.megamenu #nav .list-categories-megamenu ul.level0-megamenu{
    float: left !important;
    margin: 0 !important;
   
    width: 96% !important;
}
.megamenu #nav .list-categories-megamenu h1.block-title{
    float:left !important;
    width:100% !important;
    margin:0 !important;
    padding:10px 0 !important;
    border-bottom:1px dashed #D5D5D5 !important;
    text-transform:uppercase;
}
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li.level1-megamenu{
    border-right: 1px solid #D5D5D5 !important;
    float: left !important;
    margin: 10px 0 0 !important;
    padding: 0 10px !important;
    width: 15% !important;
}
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li.featured{
    width:220px !important;
    float:left !important;
    border:none !important;
    padding:0 0 0 5px !important;
}
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li ul.level2-megamenu,
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li ul.level2-megamenu ol,
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li ul.level2-megamenu li .level1-title{float:left;width:100%;}
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li ul.level2-megamenu li .level1-title{border-top:1px dashed #d5d5d5;padding-top:5px;}
.megamenu #nav .list-categories-megamenu ul.level0-megamenu li ul.level2-megamenu li.first .level1-title{border-top:none;padding-top:0;}
.megamenu #nav .list-categories-megamenu li .level1-title h2{
    padding: 5px 0 !important;
    margin:0 0 5px !important;
    float:left !important;
    width:100% !important;
    text-transform:uppercase !important;
    font-weight:bold !important;
    border-bottom:1px dashed #d5d5d5 !important;
}
.megamenu #nav li.featured .product-item{float:left;width:100%;padding:15px 0 !important;}
.megamenu #nav li.featured .product-item a{float:left;width:110px;margin:0;}
.megamenu #nav li.featured .product-item .product-shop{float:right;width:105px !important;padding: 0 0 0 5px !important;}
.megamenu #nav li.featured .product-item .product-shop h1.product-name{font-weight:bold;border:none !important; color:#000000; font-size:11px; font-weight:bold; margin:0; padding:0 0 5px; text-transform:uppercase; width: 100%;}
.megamenu #nav li.featured .product-item .product-shop span{float:left;width:100%;padding: 0;height:38px;overflow:hidden;}
.megamenu #nav li.featured .product-item .product-shop .price-box{float:left;width:100%;padding: 0;}
.megamenu #nav li.featured .product-item .product-shop .price{font-size:18px;color:#000;}
/* -------------------------------------------------------------------*/

/* -----------------------------Grid Product----------------------------------*/
.megamenu #nav .products-megamenu-grid{width:100%;}
.megamenu #nav .products-megamenu-grid  ul.level0-megamenu{
    float: left;
    margin: 0; clear:left;
}
.megamenu #nav .products-megamenu-grid li.item{
    float:left;
    width:190px;
    border-right:1px solid #d5d5d5;
    padding-left:5px;
}
.megamenu #nav .products-megamenu-grid li.item.last{border:none;}
.megamenu #nav .products-megamenu-grid li.item h1.product-name{
    border-bottom: 1px dashed #D5D5D5;
    float: left;
    font-weight: bold;
    margin: 0 5% 10px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 90%;
    font-size:11px;
    color:#000;
    height: 13px;
    overflow: hidden;
}
.megamenu #nav .products-megamenu-grid li.item a.product-image{float:left;width:100%;text-align: center !important; border:none;}
.megamenu #nav .products-megamenu-grid li.item .product-shop{float:left;width:80% !important;padding:10px 10%;text-align:center;}
.megamenu #nav .products-megamenu-grid li.item .product-shop label{float:left;padding-right:10px;}	
.megamenu #nav .products-megamenu-grid li.item .product-shop .price{font-size:18px;color:#000;padding:0;width:auto;}
.megamenu #nav .products-megamenu-grid li.item .product-shop span{width:100%;padding:5px 43px 0px;text-align:center;display: inline-flex;}
.megamenu #nav .products-megamenu-grid li.item .product-shop .price-box{float:left;width:100%;padding:0; margin:5px 0;}
.megamenu #nav .magestore-megamenu img{border:none !important;}


/* -------------------------------------------------------------------*/

/* ----------------------------- List Product-----------------------------------*/
.megamenu #nav .products-megamenu-list  ul.level0-megamenu{
    float: left !important;
    margin: 0 !important;
    /* padding: 10px 10px !important;*/
}
.megamenu #nav .products-megamenu-list  ul.level0-megamenu li.level1-megamenu{float:left !important;width:75%;border-right:1px solid #d5d5d5; padding: 0 15px 0 0;}.megamenu #nav .products-megamenu-list  ul.level0-megamenu li.level1-megamenu h4{
    border-bottom: 1px dashed #D5D5D5 !important;
    float: left !important;
    font-weight: bold !important;
    margin: 0 0 5px !important;
    padding: 5px 0 15px !important;
    text-transform: uppercase !important;
    width: 98% !important;
}
.megamenu #nav .products-megamenu-list  ul.level0-megamenu li.level1-megamenu ul.level2-megamenu{float:left; width:33%;}
.megamenu #nav .products-megamenu-list  ul.level0-megamenu li.level1-megamenu ul.level2-megamenu li{width:100%;padding:0;margin:0;}
.megamenu #nav .products-megamenu-list  ul.level0-megamenu li.level1-megamenu ul.level2-megamenu li a{display:block;}
.products-megamenu-list .level2-megamenu li span {display: block; padding:7px 10px;}
.megamenu #nav .products-megamenu-list ul.level0-megamenu li.featured{
    float:right !important;
    border:none !important;
    padding:0 0 0 1% !important;
    width:25%;
}
.megamenu #nav .products-megamenu-list ul.level0-megamenu li.featured .level1-title h2{
    border-bottom: 1px dashed #D5D5D5 !important;
    float: left !important;
    font-weight: bold !important;
    padding:15px 0 5px;
    margin:0 0 10px;
    text-transform: uppercase !important;
    width: 100% !important;
}
/* ----------------------------- Contact-----------------------------------*/	
.megamenu #nav   ul.block-contact{
    float: left !important;
    margin: 0 !important;
    padding: 10px 2% !important;
    width: 96% !important;
}
.megamenu #nav   ul.block-contact li.first{
    float:left !important;
    width:310px !important;
    border-right:1px solid #d5d5d5 !important; 
    padding:15px 15px 0  0 !important;
    margin:0  0 15px ;
}
.megamenu #nav   ul.block-contact li.last{float:left;width:610px;padding:0 10px;}	
.megamenu #nav h1.megamenu-title{
    float:left;
    width:100%;
    border-bottom:1px dashed #d5d5d5;
    padding:0 0 5px;
    margin:0 0 15px; 
    border-bottom: 1px dashed #D5D5D5;
    font-weight: bold;
    text-transform: uppercase;
    font-size:13px;
    color:#000;
}
.megamenu #nav   ul.block-contact li.first .address{
    float:left !important;
    width:70% !important;
    margin:0 0 15px !important; 
}
.megamenu #nav   ul.block-contact li.first .map{
    float:left !important;
    width:100% !important;
}
.megamenu #nav   ul.block-contact  li.last  .contact-form{float:left !important;width:100% !important;}
.megamenu #nav   ul.block-contact li.last  span{
    float:left !important;
    width:100% !important;
    padding:0 !important;
}
.megamenu #nav   ul.block-contact li.last  .input-box {float:left !important;width:100% !important;padding:15px 0 !important;}
.megamenu #nav   ul.block-contact li.last  .input-box .input{float:left !important;width:160px !important;margin-right:10px !important;}	
.megamenu #nav   ul.block-contact li.last  .input-box .input input{
    width:160px !important;
    border-radius:5px;
    height:25px !important;
    border:1px solid #d5d5d5 !important;
    background:#efefef !important;
}
.megamenu #nav   ul.block-contact li.last .comment{float:left !important;width:100% !important;padding:10px 0 !important; }	
.megamenu #nav   ul.block-contact li.last .comment label{float:left !important;width:100% !important;}	
.megamenu #nav   ul.block-contact li.last .comment textarea{
    width:100% !important;
    float:left !important;
    height:150px !important;
    background:#efefef !important;
}
.megamenu #nav   ul.block-contact li.last .comment .button-set{float:left !important;width:100% !important;padding:10px 0 0 !important;text-align:right;}	
.megamenu div .footer-megamenu{float:left;width:100%;
                               //position:
}		
#nav ul li, #nav ul li. {
    float: none;
    margin: 0;
    padding-bottom: 1px;
}
ol.level2-megamenu li a span, ol.level2-megamenu li a span {
    padding: 3px 15px 4px;
    display:block;
}
.magestore-megamenu .level1-megamenu label{line-height:18px; color: #666666; font-size: 11px; font-weight:normal;}
.megamenu-footer, .megamenu-header, .featured_content { border:0 !important; clear:both; position: static !important;}
.featured_content { border:0 !important; width: 100% !important;}
.featured_content ul li{float: left !important;}
.featured_content > ul > li > h6{border-bottom: 1px dashed #D5D5D5;
                                 float: left;
                                 font-weight: bold;
                                 margin: 0 5% 10px;
                                 padding: 5px 0;
                                 text-transform: uppercase;
                                 width: 90%;
                                 font-size:11px;
                                 color:#000;}

.featured_content > ul > li{
    float:left;
    width:190px;
    border-right:1px solid #d5d5d5;
    padding-left:5px;
}
.megamenu #nav button.button span{
    border: none !important;
    background: inherit !important;
    padding: 0 !important;
}


.footer-megamenu{
    border: none !important;
    position: static !important;
}
.footer-megamenu span{
    cursor: default !important;

}
#nav li.menu_5 .magestore-megamenu div.buttons-set{
    width: 20% !important;
}
/*Custom CSS*/


.magestore-megamenu li{
    padding: 0 22px !important;
}

.magestore-megamenu h2{
color: #000;
font-size:15px;
    font-weight: 500;
    padding: 10px;
}
@media only screen and (max-width: 771px) {
.menu_1 
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 10em 0.7em !important;
}
.menu_2
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 16em 0.8em !important;
}

.menu_7
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 8.6em 0.8em !important;
}
}

@media only screen and (min-width: 771px) {
.menu_1 
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 90% 0.7em !important;
}
.menu_2
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 92% 0.6em !important;
}

.menu_7
{
background-image: url("/skin/frontend/rwd/gator/images/downarrow.png");
background-repeat: no-repeat;
background-position: 87% 0.6em !important;
}

}
/*central vacuums menu start*/
/*ul.centralli li:before {
   content: "•";
   font-size: 15px;
   padding: 0 4px;
}*/



@media only screen and (min-width:770px) and (max-width:960px){
.centralli { margin:5px; min-height: 200px; width: 14.5%;}
}

@media only screen and (min-width:960px) and (max-width:1080px){
.centralli { margin:5px; min-height: 225px; width: 14.5%;}
}
@media only screen and (min-width:771px){
.menu_2 .magestore-megamenu{ width: 88.5% !important; }
ul.centralli li{
margin-bottom:6px !important;
padding:3px;
width: 95% !important;
}
ul.centralli li:hover a{
color: #ffffff !important;
font-weight: 600;
}
ul.centralli li:hover {
background-color: #666 !important;
}

.centralli { float:left;margin:5px; display: inline-block; min-height: 235px; width: 15%; border-right: 1px solid #E5E5E5; margin-bottom: 20px;}
}
@media only screen and (max-width:771px){
.menu_2 .magestore-megamenu .products-megamenu-grid{display:none !important;}
}
/*central vacuums menu End*/
.menu_7 .magestore-megamenu{width:201px !important; left:auto !important;}

.menu_7 .magestore-megamenu .sub-menu li{ padding:0 6px !important; border-bottom: 1px dotted #ccc; width:100%; line-height: 35px;}

.menu_7 .magestore-megamenu .sub-menu li:last-child{ border-bottom:none;}

.menu_7 .magestore-megamenu .sub-menu li a{font-weight:600;}

.menu_1 .magestore-megamenu .sub-menu li:first-child{ border-left:none !important;}

/*Mobile Responsive Css*/

.mobile{
display:none;
}

@media screen and (max-width: 771px){
.magestore-megamenu .sub-menu img{
display:none;
}
.menu_1 .magestore-megamenu .sub-menu li{
border-bottom:none !important;
}
.mobile li a{
font-size:13px !important;
}
.magestore-megamenu .sub-menu p{
display:none;
}
.magestore-megamenu{
width: 100% !important;
}
.desktop{
display:none;
}
.vacrep{display:none!important;}
.mobile{
display:block;
}
.megamenu #nav .magestore-megamenu {
position: relative;
left:0;
top: 10px;
}
.menu_1 .magestore-megamenu .sub-menu{
border:none !important;
background:#f2f2f2 !important;
padding:0 !important;
}

.menu_7 .magestore-megamenu .sub-menu{
border:none !important;
background:#f2f2f2 !important;
padding:0 !important;
font-size:13px !important;
}
.menu_7 .magestore-megamenu .sub-menu li a{font-size: 13px !important; font-weight: normal;}

}

#nav ul{
 -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
/*menu responsive*/
.megamenu #nav div ul li.level1-megamenu ul li{
width:20%;
}
.megamenu #nav div ul li.level1-megamenu ul li img{
width:100%;
height:auto;
}


/*menu responsive*/

.vacuumtitleleft{
float:left; font-size:15px; margin: 8px 0; font-weight:600;width:43%;
}
.vacuumtitleright{
float:right; font-size:11px !important; margin:10px 0px; text-align:center;width:57%;
}

.desktopstyle{
width:60%; float:left; margin-top: 10px; /*margin-left: 20px;*/
}

.firstbrandsbox{
width:23%; display: inline-block;
}
@media screen and (max-width: 890px){
.firstbrandsbox{
width:26%;
}
}
/*vaccum repair main menu*/
@media only screen and (min-width:770px) and (max-width:860px){
.vacrep{
width:33% !important;
}
ul.vacrep li{ padding: 0 !important;}
}
@media only screen and (min-width:860px) and (max-width:900px){
.vacrep{
width:37% !important;
}
}
@media only screen and (min-width:900px) and (max-width:995px){
.vacrep{
width:36% !important;
}
}
@media only screen and (min-width:995px) and (max-width:1045px){
.vacrep{
position: absolute; display: inline-flex; font-size:11px; bottom:10%; right:2%; width:33% !important;
}
}
@media only screen and (min-width:1045px) and (max-width:1140px){
.vacrep{
position: absolute; display: inline-flex; font-size:11px; bottom:10%; right:2%; width:32% !important;
}
}
.vacrep{
position: absolute; display: inline-flex; font-size:11px; bottom:10%; right:2%; width:30%;
}

/*Central vacuums Menu*/
.menu-img li {
    padding: 0 !important;

}
.menu-img ul {
    margin-right: 75px;
}
@media only screen and(max-width:1060px){
.menu-hd h2 {
  font-size:11px;
}
}
.menu-hd h2 {
    margin: 13px;
}


.fixedsignupbtn > p  { font-weight: bold; }
.fixedsignupbtn { 
	background: #BABABA none repeat scroll 0 0;
    left: -59px;
    padding: 15px 25px;
    position: fixed;
    top: 35%;
    color:#fff;
}
#esns_background_layer {
    position: fixed;
    z-index: 9998;
    background: url(https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_dark2.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    display: none;
}

#esns_box_layer {
    z-index: 9999;
    background-color: #ffffff;
    width: 70%;
    border: 7px solid #047003;
    height: auto;
    overflow: hidden;
    top: 0;
    text-align: center;
    display: inline-block;
    padding: 0px 0 10px 10px;
    position: relative;
    max-width: 880px;
}

#esns_box_title > p {
color: #636363;
}
#esns_box_title {
    height: auto;
    overflow: hidden;font-size: 21px;    
    font-style: italic;
    padding-top: 28px;
    width: 85%;
}

#esns_box_block_1 {
    width: 350px;
    font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    text-align: left;
}
#esns_box_block_2 {
    font: 29px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    height: auto;
    text-align: left;
    margin: 0  0 10px 0 ;
    width: 350px;
}
#esns_box_block_3 {
    text-align: justify;
}

#esns_box_close {
    height: 22px;
    width: 22px;
    cursor: pointer;
    float: right;    
    position: absolute;
    right: 6px;
    top: 6px;
}
.esns_box_lines {
    background: url("https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_box_lines.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 5px 0;
 }
#esns_box_subscribe {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.esns_box_subscribe_input {
    width: 81%;/*303px;*/
    float: left;
    border: 2px solid;height: 41px;border-right:0px;
}
.esns_box_subscribe_input input {
    width: 290px;
    margin: 5px 0 0 0px;
    border: 0px solid #acacac;
    height: 25px;
    padding-left: 10px;
}
.esns_box_subscribe_submit {
    border: 2px solid;
    float: left;
    height: 41px;
    width: 38px;border-left:0px;
}

.esns_box_subscribe_submit a {
    background: url('/skin/frontend/rwd/gator/images/arrow.png') no-repeat;
    width: 30px;
    height: 34px;
    display: block;
    line-height: 34px;
    font-size: 12px;
    color: #000000;
    margin: 3px 0 0 0;text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#esns_box_subscribe_form1 .esns_box_subscribe_submit  a {
    background: url('/skin/frontend/rwd/gator/images/arrow2.png') no-repeat;
}
#esns_box_subscribe_response {
    text-align: left;
    margin: 10px 0 0 30px;
    height: 15px;
}

#esns_box_subscribe_response_success {
    display: none;
}

#esns_box_subscribe_response_error {
    color: #ea6868;
    text-align: left;
    margin: 0 0 0 30px;
    height: auto;
    overflow: hidden;
}

#esns_box_subscribe_response_success {
    color: #35ea49;
    font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
}


/*** LABEL THEME ***/
.tl#esns_box_layer {
    height: 263px;
    width: 504px;
    background: url('https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_label.png') no-repeat transparent;
    position: relative;
}
.tl #esns_box_block_1, .tl #esns_box_block_2 {
    color: #ffffff;
    text-align: right;
    float: right;
    line-height: normal;

}
.tl #esns_box_block_1 {
    margin: 20px 55px 0 0 ;
}

.tl #esns_box_block_2 {
    margin: 0px 55px 0 0 ;
}

.tl #esns_box_block_3 {
    color: #000000;
    clear: both;
    text-align: justify;
    float: right;
    margin: 10px 55px 0px 0 ;
    width: 340px;
    height: 70px;
    overflow: hidden;
 }

.tl #esns_box_close {
    position: absolute;
}
.tl #esns_box_subscribe_input {
    width: 340px;
}
.tl #esns_box_subscribe_response_error {
    height: 22px;
    line-height: 15px;
    color: #ffffff;
    float: right;
    text-align: left;
    width: 325px;
    margin: 0 50px 0 0;
    overflow: hidden;
}

.tl #esns_box_subscribe_input input {
    margin: 0 0 0 132px;
    background: none;
    height: 29px;
    width: 216px;
    border: 0;
}

.tl #esns_box_subscribe_submit a {
    background: none;
    color: #ffffff;
    height: 29px;
    line-height: 25px;
    background: url('https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_input.png') no-repeat -212px 0px;
}
.tl #esns_box_subscribe_response_success {
    color: #FFFFFF;
    float: right;
    margin: 0 50px 0 0;
    width: 340px;
}
.tl #esns_box_subscribe_input {
    background: url('https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_input.png') no-repeat 125px 0px;
}

.tl #esns_box_close {
    height: 36px;
    width: 36px;
    background: url(https://www.gatorvacuum.com/skin/frontend/base/default/images/newssubscribers/esns_box_close2.png) no-repeat;
    right: 10px;
    top:-5px;
}
.leftcoupons {
	border: 2px dashed #d4d4d4;
    float: left;
    width: 56%;
    margin: 10px 0;
}
.rightcoupons {
    float: right;
    width: 43%;background: url('/skin/frontend/rwd/gator/images/bg.png');
    background-position: 1px;
}
.offersleft {
    padding: 10px;
	 border: 1px dashed;
    float: left;
    height: 205px;
    position: relative;
    text-align: left;
    width: 48%;
}
.couponstext { 
	text-transform: capitalize;
}
.couponstitle { 
 color: #000;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.offersleft > img {
    position: absolute;
    right: 0;
    top: 0;
}
.esns_box_subscribe_input ::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #000;font-style: italic;
}

.esns_box_subscribe_input :-moz-placeholder { /* Firefox 18- */
  color: #000;font-style: italic;
}

.esns_box_subscribe_input ::-moz-placeholder { /* Firefox 19+ */
  color: #000;font-style: italic;
}

.esns_box_subscribe_input :-ms-input-placeholder
 { /* IE 10+ */
  color: #000;font-style: italic;
}
.esns_box_subscribe_input *:focus {
    outline: none;
}
#esns_box_layer .intrestedin .button {
	background: #3b3c40 none repeat ;
    padding: 13px 34px;
}
#esns_box_layer .intrestedin > img {
    display: block;
    margin: auto;
}
.rotate {

/* Safari */
-webkit-transform: rotate(-270deg);

/* Firefox */
-moz-transform: rotate(-270deg);

/* IE */
-ms-transform: rotate(-270deg);

/* Opera */
-o-transform: rotate(-270deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.styled-select select {
   background: transparent;
   width: 94%; /*330px;*/
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 41px;
   /*-webkit-appearance: none;*/
}
.styled-select {
   width:91%;/* 341px;*/
   height: 41px;
   overflow: hidden;
  /* background: url('/skin/frontend/rwd/gator/images/arrow2.png') no-repeat right #fff;*/
   border: 2px solid #000;
   font-style: italic;
}
.styled-select select  {
    border: none;
}
@media only screen and (max-width: 950px){
	#esns_box_title > p {font-size: 14px;}
	#esns_box_layer .intrestedin > img { width:100%; }
}
@media only screen and (max-width: 770px){
	#header-nav:after {content: '';display: table;clear: both;	}
	#header-nav { position:relative;z-index:99; }
}
@media only screen and (max-width: 750px){
	#esns_box_title > p {font-size: 11px;}
	.esns_box_subscribe_input {width:72%;}
}
@media only screen and (max-width: 670px){
	#esns_box_title { padding-top: 11px; }
	.leftcoupons,.rightcoupons { width: 50%; }
	#esns_box_layer .intrestedin .button {padding: 6px 34px;}
}
@media only screen and (max-width: 530px){
	.leftcoupons,.rightcoupons{width: 100%;float: none;}
	#esns_box_layer {     margin-top: 4% !important; }
	.esns_box_subscribe_input {width: 78%;}
}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('https://www.gatorvacuum.com/skin/frontend/rwd/gator/fancybox/helpers/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 91%;margin:0 auto;
	-ms-touch-action: pan-y;
}
#owl-demo .owl-carousel { padding:20px 0; }
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
	max-height: 114px;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	    display: table-cell;
    vertical-align: middle;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://www.gatorvacuum.com/skin/frontend/rwd/gator/carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
#owl-demo-testimonial .owl-prev,#owl-demo .owl-prev { background-image: url("/skin/frontend/rwd/gator/images/1left.png");height: 35px;width: 24px;background-repeat: no-repeat;} 
#owl-demo-testimonial .owl-next,#owl-demo .owl-next { background-image: url("/skin/frontend/rwd/gator/images/1right.png");height: 35px;width: 24px;background-repeat: no-repeat;} 
/*#owl-demo .owl-next,#owl-demo-testimonial .owl-next { background-image: url("/skin/frontend/rwd/gator/images/2right.png");height: 35px;width: 24px;background-repeat: no-repeat;} 
#owl-demo .owl-prev,#owl-demo-testimonial .owl-next { background-image: url("/skin/frontend/rwd/gator/images/2left.png");height: 35px;width: 24px;background-repeat: no-repeat;} */
#owl-demo-testimonial .owl-buttons .icon-white,#owl-demo .owl-buttons .icon-white {display: none; }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
/*
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}*/

/* Styling Next and Prev buttons */

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(https://www.gatorvacuum.com/skin/frontend/rwd/gator/carousel/AjaxLoader.gif) no-repeat center center
}

/*Custom CSS*/
.cms-home #header-nav{z-index: 10;position: relative;}
.megamenu #nav .vacrep li{padding:0px !important;}
@media (min-width:771px){
  .megamenu #nav{height:auto !important;margin-bottom:0;display: flex;justify-content: space-between;}
  .megamenu #nav li{float:none !important;width:auto; padding: 0px 14px !important;background-position: 103% 10px!important;    display: inline-block; vertical-align: top;}
  .megamenu #nav .menu_1{padding-left:0 !important;}
  .megamenu #nav a.megamenu-lable{height: auto !important;margin-top: 0px !important;line-height: 41px !important;font-size: 11px !important;}
  .megamenu #nav:after{display:none;}
  .megamenu #nav .magestore-megamenu{top:41px;}
.megamenu #nav .magestore-megamenu ul.brandslist li{padding:0 1px !important;}
.magestore-megamenu li {
    padding: 0 22px !important;
}
.megamenu #nav .menu_6 .magestore-megamenu .sub-menu li {
    padding: 0 6px !important;
    border-bottom: 1px dotted #ccc;
    width: 100%;
    line-height: 35px;
}
.menu_6 .magestore-megamenu {
    width: 201px !important;
    left: auto !important;
}
.menu_6 .magestore-megamenu .sub-menu li a {
    font-weight: 600;
}
.megamenu #nav .menu_4 .magestore-megamenu .sub-menu li{padding: 0 6px !important;}

.megamenu #nav .main_content ul li{display:block;}
.megamenu #nav li .magestore-megamenu .main_content .menu-img li{display:inline-block;}
}

@media (min-width:992px){
  .megamenu #nav li{padding: 0px 17px !important;background-position: 100% 10px!important;}
  .megamenu #nav a.megamenu-lable{font-size: 15px !important;}
}
@media (min-width:1200px){
  .megamenu #nav li{padding: 0px 25px !important;}
  .megamenu #nav a.megamenu-lable{font-size: 17px  !important;}
}

#header #header-container{padding: 10px 15px !important;max-width: 100%;}
#header  #header-container .row{-webkit-box-align: end!important;-ms-flex-align: end!important;align-items: flex-end!important;}
#header  #header-container .col-6.col-md-6{padding: 0;}
#header .phn-numb{font-size: 16px;}
#header .add-det{font-size: 10px;color: #000000;}
@media (min-width:576px){
  #header .phn-numb{font-size: 22px;}
  #header .add-det{font-size: 15px;}
}
@media (min-width:771px){
  #header .phn-numb{font-size: 27px;}
  #header .add-det{font-size: 11px;}
  #header #header-container{padding: 0px !important;padding-bottom: 10px !important;}
}
@media (min-width:992px){
  #header .phn-numb{font-size: 36px;}
  #header .add-det{font-size: 14px;}
}
@media (min-width:1200px){
  #header .phn-numb{font-size: 37px;}
  #header .add-det{font-size: 16px;}
}
@media only screen and (max-width: 1200px){
  #header .phn-numb, .add-det{text-align: right !important;}
  #header #logo-header img{padding: 0;max-width: 100%; height: auto;}
  #header #header-container .col-6.col-md-6{ flex: 1 0 70%;max-width: 70%;}
  #header #header-container #logo-header{ flex: 1 0 30%;max-width: 30%;margin: 0;}
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #ddd;
	background: #fff;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

.testimonhide { display:none; }
.tooltipster-content > p {
	font-size: 12px;
    margin: 0;
    text-align: left;
}
.tooltipster-content > img {
	float: left;
    margin-right: 8px;
    border: 1px solid #ddd;
    padding: 3px;
    max-width: 100%;
}


#thumbnail-slider .nbs-flexisel-inner  img {
  height: 100%;
}
#thumbnail-slider .nbs-flexisel-inner  li {
    width: 90px;
    height: 90px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

