/*







Theme Name: Shantal Marketing Médico







Text Domain: Shantal Marketing Médico







Version:1.2 







Description: Tema Criado em parceria com a Shantal Marketing Digital, desenvolvido por Joao Antonio Rocco (joao.a.rocco@gmail.com)







Tags: responsive,wordpress theme, bootstrap







Author: Joao Antonio







Author URI: https://marketingdigitalmedicos.com.br







Theme URI:  https://marketingdigitalmedicos.com.br







*/







.banner-interna{



    position:relative;



    height:300px;



    background-color:#4a4562;



}



.caption-interna{



  position:absolute;



  top:50%;



  left:50%;



  transform: translate(-50%, -50%);



}







/* source-sans-pro-regular - latin */







@font-face {







    font-family: 'Source Sans Pro';







    font-style: normal;







    font-weight: 400;







    src: url('dist/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */







    src: local(''),







         url('dist/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */







         url('dist/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */







         url('dist/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */







         url('dist/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */







         url('dist/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */







  }







  /* source-sans-pro-700 - latin */







  @font-face {







    font-family: 'Source Sans Pro';







    font-style: normal;







    font-weight: 700;







    src: url('dist/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */







    src: local(''),







         url('dist/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */







         url('dist/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */







         url('dist/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */







         url('dist/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */







         url('dist/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */







  }















/****** GLOBALS *****/







svg{pointer-events: none!important;}







a:active,a:focus,input:active,input:focus,button:active,button:focus{outline:0!important;-moz-outline-style:none!important}







a {







text-decoration:none!important;







}







body{







    font-family: 'Source Sans Pro'!important;







    color:#45405c!important;







}







svg{







    pointer-events: none!important;







}







    .map-responsive {







        padding-bottom: 62.25%;







        position: relative;







        height: 0px;







        overflow: hidden;







    }







    .map-responsive iframe {







        left: 0px;







        top: 0;







        height: 100%;







        width: 100%;







        position: absolute;





 

    }







    







    /****** TIPOGRAFIA E CORES ******/







.color_1 {

    color:#6cb9b7;

   }

.color_2{

color:#f25985;

}

.color_3{

    color:#f7b5c8;

}

.color_wpp{

color:#25D366!important

}

   .color_white {







    color:#fff;







   }







   







   .fw-semibold{







   font-weight: 500!important;







   }







   .bg_color_1{







background-color: #4a4562;







color:#fff;







   }







   /****** TIPOGRAFIA E CORES *****/







   







   /******** BUTTONS *******/







   .bt {







       display: inline-block!important;







       margin: 10px 0px!important;







       padding: 1rem 2.5rem!important;







       transition: all 0.2s!important;







       border:none!important;







   }







   .bt-primary{







       background-color: #f25985!important;







       color:#fff!important;







       border-radius: 5px;







       font-weight: bold;







   }







   







   .bt-secondary{







       background-color: #dfd5cc!important;







       color:#f25985!important;







       border-radius: 5px;







       font-weight: bold;







   }







   .bt-primary:hover







 {







        background-color:#6cb9b7!important;







   }







   .bt-secondary:hover{







    background-color:#4a4562!important;







   }



   .bg_logos {

    background-image: -moz-linear-gradient( 90deg, rgb(242,89,133) 0%, rgb(149,85,116) 0%, rgb(74,69,98) 55%, rgb(74,69,98) 68%, rgb(74,69,98) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(242,89,133) 0%, rgb(149,85,116) 0%, rgb(74,69,98) 55%, rgb(74,69,98) 68%, rgb(74,69,98) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(242,89,133) 0%, rgb(149,85,116) 0%, rgb(74,69,98) 55%, rgb(74,69,98) 68%, rgb(74,69,98) 100%);

  }

  



   .bx-services {



    text-align:center;



    line-height:19px;



    margin-bottom:2rem;



    }



    



    .bx-services .number{



        color:#ec3f72;



    font-size:2rem;;



    display:block;



    margin-bottom:15px;



    }



    .bx-services h3{



        font-size:1.4rem;



        margin-bottom:1.2rem;



    }



    .bg_portfolio{

    background-image: url('dist/images/fundo-portfolio-min.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    }



    .bg_color_2{



    background-color:#f2f2f1;



    }



    .youtube {



        background-color: #000;



        position: relative;



        padding-top: 56.25%;



        overflow: hidden;



        cursor: pointer;



    }



    .youtube img {



        width: 100%;



        top: -16.82%;



        left: 0;



    }



    .youtube #play-button {



        width: 90px;



        height: 90px;



        background-color: #eae0d4;



            opacity:1;



        border-radius: 100%;



    }



    .youtube #play-button:before {



        content: "";



        border-style: solid;



        border-width: 15px 0 15px 26.0px;



        border-color: transparent transparent transparent #f25985;



    }



    .youtube img,



    .youtube #play-button {



        cursor: pointer;



    }



    .youtube img,



    .youtube iframe,



    .youtube #play-button,



    .youtube #play-button:before {



        position: absolute;



    }



    .youtube #play-button,



    .youtube #play-button:before {



        top: 50%;



        left: 50%;



        transform: translate3d( -50%, -50%, 0 );



        z-index:999;



    }



    .youtube iframe {



        height: 100%;



        width: 100%;



        top: 0;



        left: 0;



    }



    



    .bg-overlay {



        background-color:#47425d;



          position: absolute;



        width:100%;



        height:100%;



        opacity:0.78;



        



        }



        







 header{



   position:absolute;



    z-index: 999;



    width:100%;







    }







    .banner{







    position:relative;







    height: calc(90vh - 30px);







    }



.banner img.w-100{
    position: absolute;

top:0;

    right: 0;

    height: 100%;
object-fit: cover;

}



    



    



#myVideo {



    position: absolute;



    right: 0;



    bottom: 0;



    height: calc(90vh - 30px);



   width: 100%; 



    object-fit:cover;



    z-index: -1;



  }







    







    .list li{







    padding-left:10px;







    







    }







    .list li span{







        position:relative;







    top:-7px;







    }























   .list li{







    list-style-image: url("dist/images/bullet.png");







   }















   .parallax{







height: 400px;







background-image: url('dist/images/parallax.jpg');







background-repeat: no-repeat;



background-position: center;



background-attachment: fixed;







   }















   .icons{







height:82px!important;







   }















  footer{







background-color:#4a4562;







color:#fff;







  } 















  







  .map-responsive {







    padding-bottom: 30.25%;







    position: relative;







    height: 0px;







    overflow: hidden;







}







.map-responsive iframe {







    left: 0px;







    top: 0;







    height: 100%;







    width: 100%;







    position: absolute;







}







/******* FIX WPP *********/







#fix-wpp {







    position:fixed;







    right:10px;







    bottom:10%;







    z-index: 999;







}







    







#fix-wpp img{







  transition: width 0.5s;







  width:70px;







}







#fix-wpp:hover img{







  width:80px;







}







/********* FIX WPP ENDS *********/

.bg-case{

background-image: url('dist/images/fundo-cases.jpg');

background-repeat: no-repeat;

background-size: contain;

background-color: #747288;

background-position: center;



}



.img-case{

    width:100%;

    transition:all 0.5s;

    

    }

    .caption-case{

    position:absolute;

    bottom:10px;

    color:white;

    margin:0 20px;

    }

    .link-case{

      overflow: hidden;

    display:block;

    border-radius:10px;

    }

    

    .link-case:hover .img-case{

      transform: scale(1.2);

    }





.slick-logo .slick-prev:before, 

.slick-logo .slick-next:before {
    color: #fff!important;
    }

         
    .slick-depo  .slick-prev:before, 

    .slick-depo  .slick-next:before {
        color:#f25985!important;
        }

.slick-prev:before, .slick-next:before {
    color: #3f3f3e!important;
    font-size: 35px!important;
   }
    .bg-case .slick-prev:before,  .bg-case .slick-next:before {
        color: #fff!important;

       

        }





    .center .col-sm img{



      margin:auto;	



      }



      



      .slick-dots li button:before  {



        font-size:15px!important;



        color:#f25985!important;



        }



        .slick-dots li.slick-active button:before



            {



        color:#f25985!important;



        }



        .depo {



            text-align:center;



            padding:0 1.2rem;



        }



        .depo .hp{



        height:150px



        }



        .depo img{



        margin:auto;



        margin-bottom:1rem;



        }



        .depo .fn{line-height:15px}







    .center .col-sm img{



position:relative;

top:80px;

      margin:auto;	

height: 500px;

      }



      



      .center .slick-list{



      overflow-x:hidden!important;



      }



      



      .center .slick-slide {



      



          -webkit-transition: all 0.3s ease-out;



          transition: all 0.3s ease-out;



      



      }



      .center .slick-center{



          -webkit-transform: scale(1.8);



          transform: scale(1.2);



      



      }



      









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


header{
    background-color: #4a4562;
    position: initial;
    padding-bottom: 1.5rem;
}


.banner{
    height: auto;
}
.bt {
padding:0.6rem 1rem!important
}

.top-bt img{
display: none;
}

.fix-br br{







display: none;







}



.slick-next{
    right: 0!important;;
}


.slick-prev{
    left: 0!important;;
    z-index: 99;
}

.slick-depo .slick-next{
    right:15px!important;
    top:62%!important;
}
.slick-depo .slick-prev{
    left: 15px!important;;
    z-index: 99;
    top:62%!important;
}

.map-responsive {







    padding-bottom: 60%;







   







   }







   .slick-prev:before, .slick-next:before {



    color: #3f3f3e!important;



    font-size: 25px!important;







    }







.center .slick-prev{



        left:15px!important;

        z-index: 999;



          }



          .center .slick-next{



          right:15px!important;



          }

          .slick-logo .slick-next {

            right:15px!important;

          }



          .slick-logo .slick-prev{



            left:15px!important;

            z-index: 999;

    

              }





          .depo .hp{



            height:185px



            }





            .center .col-sm img{



                position:relative;

                top:65px;

                      margin:auto;	

                height: 420px;

                      }            

        



}















   







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







	   .parallax{



		  background-attachment: initial;



	   }







.social-link svg{







fill:#fff;







}







.caption h1{







color:#45405c







}















}