@charset "utf-8";

/*

Project : BikriOnline

font-family: 'Open Sans', sans-serif;

font-family: 'Roboto Slab', serif;

red: #da221b

primary: #3D4094

*/





html, body { height: 100%; text-align: justify; color:#000; font-family: 'Open Sans', sans-serif;}

#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:#f7841d;}

.text-white{ color:#fff;}

.text-black{ color:#333;}

.iconRight{ background:url(../images/icon_right.png) no-repeat scroll 0 50%; padding-right:30px; margin-left:10px;}

.iconLeft{ background:url(../images/icon_left.png) 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: #333333;

    color: #333333;

	border-radius:0;

}



#wrap {

  min-height: 100%;

  height: auto !important;

  height: 100%;

  margin: 0 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:#000000;

  color: #585858;

  padding: 10px 0 0;

  position: relative;

  font-size:12px;

  font-weight:600;

  line-height:20px;

}

.mainfooter h4 {

	font-size:14px;

    color:#fff;

    font-weight: bold;

	text-transform:uppercase;

}



.mainfooter ul{ font-style:italic;}

.mainfooter ul li a {

  color: #585858; font-weight:600;

}



.copyright {font-weight:600;

  text-align: center;

 background:#000;

  padding:20px 0;

  font-size:14px;

  margin-top:20px;

  border-top:1px solid rgba(85,85,85,0.8);

}



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



.copyright a:hover {

  color: rgba(255,255,255,0.8);

  text-decoration: none;

}







.mainfooter .list-unstyled a:hover {

  color: #fff;

}



.location-map {

    border: 5px double #d31b12;

}







#header{ background:#000; color: rgba(255,255,255,0.5); width:100%; padding:6px 0}

.topLinks{ margin-bottom:0;}	

.topLinks li{ color:#333; padding:0; text-transform: capitalize;}



.topLinks li a{color: rgba(255,255,255,1); text-decoration:none; font-size:11px; font-weight:bold;}

.topLinks li a:hover{color: rgba(255,255,255,0.9); text-decoration:underline;}

.topLinks li:after{content:"|";color: rgba(255,255,255,0.5); padding:0 10px}

.topLinks li:last-child:after{ display:none;}

.topLinks li.dropdown:after{ content:"";}

.topLinks .dropdown-menu{ margin-top:0;font-size:12px; background:#000}

.topLinks .dropdown-menu li:after{ content:""; padding:0}

.topLinks .dropdown-menu a{ color:#fff; 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:#f7841d

}



.logo {

    margin: 0 auto;

    padding: 0px 0;

    display: block;

    text-decoration: none;

}





#searchToggle{ display:none}

.searchForm{ margin:0 15px 0 0;width:100%; float:left; display:block }



.inputWrap{ position:relative; width:200px;}

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

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

.inputWrapfull .form-control{ border-radius: 0; 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: italic  text-align:center;cursor:pointer; background: transparent; color:#a0a0a0; border:none; box-shadow:none}

.searchBtn:hover{color:#f7841d;}





.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{margin:10px 0;width:100%;float:left;display:block;}

.searchForm .form-control{ box-shadow:none; font-size:14px; height:42px}

.searchForm .btn{ padding:10px 9px;}

.typeahead { z-index: 1051; width:100%;}











.cartWrap{float:left; margin-top:25px; margin-right:40px;}

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



.cartMenu a.dropdown-toggle{ margin-top:30px; 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: #f7841d; z-index:101;position:relative;}*/



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



.cartIcon{font-size:12px; background-color:#d5d5d5; color: #fff; position:absolute; float:left; display:block; height:48px; text-align:center; width:48px; border-radius:50%; left:-30px; top:-30px; line-height:48px; font-size:20px; z-index:100; }

.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: #fff !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: 'Kaushan Script', cursive; text-transform: capitalize; font-weight:bold;}

.title{font-family: 'Open Sans', sans-serif; text-transform:uppercase}

.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:left;}

.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.png);  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.payu{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.png") no-repeat left top}

.toTop:active, .toTop:focus{outline:none}

.toTop:hover{background:url("../images/ui-totop.png") 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:#f7841d!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:#f7841d; 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;}

div#cartContent{ background:#f7841d; padding-top:0; border-color:#f7841d;color:#fff}

div#cartContent a{ color:#fff}

div#cartContent .table thead,div#cartContent .table thead th{ background:#f7841d; color:#FFF;}





.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: #f7841d;

    color: #fff;

}

*/



/*======1-level or 2-level or 3-level navigation=======*/

#navWrapper{ margin:0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color: #f7841d; height:44px;}

.navbar-brand{ display:none;}

.navbar-default {

    background-color: #f7841d;

    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: #f7841d;

    color: #fff;

}*/



.navbar-nav>li>.dropdown-menu {

 /* margin-top: 20px;*/

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}



.navbar-default .navbar-nav>li>a {

font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#fff; text-transform:uppercase;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-color: #e7e7e7;

    color: #1a1a1a;}



	.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: #f7841d;

    color: #fff;

}



.mega-dropdown-menu .dropdown-header {

  color: #f7841d;

  font-size: 18px;

  font-weight: bold;

}



.mega-dropdown-menu .dropdown-header a{

  color: #f7841d;

  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:#f7841d}

*html nav li a:hover{color:#fff; background:#f7841d}

/* Sub-nav */

/*nav ul{list-style:none;  margin:0;  padding:0;  display:none;  position:absolute;  top:40px;  left:0;  z-index:99999;  background:#f7841d; border:1px solid #f7841d}

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 #f7841d; 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.gif) 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.jpg); padding:20px 0;}

.carSpecial{ background:#f7841d; 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:#f7841d; 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.jpg); 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;}





#car1,#car2{margin:0; padding:0}

#car1 .item,#car2 .item,.monthSpl .item{display:block;height:auto;}



.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; font-family:'Open Sans',Arial,sans-serif; font-weight:600} 

.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;}

.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}





.testimonialsWrap{position:relative}

.testimonialsWrap .bx-wrapper .bx-viewport{ background:#eaeaea; 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;}

.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; position:absolute; top:20px; right:0; display:none; outline:0;width:22px;height:22px;background:#fff; border:1px solid #ccc; color:#333; text-align:center; line-height:20px;}

.testiPrev a{right:25px}

.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;;}

/*.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;text-transform:uppercase; 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}

.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.png') 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:'Roboto Slab', "Times New Roman", Times, serif;  font-weight:normal; font-size:14px;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:#f5f5f5;border:1px solid #ddd;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:1.45;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.png) 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.png) 0 50% no-repeat}





#userMenu{ float:left; margin-bottom:0;}



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:#585858;border-radius:50%;font-size:12px; font-weight:600; border:1px solid #585858;  text-decoration:none; }

ul.sharelinks li a:hover, ul.sharelinks li a:focus{ color:#fff;border:1px solid #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;

}



 .panel {

background: #eee;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 47%, #eeeeee 100%);

background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 47%,#eeeeee 100%);

background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 47%,#eeeeee 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );

    border: 4px 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: #212121;

        background-color: #FAFAFA;

        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;

}



/*==================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;}







#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;}



.newsLetter{ padding:30px 0 0;}

.hmSnownu .item .product{margin-bottom:20px;}

  @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@2x.png);  background-repeat:no-repeat}





}



@media only screen and (min-width:768px){

	.mega-dropdown {

  position: static !important;

  /*width: 100%;*/

}

/*

	.navbar-default .navbar-nav > li > a{padding: 10px 14px; text-transform: capitalize;}

	.dropdown-menu{ background-color: #f7841d;}

	.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: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%}

.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; text-transform: uppercase; font-weight:bold;}

.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: 10px 34px;}

		#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;}

.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){ 

.navbar-default .navbar-nav > li > a {font-size:11px; color:#333; background: #f1f1f1;}





.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 #f7841d;

    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:#f7841d; 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:#f7841d; 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; height:auto !important; width:160px;}

.navbar-brand img{ display: block; width:100%;}

.navbar-toggle{margin-top: 20px; border: none; background-color: #f7841d; padding: 15px; border-radius: 0;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #333;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #fff;

}

.navbar-toggle .icon-bar {

    display: block;

    width: 24px;

    height: 3px;

    border-radius: 0;

}

.hmSnownu .item .product{margin-bottom:20px;}

}





/* Extra Small Devices, Phones */ 

@media only screen and (max-width:480px){

#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;}

#userMenu{ width:100%; float:left; 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.jpg) no-repeat left top; width:30px; height:103px; cursor:pointer; display:block; z-index:9999999}



}



/* Extra Small Devices, Phones */ 

@media only screen and (max-width:360px){ 



.fence-advt .fence-adTitle1 {

    font-size: 21px;

    line-height: 21px;

}

.fence-advt{ top:8%;}

.container-login {

    height: auto;

   

}

.title { font-size:20px;

}



}