@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"),
    url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"),
    url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"),
    url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"),
    url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans/OpenSans-Light.ttf") format("truetype"),
    url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: light;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"),
    url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"),
    url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"),
    url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"),
    url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin';
    src: url("../fonts/Palanquin/Palanquin-Medium.ttf") format("truetype"),
    url('../fonts/Palanquin/Palanquin-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Palanquin';
    src: url("../fonts/Palanquin/Palanquin-Light.ttf") format("truetype"),
    url('../fonts/Palanquin/Palanquin-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url("../fonts/NotoSans/NotoSans-Regular.ttf") format("truetype"),
    url('../fonts/NotoSans/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url("../fonts/Raleway/static/Raleway-Bold.ttf") format("truetype"),
    url('../fonts/Raleway/static/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 300px;
    min-height: 1000px;

}

body {
    background: #fff !important;
}


/* placeholder input */
input::-moz-placeholder,
input::-webkit-input-placeholder {
    color: #556B89;
}

input[type="text"] {
    border: none;
    background-color: inherit;
    width: -webkit-fill-available;
    outline: none;
}

/* END placeholder input */


/* ### Адаптивный шрифт ###*/
@media (min-width: 768px) {
    /* main */
    .titleMain {
        font-size: calc((100vw - 768px) / (1920 - 768) * (72 - 38) + 38px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (80 - 42) + 42px) !important;
    }

    .mainTable {
        font-size: calc((100vw - 768px) / (1920 - 768) * (24 - 10) + 10px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (30 - 16) + 16px) !important;
    }

    .downloadAppBtn {
        font-size: calc((100vw - 768px) / (1920 - 768) * (24 - 12) + 12px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (30 - 16) + 16px) !important;
    }

    /*count*/
    .count {
        font-size: calc((100vw - 768px) / (1920 - 768) * (17 - 9) + 9px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (28 - 15) + 15px) !important;
    }

    .countNumber {
        font-size: calc((100vw - 768px) / (1920 - 768) * (100 - 52) + 52px) !important;
    }

    .countText {
        font-size: calc((100vw - 768px) / (1920 - 768) * (22 - 12) + 12px) !important;
    }

    /* carousel */
    .TitleCarousel {
        font-size: calc((100vw - 768px) / (1920 - 768) * (64 - 34) + 34px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    .textCarousel {
        font-size: calc((100vw - 768px) / (1920 - 768) * (18 - 10) + 10px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (30 - 16) + 16px) !important;
    }

    .centerBlock {
        font-size: calc((100vw - 768px) / (1920 - 768) * (18 - 10) + 10px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    /* learning */
    .titleLearning {
        font-size: calc((100vw - 768px) / (1920 - 768) * (64 - 34) + 34px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    .learningText {
        font-size: calc((100vw - 768px) / (1920 - 768) * (18 - 10) + 10px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (30 - 16) + 16px) !important;
        margin-left: calc((100vw - 768px) / (1920 - 768) * (50 - 26) + 26px) !important;
    }

    .countLearning {
        font-size: calc((100vw - 768px) / (1920 - 768) * (95 - 50) + 50px) !important;
        height: calc((100vw - 768px) / (1920 - 768) * (105 - 55) + 55px) !important;
    }

    .learningMargin {
        margin-left: calc((100vw - 768px) / (1920 - 768) * (60 - 32) + 32px) !important;
    }

    /* host */
    .titleHost {
        font-size: calc((100vw - 768px) / (1920 - 768) * (64 - 34) + 34px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    .hostText {
        font-size: calc((100vw - 768px) / (1920 - 768) * (18 - 10) + 10px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (27 - 14) + 14px) !important;
    }

    .hostPolicy {
        font-size: calc((100vw - 768px) / (1920 - 768) * (18 - 8) + 8px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (16 - 9) + 9px) !important;
    }

    .stay_bid, .h22to14 {
        font-size: calc((100vw - 768px) / (1920 - 768) * (20 - 11) + 11px) !important;
    }

    /* address */
    .addressTitle {
        font-size: calc((100vw - 768px) / (1920 - 768) * (64 - 34) + 34px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    .addressText {
        font-size: calc((100vw - 768px) / (1920 - 768) * (13 - 8) + 8px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (20 - 11) + 11px) !important;
    }

    .addressKm {
        font-size: calc((100vw - 768px) / (1920 - 768) * (15 - 8) + 8px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (54 - 28) + 28px) !important;
    }

    .addressRoad {
        font-size: calc((100vw - 768px) / (1920 - 768) * (62 - 32) + 32px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (30 - 16) + 28px) !important;
    }

    /* app */
    .titleAppDesktop {
        font-size: calc((100vw - 768px) / (1920 - 768) * (64 - 34) + 34px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (73 - 38) + 38px) !important;
    }

    .downloadTitle {
        font-size: calc((100vw - 768px) / (1920 - 768) * (36 - 19) + 19px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (40 - 21) + 21px) !important;
    }

    .downloadApp {
        font-size: calc((100vw - 768px) / (1920 - 768) * (16 - 9) + 9px) !important;
    }

    /* footer */
    .titleLine {
        font-size: calc((100vw - 768px) / (1920 - 768) * (28 - 9) + 8px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (35 - 18) + 18px) !important;
    }

    .titleNumber {
        font-size: calc((100vw - 768px) / (1920 - 768) * (48 - 25) + 15px) !important;
        line-height: calc((100vw - 768px) / (1920 - 768) * (59 - 31) + 31px) !important;
    }

    .politecyCl {
        font-size: calc((100vw - 768px) / (1920 - 768) * (16 - 9) + 9px) !important;
    }
}

/* ### END Адаптивный шрифт ###*/


/* ### MEDIA ###*/
@media (max-width: 1524px) {

    .carouselHide {
        position: relative !important;
    }

    .carouselHeight {
        height: auto !important;
    }
}

@media (min-width: 400px) and (max-width: 767px) {

    .count {
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .countMidMarg {
        margin: 50px auto !important;
    }

    .countNumber {
        font-size: 120px !important;
    }

    .Desktop {
        display: none !important;
    }

    .Mobile {
        display: block !important;
    }

    .carouselJs {
        display: block !important;
    }

    .countLearning {
        font-size: 85px !important;
        height: 95px !important;
    }

    .learningText {
        margin-left: 20px !important;
    }

    .titleHost {
        font-size: 47px !important;
    }

    .addressTitle {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .addressDiv {
        display: block !important;
    }

    .tdBlock {
        display: block;
        margin-top: 20px;
        padding: 20px !important;
        width: 100%;
    }

    .tdBlock:nth-child(odd) {
        background: #00A3E8 !important;
    }

    .tdBlock:nth-child(even) {
        background: #fff !important;
    }

    .tdBlock:nth-child(even) div {
        color: #00A3E8 !important;
    }

    .tdBlock:nth-child(odd) div {
        color: #fff !important;
    }

    .tdBlock:nth-child(odd) div:first-child {
        -webkit-text-stroke: 2px #fff !important;
        color: #00A3E8 !important;
    }

    .downloadImgApp {
        width: 80% !important;
    }

    .addressTable {
        width: 100%;
    }

    .footerCenter {
        width: fit-content;
        margin: auto;
    }

    .appSee, .seeBlock {
        display: block !important;
    }

    .hideBlock {
        display: none !important;
    }

    .qrCenter {
        display: flex !important;
        width: fit-content !important;
        margin: 10px auto !important;
    }

    .sectionBlock {
        width: 90% !important;
    }

    .headerLogo {
        margin: auto !important;
    }

    .downloadApp {
        font-size: 14px !important;
    }

    .downloadTitle {
        font-size: 24px !important;
        line-height: 27px !important;
    }

    .downloadImg {
        margin: 10px auto !important;
        width: 50% !important;
    }

    .centerCount {
        margin: 15px 0 !important;
    }

    .carouselText {
        margin: 15px auto;
    }

    .centerBlock {
        width: fit-content;
        margin: auto !important;
    }

    html,
    body {
        min-width: auto !important;
    }

}

@media (max-width: 399px) {
    .count {
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .countMidMarg {
        margin: 50px auto !important;
    }

    .countNumber {
        font-size: 120px !important;
    }

    .Desktop {
        display: none !important;
    }

    .Mobile {
        display: block !important;
    }

    .carouselJs {
        display: block !important;
    }

    .countLearning {
        font-size: 85px !important;
        height: 95px !important;
    }

    .titleHost {
        font-size: 36px !important;
        line-height: 48px !important;
    }

    .addressTitle {
        font-size: 34px !important;
        line-height: 42px !important;
    }

    .addressDiv {
        display: block !important;
    }

    .tdBlock {
        display: block;
        padding: 20px !important;
        width: 95%;
        margin: 20px auto;
    }

    .tdBlock:nth-child(odd) {
        background: #00A3E8 !important;
    }

    .tdBlock:nth-child(even) {
        background: #fff !important;
    }

    .tdBlock:nth-child(even) div {
        color: #00A3E8 !important;
    }

    .tdBlock:nth-child(odd) div {
        color: #fff !important;
    }

    .tdBlock:nth-child(odd) div:first-child {
        -webkit-text-stroke: 2px #fff !important;
        color: #00A3E8 !important;
    }

    .downloadImgApp {
        width: 80% !important;
    }

    .addressTable {
        width: 100%;
    }

    .footerCenter {
        width: fit-content;
        margin: auto;
    }

    .appSee, .seeBlock {
        display: block !important;
    }

    .hideBlock {
        display: none !important;
    }

    .qrCenter {
        display: flex !important;
        width: fit-content !important;
        margin: 10px auto !important;
    }

    .sectionBlock {
        width: 90% !important;
    }

    .headerLogo {
        margin: auto !important;
    }

    .downloadApp {
        font-size: 14px !important;
    }

    .downloadTitle {
        font-size: 24px !important;
        line-height: 27px !important;
    }

    .downloadImg {
        margin: 10px auto !important;
        width: 50% !important;
    }

    .centerCount {
        margin: 15px 0 !important;
    }

    .carouselText {
        margin: 15px auto;
    }

    .centerBlock {
        width: fit-content;
        margin: auto !important;
    }

    html,
    body {
        min-width: auto !important;
    }

    .titleMainMob {
        font-size: 32px !important;
    }

    .carouselTitleMob {
        font-size: 42px !important;
    }

    .titleLearningMob {
        font-size: 36px !important;
        line-height: 42px;
    }

    .learningText {
        font-size: 14px !important;
        margin-left: 10px !important;
    }

    .hostPolicy {
        width: calc(100% - 72px) !important;
    }

    .titleApp {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .titleLine {
        font-size: 16px !important;
    }

    .titleNumber {
        font-size: 28px !important;
        line-height: 0 !important;
    }

    .politecyCl {
        font-size: 13px !important;
    }

    .RingBtn {
        font-size: 14px !important;
    }

    .headerTitle {
        font-size: 12px !important;
    }
}

@media (max-width: 500px) {
    .errorTitle {
        font-size: 42px !important;
    }

    .headerTitle, .RingBtn {
        font-size: 10px !important;
    }

    .headerLogo {
        height: 30px;
    }
}

/* ### END MEDIA ###*/


/* ### Modal ###*/
.modal-lg {
    width: 550px;
    border-radius: 0;
    position: absolute;
    top: 48%;
    left: 48%;
    transform: translate(-50%, -50%) !important;
}

#closeJs {
    width: 140px;
    padding: 20px;
    bottom: 150px;
    z-index: 9999;
    font-size: 15px;
    position: absolute;
    margin: 0 auto;
}

#closeJs:hover {
    cursor: pointer;
}

.modal-header {
    display: none;
}

.modal-content {
    border-radius: 0;
}

/* ### END Modal ###*/


/* #### Button ###*/
.RingBtn:hover {
    box-shadow: 0 4px 7px rgba(74, 201, 255, 0.3);
}

.RingBtn:active {
    background: #0087C1 !important;
}

.stay_bid:hover {
    box-shadow: 0 7px 7px rgba(255, 255, 255, 0.3) !important;
}

.stay_bid:focus {
    background: #0087C1 !important;
    color: #fff !important;
}

/* Download button */
.downloadAppBtn:hover {
    box-shadow: 0 8px 8px rgba(255, 122, 0, 0.25);
}

.downloadAppBtn:active {
    background: #FFFFFF !important;
    border: 1px solid #FF8700;
    color: #FF8700 !important;
}

.huaweiApp, .huaweiApp:hover,
.googleApp, .googleApp:hover,
.appleApp, .appleApp:hover {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: text-top;
    background-size: 20px !important;
}

.huaweiApp {
    background: url(../images/huawei.svg) no-repeat;
}

.googleApp {
    background: url(../images/google.svg) no-repeat;
}

.appleApp {
    background: url(../images/apple.svg) no-repeat;
}

.huaweiAppHov:hover .huaweiApp {
    background: url(../images/huawei_white.svg) no-repeat !important;
}

.googleAppHov:hover .googleApp {
    background: url(../images/google_white.svg) no-repeat !important;
}

.appleAppHov:hover .appleApp {
    background: url(../images/apple_white.svg) no-repeat !important;
}

.huaweiAppHov:active,
.googleAppHov:active,
.appleAppHov:active {
    box-shadow: 0 4px 7px rgba(74, 201, 255, 0.3);
}

.downloadBtn {
    width: 110px !important;
    margin: 10px 0 !important;
}

.downloadBtn:hover {
    background: #00A3E8 !important;
    color: #fff !important;
}

/* #### END Download button ###*/


a {
    text-decoration: underline;
}

li {
    list-style: none;
    background: url(../images/marker.svg) 0 6px no-repeat;
    margin: 10px 0;
    padding: 0 45px 0 30px;
}

.countNumber {
    display: inline-block;
    -webkit-text-stroke: 2px #fff;
    font-size: 100px;
    font-weight: bold;
    color: #00A3E8;
}

.countLearning {
    display: inline-block;
    -webkit-text-stroke: 2px #00A3E8;
    font-size: 95px;
    font-weight: bold;
    color: #fff;
    font-family: Montserrat, serif;
    height: 105px;
}