/* common */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #cdcdcd; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
ul { list-style-type: none; }
fieldset, input, textarea { border: 0; }

.centering { width: 962px; margin: auto; position: relative; }

/* section  */
#section { position: relative; display: block; width: 100%; min-height: 100%; }

/* page wrap */
#page-wrap { margin: 0 auto; width: 100%; }

	/* header */
	#header-wrap { position: relative; width: 100%; background-color: #cfcfcf; }
	#header-wrap .logo { float: left;  }
	#header-wrap .logo a { display: block; }
		
		/* top block */
		.top-block { width: auto; border: 1px solid #fff; border-bottom: none; margin-top: 9px; overflow: hidden; background: #fff url('../images/top_bg.png') center top no-repeat; }
		.top-block .right { padding: 36px 0 0 13px; box-sizing: border-box; margin-top: 11px; width: 230px; border-left: 1px solid #b4c1cb; float: right; }
		.top-block span { font-size: 13px; line-height: 14px; color: #005da3; display: block; font-weight: bold; text-transform: uppercase; letter-spacing: -0.03em;  }
		.top-block span.text { font-size: 29px; line-height: 30px; color: #ef3e46; font-weight: normal; }
		
		/* nav block */
		.nav-block { width: auto; background-color: #005da3; }
		.nav-block a.tab { display: none; }
		.nav-block .menu { background: url('../images/menu.jpg') repeat-x left top; }
		.nav-block li { float: left; }
		.nav-block li a { padding: 0 35px; text-decoration: none; font-size: 15px; line-height: 50px; color: #fff; display: block; }
		.nav-block li.active a, .nav-block li a:hover { background: url('../images/menu_hover.png') left top repeat-x;  }
	
	/* slider */
	#slider-wrap { width: 100%; }
		
		/* slider block */
		.slider-block { width: 100%; height: 250px; overflow: hidden; background: url('../images/slider_bg.png') repeat-x left top; }	
		.slider-block li { width: 100%; }
		.slider-block li img { width: 100%; }
		
		/* banner block */
		.banner-block { width: 100%; overflow: hidden; background: url('../images/slider_bg.png') repeat-x left top; }	
		.banner-block img { width: 100%; }  
	
	/* content */
	#content-wrap { width: 100%; }
		
		/* center */
		#center-wrap { width: 100%; }
		#center-wrap #leftside { width: 74.8%; float: left; min-height: 448px; background-color: #fff; }
		#center-wrap #rightside { width: 24.9%; float: right; min-height: 448px; background-color: #dff1fb; }
		#center-wrap .centering { background: url('../images/center_bg.png') repeat-y right center;  }
		#center-wrap .border { width: auto; border-top: 13px solid #ec2029; }
		
			/* welcome block */
			.welcome-block { padding: 35px 29px; width: auto; }
			.welcome-block h1 { padding-bottom: 22px; font-size: 20px; line-height: 24px; color: #005da3; }
			.welcome-block p { padding-bottom: 13px; font-size: 13px; line-height: 22px; color: #373737; }
			.welcome-block p a { display: inline-block; }
			.welcome-block p a:hover, .welcome-block.about p a:hover { color: #ec1c24; }
			.welcome-block h2 { padding-bottom: 12px; font-size: 17px; line-height: 24px; color: #005da3; font-weight: bold;  }
			.welcome-block.about p a { color: #373737; } 
			.welcome-block h3 { font-size: 17px; line-height: 24px; color: #005da3; }
			.welcome-block ul { padding: 10px 0; }
			.welcome-block li { font-size: 13px; line-height: 22px; color: #373737; font-weight: bold; }
			
			/* welcome block */
			.shop-block { padding: 35px 15px; width: auto; }
			.shop-block span { display: block; text-align: center; }
			.shop-block span.text1 { font-size: 22px; line-height: 24px; color: #005da3; font-weight: bold; }
			.shop-block span.text2 { font-size: 14px; line-height: 24px; color: #333; }
			.shop-block img { width: auto; margin: auto; }
			.shop-block.about span { text-align: left; }
			.shop-block.about img { margin-top: 20px; border: 4px solid #b5e0ff; }
			.shop-block p { padding-top: 20px; font-size: 12px; line-height: 20px; color: #666; }
			.shop-block address { padding-top: 20px; font-size: 14px; line-height: 24px; color: #333; font-style: normal; }
			.shop-block address a { padding-left: 7px; display: inline-block; background: url('../images/link-icon.png') left center no-repeat; }
			.shop-block img.img { border: none; margin-top: 30px; }
			.shop-block a.register { margin-top: 20px; font-size: 12px; line-height: 15px; color: #373737; display: block; text-align: center; }
			.shop-block a.register:hover { color: #ec1c24; }
			
			/* news block */
			.news-block { padding: 35px 29px; width: auto; }
			.news-block h2 { padding-bottom: 8px; font-size: 17px; line-height: 24px; color: #005da3; font-weight: bold;  }
			.news-block h3 { font-size: 17px; line-height: 24px; color: #005da3; }
			.news-block p { padding-bottom: 13px; font-size: 13px; line-height: 22px; color: #373737; }
			.news-block li { padding-top: 10px; width: auto; border-bottom: 1px solid #474747; min-height: 225px; }
			
			/* contact block */
			.contact-block { padding: 35px 29px; width: auto; }
			.contact-block h2 { padding-bottom: 8px; font-size: 17px; line-height: 24px; color: #005da3; font-weight: bold;  }
			.contact-block ul { padding: 13px 0 0 10px; }
			.contact-block li { overflow: hidden; margin-bottom: 5px; }
			.contact-block label { font-size: 13px; line-height: 24px; color: #373737; display: block; float: left; width: 165px; }
			.contact-block input[type='text'] { padding: 2px 5px; font-size: 13px; line-height: 16px; height: 16px; color: #5c5c5c; border: 1px solid #abadb3; width: 250px; }
			.contact-block input[type='text']:focus,.contact-block textarea:focus { border-color: #7eb4ea; }
			.contact-block input[type='text']:hover,.contact-block textarea:hover { border-color: #7eb4ea; }
			.contact-block textarea { padding: 2px 5px; font-size: 13px; line-height: 16px; height: 76px; color: #5c5c5c; border: 1px solid #abadb3; width: 250px; }
			.contact-block input[type='submit'] { padding: 0 20px; font-size: 13px; line-height: 20px; color: #000; border: 1px solid #acacac; cursor: pointer; background-color: #ececec; } 
			.contact-block input[type='submit']:hover { color: #990000; border-color: #990000; }
			.contact-block input[type='text'].number { width: 100px; }
			.contact-block input[type='text'].code { width: 60px; }
			.contact-block span { font-size: 12px; line-height: 24px; color: #373737; display: inline-block; }
			.contact-block a.term { color: #373737; }
			.contact-block a.term:hover { color: #00f; }
	
	/* footer wrap */
	#footer-wrap { width: 100%; }
	
		/* footer block */
		.footer-block { padding: 24px 29px; width: auto; border-top: 1px solid #005da3; background: url('../images/footer_bg.png') repeat-x left top; }
		.footer-block p { font-size: 12px; line-height: 14px; color: #fff; }
		.footer-block p a { display: inline-block; text-decoration: none; color: #fff; }
		.footer-block p a:hover { color: #0db1ef; }
		 


	@media only screen and (max-width: 961px) {
		
		.centering { padding: 0 10px; width: auto; }
		
		.top-block { background-size: cover; }
		
		.nav-block li a { padding: 0 28px; }
		
		.slider-block { height: auto; }
		
		.shop-block img { width: 155px; }
		.shop-block img.img { width: 165px; }
		
		#center-wrap #rightside { width: 25.2%; min-height: 622px; }
		#center-wrap #leftside { min-height: 622px; }
		#center-wrap .centering { background: none; }
		
		
	}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.centering { padding: 0 5px; width: auto; }
		.top-block { background: #fff; }
		
		#header-wrap .logo { float: none; } 
		#header-wrap .logo img { width: auto; margin: auto; }
		
		.top-block .right { padding: 0 0 10px 0; margin: 0; width: auto; float: none; border-left: none; text-align: center; }
		
		#center-wrap .centering { border-top-width: 7px; background: none; }
		#center-wrap #leftside { width: 100%; min-height: inherit; }
		#center-wrap #rightside { width: 100%; min-height: inherit; }
		
		.nav-block, .nav-block .menu { background: none; }
		.nav-block a.tab { padding: 10px 10px 6px 10px; display: block; background-color: #005da3; }
		.nav-block a.tab span { width: 30px; height: 3px; display: block; margin-bottom: 4px; background-color: #fff; }
		.nav-block ul { display: none; background-color: #005da3; }
		.nav-block li { float: none; }
		.nav-block li a { padding: 0 0 0 10px; line-height: 30px;  }
		.nav-block li a:hover { color: #005da3; background: #fff; }
		
		.welcome-block, .contact-block { padding: 20px; }
		
		.shop-block img { width: auto; } 
		
		.footer-block { padding: 16px 29px; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 768px){
		
		.nav-block ul { display: block !important; }
	
	}