/* 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*/
#lgpdModal small{
	color:#000!important;
}
/* 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 */
    .grecaptcha-badge { visibility: hidden!important;}
    /****** GLOBALS *****/
    .slick-3, .slick-4rws, .slick-3rws { & > .slide:not(:first-child) {display: none;}}
    .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, svg.d-next, svg.d-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;
        }
        .elm-c{
            width:13%;
            left:10%;
        }
        
        }  
    /****** GLOBALS ENDS *****/
    /****** TYPO CORES E BOTOES *****/
    .primary-color{color:#0cb3d3 }
    .secondary-color{color:#9ac889}
    .tertiary-color{color:#64baa7}
    .fill-primary{fill:#0cb3d3} .fill-primary:hover{fill:#41917f}
    .fill-secondary{fill:#9ac889}
    .gray-color{color:#999999}
    .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:#0cb3d3  ;
    }
    .bt-primary:hover, .bt-white:hover{
        background-color:#41917f; 
    }
    .bt-white:hover{
        color:#fff;
    }
    .bt-secondary{
        color:#fff;
        background-color:#9ac889;
    }
    .bt-secondary:hover{
        background-color:#41917f ;
    }

    .bt-tertiary{
        color:#fff;
        background-color:#64baa7;
    }
    .bt-tertiary:hover{
        background-color:#0cb3d3 ;
        color:#fff;
    }
    
    .bt-contact{
        color:#fff;
        background-color:#7f8c61;
    }
    .bt-contact:hover{
        background-color:#0cb3d3 ;
    }
    .bt-white{
    background-color: #fff;
    color:#0cb3d3;
    border:1px solid #fff!important;
    } 
        .bt-white:hover{
      background-color:#0cb3d3 ;
               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 *******/
#wpp-top svg{
position:relative;
top:-2px
}

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

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

    .list-obst .bullet-img{
        width:60px;
        margin-right:10px;
    
    }
    .list-obst h3{
        margin-bottom:20px
    }
    
    header{
            background-color:#fff;
    }

    header{
        position:fixed;
        top:0;
        z-index:1025;
        width:100%;
        }
        .is-sticky img{
            transition: all 0.8s;
        }

        .is-sticky .shrink img{
        transform: scale(.9, .9);
        -ms-transform: scale(.9, .9);
        -webkit-transform: scale(.9, .9);
        overflow: hidden;
        
        }
    .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%)
        }
        
                
        @media (min-width:991px){
            .shrink{
        height:130px;
        transition: height .8s;
        overflow: hidden;
        
        }
        .is-sticky .shrink {
            height:0;
        }
        .shrink img{
        transition: all .8s;
 
    }
    .is-sticky .shrink img{
        transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        overflow: hidden;
        
        }

        }
        

    /***** *HEADER ENDS ********/
    
    /***** *BANNERS ********/
    #banner {
        position:relative;
		margin-top:128px;
    }
    
    #banner .banner-img{
        object-fit: cover;
        height: 100%;
    }
    #banner .caption{
        position: absolute;
        top: 50%;
        text-align: center;
        left:50%;
        transform: translate(-50%, -50%);
    }  
    .banner-interna{
        position:relative;
		margin-top:119px;
    }
    .caption-interna{
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }

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

    .caption-interna{
        top:50%;
		width:95%;
    }
		    .banner-interna{
        margin-top:158px;
    }
    }

    @media only screen and (min-width:768px){
    #banner{
        background-color:#fff;
        }
        .banner-img{
        opacity:0.65;
        }

        .banner-interna{
            
            margin-top:178px;
        }
        #banner{
            
                margin-top:178px;
            
        }
    }



    /***** *BANNERS EDS ********/
    .title-c h2{
        font-weight:bold;
        color:#0cb3d3;
        width:380px;
        margin-left:5rem;
        }
        .title-c{
            position:relative;
        }
        .bdr-s{
            position:relative;
        }
        .bdr-s:before{
            content:"";
            display:inline-block;
            height:100%;
            width:3px;
            background-color:#0cb3d3;
            position:absolute;
            left:-20px;
            top:0;
        }
        .title-c.orange h2{
            color:#9ac889;
        }
        .bdrs-orange{
            position:relative;
        }
        .bdrs-orange:before{
            content:"";
            display:inline-block;
            height:100%;
            width:3px;
            
            position:absolute;
            left:-20px;
            top:0;
            background-color:#9ac889;
        }

        @media (max-width:768px){  
            .title-c h2{   
                    width:auto;
                    margin-left:0;
                      margin-bottom:2rem;
                    }
                    .bdr-s:before{
                        content:"";
                        display:inline-block;
                        height:3px;
                        width:80%;
                        background-color:#0cb3d3;
                        position:absolute;
                        left:50%;
                                transform:translate(-50%, 0);
                        top:-25px;
                }

            }
    /******* *BGS E ELEMENTOS *****/
@media (min-width:768px){
.fundo-img-01{
    background-image: url('dist/images/left-elm.png'), url('dist/images/right-elm.png');
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    }
}

.fundo-interno{
    background-image: url('dist/images/fundo-logo.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-color:#eef9fc;
    background-position:center;

}
.fundo-interno2{
    background-image: url('dist/images/fundo3.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-color:#f8faf7;
    background-position:center;

}



    /******* *BGS E ELEMENTOS ENDS *****/
    /**** PARALLAX *******/
    .parallax {
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 300px;
        position:relative;
    }
    .parallax.home1{

        background-image:url('dist/images/parallax1-min.jpg');
        background-position: center;
    }
    .parallax .container{
    position:relative;
    }

.p-overlay{
    background-color: rgba(0, 0, 0, 0.3);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
}

        .parallax.home2{
        background-image:url('dist/images/parallax2-min.jpg');
        background-position: center;
    }
    
    
    .map-responsive {
      padding-bottom: 65%;
    
      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%;
    }

    .video-resp {
        padding-bottom:59%;
        position: relative;
        height: 0px;
        overflow: hidden;
    }
    .video-resp video {
        left: 0px;
        top: 0;
        height: 100%; 
        width: 100%;
        position: absolute;
    }  

    .bg-info-contato{
	    background-color: #edfff4;
}
    
    @media (max-width:570px){
        .parallax.home1{
            background-image:url('dist/images/parallax1-mobile-min.jpg');
            
        }
        .parallax.home2{
            background-image:url('dist/images/parallax2-mobile-min.jpg');
        } 

    }
    /********* PARALLAX ENDS ******/
        /******** *INTERNAS ******/
.cp-box{
    border-radius: 8px;
}
.cp-box img{
border-radius: 10px;
}

    .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, .internas h1, .single-post article h2{
color:#0cb3d3;
}
.internas.c2 h3, .internas.c2 h2 {
    color:#9ac889;
    
}
.internas.c3 h2, .internas.c3 h3 {
    color:#64baa7;
    
}

.titles-primary h3, .titles-primary h4 {
    color:#0cb3d3;
    font-weight: bold;
    margin-top:0!important;
}
.bg-primary-color{
background-color:#eefafc;
}
.bg-white-color{
background-color: #fff;
}

.bg-secondary-color{
background-color: #eafce9;
}
.bg-light-gray{
background-color:#efefef;
}
.bg-mt-faq{
background-color: #6fa4ce;
}

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

.featured-img .int-img{
	margin-top:-180px!important;
}
.info-img{
    
border-radius: 100%;
}


 
    .rounded-img{
        border-radius: 100%;
    }
       

@media only screen and (min-width: 1024px){   
    .internas h1{
        font-size:1.6rem;
        font-weight: bold;
        }

.internas h2, .single-post article h2{
font-size:1.5rem!important;
} 
.internas h3, .single-post article h3{
font-size:1.3rem!important;
} 
.internas h4, .single-post article h4{
font-size:1.15rem;
}
.internas h5, .single-post 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:#0cb3d3;
    }

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

    #Faq2 .accordion-item{
        margin:10px 0!important;
        
    }
    #Faq .accordion-item span{
        margin-left:35px!important;
        
    }
    #Faq .accordion-item{
     
        border:none!important
    }
    
    #Faq .accordion-button::after {
        position:absolute;
        left:10;
        border-radius:100%;
        border:2px solid #0cb3d3;
        width:28px;
        height:28px;
          background-position:center;
        background-size:75%;
    }

    .arrow .next, .arrow .prev{
        width:34px;
        
    }
      /******* *FAQ ENDS *******/  

      .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border:none!important;
    background:#4e84c2!important;
    color:#fff!important;
}
/******** *SLICK ******/
.bg-left-leaf .slick-depo{
    margin-top:3rem;
    
        
    }
    .depo-box{
            position:relative;
    box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.06);
        background-color: #ffe998;
        padding: 3.5rem 2rem;
        margin:0 10px;;
    
    }
    
    .depo-box:before{
    position:absolute;
    left:25px;
    top:-30px;
    }
    
    .arrow-depo{
    margin:0 5px;
    border:2px solid #87c576;
    width:50px;
    height:50px;
    border-radius:100%;
    padding:0.7rem;
    cursor:pointer;
    }
    

.white-box{
	background-color:#fff;
	border-radius:30px;
    padding-bottom:2rem;
    box-shadow: 0px 10px 11.83px 1.17px rgba(0, 0, 0, 0.3);
}
.white-box h3, .white-box p{
    padding:0 1rem 0 ;
}
.arrow .next, .arrow .prev{
  width:50px;
  
}
.slick-slide img{
margin-bottom:8px;
}

.line-center{
  position:relative;
  height:65px; 
}
.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:130px;
  }

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

.slick-dots{
  text-align:center!important;
}
  .slick-dots li button:before  {
      font-size:22px!important;
      color:#fff !important;
      }
      
      .slick-dots li.slick-active button:before
      {
      color:#fff !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){
      
          

          .lh-resumo{
              
              height:170px;
              
              }
              .lh-resumo.sm{
                  height: 110px;
              }

  }
  @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:#0cb3d3;
        color:#fff!important;
    }
    .nav-footer ul{
    list-style: none;
    padding-left: 0;
    }
    footer .nav-link:hover{
    color:#076172!important;
    }

    footer a{
    color:#fff;
    }

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


    /***** FOOTER ENDS ****/
    
    /* ****** OFFCANVAS ****** */
    .offcanvas-active .bt-trigger {
        opacity: 0;
    }
    header .btn-close{
    position:relative;
 
    top: 80px;
    right: 30px;
    width: 1.5rem;
    background-size: 1.5rem;
    height: 1.5rem;

    }
        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: #0cb3d3!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:#0cb3d3 ;
        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 *********/
      
/* 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 *********/
        h1.archive ul{
            padding-left:0;
            }
        h1.archive{
        font-size:2rem;
                }
        h1.archive li{
        list-style:none;
        
        }
        h1.archive li a{
        color:#fff;
        font-size:1rem;
        }
        
        .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:#0cb3d3 ;
                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: #0cb3d3 ;
                border:1px solid #0cb3d3 ;
                            border-radius:8px;
                    transition:all 0.2s;
                }
                
            .pagination .page-numbers:hover, .pagination .page:hover, 
            .page-numbers.current
              {
                    background:#0cb3d3 ;
                    color:#fff;
                text-decoration:none;
                border-color:#0cb3d3 ;
                }
/* Trigger  */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    }
  
  /* Optional Delays, change values here  */
  .one { animation-delay: 0.5s!important; }
  .two { animation-delay: 1.2s!important; }
  .three { animation-delay: 2s!important; }

  
  /* Animations start here  */
  /* FADE IN  */
  @keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    
    
    }
    to { opacity: 1; 
        -webkit-transform: none;
        transform: none;
    } }
  .fadeIn { animation-name: fadeIn; }
  
  
  /* FADE IN DOWN */
  @keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -100%, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInDown { animation-name: fadeInDown; }
  
  /* FADE IN UP */
  @keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 20px, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInUp { animation-name: fadeInUp; }
  
  /* FADE IN UP BIG */
  
  @keyframes fadeInUpBig {
    from { opacity: 0; transform: translate3d(0, 100px, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInUpBig { animation-name: fadeInUpBig; }
  
  /* FADE IN LEFT */
  
  @keyframes fadeInLeft {
    from { opacity: 0; transform: translate3d(-30px, 0, 0)rotateZ(30deg); }
    to { opacity: 1; transform: none; } }
  .fadeInLeft { animation-name: fadeInLeft; }
  
  /* FADE IN LEFT BIG */
  
  @keyframes fadeInLeftBig {
    from { opacity: 0; transform: translate3d(-100px, 0, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInLeftBig { animation-name: fadeInLeftBig; }
  
  /* FADE IN RIGHT */
  
  @keyframes fadeInRight {
    from { opacity: 0; transform: translate3d(100%, 0, 0); }
    to { opacity: 1; transform: none; } }
  .fadeInRight { animation-name: fadeInRight; }
  
  /* @end standaard animaties  */
  .fadeup.in-view {
    animation: fadeInUp 0s;
    }
      .fadedown.in-view {
    animation: fadeInDown;
    }
  
  .fadeleftBig.in-view {  
     animation: fadeInLeftBig;

     animation-delay: 0s;
    animation-fill-mode: both;
     backface-visibility: hidden;
  }
      
  
  .in-view{
    animation-duration: 1s!important;
  }