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

/* FONTES */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('dist/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('dist/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('dist/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('dist/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('dist/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
    }
    /* poppins-500 - latin */
    @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('dist/fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('dist/fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('dist/fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
    url('dist/fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('dist/fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
    }
    /* poppins-700 - latin */
    @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('dist/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: url('dist/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('dist/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('dist/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('dist/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('dist/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
    }

    /* FONTES ENDS */
    
    /****** GLOBALS *****/
    .rmp-heading--title{color: #313444!important;font-size: 1.4rem!important;}
    .rmp-rating-widget .rmp-icon--ratings{font-size:1.5rem!important;}
    .cover-img {width:100%;height:200px;object-fit:cover;}
    .bx-sidebar form{margin-top:-30px!important; }
    svg{pointer-events: none!important;}
    svg.next, svg.prev{pointer-events:auto!important;}
    a:active,a:focus,input:active,input:focus,button:active,button:focus{outline:0!important;-moz-outline-style:none!important;outline-style:none!important}
    a {text-decoration:none!important;}
    .wp-block-image img{height:auto!important;}
    body{font-family: 'Poppins'!important;color: #3c3c3c;}
  .modal-dialog {
max-width:95%!important;
 position:fixed!important;
   top:auto!important;
   right:2.5%!important;
   left:2.5%!important;
   bottom:0!important;
	}
    @media only screen and (max-width:1024px){
    .fix-br br{
        display: none;
    }
    }
    @media only screen and (max-width:570px){
        article, section, footer, footer ul{
            text-align: center!important;
        }
        
        }
    /****** GLOBALS ENDS *****/
    /****** TYPO CORES E BOTOES *****/
    .primary-color{color:#bf887a }
    .secondary-color{color:#2c2d40}
    .tertiary-color{color:#abb49e}
    .contact-color{color:#7f8c61}
    .white-color{color: #fff!important;
    
    }
    
    
    .bt{
        text-decoration: none;
        border:none!important;
        display: inline-block!important;
        padding:0.4rem 1.8rem!important;
        transition:all 0.5s;
        border-radius: 30px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    }
    .bt-primary{
        color:#fff;
        background-color:#bf887a ;
    }
    .bt-primary:hover, .bt-white:hover{
        background-color:#995a4a ; 
    }
    .bt-white:hover{
        color:#fff;
    }
    .bt-secondary{
        color:#fff;
        background-color:#2c2d40;
    }
    .bt-secondary:hover{
        background-color:#bf887a ;
    }

    .bt-tertiary{
        color:#fff;
        background-color:#abb49e;
    }
    .bt-tertiary:hover{
        background-color:#bf887a ;
    }
    
    .bt-contact{
        color:#fff;
        background-color:#7f8c61;
    }
    .bt-contact:hover{
        background-color:#bf887a ;
    }
    .bt-white{
    background-color: #fff;
    color:#2c2d40;
    border:1px solid #fff!important;
    } 
        .bt-white:hover{
      background-color:#bf887a ;
               color:#fff;
    }
    
    .bdr-30{
        border-radius: 30px;
    }

    .bt-collapse.collapsed:after  {
        content: 'Ler mais';
    
    }
    .bt-collapse {
    text-decoration:none!important;
    }
    .bt-collapse:not(.collapsed):after {
        content: '-fechar';
    }
    /**** CORES E BOTOES ENDS ****/
    
    /***** HEADER *******/
header{
	position:sticky;
	top:0;
	z-index:1025;
}


    .navbar-nav .nav-link{
        color: #494949!important;
        white-space: nowrap;
        
    }
    .nav-link{
        font-weight:500!important;
        font-size:0.9rem!important;
    }
a.primary-color:hover{
    color: #494949!important;
}
    .dropdown-item{
        white-space: wrap!important;
    }
    .nav-link svg, .fill-svg{
        fill: #bf887a  !important;
    }
    .nav-link:hover svg {
        fill: #2c2d40 !important;
    }
    #navbar_main .redes-menu a svg{
        fill:#bf887a;
    }
    #navbar_main .redes-menu a:hover svg{
        fill:#bf887a;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-item.active .nav-link,
    .nav-link:hover,
    .nav-link.active    {
        color: #494949  !important;
    }

    .list-obst .bullet-img{
        width:60px;
        margin-right:10px;
    
    }
    .list-obst h3{
        margin-bottom:20px
    }
    
    header{
    /* position:absolute;
    width:100%;
    top:0;
    z-index:999; */
    background-color:rgba(255, 255, 255, 7.6)
    }
    .vert-sep{
        position:relative;
        }
        .vert-sep:before{
            content:"";
            width:1px;
            height:50px;
            background-color:#494949;
            position:absolute;
        left:16px;
        top:50%;
        transform:translate(0, -50%)
        }

    /***** *HEADER ENDS ********/
    
    /***** *BANNERS ********/
    #banner {
        position:relative;
    }
    #banner .banner-img{
        object-fit: cover;
        height: 100%;
    }
    #banner .caption{
        position: absolute;
        top: 50%;
        left:25%;
        transform: translate(0, -50%);
    }  
    .banner-interna{
        position:relative;
    }
    .caption-interna{
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }

    @media only screen and (max-width:768px){
        header{
            background-color:#fff;
        } 
    #banner .caption{
    position: initial;
    top:10px;
    transform: inherit;
    left:0;
    padding:1rem;
    text-align: center;
    }
    #banner .caption h1, #banner .caption h2{
    color:#bf887a !important;
    }
    #banner .caption span{
        color:#2c2d40!important
    }
    
    #banner .caption .bt-white{
    background-color:#bf887a ;
    }

    .caption-interna{
        top:50%;
    }
    }
    /***** *BANNERS EDS ********/
    /******* *BGS E ELEMENTOS *****/
    .fundo-1{
    background-image: url('dist/images/fundo01-min.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    }

    .fundo-about{
        background-image: url('dist/images/fundo-about-min.jpg');
        background-repeat: no-repeat;
        background-size: cover;

        }
        .fundo-pediatria{
            background-image: url('dist/images/fundo01-2-min.jpg');
            background-repeat: no-repeat;
            background-size: cover;
    
            }

    .fundo-elementos{
        background-image: url('dist/images/fundo-elementos-min.jpg');
        background-position: center;
        background-size:contain;
        }
        .bg-linear-gradient{
            background: linear-gradient(90deg, #ffffff, #9fdbf8);
        }
   
 
    /******* *BGS E ELEMENTOS ENDS *****/
    /**** PARALLAX *******/
    .parallax {
        background-attachment: fixed;
        background-size: cover;
        height: 320px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .parallax.home1{
        background-image:url('dist/images/parallax.webp');
        background-position: top center;
    }
    .parallax.home2{
        background-image:url('dist/images/parallax2.webp');
    }

    .parallax.home3{
        background-image:url('dist/images/parallax3.jpg');
        height:100%;
    }

    
    .map-responsive {
      padding-bottom: 28%;
    
      position: relative;

      height: 0px;

      overflow: hidden;
    }
    .map-responsive iframe {
        left: 0px;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }  
    .map-responsive.bdr-30 {
        padding-bottom: 70%;
    }
    .bx-contato-mp{
      margin-top:-10rem!important;
      position:relative;
      z-index: 10;
    }
    .bg-info-contato{
	    background: linear-gradient(45deg, #bf8970, #2c2d40);
color:#fff;
padding:2rem!important;
border-radius: 0 30px 30px 0;
}
.bg-info-contato svg{
fill:#fff;
}
.bg-info-contato a{
color:#fff;
}

.bg-wrapper{
background-color:#fff;
border-radius:30px;
	    box-shadow: 0px 5px 22.8px 1.2px rgba(0, 0, 0, 0.22);
}

    
    @media (max-width:570px){
    /*    .parallax.home1{
            background-image:url('dist/images/parallax-1-mobile-min.jpg');
            
        }
        .parallax.home2{
            background-image:url('dist/images/parallax-2-mobile-min.jpg');
        } */

    }
    /********* PARALLAX ENDS ******/
    
    /******** *INTERNAS ******/
.clear-both{
	clear:both;
}
    .share-links .fa-whatsapp {
        fill:	#25D366;
        }
        .share-links .fa-facebook {
        fill:#3b5998;
        }
        .share-links .fa-linkedin-in {
        fill:#0072b1;
        }

.internas h2, .single-post article h2,
.internas h3, .single-post article h3,
.internas h4, .single-post article h4,
.internas h5, .single-post article h5{
    margin-top:1.6rem;

}
.internas h2, .single-post article h2{
color:#bf887a;
}

.bg-primary-color{
background-color: #f7eeeb;
}.fundo-interna{
background-color: #f9eae3;
}
.bg-secondary-color{
background-color: #eac4b6;
}
.bg-light-gray{
background-color: #e9eaeb;
}

.featured-img{
	margin-top:180px!important;
}

.featured-img .int-img{
	margin-top:-180px!important;
}

  .internas ul{
    text-align:left!important;
    list-style:none;
    padding-left:0;
    }
    .internas ul li{
    position:relative;
    padding-left:1.8rem
    }
    
    .internas ul li::before{
    content:"";
    position:absolute;
    left:10px;
    background-color:#bf887a ;
    width:10px;
    height:10px;
    border-radius:100%;
    top:8px
    
    }
    .rounded-img{
        border-radius: 100%;
    }
       

@media only screen and (min-width: 1024px){   
.internas h2, .single article h2{
font-size:1.6rem!important;
} 
.internas h3, .single article h3{
font-size:1.3rem!important;
} 
.internas h4, .single article h4{
font-size:1.15rem;
}
.internas h5, .single article h5{
font-size:1.05rem!important;

} 
.dropdown-menu.show{
    width:300px!important;
}
.caption-interna{
  width:500px;
}

}
    
@media (max-width:768px){
	article, section, footer{
		text-align:center!important;
	}
article ul{
text-align: left!important;
}

#banner .bt-white{
    color:#fff;
    background-color:#2c2d40;
    }

    .featured-img{
        margin-top:50px!important;
    }
    
    .featured-img .int-img{
        margin-top:-80px!important;
    }

.featured-img-b .int-img{
    top:20px;
    margin-bottom:-35px;
}
.featured-img-b{
    margin-bottom:50px;}

}

    
.img-entrevista{
	height:180px!important;
	object-fit:cover;
border-radius:8px
}
    
    




/******** *INTERNAS ENDS ******/
    
    /******* *FAQ *******/
    .FAQ .accordion-button{
    color:#fff!important;
    background-color: transparent;
    border:none!important;
    }
    .FAQ .accordion-button:not(.collapsed){
    box-shadow: none!important;
    background-color: transparent!important;
    }
    .FAQ .accordion-item {
          border: none!important;
          background-color:#f79379!important;
          color: #fff !important;
          margin-bottom: 1rem!important;
          border-radius: 30px !important;
        
        }
        .FAQ .accordion-button::after {
    border:1px solid #fff;
    transform: scale(.8) !important;
    background-position:center;
    width:30px;
    background-color: #fff;
    height:30px;
    padding:8px;
    border-radius:100%;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23f79379' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
    transform: scale(.7) !important;
    }
    
    .FAQ .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23f79379' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
    }
    .FAQ .accordion-button:focus{
    box-shadow: none!important;
    }



    .FAQ.scnd .accordion-item{
        background-color:#2c2d40!important;
    }
    .FAQ.scnd .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233b3b3b' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
    }
    .FAQ.scnd .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%233b3b3b' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
        }
   

    .arrow .next, .arrow .prev{
        width:34px;
        
    }
      /******* *FAQ ENDS *******/  
/******** *SLICK ******/
.white-box{
	background-color:#fff;
	border-radius:30px;
    padding-bottom:2rem;
	
}
.white-box h3, .white-box p{
    padding:0 2rem 0 ;
}
.arrow .next, .arrow .prev{
  width:50px;
  
}
.slick-slide img{
margin-bottom:8px;
}

.line-center{
  position:relative;
  height:70px; 
}
.line-center h3{
  line-height:22px;
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  transform: translate3d( -50%, -50%, 0 );
}
.lh-resumo{
  line-height:22px;
  height:200px;
  }

  .lh-resumo.sm{
      height: 150px;
  }

.slick-dots{
  text-align:center!important;
}
  .slick-dots li button:before  {
      font-size:15px!important;
      color:#47b5ed !important;
      }
      
      .slick-dots li.slick-active button:before
      {
      color:#47b5ed !important;
      }
  .arrow .next,
  .arrow .prev   {
      position:absolute;
      top:50%;
      z-index:9;
      cursor:pointer
  }
  .arrow .prev{
      left:-100px;
  }
  .arrow .next{
      right:-100px;
  }    
  @media only screen and (max-width:1400px){
      
          .nav-link{
              
              font-size: 0.8rem!important;
          }

          .lh-resumo{
              line-height:22px;
              height: 235px;
              
              }
              .lh-resumo.sm{
                  height: 170px;
              }

  }
  @media only screen and (max-width:768px){
      .lh-resumo, .lh-resumo.sm{
          height: auto;
      }
  .line-center{
  height: auto;
  }
  .line-center h3{
      position: initial;
      width:auto;
      transform:inherit;
      }

      .arrow .prev{
          left:20px;
      }
      .arrow .next{
          right:20px;
      }   

      .arrow .next, .arrow .prev{
          width:25px;
          top:25%;

      }

      .nav-link{
              
          font-size: 1rem!important;
      }
      .slick-prev, .slick-next{
          top:25%!important;
      }
      .slick-prev{
          left:15px!important;
          z-index:9999;
      }
      .slick-next{
          right:50px!important;
      }
      .redes-menu{
        margin-top:2rem;
      }

}
/*** SLICK ENDS ***/

    /***** FOOTER *******/
    footer{
        background-color:#2c2d40;
        color:#fff!important;
    }
    .nav-footer ul{
    list-style: none;
    padding-left: 0;
    }
    

    footer a{
    color:#fff;
    }

    footer a:hover{
    color:#bf887a 
    }
    footer svg{
        fill:#fff;
    }
    footer a:hover svg{
    fill:#bf887a 
    }


    /***** FOOTER ENDS ****/
    
    /* ****** OFFCANVAS ****** */
    .offcanvas-active .bt-trigger {
        opacity: 0;
    }
    header .btn-close{
    position:relative;
    top:0;
    right:15px;
    }
        body.offcanvas-active{
            overflow:hidden!important;
        }
        .offcanvas-header{ display:none!important; }
        .screen-darken{
        height: 100%!important; width:0%!important;
        z-index: 30!important;
        position: fixed!important; top: 0!important; right: 0!important; 
        opacity:0!important; visibility:hidden!important;
        background-color:rgba(255,255,255,0.7)!important;
        transition:opacity .2s linear, visibility 0.2s, width 2s ease-in!important;
        }
        .screen-darken.active{
        z-index:10!important; 
        transition:opacity .3s ease, width 0s!important;
        opacity:1!important;
        width:100%!important;
        visibility:visible!important;
        }
        /* ============ mobile view ============ */
        @media all and (max-width: 991px) {
        .offcanvas-header{ display:block!important; }
        .mobile-offcanvas{
            background-color: #2c2d40!important;
        visibility: hidden!important;
        transform:translateX(-100%)!important;
        border-radius:0!important; 
        display:block!important;
        position: fixed!important;  top: 0!important; left:0!important;
        height: 100%!important; width:80%!important;
        z-index: 1200!important; 
        overflow-y: scroll!important;
        
        transition: visibility .3s ease-in-out, transform .3s ease-in-out!important;
        } 
        .mobile-offcanvas.show{
        visibility: visible!important; 	transform: translateX(0)!important;
        }
        .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
        display: block!important;
        }
        .bt-trigger {
        border:none;
        fill:#bf887a ;
        background: none;
        position: absolute;
        top: 25px;
        right: 15px;
        }
        #navbarNav, .nav-top{
        padding-left:2rem!important;
        }
    
        .navbar-nav .nav-link{
            color: #fff!important;
                       
        }

        
        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-item.active .nav-link {
            color: #fff !important;
            text-decoration: underline!important;
        }

        #navbar_main .redes-menu a svg{
            fill:#FFF;
        }
    
        }
        
        /* ============ OFFCANVAS END ============ */
        .about-box {
            background-color:#EEE;
            padding:1rem 1rem 0.2rem;
            margin-bottom:1rem;
            
            }
            .about-box h3{
            font-size:1rem;
            }
            
            .about-box p{
            margin-top:10px;
            font-size:0.92rem;
            line-height:20px
            }

        /******* FIX WPP *********/
        /*=== Trigger  ===*/
        .animate {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
        }
        .delay-a{
            -webkit-animation-delay: 1.2s;
            -moz-animation-delay: 1.2s;
            animation-delay: 1.2s;
        }
        .delay-b{
            -webkit-animation-delay: 2s;
            -moz-animation-delay: 2s;
            animation-delay: 2s;
        }
        

/******** ANIMATE BACKGROUND ******/
.fundo-animado {
  padding-top: 2rem;
  padding-bottom: 3rem;
  background-color: #2c2d40;
}
.fundo-animado .svg-top {
  width: 100%;
  position: absolute;
  left: 0;
  top: -48px;
  height: 50px;
  transform-origin: bottom;
  animation: 1.5s ease-in-out infinite alternate svg-wave;
  fill: #bf887a;
}
.fundo-animado .svg-top .st0 {
  fill: #2c2d40;
}

@keyframes svg-wave {
  from {
    transform: scaleX(1) scaleY(1.1);
  }
  to {
    transform: scaleX(1) scaleY(1.6);
  }
}

/******** ANIMATE BACKGROUND ******/

       
        /*=== Animations start here  ===*/
        
        /*==== FADE IN UP ===*/
        @-webkit-keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
          }
        
          to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
          }
        }
        @keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
          }
        
          to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
          }
        }
        
        .fadeInUp {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
        }
              
        /*=== FADE IN  ===*/
        @-webkit-keyframes fadeIn {
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
        }
        @keyframes fadeIn {
          from {
            opacity: 0;
          }
        
          to {
            opacity: 1;
          }
        }
        .fadeIn {
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
        }
        
        /* ANIMATION WPP ***/
        @keyframes OHFixedIcon{ 0% { transform: scale(.5); } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
        #wpp-flutuante {
        position: fixed!important;
        width: 60px;
        height: 60px;
        bottom: 30px;
        right: 25px;
        z-index: 9999;
        transition: .3s;
        background-color: #25d366;
        background-image: url('dist/images/icon-whatsapp.png');
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        cursor: pointer;
        display: inline-block;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
        }
        
        #wpp-flutuante:after, #wpp-flutuante:before {
        content: ' ';
        animation: OHFixedIcon 1.5s ease infinite;
        position: absolute;
        opacity: 0;
        border: 4px solid #25D366;
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        }
    #wpp-flutuante:after {
        animation-delay: .5s;
        }
        @media only screen and (max-width:1400px){
            #wpp-flutuante{
            bottom:115px;
            }
        }
        /********* FIX WPP ENDS *********/
        .bg-cplm{
            margin-top:-180px;
        }
        .bg-cplm h3{
        margin-top:3rem
        }
        
        @media (max-width:768px){
            .bg-cplm{
                    margin-top:-285px;
                    padding-top:180px;
            }
        }
        
        .slick-item-blog .cover-img{
        border-radius:15px;
        
        }

.img-feed  img{
    height:60px;
    width:100%;
    object-fit: cover;
}
        
        .blg-bx p{
        padding:0 1.5rem
        }
              
    @media screen and (max-width: 768px) {
        .video-sec{
                        
            background-position:center;
            background-size:cover;
        }
    }
        

            
            
            .caption-img{
                position:absolute;
                bottom:18%;
                left:8%;
                width:100%;
            }
            .caption-img h3 span{
                color:#fff;
                padding:0 1rem 0.2rem;
                    border-radius:15px;
                display:inline;
               background-color:#bf887a ;
                line-height:50px;
                font-size:1.3rem
            }



            .pagination {
                display:block!important;;
                margin-top:2rem;
                }
                .pagination .page-numbers, .pagination .page {
                background-color:#fff;
                    margin: 0 10px 25px;
                display:inline-block;
                    padding: 10px 15px;
                    color: #bf887a ;
                border:1px solid #bf887a ;
                            border-radius:8px;
                    transition:all 0.2s;
                }
                
            .pagination .page-numbers:hover, .pagination .page:hover, 
            .page-numbers.current
              {
                    background:#bf887a ;
                    color:#fff;
                text-decoration:none;
                border-color:#bf887a ;
                }
                    
                    

.wrap-logos{
transition: all 0.6s;
height:95px;
}


@media (min-width:768px){
	.alignleft{
		float:left!important;
		margin-right:2rem!important;
	}
	
.sticky-header .wrap-logos{
height:0;
opacity:0;

}
	
	
}

.slick-3 {
  
  
  & > .slide:not(:first-child) {
    display: none;
  }
}