/*



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_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);



    }



    

    

#myVideo {

    position: absolute;

    right: 0;

    bottom: 0;

    height: calc(90vh - 30px);

   width: 100%; 

    object-fit:cover;

    z-index: -1;

  }



    



    .list li{



    margin:20px 0;



    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 *********/
.slick-logo .slick-prev:before, 
.slick-logo .slick-next:before {

    color: #fff!important;

    }


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

    color: #3f3f3e!important;

    font-size: 35px!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){



.fix-br br{



display: none;



}



.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



}







}