@charset "utf-8";
@import url("../reset.css");
@import url(../css/image1.image);


img, object, embed, video { max-width: 100%; }

/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }

input, button, a { -webkit-transition: all 300ms; transition: all 300ms; }


body { background: #fff; font-family: 'Roboto', sans-serif; }
.container { max-width: 940px; padding: 0 15px; margin: 0 auto; }
.clear { clear: both; }
.yellow { color: #fef510; }
input, button { font-family: 'Roboto', sans-serif; }
.b-title { font-size: 35px; color: #000; text-align: center; font-weight: 700; text-transform: uppercase; padding: 0 0 14px; line-height: 35px; }
.b-title-line { width: 132px; height: 3px; margin: 0 auto 60px; background: #fef510; }


.block1 { background: #2c3674 url(../img/bg3.jpg) no-repeat top center; width: 100%; display: inline-block; padding: 0 0 90px; }
	.header { padding: 18px 0; width: 100%; display: inline-block; }
		.h-logo { float: left; margin: 12px 0 0 0; }
			.h-logo-text { font-size: 28px; font-weight: 900; color: #fff; text-transform: uppercase; line-height: 28px; padding: 3px 0; float: left; margin: 0 16px 0 0; }
			.h-logo-desc { font-weight: 100; font-size: 14px; color: #96a4c9; line-height: 17px; float: left; }
		.h-right { float: right; padding: 0 27px 0 30px; font-size: 18px; color: #c7d1ec; line-height: 22px; background: url(../img/h-phone.png) no-repeat left center; }
			.h-right a { font-size: 36px; color: #fff; font-weight: 700; line-height: 38px; text-decoration: none; }
	.block1-container { max-width: 375px; padding: 100px 0 67px; }
		.b1-text1 { font-size: 25px; color: #fef510; text-transform: uppercase; line-height: 27px; padding: 0 0 11px; border-bottom: 1px solid #6c78a7; white-space: nowrap; }
		.b1-text2 { font-size: 54px; line-height: 60px; padding: 14px 0 0 0; font-weight: 900; color: #fff; white-space: nowrap; text-transform: uppercase; letter-spacing: 1.2px; }
		.b1-text2 span { font-size: 67px; letter-spacing: 1.7px; line-height: 65px; }
		.b1-text3 { font-size: 46px; color: #fff; line-height: 45px; text-transform: uppercase; white-space: nowrap; padding: 11px 0; letter-spacing: 2.6px; border-bottom: 1px solid #6f7cab; }
		.b1-text3 b { font-weight: 700; }
		.block1-container ul { padding: 12px 0 0 0; width: 100%; display: inline-block; }
		.block1-container ul li { display: inline-block; width: 45.06%; }
		.block1-container ul li:last-child { float: right; }
		.b1-list-img { width: 28px; text-align: center; line-height: 57px; float: left; }
			.b1-list-img img { vertical-align: middle; }
		.b1-list-text { line-height: 19px; font-size: 16px; color: #fdffff; text-transform: uppercase; white-space: nowrap; margin: 0 0 0 45px; }

.b1-form-wrap { width: 100%; display: inline-block; }
	.b1-form { margin: -90px -15px 0; padding: 18px 0; text-align: center; background: #1f2c59; border-radius: 8px; position: relative; z-index: 5; }
		.b1-form-title { font-size: 26px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 26px; padding: 0 0 21px; }
		input[type="text"] { width: 30.3%; height: 65px; margin: 0 0.65% 20px; border: 2px solid #fff; display: inline-block; padding: 0 15px 0 45px; box-sizing: border-box; outline: none; font-size: 16px; color: #7d7d7d; }
		input[type="text"]:focus { border-color: #fef510; }
		::-webkit-input-placeholder 	{color:#7d7d7d;}
		::-moz-placeholder          		{color:#7d7d7d;}/* Firefox 19+ */
		:-moz-placeholder           		{color:#7d7d7d;}/* Firefox 18- */
		:-ms-input-placeholder      	{color:#7d7d7d;}
		input[name="name"] { background: #fff url(../img/name.png) no-repeat left 16px center; }
		input[name="phone"] { background: #fff url(../img/phone.png) no-repeat left 16px center; }
		input[type="submit"] { width: 30.3%; height: 65px; margin: 0 0.65% 20px; display: inline-block; background: #fef510; font-size: 20px; color: #253900; font-weight: 700; text-transform: uppercase; cursor: pointer; }
		input[type="submit"]:hover { color: #fff; background: #fff84b; }
		input[type="submit"]:active { color: #253900; background: #e9e10f; }
		.k_result_text { color: #fff; font-size: 18px; padding: 0 0 0; }
		.b1-form-conf { font-size: 15px; color: #fff; line-height: 15px; }
		.b1-form-conf span { color: #afbae7; font-weight: 100; }
		.b1-form-conf br { display: none; }

		
.block2 { padding: 45px 0 0; width: 100%; display: inline-block; }
	.b2-line-table { width: 100%; display: inline-block; padding: 0 0 60px; }
		.b2-left { width: 100.4%;  }
		.b2-right { width: 48.4%; float: right; }
			.b2-table-title { padding: 0 0 15px; border-bottom: 1px solid #2e3876; width: 100%; display: inline-block; }
			.b2-right .b2-table-title { padding: 0 0 14px; }
				.b2-table-title-img { line-height: 40px; text-align: center; width: 35.6%; float: left; }
				.b2-table-title-img img { vertical-align: middle; }
				.b2-table-title-text { font-size: 25px; font-weight: 500; color: #2e3876; line-height: 40px; margin: 0 0 0 35.6%; }
			.b2-line-table table { width: 100%; }
			.b2-line-table table tr th { vertical-align: middle; font-size: 16px; color: #2e3876; font-weight: 300; padding: 15px 0; }
			.b2-line-table table tr th:nth-child(1) { width: 35.6%; padding-right: 6.59%; }
			.b2-line-table table tr th:nth-child(2) { width: 17.58%; }
			.b2-line-table table tr th:nth-child(3) { width: 27.25%; }
			.b2-line-table table tr th:nth-child(4) { width: 19.57%; }
			.b2-line-table table tr td { vertical-align: middle; padding: 18px 0; border-bottom: 1px dashed #d4d4d4; font-size: 18px; color: #000; font-weight: 700; text-align: center; }
			.b2-line-table table tr td:nth-child(1) { text-align: left; font-size: 17px; font-weight: 400; }
			.b2-line-table table tr td small { font-size: 13px; position: relative; top: 5px; }
			.b2-line-table table tr:last-child td { border: none; }


.block3 { width: 100%; display: inline-block; padding: 0 0 60px; }
	.block3 ul { text-align: center; }
		.block3 ul li { width: 22.55%; min-width: 205px; display: inline-block; margin: 0 2.5% 35px 0; }
		.block3 ul li:last-child { margin-right: 0; }
			.b3-list-img { height: 100px; padding: 0 0 25px; }
			.b3-list-title { font-size: 22px; line-height: 22px; color: #1f2c59; text-transform: uppercase; padding: 0 0 12px; }
			.b3-list-text { font-size: 15px; color: #808289; line-height: 20px; }
			
			
.block4 { width: 100%; display: inline-block; background: #1f2c59; padding: 50px 0 45px; }
	.b4-form { margin: 0 -15px; text-align: center; }


.footer { width: 100%; display: inline-block; padding: 23px 0; background: #1a254b; }
	.f-left { float: left; padding: 17px 0 0 0; }
		.f-logo { float: left; font-size: 24px; color: #6874a3; font-weight: 900; line-height: 24px; text-transform: uppercase; }
		.f-copyright { float: left; margin: 0 0 0 20px; font-size: 14px; color: #6874a3; font-weight: 300; line-height: 24px; }
		.f-copyright br { display: none; }


@media only screen and (max-width: 949px) {
	
	.container { max-width: 720px; }
	
	.block1 { background-image: url(../img/bg3-planshet.jpg); padding: 0; }
		.h-right { font-size: 16px; }
		.h-right a { font-size: 32px; }
	
	.b1-form-wrap  { background: #1f2c59; }
		.b1-form { border-radius: 0; margin-top: 0; }
			input[type="text"] { width: 46%; margin: 0 1.4% 20px; }
			input[type="submit"] { width: 95.5%; margin: 0 0 20px; }
	
	.b2-left { max-width: 455px; width: 100%; margin: 0 auto 90px; float: none; }
	.b2-right { max-width: 455px; width: 100%; margin: 0 auto; float: none; }
	
	.block3 { padding: 0 0 25px; }
		.block3 ul li { width: 212px; margin: 0 20px 75px; }
		
	.f-left { padding: 15px 0 0 0; }
		.f-logo { line-height: 32px; }
		.f-copyright { width: 155px; line-height: 16px; }
		.f-copyright br { display: block; }
	
}


@media only screen and (max-width: 724px) {
	
	.container { max-width: 450px; }
	.b-title { font-size: 32px; }
	
	.block1 { background-image: url(../img/bg1-phone.jpg); }
		.h-logo { float: none; width: 100%; text-align: center; padding: 0 0 23px; }
			.h-logo-text { float: none; margin: 0 0 3px; }
			.h-logo-desc { float: none; width: 100%; }
			.h-logo-desc br { display: none; }
		.h-right { float: none; width: 100%; padding: 0; background: none; text-align: center; }
		.block1-container { padding: 60px 0; margin: 0 auto; }
		.b1-form { margin: 0; }
			input[type="text"] { width: 100%; margin: 0 0 10px; }
			input[type="submit"] { width: 100%; margin: 10px 0 20px; }
			.b1-form-conf { line-height: 18px; }
			.b1-form-conf br { display: block; }
	
	.block3 ul li { min-width: 200px; width: 200px; margin: 0 5px 75px; }
	
	.b4-form { margin: 0; }
	
	.f-left { float: none; width: 100%; text-align: center; }
		.f-logo { float: none; width: 100%; }
		.f-copyright { float: none; width: 100%; margin: 0; }
		.f-copyright br { display: none; }
	
}

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

	.container { padding: 0 10px; }
	
	.h-right { font-size: 15px; }
	.h-right a { font-size: 28px; }
	
	.block1-container { max-width: 280px; }
		.b1-text1 { font-size: 18px; line-height: 22px; }
		.b1-text2 { font-size: 45px; line-height: 45px; }
		.b1-text2 span { font-size: 58px; line-height: 50px; }
		.b1-text3 { font-size: 34.5px; line-height: 35px; }
		.block1-container ul li { width: 100%; }
		.block1-container ul li:last-child { float: none; margin-top: 20px; }
		
	.block2 { padding: 50px 0 0; }
		.b2-table-title-text { font-size: 15px; }
		.b2-line-table { padding: 0 0 60px; }
			.b2-line-table table tr td { font-size: 14px; }
			.b2-line-table table tr td:nth-child(1) { font-size: 13px; }
			.b2-line-table table tr td small { top: 1px; }
			.b2-line-table table tr th { font-size: 14px; }
			
	.block3 ul li { margin-bottom: 40px; }

}