html {
    font-size: 14px;
}

@media (min-width: 768px) {
    /*html {
        font-size: 16px;
    }*/
}

@font-face {
    font-family: Gilroy;
    src: url(/fonts/Gilroy-Regular.ttf)
}

@font-face {
    font-family: GilroyBold;
    src: url(/fonts/Gilroy-Bold.ttf)
}

@font-face {
    font-family: GilroyExtraBold;
    src: url(/fonts/Gilroy-ExtraBold.ttf)
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
    font-family: Gilroy;
    color: #000 !important;
}






.s96-button-empty {
}

btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media(min-width:768px) {

    body {
        font-size: 1.1vw !important;
    }

    .s96-opaqueblock {
        background: rgb(66,164,255);
        background: linear-gradient(90deg, rgba(66,164,255,1) 0%, rgba(66,164,255,0) 43%, rgba(66,164,255,0) 100%);
    }

    .s96-imageblock {
        background-position: top !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        height: 38vw !important;
        max-height: 38vw !important;
        background-image: url(/images/man.jpg);
    }

    .s96-section-header {
        font-family: GilroyExtraBold !important;
        font-size: 2.6vw !important;
        color: #000 !important;
        text-transform: uppercase !important;
    }

    .s96-section-header-smaller {
        font-family: GilroyExtraBold !important;
        font-size: 2.3vw !important;
        color: #000 !important;
        text-transform: uppercase !important;
    }

    .s96-p5 {
        padding-top: 3vw !important;
        padding-bottom: 3vw !important;
    }

    .s96-white-line {
        height: 4px !important;
        background-color: #fff !important;
    }

    .s96-blue-line {
        background: rgb(132,210,252);
        background: linear-gradient(90deg, rgba(132,210,252,1) 0%, rgba(99,188,255,1) 43%, rgba(72,169,255,1) 100%);
        height: 4px !important;
    }

    .s96-button {
        color: #000 !important;
        font-family: GilroyBold !important;
        font-size: 1.2vw !important;
        background-color: #fff !important;
        border-radius: 10px !important;
    }

    .s96-button-empty {
        color: #fff !important;
        border: solid 2px #fff !important;
        font-family: GilroyBold !important;
        font-size: 1.2vw !important;
        background-color: transparent !important;
        border-radius: 10px !important;
    }

    .s96-block-content {
        min-height: 38vw !important;
    }

    .s96-number {
        font-size: 1.75vw !important;
        font-family: GilroyBold !important;
        color: rgb(66, 164, 255) !important;
        line-height: 1 !important;
        width: 2.65vw !important;
        max-width: 2.65vw !important;
    }

    .s96-phones {
        /*height: 145%;*/
        height: 60vw !important;
        max-height: 60vw !important;
        position: absolute;
        top: -7vw !important;
        left: -13vw !important;
    }

    .s96-bold {
        font-family: GilroyBold !important;
    }

    .s96-border-box {
        border: rgb(196,196,196) 2px solid !important;
        border-radius: 10px !important;
        width: 32% !important;
    }

    .app-icons {
        height: 3vw !important
    }

    .line-1 {
        width: 30% !important;
    }

    .line-2 {
        width: 15% !important;
    }
}