* { border: 0; margin: 0; padding: 0;font-family: 'Roboto Condensed', sans-serif;}
div, aside, article, nav, section, footer
{behavior: url(ie-css3.htc);}


body {     
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	color: #fff;
	background: none;
	text-align: left;
	max-width: 100%;
	position: relative;
}
a {	
	color: #fff;
	text-decoration: none; 
	font-family: 'Source Sans Pro', sans-serif;
}
p {width: 100%;text-align: justify;}
ul { list-style: none; }
img {
	border:0;
}
section {opacity: 0;}
.clr { clear: both; }
h1 {font-size: 55px;color: #fff;font-family: 'Source Sans Pro', sans-serif;, sans-serif;font-weight: bold;}
h2,h3,h4 { font-size: 14px;font-weight: normal; }

.content 	{width: 96%; max-width: 1350px;min-width: 320px;margin: 0 auto;}
.left 		{width: 50%;max-width: 900px;min-width: 300px;float: left;}
.rightBig	{width: 70%;float: right;}
.leftSmall	{width: 30%;float: left;text-align: center;}
.right 		{width: 50%;max-width: 900px;min-width: 300px;float: right;text-align: right;}
.desc_more 	{font-weight: bold;font-size: 16px;padding: 20px 0 5px;border-bottom: 2px #f3ddd6 solid;color: #1a1a1a;float: left;}
.halfWidth	{width: 50%;min-width: 280px;text-align: center;float: left;}

#bg_main {
	background: url(images/bg_main.jpg) no-repeat top center;
	background-size: cover;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	position: fixed;
	top: 0; 
	left: 0;
	z-index: -1;
	float: left;
}

/*** TOP ***/
header                  	 {background: none;overflow: hidden;width: 100%;position: relative;float: left;border-bottom: 1px #dcd0c7 solid;}
	#menu_left 	 {float: left;}
	
		header nav               		{float: left;}
		header nav ul            		{float: left;padding-right: 10px;margin: 0;}
		header nav ul li        	 	{float: left;text-align: center;margin: 0 20px;}
		header nav ul li a       		{float: left;padding: 0px;font-size: 15px;text-align: center;text-transform: uppercase;font-weight: normal;padding: 45px 0 50px;box-sizing: border-box;height: 12vh;min-height: 102px;}

		#mbMenu {display: none;}
		#mbMenu img {display: inline; margin-right: 10px; margin-bottom: -5px;}
		
#logo        {position: absolute;top: 25px;left: 50%;margin-left: -70px;width: 140px;}
#logo img    {width: 140px;}

#secialLinks 	{float: right;background: url(images/img_slash.gif) no-repeat left center;margin-top: 45px;padding-left: 10px;}
	#secialLinks a {float: left;padding: 0px 20px;font-size: 15px;text-align: center;text-transform: uppercase;font-weight: normal;}
	#secialLinks a img {max-height: 30px;}


/*** /TOP ***/
/*** MAIN ***/

#contentA         	{width: 100%;float: left;}
	#contentA img {width: 100%;}
	#mainSlider         			 {width: 100%;height: 0px;margin: 0;float: left;position: relative;z-index:0;overflow: hidden;}
	#mainSlider .slider-image 	 {float: left;width: 100%;min-width: 320px;position: absolute; top: 800px;left: 0;max-width: 100vw;}
	#mainSlider .slider-mainImg    {width: 100%;min-width: 320px;height: auto;margin: 0 auto;}
	#mainSlider .slider-text 	 {position: absolute;top: 250px;left: 0;background: none;text-align: center;width: 100%;}
	#mainSlider .slider-tag 		 {display: none;}
	#mainSlider .slider-bigText 	 {font-size: 42px;line-height: 56px;display: box;color: #331e0d;text-align: center;font-family: 'Kaushan Script', cursive;background: #fff;width: auto;padding: 15px;float: left;}
	#mainSlider .slider-smallText{font-size: 14px;line-height: 32px;display: box;color: #fff;padding: 10px;float: left;background: rgba(57,39,25,0.9);}
	#mainSlider .slider-button 	 {position: absolute;right: -135px;top:0;display: none;}
	#mainSlider .slider-dots		{float: left;}
	#mainSlider .slider-dot		{height: 16px !important;width: 16px !important;background: url(images/slider_dots.png) no-repeat top right;margin: 5px;background-size: auto;float: left;}
	#mainSlider .slider-dotGreen{height: 16px;width: 16px;background: url(images/slider_dots.png) no-repeat top left;margin: 5px;background-size: auto;float: left;}
	
	

	
#contentB						{width: 100%;float: left;margin: 100px 0;}
	#contentB .leftSmall img			{max-width: 80%;margin: 0 auto;width: 80%;}
	#contentB .content-title			{width: calc(100% - 20px);margin: 0 auto;font-size: 34px;color: #fff;font-family: 'Source Sans Pro';text-transform: uppercase;margin-left: 20px;text-align: center;}
	#contentB .content-title	 strong	{font-family: 'Roboto Condensed';font-weight: 500;}
	#contentB .content-desc			{width: 100%;margin: 20px auto 50px;float: left;}
	#contentB .content-desc	p		{width: calc(100% - 20px);font-size: 16px;line-height: 28px;font-weight: 300;margin-left: 20px;}

	
	

#contentBpage		{width: 100%;float: left;margin: 20px 0 50px;min-height: 60vh;}
	
	.gallery-itemContainer		{width: 33%;float: left;padding: 0 15px;margin: 15px 0;box-sizing: border-box;height: 250px;overflow: hidden;}
	.gallery-itemContainer	a 	{padding: 0;margin: 0;}
	.gallery-itemImg			{min-width: 100%;margin: 0 auto;box-sizing: border-box;overflow: hidden;height: 250px;}
	.gallery-itemImg img			{height: 100%;}
	.gallery-itemTitle			{font-weight: bold;font-size: 18px;font-weight: 500;}
	.gallery-itemSubTitle		{font-size: 14px;padding: 1px 0 5px;font-weight: 200;font-family: 'Source Sans Pro', sans-serif;}
	#contentBpage .content-desc			{width: 100%;margin: 20px auto 50px;float: left;padding-bottom: 30px;}
	#contentBpage .content-desc	p		{width: calc(100% - 20px);font-size: 16px;line-height: 28px;font-weight: 300;margin-left: 20px;}
	
	#contentBpage iframe {width: 100%;height: 90vh;}

/*** /MAIN ***/
/*** FOOTER ***/
footer {
	width: 100%;
	padding-bottom: 30px;
}
footer a {color: #fff;}

	#menu_left 	 {float: left;min-width: 320px;}
	
		footer nav               {float: left;margin: 35px 35px 0 0;}
		footer nav ul            {float: left;}
		footer nav ul li         {float: left;text-align: center;margin: 0 20px 0 0px;}
		footer nav ul li a       {padding: 0px;color: #fff;font-size: 14px;text-align: center;text-transform: uppercase;}
		footer nav ul li a:hover {color: #fff;border-bottom: 2px #c2834e solid;}
	
	footer .right  {padding-top: 20px;}
	footer .right  p {text-align: right;color: #fff;}
	footer #nameCompany {color: #fff;font-weight: bold;font-size: 24px;}
	footer #addressCompany {font-size: 18px;}
	footer #creators {color: #fff;font-size: 14px;margin-top: 15px;}
	footer #creators a {color: #fff;font-size: 14px;}
	
/*** /FOOTER ***/




	@media all and (max-width:1200px) { 
	}
	@media all and (max-width:800px) { 
		#contentD .contact_block 	{width: 48%;text-align: center;}
		.offer_block				{width: 48%;}
		#mbMenu 				{display: block;} 
		#menuCounter		{width: 100%;max-width: 100%;margin: 0;padding:0;}
		
	}
	@media all and (max-width:620px) { 
		#contact {display: none;}
	}
	@media all and (max-width:450px) { 
		#contentD .contact_block 	{width: 98%;text-align: center;}
		.offer_block				{width: 98%;}
	}	
	@media all and (min-width:700px) { 
	}