@charset "utf-8";
/* CSS Document */

body{
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;	
}

.main-header{
	width:100%;
	float:left;
	padding:15px 0;
	background-color:#f3f3f3;
}

.contact-info {
    width: 100%;
    padding: 18px 0px;
    float: left;
}
.contact-info ul {
    width: 80%;
    float: right;
	list-style:none;
    padding: 0;
}
.contact-info ul li {
    float: right;
    width: 33.33%;
	padding:0 10px;
}
.contact-icon {
    margin-right: 5px;
    float: left;
    margin-top: 15px;
}
.contact-content {
    display: table;
}
.contact-content span {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #43730d;
    line-height: 16px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:5px;
}
.contact-content a {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #000;
    line-height: normal;
}
.contact-content a:hover{
	text-decoration:none;
	color:#4a7615;
}

.main-nav{
	width:100%;
	float:left;
	background:#242424;
	border:none;
	padding-left:10%;
	

}
.main-nav ul li a{
	color:#fff;
	font-size:15px;
	padding:15px 21px;
	text-transform:uppercase;
	font-weight:bold;
	color:eee;
	
	
}
.main-nav ul li a:hover, .main-nav ul li.active a{
	color:#fff;
	background:#4a7615;	
}
.main-nav ul li a:focus{
	background:#4a7615;
	color:white;	
}
.main-nav ul li a.search-icon{
	color:#fff;	
}

.product-head {
    float: left;
    width: 100%;
    margin: 20px 0 25px;
    color: #333;
    font-size: 30px;
}

.box {
    width: 100%;
    padding: 20px;
    background: #fff;
	float:left;
	margin-bottom:30px;
	border:dotted 1px #CCC;
	overflow: overlay;
}
.box h4 {
    margin: 0 0 12px;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}
.box h4 span {
    color: #4a7615;
}
.graph {
    width: 100%;
    float: left;
    background: #fff;
    padding-top: 12px;
    text-align: center;
	margin-bottom:10px;
}

.box p{
	font-size:15px;
	color:#333;	
	margin-bottom:0;
	float: left;
    width: 100%;
}

.included{
	width:100%;
	float:left;
	margin-bottom:35px;	
}
.product-descritpion p{
	margin-bottom:20px;
}
.product-descritpion ul{
	width:100%;
	float:left;
	padding-left: 20px;
}
.product-descritpion ul li{
	width:100%;
	line-height:13px;
	font-size:11px;	
}

.productdes p{
	margin-bottom:50px;
	font-size:14px;
}


.productdes h4{
	font-size:24px;
	font-weight:bold;
	color:#000;
}

.thinks-to-know{
	width:100%;
	float:left;	
}
.thinks-to-know h4{
	width:100%;
	float:left;
	font-size:25px;
	font-weight:normal;
	color:#000;
	margin:0 0 20px;
}
.thinks-to-know h4 span{
	font-weight:bold;
	color:#4a7615;	
}
.ttk-box {
    width: 100%;
	text-align:center;
	float:left;
	margin-bottom:30px;
}
.ttk-box h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:0;
	min-height:28px;	
}
.ttk-box p{
	width:100%;
	float:left;
	font-size:12px;
	margin-top:0;
	color:#fff;
}
.tab-section{
	width:98%;
	float:left;
	margin-bottom:40px;	
	position:relative;
	border: 1px solid #bababa;
    background: #f3f3f3;
    overflow: hidden;
	margin-left:10px;
}

.tab-section label {
    margin-right: 0px;
    line-height: 1.42857143;
    border-right: 1px solid #bababa;
    border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	font-size:20px;
    padding: 12px 33px;
	border-top:solid 4px transparent;
	color:#000;
	font-weight:normal;
	margin-bottom:0;
	cursor:pointer;
	margin-left: -6px
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: none !important;
}
.tab-section input, #desktop-search, #mobile-search{
	display:none;
}	
.tab-section input:checked + label{
    color: #4a7615;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
	/*border-left:none;*/
	border-top:solid 4px #4a7615;
    border-bottom-color: transparent;
}
.tab-content {
    border-top: solid 1px #bababa;
    margin-top: -1px;
}
[id^="tab"]:checked + label {
    color: #4a7615;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
	border-left:none;
	border-top:solid 4px #4a7615;
    border-bottom-color: transparent;
}
.tab-box{
	width:100%;
	float:left;
	padding:30px 20px;
	/*border-top:solid 1px #bababa;
	border-top:none;*/
	background:#fff;	
}
.tab-box p{
	color:#000;
	font-size:15px;	
	margin-bottom:15px;
}

.main-footer{
	width:100%;
	float:left;
	padding:15px 0;
	background:#575757;
	text-align:center;	
}
.quick-links{
	width:auto;
	display:inline-block;	
}
.quick-links ul{
	padding:0;
	list-style:none;
	margin:0;	
}
.quick-links ul li{
	display:inline-block;	
}
.quick-links ul li a{
	padding:0 20px;
	text-decoration:none;
	color:#fff;	
}
.copyright{
	width:100%;
	float:left;
	padding:15px 0;
	background:#393939;
	text-align:center;
	color:#CCC;
	font-size:12px;
}
.copyright p{
	margin-bottom:0;	
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 14px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	cursor:pointer;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	-ms-border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
    background: #fff;
}
.search-icon-mobile {
    position: absolute;
    padding: 0;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    display: none;
    right: 59px;
	cursor:pointer;
}
.search-icon-mobile:focus{
	color:#fff;	
}
.navbar-right form.search-desktop {
    /*padding: 8px;
	width:0;*/
	transition: all 0.4s ease-in-out;
	display:none;
}
.search-icon-mobile img {
    margin-top: 9px;
}
.navbar-right form.search-desktop.open{
	display:block;
	width:100%;	
}
.navbar-right input.form-control {
    border: none;
	margin-top: 8px;
}

form.search-mobile {
    padding: 13px;
	transition: all 0.4s ease-in-out;
	float:left;
	width:calc(100% - 130px);
	display:none;
	margin-bottom:0;
}
form.search-mobile.open{
	display:none;		
}
input.form-control {
    border: none;
}

.graph-box {
    width: 172px;
    height: 74px;    
    margin: auto;
	text-align:center;
}

.main-nav ul li label {
    color: white;
    font-size: 14px;
    padding: 11px 15px;
	cursor:pointer;
	
}
#open-menu:checked + .navbar-collapse{
	display:block;	
}
#mobile-search:checked + .search-mobile{
	display:none;	
}
#desktop-search:checked + .search-desktop{
	display:inline;	
}
#payment, #shipping, #return{
	display:none;
	opacity:0;
	animation: fade 1s ease-in-out;
	-webkit-animation: fade 1s ease-in-out;
	-moz-animation: fade 1s ease-in-out;
	-o-animation: fade 1s ease-in-out;
}
@keyframes fade {
  0% { opacity: 0 }
  50% { opacity: 0.5 }
  100% { opacity: 1 }
}
#pay-policy:checked ~ .tab-content #payment{
	display:block;	
	opacity:1;
}
#ship-policy:checked ~ .tab-content #shipping{
	display:block;
	opacity:1;
}
#return-policy:checked ~ .tab-content #return{
	display:block;
	opacity:1;
}


/*------------------------------------- IMAGE GALLERY ------------------*/


/*** GALLERIE BOS ***/
.image-gallery {margin:0; width:100%; height:440px;}
.image-gallery .big-image {width:100%;max-width:440px; height:440px; margin:0; position:relative; background-color:#FFF; }
.image-gallery .big-image img {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	max-height: 440px;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: auto;
	transition: opacity 350ms;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
.image-gallery .big-image img:target {opacity:1;}
.image-gallery .big-image img:target ~ img#default {opacity:0;}
.image-gallery .big-image img#default {opacity:1;}
.image-gallery .thumbs {margin:0; position: relative; top:5px; }
.image-gallery .thumbs ul {list-style-type:none; margin:0!important; padding:0!important;}
.image-gallery .thumbs li {list-style:none; margin:2px 0; padding:0; display:inline-block; text-align: center; background-color:#FFF; border:solid 1px #CCC;}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a {opacity:0.85; text-align: center; width:90px;height:90px; display:table-cell;vertical-align:middle;}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img {max-height:104.4px; width:auto;margin:auto;}
/*** GALLERIE EOS ***/


/*-------------------------------------  IMAGE GALLERY ENDS --------------------- */



@media screen and (max-width: 1000px) {
.main-nav{
	padding-left:15%;

}
}

@media screen and (max-width: 991px) {
.main-nav{
	padding-left:0%;

}
}

@media screen and (max-width: 700px) {
.main-nav{
	padding-left:0%;

}
}

@media screen and (max-width: 400px) {
.main-nav{
	padding-left:0%;

}
}

.box img {
    padding: 5px;
}

.product-descritpion ul span {
	font-size: 11px;
}