* { 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: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
	text-align: left;
	max-width: 100%;
}
a {	
	color: #000;
	text-decoration: none; 
	font-family: 'Roboto Condensed', 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: 'Roboto Condensed', sans-serif;, sans-serif;font-weight: bold;}
h2,h3,h4 { font-size: 14px;font-weight: normal; }

.content 	{width: 96%; max-width: 1500px;min-width: 320px;margin: 0 auto;}
.left 		{width: 50%;max-width: 900px;min-width: 300px;float: left;}
.leftBig	{width: 70%;float: left;}
.rightSmall	{width: 30%;float: right;}
.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;}


/*** TOP ***/
header                  	 {background: #fff;overflow: hidden;width: 100%;position: relative;float: left;border-bottom: 3px #dcd0c7 solid;z-index:99999;}
	#menu_right 	 	{float: right;}
	
		header nav               		{float: right;}
		header nav ul            		{float: right;padding-right: 20px;margin: 0;}
		header nav ul li        	 	{float: left;text-align: center;margin: 0 20px;}
		header nav ul li a       		{float: left;font-size: 14px;text-align: center;text-transform: uppercase;font-weight: normal;padding: 45px 0 40px;box-sizing: border-box;}
		header nav ul li a:hover 	{color: #7b4d28;border-bottom: 4px #7b4d28 solid;box-sizing: border-box;padding-bottom: 36px;}

		#mbMenu {display: none;}
		#mbMenu img {display: inline; margin-right: 10px; margin-bottom: -5px;}
		
		.boldBorder 		{border-bottom: 10px #000 solid;}
		 
#logo        {float: left;margin: 10px 0 0 20px;}
#logo img    {height: 80px;max-height: 128px;}

#secialLinks 	{float: right;background: url(images/img_slash.gif) no-repeat left center;margin-top: 40px;padding: 0 10px;}
	#secialLinks a {float: left;padding: 0px 40px;}
	#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: 120%;left: 0;max-width: 100vw;}
	#mainSlider .slider-mainImg    {width: 100%;min-width: 320px;height: auto;margin: 0 auto;}
	#mainSlider .slider-text 	 {position: absolute;bottom: 200px;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;width: auto;float: left;width: 100%;text-transform: uppercase;}
	#mainSlider .slider-bigText 	 span {background: #fff;padding: 15px;font-family: 'Kaushan Script', cursive;}
	#mainSlider .slider-smallText{font-size: 14px;line-height: 32px;display: box;color: #fff;padding: 10px;float: left;width: 100%;margin-top: 8px;}
	#mainSlider .slider-smallText span{padding: 10px;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;padding-top: 40px;}
	#contentB .content			{background: url(images/decor_content.gif) center bottom no-repeat;}
	#contentB .content-title		{width: 100%;margin: 0 auto;text-align: center;}
	#contentB .content-title	 img	{width: 339px;margin: 0 auto;text-align: center;}
	#contentB .content-desc		{width: 100%;margin: 20px auto 50px;text-align: center;float: left;}
	#contentB .content-desc	p	{width: 100%;text-align: center;font-size: 16px;line-height: 28px;}

	
#contentBpage						{width: 100%;float: left;margin-top: 20px;}
	#contentBpage .content			{background: url(images/decor_content.gif) center 97% no-repeat;min-height: 70vh;padding-bottom: 50px;}
	#contentBpage .content-title		{width: calc(100% - 60px);float: left;text-align: left;color: #331e0d;font-family: 'Playfair Display', sans-serif;font-size: 48px;font-style: italic;border-bottom: 1px #bebebe solid;padding: 0 30px 15px;}
		.ct {max-width: 1500px;margin: 0 auto;text-align: left;font-family: 'Playfair Display', sans-serif;}
	#contentBpage .content-desc		{width: 100%;margin: 20px auto;text-align: justify;float: left;}
	#contentBpage .content-desc	p	{width: 100%;text-align: justify;font-size: 16px;line-height: 28px;margin-bottom: 10px;} 
	#contentBpage .content-desc	a	{font-weight: bold;}
	
	.content-desc table					{margin-right: 3%;margin-bottom: 50px;}                 
	.content-desc tr 					{padding: 1px 0;width: 100%;font-size: 14px !important;border-bottom: 1px #cecece solid;padding-top: 2px;float: left;box-sizing: border-box;}  
	.content-desc tr  td				{font-size: 14px !important;box-sizing: border-box;padding: 5px;float: none;}
	.content-desc tr  td:nth-child(1) 	{float: left;max-width: 75%;}      
	.content-desc tr  td:nth-child(2) 	{float: right;max-width: 20%;}    
	.content-desc tr  td p				{font-size: 14px !important;}   
	
	#aboutLeft	 {text-align: justify;width: 66%;float: left;}  
	#aboutLeft  p {text-align: justify;padding: 0px 20px 20px;float: left;box-sizing: border-box;}
	#aboutRight	 {width: 33%;float: right;}
		#aboutRight a	   {float: right; width: 100%;overflow: hidden;text-align: center;margin-bottom: 20px;}
		#aboutRight a img   {min-width: 100%;margin: 0 auto;margin-left: 50%;transform: translateX(-50%);}
		
	#productImgContainer {width: 100%;}
	.smallPhoto {width: calc(25% - 20px);margin: 0 20px 20px 0;float: left;height: 200px;overflow: hidden;}
	.smallPhoto img{min-width: 100%;min-height: 100%; } 
	#productDatasheet	{float: left;width:  33%;}
		
	.itemContainer	{width: 25%;text-align: center;float: left;padding: 20px 0;box-sizing: border-box;}
	.itemContainer	a {padding: 0;margin: 0;}
	.itemContainerBG	{background: #f3f3f3;}
	.itemImg		{width: 99%;max-width: 300px;margin: 0 auto;box-sizing: border-box;overflow: hidden;height: 250px;}
	.itemImg img		{min-height: 100%;min-width: 100%;}
	.itemTitle		{font-weight: bold;font-size: 24px;padding: 10px 0;text-align: center;}
	
	#contact-form iframe	 {width: 100%;text-align: center;}
	
	.aboutMe-photo 		{width: 33%;overflow: hidden;float: left;height: 250px;}
	.aboutMe-photo img	{width: 120%;float: left;}
	
	.backButton {float: right;font-size: 14px;font-style: normal;margin-top: 30px;font-weight: bold;}
	.backButton img {height: 30px;margin-top: -5px;width: 40px;float: left;margin-right: 10px;}
	
#contentC					{width: 100%;background: none;float: left;margin: 40px 0 40px;}
	#contentC .content		{background: url(images/decor_content.gif) center bottom no-repeat;padding-bottom: 60px;}
	#contentC .content-title			{font-size: 24px;line-height: 40px;float: left;margin-bottom: 50px;}
	#contentC .content-title span		{border-bottom: 3px #7ac143 solid;padding-bottom: 10px;font-weight: bold;}
		.offer_block		{width: 31.333%;float: left;margin: 1%;overflow:hidden;position: relative;height: 250px;}
		.offer_block img		{min-height: 100%;min-width: 100%;float: left;height: 100%;}
		.offer_block .offer_frame	{position: absolute;top: 5px;left: 5px;width: calc(100% - 14px);height: calc(100% - 14px);border: 2px #fff solid;z-index: 1;}
		.offer_title				{position: absolute;bottom: 40px;left: 0px;background: #fff;width: calc(100% - 0px);padding: 5px 0;color: #331e0d;font-style: italic;font-family: 'Playfair Display', serif;text-align: center;font-size: 18px;}

	#lowerHeight  .offer_block {height: 180px;}

#contentD			 		{width: 100%;float: left;background: url(images/bg_contact.jpg) no-repeat top center;background-size: cover;color: #1d1c1d;overflow: hidden;padding-bottom: 50px;}
	#contentD .content-title		{width: 100%;margin: 30px auto;text-align: center;}
	#contentD .content-title	 img	{width: 339px;margin: 0 auto;text-align: center;}
		#contentD .contact_block {float: left;width: 18%;margin: 20px 1% 0;}
		#contentD .contact_block img {float: left;margin-right: 10px;}
		#contentD .contact_data 	{float: left;padding-top: 10px;}
		#contentD .contact_A		{color: #fff;font-size: 14px;}
		#contentD .contact_B		{color: #c2834e;font-size: 12px;}

		
/*** /MAIN ***/
/*** FOOTER ***/
footer {
	width: 100%;
	background: #151415;
	padding-bottom: 20px;
}
footer a {color: #5c4d49;}

	#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: #5c4d49;font-size: 14px;text-align: center;text-transform: uppercase;}
		footer nav ul li a:hover {color: #c2834e;border-bottom: 2px #c2834e solid;}
	
	footer .right  {padding-top: 20px;}
	footer .right  p {text-align: right;color: #fff;}
	footer #nameCompany {color: #7ac143;font-weight: bold;font-size: 24px;}
	footer #addressCompany {font-size: 18px;}
	footer #creators {color: #5c4d49;font-size: 14px;margin-top: 15px;}
	footer #creators a {color: #5c4d49;font-size: 14px;}
	
/*** /FOOTER ***/




	@media all and (max-width:1200px) { 
	}
	@media all and (max-width:799px) { 
		#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;}
		header nav ul          	{width: 100%;max-width: 100%;margin: 0;padding:0;}
		header nav ul li         	{width: 100%;max-width: 100%;margin: 0;padding:0;}
		header nav ul li a     	{margin: 0 0 10px;padding: 14px 0;float: left;width: 100%;text-align: center;}
		header nav ul li a:hover     {padding: 14px 0 10px;}
		#mainSlider .slider-bigText 	 span {font-size: 34px;}
		#mainSlider .slider-smallText span{font-size: 14px;}
		#menu_right 	{width: 100%;}
		#lowerHeight  .offer_block {height: 250px;}
		#aboutLeft, #aboutRight {width: 100%;}
		#aboutRight  a {width: 48%;margin: 1%;float: left;overflow: hidden;height: 250px;}
		.content-desc .left, #contact-form {width: 100% !important;text-align: center;}
		.content-desc .left p {width: 100%;text-align: center !important;}
		#contact-form 		 {width: 100%;text-align: center;}
		
		.itemContainer {width: 50%;}
		#threeCol 	.itemContainer	{width: 50%;}
		#fourCol 	.itemContainer	{width: 50%;}
		
		#contentBpage .content-title		{width: 96%;margin-left: 2%;padding: 0 0 15px;}
		#contentBpage .content-desc table	{width: calc(100% - 40px) !important;margin: 20px !important;}
		.smallPhoto {width: calc(33% - 20px);}
	
	
	}
	@media all and (max-width:620px) { 
		#contact {display: none;}
		#contentA {display: none;}
		.smallPhoto {width: calc(50% - 20px);margin: 0 10px 20px;}
	}
	@media all and (max-width:450px) { 
		#contentD .contact_block 	{width: 98%;text-align: center;}
		.offer_block				{width: 98%;}
		#aboutRight  a {width: 98%;}
		.smallPhoto {width: calc(100% - 20px);margin: 0 10px 20px;}
		.itemContainer {width: 100%;}
	}	
	@media all and (min-width:1400px) { 
		#logo img {height: 140px;}
		header nav ul li a     	{font-size: 18px;padding: 75px 0 65px;}
		header nav ul li a:hover     {padding: 75px 0 61px;}
		#secialLinks 	{margin-top: 75px;}
		#mainSlider .slider-bigText 	 {font-size: 62px;line-height: 56px;}
		#mainSlider .slider-smallText{font-size: 24px;line-height: 32px;margin-top: 25px;}
		#mainSlider         			 {min-height: 850px;} 
		#mainSlider .slider-text 	 {bottom: 300px;}
		#contentD .contact_A		{font-size: 18px;}
		#contentD .contact_B		{font-size: 14px;}
		.content	{max-width: 1500px;}     
		.offer_block {height: 300px;}		
		#lowerHeight  .offer_block {height: 230px;}	   
		.offer_title {padding: 5px 0;font-size: 24px;}

	}