/** MODELS **/
@media all {
    .color-df-white {
        color: #ffffff !important;
    }

    .color-df-mainorange {
        color: #FF9100 !important;
    }

    .color-df-maingray {
        color: #4F5151 !important;
    }

    .color-bg-mainorange {
        background-color: #FF9100 !important;
    }

    .color-bg-maingray {
        background-color: #4F5151 !important;
    }

    .color-bd-mainorange {
        background-color: transparent !important;
        border-color: #FF9100 !important;
        color: #FF9100 !important;
    }
}

/** GLOBAL **/
body {
    font-family: 'Poppins', sans-serif !important;
}

/** HEADER **/
@media all {
    .header .brand-name img {
        display: flex !important;
        width: 135px !important;
    }

    .header nav {
        flex: auto !important;
        max-width: none !important;
    }

        .header nav ul li a {
            color: #4F5151 !important;
        }

            .header nav ul li a:hover {
                color: #FF9100 !important;
            }

        .header nav ul li.current a {
            color: #FF9100 !important;
        }

    .header .nav-btn a:hover {
        background-color: #FF9100 !important;
        color: #fff !important;
    }
}

/** HERO **/
@media all {
    .hero-section {
        padding-bottom: 150px !important;
        position: relative !important;
    }

        .hero-section .hero-text h1 {
            font-size: 48px !important;
            font-weight: 600 !important;
            line-height: 1.2 !important;
        }

            .hero-section .hero-text h1 span {
                font-size: 48px !important;
                font-weight: 600 !important;
                line-height: 1.2 !important;
            }

        .hero-section .hero-text hr {
            margin: 2em 16em 2em 0 !important;
            border-color: #4F5151 !important;
            border-width: 2px !important;
        }

        .hero-section .hero-img {
            position: relative !important;
        }

    .support-section .support-items {
        background: transparent !important;
        box-shadow: none !important;
        max-width: 100% !important;
        margin: -200px 0 0 !important;
        padding: 15px !important;
    }

        .support-section .support-items .row {
            justify-content: space-between !important;
        }

            .support-section .support-items .row .support-item {
                background: #ffffff !important;
                border-radius: 500px !important;
                box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) !important;
                -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
                max-width: 32%;
                padding: 15px !important;
            }

                .support-section .support-items .row .support-item .support-icon {
                    background-color: transparent !important;
                }

                .support-section .support-items .row .support-item .support-text h4 {
                    text-transform: uppercase !important;
                }

                .support-section .support-items .row .support-item .support-text p {
                    font-size: 12px !important;
                }

                .support-section .support-items .row .support-item .support-icon svg {
                    width: 50px !important;
                }
}

/** SERVICES **/
@media all {
    .service-section {
        padding: 120px 0 !important;
    }

        .service-section .container {
            position: relative !important;
        }

            .service-section .container .service-title-container {
                flex: 0 0 100%;
                margin-bottom: 10px;
                max-width: 100%;
            }

                .service-section .container .service-title-container h2 {
                    font-size: 46px !important;
                    font-weight: 600 !important;
                    line-height: 1.0 !important;
                }

            .service-section .container .services-table {
                display: flex;
            }

                .service-section .container .services-table .st-item {
                    align-items: center;
                    color: #fff;
                    display: flex;
                    justify-content: center;
                    padding: 15px;
                    width: 100%;
                }

                    .service-section .container .services-table .st-item.st-odd {
                        background-color: #ffac2b;
                    }

                    .service-section .container .services-table .st-item:nth-child(1) {
                        border-radius: 50px 0 0 50px;
                        border-right: 2px solid #fff;
                    }

                    .service-section .container .services-table .st-item:nth-child(2) {
                        border-right: 2px solid #fff;
                    }

                    .service-section .container .services-table .st-item:nth-child(3) {
                        border-radius: 0 50px 50px 0;
                    }
}

/** CTA **/
@media all {
    .experience-section.bg-cta {
        background: url(../images/cta-img.jpg) !important;
        background-size: cover !important;
    }

    .experience-section .container {
        position: relative !important;
    }

        .experience-section .container .section-cta {
            font-size: 4em !important;
            line-height: 1.2 !important;
            padding: 1em 2em !important;
        }
}

/** CONTACT **/
@media all {
    .contact-section {
        background: url(../images/contact-img.png) !important;
        background-size: cover !important;
    }

        .contact-section .container {
            position: relative !important;
        }

            .contact-section .container .contact-form {
                background-color: #fff;
                border-radius: 10px;
                padding: 15px;
                width: 100%;
            }

                .contact-section .container .contact-form h3 {
                    color: #4F5151 !important;
                }

                .contact-section .container .contact-form .input-control {
                    border-radius: 10px !important;
                    margin-top: 10px !important;
                    padding: 15px !important;
                }

                .contact-section .container .contact-form .form-btn {
                    display: flex !important;
                    justify-content: flex-end !important;
                    margin-top: 10px !important;
                }
}

/** FOOTER **/
@media all {
    .footer-section {
        padding: 70px 0;
    }

        .footer-section .container {
            position: relative !important;
        }

        .footer-section .contact-info-cont {
            display: flex;
            justify-content: space-between;
        }

            .footer-section .contact-info-cont .contact-info {
                display: flex;
                flex-direction: column;
            }

                .footer-section .contact-info-cont .contact-info p,
                .footer-section .contact-info-cont .contact-info a {
                    line-height: 1.7;
                }

                .footer-section .contact-info-cont .contact-info h4 i {
                    margin-right: 5px;
                }

                .footer-section .contact-info-cont .contact-info .brand-name img {
                    display: flex !important;
                    margin-bottom: 30px;
                    width: 180px !important;
                }

                .footer-section .contact-info-cont .contact-info .contact-adress + .contact-adress {
                    margin-top: 30px;
                }

                .footer-section .contact-info-cont .contact-info .contact-adress .ct-div {
                    margin-top: 10px;
                }

                .footer-section .contact-info-cont .contact-info a:hover {
                    color: #FF9100 !important;
                }
}

/** BALLS **/
@media all {
    .ball01 {
        background-color: #fff;
        border-radius: 100px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 100px;
        left: -100px;
        opacity: 0.5;
        position: absolute;
        top: -70px;
        width: 100px;
    }

    .ball02 {
        background-color: #fff;
        border-radius: 350px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 350px;
        left: 200px;
        opacity: 0.25;
        position: absolute;
        top: -150px;
        width: 350px;
    }

    .ball03 {
        background-color: #fff;
        border-radius: 180px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 180px;
        right: -150px;
        opacity: 0.5;
        position: absolute;
        top: -150px;
        width: 180px;
    }

    .ball04 {
        background-color: #fff;
        border-radius: 100px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 100px;
        left: 200px;
        opacity: 0.5;
        position: absolute;
        top: -150px;
        width: 100px;
    }

    .ball05 {
        background-color: #fff;
        border-radius: 140px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 140px;
        right: -70px;
        opacity: 0.5;
        position: absolute;
        top: -110px;
        width: 140px;
    }

    .ball00 {
        background-color: #fff;
        border-radius: 140px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 140px;
        left: -30px;
        opacity: 0.5;
        position: absolute;
        top: -30px;
        width: 140px;
    }

    .ball06 {
        background-color: #fff;
        border-radius: 90px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 90px;
        left: -30px;
        opacity: 0.5;
        position: absolute;
        top: 90px;
        width: 90px;
    }

    .ball07 {
        background-color: #fff;
        border-radius: 100px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 100px;
        right: -50px;
        opacity: 0.5;
        position: absolute;
        top: -10px;
        width: 100px;
    }

    .ball08 {
        background-color: #fff;
        border-radius: 450px;
        box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
        height: 450px;
        left: 100px;
        opacity: 0.5;
        position: absolute;
        top: 150px;
        width: 450px;
    }
}

/** TERMS **/
@media all {
    .default-section {
        padding: 120px 0 !important;
    }

        .default-section .container {
            position: relative !important;
        }

            .default-section .container .default-title-container {
                flex: 0 0 100%;
                margin-bottom: 10px;
                max-width: 100%;
            }

                .default-section .container .default-title-container h2 {
                    font-size: 46px !important;
                    font-weight: 600 !important;
                    line-height: 1.0 !important;
                    margin-bottom: 40px;
                }

            .default-section .container .default-terms + .default-terms {
                margin-top: 40px;
            }

            .default-section .container .default-terms p {
                margin-bottom: 10px;
            }

                .default-section .container .default-terms p span {
                    padding-left: 300px;
                    white-space: break-spaces;
                }
}

/****/

/** RESPONSIVE **/
@media (max-width: 996px) {
    .ball01, .ball02, .ball03, .ball04, .ball05, .ball06, .ball00, .ball07, .ball08 {
        display: none !important;
    }

    .header .nav-btn {
        display: none !important;
    }

    .hero-section .hero-text {
        flex: auto !important;
        max-width: 50% !important;
    }

        .hero-section .hero-text h1 {
            font-size: 36px !important;
        }

            .hero-section .hero-text h1 span {
                font-size: 36px !important;
            }

    .support-section .support-items {
        margin: -160px 0 -80px !important;
        padding: 15px !important;
    }

        .support-section .support-items .support-item {
            border-radius: 50px !important;
        }

    .experience-section .container .section-cta {
        font-size: 2em !important;
    }

    .contact-section .contact-info {
        display: none !important;
    }

    .footer-section .contact-info-cont {
        flex-direction: column !important;
    }
}

@media (max-width: 674px) {
    .hero-section .hero-text {
        max-width: 100% !important;
    }

    .support-section .support-items .support-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .service-section .container .services-table .st-item {
        text-align: center !important;
    }

    .experience-section.bg-cta {
        background-size: cover !important;
    }

    .footer-section .contact-info-cont .contact-info + .contact-info {
        margin-top: 50px !important;
    }
}