/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@font-face {
            font-family: 'Gotham-Medium' ;
            font-style: normal;
            font-weight: normal;
            src: local('Gotham-Medium'), url('../webfonts/Gotham-Medium.woff') format('woff')  ;
            
     }

@font-face {
            font-family: 'Gotham-Book' ;
            font-style: normal;
            font-weight: normal;
            src: local('Gotham-Book'), url('../webfonts/Gotham-Book.woff') format('woff')  ;
            
     }

.Gotham-Medium {
    font-family:  'Gotham-Medium' ;
}

.Gotham-Book {
    font-family:  'Gotham-Book' ;
}


h1,
h2,
h3,
h4 
{
     font-family: 'Gotham-Medium' !important ;
}

 
h5,
h6,p,a, label, span, ul, li 
{
     font-family: 'Gotham-Book' !important ;
}




:root {
    --bg-blueA:  #0c47a1  ;
    --bg-redA :  #EA0029  ;
    --bg-greenA:  #85f3d7  ;
    --bg-greyL:  #f4f4f4  ;
    --bg-blueF:  #0a3470 ;
    --bg-greyd:  #535454;
    --bg-blue1:  #295ca6;
    --bg-blue2:  #0d479b ;
}

.bg_blue1 
{
     background-color:  var(--bg-blue1) ;
}

.bg-blueD
{
    background-color: var(--bg-blueF) ; 
}

.f_blue2 
{
  color: var(--bg-blue2) ;      
}

.footer-widget__text, .footer-widget__text a 
{
    color: #fff !important ;
}

.bg-blueA 
{
   background-color:  #2655a3  !important ;
}



.icosol_m
{
    display: none !important ;
}

.icosol_s
{
    display: flex  !important ;
}

.f_blue {
    color:  var(--bg-blueA)  !important ;
}

.f_red {
    color:  var(--bg-redA)   !important ;
}

.f_green {
    color:  var(--bg-greenA) ;
}

.box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 2px ;
    background: linear-gradient(90deg ,transparent,#85d3f7) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
}

/* borde degradado con transparencia ala derecha  */
.box_r::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 2px ;
    background: linear-gradient(270deg ,transparent,#85d3f7) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
}



.al_center
{
    display: flex;
    align-items: center;
}

.rect_bordg
{
    border-top: 2px solid var(--bg-greenA);
    border-radius: 20px 0 0 20px;
    border-bottom: 2px solid var(--bg-greenA);
    border-left: 2px solid var(--bg-greenA);     
}

.rect_bordg2
{
    border-top: 2px solid var(--bg-greenA);
    border-radius: 0px 20px 20px 0;
    border-bottom: 2px solid var(--bg-greenA);
    border-right: 2px solid var(--bg-greenA);     
}

.f_greyd {
    color:  var(--bg-greyd) ;
}

.bord_green{
    border-right: var(--bg-greenA) solid 2px;
}

.b_cron {
    background:  linear-gradient(90deg, rgb(231, 231, 236) 0%, rgb(255, 255, 255) 11%)
}

.bg_greyA {
    background-color: var(--bg-greyA) !important ; 
}


        .spa::before {
            content: "+";
            color: var(--bg-blueA) !important;
        }
        .eng::after {
            content: "+";
            color: var(--bg-blueA) !important;
        }


.bg_greyL {
    background-color: var(--bg-greyL) !important ; 
}

.fondo_degrad {
  background: linear-gradient(90deg , #53c095 10%, #48a1a3 35%, #428faa 55%, #376ab0 80%);
}

.border_menu {
    border-left: #fff solid 2px !important ; 
}

.header-sticky #mainMenu nav > ul > li > a {
  color: var(--bg-blueA)  !important ;
}

.img_contaA
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
}

.contact-one__form input,
.contact-one__form textarea {
    display: block;
    width: 100%;
    border: none;
    outline: 0;
    background-color: #fff;
    height: 50px;
    color: #848484;
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 30px
}




.border_roundA {
  border-radius: 20px !important;
}

.rowh1 {
     margin-top: 34%; 
     background-color: rgba(80, 83, 84, 0.25) ;
}

.bord_rw 
{
    border-right: white solid 2px ;
}

.fondo_gr 
{
    background: linear-gradient(0deg, rgba(233,240,240,1) 0%, rgba(154,153,150,1) 100%) ;
}

.border_ra
{
    border-radius: 30px !important ;
    border-color: black !important ;
}

.colesta
{
    min-width:  150px  ;
}

/* para seccion estadisticas */
.colesta {
    width: 150px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.colesta img {
    width: 70px;
    height: auto;
}
.colesta div 
{
    flex: 1 1 auto   ;
    width: 100%      ;
    padding: 5px 5px ;
    font-size: 10px  ;
}


.tablep tr 
{
    color: var(--bg-blueA) !important ;

}

.tablep tr td
{
    border-color: var(--bg-blueA) !important ;
    border-width: 2px !important ;
}


.fondo_gri 
{
    background :  linear-gradient(0deg, rgba(233,240,240,1) 0%, rgba(82,82,82,0.1) 100%) ;
}

.fondo_griB 
{
    background :  linear-gradient(0deg, rgba(233,240,240,1) 0%, rgba(82,82,82,0.3) 100%) ;
}


.seccateg {
    border-radius: 20px ;
    min-height:    760px ;
}

.im_plus {
    margin: auto;
    bottom: 11px;
    left: 0;
    right: 0;
    height: auto ;
    position: absolute;
    width: 30%; 
}

.btn_w
{
    border-radius: 30px;
    border-color: white;
    color: white !important ;
    background : transparent !important; 
    text-transform: none; 

}

.btn_conta
{
  border-radius: 30px;
  /*font-size: 13px !important;*/
  background-color: #2655a3 !important;
}


.btn_r
{
    border-radius: 30px;
    border-color: var(--bg-redA);
    color: var(--bg-redA) !important ;
    background : transparent !important; 
    text-transform: none; 

}
.btn_r:hover {
    background-color: var(--bg-redA) !important;
    color: white  !important ;
    border-color: white !important ;
}

.btn_re
{
    border-radius: 30px;
    border-color: var(--bg-redA);
    color: white !important ;
    background : var(--bg-redA) !important; 
    text-transform: none; 
}
.btn_re:hover
{
    background-color:  transparent !important;
    color: var(--bg-redA)   !important ;
    border-color:  var(--bg-redA)  !important ;       
}

.btn_w:hover {
    background-color: white !important;
    color: var(--bg-blueA)  !important ;
    border-color: var(--bg-blueA) !important ;
}

.btn_bl
{
      border-radius: 30px;
    background-color: transparent !important;
    color: var(--bg-blueA)  !important ;
    border-color: var(--bg-blueA) !important ;
    text-transform: none; 
}

.btn_bl:hover
{
   background-color: white !important;
    color: var(--bg-redA)  !important ;
    border-color: var(--bg-redA) !important ;  
}

#mainMenu nav > ul > li > a 
{
    font-weight: normal;
    text-transform:  none ;
    font-size: 16px;
}

.widget .list li a {
    font-weight: normal !important;
}

.widget .list li a:hover {
    color: var(--bg-redA) !important ;
}


.txt_h1 
{
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.fondo_deg {
    /*background:  linear-gradient(90deg, #0057e2 10%, #4c2278 35%, #691455 55%, #cd063b 81%) ;*/
   background: radial-gradient(ellipse at bottom right, #f7002d 16%,#cd063b 28%, #b10a42 37%, #4c2278 48%, transparent 55%),
       radial-gradient(ellipse at bottom left , #f7002d 14%, #cd063b 19%,#b10a42 21%,#4c2278 27%,#0057e2 37%, #1b1c55 82.5%,#1b1c55);
}

#header.dark #mainMenu nav > ul > li > a {
    color: #979797;
}

#header.dark #mainMenu nav > ul > li > a:hover {
    color: #5c97b2;
}

.inspiro-slider .slide-captions h1 {
 
    color: #4682b4 !important;
}
.inspiro-slider .slide-captions > p {
    color: #00cccc !important ;

} 
.title_color  {
	 color: #2665ad ;
}

.title_color2  {
	 color: #00b6d7 ;
}

  .form.cotiza {
    z-index: 22  ;
    position: absolute;
    top: 17%;
    height: auto;
    width: 35% ;
    left: 50% ;
    padding: 20px ;
    background-color: rgba(238, 238, 238, 0.8);
    box-shadow: 0 0 5px #333;
    border-radius: 3px;

  }

.contact_input_area {
  position: relative;
  padding: 30px 35px 35px 35px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  box-shadow: 0 0 3px #999;
}


form.cotiza label {

    margin-bottom: 3px;

}



.form.cotiza label {

    color: #333;

}



.form.cotiza .form-control {

    margin-bottom: 16px;

    border: none !important;

}



.form.cotiza h2 {

    font-size: 20px;

    color: #e62332;

    margin-bottom: 20px;

    font-family: 'DaxlinePro-Black';

    text-transform: none;

}



.form.cotiza .container-ages {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.form.cotiza .container-ages .box-ages {

    background-color: #2665ad ;

    border-radius: 2px;

    overflow: hidden;

    float: left;

    margin-right: 10px;

    margin-bottom: 7px;

}



.form.cotiza .container-ages .box-ages label {

    display: inline-block;

    height: 34px;

    margin: 0;

    line-height: 34px;

    color: #eee;

    font-weight: 600;

    float: left;

    padding: 0 5px;

    border-radius: 3px 0 0 3px;

}



.form.cotiza .container-ages .form-control {

    margin-bottom: 16px;

    margin: 0;

    border-radius: 2px;

    width: 50px;

    float: left;

    border: 1px solid #00538a;

}

#header .header-inner #logo a > img, #header #header-wrap #logo a > img 
{
    height: 65px ;
}


@media (max-width: 1200px) {
      .form.cotiza {
        position: absolute;
        top: 2.5%;
        height: 95%;
        width: 40%;
        left: 10%;
        padding: 20px;
        background-color: rgba(238, 238, 238, 0.8);
        box-shadow: 0 0 5px #333;
        border-radius: 3px;
        line-height: 14px;
    } 

    .container-ages .box-ages label {
        display: inline-block;
        height: 34px;
        line-height: 32px;
        color: #eee;
        font-weight: 400;
        float: left;
        padding: 0px 2px;
        border-radius: 3px 0 0 3px;
    }

    .form.cotiza .container-ages .box-ages {
        background-color: #00538a;
        border-radius: 2px;
        overflow: hidden;
        float: left;
        margin-right: 6px;
        margin-bottom: 6px;
    }

    .form.cotiza .container-ages .form-control {
        margin: 0;
        border-radius: 2px;
        width: 37px;
        float: left;
        border: 1px solid #00538a;
      /*  padding: 0 2px;  */
    }

}

@media (max-width: 992px) {
    .h3_title {
        font-size: 14px;
    }

    .home-slider-full .hd-title {
        font-size: 40px;
    }

    .container-header .home-slider-full .hd-content {
        width: 100%;
        text-align: center;
        padding: 0 90px;
    }

      .form.cotiza {
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        height: auto;
        overflow: hidden;
        box-shadow: none;
        padding: 50px 50px;
    }

    .container-header .form2.cotiza2 {
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        height: auto;
        overflow: hidden;
        box-shadow: none;
        padding: 50px 50px;
    }
    .form.cotiza label {
        margin-bottom: 5px;
    }
    .form.cotiza .form-control[readonly]{
        background: #fff;
    }

}


@media (max-width: 768px) {
    
    .imgsol4 
    {
        background-position: left !important ;
    }

    .text_wh
    {
        color: #fff !important ;
    }

    .icosol_m
    {
        display: flex !important ;
    }

    .icosol_s
    {
        display: none  !important ;
    }

    .display-2 
    {
        font-size: 27px !important ;
    }

    .h1ind
    {
        font-size: 12px !important ;
    }

    .bord_green
    {
        border-right: none ;
    }

    #header .dark #mainMenu nav > ul > li > a {
        color: var(--bg-blueA) !important ;
    }

    #logow
    {
        display: none !important;
    }
    
    #logoblue 
    {
        display: block !important ;
    }
    
    .bord_rw 
    {
        border-right: none  ;
    }
    
    .seccateg
    {
        min-height: auto;
    }

    .im_plus
    {
        position: relative;
    }

    .txt_h1
    {
        position: relative; 
    } 

    .form.cotiza {
        width: 500px;
        max-width: 100%;
        margin: auto;
        padding: 50px 20px;
    }

    .home-slider-full .hd-title {
        font-size: 20px;
    }

    h4.titulo {
        width: 100%;
        margin: 0;
        font-size: 14px;
    }

    span.slick-arrow {
        display: none !important;
    }

    .container-header .home-slider-full .hd-content {
        padding: 0 15px;
    }
}

.owl-stage .owl-item 
{
  width:  100% !important ;
}

.owl-stage
{
  width:  100%  !important;
}

/*para contadores */


.contador 
{
    width: 24.7%;
    text-align: center; 
    display: inline-block;
}

.contador_cantidad 
{
    font-size: 30px; 
    margin: 10px 0; 
    font-weight: 900; 
}

 
@keyframes aparecer {
0% {
    opacity: 0;
    transform: translateY(100px);
}

100% {
    opacity: 1;
    transform: translateY(0);
}

}

.ocultar{
opacity: 0;
}

.animar{
Animation: aparecer 3.3s;
}

.fa-facebook-square {
 color: rgb(66,103,178);
}

.fa-youtube { 
color: rgb(255,0,0);
}


.fa-twitter { 
color: rgb(29,161,242)
}

.fa-code {
color:  rgb(83,84,85);
}

@media (min-width:  1200px )
{
    #mainMenu nav > ul > li > a 
    {
        font-size: 22px !important ;
    }
}


@media  ( min-width:  1700px )
{
    .imgcom3
    {
        height: 582px ;
    }

    .b_home1
    {
        height: 950 !important;
    }
}

@media  ( min-width:  1350px ) and (  max-width: 1699px )
{
    .imgcom3
    {
        height: 453px ;
    }
     .b_home1
    {
        height: 900 !important;
    }
}

#header[data-transparent="true"] + #slider {
    top : -168px;
}