/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/touchTouch.css";
@import "../css/form.css";

@import url(//fonts.googleapis.com/css?family=Questrial);

html, body {}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{
	position: relative;
	width: 100%;
	overflow:hidden; 
}
.wrapper-after:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.txt_left{text-align: left;}
.txt_right{text-align: right;}
.txt_cntr{text-align: center;}
.txt_ital{font-style: italic;}
.txt_line_through{text-decoration: line-through;}


.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.marLeft1{margin-left: 30px;}

.marRight1{margin-right: 33px;}
.marRight2{margin-right: 55px;}
.marBot1{margin-bottom: 20px;}
.marBot2{margin-bottom: 5px;}
.marBot3{margin-bottom: 36px !important;}

.marTop1{margin-top: 5px;}
.marTop2{margin-top: 41px;}

.box{overflow: overflow: hidden;}
.bold{
	font-weight: #73A534;
}

.border_botom{border-bottom: 1px solid #f2f2f2; margin-bottom: 25px; padding-bottom: 7px;}

.fs13{
	font-size: 14px;
	line-height: 20px;
	color: #26436f;
	margin-bottom: 15px;
}
.fs13-bld{
	font-size: 14px;
	line-height: 20px;
	color: #26436f;
	margin-bottom: 15px;
	font-weight: bold;
}
.fs13-sml{
	font-size: 10px;
	line-height: 20px;
	color: #26436f;
	margin-bottom: 15px;
	font-weight: bold;
}
.fs14{font-size: 14px; line-height: 22px;}
.fs16{font-size: 16px; line-height: 22px; margin-top: -5px; margin-bottom: 7px;}
.fs16.v2{
	margin-top: 24px;
	margin-bottom: 22px;
	color: #26436f;
}
.privacy .fs16{margin-bottom: 2px; margin-top: 1px;}
.links .fs16{margin-bottom: 12px;}

.color1{color: #ba7e39;}
.color2{
	color: #26436f;
}
.color3{
	color: #938e78;
}
.color4{color: #9e7345;}
.color5{color: #afa885;}
.color6{color: #dedac5;}
.color7{color: #b2aa87;}


/* Global properties ======================================================== */
html, body { padding:0; margin:0; height:100%;}

body {
	color:#26436f;
	min-width:300px;
	text-transform: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.main{
	width:100%;
	height: auto;
	padding:0px 0 0 0; 
	/*background: #fafafa;*/
}
.div-content{
	width:100%;
	/*width: 1110px;*/
	margin:0 auto;
	padding-bottom:0;
	/*background: #fff;*/
}
.boxed {
	border: 1px solid #26436f;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 30px 0px;
	width: auto;
	background-color: #b1c2e6;
}
/***********************************************************************/
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	margin:18px 0 20px 0px;
	float: left;
}
h1 img{max-width: inherit;}
h1 a{display:inline-block;}
h2{
	font:30px/40px 'Trebuchet MS', Arial, sans-serif;
	color:#d9d7c9;
	margin-bottom: 16px;
	text-transform: none;
}
h2.v2{
	font:bold 40px/45px 'Trebuchet MS', Arial, sans-serif;
	margin-bottom: 8px;
}
h3{
	font:bold 24px/30px 'Trebuchet MS', Arial, sans-serif;
	color:#9e7345;
	text-transform:none;
	padding-bottom: 23px;
}
.links h3{
	padding-bottom: 29px;
}
h4{
	font:16px/20px 'Trebuchet MS', Arial, sans-serif;
	color:#dedac5; 
	text-transform:uppercase;
	margin-bottom: 9px;
}
h5{
	font:18px/20px 'Trebuchet MS', Arial, sans-serif;
	color:#9e7345; 
	text-transform:none;
	margin-top: 0px;
	margin-bottom: 24px;
}
p{
	margin-bottom: 60px;
	color: #26436f;
}
.links p{margin-bottom: 18px;}
img{max-width:100%; height:auto; margin-bottom: 0;}
.img2{margin-bottom: 23px;}
.img3{
	margin-bottom: 23px;
	margin-right: 10px;
}
a {
	text-decoration:none;
	cursor:pointer;
	color: #938e78;
	font-size: 12px;
}
a.link_cntr {
	margin-bottom: 14px;
	display: inline-block;
}
a.link1{color: #ba7e39; font-size: 12px;}
.privacy a.link1{margin-top: 10px; display: inline-block;}
a:hover {
	text-decoration:none;
	color: #0066CC;
}
.banner1 a:hover{color: #000 !important; margin-right: 10px !important;}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

/************Header************/
header{
	background: #456a0a url('../images/menu_bg.png') center top repeat-x;
}
.logo_section{
	background: url('../images/header_bg.jpg') center top repeat;
	padding-bottom: 10px;
}
.logo_section.slider_section{
	padding-bottom: 165px;
}
.content_bg{
	background: url('');
	padding: 30px 0 25px; /* top was 63px */

}
.slogan{
	float: left;
	position: relative;
	margin-top: 37px;
	color: #FFFFFF;
	font:16px/20px 'Trebuchet MS', Arial, sans-serif;
	height: 45px;
	border-left: 1px solid #76a83c;
	padding-top: 21px;
	padding-left: 22px;
	margin-left: 30px;
	text-transform: none;
}

/*--------------- start banner section ----------------*/
.banners{margin-top: -178px;}	

.banner1{
	position: relative;
	width: 100%;
	height: 171px;
	background: #d0d121;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	margin-bottom: 60px;
}
.banner1:hover{
	background: #b5b60e;
}
.banner1.v2{
	background: #f2c600;
}
.banner1.v2 .bottom_part{
	background: #f2d425;
}
.banner1.v2:hover{
	background: #c9a503;
}

.banner1 .box{
	position: relative;
	top: 25px;
}
.banner1 img{
	position: relative;
	float: left;
	margin-right: -10px;
	z-index: 1;
}
.banner1 .bottom_part{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 36px;
	background: #dbdc3b;
}
.banner1 .bottom_part a{
	float: right;
	margin-right: 16px;
	color: #fff;
	font:18px/36px 'Questrial', Arial, sans-serif;
	text-align: right;
	text-transform: none;
}
.banner1 .title{
	position: relative;
	margin: 0;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 11px;
	text-transform: none;
	font-family: 'Questrial', Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}
.banner1 .content{
	color: #ffffbe;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}
/*--------------- end banner section ----------------*/
/************Content***********/
.more_btn {
	display: inline-block;
	text-decoration:none;
	color:#beb89c;
	text-align: center;
	padding:8px 23px 10px;
	font:16px/16px "Georgia", Arial, sans-serif;
	font-style: italic;
	text-transform: none;
	border: 1px solid #5c5742;
	background: #5c5742; /* for old browsers */
    margin-top: 8px;
    margin-bottom: 20px;
    border-radius: 3px; 
}
.more_btn.v2{border: 1px solid #403b31; background: #403b31; margin-top: 5px; padding:8px 20px 10px;}
.more_btn:hover, .more_btn .active a{
	color:#fff;
	background: #dd5b24; /* for old browsers */
	border: 1px solid #FFF;
    text-decoration:none;
}

.more_btn2 {
	display: inline-block;
	text-decoration:none;
	text-transform: uppercase;
	color:#f4e9a8;
	text-align: center;
	background: url('../images/more_bg.png');
	padding:10px 22px;
	font:bold 24px/32px "Trebuchet MS", Arial, sans-serif;
	border-radius: 7px; 
    margin-bottom: 20px;
    -moz-box-shadow: 1px 1px 3px rgba(64,60,52,0.8);
	-webkit-box-shadow: 1px 1px 3px rgba(64,60,52,0.8);
	box-shadow: 1px 1px 3px rgba(64,60,52,0.8);
	text-shadow:1px 1px #a73d14;
	border: 1px solid #4b463a;
	float: right;
	margin-top: 20px;
}
.more_btn2 span{
	display: inline-block;
	margin-left: 10px;
	width: 29px;
	height: 29px;
	background: url('../images/more_sign.png') no-repeat;
}
.more_btn2:hover {
	color:#fff;
	border: 1px solid #fa7f4b;
	text-decoration:none;
}

.more_btn3 {
	display: inline-block;
	text-decoration:none;
	color:#beb89c;
	text-align: center;
	padding:10px 24px 12px;
	font:bold 16px/16px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	border: 1px solid #363429;
	background: #363429; /* for old browsers */
    margin-top: 4px;
    margin-bottom: 20px;
    border-radius: 3px; 
}
.more_btn3:hover, .more_btn .active a{
	color:#fff;
	background: #dd5b24; /* for old browsers */
	border: 1px solid #FFF;
    text-decoration:none;
}


/* ============================= lists ====================== */
.listWithMarker{
	margin: 0;
	margin-top: 100px;
	margin-bottom: 10px;
	font-size: 12px;
}
.listWithMarker li {
	display:inline;
	padding-bottom:6px;
	padding-left: 22px;
	background: url('../images/list_marker.png') 0 3px no-repeat;
}
.listWithMarker li a {
	display:inline-block;
	color:#a7a395;
	text-decoration:none;
	font:12px "Trebuchet MS",Arial;
}
.listWithMarker li a:hover {
	color:#fff;
	padding-left: 5px;
}


.listWithMarker2{
	margin: 0;
	margin-top: -4px;
	margin-bottom: 20px;
}
.listWithMarker2 li {
	display:block;
	padding-left: 22px;
	background: url('../images/list_marker2.png') 17px 5px no-repeat;
	border-bottom: 1px solid #5a5442;
	padding-bottom:7px;
	margin-bottom:8px;
	text-align: right;
}
.listWithMarker2 li.last {
	border-bottom: none;
}
.listWithMarker2 li a {
	display:inline-block;
	color:#9d9881;
	text-decoration:none;
	font:bold 22px "Trebuchet MS",Arial;
	text-transform: none;
	padding-right: 9px;
}
.listWithMarker2 li a:hover {
	color:#fff;
	padding-right: 15px;
}
/* ============================= end lists ====================== */


.img1{
	display: none;
	margin-bottom: 32px;
}
.img2{
	display: inline-block;
	margin-bottom: 27px;
}

.address figure.img_inner {
	display: block;
	height: auto;
	line-height: 0;
	padding-bottom: 0px;
	overflow: hidden;
	padding-top: 4px;
	margin-bottom: 25px;
}
.address figure iframe {
	width: 100%;
	max-width:640px;
	height: 375px;
}
address{
	font-style: normal;
	display: inline-block;
	margin-bottom: 30px;
}
address dl dt{
	color: #47d4f9;
	font-size: 16px;
}
address dd span{
	position: relative;
	display: inline-block;
	width: 75px;
}
address a, .link1{
	color: #c6c6c6;
	font-size: 14px;
}

/*********************************start magnifier2*************************************/
.magnifier2 {
    position:relative;
    /*display:block;*/
    display: inline-block;
}
.magnifier2:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	background: url('../images/magnifier2.png') center center no-repeat;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all;
}
	
.magnifier2:hover:after{
	opacity: 0.8;
	transition: 0.3s easy all;
}
/*********************************end magnifier2*************************************/
/************Footer************/
footer{
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 5px;
	border-top: 2px solid #598D2B;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
	}
.main-footer{
	padding-top: 21px;
	padding-bottom: 31px;
	padding-left: 200px;
	max-width: 100%;
	}
.main-footer p{
	float: left;
	margin: 0 0 20px 0;
	color: #938e78;
	font:11px/20px 'Trebuchet MS', Arial, sans-serif;
	text-transform: none;
}

.first-link {
	padding-left: 10px;
}

footer a{
	color:#938e78;
	font-size: 12px;
}
footer a:hover{color:#fff}

/************start social icons************/
.social{
	overflow:hidden;
	margin-top: -7px;
	margin-right: 1px;
	float: right;
	margin-bottom: 10px;
}
.social p{
	margin-right: 13px;
	margin-top: 7px;
	font:15px/20px 'Trebuchet MS', Arial, sans-serif;
}
.social a{
	display:block; 
	float:left;
	width:31px;
	height: 32px;
	overflow:hidden;
	margin-left: 1px;
}
.social a:first-child{
	margin: 0 0 0 0;
}
.social a:hover img{
	margin-top:-32px;
}	
/************end social icons************/



/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1039px) {

}

@media only screen and (max-width: 995px) {
	.address figure iframe {
		width: 100%;
		max-width:100%;
	}

	.slider_wrapper {height: 349px;}
	.slider_wrapper:after {
		width: 0px;
		height: 0px;
		background: none;
		bottom: 0px;
		left: 0px;
	}


	.banner1 .title{
		font:21px/20px 'Questrial', Arial, sans-serif;
		letter-spacing: 0px;
		margin-bottom: 11px;
	}
	.banner1 .content{font:bold 11px/16px 'Trebuchet MS', Arial, sans-serif;}
	h2{
	font:28px/30px 'Questrial', Arial, sans-serif;
}
	.content_bg_section{
	padding: 50px 0px;
}


	.more_btn2 {padding:10px 12px;}


}
@media only screen and (max-width: 767px) {
	.h3_marTop{
		margin-top: 25px;
	}
	.descrMarTop{
		margin-top: 5px;
	}
	img{
		width: 100%;
	}
	img.no_resize{
		width: auto;
	}
	.slogan{display: none;}
	.slider_wrapper {height: 196px;}

	.mobile_margin{margin-left: 0;}
	.social{float: none;}
	/*img:not(.no_resize) {width: 100%;}*/
	.more_btn2 {margin-top: 0px;}
	.content_bg_section{padding: 0px 0px; background: none;}
	.img3{
	float: none;
	margin-bottom: 60px;
}
	.banners{margin-top: -158px;}	

	nav {min-height: 44px;}
}


@media only screen and (max-width: 480px) {
	.slider_wrapper {height: 140px;}
	.banner1 .title{font: 20px/30px 'Questrial', Arial, sans-serif;}
	.banner1 .content{display: none;}

	.main-footer {
		padding-left: 30px;
	}
	
}
@media only screen and (max-width: 320px) {

}

.footerLinks {
}

/* New CSS by K2 Graphix */

p.fda-statement  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #938e78;
	margin-top: 30px;
	margin-bottom: 10px;
	
}

ul.bulleted-list{
	margin: 0;
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #26436f;
	line-height: 18px;
}

ul.bulleted-list li {
	/* display:inline; */
	padding-bottom:6px;
	padding-left: 22px;
	background: url('../images/list_marker.png') 0 3px no-repeat;
}

h3.products {
	color:#9e7345;
}

h5.products {
	color: #26436f;
	font-size: 10px;
}
.bluebox {
	height: auto;
	width: 570px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006;
	border-left-color: #FFF;
}
.img4 {
	float: right;
	margin-bottom: 23px;
	margin-left: 10px;
	
}