/* estilo css */
    /* ajustando o panel  do bootstrap */

    
    /*fontes */
    
    @font-face {
        /* fonte utilizada */
        font-family: 'OpenSans';
        /*caminho da fonte */
        src: url("../fonts/OpenSans/OpenSans-Regular.ttf");
        /*tamanho da fonte com medida relativa  */
        font-size: 1em;
    }
    
    @font-face {
        /* fonte utilizada */
        font-family: 'OpenSanslight';
        /*caminho da fonte */
        src: url("../fonts/OpenSans/OpenSans-Light.ttf");
        /*tamanho da fonte com medida relativa  */
        font-size: 1em;
    }
    
    @font-face {
        /* fonte utilizada */
        font-family: 'Roboto';
        /*caminho da fonte */
        src: url("../fonts/Roboto/Roboto-Regular.ttf");
        /*tamanho da fonte com medida relativa  */
        font-size: 1em;
    }

        
    @font-face {
        /* fonte utilizada */
        font-family: 'Roboto-Light';
        /*caminho da fonte */
        src: url("../fonts/Roboto/Roboto-Light.ttf");
        /*tamanho da fonte com medida relativa  */
        font-size: 1em;
    }



    @font-face {
        /* fonte utilizada */
        font-family: 'Roboto-Bold';
        /*caminho da fonte */
        src: url("../fonts/Roboto/Roboto-Bold.ttf");
        /*tamanho da fonte com medida relativa  */
        font-size: 1em;
    }


      /* ajustando a posição do alerta do bootstrap */
     .alert{
        position: absolute;
        top: 185px; 
        width: 53%;
        left: 25%;
        z-index: 2000;
     }
     
    /* botoes responsaveis pelo menu responsivo */
    
    #btn-menu,
    #btn-busca {
        display: none;
    }
    /* efeito para expandir as imagens das redes sociais */
    
   
    .fade {
        opacity: 1;
    }
    
    .fade:hover {
        opacity: 1;
    }
    
    /* efeito de aumento de imagem */    
    .grow:hover {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }
    
    
    /**************************************** Menu ******************************************************/

    nav.navbar.navbar-inverse{
        position:relative; 
        height: 160px!important;
        background-color:rgba(255, 255, 255, .5);    
        left: 0%; 
        width: 100%;
        border:none;
        float:left;
        z-index: 804;  
        top:-144px;    
    }

    nav.navbar.navbar-inverse li a {

       color: rgb(0, 77, 122);

    }    

     nav.navbar.navbar-inverse li a:hover {

        color: rgba(153, 0, 0, .7);  

    }    

     /* estilo das opções do menu bootstrap*/
     ul.nav.navbar-nav{
       margin-left: 523px; 
       margin-top: 49px;
       /* espacamento entre as opções no menu */
       /*text-indent: 3px;*/
       font-size: 18px;
       font-weight: bold;
       font-family: "OpenSans";
       /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);*/
       padding-left: -4px; 
       border:none;
  
     }
   

/***************************************** FIM do Menu ******************************************************/

/********************************************RESPONSIVE SLIDER **********************************************/

   
.callbacks_container {
    margin-bottom: -329px;
    position: relative; 
    width: 101%;
    margin-top: -379px;
    cursor: pointer;
    }
  
  .callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    top: -372px;
    }
  
  .callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    }
  
  .callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
    margin-top: 0px;

    }


    .callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("/images/themes.gif") no-repeat left top;
    margin-top: -45px;
    }
  
  .callbacks_nav:active {
    opacity: 1.0;
    }
  
  .callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
    }  

/******************************************************* fim slide ***********************************************/



    .botaotopo {
        line-height: 50px;
        border-radius: 30px;
        z-index: 200;
        width: 40px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        color: black !important;
        text-align: center;
        height: 40px;
        background: white;
        transition: all 0.5s ease;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
        text-decoration: none;

    }
    
    .botaotopo:hover {
        /* cor de fundo */
        color: none;
        text-decoration: none;
    }

   
    /* removendo o sublinhado dos links */    
    a.nounderline:link {
        text-decoration: none;
    }
    /* Cor para o link sem clique */
    
    a:link {
        color: black;
        text-decoration: none;
    }
    /* Cor para o link depois do click*/
    
    a:visited {
        color: rgba(1, 50, 82, .7);
        text-decoration: none;
    }
    /* mouse over link */
    
    a:hover {
        color: white;
        text-decoration: none;
    }
    /* selected link */
    
    a:active {
        color: rgba(1, 50, 82, .7);
        text-decoration: none;
    }
    /* estilizando o cabeçalho  */
    
    header {
        /* largura */
        width: 101%;    
        /* altura */
        height: 105px;
    /*    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);*/
     

    }

    
    /* item de atendimento a direita no menu */
    header .pull-left,
    header .pull-right{
       
        position:relative;
        top:10px;
        font-weight: bold;
        font-family: 'OpenSans';
        padding-right: 23px;    
        font-size: 14px;
        color:rgba(255, 255, 255, .9);


    }

    header .pull-left{

    padding-left: 30px;

}

    header .topo{
        position: relative;
        width: 100%;
        height: 50px;
        background-color:rgba(0, 77, 122, 0.9);
        border: none;
        z-index: 804;  

    }


    /* criando um estilo para qualquer conteudo que estiver dentro de um cabecalho com uma tag container  */
    
    header .container {
        /* posição relativa  */
        position: relative;
    }

    /* estilizando as informações de contato que ficam na barra de informações header (topo site) */


    /* posição do logo que está dentro do cabeçalho */
    
    header #logo {
        position: relative;
        top: 6px; 
        left: -45px;
        /* sombreamento no texto */
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
        /* deixando o logo na frente */
        z-index: 810;
    }


    body {
       width: 98.9%; 
       /*background-color: rgba(0, 0, 0, 0.1)!important;*/
       background-color: rgb(204, 204, 204)!important;
    }
    
    /*************************** QUEM SOMOS **************************/

    #quemsomos {
        position: relative;
 
        width: 100%;   
        left: 10px;
        margin-bottom: 50px;
      

    }

    #quemsomos hr {
        border-radius: 10%;
        position: relative;
        top: 0px;
        border: #cc6666 solid 3px;
        width: 125px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }

    #quemsomos h1 {      
        margin-top: 25px;
        color: rgba(1, 50, 82, .9);
        font-size: 32px;
        font-weight: bold;
        font-family: "OpenSans";
        text-transform: uppercase;
        text-align: center;
    }

    .boxquemsomos{
        margin-top: 0px; 
        margin-left: -1%;           
        float: left;   
    }

    
    .efeito-boxquemsomos{
  
     /*   border-radius: 4%;*/
        display:block;   
        list-style:none;
        background-color:rgba(0, 77, 122, 0.9)

        
    }

    .efeito-boxquemsomos li {
      
      /* border-radius: 4%;*/
        float: left;
        width: 300px;
        height: 280px;
        margin-left: 15px;
        margin-top: 25px;
        cursor: pointer;
        
    }

    .efeito-boxquemsomos li img { 

        /* border-radius: 4%;*/
        position: relative;       
        width: 100%;
        height: 100%;
        display:block;           
        transition: .5s;
        z-index: -900;
    }

   .efeito-boxquemsomos li:hover .conteudoquemsomos{
   
        /* border-radius: 4%;*/
        margin-top: -280px;  
        height: 100%;
        z-index: 999;
        transition: .5s;
        background-color:rgba(0, 77, 122, 0.9);
        font-family: "OpenSans";
    }


    .conteudoquemsomos{
    
        /* border-radius: 4%;*/
        display:block;
        width: 100%;
        height: 80px;   
        background-color:rgba(0, 77, 122, 0.9);
        color: white;
        overflow: hidden;
        margin-top: -80px;
        z-index: 999;
        float: left;
    }

     .conteudoquemsomos h4{

        font-size: 22px;
        font-weight: bold;
        font-family: "OpenSans";
        padding-left: 15px;  
        margin-top: -35px; 

    }

    .conteudoquemsomos .descricao-box {

         /* border-radius: 4%;*/
         display:block;
         color: #fff;
         position:relative;    
         width: 100%;
         padding-left: 76px;
         padding-top: 18px;        
     

    }

    .conteudoquemsomos i{
  
        margin-left: -230px;
        margin-top: 20px;
        color: #cc6666;


    }

    .conteudoquemsomos p{        
        margin-top: 15px;
        margin-left: 0px;
        padding: 26px;
        
    }

    .conteudoquemsomos a{

        font-size: 16px;
        font-weight: bold;
        font-family: "OpenSans";
        padding-left: 0px;
        color:#cc6666;
    }


    .conteudoquemsomos a:hover{
       
       color: rgba(255, 255, 255, 0.5);
       text-decoration: none;
    }
    
    /* FIM DO QUEM SOMOS ***/ 
    #servicos {

        position:relative;
        width: 100%;

    }
    
    #servicos h2 {
   
        margin-top: 75px;
        color: rgba(1, 50, 82, .9);
        font-size: 32px;
        font-weight: bold;
        font-family: "OpenSans";
        margin-bottom: 0;
        text-transform: uppercase;
        text-align: center;
    }

    #servicos hr {
        border-radius: 10%;
        position: relative;
        top: 10px;
        border: #cc6666 solid 3px;
        width: 125px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }



    .box{
       /* border-radius: 4%;*/
        position: relative;
        margin-top: 30px;
        float: left;
        margin-left: -2%;
        margin-bottom: 40px;

    }


    .efeito-box{
    /*    border-radius: 4%;*/
        display:block;
        width: 100%;
        list-style:none;
        background-color:rgba(0, 77, 122, 0.9)

        
    }

    .efeito-box li {
      /* border-radius: 4%;*/
        float: left;
        width: 350px;
        height: 300px;
        margin-left: 69px;
        margin-top: 25px;
        cursor: pointer;
        
    }

    .efeito-box li img { 
        /* border-radius: 4%;*/
        position: relative;       
        width: 100%;
        height: 100%;
        display:block;           
        transition: .5s;
        z-index: -900;
    }

    
    .efeito-box li:hover .conteudo{
        /* border-radius: 4%;*/
      margin-top: -300px;  
      height: 100%;
      z-index: 999;
      transition: .5s;
      background-color:rgba(0, 77, 122, 0.9);
      font-family: "OpenSans";
    }


    .conteudo{
        /* border-radius: 4%;*/
        display:block;
        width: 100%;
        height: 80px;   
        background-color:rgba(0, 77, 122, 0.9);
        color: white;
        overflow: hidden;
        margin-top: -80px;
        z-index: 999;
        float: left;
    }


    .conteudo p{

     margin-left: -37px;
     margin-top: 38px;

    }
    .conteudo h4{
        font-size: 22px;
        font-weight: bold;
        font-family: "OpenSans";
        padding-left: 15px;  
        margin-top: -35px; 

    }

    .conteudo .descricao-box {
     /* border-radius: 4%;*/
        display:block;
        color: #fff;
        position:relative;    
        width: 100%;
        padding-left: 76px;
        padding-top: 18px;   

    }

    .conteudo i{
        margin-left: -280px;
        margin-top: 20px;
        color: #cc6666;


    }

    .conteudo a{
        font-size: 16px;
        font-weight: bold;
        font-family: "OpenSans";
       /* padding-left: 130px;*/
        color: #cc6666;
        text-align: center;
    }


    .conteudo a:hover{
          
       color: rgba(255, 255, 255, 0.5);
        text-decoration: none;
    }

    
    .box-servicos{
        position: relative;    
     /* border-radius: 4%;*/
        position: relative;
        width: 400px;    
        height: 380px;
        margin-top: -30px;
        /*border: solid 1px;   */ 
        margin-left: 3.5%;
        background: rgba(0, 0, 0, 0.1);
        float:left;
        box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.3);
    }

    .box-servicos:hover{
        background-color: rgba(0, 113, 188, .7);  
        /* background-color:rgba(0, 77, 122, .3);*/
        box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.5);
        transition: all 1.0s ease;
    }

    .icone-fa{
        margin-top: 20px;
        color:rgba(255, 255, 255, .9);

    }

    #faixa1 {
        position: relative;
        top: 50px;
        background-color: rgba(0, 77, 122, 0.9);      
        height: 330px;
        width: 101%;
        text-align: center;
        box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.3);
        margin-bottom: 55px;   
    
    }
    

    #faixa1 .texto h3 {
        color:rgba(255, 255, 255, .9);
        font-size: 25px;
        font-family: "OpenSans";
        font-weight: bold;
        margin-bottom: 0;
        text-transform: uppercase;
        text-align: center;
        margin-top:132px;
    }
    
    #faixa1 .texto {
        position: relative;
        margin-top: 50px;
        text-align: center;
       
    }

    img.img-thumbnail{

        padding: 9px;

    }


    #escritorio {
        position: relative;
        margin-top: 25px;
        text-align: center;
      
    }


    #escritorio hr {
        position: relative;
        top: 0px;
        border: #cc6666 solid 3px; 
        width: 125px;
        margin: 0 auto;
        text-align: center;
    }
    
    #escritorio h2 {
        position: relative;
        margin-top: 25px;
        color: rgba(1, 50, 82, .9);
        font-size: 32px;
        font-weight: bold;
        font-family: "OpenSans";
        text-transform: uppercase;
        text-align: center;     
    }
    
    #fotos {            
        /* exibindo a mão (no mouse) ao passar em cima da imagem */
        cursor: pointer;
        margin-left: 65px;
        padding-top: 37px;
        width: 90%;
     
  
    }    


    

      
    /* galeria de fotos */
    
    .my-img a {
        display: inline-block;
        margin: 10px;
        border: 2px solid #CCC;
    }
    
    .my-img a:hover {
        border: 2px solid #45AFFF;
    }
    
    .modal-lg {
        width: 86%;
    }
    
    .modal-body {
        overflow: auto;
        max-height: auto;
    }
    /* ***** */

    .img{
     
     width: 515px!important;
     height: 615px !important;  


    }
    img.img {
        margin-top: 25px;   
        margin-left: 45px; 
        width: 215px!important;
        height: 115px !important;  
  
    }
    
    
    #faleconosco h2 {
        margin-top: 50px;
        color: rgba(1, 50, 82, .9);
        font-size: 32px;
        font-weight: bold;
        font-family: "OpenSans";
        margin-bottom: 0;
        text-transform: uppercase;
        text-align: center;
    }
    
    #faleconosco hr {
        position: relative;
        top: 10px;
        border: #cc6666 solid 3px;
        width: 125px;
        margin: 0 auto;
        text-align: center;
    }
    
    #faleconosco .formfaleconosco {
        margin-top: 50px;
    }
    
    #faleconosco .googlemaps {
        position: absolute;
		margin-top: -406px;
        /*margin-top: -258px;*/
        margin-left: 212px;
    }
    
    img#captcha{
        
        width: 17%;     
        
    }
        
    /* faleconosco*/
    img#atualizacaptcha{

        margin-top: -70px; 
        margin-left: 166px;
    
    }

    /* faleconosco*/

    a.atualizacaptcha{
        position: absolute;     
        

        }

   /*  ////////////////////////////////////////////////////////////     */
    

    #noticias{
        margin-top: 36px;
    }


    .font-noticias {

    font-family: "OpenSans";
    font-size: 15px;

    }

    /* div responsavel pela caixa visual nas noticias noticias.php */
    .corpo-noticias {
        background-color: rgba(255, 255, 255, .4);
        margin-top: 5%;
        padding-top: 5%;
        padding-left: 10%;
        padding-right: 10%;        
        
        overflow: hidden;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);
        border-bottom: none;
    }
    

    /* div responsavel pela caixa visual nas noticias index.php */
    .corpo-noticias-resumo {
    
        border-radius: 4%; 
        background-color: rgba(255, 255, 255, .4);
        padding-top: 3%;
        padding-left: 8%;
        padding-right: 8%;
        padding-bottom: 3%;
        overflow: hidden;        
        border-bottom: none; 
    }

    h3.notic{
        position: relative;
        font-weight: bold;
        color: black;
        font-family: "OpenSans";
        font-size: 30px;
        text-transform: uppercase;
        text-align: center;
    }

    h3.duvidas{
        position: relative;
        font-weight: bold;
        color: black;
        font-family: "OpenSans";
        font-size: 25px;
        text-transform: uppercase;
        text-align: center;
    }

    h3.perguntas{

        position: relative;
        font-weight: bold;
        color: rgba(1, 50, 82, .9);
        font-family: "OpenSans";
        font-size: 40px;
        text-transform: uppercase;
        text-align: center;  
        margin-bottom: 60px;


    }

    hr.perguntashr{
      margin-top: 30px;
      border: 2px solid rgba(255, 255, 255, .5);
      color: #fff;
      margin-bottom: 30px;
    
    }

    .novapergunta {


        font-family: "OpenSans";
        font-size: 18px;

    }
    
    
    .corpo-noticias p {
        color: black;
        font-family: "OpenSans-Light";
        font-size: 18px;
        text-align: center;
    }
    
    .corpo-noticias .hr-amarela {
        border: #FDE192 solid 2px;
        width: 200px;
        margin: 0 auto;
        text-align: center;
    }

    .corpo-noticias .hr-vermelha {
        border: #cc6666 solid 3px;
        width: 200px;
        margin: 0 auto;
        text-align: center;
    }
    
    
    #noticias h2 {
        top: 25px;
        position: relative;
        color: rgba(1, 50, 82, .9);
        font-weight: bold;
        font-family: "OpenSans";
        font-size: 32px;
        text-transform: uppercase;
        text-align: center;
    }
    
    #noticias hr {
        border-radius: 10%;
        position: relative;
        top: 25px;
        border: #cc6666 solid 3px;
        width: 125px;
        margin: 0 auto;
        text-align: center;
    }
    
    #noticias .imagens {
       
        margin-top: 70px;
        text-align: center;

    }
    
    #noticias .item {
        overflow: hidden;
        /*background-color: rgba(255, 255, 255, .1);*/
        border: none;     
        height: 420px;
        text-align: center;
        padding: 0px 0px 0px 0px;      
        /*box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.1);  */
    }
    /* fixando a posição do titulo na aba noticias para eviar que o resumo fique desalinhado */
    
    .titulo-fixo{
        overflow: hidden;
        height: 80px;
        margin-top:-32px;
        margin-bottom: 25px;
    }

        
    .resumo-fixo{ 
        overflow: hidden;
        margin-top:-12px;
        height: 90px;   
    }
    
        
    #noticias a {
        color: rgba(0, 0, 0, .9);
        font-family: 'OpenSans';
        font-size: 16px;
        font-weight: bold;
    }
    
    #noticias .imagens h3 {
        color: black;
        font-size: 18px;
        font-family: "OpenSans";
        font-weight: bold;
        margin-bottom: 0;
        text-align: center;
    }
    
    #noticias .imagens time {
        color: black;
        font-size: 18px;
        font-family: "OpenSans";
        text-align: center;
    }

        /* noticiasview.php */

        h2.titulonoticias{        
            margin-top: 39px;
        }        
   
    
    .pager {
        display: inline-block;
	
    }
    
    /* botao compartilhar - whatsapp */
    .botao-whatsapp {
        position: relative;
        display:inline-block;
        text-decoration: none;
        color: #eee;
        top: -9px;
        left: 0px; 
        width: 95px;
        background-color: #5cb85c;;
        font-weight: bold;
        padding: 4px 4px 4px 4px;
        border-radius: 3px;
    }

    .botao-whatsapp a {
        color: #eee;

    }

    .botao-whatsapp:hover {
    background-color: darken(#5cb85c, 5%);
    }

    .botao-whatsapp:focus {
    background-color: darken(#5cb85c, 15%);
    }


    footer {
        margin-top: 110px;
    }

   /* panel busca que fica em duvidas.php */

   .busca {
    margin-top: 100px;
    background-color: rgba(255, 255, 255, .4);
    margin-bottom: -30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);
    border: none;
   }



    /* div responsavel pela caixa visual nos produtos produtos.php */

    h2.tituloproduto{
        top: 220px!important;
        color: rgba(1, 50, 82, .9)!important;     
    }

    hr.tituloproduto{
        top:218px!important;
        border: #cc6666 solid 3px!important;
    }



    .corpo-produto {
        
        background-color: rgba(255, 255, 255, .4);
        margin-top: 6%;
        width: 100%;
        padding-top: 3%;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 5%;
        overflow: hidden;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);
        border-bottom: none;
    }

    .img-produto{     
        margin-top: 55px;
    }

      
    .corpo-produto .hr-amarela {
        border: #FDE192 solid 2px;
        width: 200px;
        margin: 0 auto;
        text-align: center;
    }
    
    #produto h2 {
        top: 25px;
        position: relative;
        color: rgba(1, 50, 82, .9);
        font-weight: bold;
        font-family: "OpenSans";
        font-size: 32px;
        text-transform: uppercase;
        text-align: center;
    }

        
    #produto hr {
        border-radius: 10%;
        position: relative;
        top: 25px;
        border: #cc6666 solid 3px;
        width: 125px;
        margin: 0 auto;
        text-align: center;
    }


    /* GALERIA IMG */

    .thumb{
        cursor:pointer;
        position:relative;
        border:#FFF solid 3px;
        border-radius:22px;
        height:248px;
        width:359px;
        float: left;
    }

    h3.galeriaimg{       
        position: relative;
        color: rgba(1, 50, 82, .9);
        font-weight: bold;
        font-family: "OpenSans";
    }


    /* fim galeria IMG */ 

    
    footer .row-linha1 {
        height: 447px;      
        background-color:  rgb(0, 77, 122);
        box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.4);
    }
    
    footer .row-linha2 {
        height: 35px;     
        text-shadow: 2px 2px 2px white(0, 0, 0, 0.45);
        margin-top: 15px;
        /*text-transform: uppercase;*/
        font-family: "OpenSans";
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }
    
    footer #logorodape {
        position: absolute;
        margin-top: 120px;
        margin-left: 5%;
        color: black;
        font-weight: bold;
        font-family: 'OpenSans';
        font-size: 18px;
        z-index: 999;

    }
    
    footer .col-rodape-centro {
        margin-top: 15%;
        margin-left: 155px;
        color: rgba(255, 255, 255, .7);
    }
    
    footer .col-rsociais {
        margin-top: 126px;
        margin-left: 200px;
        color:white;
    }
    
    footer .row-cols h4 {
        font-family: "OpenSans";
        font-size: 16px;
        font-weight: bold;
        color: rgba(255, 255, 255, .9);
        padding-bottom: 17px;
        border-bottom: white 1px solid;
        margin-bottom: 0;
    }


    /* Pagina de Erro 404 */

    #erro-pagina i{

        color: #e8e829;

    }

    #erro-pagina p{
        
     font-size: 20px;       
        
    }


    /* Redminensionando os videos do TinyMCE para responsivo */
    
    .videoiframe {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }
    .videoiframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .linktel{
 	text-color: white;

	}

	.pager li>a{
	color: black;
    }	
    


    .linktel {
        color: white!important;
        text-decoration: none;
    }