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

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

.content 	{width: 98%; max-width: 1350px;min-width: 320px;margin: 0 auto;}
.left 		{width: 50%;max-width: 900px;min-width: 300px;float: left;}
.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: #101010;overflow: hidden;width: 100%;position: relative;padding-bottom: 20px;float: left;}
	#menu_right 	 {float: right;}
		.social 	 {float: right;margin-right: 35px;}
		.social  img	 {float: left;max-height: 24px;margin: 0 10px;margin-top: 0px;}
		.social a	 {padding: 40px 0 0 35px;float: left;color: #fff;font-size: 20px;line-height: 24px;letter-spacing: -1px;}
		#mobilePhone {display: none;color: #fff;float: left;width: 100%;text-align: center;}
		#mobilePhone img {display: inline; margin:  10px 10px -5px;}
		#mobilePhone a 	{display: inline; margin: 20px 10px 10px;color: #fff;font-size: 18px;width: 280px;}
	
		header nav               {float: right;margin: 20px 35px 0;}
		header nav ul            {float: right;}
		header nav ul li         {float: left;text-align: center;margin: 0 0 0 35px;}
		header nav ul li a       {padding: 0px 0px 10px;color: #f0f0f0;font-size: 14px;text-align: center;text-transform: uppercase;font-weight: bold;}
		header nav ul li a:hover {color: #fff;border-bottom: 2px #fff solid;}
		
		#mbMenu {display: none;}
		#mbMenu img {display: inline; margin-right: 10px; margin-bottom: -5px;}

#logo        	{float: left;margin: 15px 0 0 35px;}
#logo img    	{width: 80%;max-width: 400px;float: left;}

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

#contentA         	{width: 100%;float: left;}
	#contentA img {width: 100%;}
	#mainSlider         			 {width: 100%;min-height: 500px;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;}
	#mainSlider .slider-mainImg    {width: 100%;min-width: 320px;height: auto;margin: 0 auto;}
	#mainSlider .slider-text 	 {position: absolute;top: 100px;left: 10%;}
	#mainSlider .slider-tag 		 {display: none;}
	#mainSlider .slider-bigText 	 {font-size: 42px;line-height: 42px;display: box;color: #fff;background: #000;padding: 7px;font-weight: bold;float: left;}
	#mainSlider .slider-smallText{font-size: 42px;line-height: 42px;display: box;color: #fff;background: #de2a1b;padding: 7px;font-weight: bold;float: left;}
	#mainSlider .slider-button 	 {position: absolute;right: -135px;top:0;display: none;}
	
	
	

#contentApage		{width: 100%;height: 200px;overflow: hidden;}

	#pageLocation	{float: left;margin: 35px 20px;}
	#pageLocation a	{display: inline;color: #fff;}
	#pageLocation img{display: inline;margin: 0 20px;}
	#pageBackButton	{float: right;margin: 35px 20px;}
	#pageBackButton a	{float: left;color: #fff;}
	#pageBackButton img	{float: left;margin: 0 20px;}

	
	
#contentB					{width: 100%;float: left;margin-top: 0px;}
	#contentB .content		{background: #fff;text-align: center;position: relative;}
	.oneSquare				{width: 16.666%;float: left;padding: 20px 0;backgound: #fff;}
	.oneSquare_number	 	{margin: auto;border-radius: 35px;border: 1px #ededed solid;width: 70px;height: 70px;text-align: center;color: #fff;font-weight: bold;line-height: 70px;font-size: 24px;background: #dd2a1b;}
	.oneSquare_title	 	{width: 100%;text-align: center;color: #1a1b1f;line-height: 40px;font-size: 18px;font-family: 'Rajdhani', sans-serif;font-weight: bold;}
	.oneSquare:hover 		{background: #dd2a1b;}
	.oneSquare:hover .oneSquare_title   {color: #fff;}
	.oneSquare:hover .oneSquare_number {font-weight: bold;border: 1px #fff solid;}
	
#contentC					{width: 100%;background: url(images/bg_contentC.gif) no-repeat;background-size: cover;}
	#contentC .left 			{padding: 67px 0;}
	#contentC .left p		{padding-left: 40px;background: url(images/ico_tick.png) no-repeat left center;margin: 0px 0 20px 65px;font-size: 24px;font-weight: bold;line-height: 45px;}
	#contentC .right 		{position:relative;min-height: 395px;background: url(images/bg_contentC2.jpg) no-repeat top left;text-align: center;color: #fff;}
	#contentC .right  #text1	{width: 100%;text-align: center;font-size: 36px;font-weight: bold;margin-top: 80px;}
	#contentC .right  #text2	{width: 100%;text-align: center;font-size: 28px;}
	#contentC .right  #text3	{margin: 40px auto 0;min-width: 240px;width: 40%;text-align: center;font-size: 18px;border-top: 3px #dd2a1b solid;border-bottom: 3px #dd2a1b solid; font-weight: bold;font-size: 20px;}
	#contentC .right  #text3 a{color: #fff;}
	#contentC .right  #blackButton{color: #fff;background: #101010;padding: 10px 0;width: 100%;position:absolute;bottom: 0;left:0;}
		
#contentD			 {width: 100%;text-align: center;padding: 70px 0 40px;background: #dd2a1b; }
	#contentD_title	 {width: 100%;font-size: 42px;font-weight: bold;text-align: center;color: #fff;}
	#contentD_title p{width: 100%;text-align: center;color: #fff;font-family: 'Playfair Display', serif;font-weight: bold;}
	#contentD_desc	 {width: 70%;margin: 0 auto;padding: 20px 0;color: #fff;font-size: 16px;text-align: center;}
	#contentD_desc	p{text-align: center;width: 100%;}

#contentE 		  	{float: left;width: 100%;}
	#contentE img  	{max-width: 100%;}
	#contentE p      	{width: 100%;text-align: center;float: left;}
	#contentE_small	{font-size: 18px;margin-top: 20px;}
	#contentE_big	{font-size: 46px;margin-top: 30px;font-weight: bold;text-transform: uppercase;}
	#contentE_more	{margin-top: 40px;}
	#contentE_more a	{color: #dd2a1b;font-size: 24px;font-weight: bold;}
	#contentE .right {padding-top: 60px;}
	
	#redLink {text-transform: uppercase;text-align: center;margin: 0 auto; width: 100px;color: #fff;font-weight: bold;}
	
#contentF {background: url(images/bg_chata.gif) no-repeat center 50px #fff;background-size: 100% auto;color: #101010;float: left;width: 100%;padding-bottom: 100px;}
	#contentF .title 	{margin-top: 70px;font-weight: bold;font-size: 42px;}
	#contentF .desc		{margin: 20px 0;font-size: 18px;line-height: 28px;}
	#contentF .desc	p	{margin-bottom: 20px;}
	#contentF ul {list-style: disc;margin-left: 20px;}
	
	
	.itemContainer {float: left; width: 23%;min-width: 200px;margin: 1%;height: 200px;margin-bottom: 30px;}
		.itemImg	 {float: left; width: 100%;height: 200px;overflow: hidden;text-align: center;}
		.itemImg img   {min-width: 100%;min-height: 100%;margin: 0 auto;margin-left: 50%;transform: translateX(-50%);}
		.itemTitle	 {width: 100%;text-align: center;font-weight: bold;}
		
	#contactForm  input[type=text] 	{padding: 5px 10px;border: 1px #b0b0b0 solid;margin: 5px 0;width: 70%;min-width: 300px;}
	#contactForm  input[type=email] 	{padding: 5px 10px;border: 1px #b0b0b0 solid;margin: 5px 0;width: 70%;min-width: 300px;}
	#contactForm  input[type=submit] 	{padding: 10px 30px;margin: 5px 0;background: #d7d7d7;}
	#contactForm  textarea			 	{padding: 5px 10px;border: 1px #b0b0b0 solid;margin: 5px 0;width: 70%;min-width: 300px;min-height: 200px;}
/*** /MAIN ***/
/*** FOOTER ***/
footer {
	width: 100%;
	background: #101010;
	padding-bottom: 50px;
}
footer a {color: #fff;}

	#menu_left 	 {float: left;min-width: 320px;}
	#menu_left	.social 	 {float: left;margin-right: 35px;}
	#menu_left	.social  img	 {float: left;max-height: 24px;margin: 0 10px 0 0 ;margin-top: 0px;}
	#menu_left	.social a	 {padding: 50px 35px 0 0px;float: left;color: #fff;font-size: 20px;line-height: 24px;letter-spacing: -1px;}
	
		footer nav               {float: left;margin: 10px 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 0px 10px;color: #f0f0f0;font-size: 14px;text-align: center;text-transform: uppercase;font-weight: bold;}
		footer nav ul li a:hover {color: #fff;border-bottom: 2px #fff solid;}
	
	footer .right  {padding-top: 50px;}
	footer .right  p {text-align: right;color: #fff;}
	footer #nameCompany {color: #dd2a1b;font-weight: bold;font-size: 24px;}
	footer #addressCompany {font-size: 18px;}
	footer #creators {color: #4c4c4c;font-size: 14px;}
	footer #creators a {color: #4c4c4c;font-size: 14px;}
	
/*** /FOOTER ***/

	@media all and (min-width:1800px){ 
	#mainSlider         			 {width: 100%;min-height: 600px;margin: 0;float: left;position: relative;z-index:0;overflow: hidden;}
	#mainSlider .slider-image 	 {float: left;width: 100%;min-width: 520px;position: absolute; top: 800px;left: 0;}
	#mainSlider .slider-mainImg    {width: 100%;min-width: 520px;height: auto;margin: 0 auto;}
	}

	
	@media all and (max-width:980px) {		
		.social 		 		{display: none;}
		#mobilePhone 		{display: block;}		
		#contentApage		{height: 100px;}
		#contentC .left  	{width: 100%;padding: 50px 0;}
		#contentC .left  p	{max-width: 320px;margin: 0 auto;font-size: 18px;}
		#contentC .right		{width: 100%;background-size: cover;}
		#contentC .right  #text1	{margin-top: 40px;font-size: 30px;}
		#contentE .left 		{display: none;}
		#contentE .right		{width: 100%;}
		#contentF .title		{margin-top: 30px;}
	}

	@media all and (max-width:620px) {	
		#logo				{width: 100%;text-align: center;margin: 10px 0;}
		#logo img 			{float: none;margin: 0;}
		#menu_right			{width: 100%;} 
		header				{overflow: hidden;text-align: center;}
		header nav 		       {margin: 0 ;width: 100%;text-align: center;}
		header nav ul	       {width: 100%;text-align: center;margin-top: 10px;}
		header nav ul li  	       {width: 100%;text-align: center;float: none;height: 30px;margin:0;}
		header nav ul li a        {padding: 10px 0px;width: 100%;text-align: center;float: left;}
		#mbMenu 				{display: block;}
		
	} 
	@media all and (max-width:749px) {		
		#contentD_title  {font-size: 34px;}
		footer nav ul li 		{margin: 20px;} 
		footer .right  p 	{text-align: center;}
	}

	@media all and (max-width:600px) {		
		#contentA 		 	{display: none;}
		#contentB			{margin-top: 0px;}
		.oneSquare			{width: 33.33%;float: left;padding: 20px 0;backgound: #fff;}
		#contentF .left, #contentF .right {width: 100%;}
		#contentF .left .productImgContainer a {width: 20% !important;float: left;}
		#contentF .left .productImgContainer a img {height: 100px !important;}
	}