@charset "utf-8";
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900,100,300italic,300&subset=latin,cyrillic);


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/bg1.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: 62px; 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: 80px; letter-spacing: 1.7px; line-height: 65px; }
		.b1-text3 { font-size: 47px; color: #fff; line-height: 45px; text-transform: uppercase; white-space: nowrap; padding: 11px 0; letter-spacing: -0.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; }
		.b4-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; }
 		
  	    .k_savebutton4 { width: 50%; padding: 20px; margin: 0 0.65% 20px; display: inline-block; background: #fef510; font-size: 20px; color: #253900; font-weight: 700; text-transform: uppercase; cursor: pointer; }
		.k_savebutton4:hover { color: #fff; background: #fff84b; }
		.k_savebutton4:active { color: #253900; background: #e9e10f; }

		
.block2 { padding: 95px 0 0; width: 100%; display: inline-block; }
	.b2-line-table { width: 100%; display: inline-block; padding: 0 0 193px; }
		.b2-left { width: 48.4%; float: left; }
		.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: #757a8d; font-weight: 300; font-style: italic; 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/bg1-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="button"] { 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="button"] { 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; }

}


.warning{
	border: 3px solid red !important;
}

.warning::placeholder{
	color:red !important ; 
}

/*кнопка звонка*/

.callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 8%;
        bottom: 18%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */