/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@import url("hover.css");
@import url("font-awesome.css");
@import url("web-font.css");
 
html,
body {
    height: 100%;
	font-size:14px;
}

body{
	position:relative;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.error{color:red;}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-repeat:no-repeat;
}

.fill2 {
    width: 100%;
    height: 100%;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-repeat:no-repeat;
}

.nomargin{
	margin-left:0px;
	margin-right:0px;
}

footer {
    margin: 50px 0;
}

/*****general*******/
.container{
	width:100%;
}

/**********header*********/
.navbar-fixed-top{
	position:absolute;
	top:100%;
}

.navbar-fixed-top.fixedbar{
	position:fixed;
	top:0%;
}

.navbar-fixed-top.subpage{
	position:fixed;
	top:0%;
}

.subpage .navbar-brand img{
	width:75%!important;
}

.navbar-brand img{
	width:100%;
	-webkit-transition: all .4s ease; /* Safari */
    transition: all .4s ease;
}
.fixedbar .navbar-brand img{
	width:75%;
}

.navbar-header{
	position:fixed;
	top:5px;
}

.navbar-brand{
	overflow:hidden;
	height:auto;
}

.navbar{
	height:100px;
	background-color:#fff;
	border:none;
	
}

.navbar-nav{
	float:right;
	clear:right;
}

.navbar-inverse .navbar-nav > li > a,
.dropdown-menu > li > a{
	color:#212121;
	font-family: 'open_sanssemibold';
    font-weight: normal;
    font-style: normal;
	text-transform:uppercase;
	outline:none;
	font-size:14.5px;
}
.dropdown-menu > li > a {font-size:13px; padding-top:5px; padding-bottom:5px;}

.navbar-nav>li>.dropdown-menu{
	border:none;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
	color:#1fb25a;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	color:#1fb25a;
	background:none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
	color:#1fb25a;
	background:none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
	color:#1fb25a;
	background:none;
}
.navtop  a{
	outline:none;
	padding:12px 15px!important;
}
.navtop .fa-2x{
	font-size: 1.7em;
	color:#212121;
}

.navtop li:hover .fa-2x , .navtop li:focus .fa-2x{
	color:#1fb25a;
}

#retailCarousel{
	margin-bottom:0px;
}

#retailCarousel .carousel-indicators{
	top:110px;
	right:0px;
	left:auto;
	bottom:auto;
	display:inline-block;
	width:auto;
	position:absolute;
}

#retailCarousel  .carousel-caption{
	right:auto;
	background:none;
	width:40%;
	top:35%;
}

#retailCarousel  .carousel-caption p{
	color:#fff;
	font-size:0.929em;
	font-family: 'open_sanssemibold';
	font-weight: normal;
    font-style: normal;
	margin-bottom:10px;
	text-transform:none;
}

.carouselBx{
	width:100%;
	height:100%;
	position:relative;
}

.carousel-indicators li{
	border:2px solid #FFF;
	width:13px;
	height:13px;
	margin:0px;
	
}

.carousel-indicators .active{
	width:13px;
	height:13px;
	background-color:#1fb25a;
}

.carousel-caption{
	right:0px;
	left:auto;
	top:35%;
	bottom:auto;
	padding:25px 0px 25px 30px;
	background-color:rgba(255,255,255,0.8);
	min-height:150px;
}

.carousel-caption h2{
	color:#1fb25a;
	font-family: 'open_sansextrabold';
	font-weight: normal;
	font-style: normal;
	margin:0px;
	text-shadow:none;
	font-size:3.571em;
	text-align:left;
}

.carousel-caption p{
	text-shadow:none;
	color:#333333;
	text-align:left;
	font-size:2.143em;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	margin:0px;
	text-transform:uppercase;
}

.carousel{
	margin-bottom:100px;
}

.carousel-control{
	display:none;
}


/****end of header*****/

.content-section{
	padding:60px 0;
	width:100%;
}

.content-section h2{
	margin:0px;
	color:#222222;
	font-family: 'open_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:1.571em;
}
.greenbackground{
	background-color:#f8fffb;
}

.contentClass{
	margin-top:20px;
}

.contentClass p{
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	color:#555555;
	font-size:1.286em;
}

.whatwedoright{
	max-height: 150px;
	height: 150px;
	overflow: hidden;
}

.greenActionArea{
	height:100%;
	position:relative;
	display:block;
	text-align:center;
}

.greenlink{
	position: relative;
	top: 38%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	color:#1fb25a;
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	outline:none;
}

.hvr-icon-forward:before{
	content:"\f061"!important;
}

.greenlink:hover , .greenlink:focus{
	text-decoration:none;
	color:#333;
}

.hydroculture{
	background-image:url(../images/hydroculture.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding:60px 0;
}

.greenbox{
	padding:20px;
	background:rgba(59, 185, 110, 0.9);
	color:#fff;
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:17px;
	width:25%;
	margin-left:auto;
	margin-right:auto;
	
}

.whitelink{
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	outline:none;
	color:#fff;
	margin-top:20px;
}

.whitelink:focus, .whitelink:hover{
	text-decoration:none;
	color:#333;
}

.img-container{
	max-height:200px;
	min-height:200px;
	
	display:block;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}

.img-container .labelbox{
	position:absolute;
	left:-3px;
	bottom:-3px;
	padding:10px 15px;
	background-color:#1fb25a;
	color:#fff;
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	line-height:1;
}

.img-container .promoBx{
	text-align:center;
	padding-top:50px;
}

.img-container .promoBx p{
	font-family: 'open_sanslight';
	font-weight: normal;
	font-style: normal;
	font-size:20px;
	color:#fff;
	text-shadow: 1px 1px #333;
}

.footer-left{
	height:100%;
	position:relative;
	display:block;
	overflow:hidden;
}

.img-container .promoBx b{
	font-family: 'open_sanssemibold';
	font-weight: normal;
	font-style: normal;
	font-size:20px;
	color:#fff;
	text-shadow: 1px 1px #333;
	
}

.footer-left-txt{
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display:block;
}
.footer-left-txt h3{
	font-family: 'open_sansbold';
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	font-size:50px;
	color:#1fb25a;
	margin:0px;
	line-height:1;
	letter-spacing:-2px;
}
.footer-left-txt p{
	font-size:23px;
	color:#333333;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	margin:0px;
	line-height:1;
}

.footercol{
	min-height:92px;
	height:92px;
}

.footer-section{
	background-color:#e9f5f3;
	
}

.footer-details{
	text-align:right;
}
.footer-details p{
	margin:0px;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	color:#333;
}

.footer-details a{
	color:#1FB25A;
	outline:none;
}

.footer-details a:hover , .footer-details a:focus{
	text-decoration:none;
	color:#333;
}

footer{
	margin:20px 0px;
}


.sub-first-sec{
	margin-top:100px;
}

.subpage-sec-banner{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	min-height:140px;
	max-height:140px;
	padding:0px;
}

.subpage-sec-banner h2{
	color:#171717;
	font-size:20px;
	text-align:center;
	font-family: 'open_sansbold';
	font-weight: normal;
	font-style: normal;
}

.subbanner-row{
	min-height:140px;
	max-height:140px;
	height:140px;
}

.banner-txt{
	height: 100%;
	position: relative;
	display: block;
	text-align: center;
}


.banner-txt h2{
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	color:#171717;
	font-size:20px;
	text-align:center;
	font-family: 'open_sansbold';
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	letter-spacing:4px;
}

.highlight p{
	color:#1fb25a;
	font-size:1.714em;
}

.office-img{
	padding:15px 0;
}

.office-img img{
	width:100%;
}
.contentClassReg{
	padding:25px 0 15px 20px;
}
.contentClassReg p{
	font-family: 'open_sansregular';
    font-weight: normal;
    font-style: normal;
	font-size:1.071em;
	line-height:1.5;
	color:#555555;
	margin-bottom:15px;
}

.retailNav{
	position:fixed;
	top:0%;
	background-color:rgba(255,255,255,0.8);
}
.cover{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/retail/cover.png) repeat-x center bottom / 100% auto;
	z-index:1;
}

.feature{
	position:absolute;
	bottom:30px;
	width:100%;
	z-index:2;
}
.circle{
	display:block;
	width:145px;
	height:145px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto;
	border:1px solid transparent;
	background-color:transparent;
	border-radius:50%;
	margin-left:auto;
	margin-right:auto;
}

.circle:hover , .circle:focus{
	cursor:pointer;
	
}
.feature a{
	outline:none;
}

.circle.hydro{
	background-image:url(../images/retail/hydro.png);
	border-color:#f7e736;
	-webkit-transition: all .2s ease; /* Safari */
    transition: all .2s ease;
}
.circle.hydro:hover , .circle.hydro:focus{
	background-color:#f7e736;
	background-image:url(../images/retail/hydro_active.png);

}

.circle.soil{
	background-image:url(../images/retail/soil.png);
	border-color:#66f0f2;
	-webkit-transition: all .2s ease; /* Safari */
    transition: all .2s ease;
	background-color:transparent;
}
.circle.soil:hover , .circle.soil:focus{
	background-color:#66f0f2;
	background-image:url(../images/retail/soil_active.png);

}

.circle.water{
	background-image:url(../images/retail/water.png);
	border-color:#55f595;
	-webkit-transition: all .2s ease; /* Safari */
    transition: all .2s ease;
}
.circle.water:hover , .circle.water:focus{
	background-color:#55f595;
	background-image:url(../images/retail/water_active.png);

}

.circle.landscape{
	background-image:url(../images/retail/landscape.png);
	border-color:#f7a633;
	-webkit-transition: all .2s ease; /* Safari */
    transition: all .2s ease;
}
.circle.landscape:hover , .circle.landscape:focus{
	background-color:#f7a633;
	background-image:url(../images/retail/landscape_active.png);

}
.f-item{
	text-align:center;
}
.f-item a:hover , .f-item a:focus {
	text-decoration:none;
	color:#fff;
}
.f-item h5{
	color:#fff;
	font-family: 'open_sanssemibold';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
	text-align:center;
}

/*****prod*****/
	.sec-filter {font-family: 'open_sansregular'; font-weight: normal;
    font-style: normal;}
	.sec-filter>div {border-bottom:2px solid #222;}
	/*.sec-filter .options {margin-left:15px;}*/
	.sec-filter .title {text-transform:uppercase; color:#222; margin-top:8px; font-weight:700;}
	.sec-filter .options .checkbox:hover input {cursor:pointer}
	.sec-filter .options .checkbox input[type="checkbox"]{ -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; opacity:0}
	.sec-filter .options .checkbox label {position:relative}
	.sec-filter .options .checkbox label::before{background-color:#fff; border:1px solid #d6d6d6; width:13px; height:13px; content:''; position:absolute; left:0; top:5px; visibility:visible; z-index:1; opacity:1 }
	.sec-filter .options .checkbox.selected label::before { border-color:#222;}
	.sec-filter .options .checkbox.selected label::after {background-color:#18b04b; content:''; position:absolute; left:2px; top:7px; width:9px; height:9px; z-index:2; visibility:visible;}
	.sec-filter .options .checkbox label {font-size:13px; color:#444; font-weight:400;text-transform:inherit;}
	.sec-filter .options .checkbox.selected label {color:#222; font-weight:600;}
	.sec-filter .options.two-columns .checkbox {display:inline-block; width:48%}
	.sec-filter .options.dropdown select {border:1px solid #d6d6d6; color:#333; display:block; border-radius:0; display:block; width:100%; padding:6px 12px; -webkit-appearance: none; background-color:#fff; margin-top:8px; margin-bottom:12px; font-size:13px;}
	.sec-filter .options.dropdown select { background-image:url(../images/icon-dropdown.png); background-repeat:no-repeat; background-size:9px 14px; background-position:top 10px right 10px;}
	.sec-filter .options.dropdown select:focus {outline:none;}
	
	 select.dropdown2 {border:1px solid #d6d6d6; color:#333; display:block; border-radius:0; display:block;  padding:6px 12px; -webkit-appearance: none; background-color:#fff; margin-top:8px; margin-bottom:12px; font-size:13px;}
	 select.dropdown2 { background-image:url(../images/icon-dropdown.png); background-repeat:no-repeat; background-size:9px 14px; background-position:top 10px right 10px;}
	 select.dropdown2:focus {outline:none;}
	
	select{
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none; 
		text-indent: 0.01px;
		text-overflow: "";
		position: relative;
	}
	
	.list-products {list-style:none;margin:0px;
	padding:0px;}
	.list-products a {
		display:block; 
		color:inherit; 
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		font-size:1.000em;
		text-decoration:none;
	}
	.list-products li {margin-top:20px;}
	.list-products .product-item { border:2px solid transparent; transition:200ms linear;}
	.list-products .product-item .caption {background-color:#f1f1f1; padding:0 80px 0 12px; position:relative; width:100%; position:relative; z-index:0; overflow:hidden}
	.list-products .product-item .sec-badge {position:absolute; z-index:5; display:block;width: 100px;height: 40px;bottom: -20px;left:0px;}
	.list-products .product-item .badge-new {position:relative; display: inline-block;margin-right: 3px;color:#fff; font-size:12px; text-transform:uppercase;font-weight:600; /*top:-6px; left:-6px; z-index:5*/}
	.list-products .product-item .badge-new:after {background-color:#1fb25a; position:absolute; color:#fff;border-radius:50%; top:-7px; left:-2px; width:32px; height:32px; content:''; z-index:-1}
	.list-products .product-item .badge-best {position:relative; display: inline-block; margin-right: 3px; color:#fff; font-size:12px; text-transform:uppercase;font-weight:600; /*top:-8px; left:32px; z-index:5*/}
	.list-products .product-item .badge-best:after {background-color:#f20f45; position:absolute; color:#fff;border-radius:50%; top:-7px; left:-2px; width:32px; height:32px; content:''; z-index:-1}
	.list-products .product-item .img-holder {max-height: 270px; overflow:hidden; text-align:center; }
	.list-products .product-item .img-holder img {max-width:100%; max-height:275px; height:auto; transition:200ms linear; margin-left:auto;
	margin-right:auto;}
	.list-products .product-item .title { position:relative; padding-top:10px; padding-bottom:10px; font-size:13.5px; min-height:59px; max-height:59px; overflow:hidden;}
	.list-products .product-item .title span{
		position:absolute; top:50%; transform: translateY(-50%); text-transform:uppercase;
	}
	.list-products .product-item .price { position:absolute; top:0; right:0; background-color: rgba(0,0,0,0.05); text-align:center; min-width:80px; font-size:14.5px; font-weight:600; color:#000; z-index:3}
	.list-products .product-item .price span { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
	.list-products .product-item .btn-addcart { background-color:#1fb25a; opacity:0; transition:250ms linear; transform:translateX(200px); width:100%; position:absolute; bottom:0; left:0; }
	.list-products .product-item .btn-addcart span { position:absolute; top:50%; transform: translateY(-50%); font-weight:600; color:#fff; padding-left:20px; font-size:12px; text-transform:uppercase;}
	.list-products .product-item .product-header { position:relative; z-index:1; min-height: 275px; max-height: 275px;}
	.list-products .product-item .sec-colors { position:absolute; bottom:5px; right:10px;}
	.list-products .product-item .list-colors { list-style:none; padding-left:0;}
	.list-products .product-item .list-colors li { margin-top:8px;}
	.list-products .product-item .list-colors li:first-child { margin-top:0;}
	/*.list-products .product-item .list-colors .list-bg { width:18px; height:18px; border-radius:2px;}*/
	.list-colors .list-bg { width:18px; height:18px; border-radius:2px; overflow:hidden; position:relative; border: 1px solid #000}
	.list-colors .list-bg img { max-width:100%; height:auto; position:absolute; }
	.bg-purple {background-color:#957e7e;}
	.bg-black {background-color:#222;}
	.bg-white {background-color:#fff; border:1px solid #f1f1f1;}
	.bg-melon {background-color:#90132d;}
	.bg-drkbrown {background-color:#595237;}
	.bg-lgtbrown {background-color:#e1c4b2;}
	.list-products .product-item:hover { border-color:#595959; background-color:#fff}
	.list-products .product-item:hover .img-holder img { transform:scale(1.08); -webkit-transform:scale(1.08)}
	.list-products .product-item:hover .btn-addcart { opacity:1; transform:translateX(0)}
	.list-products .product-item:hover .price { color:#fff;}
	.price{
		height:100%;
	}
	
	.pImgContainer{
		text-align:center;
	}
	.pImgContainer img{
		margin-left:auto;
		margin-right:auto;
	}
	
	hr{
		border-bottom: 2px solid #222;
		margin-left:15px;
		margin-right:15px;
	}
	.paginationNav{
		display:inline-block;
		width:100%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
		background-color:#e9f5f3;
		color:#333;
	}
	.pagination > li > a{
		color:#333;
		font-family: 'open_sansregular'; 
		font-weight: normal;
		font-style: normal;
		font-size:12px;
	}
	
	.pagination > li.active > a , .pagination > li.active > a:hover , .pagination > li.active > a:focus{
		background-color:#1fb25a;
		border-color:#1fb25a;
		color:#fff;

	}
	/**************details *****************/
	.pRow{
		margin-top:20px;
	}
	.pTitle{
		font-family: 'open_sansbold';
		font-weight: normal;
		font-style: normal;
		font-size:2.000em;
		color:#222222;
		line-height:1.5;
		margin:0px;
	}
	
	.itmPrice{
		font-size:2.143em;
		font-family: 'open_sanslight';
		font-weight: normal;
		font-style: normal;
		color:#1fb25a;
	}
	.contentClassProd{
		padding:20px 0;
	}
	.contentClassProd p{
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		color:#333333;
		font-size:0.929em;
		line-height:1.5;
	}
	
	.pSpec{
		background-color:#eeeeee;
		border:1px solid #dfdfdf;
		padding:20px;
	}
	
	.specTitle{
		float:right;
		color:#444444;
		font-family: 'open_sansbold';
		font-weight: normal;
		font-style: normal;
	}
	
	.specRow{
		padding:8px 0;
	}
	
	.checkboxlight{
		float:left;
		padding:0 15px 0 0;
	}
	.checkboxlight input[type="checkbox"] {
		-moz-appearance: none;
		opacity: 0;
	}
	.checkboxlight label{
		padding-left:10px;
		position:relative;
		margin-right:20px;
	}
	.checkboxlight label:before {
		background-color: #f64275;
		border: 1px solid #f64275;
		width: 10px;
		height: 10px;
		border-radius:50%;
		content: "";
		position: absolute;
		left: 0px;
		top: 5px;
		visibility: visible;
		z-index: 1;
		opacity: 1;
	}
	
	.checkboxlight.selected label:before {
		background-color: #66e163;
		border: 1px solid #66e163;
	}
	
	/*****************************/
	
	.chkbColor{
		float:left;
		padding:0px;
	}
	.chkbColor input[type="checkbox"] {
		-moz-appearance: none;
		opacity: 0;
	}
	.chkbColor label{
		padding-left:10px;
		position:relative;
		margin-right:15px;
	}
	.chkbColor label:before {
		background-color: transparent;
		border: 1px solid transparent;
		width: 18px;
		height: 18px;
		border-radius:2px;
		content: "";
		position: absolute;
		left: 0px;
		top: 5px;
		visibility: visible;
		z-index: 1;
		opacity: 1;
	}
	
	.chkbColor label.purple:before{
		background-color:#957E7E;
		border-color:#957E7E;
	}
	
	.chkbColor label.black:before{
		background-color:#222;
		border-color:#222;
	}
	
	.chkbColor label.white:before{
		background-color:#FFF;
		border-color:#f1f1f1;
	}
	
	.chkbColor label.melon:before{
		background-color:#90132D;
		border-color:#90132D;
	}
	
	.chkbColor label.drkbrown:before{
		background-color:#595237;
		border-color:#595237;
	}
	
	.chkbColor label.lgtbrown:before{
		background-color:#E1C4B2;
		border-color:#E1C4B2;
	}
	
	.chkbColor.selected label:after {
		font-family: 'Glyphicons Halflings'; 
		content:"\e013";
		color:#fff;
		position:absolute;
		top: 4px;
		left: 2px;
		z-index: 1;
		font-size: 13px;
	}
	
	.chkbColor.selected label.white:after{
		color:#222;
	}
	
	/*****************************/
	
	.pSpec .checkboxlight label{
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		text-transform:uppercase;
	}
	.pSpec .checkbox{
		display:inline-block;
		float:left;
		margin:0px;
		margin-right:20px;
	}
	.pSpec .checkbox input[type="checkbox"]{ -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; opacity:0}
	.pSpec .checkbox label {position:relative}
	.pSpec .checkbox label::before{background-color:#fff; border:1px solid #d6d6d6; width:13px; height:13px; content:''; position:absolute; left:0; top:3px; visibility:visible; z-index:1; opacity:1 }
	.pSpec .checkbox.selected label::before { border-color:#222;}
	.pSpec .checkbox.selected label::after {background-color:#18b04b; content:''; position:absolute; left:2px; top:5px; width:9px; height:9px; z-index:2; visibility:visible;}
	.pSpec .checkbox label {font-size:13px; color:#444; font-weight:400;text-transform:inherit;}
	.pSpec .checkbox.selected label {color:#222; font-weight:600;}

	
	.qty {
		width: 60px;
		height: 25px;
		text-align: center;
		float:left;
		border:1px solid #cccccc;
		color:#333;
		font-family: 'open_sanssemibold';
		font-weight: normal;
		font-style: normal;
		font-size:12px;
	}
	input.qtyplus , input.qtyminus{
		font-family: 'open_sanssemibold';
		font-weight: normal;
		font-style: normal;
		color:#333;
	}
	
	input.qtyplus { width:25px; height:25px;float:left;border:1px solid #cccccc; border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:0px;}
	input.qtyminus { width:25px; height:25px;float:left;border:1px solid #cccccc; border-top-left-radius:3px; border-bottom-left-radius:3px; border-right:0px;}
	
	.addcartbtn{
		display:block;
		height:100%;
		width:100%;
		min-height:75px;
		background-color:#1fb25a;
		border:1px solid #08ae4b;
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		text-transform:uppercase;
		color:#fff;
		font-size:1.200em;
	}
	
	.addcartbtn:hover , .addcartbtn:focus{
		background-color:#1c9d50;
		
	}
	
	.addcartbtn .glyphicon-shopping-cart{
		color:#fff;
		margin-right:10px;
		font-size:1.200em;
	}
	.pThumb{text-align:center;padding:20px 0;}
	.pThumb  ul{
		margin:0px;
		padding:0px;
		list-style:none;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
	}
	.pThumb  ul li{
		float:left;
		display:inline-block;
		margin-right:10px;
		max-width:60px;
		max-height:60px;
		background-color:#eeeeee;
		border:2px solid transparent;
		-webkit-transition: all .2s ease; /* Safari */
		transition: all .2s ease;
	}
	.pThumb  ul li.selected{
		border:2px solid #1C9D50;
	}
	.pThumb  ul li:hover , .pThumb  ul li:focus{
		cursor:pointer;
		border:2px solid #1C9D50;
	}
/*************/

.sTitle{
	color:#303030;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.786em!important;
	text-align:left;
	line-height:1.5;
	border-bottom:2px solid #333333;
	padding-bottom:3px;
	margin-bottom:20px!important;
}

.mSpecBox{
	padding:40px 15px;
	overflow:hidden;
}

.mSpecRow{
	padding:15px 0 0px;
}

.mSpecRow label{
	text-align:right;
	float:right;
	font-family: 'open_sansbold';
	font-weight: normal;
	font-style: normal;
	font-size:0.929em;
}

.mSpecRow input[type=text]{
	border:none;
	background:none;
	color:#333333;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:0.929em;
}


.coloritm {
	display:inline-block;
	margin-right:50px;
	min-height:30px;
	float:left;
	width:auto;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:0.929em;
	color:#333333;
	position:relative;
	line-height:1.5;
	padding-left:25px;
	
}

.coloritm:before{
	content:"";
	width:18px;
	height:18px;
	display:block;
	border-radius:50%;
	border:1px solid #a3a3a3;
	position:absolute;
	left:0px;
	top:0px;
	background-color:red;
}

.charcoal-metallic:before{
	background-color:#595237;
}
.shiny-taupe:before{
	background-color:#c1b6b6;
}

.scarlet-red:before{
	background-color:#ba7684;
}

.silver-metallic:before{
	background-color:#777777;
}

.white:before{
	background-color:#ffffff;
}

.mapCanvas{
	min-height:400px;
	margin-top:25px;
}

.infobox{
	background: #1FB25A;
	color: #fff;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	line-height: 20px;
	position: absolute;
	width: 300px;
	top:13px!important;
	padding:15px;
}

.infobox h2{
	color:#fff;
	font-family: 'open_sanssemibold';
	font-weight: normal;
	font-style: normal;
	font-size:15px;
	margin-bottom:10px;
}

.infobox  p{
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:14px;
	color:#fff;
	line-height:1.5;
}

.contactdetails h4{
	font-family: 'open_sansbold';
	font-weight: normal;
	font-style: normal;
	color:#1FB25A;
	font-size:18px;
	text-transform:uppercase;
	margin:0px;
	padding-bottom:3px;

}

a{
	color:#1FB25A;
	text-decoration:none;
}

a:hover , a:focus{
	color:#333;
	text-decoration:none;
}

.contactdetails p{
	margin:0px;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	color:#555;
	font-size:14px;
	line-height:1.5;
}

.contactdetails{
	padding-bottom:20px;
}
.contact-form{
	padding-left:0px;
	padding-right:0px;
	
}
.form-control{
	border-radius:0px;
	background-color:#E9F5F3;
	border:none;
	margin-bottom:5px;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
	color:#333;
	box-shadow:none;
}

.form-label{
	width:100%;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
	color:#333;
}

textarea{
	width:100%;
	min-height:112px;
	padding:5px;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
	color:#333;
	resize:none;
	border-radius:0px;
	background-color:#E9F5F3;
	border:none;
	margin-bottom:5px;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
	color:#333;
	box-shadow:none;
}

.btnClass {
	border:none;
	background-color:#1fb25a;
	color:#fff;
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:1.000em;
}
.btnClass:hover , .btnClass:focus{
	background-color:#333;
	color:#fff;
}

label.error{
	font-family: 'open_sansregular';
	font-weight: normal;
	font-style: normal;
	font-size:12px!important;
	color:#ff0000;
}

.greenBx{
	padding:25px 25px;
	background-color:#E9F5F3;
	margin-top:25px;
}

/*****gallery******/

.album-container {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.img-wrapper {
    display: block;
    background: transparent url("../images/bg-thumb-galelry.png") no-repeat scroll center center;
    max-width: 350px;
	max-height: 263px;
    width: auto;
    height: auto;
    position: relative;
    min-height: 263px;
    margin: 0px auto;
}

.album-container .img-wrapper img {
    max-width: 290px;
    max-height: 218px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    border: 5px solid #E9F5F3;
    transition: all 0.4s ease 0s;
}

.album-container .img-wrapper img:hover {
    border: 5px solid #1FB25A;
    box-shadow: 0px 0px 3px #E9F5F3;
    transform: scale(1.03, 1.03);
}

.album-container .caption {
    position: relative;
    top: -15px;
}

.album-container .count-photos {
    padding: 5px 10px;
    line-height: 1;
    background-color: #1FB25A;
    color: #FFF;
    position: relative;
    border-radius: 50%;
    box-shadow: -1px -1px 3px #333;
    top: -8px;
    margin: auto;
}

.album-container .caption .gallery-title {
    font-size: 16px;
    color: #141414;
    line-height: 1.6;
    text-transform: uppercase;
}

.album-container .caption .gallery-date {
    font-size: 12px;
    color: #666;
    line-height: 1.2;
    font-family: helvetica,sans-serif;
}
.lg-backdrop , .lg-toolbar{
	background-color:#fff!important;
}
.lg-toolbar .lg-icon{
	color:#1FB25A!important;
}
.lg-toolbar .lg-icon:hover{
	color:#333!important;
}

.lg-actions .lg-next, .lg-actions .lg-prev{
	background-color:#E9F5F3!important;
}
.lg-actions .lg-next, .lg-actions .lg-prev{
	color:#1FB25A!important;
}

.lg-sub-html{
	background-color:#E9F5F3!important;
	color:#333!important;
	font-family: 'open_sansBold';
	font-weight: normal;
	font-style: normal;
	font-size:16px;
}

#lg-counter{
	color:#1FB25A!important;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
.toolli{
	position:relative;
}
.toolli .tooltip-left {
	display:inline-block;
	width:auto;
	position:absolute;
	left:10px;
	top:-1px;
	padding-left:0px!important;
	color:#1FB25A!important;
}

.toolli a{
	padding-left:30px!important;
}

.list-search-result {list-style:none;}
.list-search-result li {clear:both; margin-bottom:30px; display:block;}
.list-search-result .img-holder {min-width:300px; max-width:300px; height:auto; display:inline-block; padding-right:3%}
.list-search-result .img-holder img {max-width:100%; height:auto;}
.list-search-result .content-holder {display:inline-block; vertical-align:top}
.list-search-result .content-holder a {font-size:16px; margin-bottom:25px; display:inline-block;}
.list-search-result .txt-highlight {background-color:#1FB25A; color:#fff; padding:2px 3px;}
h3 .txt-highlight {color:#1FB25A; font-weight:bold;}
.box-search {display:none; position: absolute; top: 0; width:200px; right:0;}
.box-search form, .box-search .navbar-form input {width:100%;}
.box-search .navbar-form input:active, .box-search .navbar-form input:focus {outline:none; box-shadow:none;}
.box-search input {background-color:transparent; padding-left:0; padding-right:10px; width:100%;}
.box-search.active {display:block !important;}
.box-search .form-group {display:block;}
.navtop li {position:relative;}
.navtop li .toggle-btnsearch {transition:150ms linear; width:50px; }
.navtop li .toggle-btnsearch:focus, .navtop li .toggle-btnsearch:hover {border-color:#1FB25A}
.navtop li.open a {width:250px; border-bottom:1px solid #1FB25A}
.navtop li.open .fa {color:#1FB25A}
hr {margin-left:0; margin-right:0;}
.calendar .birthday-picker>select {width:32.3%; margin-right:1%}
.calendar .birthday-picker>select:last-child {margin-right:0}
.cart-summary-footer .sec-cal-cart {text-align:right; float:right; width:25%}
.cart-summary-footer .sec-use-coupon {float:left; width:50%;}
.cart-summary-footer .sec-btn {float:right;}
.checkout.structure>div {clear:both;}
.checkout .checkout-heading { background-color: #eee; padding: 6px 12px; color: #222; margin-bottom:15px;}
.checkout.structure>div.open .checkout-heading {background-color: #1FB25A; color:#fff }
.checkout .checkout-heading a { background-color: #fff; color: #222; float: right; padding: 6.5px 12px; margin: -6px -12px 0 0; display: block; line-height: 1.3; border: 1px solid #000;}
.checkout .checkout-content { margin-bottom: 20px; clear: both;}
.backend-navi .list-group-item.active {background-color: #1FB25A;border-color: #159649;}
.maincontent .navbar-toggle {margin-top:0; display:block; float:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:0;}
.sec-bodycontent {clear:both;}
.sec-bodycontent>.panel { padding:0; border:none !important; box-shadow:none;}
.sec-bodycontent>.panel>.panel-body { padding:0;}
.sec-bodycontent>.panel>.panel-body .less-gutters { margin-bottom:15px;}
.sec-bodycontent>.panel>.panel-body .less-gutters>div>label { margin-bottom:0;}
.sec-backendmenu {float:left;} 
.sec-bodycontent {float:right;} 
.maincontent .navbar-toggle {display:none;}
.maincontent .offcanvas {display:block; position:relative; width:auto; border:none;}
.sec-backendmenu .list-group.backend-navi {margin-bottom:0}
.history-entry { color: #666; margin-bottom: 20px; }
.history-entry .history-id { padding: 8px 10px; background-color: rgba(0,0,0,0.05); position: relative; font-weight: 700; margin-bottom: 10px; color: #444; }
.history-entry .history-status { font-weight: 700; margin-bottom: 10px; font-size: 16px; margin-left: 5px; }
.status-pending { color: #ec2d2d; }
.history-entry .history-status .status-purchased { color: #000; }
.history-entry .history-detail-link { margin: 5px 5px 5px 0 }
.history-entry .history-detail-link .glyphicon { top: 2px; }
.history-summary { margin: 15px 0; }
.history-summary small { font-size: 11px; color: #8a8a8a; }
.history-summary thead { background-color: transparent; color: #000; }
.rent-message p {padding:12px; border:1px solid rgba(0,0,0,0.1); margin-top:15px;}
.album-list .item {display:block; position:relative; margin-top:10px; margin-bottom:50px;}
.album-list .item .album-header {overflow:hidden; display:block; width:100%; height:auto; max-height:250px; min-height:250px; margin-bottom:20px; position:relative}
.album-list .item .img-holder { margin-bottom:20px; text-align:center}
.album-list .item .img-holder img { max-width:100%; height:auto; transition:150ms linear;}
.album-list .item a {display:block; color:#141414;}
.album-list .item .caption {font-size: 16px; color: #141414; line-height: 1.6; text-transform: uppercase; text-align:center}
.album-list .item .float-button {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0; visibility:hidden; transition:200ms linear;}
.album-list .item .float-button .btn {position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; box-shadow:0 0 8px rgba(0,0,0,0.4); transition:100ms linear;}
.album-list .item .posted-date{ opacity:0; visibility:hidden; left:17px; top:12px; position:absolute; transition:150ms linear; font-size:14px; font-weight:500; letter-spacing:1.5px;}
.album-list .item:hover .posted-date {opacity:1; visibility:visible;}
.album-list .item:hover .float-button {opacity:1; visibility:visible;}
.album-list .item:hover .caption {color:#1fb25a}
.album-list .item:hover .img-holder img {opacity:0.5; -webkit-filter: blur(1px);}
.specRow .list-colors {padding:0; list-style:none;}
.specRow .list-colors li {margin-right:10px; min-width:45px; min-height:45px; display:inline-block;}
.specRow .list-colors li.selected {border:5px solid rgba(0,0,0,0.8); border-radius:50%; box-shadow:0 1px 6px rgba(0,0,0,0.8)}
.specRow .list-colors li .list-bg {width:45px; height:45px; border-radius:50%}
.specRow .radio-inline:first-child {margin-left:10px;}
.specRow .radio-inline {margin-bottom:8px; margin-right:12px;}
.specRow .radio-wrap {position:relative; margin-left:-10px;}
.mSpecBox .mSpecRow .list-colors {list-style:none; padding-left:0;}
.mSpecBox .mSpecRow .list-colors li { display:inline-block;}
.mSpecBox .mSpecRow .list-colors .list-bg {width: auto; height:auto; min-height:30px; margin-right:50px; display:inline-block; float:left; padding-left:0; color:#333; border:none}
.mSpecBox .mSpecRow .list-colors .list-bg img {width:18px; height:18px; border-radius:50%; border:1px solid #000; position:relative}
.mSpecBox .mSpecRow .list-colors .list-bg span { display:inline-block; margin-left:15px;}
.toolli .tooltip-left {white-space:pre-line}
/*******************************************************************************************
	dataTable   *************************************************************************
*******************************************************************************************/
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: left; }
.dataTables_length select, #DataTables_Table_0_filter input, #forum-all_filter input { height: 42px; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.43; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); float: right; margin-top: 8px; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { display: block; clear: both; width: 100%; text-align: left; }
.dataTables_wrapper label { min-width: 100%; margin-bottom: 15px; }
.dataTables_wrapper .dataTables_info { font-size: 11px; }
table.dataTable tbody th, table.dataTable tbody td { font-size: 13px; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { background-color: #31b131; top: 11px; left: 5px; height: 16px; width: 16px; color: #fff; border: 1px solid #259a25; border-radius: 50%; box-shadow: 0 1px 3px #ddd; box-shadow: none; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { font-weight: bold; background-color: #ff2000; border-color: #ff2000 }
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer { border-color: #aaa }
table.dataTable { margin-bottom: 15px; }
table.dataTable thead th, table.dataTable thead td { padding: 10px 18px 10px 10px }
.panel-forum table.dataTable {border:none; border-bottom:1px solid #ddd; background-color:#dfdfdf; }
.panel-forum .dataTables_filter, .panel-forum .dataTables_length { padding-left:15px; padding-right:15px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {font-size:11px; box-sizing:content-box;}
.dataTables_paginate a { position:relative; float:left; padding:6px 12px; line-height:1.4285; text-decoration:none; background-color:#fff; color:inherit; border:none;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {cursor: none; background-color:#fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 6px 12px; margin:0; border:none; min-width:inherit;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border:none; background-color:#eee;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background-color:#f25d00; border:none; background-image:none; color:#fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background-image:none; background-color:#eee; border:none; color:#444 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background-color:#ff2000; background-image:none; border:none; color:#fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {background-image:none; background-color:#eee; border:none; color:#444 !important; box-shadow:none;}
.dataTables_wrapper>.collapsed td {white-space:inherit !important}

/*******************************************************************************************
	Gallery & Zoom   *************************************************************************
*******************************************************************************************/

.sp-wrap { display: none; line-height: 0; font-size: 0; position: relative; text-align: center; width: 100%; }
.sp-thumbs { text-align: center; display: inline-block; width: 100%; margin-bottom: 45px; }
.sp-thumbs img { min-height: 80px; min-width: 80px; max-width: 80px; }
.sp-thumbs a:link, .sp-thumbs a:visited { width: 80px; height: 80px; overflow: hidden; opacity: .3; display: inline-block; background-size: contain; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; margin: 0 5px; background-repeat: no-repeat }
.sp-thumbs a:hover { opacity: 1; }
.sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; }
.sp-large { position: relative; overflow: hidden; top: 0; left: 0; min-height: 300px; margin-bottom: 30px; }
.sp-large a img { max-width: 100%; height: auto; display: block; margin: auto; }
.sp-large a { display: block; }
.sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; display: none; background-color: #fff; }
.sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(255,255,255,0.95); z-index: 1000; display: none; }
.sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid transparent; }
#sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; }
#sp-prev { left: 10px; }
#sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; }
#sp-next { right: 10px; }
#sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; }
#sp-prev:hover, #sp-next:hover { background: #444; }
.lg-outer .lg-inner {height: -webkit-calc(100% - 100px) !important; height: -moz-calc(100% - 100px) !important; height: -o-calc(100% - 100px) !important; height: calc(100% - 100px) !important;}



.blink_text { 

        -webkit-animation-name: blinker;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;

 -moz-animation-name: blinker;
 -moz-animation-duration: 1s;
 -moz-animation-timing-function: linear;
 -moz-animation-iteration-count: infinite;
 animation-name: blinker;
 animation-duration: 1s;
 animation-timing-function: linear; 
    animation-iteration-count: infinite; color: red; 
} 

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; } 
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; } 
} 

@keyframes blinker {  
    0% { opacity: 1.0; } 
    50% { opacity: 0.0; }      
    100% { opacity: 1.0; } 
} 


.imgSlide {background-position:top center}
.contentClassReg img {max-width:100%; height:auto; display:initial;}
.contentClassReg .box {padding:15px; background-color:#f1f1f1; transition:200ms linear;}
.contentClassReg .box .media-lef {padding-right:30px;}
.list-hydro li {margin-bottom:25px; padding-right:40px;}
.box.benefits {margin:100px auto 30px; border-top:2px solid #58b4e2; background-color:#f0faff; padding:70px 12% 30px; position:relative}
.box.benefits:before {position:absolute; content:''; background-image:url('../images/ico-nature.png'); background-size:120px; width:120px; height:120px; left:0; right:0; margin:auto; top:-65px;}
.box.benefits ul {margin-top:45px;}
.box.benefits ul li {position:relative; font-size:18px; line-height:1.2; margin-bottom:15px; padding-left:50px;}
.box.benefits ul li:before {position:absolute; content:''; background-image:url('../images/ico-tick.png'); background-size:21px; width:21px; height:21px; left:16px; top:1px;}
.list-hydro li .caption {margin-top:25px;}
.ico-download {background-image:url('../images/ico-download.png'); background-size:36px; width:36px; height:36px; display:block; font-style:normal; }
#retailCarousel .carousel-caption p {font-size:18px; line-height:1.3; text-shadow:0 1px 2px rgba(0,0,0,0.4)}
.navtop li .badge {position:absolute; top:6px; right:2px; background-color:#1fb25a;}

@media (min-width: 1400px) {
.imgSlide {min-height: 140px !important;}
.slick-slider {min-height: 140px; max-height: 140px;}
}

@media (min-width: 1024px) {
.Scroll {cursor: pointer; position: absolute; bottom: 5%; text-align: center; width: 45px; height: 47px; left: 5%;}
img.scroll { height: auto; width: 50px; left: 0px; display: inline-block; animation: myfirst 0.8s linear 0s infinite normal; /* Firefox: */ -moz-animation: myfirst 0.8s linear 0s infinite normal; /* Safari 和 Chrome: */ -webkit-animation: myfirst 0.8s linear 0s infinite normal; /* Opera: */ -o-animation: myfirst 0.8s linear 0s infinite normal; position:absolute }
}

@keyframes myfirst { 0% {
top:0%;
}
15% {
top:10%;
}
30% {
top:25%;
}
45% {
top:35%;
}
60% {
top:45%;
}
75% {
top:55%;
}
90% {
top:65%;
}
100% {
top:70%;
}
}
 @-moz-keyframes myfirst { 0% {
top:0%;
}
15% {
top:10%;
}
30% {
top:25%;
}
45% {
top:35%;
}
60% {
top:45%;
}
75% {
top:55%;
}
90% {
top:65%;
}
100% {
top:70%;
}
}
 @-webkit-keyframes myfirst { 0% {
top:0%;
}
15% {
top:10%;
}
30% {
top:25%;
}
45% {
top:35%;
}
60% {
top:45%;
}
75% {
top:55%;
}
90% {
top:65%;
}
100% {
top:70%;
}
}
 @-o-keyframes myfirst { 0% {
top:0%;
}
15% {
top:10%;
}
30% {
top:25%;
}
45% {
top:35%;
}
60% {
top:45%;
}
75% {
top:55%;
}
90% {
top:65%;
}
100% {
top:70%;
}
}