body {min-width: 640px; background: #2b2d31; color: #ffffff; font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none;}
* {max-height: 9001em; padding: 0; margin: 0;}
#wrapper {width: 640px; height: 100%; margin: 0 auto;}
.container {width: 620px; margin: 0 auto; overflow: hidden;}


.upp {text-transform: uppercase;}
.bold {font-weight: bold;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.italic {font-style: italic;}
.clear {clear: both;}

.px10 {font-size: 10px;}
.px12 {font-size: 12px;}
.px14 {font-size: 14px;}
.px16 {font-size: 16px;}
.px18 {font-size: 18px;}
.px20 {font-size: 20px;}
.px22 {font-size: 22px;}
.px25 {font-size: 19px;}
.px29 {font-size: 29px;}
.px30 {font-size: 30px;}
.px33 {font-size: 33px;}
.px35 {font-size: 35px;}
.px40 {font-size: 40px;}
.px54 {font-size: 54px;}
.px60 {font-size: 60px;}

.lh140 {line-height: 140%;}
.lh120 {line-height: 120%;}

.w50 {width: 50%;}

.roboto {font-family: 'Roboto Condensed', sans-serif;}
.tahoma {font-family: Tahoma, Geneva, sans-serif;}
.ops {font-family: 'Open Sans', sans-serif;}

.white {color: #ffffff;}
.yellow {color: #ffc104;}
.lemon {color: #ffe26d;}
.red {color: #ff2200;}
.black {color: #000;}
.grey {color: #afafaf;}
sup {vertical-align: text-top;}

.logo {color: #1E1545;font-weight: 800;text-transform: uppercase;}

#slide1 {height: 50px; background: #009fd2; font-size: 23px; color: #fff; text-align: center;}
#slide1 span {line-height: 50px;/* background: url(../img/logo.png) no-repeat 0 50%; *//* padding-left: 160px; */}

#slide2 {height: 517px; background: url("bg2.jpg") no-repeat;}
#slide2 .title {padding: 20px 0;}
#slide2 .block {background: rgba(0,0,0,0.4); border-radius: 10px; padding: 15px 20px; text-align: center;}
#slide2 .block .px30 {padding-top: 10px;}
#slide2 .desc {padding: 15px 0;}
#slide2 .content {text-align: center; box-sizing: border-box; padding: 20px; background: rgba(0,159,211,0.2); border: 1px solid #009fd3; border-radius: 10px;}
#slide2 .content p {padding-bottom: 30px;}
#slide2 .content .remain {margin-top: -45px;padding: 8px 22px 8px 10px;position: absolute;margin-left: 12px;background: #ffc104;border-radius: 8px;}
#slide2 .content .remain ul li {display: table-cell; vertical-align: middle;}
#slide2 .content .remain ul li:first-child {width: 40px; text-align: right; padding-right: 10px;}
#slide2 .cost {display: block;width: 100%;padding-top: 5px;}
#slide2 .cost ul li {display: inline-block; vertical-align: middle; width: 50%; margin-left: -.36em; zoom: 1; *display: inline; display: -moz-inline-stack;}
#slide2 .cost ul li:last-child {text-align: right;}
#slide2 .cost a {float :right; color: #fff; display: block; box-sizing: border-box; width: 250px; background: #f0231e;height: 70px; line-height: 70px; border-bottom: 3px solid #b81511; border-radius: 6px; transition: background 0.3s;}
#slide2 .cost a:hover {background: #b81511;}

#slide3 {height: 75px; line-height: 75px;background: #009fd2; text-align: center;}


#slide4 {background: #012c3f url("arr.png") no-repeat 50% 0; padding: 40px 0 30px;}
#slide4 ul {width: 540px; margin: 0 auto;}
#slide4 ul li {padding: 25px 0 25px 140px; line-height: 120%;}
#slide4 ul li:nth-child(1) {background: url("ico1.png") no-repeat 0 50%;}
#slide4 ul li:nth-child(2) {background: url("ico2.png?v1") no-repeat 0 50%;}
#slide4 ul li:nth-child(3) {background: url("ico3.png") no-repeat 0 50%;}
#slide4 ul li:nth-child(4) {background: url("ico4.png") no-repeat 0 50%;}


#slide5 {padding-bottom: 10px; background: #012c3f;}
#slide5 .block {width: 100%;background: #009fd2 url("") no-repeat 12px 50%;background-size: 170px auto;border-radius: 8px;padding: 24px 24px 24px 180px;box-sizing: border-box;}

#slide6 {height: 661px; padding-top: 30px;background: url("bg66.jpg?v1") no-repeat 50% 0;}
#slide6 p {color: #2c2c2c; padding: 14px 20px; line-height: 120%;}

#slide7 {height: 75px; line-height: 75px;background: #009fd2; text-align: center;}

#slide8 {background: #012c3f url("arr.png") no-repeat 50% 0; padding: 40px 0 30px;}
#slide8 ul {width: 540px; margin: 0 auto;}
#slide8 ul li {padding: 25px 0 25px 140px; line-height: 120%;}
#slide8 ul li:nth-child(1) {background: url("ico5.png") no-repeat 0 50%;}
#slide8 ul li:nth-child(2) {background: url("ico6.png") no-repeat 0 50%;}
#slide8 ul li:nth-child(3) {background: url("ico7.png") no-repeat 0 50%;}
#slide8 ul li:nth-child(4) {background: url("ico8.png") no-repeat 0 50%;}

#slide9 {padding-bottom: 10px; background: #012c3f;}
#slide9 .block {width: 100%; background: #009fd2 url("mans.png") no-repeat 45px 50%; border-radius: 8px; padding: 24px 24px 24px 180px; box-sizing: border-box;}

#slide10 {position: relative; background: #012c3f; padding: 30px 0 40px;}
#slide10 .box {position: absolute;margin: -30px 0 0 110px;width: 180px;}
#slide10 a {display: block; margin-left: 240px; color: #fff; display: block; box-sizing: border-box; width: 250px; background: #f0231e;height: 70px; line-height: 70px; border-bottom: 3px solid #b81511; border-radius: 6px; transition: background 0.3s;}
#slide10 a:hover {background: #b81511;}
#slide10 .box img {display: block; width:100%;}

#slide11 {height: 75px; line-height: 75px; background: #009fd2; text-align: center;}

#slide12 { position: relative; height: 700px; padding: 30px 0; background: #012c3f url("arr.png") no-repeat 50% 0;}
#slide12 .bx-wrapper {position: relative; background: none; border: 0; box-shadow: none; margin: 40px auto;}
#slide12 [aria-hidden="true"] {
    opacity: 0.2;
    height: 400px;
    margin-top: 40px;
    transition: all 0.4s; }
#slide12 [aria-hidden="false"] {opacity: 1;
    height: 450px;
    transition: all 0.4s;
}
#slide12 .bx-viewport {overflow: visible !important;}
#slide12 .bx-wrapper .bx-controls-direction a {
    display: none;
    /*position: absolute;
    top: 500px;
    outline: 0;
    width: 137px;
    height: 39px;
    text-indent: -9999px;
    z-index: 9999;*/
}
/*#slide12 .bx-wrapper .bx-next, #slide12 .bx-wrapper .bx-next:focus {right: 60px; background: url(../img/next.png) no-repeat;}
#slide12 .bx-wrapper .bx-next:hover {opacity: 0.8; }
#slide12 .bx-wrapper .bx-prev {left: 60px; background: url(../img/prev.png) no-repeat;}
#slide12 .bx-wrapper .bx-prev:hover {opacity: 0.8;}*/

#slide12 ul li {background: #009fd2; border-radius: 10px; padding: 20px;}
#slide12 ul li p {color: #000; font-size: 22px; font-weight: bold;}
#slide12 .ava {padding-right: 15px;}
#slide12 .ava, #slide12 .name {display: inline-block; vertical-align: top; color: #000; line-height: 40px;}
#slide12 .name img {padding-top: 8px;}
#slide12 .text {margin-top: 20px;}
#slide12 .block {position: absolute; top: 550px; left: 70px; }
#slide12 .block a {margin: 0 20px; }
#slide12 .block a img {opacity: 1; transition: all 0.3s}
#slide12 .block a:hover img {opacity: 0.8;}
#slide12 .block p {padding-top: 20px;}
#slide13 {padding: 15px 0; line-height: 40px; background: #009fd2; text-align: center;}

#slide14 {padding: 50px 0 10px; background: #012c3f url("arr.png") no-repeat 50% 0;}
#slide14 ul li {color: #009fd2; display: inline-block; margin-bottom: 20px; width: 304px; vertical-align: top;}
#slide14 ul li:nth-child(2n+1) {margin-right: 6px;}

#slide15 {height: 75px; line-height: 75px; background: #009fd2; text-align: center;}

#slide16 {padding: 40px 0 10px; background: #012c3f url("") no-repeat 50% 0; height: 739px;}
#slide16 ul li {display: inline-block; vertical-align: top; width: 45%; padding-left: 40px;}
#slide16 ul li:last-child {width: 50%;}
#slide16 ul li p {padding: 5px 0;}
#slide16 ul li .ext {color: #009fd2; font-family: 'Open Sans', sans-serif; font-size: 14px; border: 1px solid #009fd2; box-sizing: border-box; margin: 0; border-radius: 6px; background: url("") no-repeat 5px 50%; padding: 0px 9px; font-weight: 400;margin-left: 5px;}
#slide16 .block {position: absolute;margin: 430px 0 0 290px;}
#slide16 a.btn {display: block; margin-top: 20px; color: #fff; display: block; box-sizing: border-box; width: 250px; background: #f0231e; height: 70px; line-height: 70px; border-bottom: 3px solid #b81511; border-radius: 6px; transition: background 0.3s;}
#slide16 a.btn:hover {background: #b81511;}
#slide16 .hand { position: absolute; margin: -14px 0 0 200px;}

#slide17 {padding: 20px 0 10px; background: #012c3f url("bg17.jpg") no-repeat 50% 0; height: 1129px;}
#slide17 ul {margin: 30px 0 0 40px;}
#slide17 ul li {padding: 0 0 10px 40px; background: url("check.png") no-repeat 0 3px;}
#slide17 .box {padding: 30px 0 5px;text-align: center;}
.zakaz {position: relative; width: 590px; margin: 0 auto;}
.zakaz .remain {position: absolute;  background: url("remain.png") no-repeat; right: -15px; padding: 5px 0 0 15px;  width: 107px; height: 68px;}
.zakaz .rem {padding-top: 14px;}
.zakaz fieldset {margin: 25px 0 0;}
.zakaz .cost {display: block; padding: 30px 0 0; float: left;}
.zakaz form {overflow: hidden; margin-top: 15px; border-radius: 10px; padding: 18px; background: #fff; }
.zakaz .button {display: block; float: right;  border: 0; margin-top: 20px; color: #fff; display: block; box-sizing: border-box; width: 280px; cursor: pointer; outline: none; background: #f0231e; height: 70px; line-height: 70px; border-bottom: 3px solid #b81511; border-radius: 6px; transition: background 0.3s;}
.zakaz button:hover {background: #b81511;}

#slide18 {background: #000; padding: 30px 0; position: relative;
    z-index: 100;}
#slide18 .arr1 {margin: 85px 0 0 475px; position: absolute; width: 25px; height: 82px; background: url("arr-right.jpg");}
#slide18 .arr2 {margin: 180px 0 0 120px; position: absolute; width: 25px; height: 82px; background: url("arr-left.jpg");     z-index: -1;}
#slide18 .arr3 {margin: 270px 0 0 420px; position: absolute; width: 25px; height: 82px; background: url("arr-right.jpg"); z-index: -1;}

#slide18 ul {width: 310px; margin: 30px auto 0;}
#slide18 ul li {min-height: 55px; padding-left: 70px; margin: 25px 0; font-size: 22px; padding-top: 8px;}
#slide18 ul li:nth-child(1) {background: url("ico-1.jpg") no-repeat 0 50%;}
#slide18 ul li:nth-child(2) {background: url("ico-2.jpg") no-repeat 0 50%;}
#slide18 ul li:nth-child(3) {background: url("ico-3.jpg") no-repeat 0 50%;}
#slide18 ul li:nth-child(4) {background: url("ico-4.jpg") no-repeat 0 50%;}
#slide18 .online {    width: 380px;
    margin: 0 auto;
    padding: 20px 0 5px 20px;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    background: url(dot.jpg) no-repeat 2px 20px;}

#slide19 {background: #fff; padding: 30px 0; color: #000;}
#slide19 p {line-height: 30px}
/* Form */

input {border: 1px solid #676767; border-radius: 10px; max-width: 100%; width: 100%; box-sizing: border-box; line-height: 58px; height: 58px; text-align: left; margin-top: 13px; outline: none; padding-left: 20px; color: #2d2d2d; font-size: 28px; font-weight: bold; background: #ffffff;}

input#name {background: #ffffff url("name.html") no-repeat 20px 50%;}
input#phone {background: #ffffff url("phone.html") no-repeat 20px 50%;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #676767;cursor: pointer;border-radius: 10px; max-width: 100%; width: 100%;box-sizing: border-box;line-height: 58px;height: 58px;text-align: left;margin-top: 8px;margin-bottom: 0;outline: none;padding-left: 20px;color: #2d2d2d;/* background: url("../img/icons/listbox.html") 96% center no-repeat, url("../img/icons/geo.html") 20px 50% no-repeat; */background-color: #fff;font-size: 28px;font-weight: bold;}

option {background: #ffffff; font-size: 18px; padding: 4px 0; padding-left: 58px;}

label {width: 135px; color: #012c3f; text-align: right; padding-right: 10px; font-size: 25px; display: inline-block;}

::-webkit-input-placeholder {color: #2d2d2d; font-weight: bold; font-size: 28px; text-align: left;}
::-moz-placeholder {color: #2d2d2d; font-weight: bold; font-size: 28px; text-align: left;}/* Firefox 19+ */
:-moz-placeholder {color: #2d2d2d; font-weight: bold; font-size: 28px; text-align: left;}/* Firefox 18- */
:-ms-input-placeholder {color: #2d2d2d; font-weight: bold; font-size: 28px; text-align: left;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}

/* Validation */
label.error {position: absolute; //left: 0px; width: 90%; padding: 7px!important; margin-top: -45px; border: 1px solid #868686; border-radius: 10px; background-color: white; color: #555555!important; opacity: 0.85; float: none!important; box-shadow: 2px 2px 10px 0px rgb(63, 63, 63); z-index: 9001; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

input {-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

input.error,
textarea.error {border: 1px solid #d32626!important; box-sizing: border-box; -webkit-box-shadow: 0px 0px 10px #780103; -moz-box-shadow: 0px 0px 10px #780103; box-shadow: 0px 0px 10px #780103;}

input.valid,
textarea.valid {//background: #ffffff url("") 99% 50% no-repeat; background-size: 8%; //border: 1px solid green!important;}

#form label.error {right: 97%; display: none!important;}

@keyframes flash {
    0%, 100% {color: #000;}
    6% {color: #ffe400;}
    20% {color: #000;}
}