@font-face {
    font-family: 'Nirmala';
    src: url('../fonts/fonts/Nirmala ui semilight.ttf') format('truetype');
    font-weight: normal;
}
.divina-cor1{
    color: #D8B6DC !important;
}

.divina-cor2{
    color: #AF80AD !important;
}

.divina-cor3{
    color: #450770 !important;
}

body,html{
    height: 100%;
}

h1,h2,h3,h4,p,a,li{
    font-family: 'Nirmala';
}
h2{
    font-size: 3rem !important;
}

div.container-slider {
    width: 500px;
    height: 300px;
    position: relative;
    margin: 20px;
}

div.image-slide {
    height: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.before-slide {
    width: 50%;
    z-index: 2;
}

div.after-slide {
    width: 100%;
    z-index: 1;
}

input.slider {
    width: 100%;
    height: 100%;
    outline: none;
    background-color: transparent;
    position: absolute;
    margin: 0px;
    z-index: 3;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
    z-index: 4;
}

input.slider::-moz-range-thumb {
    width: 6px;
    height: 600px;
    background-color: white;
    cursor: pointer;
}

input.slider::-webkit-slider-thumb {
    width: 3px;
    height: 300px;
    background-color: white;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.slider-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-broder-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: white;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    cursor: pointer;
    z-index: 3;
}

div.slider-button:before {
    color: #555;
    position: absolute;
    top: 3px;
    left: 0px;
    content: "\2B9C";
}

div.slider-button:after {
    color: #555;
    position: absolute;
    top: 3px;
    right: 0px;
    content: "\2B9E";
}

@media (max-width: 767px) {
    div.container-slider {
        width: 100%;
        height: 250px;
    }
}


/* Logo */
.ftco-navbar-light {
    background: white !important;
    top: 0px;
}

.navbar-collapse .nav-item a{
    color: black !important;
}

.logo{
    position: relative;
    background: url(../images/seja_divina_logo_completa.png);
    height: 90px;
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.logo-name{
    color: #450770;
    margin-top: 12px;
}

.logo-completa{
    margin-top: 90px;
    width: 70%;
    display: none;
}

.banner-principal{
    background-image: radial-gradient(circle at 50% -20.71%, #ffdee5 0, #ffd7e3 10%, #ffcfe1 20%, #ffc6e0 30%, #fbbedf 40%, #f2b5de 50%, #e8adde 60%, #dda6df 70%, #d0a0e0 80%, #c39ce2 90%, #b498e5 100%);
}

.banner-principal-2{
    width: 100%;
    /* height: 100vh; */
    background-image: url(../images/banner-principal.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.before-after{

    outline: none;
    vertical-align: bottom !important;

    /*box-shadow: 0px 0px 15px 5px #0c5d10;*/
}

.face-image{
    background-image: url(../images/face-care.png);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    
}

.face-care{
    padding-top: 20px;
}

.face-care .icon-div{
    width: 100%;
    
}

.face-care .icon{

    background: rgb(216,182,220);
    /* background: linear-gradient(90deg, rgba(216,182,220,1) 0%, rgba(69,7,112,1) 100%); */
    border-radius: 50%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    font-size: 50px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.face-care .icon img{
    /* color: white; */
    width: 65px;
    height: 65px;
}

.face-care .icon .ressecamento{
    /* color: white; */
    width: 60px;
    height: 60px;
}

.face-care .icon .autoestima{
    /* color: white; */
    width: 90px;
    height: 90px;
}

.face-care .icon i{
    color: white;
    font-size: 30px;
}

.face-care h4{
    font-size: 1.2rem;
    font-weight: bold;
}


.divine-facial-section{
    position: relative;
}

.divine-facial-section p{
    line-height: 1.3em;
    font-size: 1.3rem; 
}

.divine-facial-section h2{
    font-weight: bold;
    
}

.divine-facial-banner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    background-color: black;
    opacity:0;
}

.facial-text{
    max-width: 480px;
}

.body-image{
    background-image: url(../images/body-care.png);
    background-size: cover;
    
}

.body-banner{
    /* padding-right: 120px; */
    max-width: 480px;
}

.body-banner h2{
    color: black;
    font-weight: bold;
}

.body-banner p{
    line-height: 1.3em;
    font-size: 1.3rem; 
}

.body-care-items{
    padding-top: 20px;
}

.body-care-items .icon-div{
    width: 100%;
    
}

.body-care-items .icon{

    background: rgb(216,182,220);
    /* background: linear-gradient(90deg, rgba(216,182,220,1) 0%, rgba(69,7,112,1) 100%); */
    border-radius: 50%;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    font-size: 50px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.body-care-items .icon img{
    /* color: white; */
    width: 75px;
    height: 75px;
}

.body-care-items .icon i{
    color: white;
    font-size: 30px;
}

.body-care-items h4{
    font-size: 1.2rem;
    color: black;
    font-weight: bold;
}

.divine-facial-section{
    position: relative;
}

.divine-corporal-banner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    background-color: black;
    opacity:0;
}

.block-7 {
    padding: 0 !important;

}

.block-7:hover, .block-7:focus {
    box-shadow: none; 
}

.coluna-facial{
    padding-right: 70px;
}

.coluna-corporal{
    padding-left: 70px;
}

.efeito-vidro {
    background: rgba( 255, 255, 255, 0.23 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 13.5px );
    -webkit-backdrop-filter: blur( 13.5px );
    border-radius: 10px;
    border: 0px solid rgba( 255, 255, 255, 0.18 );
  }
  
  .divine-service-section{
    position: relative;
  }

  .divine-service-banner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; 
    left: 0;
    background-image: url(../images/spa-bg.png) !important; 
    background-size: cover;
    background-position: center;
    opacity: 1;
  }



  .coluna-service h2{
    position: relative;
    font-size: 1.8rem !important;
    color: #450770;
    border-radius: 30px;
    padding: 10px 0 !important;
    box-shadow: 0 8px 32px 0 rgba(69, 7, 112, 0.37); 

    background-color: rgba(255,255,255, 0.5);
    backdrop-filter: blur( 14px );
    -webkit-backdrop-filter: blur( 14px );
  }
/*
  .opacity-service{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: white;
    opacity: 0.2;
  }
*/
  .divine-services{
    background: rgba( 175, 128, 173, 0.5 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 14px );
    -webkit-backdrop-filter: blur( 14px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
  }

  .divine-service-section h2, .divine-service-section h3{
    font-weight: bold !important;
  }



  .divine-services2{
    background: transparent !important;
  }




  .divine-services2-item{
    border-radius: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: rgba(230, 156, 225, 0.6);
    box-shadow: 0 8px 20px 0 rgba( 175, 128, 173, 0.37 );
    backdrop-filter: blur( 14px );
    -webkit-backdrop-filter: blur( 14px );
    border: 1px solid rgba( 255, 255, 255, 0.18 );

  }

  .block-7 .pricing-text li{
    margin-bottom: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .divine-services2-item:hover, .divine-services2-item:focus{
    -webkit-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 24px 48px -13px rgba(0, 0, 0, 0.11);
  }

  .divine-services2-item li{
    color: white !important;
    font-weight: bold;
  }


  .divine-services h2{
    color: white;
  }

  .divine-services li{
    color: white !important;
  }



  .divine-insta-section h2, .divine-insta-section h3{
    font-weight: bold !important;
  }

  .footer{
    background-color: #D8B6DC !important;
  }

  .footer-title h2{
    color: white !important;
    font-weight: bold !important;
  }

  .footer-contato p,.footer-contato span{
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
  }

  .footer-contato h3{
    font-size: 1.5rem !important;
  }

  .ftco-footer-social li a {
    background: #450770;
    color: #450770 !important;
}



  .mapa-div{
    padding: 0;
  }

  .mapa{
    width: 100%;
    height: 30vh;
    box-shadow: 0 0 3px #9999;
  }

  .icone-insta{
    background-color: #450770;
    border-radius: 40px;
    padding-left: 20px;
    box-shadow: 0 8px 32px 0 rgba( 69, 7, 112, 0.37 );
    
  }

  .icone-insta span{
    font-size: 1.4rem !important;
  }

  .icone-insta p{
    margin-bottom: 0.5rem !important;
  }

  img-comparison-slider {
    --divider-width: 2px;
    --divider-color: white;
    --default-handle-opacity: 0.5;
  }









.gallery .icon{
    visibility: hidden !important;
}

.icone-contato{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 30px;
}

.icone-contato{
    background-color: #1db71a;
    border-radius: 40px;
    padding-left: 5px;
    padding-right: 5px;

    box-shadow: 0 8px 32px 0 rgba( 29, 183, 26, 0.37 );
    backdrop-filter: blur( 14px );
    -webkit-backdrop-filter: blur( 14px );
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.icone-contato p{
    font-size: 1.3rem;
    color:white;
}

.dimensoes{
    width: 100%;
    height: 750px;
}

.before-after-slider2{
    margin-top: 220px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;

}

.rodape{
    margin-bottom: 0;
    
}

@media screen and (max-width: 1530px) {

    .dimensoes{
        height: 750px;
    }
    .before-after-slider2{
        margin-top: 200px;
    }

  }

@media screen and (max-width: 1280px) {

    @media screen and ( max-height: 800px ) { 

        .dimensoes{
            height: 700px;
        }
        .before-after-slider2{
            margin-top: 100px;
        }
    }

  }

@media screen and (max-width: 1199px) {

    .dimensoes{
        height: 500px;
    }
    .before-after-slider2{
        margin-top: 450px;
    }
    .banner-principal-2{

        background-image: url('../images/banner-principal-913.png');


    }

    
    .body-banner{
        max-width: 400px;
    }

    .facial-text{
        max-width: 350px;
    }
    @media screen and ( max-height: 600px ) { 

        .dimensoes{
            height: 500px;
        }
    }

  }


@media screen and (max-width: 992px) {


    .dimensoes{
        height: 450px;
    }
    .before-after-slider2{
        margin-top: 400px;
    }
    .logo-completa{
        margin-top: 25px;
        width: 70%;
    }

    .princing-text{
        margin-bottom: 0 !important;
    }
    
    .block-7{
        margin-bottom: -5px;
    }

    .facial-text h2{
        font-size: 2.2rem !important;
    }
    .body-banner h2{
        font-size: 2.2rem !important;
    }

  }

  @media screen and (max-width: 912px) {
    .banner-principal-2{

        background-image: url('../images/banner-principal-412.png');

    }
    .logo-completa{
        display:initial;
    }
    .logo{
        display: none;
    }

    @media screen and ( max-height: 1368px ) { 

        .dimensoes{
            height: 700px;
        }
        .before-after-slider2{
            margin-top: 500px
        }
    }

  }

  @media screen and (max-width: 820px) {

    .dimensoes{
        height: 550px;
    }
    .before-after-slider2{
        margin-top: 500px;
    }
    .body-banner{
        max-width: 300px;
    }

    .facial-text{
        max-width: 300px;
    }
    


  }

  @media screen and (max-width: 769px) {

    .dimensoes{
        height: 500px;
    }
    .before-after-slider2{
        margin-top: 350px;
    }

    
    .body-banner{
        max-width: 100%;
    }

    .facial-text{
        max-width: 100%;
    }
    .coluna-facial{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .coluna-corporal{
        padding-left: 0 !important;
        padding-right: 0 !important;

    }
    .divine-facial-banner{
        opacity: 0.5;
    }
    .divine-corporal-banner{
        opacity: 0.5;
    }

    h2{
        font-size: 2rem !important;
    }

    h4{
        font-size: 1rem !important;
        color: white;
    }
    .facial-text{
        padding-left: 15px;
    }
    .body-banner{
        padding-right: 15px;
    }
    .facial-text h2, .facial-text p{
        color: white;
    }
    .body-banner h2, .body-banner p, .body-banner h4{
        color: white;
    }

    .row-servicos {
        margin-right: -1px;
        margin-left: -1px;
    }
    .coluna-service h2{
        font-size: 1.2rem !important;
        padding: 10px !important;  
    }

    @media screen and (max-height: 1024px){
        .dimensoes{
            height: 500px;
        }
        .before-after-slider2{
            margin-top: 350px;
        }
    }

  }


  @media screen and (max-width: 576px) {



    .dimensoes{
        height: 450px;
    }
    .before-after-slider2{
        margin-top: 300px;
    }


  }

  @media screen and (max-width: 540px) {
    

    .rodape{
        font-size: 0.7rem !important;
    }

    .before-after-slider2{
        margin-top: 150px;
    }
    
    @media screen and (max-height: 720px){
        .dimensoes{
            height: 450px;
        }
        .before-after-slider2{
            margin-top: 200px;
        }
    }


  }


  @media screen and (max-width: 375px) {

    .dimensoes{
        height: 400px;
    }
    .before-after-slider2{
        margin-top: 200px;
    }

    @media screen and ( max-height: 667px ) { 

        .dimensoes{
            height: 350px;
        }

        .before-after-slider2{
            margin-top: 200px;
        }
        
    }
    
      

  }


  @media screen and (max-width: 360px) {

    .dimensoes{
        height: 350px;
    }
    .before-after-slider2{
        margin-top: 250px;
    }

  }




#es-lightbox .es-poweredby {
    background-color: #fff;
    bottom: 10px;
    color: #9ca0ac;
    font-size: 14px;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden !important;
}