@charset "utf-8";
/*
Project : Agrasweets
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Slab', serif;
red: #da221b
primary: #3D4094
font-family: 'Chewy', cursive;
font-family: 'Roboto', sans-serif;

*/

html, body { height: 100%;  color:#585858; font-family: 'Lato', sans-serif; 
    /* font-size:16px; */
    font-size:15px;

}
#imgload { position: fixed; left: 50%; top: 50%; z-index: 999; width: 100%; height: 100%; overflow: visible; display:none;}
body {
  overflow-x: hidden;
}

.label {
  font-family: 'Open Sans', sans-serif;
}
.greenBg{ background:#a7e0a4;}
.text-blue{ color:#03a68c;}
.text-white{ color:#fff;}
.text-black{ color:#333;}
.iconRight{ background:url(../images/icon_right.html) no-repeat scroll 0 50%; padding-right:30px; margin-left:10px;}
.iconLeft{ background:url(../images/icon_left.html) no-repeat scroll 0 50%; padding-left:30px; margin-right:10px;}
hr{border-color: #333 -moz-use-text-color -moz-use-text-color;}


.container {
  position: relative;
}
.float-right{ float:right; display:block;}

.btn-outline{
    background-color: transparent;
    border-color: #cdcdcd;
    color: #cdcdcd;
	border-radius:0;
	color:#cdcdcd;
	border-radius:5px;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px auto;
}

.lt-ie8 #wrap {
  display: table;
  height: 100%;
}

.text-italic{ font-style:italic;}


.fence-col-6, .fence-col-3,.fence-col-2, .fence-col-1{ min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;float: left;}
.fence-col-6{ width:48%;}
.fence-col-3{ width:22%;}
.fence-col-2{ width:18%;}
.fence-col-1{ width:12%;}

.mainfooter {
  background:#83bca9;
  color: #fff;
  padding: 20px 0 0;
  position: relative;
  font-size:14px;
  line-height:28px;
}
.mainfooter h4 {
	font-size:16px;
    color:#fff;
    font-weight: bold;
	text-transform:uppercase;
}


.mainfooter ul li a {
  color: #fff;
}
.mainfooter a {
  color: #fff;
}

.copyright {font-weight:600;
  text-align: center;
 background:#4f977a;
  padding:20px 0;
  font-size:14px;
  margin-top:20px;
}

.copyright a {color: #fff; font-weight:600;  text-decoration: none;}

.copyright a:hover {
  color: rgba(255,255,255,1);
  text-decoration: none;
}



.mainfooter .list-unstyled a:hover {
  color: #fff;
}

.location-map {
    border: 5px double #d31b12;
}



#header{ background:#03a68c; color: rgba(255,255,255,0.5); width:100%; padding:15px 0}
.toptxt{ margin-bottom:0; font-family: 'Lato', sans-serif;}
.toptxt li{color:#fff !important; padding:0 15px; float:left; list-style:none; }
.toptxt li a{color:#fff !important; text-decoration:none; font-family: 'Lato', sans-serif;}

.toptxt li:first-child{ padding:0 15px 0 0;}


.headtoplinks{ margin:50px 0 0 0;}	
.headtoplinks li{ color:#585858; padding:0 10px; float:left; list-style:none;}
.headtoplinks li a{color:#585858 !important; text-decoration:none; font-size:15px;}

.headtoplinks li:last-child{padding:0;}



.topLinks{ margin-bottom:0; }	
.topLinks li{ color:#59baa7; padding:0; text-transform:uppercase; float:left; margin:0 8px -6px 0;}

.topLinks li a{color:#59baa7 !important; text-decoration:none; font-size:15px; text-transform:capitalize; font-weight:bold;}
.topLinks li a:hover{color: rgba(255,255,255,0.9); text-decoration:underline;}
.topLinks li:after{content:"";color:#333; padding:0 5px}
.topLinks li:last-child:after{ display:none;}
.topLinks li.dropdown:after{ content:"";}
.topLinks .dropdown-menu{ margin-top:0;font-size:12px; 
    /* background:#000;  */
    /* background: #3aa498; */
    border: none;padding: 0; z-index:999999 !important;}
   /* Mobile view fix */
@media only screen and (max-width: 767px) {
    .topLinks .dropdown-menu {
        margin-top: 0;
        font-size: 12px;
        background: #3aa498 !important; /* force same color */
    }
}
.topLinks ul li a{ font-size:13px !important;}
.topLinks .dropdown-menu li:after{ content:""; padding:0}
.topLinks .dropdown-menu a{ color:#10aa91 ; padding: 3px 15px;line-height: 1.42857;}
.topLinks .dropdown-menu .divider{ background-color:#555}
.topLinks .dropdown-menu li{ display:block; float:none}
.topLinks .dropdown-menu > li > a:focus,.topLinks .dropdown-menu > li > a:hover {
    text-decoration: none;
	color:#dafaf8
}
.topLinks .btn-primary{ color:#fff;}

.logo {
    margin: 20px auto;
    padding: 0px 0;
    display: block;
    text-decoration: none;
}


#searchToggle{ display:none}

.searchForm{margin:0 0 0px; float:right;display:block}.inputWrap{ position:relative; width:200px; background:#fff;}

.inputWrap .form-control{ border-radius: 0; margin-top:20px;}

.inputWrapfull{ position:relative; width:100%;}

.inputWrapfull .form-control{ border-radius: 0; background: rgba(255,255,255,1); border-color: rgba(213,213,213,0.5) /*margin-top:20px;*/}

.inputWrapper .form-control:focus {

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0,0,0, 0.3);

outline: 0 none;

}

.inputWrapper .form-control::-moz-placeholder {

color: #ccc;

opacity: 1;

font-style:italic;

}

.searchBtn{position:absolute;top:0;right:0px;height:100%;width:30px;font-size:16px;font-style:italictext-align:center;cursor:pointer;background:#03a68c;color:#fff;border:none;box-shadow:none}

.searchBtn:hover{color:#fff;}



.thumbnails{ padding-left:0;  list-style:none;  *zoom:1}
.thumbnails:before, 
.thumbnails:after{ display:table;  content:"";  line-height:0}
.thumbnails:after{ clear:both}
.thumbnails >li{margin-bottom:15px}

.w100{ width:100%; display:block;}


.headerTop{border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 )}
.infoLinks,#topLinks{float:right;}
.infoLinks,#topLinks{display:block;margin:0; font-family:'Roboto Slab', serif;}
#topLinks >li,.infoLinks> li{ padding:0!important; margin-right:-4px}
#topLinks li> a,.infoLinks li> a{  border-right:1px solid #ccc;}
#topLinks li:first-child> a{border-left:1px solid #ccc;}
#topLinks li> a,.infoLinks li> a,.infoLinks li> span{color:#444;padding:5px 15px;display:block;text-decoration:none;transition:all 0.25s ease-in; font-size:13px;}
#topLinks li> a:hover,.infoLinks li> a:hover{background:#efefef}
#topLinks .dropdown-menu{margin-top:0;font-size:12px; font-family:Arial, Helvetica, sans-serif; border-radius:0}
#topLinks .dropdown-menu a{ color:#444; padding: 3px 15px;line-height: 1.42857; transition:none; border:none}
#topLinks .dropdown-menu li.dropdown-header{ padding: 3px 15px!important;}
#topLinks .dropdown-menu .divider{ background-color:#dfdfdf}
#topLinks .dropdown-menu li{ display:block; float:none}
#topLinks .dropdown-menu > li > a:focus,#topLinks .dropdown-menu > li > a:hover {
    text-decoration: none;
	background-color: #3D4094;
	color:#fff

}










.searchForm{width:100%;float:left;display:block;}
.searchForm .form-control{ box-shadow:none; font-size:14px; height:27px; padding:0.475rem .5rem;  border-radius:5px;}
.searchForm .btn{ padding:10px 9px;}
.typeahead { z-index: 1051; width:100%;}





.cartWrap{float:left; }
.cartMenu{float:left;display: block;margin:0;}

.cartMenu a.dropdown-toggle{  text-align:center;display:block; position:relative;}
/*.cartMenu a.dropdown-toggle {color:#fff;font-size:12px;line-height:30px; height:30px; width:30px; border-radius:50%; text-align:center;display:block;text-decoration:none;background: #dafaf8; z-index:101;position:relative;}*/

.dropdown-toggle .fence-cart{color:#59baa7;font-size:11px;line-height:30px; height:30px; width:30px; border-radius:50%; text-align:center;display:block;text-decoration:none; z-index:101;position:relative; position: absolute;
left: 25px;}

.cartIcon{font-size:12px; color: #59baa7;  float:left; display:block; height:34px; text-align:center;  border-radius:50%;  font-size:22px; z-index:100; margin: 0 8px;}
.cartTxt {
    position: relative;
    z-index: 126;
}
.cartWrap.wishList{margin-right:5px}
.message{ text-align:center; margin:0; padding:5px 15px; font-size:15px; text-transform:uppercase}
.cartMenu .dropdown-menu {padding-bottom:0;border-radius:0;margin-top:0;width:250px; border:2px solid #dfdfdf}
.cartMenu .dropdown-menu .table{ margin-bottom:0}
.cartMenu .dropdown-menu .table{ margin-bottom:0}
div#cartContent .table thead,div#cartContent .table thead th{ }
div#cartContent{ font-size:13px; color: #fff !important;}
div#cartContent td {
    color: #000 !important;
}
.headerTop .cartMenu{ margin:0 -11px 0 4px;}
.headerTop .cartMenu a.dropdown-toggle{padding:8px 15px;color:#444;display:block;text-decoration:none;position:relative;font-family:'Roboto Slab', serif; font-size:16px; border:none; border-radius:0; background:none;transition:all 0.25s ease-in;}
.headerTop .cartMenu a.dropdown-toggle:hover,.headerTop .cartMenu a.dropdown-toggle:focus{ background:#efefef;}
.headerTop .cartTxt{ display:none}
.headerTop .cartIcon{background-color:transparent; left:auto;top:auto;position:relative; float:none; display:inline-block; height: inherit; text-align:center;width:auto;line-height:inherit; font-size:16px; color:#444; }


.title{font-family: 'Roboto Slab', "Times New Roman", Times, serif;}
.title.bg-primary{ padding:10px 15px; margin-top:0}
.bg-grey{ background:#EAEAEA;}
.title.bg-grey{padding:10px 15px; margin-top:0}
.subtitle{font-family: 'Roboto Slab', "Times New Roman", Times, serif; border-bottom:1px solid #dfdfdf}
.titleStyled{ margin:15px 0; position:relative;font-family:'Roboto Slab', "Times New Roman", Times, serif; text-transform:uppercase; text-align:center;position:relative; display:block; z-index:1; font-weight:bold; padding-bottom:5px; }
.titleStyled:before{  background: #fff none repeat scroll 0 0;bottom: 0;content: "";height: 3px;left: 50%;margin-left: -30px;position: absolute; width:60px;}


.title-hr{ position:relative;font-family: 'Roboto Slab', "Times New Roman", Times, serif; text-align:center; z-index:1}
.title-hr:before{background: #ddd none repeat scroll 0 0;top:50%;content: "";height: 1px;left:0;position: absolute; width:100%; z-index:-1}
.title-hr span{ padding:5px; background:#F7F7F7}


.title-times{font-family: 'Times New Roman', sans-serif;}
.hometitle{font-family: 'Roboto', sans-serif; text-transform: capitalize; font-weight:bold;}
.title{font-family: 'Open Sans', sans-serif; }
.pgtitle{font-family: 'Roboto', sans-serif; }
.subtitle{font-family: 'Open Sans', sans-serif; text-transform:capitalize;}
.titleStyled{ margin:15px 0; position:relative;font-family: 'Open Sans', sans-serif; text-transform:uppercase; text-align:center;position:relative; display:block; z-index:1; font-weight:bold; padding-bottom:5px; }
.titleStyled:before{  background: #fff none repeat scroll 0 0;bottom: 0;content: "";height: 3px;left: 50%;margin-left: -30px;position: absolute; width:60px;}





.page{padding-bottom:30px; min-height:350px; position:relative;}
.browsehappy{    margin:0.2em 0;     background:#ccc;     color:#000;     padding:0.2em 0}





/*========shareicons======*/

#shareicons{margin:5px 0 20px 0; padding:0px; list-style:none;}
#shareicons li {padding: 0 2px;}
#shareicons li a {display:block;float:left;height:32px;width:32px;text-align:center;line-height:30px;color:#999;border-radius:50%;text-decoration:none;font-size:16px;transition:all 0.2s ease-in; background:none; border:1px solid #999; margin:0 7px 0 0;}
#shareicons li a:hover {  color:#fff; border:1px solid #fff;}
#shareicons li a i {line-height: inherit;}

/* ==========================================================================
   Custom Buttons
   ========================================================================== */
   .btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .3s;
}
.btn-primary.btn-outline { color:#3D4094} .btn-primary:hover.btn-outline{ color:#fff}
.sharp{
	border-radius:0
	}
   
   
.btn-social{ overflow:hidden; padding-left:44px; position:relative; text-align:left; text-overflow:ellipsis; white-space:nowrap}.btn-social >*:first-child{ border-right:1px solid rgba(0,0,0,0.2); bottom:0; font-size:1.6em; left:0; line-height:34px; position:absolute; text-align:center; top:0; width:32px}.btn-social.btn-lg{ padding-left:61px}.btn-social.btn-lg >*:first-child{ font-size:1.8em; line-height:45px; width:45px}.btn-social.btn-sm{ padding-left:38px}.btn-social.btn-sm >*:first-child{ font-size:1.4em; line-height:28px; width:28px}.btn-social.btn-xs{ padding-left:30px}.btn-social.btn-xs >*:first-child{ font-size:1.2em; line-height:20px; width:20px}   
   
   
   
/*Facebook*/
.btn-fb{color:#FFF;background-color:#3B5998;border-color:#2F477A} .btn-fb:hover,.btn-fb:focus,.btn-fb:active,.btn-fb.active,.open .dropdown-toggle.btn-fb{ color:#FFF; background-color:#2d4373; border-color:#2F477A} .btn-fb:active,.btn-fb.active,.open .dropdown-toggle.btn-fb{ background-image:none} .btn-fb.disabled,.btn-fb[disabled],fieldset[disabled] .btn-fb,.btn-fb.disabled:hover,.btn-fb[disabled]:hover,fieldset[disabled] .btn-fb:hover,.btn-fb.disabled:focus,.btn-fb[disabled]:focus,fieldset[disabled] .btn-fb:focus,.btn-fb.disabled:active,.btn-fb[disabled]:active,fieldset[disabled] .btn-fb:active,.btn-fb.disabled.active,.btn-fb[disabled].active,fieldset[disabled] .btn-fb.active{ background-color:#3B5998; border-color:#2F477A} .btn-fb .badge{ color:#3B5998; background-color:#FFF}

/*Google +*/
.btn-google{ color:#FFF; background-color:#DD4B39; border-color:#B13C2E} .btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open .dropdown-toggle.btn-google{ color:#FFF; background-color:#C23321; border-color:#B13C2E} .btn-google:active,.btn-google.active,.open .dropdown-toggle.btn-google{ background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{ background-color:#DD4B39; border-color:#B13C2E} .btn-google .badge{ color:#DD4B39; background-color:#FFF}

/*Twitter*/
.btn-twitter{ color:#FFF; background-color:#55ACEE; border-color:#448ABE} .btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{ color:#FFF; background-color:#2795E9; border-color:#448ABE} .btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{ background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{ background-color:#55ACEE; border-color:#448ABE} .btn-twitter .badge{ color:#55ACEE; background-color:#FFF}



/*============================Social Links ================*/
.paymentIcons{list-style:none;  padding:0px; margin:0 0 10px 0; float:right; text-align:right;}
.paymentIcons li{padding:0;  list-style-type:none; color:#183D80;margin:0  5px 0 0; border:none; float:left; line-height:22px}
.paymentIcons li span{display:block;  width:49px; height:32px; background-image:url(../images/payment-icons.html);  background-repeat:no-repeat;  background-size:245px}
.paymentIcons li span.visa{background-position:0 0}
.paymentIcons li span.mcard{background-position:-49px 0}
.paymentIcons li span.paypal{background-position:-98px 0}
.paymentIcons li span.atom{background-position:-147px 0}
.paymentIcons li span.ccavenue{background-position:-196px 0}


/*=============================TOTOP================================*/

.toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:50px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.html") no-repeat left top}
.toTop:active, .toTop:focus{outline:none}
.toTop:hover{background:url("../images/ui-totop.html") no-repeat left -50px}

.thumbnails{padding-left:0;  list-style:none;  *zoom:1}
.thumbnails:before, 
.thumbnails:after{display:table;  content:"";  line-height:0}
.thumbnails:after{clear:both}
.thumbnails >li{margin-bottom:15px}



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

.text-gold{color:#EDAE60}
 a.text-gold:hover{color:#a37439}
 .text-success{color:#00662c}
 a.text-success:hover{color:#01873b}
.text-white{color:#fff}
 a.text-white:hover{color:#ccc}
 
 .text-yellow{ color:#f1c40f}
  a.text-yellow:hover{color:#daaf02}
 



.alignleft{margin:0px 20px 20px 0; float:left}
.alignright{margin:0 0 20px 20px; float:right}





/*------------------------------------*/
/*-------------Page Elements------------*/
/*------------------------------------*/



.ui-dialog .ui-dialog-content{background-color:#FFF!important; width:240px}
.ui-dialog-titlebar{ background:#03a68c!important; border:none!important}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.popBag{font:12px Arial,Helvetica,sans-serif;  float:right; width:250px}
.popBag h3{margin:0 0 5px 0; color:#dafaf8; text-align:center}
.popBag h4{margin:0; text-align:center}
.popBag .popcnt{background:#fff; margin:0 0 5px 0; padding:5px; width:240px; float:left}
.popBag .popcnt img{display:block; width:80px; float:left; height:60px}
.popBag .popcnt p{text-align:left; float:left; display:block; width:150px; padding:0 5px; margin:0; font-size:14px}


/*=========minicart==========*/

.message{ text-align:center; margin:5px 0; font-size:18px;color:#000}
div#cartContent{ background:#dafaf8 !important; padding-top:0; border-color:#dafaf8;color:#000}
/* div#cartContent a{ color:#fff !important} */
div#cartContent .table thead,div#cartContent .table thead th{ background:#dafaf8; color:#000;}
.topLinks #divshopbag{background:#dafaf8 !important;}


.fence-blk{ margin:20px auto;}

/*======1-level or 2-level or 3-level navigation=======*/
/*#navWrapper{ margin:0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.navbar-brand{ display:none;}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
}
.navbar {
    border-radius: 0; min-height: auto;
}
.navbar-default .navbar-nav > li > a{font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#a0a0a0; text-transform:uppercase;display:block; padding:10px 22px; text-decoration:none; outline:none transition:all 0.2s ease-in}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #dafaf8;
    color: #fff;
}
*/

/*======1-level or 2-level or 3-level navigation=======*/
#navWrapper{ margin:0;  background-color: #dafaf8; height:52px; }
.navbar-brand{ display:none;}
.navbar-default {
    background-color: #dafaf8;

}
.navbar {
    border-radius: 0; min-height: auto; 
}
.navbar::after { margin:0;}
.navbar::before { margin:0;}
/*.navbar-default .navbar-nav > li > a{font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#a0a0a0; text-transform:uppercase;display:block; padding:10px 22px; text-decoration:none; outline:none transition:all 0.2s ease-in}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #dafaf8;
    color: #fff;
}*/

.navbar-nav>li>.dropdown-menu {
 /* margin-top: 20px;*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /*transition-delay: 2s;*/
}

.navbar-default .navbar-nav>li>a {
font-size:17px; /*font-family: 'Chewy', cursive;*/ font-family: 'Roboto', sans-serif; color:#000; display:block; padding:10px 20px; text-decoration:none; outline:none transition:all 0.2s ease-in
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>li>a.active { background:none !important;
    color: #005f33 !important;}

	.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/*.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -8px;
  left: 285px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -10px;
  left: 283px;
  z-index: 8;
}*/
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
font-size:12px; font-family: 'Open Sans', sans-serif; font-weight: normal; color:#343434; text-transform: capitalize;  white-space: normal;
}
.dropdown-header{padding: 3px 10px;}

/*.mega-dropdown-menu > li > ul > li:last-child > a { color:#D31B12;}*/

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
background-color: #005f33;
    color: #fff;
}

.mega-dropdown-menu .dropdown-header {
  color: #dafaf8;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu .dropdown-header a{
  color: #005f33;
  font-size: 15px;
  background-color: none;
  font-weight: bold;
}


.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}


.text-red{ color:#D31B12 !important;}

.mega-dropdown-menu > li ul > li > a.text-red:hover,
.mega-dropdown-menu > li ul > li > a.text-red:focus {color:#fff !important;}

.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 0px;
}



/*nav{padding:0;  margin:0; list-style:none;  display:block; height:40px;}
nav li{float:left; position:relative; line-height:0}
nav a{float:left; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#a0a0a0; text-transform:uppercase;display:block; padding:20px 24px; text-decoration:none; outline:none transition:all 0.2s ease-in}
nav a i{ font-size:18px;}
nav li:hover >a{color:#fff; background:#dafaf8}
*html nav li a:hover{color:#fff; background:#dafaf8}
/* Sub-nav */
/*nav ul{list-style:none;  margin:0;  padding:0;  display:none;  position:absolute;  top:40px;  left:0;  z-index:99999;  background:#dafaf8; border:1px solid #dafaf8}
nav ul li{left:0; border:none}
nav ul ul{top:0; left:150px}
nav ul li{float:none; margin:0; padding:0; display:block}
nav ul li:last-child{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none}
nav ul a{padding:8px; height:5px; width:200px; height:auto; line-height:1; display:block; white-space:nowrap; float:none; text-transform:none; font-size:14px; color:#fff; border-bottom:1px solid #dafaf8; border-right:none}
*html nav ul a{height:5px}
*:first-child+html #nav ul a{height:5px}
nav ul a:hover{color:#333; background:#fff}
*html nav ul a:hover{color:#333; background:#fff}
nav ul ul li:first-child a:after{left:-8px;  top:12px;  width:0;  height:0;  border-left:0;  border-bottom:5px solid transparent;  border-top:5px solid transparent;  border-right:8px solid #444}
nav ul li:first-child a:hover:after{border-bottom-color:#04acec}
nav ul ul li:first-child a:hover:after{border-right-color:#04acec;  border-bottom-color:transparent}
nav:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
* html nav{zoom:1}
*:first-child+html #nav{zoom:1}

.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}*/





/*--------------------------------------*/
/*-------------homepage-----------------*/
/*--------------------------------------*/
.bx-wrapper .bx-viewport{background:none; border:none;  box-shadow:none; left:0;-webkit-transform: translatez(0);
-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper{position: relative;margin:0 auto 150px;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.html) center center no-repeat #fff;height: 100%;width: 100%;position:absolute;top:0;left:0;z-index:2000;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {right:40px; }
.bx-wrapper .bx-next {right:5px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:-45px;outline:0;width:28px;height:28px; z-index:10;background:#fff; border:1px solid #ddd; line-height:24px;  color:#999; text-align:center; font-size:16px; transition:all 0.3s ease-in; border-radius:50px; }
.bx-wrapper .bx-controls-direction a:hover{ background:#f5f5f5}
.bx-wrapper .bx-controls-direction a .glyphicon{ line-height:inherit; top:0}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/*.bx-wrapper .bx-controls-direction .bx-prev.disabled{ display:block}*/

.bannerContainer{background:#fff;position:relative;width:100%;float:left;margin:0px 0 0;display:none}
.no-js .bannerContainer{display:block}
#bannerSlides li img{width:100%}
.bannerContainer .bx-wrapper{margin:0 auto; position:relative}
.bnrCaption{position:absolute; display:block; width:50%; font-size:25px; bottom:20px; left:4%; padding:15px; text-transform:uppercase; text-align:center; max-height:155px; line-height:1.2; overflow:hidden; color:#fff; font-family:'vollkorn',"Times New Roman",Times,serif; background:rgb(0,0,0);     background:transparent\9;     background:rgba(0,0,0,0.65);     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a5000000,endColorstr=#a5000000);     zoom:1}
.bnrCaption:nth-child(n){filter:none}
#bannerSlides{margin:0;padding:0}
.bannerContainer .bx-wrapper .bx-pager{position:absolute; right:20px; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666}
.bannerContainer .bx-wrapper .bx-pager .bx-pager-item, 
.bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
#bPrev a, #bNext a{outline:none; text-decoration:none; font-size:30px; color:#fff; position:absolute; top:40%; right:10px; width:40px; height:40px; display:block; line-height:35px; text-align:center;
 background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
}
#bPrev a{left:10px}
#bPrev a:hover, #bNext a:hover{opacity:1}



.fence-prdtWrap{ min-height:300px; max-height:400px; border: 1px solid rgba(51,51,51,0); border-bottom: 1px solid rgba(51,51,51,0.5); border-top: 1px solid rgba(51,51,51,0.5); display:block; position:relative; transition:all 0.8s ease 0s; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.fence-prdtImg img{transition:all 0.8s ease 0s;}
.fence-prdtTitle h4{font-size:18px; text-align:center; font-weight:bold;font-family: 'Times New Roman', sans-serif;  color: #333333;}
.fence-prdtPrice{ margin:10px auto 0;font-size:14px; text-align:center; font-family: 'Open Sans', sans-serif;  color: #333333; display:block; position: absolute; bottom:12px; left:0; right:0;}

.fence-prdtHover a{ position:absolute; display:block; top:0; bottom:0; left:0; right:0; border-radius:50px; width:84px; height:30px; line-height:30px; text-align:center; background:#333; font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:600; color:#fff; text-transform:uppercase; margin:auto; opacity:0; transition:all 0.8s ease 0s; }
.fence-prdtWrap:hover{ border:1px solid rgba(51,51,51,0.8); transition:all 0.8s ease 0s;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
 }
.fence-prdtWrap:hover .fence-prdtImg img{ background:#fff; opacity:0.6; transition:all 0.8s ease 0s;}
.fence-prdtWrap:hover .fence-prdtHover a{ opacity:1}


.carBg{ background:url(../images/noise_bg.html); padding:20px 0;}
.carSpecial{ background:#dafaf8; color:#fff; position:relative;}
.carSpecial .thumbnail{ margin-bottom:0; padding:0;border: 2px solid #fff; border-radius: 2px;}
.capSpecial{ text-align:center;}
ul#specialSlider{ list-style:none;}
#sPrev a, #sNext a{outline:none; text-decoration:none; font-size:22px; color:#fff; position:absolute; top:39%; right:0; background:#dafaf8; width:30px; height:30px; display:block; line-height:30px; text-align:center;  transition: all 0.25s ease-in 0s;}
#sPrev a{left:0}
#sPrev a:hover, #sNext a:hover{ background:#b08f64;}


.carOrder{ background:url(../images/orderonline_bg.html); background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; padding-bottom:30px;}

.featSlidesWrapper{ position:relative;border:2px solid #fff; padding:10px; background:#09677b}
.featWrapper{ height:92px; line-height:92px; width:100%; overflow:hidden;text-align: center;}
.featContent{ display:inline-block; line-height:normal;  vertical-align: middle;font-family: 'Open Sans', sans-serif; font-size:18px; text-align:center;  position:relative;}
.featContent h3{margin:0; padding:0;  color:#fff; text-align:center; text-transform:uppercase; font-weight:bold}
.featContent p{ margin:0; }


.fence-leftBg{ position:relative; display:block; margin:20px auto;}
.fence-advt{ position:absolute; top:20%; right:4%;}
.fence-advt .fence-adTitle1{font-size:38px; text-align: left; font-weight:bold; font-family: 'Times New Roman', sans-serif;  line-height: 38px;}
.fence-advt .fence-adTitle2{font-family: 'Open Sans', sans-serif; font-size:14px; text-align:center;  letter-spacing:3px;}

.fence-advt .fence-adBtn a{ background: rgba(0,0,0,0.5); color:#fff; padding:10px; width:120px; margin: 14px auto 0; text-align:center; display:block; text-transform:uppercase; letter-spacing:1.5px; outline:none; text-decoration:none; transition:all 0.8s ease 0s;}
.fence-advt .fence-adBtn a:hover{background: rgba(0,0,0,0.8); outline:none; text-decoration:none; transition:all 0.8s ease 0s;}

.productListWrapper{position:relative; display:none;  background:#fff;  margin:0px 0 0; padding:10px;}
.no-js .productListWrapper{display:block}
.productListWrapper .title-bordered{border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:0}
.productListWrapper .title-bordered span{}

.prdtContainer{ position:relative; display:block;}
.prdtContainer #fence-contrl{ background: #dcdcdc; width:60px; height:30px; border-radius:30px; text-align:center; padding:3px; display:block; position:absolute; top:0; right:0;}
.prdtContainer #prdtPrev a, .prdtContainer #prdtNext a{ width:24px; height:24px; font-size:18px; background:#fff; color:#dcdcdc;border-radius:50%; text-align:center; line-height:24px; display:inline-block;}
.prdtContainer #prdtPrev a{ margin-right:5px;}
.prdtContainer #prdtPrev a:hover, .prdtContainer #prdtNext a:hover{background:#d31b12; color:#fff;}

.product-cat{margin:30px 0;}
#car1,#car2{margin:0; padding:0}
#car1 .item,#car2 .item,.monthSpl .item{display:block;height:auto;}



.prdtContainer1,.prdtContainer2,.prdtContainer3,.prdtContainer4{ position:relative; padding:0 10px; margin:50px 0;}
.prdtContainer1 .bx-wrapper,.prdtContainer2 .bx-wrapper,.prdtContainer3 .bx-wrapper,.prdtContainer4 .bx-wrapper{ max-width:100% !important;}
.prdtTitle-hm{font-size:50px; color:#dafaf8; font-family: 'Roboto', sans-serif; font-weight:600;  text-align:center; margin:15px auto;}
.prdtWrap{ background:rgba(230,231,214,0.9); padding:4px; position:relative; overflow:hidden;}
.prdtTitle{font-size:35px; color: #dafaf8; display: block; font-family: 'Roboto', sans-serif;font-weight:300;  text-align:center; margin:10px auto 4px; height:36px; overflow:hidden; padding:0 10px;}
.prdtPrice{font-size:20px; font-weight:400;display: block;text-align:center; color:#343434; margin:10px 0;}
.innerPrdt{ margin:0 auto; padding:0; display:block; list-style:none;text-align:center; border-top: 1px solid rgba(0,0,0,0.1); position: relative; left:0; right:0; background:#dafaf8; 
     -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;}
.innerPrdt li{ vertical-align:middle; display:inline-block; text-align:center; color:#fff; font-size:17px; border-right:1px solid rgba(0,0,0,0.1); width:48%; padding: 0 5px;}

.innerPrdt li:last-child{ border-right:none;}
.innerPrdt li a{ display:block;  color:#fff; font-size:17px; padding:10px 0; cursor:pointer; text-align:right;}
.namePrice{background:rgba(230,231,214,1) !important; position:relative; margin-top:0; overflow:hidden; position: relative;
-moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;}
	
.innerPrdt li button{
background: transparent; border:0; box-shadow:none;  margin:auto; display:block; width:100%; text-align:center;color:#fff; font-size:17px;  cursor:pointer;
}	
.prdtWrap:hover{-moz-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;}

.prdtWrap:hover .namePrice{background:rgba(230,231,214,0.9); }
.prdtWrap:hover .innerPrdt{ bottom:0;}
/*.prdtWrap:hover .namePrice{ padding:5px 0;}*/
.prdtControls { position: absolute; bottom: 40%; margin:20px auto;  left:0; right:0; text-align:center;}
#prdtPrev a,#prdtNext a,#prdtPrev2 a,#prdtNext2 a,#prdtPrev3 a,#prdtNext3 a,#prdtPrev4 a,#prdtNext4 a{ width:40px; height:40px; border-radius:4px; background:#eaeaea;font-size:21px; text-align:center; line-height:38px; display:inline-block; color: rgba(0,0,0,0.8);vertical-align: middle; position:absolute; right:0; bottom:30%}
#prdtPrev a,#prdtPrev2 a,#prdtPrev3 a,#prdtPrev4 a{ position:absolute; left:0;}
#prdtPrev a .fas,#prdtNext a .fas,#prdtPrev2 a .fas,#prdtNext2 a .fas,#prdtPrev3 a .fas,#prdtNext3 a .fas
,#prdtPrev4 a .fas,#prdtNext4 a .fas{line-height:40px;}
.prdtView,.prdtView2,.prdtView3,.prdtView4{background: #eaeaea; border-radius:4px;display: inline-block;color: rgba(0,0,0,0.8);font-size: 18px;padding: 0 18px;height: 40px;vertical-align: middle;line-height: 40px;}
#prdtPrev a:hover,#prdtNext a:hover,.prdtView:hover,#prdtPrev2 a:hover,#prdtNext2 a:hover,.prdtView2:hover,
#prdtPrev3 a:hover,#prdtNext3 a:hover,.prdtView3:hover,#prdtPrev4 a:hover,#prdtNext4 a:hover,.prdtView4:hover{color: rgba(0,0,0,0.8); background:#eaeaea;}


.prdt-prev a,.prdt-next a{ width:40px; height:40px; border-radius:4px; background:#c8b57c;font-size:21px; text-align:center; line-height:38px; display:inline-block; color: rgba(0,0,0,0.8);vertical-align: middle;}
.prdt-prev a .fas,.prdt-next a .fas{line-height:40px;}
.prdt-prev a:hover,.prdt-next a:hover{color: rgba(0,0,0,0.8); background:#ae9c67;}

.prdtWrap > a { height: 0;padding-bottom: 85%;display: block;overflow: hidden;}

.nav-tabs > li > a{font-family: 'Roboto', sans-serif; color:#181818; font-size:25px;}\.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color:#dafaf8;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#dafaf8; border:none;}
.nav-tabs{border:none; position:relative; left:0; right:0; margin:0 auto; justify-content: center;}
.nav-tabs.nav-justified > li > a{ border:none;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{ border:none;}
ul.tabcnt{list-style:none;}
ul.tabcnt li{ margin-bottom:30px;}
ul.tabcnt ul li{ margin-bottom:0px;}

.hmsliderContainer{ position:relative; display:block; margin:30px auto 0;}
.hmsliderContainer #sldrPrev1 a, .hmsliderContainer #sldrNext1 a{ background: rgba(0,0,0,0.7); color:#fff; font-size:21px; width:36px; height:36px; text-align:center; display:block; line-height:34px; position: absolute; top:44%; left:-20px;}
.hmsliderContainer #sldrNext1 a{ left:auto; right:-20px;}

.hmsliderContainer #sldrPrev2 a, .hmsliderContainer #sldrNext2 a{ background: rgba(0,0,0,0.7); color:#fff; font-size:21px; width:36px; height:36px; text-align:center; display:block; line-height:34px; position: absolute; top:44%; left:-20px;}
.hmsliderContainer #sldrNext2 a{ left:auto; right:-20px;}

.hmsliderContainer #sldrPrev3 a, .hmsliderContainer #sldrNext3 a{ background: rgba(0,0,0,0.7); color:#fff; font-size:21px; width:36px; height:36px; text-align:center; display:block; line-height:34px; position: absolute; top:44%; left:-20px;}
.hmsliderContainer #sldrNext3 a{ left:auto; right:-20px;}


.product{display:block;height:auto; text-align:left;transition: all 0.3s ease 0s;  }
.prodImg{display:block;width:100%;padding:5px; border:1px solid transparent;transition: all 0.3s ease 0s; }
.product .offer{ position:absolute; top:3%; left:0; padding:5px; opacity:1; border-radius:5px; color:#fff;}
.offer.bg-red{ background: #ff0000;}
.prodImg a{ display:block; overflow:hidden; height:0; position:relative; padding-bottom:80%;}
.prodImg a img{position:absolute; left:0; top:0; right:0; bottom:0;margin:auto;max-height:100%;transition: all 0.5s ease 0s;}
/*.product:hover .prodImg{border-color:#3D4094}*/
.product .description {margin-top:5px;min-height:145px; padding-top:0px; text-align:center;}
.item .product{min-height:auto; border-bottom: 1px solid rgba(51,51,51,0.2); /*border-top: 1px solid rgba(51,51,51,0.5);*/ display:block; position:relative; transition:all 0.8s ease 0s; overflow:hidden; margin-top:0px; margin-bottom:0px;}
.item.product:hover{ border:1px solid rgba(51,51,51,0.8); transition:all 0.8s ease 0s;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
 }
.item h4 { border-bottom:none;display: block;line-height:30px;margin:0;max-height:30px;min-height:30px;overflow:hidden;padding:0;font-size:14px;color:#333;  font-family:'Open Sans',Arial,sans-serif; font-weight:600; text-transform:uppercase}
.item h4 a {color:#333;text-decoration:none;text-transform:capitalize; }
.product:hover h4 a{color:#333;} 
.description p {font-size:14px;line-height:18px;max-height:90px;min-height:20px;overflow:hidden; margin-bottom:5px; }
.item h5{max-height:45px;min-height:20px;margin:0 0 5px 0;line-height:15px; display:block; overflow:hidden; font-size:12px; padding:0 2px; text-transform:uppercase;} 
.item .form-group{ margin-bottom:8px}
.hmSnownu .product .description{min-height:125px;}
.prodCarousel li{ display: inherit; float:left;}
.prod-price{font-size:20px;font-weight:bold; color:#08a990;}
.prodCarousel .prod-price{ font-size:18px}
.description .btn-group{padding-left:0;padding-right:0;}
/*.description .btn-group .btn,.description .btn{padding-left:8px;padding-right:8px; padding-top:8px; padding-bottom:8px; font-size:12px;}*/


.prodCarousel #fence-contrl{ background: #dcdcdc; width:60px; height:30px; border-radius:30px; text-align:center; padding:3px; display:block; position:absolute; top:0; right:0;}
.prodCarousel #prdtPrev a, .prdtContainer #prdtNext a{ width:24px; height:24px; font-size:18px; background:#fff; color:#dcdcdc;border-radius:50%; text-align:center; line-height:24px; display:inline-block;}
.prodCarousel #prdtPrev a{ margin-right:5px;}
.prodCarousel #prdtPrev a:hover, .prodCarousel #prdtNext a:hover{background:#d31b12; color:#fff;}


.prodStrip{ border:1px solid #dfdfdf;padding:20px 15px; text-align:left; position:relative; z-index:1; overflow:hidden;-webkit-box-shadow: -1px 10px 10px -5px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 10px 10px -5px rgba(0,0,0,0.15);
box-shadow: -1px 10px 10px -5px rgba(0,0,0,0.15); text-transform:capitalize;display:none;}
.stripImg{ position:absolute; z-index:-1; right:0; bottom:0; height:100%; width:100%; float:right; background-position:100% 50%; background-repeat:repeat; }

.no-js .prodStrip{display:block}



.prodStrip .thumbnail{ margin-bottom:0; border-radius:0}
.prodStrip .list-inline{ text-align:center; margin:0; padding:0}
.prodStrip .list-inline .thumbnail{width:110px; margin-bottom:0; border-radius:0}

.prodStrip .list-inline .thumbnail a{height:0;padding-bottom:56.25px;position:relative;overflow:hidden; display:block}
.prodStrip .list-inline .thumbnail a img{ position:absolute; margin:auto; left:0; top:0; bottom:0; right:0; max-width:100%; max-height:100%;}

.videoTmb{ margin:10px 0; border-radius:0}
.videoTmb a{ display:block; position:relative;}
.playIcon{position:absolute; width:50px; height:38px; text-align:center; z-index:10; left:50%; top:50%; margin:-19px 0 0 -25px; text-decoration:none; color:#fff; font-size:20px; line-height:38px; display:block; background:#f80000; border-radius:5px;}
.videoTmb .title{ margin:5px 0}

.instagramwrap{ background:#f7f7f7; padding:40px 0;}
.instafollow{ background:#fff; border-radius:5px; border:#dadada 1px solid; padding:8px 25px; text-align:center; margin:30px 0; font-family: 'Roboto', sans-serif; color:#ce090e; font-size:30px;}

.testimonialsWrap{position:relative; background:url(../images/testimonial-bg.jpg); background-size:cover; padding:40px 0;}
.testimonialsWrap .bx-wrapper .bx-viewport{  border:none; min-height:150px; box-shadow:none; left:0}
#testimonialsSlider{margin:0; padding:0}
#testimonialsSlider li{padding:0px; font-style:italic; color:#333; line-height:1.4em; text-align:center;}
#testimonialsSlider li img{ width:139px; height:139px; margin:0 auto;}
.testicontent{max-height:150px; overflow:hidden; font-size:14px;}
.testicontent p{max-height:150px; overflow:hidden; font-size:14px; line-height:1.4em; padding:15px 15px 0px 25px;}
.testiPrev a, .testiNext a{outline:none; text-decoration:none; font-size:12px; color:#5cb85c; top:20px;  display:none; outline:0;width:22px;height:22px;background:#fff; border:1px solid #ccc; color:#333; text-align:center; line-height:20px; position:relative; float:left; text-align:center; margin:0 auto;}
.testiPrev a{right:25px; position:relative;}
.testcontrol{ position:relative; text-align:center; margin:0 auto;}
.author{display:block; text-align:right; height:20px;color:#000;margin:0 20px 0 0; padding:0 0 10px 0; font-size:14px; font-family:'Open Sans',Arial,sans-serif;;}


/*.testcontrol { position:relative; margin:20px auto; bottom:0;  right:0; text-align:center;}
.testiPrev a,.testiNext a{ width:40px; height:40px; border-radius:4px; background:#c8b57c;font-size:21px; text-align:center; line-height:38px; display:inline-block; color: rgba(0,0,0,0.8);vertical-align: middle;}
.testiPrev a,.testiNext a {line-height:40px;}
.testiPrev a,.testiNext a{background: #c8b57c; border-radius:4px;display: inline-block;color: rgba(0,0,0,0.8);font-size: 18px;padding: 0 18px;height: 40px;vertical-align: middle;line-height: 40px;}
.testiPrev a:hover,.testiNext a:hover{color: rgba(0,0,0,0.8); background:#ae9c67;}*/

/*.bx-next.disabled{ display:none!important}*/




.brandsWrapper{position:relative; display:none;  background:#fff; border:1px solid #dfdfdf; margin:20px 0 0; padding:10px;}
.no-js .brandsWrapper{display:block}

ul.brands{ margin:0; padding:0; list-style:none;}
ul.brands .thumbnail{ margin-bottom:5px; padding:0; border:none}
ul.brands .thumbnail a{ display:block; height:0; padding-bottom:75%; overflow:hidden; position:relative}
ul.brands .thumbnail a img{ position:absolute; margin:auto; max-width:100%; max-height:100%; left:0; top:0; bottom:0; right:0}
.brandCap{ font-size:12px;}







/*======innerpagestyles=======*/

.page_headiing_block{ width:100%; clear:both; float:left; text-align:left;  padding:0; margin:0 0 10px 0;  position:relative; border-bottom:1px solid #efefef; padding-top:10px;}
.pagetitle {font-family: 'Roboto Slab', "Times New Roman", Times, serif; font-size:24px; margin:0 0 10px 0}


.breadcrumb{ background:none; border:none; margin:0 0 10px 0; padding:0;font-size:13px;}
.breadcrumb a{color:#333; text-decoration:none; transition:all 0.25s ease-in; text-shadow:none; }
.breadcrumb .active{ color:#333}
.well blockquote{ margin:0; border:none; padding:0px;}
blockquote p{  margin-bottom:0; font-size:15px;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.progileimg{ float:right; margin:0 10px 10px 10px; text-align:center; background:#3fa703; padding:10px;}
.progileimg img{ margin-bottom:0px; border: #FFF 2px solid;}




.table thead, .table thead th{background:#f0f0f0;font-family:'Open Sans',Arial,sans-serif; font-weight:normal;text-transform:uppercase; color:#444 }
.table p{ margin-bottom:5px;} 	.table h4{ margin:5px 0}
.table .checkbox{ margin:0}




#catproductList .item{display:block;height:265px;}
#catproductList .item h4{ font-size:17px;max-height:40px;min-height:40px;} 




#productList{ margin-top:10px;}
#productList .item{display:block;height:420px;  position:relative}
#productList .description{ padding-bottom:5px; }
#productList .description{ min-height:161px; max-height:200px; overflow:hidden}
#productList .description p{max-height:none;min-height:20px;overflow:hidden; margin:0;font-size:13px; line-height:normal }
#productList .form-group{ margin-bottom:5px;}
#productList .form-control{ font-size:11px; padding-left:5px; padding-right:5px; height: 30px;
background: #dafaf8;
border: 1px solid #20bba2;}
.outOfStock{ background:#e74c3c; padding:2px 8px; position:absolute; top:15px; left:15px; z-index:10; color:#FFF;}



#gallList .thumbnail {
    border-radius: 0;
    height: 160px;
    position: relative;
}
#gallList .thumbnail img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
}
#gallList .thumbnail:hover {
    text-decoration: none;
}
.desc {
    background:#3D4094;
    bottom: 0;
    color: #fff;
    display: block;
    font-family: 'Open Sans',Arial,sans-serif;
    left: 0;
    line-height:20px;
    max-height: 40px;
    overflow: hidden;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;	
    width: 100%;
}

.selectStyled{
	
      border:1px solid #ccc;
      -webkit-appearance: none;
      -moz-appearance: none;
      background:#fff url('../images/dropdown_arrow.html') no-repeat;
      background-position:97% 9px;
      width:100%;
      text-indent: 0.01px;
      text-overflow: "";
      color:#666;
	  font-size:11px;
	  padding:2px 10px 2px 0;
	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  
	
	}
	.selectStyled option{ font-size:11px;}
	
	#prodDispPage .breadcrumb{ margin:5px 0}
	#prodDispPage .page-header{ padding:0}
	.detailsBlock .title{ margin-top:0}
	.detailsBlock{ text-align:left}
	.detailsBlock .well{ padding:10px 15px; margin-bottom:0}
	.detailsBlock p{ margin-bottom:5px;}
	.detailsBlock .btn-lg{ font-size:14px;}
	.dispImg{ margin-bottom:10px;}
	.dispImg .offer{ position:absolute; top:3%; left:5%; z-index:1; padding:5px; opacity:1; border-radius:5px; color:#fff;}
	.dispImg .thumbnail{ position:relative; height:0; overflow:hidden; padding-bottom:56.25%; display:block; margin-bottom:5px; }
	.dispImg .thumbnail img{ position:absolute; margin:auto; max-width:100%; max-height:100%; left:0; top:0; bottom:0; right:0; padding:4px;}
	.starRating{ color:#FFCC00}
	
	
	/*Tabs*/
#tabsDesc{ background:none; border-radius:0; margin-bottom:20px;}
#tabsDesc .ui-tabs-nav{ padding-left:0px;  background:transparent;  border-width:0px 0px 1px 0px;  -moz-border-radius:0px;  -webkit-border-radius:0px;  border-radius:0px}
#tabsDesc .ui-tabs-panel{ border-width:0;font-size:13px; color:#333; background:none; border-radius:0; border-top:1px solid #dfdfdf;font-family: 'Open Sans', sans-serif;}
#tabsDesc .ui-widget-header{ font-family:Arial, Helvetica, sans-serif;  font-size:12px; text-transform:uppercase;  background:transparent;  border:none;-moz-border-radius:0px;  -webkit-border-radius:0px;  border-radius:0px;  }
#tabsDesc .ui-tabs-nav .ui-state-default{ background:none;  border:0; font-weight:bold;}
#tabsDesc .ui-tabs-nav .ui-tabs-anchor{ padding:15px 10px}
#tabsDesc .ui-tabs-nav .ui-state-active{ background:#eaeaea;  border:none; border-bottom:none}
#tabsDesc .ui-tabs-nav .ui-state-default a{ color:#292929; outline:none}
#tabsDesc .ui-tabs-nav .ui-state-active a{ color:#292929; outline:none}
.ui-widget-content a.btn{ color:#fff}
#tabsDesc blockquote p{font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal}
#tabsDesc blockquote small{ font-size:12px;}
/*#tabsDesc .ui-tabs-nav li{ margin-bottom:0!important}*/
	

select .no-list{width:50px !important;}

/*======Contact========*/

/*=======feedback Slider=========*
.slideoutpanel{position:fixed; top:30%; z-index:999; right:0px; }
.slideoutpanel .slideform{width:160px;  float:left;  display:none; background:#FFF;border:2px solid #ddd; 
 padding:10px 10px; min-height:200px; margin:0px 0;}
.slidebtn{ float:left; background:url(../images/buy-online-hallem-online.jpg) no-repeat left top; width:80px; height:160px; cursor:pointer; display:block; z-index:9999999}
*/


/*=======accordion=======*/
#accordion,#accordion2{ margin-bottom:10px;}
 .ui-accordion{width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
 .ui-accordion .ui-corner-all{border-radius:none}
.ui-accordion .ui-accordion-header{cursor:pointer; position:relative;  zoom:1;  font-family: 'Lato', sans-serif;  font-weight:normal; font-size:15px;padding-top:.8em!important;padding-bottom:.8em!important;}
/*#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-left, #accordion .ui-corner-tl{border-top-left-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-right, #accordion .ui-corner-tr{border-top-right-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-left, #accordion .ui-corner-bl{border-bottom-left-radius:0}
#accordion .ui-corner-all, #accordion .ui-corner-bottom, #accordion .ui-corner-right, #accordion .ui-corner-br{border-bottom-right-radius:0}*/
.ui-accordion .ui-accordion-li-fix{display:inline}
.ui-accordion .ui-accordion-header-active{color:#555!important;  }
.ui-state-default{background:#dafaf8;border:1px solid #fff;color:#444;font-weight:normal}
.ui-accordion .ui-accordion-header a{display:block; font-size:1em; padding:.5em .5em .5em .7em; border-radius:none}
.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-icon{position:absolute; left:.5em; top:50%; margin-top:-8px}
.ui-accordion .ui-accordion-header{ margin-top:0!important}
.ui-accordion .ui-widget-content{border-top:0; margin-top:-5px; position:relative; top:1px;overflow:auto; display:none; zoom:1;border-radius:none; line-height:35px;font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:14px; padding:0 15px; background:#fff; border-color:#ddd; }
.ui-accordion .ui-accordion-content-active{display:block}

#accordion2.ui-accordion .ui-widget-content{ padding:1em 2.2em}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{ right:0.5em!important; left:auto!important}
.ui-accordion .ui-accordion-header .ui-icon{ left:auto; right:0.5em!important}
.ui-accordion .ui-accordion-icons{ padding-right:2.2em!important; padding-left:0.7em!important;}

.ui-state-default .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}
.ui-state-active .ui-icon{background-image:url(../ui-lightness/images/ui-icons_222222_256x240.png)}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family:"Open Sans",Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/*====aside====*/




.homePage #navWrapper{ margin-bottom:0}

.contactBlock .title{ margin-top:0}

.toggleBtns .btn{ white-space:normal}




/*========form styles==========*/
.placeholder{color:#444}
::-webkit-input-placeholder{color:#444}
::-moz-placeholder{color:#444}



.form-centered{max-width:330px;padding:15px 20px 20px;margin:20px auto;background-color:#f7f7f7;border:1px solid #dfdfdf;}
.form-centered .title,.container-login .title{ margin-bottom:15px; text-align:center;z-index:1;padding-bottom:10px; position:relative }
.form-centered .title:before,.container-login .title:before{  background: #bbb none repeat scroll 0 0;bottom:0;content: "";height: 3px;left: 50%;margin-left: -20px;position: absolute; width:40px;}

.container-login {
    background: #f4f4f4 none repeat scroll 0 0;
    font-weight: 400;
    margin: 50px auto 0;
    max-width: 780px;
    height: auto;
    position: relative;
    text-align: left;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0,0,0, 0.3);
	padding:30px 0;
}
.container-login main {
    background: #f4f4f4 none repeat scroll 0 0;
    font-size: 14px;
    min-height: 240px;
    padding:40px 360px 20px 50px;
}
.container-login aside {
    background:#D7EDF8 none repeat scroll 0 0;
    bottom: 0;
    padding: 80px 30px 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
}
/*======feedback form======*/
.msgContainer {
    background: #f5f5f5;
    border: 1px solid #ddd;
	color:#444;
    border-radius: 5px;
    margin: 80px 0 0;
    padding: 20px;
    position: relative;
}
.input-lg{ font-size:16px;}

.captcha{height:30px; padding:2px; list-style:none; margin:5px 0; display:block; float:left; width:100%}
.captcha li{float:left; margin:0 20px 0 0}
.capimg{position:relative}
a.refresh{width:30px; height:30px; position:absolute; right:-15px; top:15%; z-index:50; top:0}
.captcha input{width:70px}
.selqt{width:100%; float:left; margin:0 0 4px 4px; padding:2px !important; font-size:12px !important; height:28px !important;}
select option{ padding:2px 0; margin:1px 0; font-size:12px;}
.small-input {
    width:30px !important;
	padding:6px 0!important;
	text-align:center
}
.sitePaging{  float:right}
.sitePaging .input-group-addon,.sitePaging .input-group-btn { width:auto}
/*=========form errors========*/
.errors{position:absolute; float:left; width:150px; min-height:50px;  right:-40px; top:0}
.errors span{display:block; margin:5px 0}
.innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.html) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px}
.innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px;  background:#fbe3e4 url(../images/valid.html) 0 50% no-repeat}


#userMenu{ float:right; margin:20px 0 0 0;}

#userMenu .dropdown-menu{min-width: 221px; }

ul.sharelinks{ list-style:none; display:block; padding:0; text-align:left;  margin-bottom: 0;}
ul.sharelinks li{display:inline-block;}
ul.sharelinks li a{ margin:0px 5px; padding:0px; display:block; width:30px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:21px; font-weight:600;  text-decoration:none; }
ul.sharelinks li a:hover, ul.sharelinks li a:focus{ color:#fff;border:1px solid #fff;}

ul.sharelinkstop{ list-style:none; display:block; padding:0; text-align:left;  margin-bottom: 0;}
ul.sharelinkstop li{display:inline-block;}
ul.sharelinkstop li a{ margin:0px 5px; padding:0px; display:block; width:20px; height:20px; text-align:center; line-height:20px; color:#fff;border-radius:50%;font-size:12px; font-weight:600;  text-decoration:none; }
ul.sharelinkstop li a:hover, ul.sharelinks li a:focus{ color:#fff;}




/* ==========================================================================
   My Account Page
   ========================================================================== */

#billingPage .panel{ min-height:360px;}
#billingPage .title{ margin-top:0}
#billingPage p{ margin-bottom:5px}

.show-grid{ margin-bottom:10px; margin-top:10px}


#accNav{margin-top:10px;}

.panelDark-title{font-family:'rokkittregular', Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; text-transform:capitalize;padding:0.5em 0; margin:0px; text-align:center;}

.panel-default > .panel-heading {
    background-color: #eee;
    border-color: #eee;
    color: #333;
	border-radius: 4px;
}

 .panel {
background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}


.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #fff;
        background-color: #03a68c;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px}
.ir:before{content:""; display:block; width:0; height:150%}

.widthAuto .input-group-addon, .widthAuto .input-group-btn {
    width: auto;
}
.marTop{ margin-top:20px;}
.marginBtm{ margin-bottom:10px;}
.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-danger{color:#fff;background-color:#03a68c;border-color:#03a68c}.btn-danger:focus,.btn-danger.focus{color:#000;background-color:#03a68c;border-color:#03a68c}.btn-danger:hover{color:#fff;background-color:#03a68c;border-color:#03a68c}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{ccolor:#fff;background-color:#03a68c;border-color:#03a68c}
/*==================signin=================*/

.btn-fb {color: #ffffff; background-color: #3A5795;border-color: #193e8f;} 
.btn-fb:hover, .btn-fb:focus, .btn-fb:active, .btn-fb.active, .open .dropdown-toggle.btn-site {color: #ffffff; background-color: #1f428e; border-color: #1b3d84;} 

.btn-gplus { color: #ffffff;background-color: #CC1615;border-color: #af0c0b; 

} 

 

.btn-gplus:hover, 

.btn-gplus:focus, 

.btn-gplus:active, 

.btn-gplus.active, 

.open .dropdown-toggle.btn-site {color: #ffffff;background-color: #971211;border-color: #c60d0c; 

} 



.btn-twit {color: #ffffff;background-color: #2AA9E0; border-color: #1585b5; 

} 

 

.btn-twit:hover, 

.btn-twit:focus, 

.btn-twit:active, 

.btn-twit.active, 

.open .dropdown-toggle.btn-site { color: #ffffff; background-color: #1585b5; border-color: #2AA9E0; 

} 



.btn-ln { color: #ffffff; background-color: #0274B3; border-color: #1585b5;} 

.btn-ln:hover, .btn-ln:focus, .btn-ln:active, .btn-ln.active, .open .dropdown-toggle.btn-site{ color: #ffffff; background-color: #1585b5; border-color: #2AA9E0;}

.btn-info{ background:#dafaf8; border-color:#ccc; color:#03a68c;}.btn-info:hover,.btn-info:active,.btn-info:focus{ background:#03a68c; border-color:#ccc;}

#myModal .close{ width:40px; height:40px; background:rgba(0,0,0,0.5); color:#FFF; text-align:center; line-height:40px; position:absolute; z-index:101; opacity:1; right:20px; top:20px}
#myModal .modal-body{ background:#fff; background-attachment:fixed; background-position:center center; background-size:cover; }

/*.modal-content{ padding:50px;}*/

/* product scroll */
 

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position:absolute; top:50%; font-size:40px; color:#03a68c; padding:5px !important; }
.owl-carousel .owl-nav button.owl-next{right:1%;}.owl-carousel .owl-nav button.owl-prev{left:1%;}

/* end product scrol*/

.newsLetter{ padding:30px 0 0;}
.hmSnownu .item .product{margin-bottom:20px;}
  
.slider { width:100%; height:auto margin:0 auto;}
.slider .bx-wrapper{ margin:0 ;}
.slider a.active {display:inline-block;  padding:5px; padding-bottom:0px !important; margin-bottom:10px; float:left;}
.bx-pager a img{ float:left; width:80px; height:80px;}
.slider .bx-controls{ position:absolute; bottom:-100;}
.slider  .bx-wrapper .bx-controls-direction a {position: absolute;top:-45px;outline:0;width:28px;height:28px; z-index:10;background:#41210a; line-height:24px;  color:#fff; text-align:center; font-size:16px; transition:all 0.3s ease-in; }

.slider #bPrev a, #bNext a{outline:none; text-decoration:none; font-size:20px; color:#fff; position:absolute; top:35%; right:15px; width:30px; height:30px; display:block; line-height:35px; text-align:center;
 background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
}
.slider #bPrev a{left:15px}
.slider #bPrev a:hover, .slider #bNext a:hover{opacity:1}
  
/* herobanner styles*/
.herobanner-carousel{
    position: relative;
}
.herobanner-item{
    position: relative;
}
.herobanner-item::before{
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    background: url('../images/banner-curve.html');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    z-index: 99999!important;
}
.owl-carousel .herobanner-item img{
    width: 100%;
}
.herobanner-caption{
    position: absolute;
left: calc(10% - 100px);
top: calc(50% - 120px);
color: #fff;
width: 400px;
text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.herobanner-caption h4{
    font-size: 44px;
    font-weight: 200;
    margin-bottom: 20px;
}
.herobanner-caption p{
    width: 270px;
    line-height: 1.2;
}
.herobanner-caption .btn-primary{
    padding: 10px 40px;
    border-radius: 50px;
    background: #5bc5f2;
    color: #1f2352;
    text-transform: uppercase;
    font-size: 16px;  
}



/*.herobanner-carousel .owl-prev span, .herobanner-carousel .owl-next span{
    position: absolute;
    top: calc(50% - 60px);
    right: 2%;
    font-size: 44px !important;
    background:transparent !important;
    color:#03a68c !important;
    width: 60px;
    height: 60px;
    line-height: 48px;
   
    text-align: center;
    border-radius:50%;
    border: 2px solid #44639f !important; 
}
.herobanner-carousel .owl-prev span{
    right: auto;
    left: 2%;
}*/

/*.herobanner-carouse .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position:absolute; top:50%; font-size:40px; color:#03a68c; padding:5px !important; }
.herobanner-carouse .owl-carousel .owl-nav button.owl-next{position:absolute;  right:5%;}.owl-carousel .owl-nav button.owl-prev{position:absolute;  left:5%;}*/

.herobanner-carousel .owl-prev span, .herobanner-carousel .owl-next span{
position: absolute;
top: calc(50% - 60px);
right: 2%;
font-size: 44px !important;
background:transparent !important;
color:#fff !important;
width: 60px;
height: 60px;
line-height: 48px;
/*margin-right: 20px;*/
text-align: center;
/*display: block;*/
border-radius:50%;
border: 2px solid #03a68c !important; 
}
.herobanner-carousel .owl-prev span{
right: auto;
left: 2%;
}
.herobanner-carousel .owl-prev span::before,
.herobanner-carousel .owl-next span::before{
content: '';
display: block;
width: 0;
height: 1px;
border-top: 1px dashed rgba(255,255,255,0.5);
position: absolute;
top: 30px;
left: -64px;
opacity: 0;
transition: all 1s;
}
.herobanner-carousel .owl-prev span::before{
right: -64px;
left: auto;

}
.herobanner-carousel .owl-prev span::after,
.herobanner-carousel .owl-next span::after{
content: '';
display: block;
width: 0;
height: 8px;
border-radius: 50%;
background: rgba(3,166,140,0.5);
position: absolute;
top: 26px;
left: -74px;
opacity: 0;
/*transition: all 1s;*/
}
.herobanner-carousel .owl-prev span::after{
right: -74px;
left: auto;

}
.herobanner-carousel .owl-prev span:hover::before,
.herobanner-carousel .owl-next span:hover::before{
opacity: 1;
width: 60px;
}
.herobanner-carousel .owl-prev span:hover::after,
.herobanner-carousel .owl-next span:hover::after{
opacity: 1;
width: 8px;
}
/*.herobanner-carousel .owl-prev span::before,
.herobanner-carousel .owl-next span::before{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,0.5);
    position: absolute;
    top: 30px;
    left: -64px;
    opacity: 0;
    transition: all 1s;
}*/
.herobanner-carousel .owl-prev span::before{
    right: -64px;
    left: auto;

}
.herobanner-carousel .owl-prev span::after,
.herobanner-carousel .owl-next span::after{
    content: '';
    display: block;
    width: 0;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 26px;
    left: -74px;
    opacity: 0;
    /*transition: all 1s;*/
}
.herobanner-carousel .owl-prev span::after{
    right: -74px;
    left: auto;

}
.herobanner-carousel .owl-prev span:hover::before,
.herobanner-carousel .owl-next span:hover::before{
    opacity: 1;
    width: 60px;
}
.herobanner-carousel .owl-prev span:hover::after,
.herobanner-carousel .owl-next span:hover::after{
    opacity: 1;
    width: 8px;
}
/* herobanner end*/


.tistimonialcontainer .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position:absolute; top:50% !important; font-size:40px; color:#03a68c; padding:5px !important; }
.tistimonialcontainer .owl-nav button.owl-next{right:-2% !important;}.tistimonialcontainer .owl-nav button.owl-prev{left:-2% !important;}


.title-hm {
    margin: 50px auto 70px;
    text-align: center;
}
.title-hm h3{
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 500;
    /*text-transform: capitalize;*/
    color: #03a68c;
    margin-bottom: 10px;
}
.title-hm h4{
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    color: #03a68c;
    margin-bottom: 10px;
}
.title-hm p{
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #b2b2b2;
    margin-bottom: 20px;
}
.title-hm p.cptblack{
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    margin-bottom: 20px;
}
.bar-sm{
    width: 60px;
    height: 5px;
    background: #2c53d2;
    display: inline-block;
}
.dots-3{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #b2b2b2;
    position: relative;
    display: inline-block;
}
.dots-3::before,.dots-3::after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #b2b2b2;
    position: absolute;
    left: -14px;
    top: 0;
}
.dots-3.orangeBg{
    background: #e4562e;
}
.dots-3.orangeBg::before,.dots-3.orangeBg::after{
    background: #e4562e;
}
.title-hm span::after{
    left: auto;
    right: -14px;
}

.hm-products{/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/ border:1px solid #f5f5f5;
	
	background:#fff;}
.hm-products h3{font-family: 'Poppins', sans-serif;    font-size: 20px; font-weight: 500; color:#03a68c; text-align:center; margin:10px 0; padding:10px 0 15px 0;     transition: transform .4s cubic-bezier(.38,3,.57,1.6);}
 .hm-products:hover h3 {-webkit-transform: translate3d(0,-5px,0);
-moz-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0);}

.hm-products img {transition: transform .4s cubic-bezier(.38,3,.57,1.6);}
.hm-products:hover img {-webkit-transform: translate3d(0,-5px,0);
-moz-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0);}

.hm-about{padding:10rem 0; background:#dafaf8;}
.vertical-slider-bg{
    background: #f1f2f4;
    padding: 1px 0 5rem;
}
.verSlider-title{
    font-size: 28px;
    color: #414141;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #847a8f, #e3e3e7);
    position: relative;
    width: 90%;
}
.verSlider-title::before{
    content: '';
    display: block;
    background: url(../images/pen-icon.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -1px;
    right: -54px;
    width: 56px;
    height: 56px;

}
.vertical-item img{
    border:3px solid #e5e2e0;
}
.tile-vertical.owl-theme .owl-nav{
    display: none;
}
.tile-vertical.owl-theme .owl-dots{
    position: absolute;
    top: 0;
    left: -80px;
}
.tile-vertical.owl-theme .owl-dots .owl-dot {
    display: block;
    margin: auto;
    position: relative;
}
.tile-vertical.owl-theme .owl-dots button:focus{
    outline: 0;
}
.tile-vertical.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 0 60px;
    background: #fff;
    display: block;
    border-radius: 50%;
    border: 2px solid #005f33;
    position: relative; 
    z-index: 1;
}
.tile-vertical.owl-theme .owl-dots .owl-dot:last-child span {
    margin-bottom: 0;
}
.tile-vertical.owl-theme .owl-dots .owl-dot span::before{
    content: '';
    width: 8px;
    height: 8px;
    background: #03a68c;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
    opacity: 0;
    z-index: 1;
}
.tile-vertical.owl-theme .owl-dots::after{
    content: '';
    width: 2px;
    height: 95%;
    background: #303c84;
    display: block;
    position: absolute;
    top: 10px;
    left: 9px;
    z-index: -1;
}
.tile-vertical.owl-theme .owl-dots .owl-dot.active span{
    width: 20px;
    height: 20px;
}
.tile-vertical.owl-theme .owl-dots .owl-dot.active span::before{
    opacity: 1;
}
.about-wrap{
    padding: 5rem 0;
    position: relative;
}
.about-wrap::after{
 background-image: url('../images/about-us-img1.html');

	width:690px;
	height:67%;

    top: 0;
    right: 0;
    z-index: -1;
    left: auto;
}


.care-products{
    padding: 12rem 0 12rem ;
    background:#06a88f;
    position: relative;

}
.care-products::before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/curve-top.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 9!important;
}
.care-products img{ border-radius:8px;}

.tistimonialcontainer{ position:relative;  padding: 5rem 0 6rem 0;}
.tistimonialcontainer::before {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background: url(../images/curve-top2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 9!important;
}
.hm-testimonials{/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/ background:#fff; padding:15px; min-height:170px; border:#CCC 1px solid; }
.hm-testimonials img{ border-radius:50%; border:2px solid #03a68c;}
  
  /*.form-inline .form-control {
  
    background: #dafaf8;
    border: 1px solid #20bba2;
}*/
.no-gutters .col-md-6{padding:0px; float:left;}

.form-control{height: 45px; border-radius:0; box-shadow:none; -webkit-box-shadow:none}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { height:45px;}
.form-inline .form-control{height:45px;}
.ceo1{ background:#03a68c; color:#fff; border-radius:10px; padding:15px; border:#03a68c 1px dashed;}
.ceo2{ background:#dafaf8; color:#03a68c; border-radius:10px; padding:15px; border:#03a68c 1px dashed;}
.ceo2 p, .ceo1 p{ margin-top:30px;}
  button, html input[type="button"], input[type="reset"], input[type="submit"]{height:35px; background:#03a68c; color:#fff; border: none;}
  .input-group-addon{ padding:0;}
  
 .certificates{margin:10px 20px 0 0; padding:0; float:right; list-style:none; display:table}
.certificates li{float:left; margin:5px 5px 0 0; height:30px; line-height:30px; text-transform:uppercase; color:#ffffff}
.qtbox{ float:left; margin-left:20px;}
.szbox{ float:left; }

.benefi-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.benefits .benefi-con{
    margin-bottom: 30px;
}
.benefits .benefi-con h5{
    color: #333;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    font-size: 17px;
    line-height: 1.2em;
    margin-bottom: 14px;
    cursor: pointer;
}
.benefits .benefi-con p{
    margin: 6px 0 0;
    line-height: 1.8em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #6e6e6e;
}
.benefits .sidepic img{
    margin-top: 10px;
    cursor: pointer;
    width: 90%;
    transition: transform .4s cubic-bezier(.38,3,.57,1.6);
}
.benefits .sidepic:hover img{
    -webkit-transform: translate3d(0,-5px,0);
-moz-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0);
}

@media only screen and (max-width: 600px) {
   .benefits{
       text-align: center;
   }
   .benefits .sidepic img{
    cursor: pointer;
    width: 18%;
    margin-bottom: 15px;
    margin-top: 0px;
 
}
.benefits .benefi-con{
    margin-bottom: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 15px;
}
.py-100{
    padding-top: 30px;
    padding-bottom: 30px;
}
}
  @media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx){.paymentIcons li span{display:block; width:49px; height:32px; background-image:url(../images/payment-icons%402x.html);  background-repeat:no-repeat}


}
.sizes .selection {
  margin-bottom: 1em; float:left;
}

.packs .selection {
  margin:.5em 0 .5em 0; float:left;
}

.sizes .selection label {
  display: inline-block;
  width:auto;
  margin-right:10px;
  background-color: #fff;
  border-radius: 6px;
  color: #03a68c;
  border:1px solid #03a68c;
  padding: 0.5em;
  cursor: pointer;
  text-align:center;
}

.sizes .selection label:hover, .packs .selection label:hover  {
  background-color: #03a68c; color:#fff;
}

.sizes .selection input[type=radio], .packs .selection input[type=radio] {
  display: none;
}

.sizes .selection input[type=radio]:checked ~ label, .packs .selection input[type=radio]:checked ~ label {
  background-color: #03a68c; color:#fff;
}



.packs .selection label {
  display: inline-block;
  width:6em;
  margin-right:10px;
  background-color: #fff;
  border-radius: 6px;
  color: #03a68c;
  border:1px solid #03a68c;
  padding: 0.5em;
  cursor: pointer;
  text-align:center;
  font-size:12px;
}

@media only screen and (min-width:768px){
	.navbar-nav{display: inline-block;
    float: none;
    text-align: center;    text-align: center;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{text-align:center;}
	.mega-dropdown {
  position: static !important;
  /*width: 100%;*/
}
/*
	.navbar-default .navbar-nav > li > a{padding: 10px 14px; text-transform: capitalize;}
	.dropdown-menu{ background-color: #dafaf8;}
	.dropdown-menu > li > a{ color:#fff;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #d31b12;
    color: #fff;
    text-decoration: none;
}*/

	#productList .description{min-height:160px;}
.fence-col-6{ width:42%;}
.fence-col-3{ width:26%;}
.fence-col-2{ width:20%;}
.fence-col-1{ width:12%;}
/*.fence-col-6{ width:42%;}
.fence-col-3{ width:26%;}
.fence-col-1{ width:16%;}*/
ul.sharelinks li a{ margin: 0 3px;}
.fence-advt{ top:10%}
	
	
#productList .description{min-height:190px;}
.fence-col-6{ width:42%;}
.fence-col-3{ width:26%;}
.fence-col-2{ width:20%;}
.fence-col-1{ width:12%;}
/*.fence-col-6{ width:42%;}
.fence-col-3{ width:26%;}
.fence-col-1{ width:16%;}*/
ul.sharelinks li a{ margin: 0 3px;}
.fence-advt{ top:10%}
.container-login {
    height: 340px;
   
}
.item .product{min-height:354px;}
.hmSnownu .item .product{min-height:280px;}
.hmSnownu  .prod-price {
    font-size: 18px;
}
}
@media only screen and (min-width:1024px){
.navbar-default .navbar-nav > li > a{padding: 10px 22px;  }
.fence-col-6{ width:48%;}
.fence-col-3{ width:22%;}
.fence-col-2{ width:17%;}
.fence-col-1{ width:11%;}
.fence-advt{ top:20%}
#accNav .navbar-nav > li > a{padding: 10px 14px;}
.container-login {
    height: 340px;
   
}
.item .product{min-height:344px;}
.hmSnownu .item .product{min-height:260px;}
.hmSnownu  .prod-price {
    font-size: 20px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px){
	.navbar-default .navbar-nav > li > a{padding: 15px 20px; }
		#accNav .navbar-nav > li > a{padding: 10px 30px;}
/*.bannerContainer{height:361px;}
#bannerSlides li img{ height:354px;}*/
#car1 li,#car2 li{ width:262px!important; margin-right:21px!important}

.fence-col-6{ width:48%;}
.fence-col-3{ width:21%;}
.fence-col-2{ width:17%;}
.fence-col-1{ width:12%;}
.container-login {
    height: 340px;
   
}
.item .product{min-height:384px; background:#f6fffe;}
.hmSnownu .item .product{min-height:286px;}
}
@media only screen and (min-width:1300px){
	.fence-prdtWrap{ min-height: 330px; max-height: 330px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width:992px){
	.contactBlock{ text-align:center}
	#billingPage .panel{ height:auto}
	#accNav .navbar-toggle{ display:block; float:right}
	#accNav .navbar-header{ float:none}
	.hideNav{ display:none}
	#accNav .navbar-nav{ margin:0; float:none}
	#accNav .nav > li {display: block;position: relative;float:none;}
	.page{ min-height:inherit}
   
	.socialLinks{ float:left}
	.selectStyled{ margin-bottom:5px}
	
	/*.searchForm{margin:0 15px 15px 0}*/
	
	.featWrapper{ height:auto; line-height:normal; width:100%;text-align:center;}
	.featContent{ display:block;line-height:normal;vertical-align: middle;font-family: 'Open Sans', sans-serif;font-size:18px;text-align:center;position:relative;}
	/*.bannerContainer,#bannerSlides li img{height:auto;}*/
	
	
	.headerTop{ background:#005a02}


}

/* Small Devices, Tablets */
@media only screen and (max-width:767px){ 
.container-login {
    height: 340px;
   
}
.navbar-default .navbar-nav > li > a {font-size:15px; color:#333; background: #f1f1f1;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>li>a.active { 
    color: #fff !important; background:#03a68c !important;
	}

	.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;}
 

/* .topLinks li a{ font-size:10px;} */
.topLinks li a{
     /* font-size:6px; */
     font-size:15px;
    }
#userMenu .dropdown-menu {
    min-width: 186px;
}
.logo{ padding: 10px 0;}
.navbar-collapse.in {
    overflow-y: unset;
}
.fence-blk {
    margin: 4px auto; display:block;
}
.fence-col-6,.fence-col-3,.fence-col-2,.fence-col-1{ width:100%;}

/*.float-right{ float:none; display:block;}
#userMenu {
    float: left;
    text-align: left;
    width: 100%;
}
#header {
    border: 2px solid #dafaf8;
    padding: 5px 0 0;
}
.bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{ display:inline;}
#productList .description{ min-height:161px; max-height:none;}
.headerNum{ float:left; font-size:14px; margin-top:0}
.searchForm{ margin:0 0 8px 0; width:100%; display:none}
#searchToggle{ display:block; background:#dafaf8; height:36px; line-height:36px;  padding:0 14px; float:left; position:absolute; top:0; text-decoration:none; color:#fff; right:82px; font-size:12px;}
.cartWrap{ position:absolute; top:0px; right:15px;}
.cartTxt{ display:none}
.cartIcon{ position:relative; width:auto; line-height:inherit; float:none; display:inline;font-size:20px;}
.cartMenu a.dropdown-toggle {background:#dafaf8; height:36px; line-height:36px;  padding:0 10px; float:left;font-size:14px; color:#fff;}
*/
.copyright{text-align:center}
.fence-prdtWrap{ min-height: none; max-height: none; margin-top:20px; margin-bottom:20px;}
.fence-prdtPrice{ margin:20px auto 0; position: relative; bottom: none; left: none; right: none;}
#navWrapper{ margin:0; background:none; height:auto}
.navbar{ margin:10px auto;}
.navbar-default {background: none;}
.navbar-brand{ display: block; padding:0px; margin:10px 0 10px 25px; height:auto !important; 
    
    /* width:160px; */
    width:71px;

}
.navbar-brand img{ display: block; width:100%;}
.navbar-toggle{
    /* margin-top: 20px;  */
    margin-top: 2px; 
    
    border: none; background-color: #03a68c;
     padding: 2px;
     /* padding: 9px; */
      border-radius: 0; margin-right: 40px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #03a68c;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 12;
    /* width: 24px; */
    height: 3px;
    border-radius: 0;
}
.hmSnownu .item .product{margin-bottom:20px;}
#userMenu{margin:0;}
.topLinks{ float:right; text-align:right;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width:480px){
	.dispImg .offer{top: 19%;}
.toptxt li {padding: 0 6px;}
#userMenu { 

    position: absolute; 
    /* width: 40% !important;  */
    width: 54% !important; 
    right:0; bottom:-20%;
}
.topLinks li{float:left !important;}
.navbar-default{border:none;}
.topLinks li, .topLinks li a{
    color:#fff !important;
}
.cartIcon, .dropdown-toggle .fence-cart{
    color:#fff ;}
/* .cartIcon, .dropdown-toggle .fence-cart{color:#fff !important;} */
#productList .item {height: 520px;}
#header .float-right{ float:none;}
h2{ font-size:22px;}
.socialLinks{ text-align:center; width:100%; float:left}
.socialLinks a{ font-size:22px; padding:5px 8px; display:inline-block}

.topLinks li:last-child:after{ content:""; padding:0;}
.topLinks li{float:right; margin-right:8px;}
#userMenu{ width:100%; float:right !important; margin:0; text-align:right}

#car1 .item, #car2 .item, .monthSpl .item {
    height: 103px;
    
}
.product .description {
    top: 34%;
}
.item h4 {
	font-size: 16px;
    line-height: 36px;
    max-height: 36px;
    min-height: 36px;
    
}
.slidebtn{ background:url(../images/order-online_s.html) no-repeat left top; width:30px; height:103px; cursor:pointer; display:block; z-index:9999999}
.input-group-addon {
    padding: 1px;}
  .input-sm {width: 30px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width:360px){ 
.input-group-addon {
    padding: 1px;}
  .input-sm {width: 30px !important;}
.container-login {
    height: 340px;
   
}
.fence-advt .fence-adTitle1 {
    font-size: 21px;
    line-height: 21px;
}
.fence-advt{ top:8%;}
.container-login {
    height: auto;
   
}
.title { font-size:20px;
}
 input-group-addon, .input-group-btn, .input-group .form-control {width: 31px !important;}
.input-group .checkbox{width: 243px !important; margin:0;}
}