/* 

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

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

*/


:root {
    /*--bg-redA : #F32735 ;*/
    --bg-redA : #e50318 ;
    --bg-black: #000000 ;
    --bg-grey:  #787878 ;
}


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

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

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

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


.font_Baloo2_Regular {
    font-family:  'Baloo2-Regular' !important ;
}

.font_bal_semi
{
     font-family:  'Baloo2-SemiBold' !important ;
}

.font_bal_bold
{
     font-family:  'Baloo2-Bold' !important ;
}

.font_rob_reg
{
     font-family:  'Roboto-Regular' !important  ;
}

.body-inner {
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,p,a, label, span, ul, li 
{
  /*    font-family: 'Baloo2-Regular' !important ; */
      font-family: 'Baloo2-Bold' !important  ;
}

.imgca:hover  {
    transform: scale(0.85) !important;
    opacity: 0.75 ;
}   

.kplus::after 
{
            content: "K+" ;
            /*color: var(--thm-base-color) !important; */
}

.mplus::after 
{
            content: "M+" ;
}

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

.f_black 
{
   color: var( --bg-black ) !important  ;
}

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

.subt_benef
{
    border-radius: 25px;
    background-color: var(--bg-redA ) ;
    margin: auto;
    bottom: 11px;
    left: 0;
    right: 0;
    position: absolute;
}

#secfaq h4
{
    box-shadow: 10px 10px 14px 0px rgb(92 83 92)  ;
}

.btn_yplan 
{
    box-shadow: 10px 10px 14px 0px rgb(92 83 92) ;
    text-transform: none !important ;
    font-size: large !important;
    font-family: 'Baloo2-Bold' !important ;
}

.btn_catego 
{
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 45% ;
}


.q_faq {
    background-color: var(--bg-redA) ; border-radius: 15px; 
    line-height: initial ; 
}

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

.input_a 
{
   border-radius: 30px;
    border-color: var(--bg-redA) !important;
    border-width: 3px;
}

.input_cot
{
    border-radius: 30px !important ;
    border : 2px solid var(--bg-redA) !important;
}

.title_color 
{
   color: var( --bg-redA )  ;
}

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

.btn_grey {
    border-radius: 30px;
    background-color: var(--bg-grey) !important ;
    color : white; 
    border-color:  var(--bg-grey)  !important   ;
    box-shadow: 10px 10px 14px 0px rgb(92 83 92) ;
    text-transform: none !important ;
}

.btn_grey:hover {
    background-color:  transparent !important  ;
    color:     var(--bg-grey)  !important                ;
    border-color: var(--bg-grey) !important    ;
}

.plan_head {
    background-color: var(--bg-redA);
    color: white;
    border-radius: 20px 0px 0px 20px;
}


.tit_categ
{
    border-radius: 25px;
    background-color: var(--bg-redA ) ;
}

.d_benef
{
    min-height: 310px;
    background-color:   rgba( 243, 243, 244, 1 ) ;
    border-radius:  15px;
}

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

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

.sweet-alert_icon {
    font-size: 50px;
    color: var(--bg-redA) !important  ;
}
 
.sweet-alert .confirm {
    padding: 5px 20px;
    background-color: var(--bg-redA)  !important ;
    font-size: 13px ;
}

#header {
    z-index: 4 !important!;
    background-color: #fff;
}


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

} 
.single_part p 
{
    background-color: white;
    border-radius: 30px;
    border-color: var(--bg-redA);
    border-width: 3px;
    border-style: solid;
}


.title_color2  {
	 color: #00b6d7 ;
}

  .form.cotiza {
    position: absolute;
    top: 35%;
    height: auto;
    width: 35% ;
    left: 3% ;
    padding: 5px 15px 5px 15px ;
    /*background-color: rgba(238, 238, 238, 0.8);*/
    background-color: rgba(187, 187, 189, 0.8) ;
    box-shadow: 0 0 5px #333 ;
    border-radius: 3px ;
  }


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: var(--bg-redA) ;

    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: var( --bg-redA )  ;
        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) {

    .subt_benef
    {
        position: relative ; 
    }

    .btn_catego
    {
        position: relative ; 
        width:  auto ;
    }

    .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;
    }

    #img_whas
    {
         padding: auto ;  
         width:   100% ;
    }

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

    #sec_porqueleg 
    {
        height: 400px !important ;
    }

    #sec_porqueleg p  
    {
       line-height: 15px;
    }

}


@media (min-width: 1201px) 
{
    #header.dark #mainMenu nav > ul > li > a 
    {
        font-size: 15px ;
    }
    .a_menutop
    {
        font-size:  15px ;
    }

    #img_whas
    {
         padding: 700px 170px 0px 0px ;  
         width:   216% ;
    }
     
    #header .header-inner #logo a > img
    {
        height: 80px !important ;
    } 

    .sticky-active .header-inner #logo a > img {
        height: 75px !important ; 
    }
    
}