* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus,
*:active {
    text-decoration: none;
    outline: none !important;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #fff;
    text-decoration: none;
}

ol,
ul {
    margin: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
}

body {
    font-family: 'Open Sans', sans-serif;

}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

.white {
    color: #fff;
}

.wrapper {
    overflow: hidden;
    position: relative;
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding-top: 35px;
    padding-bottom: 35px;
    z-index: 1;
}

.logo-mobile {
    display: none;
}

.header-menu-wrapp {
    float: right;
}

.header-menu {
    display: inline-block;
    margin-right: 105px;
}

.header-menu li {
    display: inline-block;
    margin-right: 33px;
}

.header-menu li:last-child {
    margin-right: 0;
}

.header-menu li a {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #FFFFFF;
}

.header-menu li.active {
    position: relative;
    z-index: 1;
}

.header-menu li.active:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -4%;
    width: 110%;
    height: 15px;
    background-color: #42CFEE;
    border-radius: 20px;
    z-index: -1;
}

.language {
    display: inline-block;
}

.language a {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #878787;
}

.language a.active {
    color: #fff;
}

.language a.active:before {
    content: '';
    position: absolute;
    top: 21px;
    left: -2px;
    width: 125%;
    height: 2px;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.language a:last-child {
    margin-right: 0;
}

.hamburger {
    display: none;
    width: 20px;
    height: 20px;
    background-image: url(../img/hamburger.svg);
    background-size: cover;
}

.mobile-menu-cross {
    display: none;
    position: absolute;
    top: 25px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../img/mobile-menu-cross.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#home {
    position: relative;
    max-width: 100vw;
    min-height: 100vh;
    background-image: url(../img/home-bg.svg);
    background-size: cover;
    background-position: center top;
    background-color: #070F27;
}

#home.about-home,
#home.services-home,
#home.contacts-home,
#home.info-home {
    min-height: 446px;
}

#home.about-home {
    background-image: url(../img/about/about-bg-home.svg);

}

#home.contacts-home {
    background-image: url(../img/contacts/contacts-bg-home.svg);
}

#home.info-home {
    background-image: url(../img/info/main.png);
}

#home.about-home .home-info-wrapp,
#home.services-home .home-info-wrapp,
#home.contacts-home .home-info-wrapp,
#info-home.info-home .home-info-wrapp {
    padding-top: 150px;
}

.home-info-wrapp {
    padding-top: 185px;
    padding-bottom: 130px;
    max-width: 1000px;
}

.home-title {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    font-size: 60px;
    text-transform: uppercase;
    color: #030104;
    margin-bottom: 35px;
}

.home-title span {
    position: relative;
    display: block;
    line-height: 100px;
    color: #fff;
}

.home-descr {
    font-size: 18px;
    color: #FFFFFF;
}

.down {
    position: absolute;
    left: calc(50% - 30px);
    bottom: -31px;
    display: block;
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: 18px 25px;
    width: 60px;
    height: 60px;
    background-color: #42CFEE;
    border-radius: 50%;
    margin: 0 auto;
    cursor: pointer;
}

#services {
    padding-top: 75px;
    padding-bottom: 80px;
}

.item {
    max-width: 288px;
    margin: 0 auto 50px;
}

.title {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 54px;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center;
    color: #DADADA;
}

.subtitle {
    font-size: 20px;
    font-weight: 800;
    text-align: left;
    color: #030104;
    margin-bottom: 40px;
}

.subtitle.mb-40 {
    margin-bottom: 40px;
}

.item-img {
    display: block;
    width: 115px;
    height: 115px;
    margin: 0 auto 20px;
}

.item-subtitle {
    display: block;
    font-size: 16px;
    font-weight: 800;
    text-align: left;
    color: #000000;
    margin-bottom: 15px;
}

.item-descr {
    display: block;
    font-size: 16px;
    text-align: left;
    color: #A6A6A6;
}

.contact-address {
    display: block;
    max-width: 190px;
    margin: 0 auto;
}

.contacts-wrapp .item-descr {
    text-align: left;
    margin-bottom: 20px;
}

.contacts-wrapp .item-descr:hover,
.contacts-wrapp .item-descr:focus,
.contacts-phone:hover,
.contacts-mail:hover,
.contacts-phone:focus,
.contacts-mail:focus {
    color: inherit;
}

.contacts-wrapp .item-descr:last-child {
    margin-bottom: 0;
}

#descr {
    padding-top: 80px;
    padding-bottom: 5px;
}

.descr-txt {
    font-size: 16px;
    color: #878787;
    margin-bottom: 25px;
}

.descr-txt:last-child {
    margin-bottom: 0;
}

#slider-wrapp {
    position: relative;
    background-image: url(../img/slider-bg.svg);
    background-size: cover;
    background-position: center;
    background-color: #F9B734;
    padding-top: 135px;
    padding-bottom: 180px;
}

#slider-wrapp .container {
    position: relative;
    padding-top: 28px;
}

.slide p {
    font-size: 26px;
    font-weight: 800;
    color: #fff;
}

.slick-arrow {
    position: absolute;
    bottom: -45px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/arrow-slider.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    font-size: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.slick-arrow:hover {
    background-image: url(../img/arrow-slider-hover.svg);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.slick-arrow:focus {
    background-image: url(../img/arrow-slider-focus.svg);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}



.slick-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-next {
    left: 45px;
}

.elips,
.circle {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.elips-strong {
    width: 250px;
    height: 250px;
    background-image: url(../img/ellipse.svg);
    left: 0;
    bottom: -125px;
}

.elips-light {
    width: 310px;
    height: 310px;
    background-image: url(../img/ellipse-light.svg);
    top: -155px;
    right: -215px;
}

.circle {
    width: 150px;
    height: 150px;
    top: -75px;
    right: -70px;
    background-image: url(../img/circle.svg);
}

#info {
    padding-top: 100px;
}

#info-application {
    padding-top: 40px;
    padding-bottom: 105px;
}

.info-img {
    display: inline-block;
    float: left;
    width: 50%;
    min-height: 290px;
    background-color: #42CFEE;
    background-size: cover;
    background-position: right;
}

.info-img-one {
    background-image: url(../img/portfolio/item-one.svg);
}

.info-item {
    background-color: #F4F3F3;
    padding: 60px 65px 50px 65px;
}

.info-item-wrapp {
    margin-bottom: 30px;
}

.info-item-subtitle {
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
}

.info-item-subtitle {
    text-align: left;
}

.info-item-descr {
    text-align: left;
    margin-bottom: 20px;
    min-height: 65px;
}

.info-item-btn {
    display: block;
    width: 163px;
    height: 35px;
    background-color: #42CFEE;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 800;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.info-item-btn:hover,
.input-form-submit:hover {
    background-color: #E03A19;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.info-item-btn:focus,
.input-form-submit:focus {
    background-color: #CF3517;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.info-items-pagination {
    text-align: center;
}

.info-items-pagination li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 800;
    color: #000000;
}

.info-items-pagination li a:hover,
.info-items-pagination li a:focus{
    color: #000000;
}

.info-items-pagination li:last-child {
    margin-right: 0;
}

.info-items-pagination li.active{
    color: #8a8a8a;
}

#info-services {
    padding-top: 80px;
    padding-bottom: 50px;
}

#info-services .info-item {
    display: inline-block;
    max-width: 50%;
    min-height: 290px;
}

#order {
    width: 100%;
    padding-top: 230px;
    padding-bottom: 95px;
    background-image: url(../img/order-bg.svg);
    background-size: cover;
    background-position: 40% 0;
}

.order-block-descr {
    display: block;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
}

.order-block-btn {
    display: block;
    width: 224px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #42CFEE;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.order-block-btn:hover {
    background-color: #FCAB01;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

.order-block-btn:focus {
    background-color: #FC9801;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
}

#contacts {
    position: relative;
    padding-top: 80px;
    padding-bottom: 115px;
    background-color: #070F27;
}

#contacts.contacts-two {
    background-color: #F4F3F3;
}

#contact {
    position: relative;
    background-color: initial;
}

.contacts-wrapp {
    padding-top: 100px;
    padding-bottom: 100px;
}

#map {
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    min-height: 335px;
    background-color: #000;
}

.input-form-wrapp {
    position: relative;
    min-height: 72px;
    margin-bottom: 20px;
}

.input-form.valid+.error,
#email-error,
#name-error {
    position: absolute;
    font-size: 0;
    top: 37px;
    right: 17px;
    width: 20px;
    height: 20px;
    background-image: url(../img/error-one.svg);
    background-size: cover;
    margin: 0;
}


.input-form.valid+.error {
    display: block !important;
    background-image: url(../img/confirmed-white.svg) !important;
}

.contacts-two .input-form.valid+.error {
    display: block !important;
    background-image: url(../img/confirmed-green.svg) !important;
}


.input-form-title {
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
    font-weight: bold;
    line-height: 13px;
    font-size: 12px;
    text-transform: uppercase;
    font-variant: small-caps;
    color: #FFFFFF;
}

#contacts.contacts-two .input-form-title {
    color: #737373;
}

.input-form-title span {
    color: #42CFEE;
}

.input-form {
    width: 100%;
    padding: 15px 20px;
    background-color: #1F263C;
    border: none;
    border-radius: 30px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 14px;
    text-transform: uppercase;
    font-variant: small-caps;
    color: #070F27;
}

.input-form:focus {
    background-color: #646C85;
    color: #070F27;
}

#contacts.input-form::-webkit-input-placeholder {
    color: #070F27;
}

#contacts.input-form:-ms-input-placeholder {
    color: #070F27;
}

#contacts.input-form::-ms-input-placeholder {
    color: #070F27;
}

#contacts.input-form::placeholder {
    color: #070F27;
}

#contacts.contacts-two .input-form {
    background-color: #fff;
    color: #878787;
}

#contacts.contacts-two .input-form.error {
    color: #42CFEE;
}

#contacts.contacts-two .input-form::-webkit-input-placeholder {
    color: #DADADA;
}

#contacts.contacts-two .input-form:-ms-input-placeholder {
    color: #DADADA;
}

#contacts.contacts-two .input-form::-ms-input-placeholder {
    color: #DADADA;
}

#contacts.contacts-two .input-form::placeholder {
    color: #DADADA;
}

.input-form-submit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #42CFEE;
    border: none;
    border-radius: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}

#footer {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #fff;
}

.footer-menu {
    font-size: 14px;
    color: #878787;
}

.footer-menu li {
    display: inline-block;
    margin-right: 35px;
}

.footer-menu li:last-child {
    margin-right: 0;
}

.footer-menu li a {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer-menu li a:hover,
.footer-menu li a:focus {
    color: #000;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer-two .footer-menu li a:hover,
.footer-two .footer-menu li a:focus {
    color: #fff;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.contacts-phone,
.contacts-mail {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.contacts-phone:before,
.contacts-mail:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -26px;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

.contacts-phone {
    margin-right: 55px;
}

.contacts-wrapp .contacts-phone {
    margin-right: 0;
    margin-bottom: 20px;
}

.contacts-phone:before {
    background-image: url(../img/phone-icon.svg);
}

.contacts-mail:before {
    background-image: url(../img/mail-icon.svg);
}

#footer.footer-two {
    background-color: #000000;
}

#footer.footer-two .footer-contacts a {
    color: #fff;
}

.slick-dots {
    text-align: center;
    padding-top: 45px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 15px 0 0;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: inherit;
    height: inherit;
    background-color: #DADADA;
    border: none;
    border-radius: 50%;
}

li.slick-active button {
    background-color: #42CFEE;
}

.nav-crumbs {
    display: block;
    margin-bottom: 40px;
}

.nav-crumbs li {
    display: inline-block;
    font-size: 14px;
    color: #2b7bec;
}

.nav-crumbs li a:first-child {
    position: relative;

}

.nav-crumbs li a:first-child:after {
    content: '/';
    padding-left: 5px;
    padding-right: 0;
}

.nav-crumbs li a {
    color: #878787;
}

.info-wrapp {
    padding-top: 80px;
}

.info-descr-btn-wrapp {
    padding-top: 20px;
}

.info-slider-two .info-slide-wrapp {
    opacity: 0.3;
}

.info-slider-one .info-slide img {
    display: block;
    width: 320px;
    height: 648px;
    margin: 0 auto;
}

.info-slider-two .info-slide img {
    display: block;
    width: 140px;
    height: 287.24px;
    margin: 0 auto;
}

.info-slider-one .slick-dots {
    padding-top: 30px;
}

.info-slider-two .slick-arrow {
    background-image: url(../img/arrow-slider-hover.svg);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    left: calc(50% - 15px);
    z-index: 5;
}

.info-slider-two .info-slide {
    height: 307.24px;
}

.info-slider-two .slick-prev {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -35px;
}

.info-slider-two .slick-next {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: -20px;
}

.info-descr-btn {
    display: inline-block;
    width: 175px;
    height: 57px;
    margin-right: 30px;
}

.info-descr-btn:last-child {
    margin-right: 0;
}