/*

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

   }

   .bx-services {
    text-align:center;
    line-height:19px;
    margin-bottom:2rem;
    }
    .bx-services p {
        font-size:0.9rem;
    }
    .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_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;
    }
    


 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-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 *********/





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

.fix-br br{

display: none;

}

.map-responsive {

    padding-bottom: 60%;



   }

}



   

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

	   .parallax{
		  background-attachment: initial;
	   }

.social-link svg{

fill:#fff;

}

.caption h1{

color:#45405c

}



}