@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


html {
    font-size: 14px;
}

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

.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 {
    font-family: 'Poppins', sans-serif;
}

/********************** LOADING ***********************/
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
    pointer-events: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 50%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #FF9000;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
    pointer-events: none;
}


/****************************WELCOME*******************************/

#bannerImage {
    padding: 150px 15px 50px 15px;
}

.logo-header {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 1;
}

#bannerImage h1 {
    color: #FFEEC9;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
}

    #bannerImage h1 span {
        font-weight: 700;
    }

#bannerImage p {
    color: #FFEEC9;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bannerText {
    margin-top: 170px !important;
}
/*************************TARGETS********************************+*/
#targets {
    background-color: #FF9000;
    padding: 50px 0;
    color: #151515;
}

.threeTargets p {
    font-weight: 700;
}
/***************************MARCAS********************************/
#marcas {
    background-color: #F7EBD5;
    padding: 50px 0;
}

#lojaSopas {
    background: url('/imgs/background_LojaSopas.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 25px;
}

#lojaSopas img {
    padding: 110px 0;
    width: 80%;
}

#companhia {
    background: url('/imgs/background_Companhia.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 25px;
}

    #companhia img {
        padding: 110px 0;
        width: 80%;
    }

#selfish {
    background: url('/imgs/background_Selfish.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 25px;
}

    #selfish img {
        padding: 110px 0;
        width: 80%;
    }

#basilico {
    background: url('/imgs/background_Basilico.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 25px;
}

    #basilico img {
        padding: 110px 0;
        width: 80%;
    }




.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: none;
}


.owl-prev {
    color: #009FDA;
    position: absolute;
    bottom: 35px;
    left: 0;
    font-size: 120px;
}

.owl-next {
    color: #009FDA;
    position: absolute;
    bottom: 35px;
    right: 0;
    font-size: 120px;
}


.owl-nav span {
    font-size: 70px;
    font-family: 'Interstate Condensed', sans-serif;
    font-weight: 300;
    color: #5D5DFF;
}



.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.owl-dots {
    margin-top: 50px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 7px !important;
    height: 7px !important;
}

.owl-stage-outer {
    padding: 0 !important;
}


.brands p {
    font-weight: 700;
}

/**************************FORM*********************************/
#form {
    background-color: #242424;
    padding: 50px 0;
    color: #FFFFFF;
}

    #form #name,
    #form #contact,
    #form #email {
        border-radius: 63.702px;
        border: 0.885px solid var(--Neutral-03, #DBDFD0);
        background: var(--Neutral-01, #FFF);
    }

    #form #buttonSubmit {
        border-radius: 63.702px;
        background: #FF9000;
        border: none;
    }

        #form #buttonSubmit button {
            background-color: transparent;
            -webkit-appearance: unset;
            border: none;
            color: white;
            width: 100%;
            height: 100%;
        }


#form input::placeholder {
    font-size: 12px;
}

#form button {
    font-size: 12px;
    font-weight: 700;
}
    /***************************FOOTER******************************/
    footer {
        padding: 20px 0 15px 0;
        background-color: #000000;
        color: #FFFFFF;
    }


/*************************POPUP********************************/

#modalConfirmDeletePartner {
    padding: 120px;
}

/*
@media (min-width: 992px) and (max-width: 1200px) {
    #companhia img {
        padding: 122px 0;
    }
}





@media (max-width: 992px) {
    #companhia img {
        padding: 118px 0;
    }
}*/


@media (max-width: 768px) {
    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block;
    }

    .brands {
        display: none;
    }

    /*#companhia img {
        padding: 123px 0;
    }*/
    
}

@media (max-width: 600px) {
    #lojaSopas,
    #companhia,
    #selfish,
    #basilico {
        width: 80%;
    }

    /*#companhia img {
        padding: 132px 0;
    }*/
}