html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

ul , li { float:left; display:inline; }
em, i { font-style:normal; }

:focus { outline: 0; }

ins { text-decoration: none; }
del {	text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

html { background:#F4F4F4 url(../images/bg-lines.png); }

body { margin:0; color:#333; font-size:15px; font-family:Roboto, Arial; line-height:20px; background:url(../images/bg.png) repeat-y center top; }

*::-moz-selection { background:#00526C; color:#FFF; }
*::selection { background:#00526C; color:#FFF; }

a { color:#E5333E; text-decoration:none;  }
a:hover { color:#00526C; text-decoration:none; }

input, textarea, select { font-family:Arial; font-size:12px; }

.fl { float:left; }
.fr { float:right !important; }

.mt10 { margin-top:10px;}
.ml10 { margin-left:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.tac { text-align:center; }
.tar { text-align:right; }

input, textarea, select { float:left; font-size:15px; color:#666; margin:0; font-family:Roboto, Arial; }
textarea { padding-top:10px !important; padding-bottom:15px !important; }
select { padding:0 10px !important; }

.input { 
	width:100%;
	height:35px;
	border:1px solid #ADADAD;
	background:#F9F9F9; 
	padding:0 10px;
	margin:0;
	box-shadow:inset 2px 2px 0 rgba(0, 0, 0, 0.07);
	border-radius:2px;
	}
	
.input:focus { border-color:#666; background:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.15); }

.button {
	float:none;
	height:40px;
	font-size:17px;
	font-family:Roboto, Arial;
	font-weight:700;
	line-height:38px;
	display:inline-block;
	padding:0 40px;
	cursor:pointer;
	border:1px solid #003D51;
	color:#FFF; 
	background:#00526C;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
	border-radius:2px;
	}

	.button:hover { background:#E6353E; border-color:#C51821; }

.mtr { width:100%; display:inline-block; box-shadow:0 0 150px rgba(0, 0, 0, 0.9); }

/*	Start TOP	*/

.wrap-out { float:left; width:100%; padding-bottom:30px; }
.wrap { margin:0 auto; width:1000px; }

#header { float:left; width:100%; height:150px; background:url(../images/header.png) no-repeat center top; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); position:relative; }

	#logo { float:left; width:230px; height:105px; }
		#logo a { display:block; width:100%; height:100%; background:url(../images/logo.png) no-repeat center top; background-size:100%; text-indent:-9999px; }
	
	.top-mail { 
		float:right; 
		height:45px; 
		padding-right:60px; 
		margin-top:30px;
		background:url(../images/top-mail.png) no-repeat right top; 
		background-size:45px;
		color:#FFF;
		line-height:43px; 
		font-family:Roboto Condensed; 
		text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
		}

		.top-mail a , .top-phone a { color:#FFF; }
		.top-mail a:hover , .top-phone a:hover { color:#FC3; }
		
	.top-phone { 
		float:right; 
		height:45px; 
		padding:0 60px 0 25px; 
		margin:30px 0 0 25px; 
		text-align:left; 
		background:url(../images/top-phone.png) no-repeat right top; 
		background-size:45px; 
		border-left:1px solid rgba(250, 250, 250, 0.1);
		color:#FFF;
		line-height:43px; 
		font-family:Roboto Condensed; 
		text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
		}

	#nav { float:left; width:100%; text-align:center; }
		#nav ul { float:none; width:1000px; display:inline-block; }
			#nav li { position:relative; box-shadow:inset 1px 0 0 rgba(250, 250, 250, 0.15) , inset -1px 0 0 rgba(0, 0, 0, 0.1); }
			#nav li:first-child { box-shadow:inset -1px 0 0 rgba(0, 0, 0, 0.1); }
			#nav li:last-child { box-shadow:inset 1px 0 0 rgba(250, 250, 250, 0.15); padding-right:0; }
				#nav li a { 	
					float:left; 
					padding:0 25px; 
					color:#FFF; 
					font-size:17px; 
					line-height:45px; 
					font-family:Roboto Condensed; 
					font-weight:700; 
					text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3); 
					background:url(../images/arrow-white.png) no-repeat center 70px;
					transition:all 0.3s;
					}
					
				#nav li a:hover , #nav li a.active { background-position:center bottom; }
			
	#nav-close-btn { display:none; }

.welcome { float:left; width:100%; height:350px; padding-top:30px; background:url(../images/welcome.jpg) no-repeat center top; text-shadow:1px 1px 0 rgba(250, 250, 250, 0.65); }
	
	.welcome h3 { float:left; width:100%; height:80px; padding-left:55px; background:url(../images/icon-star.png) no-repeat; color:#E5343E; font-size:45px; line-height:76px; }
	
	.welcome ul { padding:25px 0 13px 30px; }
		.welcome li { width:100%; height:35px; padding:2px 0 0 40px; font-size:18px; font-weight:700; color:#00526C; background:url(../images/icon-ok.png) no-repeat; }
	
	.welcome span { float:left; width:100%; color:#191E21; }

/*	Finish TOP	*/

#footer { float:left; width:100%; font-size:15px; color:#666; text-shadow:1px 1px 0 #FFF; background:#FFF; position:relative; text-align:center; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.08); }
		
	.question { float:left; width:100%; height:115px; padding-top:40px; font-size:21px; line-height:30px; color:#666; background:url(../images/footer-arrow.png) no-repeat center top; text-align:center; }
		
		.question span { display:block; padding-bottom:2px; font-size:28px; font-weight:500; font-family:Roboto Condensed; color:#E6353E; }
		
	.mailphone { float:left; width:100%; height:75px; font-size:17px; font-family:Roboto Condensed; font-weight:700; color:#E5343E; line-height:40px; }
		
		.footer-mail { float:left; width:50%; height:50px; padding-right:65px; text-align:right; background:url(../images/footer-mail.png) no-repeat right top; background-size:40px; border-right:15px solid #FFF; }
		.footer-phone { float:left; width:50%; height:50px; padding-left:65px; text-align:left; background:url(../images/footer-phone.png) no-repeat; background-size:40px; border-left:15px solid #FFF; }
	
.bottom { float:left; width:100%; min-height:270px; padding-top:20px; background:url(../images/bottom.png) no-repeat center top; font-size:12px; text-shadow:1px 1px 0 #FFF; }
	
	.bottom h5 { float:left; width:100%; padding:9px 0 6px 0; font-size:17px; font-weight:700; color:#E6353E; }
	
	.bottom-about { float:left; width:250px; padding-top:75px; }
	
	.bottom-address { float:left; width:330px; margin-left:70px; }
		.bottom-address ul { width:100%; }
			.bottom-address li { width:100%; }
				.bottom-address li span { float:left; width:60px; font-weight:700; }
				.bottom-address li i { float:left; width:30px; }
				.bottom-address li em { float:left; width:240px; }
				
	.bottom-links { float:right; width:300px; }
		.bottom-links ul { width:100%; }
			.bottom-links li { width:50%; }
				.bottom-links li a { color:#333; }
				.bottom-links li a:hover { color:#E6353E; }
	
	.bottom-share { float:right; width:300px; padding:25px 0; }
		.bottom-share li { float:left; padding-right:20px; }
			.bottom-share li img { float:left; }
			.bottom-share li img:hover { opacity:0.7; filter:alpha(opacity=70); }
			
	.copyright { float:left; width:100%; text-align:center; line-height:65px; color:#666; background:url(../images/bottom-line.png) no-repeat center top; }
	
/*	Finish FOOTER	*/

.page-name { float:left; width:100%; padding:24px 0; text-align:center; color:#E5333E; font-size:42px; font-family:Roboto Condensed; font-weight:700; line-height:50px; }
	
.left-block { float:left; width:710px; }
	
	.home-about { float:left; width:100%; font-size:15px; line-height:22px; }

.right-block { float:right; width:250px; padding-top:35px; }

	.price { 
		float:left; 
		width:100%; 
		height:165px;
		background:url(../images/price.png) no-repeat center top; 
		background-size:100%;
		color:#FFF; 
		font-size:14px; 
		font-weight:700; 
		text-shadow:1px 1px 0 rgba(0, 0, 0, 0.33); 
		text-align:center;
		position:relative;
		}
		
		.price i { float:left; width:100%; height:50px; line-height:50px; font-size:18px; font-family:Roboto Condensed; }
		.price span { float:left; width:100%; height:90px; padding:0 55px; text-align:right; }
			.price span em { display:block; padding-top:16px; font-size:45px; line-height:44px; text-align:center; }
			
		.price::after { float:left; content:" "; background:url(../images/shadow-left.png) no-repeat; width:100%; height:25px; position:absolute; left:0; bottom:0; }

	.right-images { float:left; width:100%; }
		.right-images ul { width:100%; }
			.right-images li { width:100%;  }
				.right-images li a { display:block; padding-bottom:25px; background:url(../images/shadow-right.png) no-repeat bottom right; }
				.right-images li.shadow-left a { background:url(../images/shadow-left.png) no-repeat bottom left; }
					.right-images li a img { width:100%; }
					.right-images li a img:hover { opacity:0.8; }
				
.app-form { float:left; width:100%; min-height:450px; padding-top:25px; margin-top:15px; background:url(../images/application-form.jpg) no-repeat center bottom; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.05); }

	.app-form h4 { float:left; width:100%; font-size:27px; font-weight:300; line-height:30px; }
		.app-form h4 em { font-weight:700; color:#E6353E; }
	
	.app-form-contact { float:left; width:100%; padding-bottom:10px; font-size:17px; font-family:Roboto Condensed; font-weight:700; line-height:43px; text-align:center; text-shadow:1px 1px 0 #FFF; }
		
		.app-form-contact h5 { 
			float:left; 
			width:260px; 
			height:50px; 
			padding-left:30px; 
			background:#E6353E url(../images/icon-info.png) no-repeat 10px 10px; 
			border-radius:25px; 
			font-family:Roboto; 
			font-weight:700; 
			line-height:50px; 
			color:#FFF; 
			text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);
			}
			
		.app-form-contact ul { width:100%; padding:20px 0 25px 0; }
			.app-form-contact li { height:45px; padding:0 29px; margin-right:15px; border:1px solid #DDD; border-radius:25px; background:#F7F7F7; color:#E6353E; }
			.app-form-contact li:hover { border-color:#999; border-radius:25px; background:#F7F7F7; color:#E6353E; }
			
	.app-form-wrap { float:left; width:730px; }
	
		.app-form p { float:left; width:50%; padding-right:20px; }
			.app-form p label { float:left; width:100%; height:35px; padding-top:9px; font-weight:700; }
				.app-form p label em { color:#E6353E; }
			.app-form p i { float:left; width:100%; }
				.app-form p i img { float:left; width:135px; height:35px; padding:4px; margin-right:5px; border:1px solid #9A9A9A; border-radius:2px; }
				.app-form input.s-code { width:205px; }
			
		.app-form span { float:left; width:100%; padding-right:20px; }
		
			.app-form span.check-it { height:50px; padding-top:16px; font-size:17px; font-weight:700; color:#E6353E; }
				.app-form span.check-it input { margin:4px 7px 0 0; }
	
.page-title { float:left; width:100%; padding:55px 0 26px 0; text-align:center; color:#E5343E; font-size:27px; font-weight:500; line-height:30px; }

.page-info { float:left; width:100%; padding:30px 50px 34px 50px; font-size:17px; font-weight:300; line-height:25px; color:#666; text-align:center; background:url(../images/spacer.png) no-repeat center top; }
	
.home-references { float:left; width:100%; text-align:center; }

	.home-references ul { width:100%; box-shadow:inset 1px 0 0 #E8E8E8 , inset 0 1px 0 #E8E8E8; }
		.home-references li { width:20%; }
			.home-references li a { 
				float:left; 
				width:100%; 
				height:200px; 
				padding:10px; 
				box-shadow:inset -1px 0 0 #E8E8E8; 
				border-bottom:1px solid #E8E8E8; 
				font-family:Roboto Condensed; 
				line-height:16px; 
				transition:all 0.4s;
				position:relative;
				color:#666;
				}
				
			.home-references li a:hover { box-shadow:0 0 30px rgba(0, 0, 0, 0.3); border-color:#FFF; background:#FFF; }
				.home-references li a img { float:left; width:100%; }
				.home-references li a span { 
					position:absolute; 
					height:83px; 
					padding:39px 15px 0 15px; 
					font-size:14px; 
					font-family:Roboto Condensed; 
					font-weight:700; 
					overflow:hidden; 
					left:10px; 
					bottom:10px; 
					right:10px;
					text-align:left;
					background:url(../images/ref-mask.png) no-repeat;
					background-size:100% auto;
					transition:all 0.3s;
					}
					
				.home-references li a:hover span { color:#FFF; background-position:0 -120px; }

/*	Finish CONTACT	*/




@media only screen and (max-width:768px) {

.input { height:40px; }

#header { height:50px; padding:0; text-align:center; background:#E5333E; z-index:1000; position:relative; }

	#logo { width:100%; height:56px; padding:0 75px; margin-top:-6px; background:url(../images/arrow-white.png) no-repeat center bottom; }
		#logo a { background-size:auto 55px; margin-left:8px; }
		
	.top-mail { 
		position:absolute;
		top:0;
		right:0;
		width:50px;
		height:50px; 
		padding:0; 
		margin:0;
		background-position:center; 
		background-size:30px;
		box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.07);
		text-indent:-9999px;
		}
	
		.top-mail a { display:block; width:100%; height:100%; }
	
	.top-phone { display:none; }
	
.welcome { float:left; width:100%; height:auto; padding:0 20px 26px 20px; text-align:center; font-family:Roboto Condensed; background-size:auto 100%; background-image:url(../images/welcome-mobile.jpg); }
	
	.welcome h3 { height:auto; padding:15px 0 14px 0; background:none; font-size:27px; line-height:30px; }
	
	.welcome ul { padding:0 0 0 10px; }
		.welcome li { height:30px; padding:0 0 0 30px; font-size:15px; text-align:left; background-size:20px; }

.wrap { float:left; width:100%; }

.wrap-out { padding:0 30px 30px 30px; background:#EEE; }
	.wrap-out .wrap { float:left; width:100%; padding:20px; background:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); border-radius:0 0 2px 2px; }
	
.bottom { padding:20px 20px 0 20px; text-align:center; background-size:2400px 270px; }
	
	.bottom h5 { text-align:center; }
	
	.bottom-about { width:100%; padding:5px 0 20px 0; margin-bottom:10px; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
	
	.bottom-address { float:left; width:100%; margin:0 0 7px 0; text-align:left; padding-bottom:17px; border-bottom:1px solid rgba(0, 0, 0, 0.06); }
		.bottom-address li span { width:20%; }
		.bottom-address li i { width:5%; }
		.bottom-address li em { width:75%; }

	.bottom-links { width:100%; text-align:left; }
	
	.bottom-share { width:100%; padding:25px 0; }
		.bottom-share ul { float:none; display:inline-block; }
			.bottom-share li { padding:0 10px; }
			
	.copyright { line-height:20px; padding:20px 0; }	
	
.page-name { padding:1px 0 7px 0; text-align:center; color:#E5333E; font-size:30px; line-height:35px; }

.left-block { width:100%; border-bottom:1px solid #EEE; padding-bottom:20px; }
	.home-about { font-weight:400; }
	
.right-block { width:100%; text-align:center; padding-top:25px; }

.right-images li { width:50%; padding-left:10px; padding-right:10px; }

.app-form { padding-bottom:30px; background-position:right bottom; background-size:auto 95px; }

	.app-form h4 { font-size:23px; line-height:26px; text-align:center; }
	
	.app-form-contact ul { padding:15px 0 5px 0; }
	
		.app-form-contact li { width:100%; margin:0 0 15px 0; }
		
	.app-form-contact h5 { width:100%; }
	
	.app-form-wrap { width:100%; }
		.app-form-wrap p { width:100%; padding:0; }
		
		.app-form p i img { margin:0 0 10px 0; }
		.app-form input.s-code { width:100%; }
		.app-form span.check-it { font-family:Roboto Condensed; font-size:15px; }
		.app-form span.check-it input { margin:2px 5px 0 0; }

.page-title { font-weight:700; font-family:Roboto Condensed; font-size:23px; padding:41px 0 21px 0; }

.page-info { padding:30px 0 24px 0; }

.home-references li { width:33.33%; }
.home-references li:last-child { display:none; }
	.home-references li a { height:auto; overflow:hidden; }
	.home-references li a:hover span { background-position:0 -125px; }

}





@media only screen and (max-width:480px) {

.welcome { background-position:62% top; }
	
#footer { float:left; width:100%; font-size:15px; color:#666; text-shadow:1px 1px 0 #FFF; background:#FFF; position:relative; text-align:center; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.08); }
		
	.question { font-family:Roboto Condensed; background-position:center 1px; }
		
		.question span { font-weight:700; }
		
	.mailphone { height:auto; padding-bottom:20px; }
		
		.footer-mail , .footer-phone { width:100%; height:auto; padding:40px 0 5px 0; text-align:center; background-position:center top; border:none; }	
		
.bottom { background-size:auto 270px; }

.wrap-out { padding:0 10px 15px 10px; }

.right-images { float:none; margin:0 auto; max-width:250px; }
	.right-images li { width:100%; padding-left:0; padding-right:0; }

.home-references ul { float:none; max-width:250px; display:inline-block; }
	.home-references li { width:100%; }
		.home-references li a span { padding-right:70px; }
		.home-references li a:hover span { color:#FFF; background-position:0 -150px; }

}