/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url(https://fonts.googleapis.com/css?family=Oxygen:700);


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Arial; font-size: 12px; color: #0a0b0b; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #0a0b0b; }
body { background: #fff; overflow-x: hidden; }
img { border: 0px; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }
h1,h2,h3,h4,h5,h6 { font-family: 'Oxygen', sans-serif; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
.center { margin: 0 auto; max-width: 1240px; }
.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-response-output { margin: 20px 0px !important; padding: 10px !important; color: #fff !important; font-size: 14px; border: 1px solid #7eaf0f !important; background: #7eaf0f !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7-form-control-wrap { display: inline !important; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; overflow-x: hidden; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }
		
	/* ### header container ### */
	#headerCntr { position: relative; width: 100%; z-index: 9999; }
	#headerCntr .top { padding: 12px 0; background: #fff; overflow: hidden; }
	#headerCntr .inner { padding-left: 15%; }
	#headerCntr .bot { background: #82b10f; overflow: hidden; 
		-webkit-box-shadow: -2px -1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: -2px -1px 3px rgba(0,0,0,0.2);
		box-shadow: -2px -1px 3px rgba(0,0,0,0.2);
	}
	#headerCntr .logo { position: absolute; top: 0; right: 70%; width: 6699px; height: 156px;  background: url(../images/bg2.png) no-repeat right 0; }
	#headerCntr .logo img { float: right; margin: 30px 135px 0 0; }
	
		/* ### link box ### */
		.linkBox { float: left; }
		.linkBox ul { list-style: none; }
		.linkBox li { float: left; font-weight: bold; text-transform: uppercase; padding-right: 15px; font-size: 11px; }
		.linkBox li a { color: #800101; text-decoration: none; }
		.linkBox li a:hover { text-decoration: underline; }
		
		/* ### flag box ### */
		.flagBox { float: right; }
		.flagBox ul { list-style: none; }
		.flagBox li { float: left; margin-left: 7px; }
		
		/* ### menu box ### */
		#headerCntr .menuBox { width: 100%; overflow: hidden; }  
		#headerCntr .menuBox ul { list-style: none; }
		#headerCntr .menuBox li { float: left; font-size: 16px; font-family: 'Oxygen', sans-serif; margin-right: 40px; }
		#headerCntr .menuBox li a { color: #fff; display: block; line-height: 46px; text-decoration: none; }
		#headerCntr .menuBox li a:hover,
		#headerCntr .menuBox li.current-menu-item a { background: url(../images/bg1.png) repeat-x 0 bottom; }
		#headerCntr .menuBox ul ul { display: none; }
		.mobileMenu { display: none; }
	
	/* ### banner container ### */
	#bannerCntr { height: 598px; width: 100%; overflow: hidden; }
	#bannerCntr ul { list-style: none; }
	#bannerCntr li { width: 100%; height: 598px; background-repeat: no-repeat; background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	/* ### content container ### */
	#contentCntr { width: 100%; margin-top: -170px; position: relative; z-index: 100; }
	#contentCntr .holder { position: relative; }   
	#contentCntr .holder .leaf1 { position: absolute; bottom: 350px; left: -50px; z-index: 0; }
	#contentCntr .holder .leaf2 { position: absolute; top: 300px; right: -70px; z-index: 0; }
	#contentCntr .top { background: #fff; position: relative; z-index: 1;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	#contentCntr .top .inner { padding: 30px; }
	
		
		/* ### tab container ### */
		.submenuBox ul { overflow: hidden; height: 50px; background: #7eaf0f; list-style: none; padding-top: 5px;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.submenuBox li { float: left; padding: 0 25px; font-size: 16px; font-family: 'Oxygen', sans-serif; } 
		.submenuBox li a { display: block; padding: 10px 0; color: #fff; text-decoration: none; }
		.submenuBox li a:hover,
		.submenuBox li.active a { background: url(../images/hover.png) no-repeat center bottom; }
		.submenuBox a.more { display: none; }
		
		/* ### left container ### */
		#leftCntr { float: left; width: 71%; }
		
			/* ### text box ### */
			.textBox { width: 100%; }
			.textBox h1 { font-size: 24px; margin-bottom: 10px; }
			.textBox p { font-size: 16px; line-height: 24px; margin-bottom: 20px; }
			.textBox h5 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 20px; }
			.textBox h5 a { font-size: 14px; color: #0a0b0b; float: right; margin-top: 5px; }
			.textBox ul { list-style: none; margin: 0 -1.5%; overflow: hidden; }
			.textBox li { float: left; width: 47%; margin: 1.5%; }
			.textBox li img { border: 1px solid #7eaf0f; width: 100%; 
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			
			/* ### rate box ### */
			.rateBox { width: 100%; }
			.rateBox .photo1 { float: right; border: 1px solid #7eaf0f; width: 45%; margin-left: 20px; }
			.rateBox .photo1 img { width: 100%; }
			.rateBox .photo2 { float: left; border: 1px solid #7eaf0f; width: 30%; margin-right: 20px; }
			.rateBox .photo2 img { width: 100%; }
			.rateBox fieldset { border: none; }
			.rateBox .left { float: left; width: 67%; }
			.rateBox .right { float: right; width: 30%; }
			.rateBox .row { overflow: hidden; margin-bottom: 25px; }
			.rateBox input.wpcf7-text { float: left; width: 48%; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #7eaf0f; background: #fafafa; font-size: 14px; color: #636363;
				-webkit-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				-moz-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.rateBox textarea { width: 100%; padding: 15px; height: 120px; border: 1px solid #7eaf0f; background: #fafafa; font-size: 14px; color: #636363;
				-webkit-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				-moz-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.rateBox span.input-email input.wpcf7-text { float: right; }
			.rateBox input.wpcf7-submit { padding: 0 10px; height: 30px; border: none; cursor: pointer; background: #7eaf0f; font-size: 14px; font-weight: bold; color: #fff; }
			.rateBox address { color: #474747; font-size: 14px; line-height: 21px; font-style: normal !important; } 
		
			/* ### activity box ### */
			.activityBox { width: 100%; }
			.activityBox h1 { font-size: 24px; margin-bottom: 20px; }
			.activityBox p { font-size: 14px; line-height: 21px; margin-bottom: 20px; }
			.activityBox .block { overflow: hidden; margin-bottom: 30px; }
			.activityBox h3 { font-size: 18px; margin-bottom: 20px; }
			.activityBox h3 a { text-decoration: none; color: #0a0b0b; }
			.activityBox h3 a:hover { text-decoration: underline; }
			.activityBox .photo { border: 1px solid #7eaf0f; float: left; margin-right: 20px; }
			.activityBox .photo img { width: 100%; }
			.activityBox a.button { line-height: 30px; font-weight: bold; background: #790101; padding: 0 10px; color: #fff; font-size: 14px; color: #fff; text-decoration: none; display: inline-block;  
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			.activityBox a.button:hover { background: #0a0b0b; }
			
			/* ### paging box ### */
			.pagingBox { padding-bottom: 20px; width: 100%; }
			.pagingBox ul { overflow: hidden; width: 100%; }
			.pagingBox li { float: left; margin-right: 5px; }
			.pagingBox a { line-height: 30px; font-weight: bold; background: #790101; padding: 0 10px; color: #fff; font-size: 14px; color: #fff; text-decoration: none; display: inline-block;  
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			.pagingBox a:hover,
			.pagingBox li.active a { background: #0a0b0b; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 25%; }
		
			/* ### loves box ### */
			.lovesBox { border: 1px solid #dacbb5; padding: 20px; background: #f3e7d6; margin-bottom: 30px; }
			.lovesBox h3 { font-size: 16px; color: #0a0b0b; border-bottom: 1px solid #dacbb5; padding-bottom: 5px; }
			.lovesBox ul { list-style: none; }
			.lovesBox li { padding: 25px 0 10px 50px; background: url(../images/bg3.png) no-repeat left bottom; font-size: 14px; font-weight: bold; }
			.lovesBox li a { color: #0a0b0b; text-decoration: none; }
			
			/* ### video box ### */
			.videoBox { border: 1px solid #dacbb5; padding: 20px; background: #f3e7d6; margin-bottom: 30px; }
			.videoBox h3 { font-size: 16px; color: #0a0b0b; border-bottom: 1px solid #dacbb5; padding-bottom: 5px; }
			.videoBox .video { width: 100%; margin-top: 20px; position: relative; }
			.videoBox .video img.photo { width: 100%; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
			.videoBox .video:hover img.photo { opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
			.videoBox .video .icon { position: absolute; top: 50%; left: 50%; margin: -31px 0 0 -31px; z-index: 100; }
		
		/* ### blog container ### */
		#blogCntr { padding: 55px 0; }
		#blogCntr .block { float: left; width: 30%; margin-right: 5%; 
			background: #fff; position: relative;
			-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		}
		#blogCntr .block:nth-child(3n) { margin-right: 0; }
		#blogCntr .block .inner { padding: 20px; }
		#blogCntr .photo { margin-bottom: 20px; }
		#blogCntr .photo img { width: 100%; }
		#blogCntr h3 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
		#blogCntr h3 a { text-decoration: none; color: #0a0b0b; }
		#blogCntr h3 a:hover { text-decoration: underline; }
		#blogCntr p { font-size: 14px; line-height: 21px; min-height: 60px; margin-bottom: 10px; }
		#blogCntr a.button { line-height: 30px; font-weight: bold; background: #790101; padding: 0 10px; color: #fff; font-size: 14px; color: #fff; text-decoration: none; display: inline-block;  
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
			
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; min-height: 290px; padding: 30px 0; background: url(../images/bg4.png) no-repeat center center; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#footerCntr .block { float: left; width: 30%; margin-right: 5%; }
	#footerCntr .block.last { margin-right: 0; }
	#footerCntr h3 { color: #474747; font-size: 16px; margin-bottom: 25px; }
	#footerCntr address { font-style: normal; font-size: 14px; color: #474747; line-height: 21px; }
	#footerCntr address a { color: #474747; text-decoration: none; }
	#footerCntr ul { list-style: none; }  
	#footerCntr li { color: #474747; font-size: 14px; line-height: 21px; }
	#footerCntr li a { color: #474747; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr p { font-size: 14px; line-height: 21px; }
	#footerCntr p a { color: #474747; }

@media only screen and (max-width: 2210px) {	
	#headerCntr .inner { padding-left: 15%; }
}

@media only screen and (max-width: 2010px) {	
	#headerCntr .inner { padding-left: 15%; }
}

@media only screen and (max-width: 2010px) {	
	#headerCntr .inner { padding-left: 20%; }
}

@media only screen and (max-width: 1765px) {	
	#headerCntr .inner { padding-left: 25%; }
}

@media only screen and (max-width: 1450px) {	
	#headerCntr .inner { padding-left: 30%; }
}

@media only screen and (max-width: 1239px) {
	.center { padding: 0 20px; }  	
	#headerCntr .logo  { background-size: 5300px; right: auto; left: 0; width: 290px; }
	#headerCntr .logo img { margin: 20px 110px 0 0; }
	#headerCntr .inner { padding-left: 25%; }
	#headerCntr .menuBox li { font-size: 13px; margin-right: 18px; }
	#leftCntr { float: none; width: 100%; }	
	#rightCntr { float: none; width: 100%; }	
	.lovesBox { float: left; width: 31.33%; margin-right: 3%; min-height: 235px; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	} 
	.videoBox { float: left; width: 31.33%; margin-right: 3%; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#rightCntr div:last-child { margin-right: 0; }
	.lovesBox li { padding-left: 30px; font-size: 12px; }
	
	#leftCntr { padding-bottom: 20px; }
}

@media only screen and (max-width: 1050px) {	
	#headerCntr .inner { padding-left: 30%; }
}

@media only screen and (max-width: 900px) {	
	#headerCntr .inner { padding-left: 35%; }
}

@media only screen and (max-width: 825px) {
	#bannerCntr,
	#bannerCntr li { height: 300px; }		
	#contentCntr { margin-top: -50px; }
	#headerCntr .logo { width: 250px; background-size: 4000px; }
	#headerCntr .logo img { width: 125px; margin-right: 90px; }
	
	.flagBox { position: absolute; top: 10px; right: 40px; }
	.linkBox { display: none; }
	#headerCntr .top { padding: 0; }
	#headerCntr .menuBox { display: none; }
	#headerCntr .bot { height: 36px; }
	
	.mobileMenu { position: absolute; top: 10px; right: 10px; display: block; }
	.submenuBox { display: none; }
	
	.lovesBox { float: none; width: 100%; margin-right: 0; }
	.videoBox { float: none; width: 100%; margin-right: 0; }
	.videoBox.last { margin-bottom: 0; }
	
	#blogCntr .block { float: none; width: 100%; margin-bottom: 20px; }
	.submenuBox ul { padding-left: 15px; }
	.submenuBox li { padding: 0 10px 0 0; }
	
	.activityBox .photo img { width: 150px; }
	
.videoBox .video iframe{ height: 200px;}
}

@media only screen and (max-width: 519px) {
	.submenuBox li { display: none; }	
	.submenuBox li:first-child { display: block; }	
	.submenuBox a.more { display: block; float: right; margin: 15px 15px 0 0; }
	.textBox h1 { font-size: 16px; }
	.textBox p { font-size: 14px; }
	.textBox h5 { font-size: 14px; }
	.textBox h5 a { font-size: 11px; margin-top: 3px; }
	#contentCntr .top .inner { padding: 15px; }
	#footerCntr .block { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; } 
	
	.rateBox h1 { font-size: 16px; }
	.rateBox .left { float: none; width: 100%; overflow: hidden; }
	.rateBox .right { float: none; width: 100%; overflow: hidden; }  
	
	.activityBox .photo img { width: 100px; }
	.activityBox h1 { font-size: 16px; }
	.activityBox h3 { font-size: 13px; margin-bottom: 5px; }
	.activityBox p { font-size: 12px; }
	
}