/*
Theme Name: Betheme
Author: Muffin group
Description: The biggest WordPress Theme ever
Theme URI: http://themes.muffingroup.com/betheme
Author URI: http://muffingroup.com
License: Themeforest Split Licence
License URI: -
Version: 17.8.2

All css files are placed in /css/ folder
*/

.degradado_holcim_txt {
    width: 100%;
    font-family: "Holcim", Arial, Tahoma, sans-serif;
    background: linear-gradient(to right, #94c12e 15%, #04bbf1 50%, #1d4370 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.5vw !important;
    font-weight: bold;
    line-height: 3vw !important;
}


.degradado_holcim {
    font-family: "Holcim", Arial, Tahoma, sans-serif;
    background: linear-gradient(to right, #94c12e 15%, #04bbf1 50%, #1d4370 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 3vw !important;
    font-weight: bold;
    line-height: 3vw !important;
}

.degradado_holcim_solo_texto {
    font-family: "Holcim", Arial, Tahoma, sans-serif;
    background: linear-gradient(to right, #94c12e 15%, #04bbf1 50%, #1d4370 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  	text-align: center !important;
    font-size: 5vw !important;
    font-weight: bold;
    line-height: 6vw !important;
}

.text_degradado_holcim {
    font-family: "Holcim", Arial, Tahoma, sans-serif;
    background: linear-gradient(to right, #94c12e 15%, #04bbf1 50%, #1d4370 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue_font_emc {
    color: #1d4370;
    font-weight: bold;
}

.bg_gris{ background-color: #f5f5f5 !important; }   

.bg_deg_emc {
    background: linear-gradient(to right, #94c12e 15%, #04bbf1 50%, #1d4370 100%);
    color: white;
    padding: 4% 5% 3% 5% !important;
}

.div_bord_blanco {
    border-right: 5px solid white;
}

.txt_white { color: white !important; }

.dis_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dis_flex_web{
  display: flex;
    justify-content: center;
    align-items: center;
}

.dis_flex_mobile{ display: none; }

.dis_flex_alianza {
    display: flex;
    justify-content: center;
    align-items: center;
}

.h100{
   height: 100%; 
}

.w50 {
    width: 50%;
}

.h_equal {
    height: 31.8vw;
}

.border_gris {
    border: 1px solid #f6f4f3;
    padding: 30px 10px;
}

.img_flex { width: 28%; }

.logo_flex { width: 22%; text-align: center; }

.txt_flex { 
   width: 50%; 
   margin-left: 5%;
}

a.btn_light_blue {
    text-decoration: none;
    background-color: #04baf1;
    color: white !important;
    padding: 10px;
    border-radius: 5px;
}
/* en caso de que quieran que se parezca mas al diseño
.column.mcb-column.one.column_tabs {
    width: 130%;
}*/

.jq-tabs.tabs_wrapper.tabs_horizontal.ui-tabs.ui-corner-all.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-tabs .ui-tabs-nav li {
    border: none !important;
    background: white !important;
}

.ui-tabs .ui-tabs-nav {
    background: none !important;
    border-color: white !important;
}

.ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th {
    color: #1d4370  !important;
}

.div_form {
    background-color: #04baf1;
    text-align: center;
    padding: 2% 5%;
}

.w40 { width: 30%; margin-right: 10%; }
.w60 { width: 60%; }
.bg_white {
    background-color: white;
    padding: 2% 4%;
  	border-radius: 10px;
    border: 1px solid #ebe5e5;
}

ul.iconos_maestros_certificaciones { margin-left: 0%  !important; }

a.btn_white {
    color: #1d4270;
    font-weight: bold;
    background-color: white;
    padding: 10px 30px;
    border-radius: 5px;
}

img.img_maestros { width: 40%; }
.cuadro_azul { background-color: #30c6e7; }
.txt_cuadro_azul { padding: 5% 7%; }

.svg_change{ fill: #1D4370; }
li.cuadro_mc:hover .svg_change { fill: #fff !important; }

li.cuadro_mc:hover	h3 { color: white; }

li.cuadro_mc {
    display: inline-block;
    width: 26%;
    border: solid 2px #d5d3d3;
    padding: 3%;
}

li.cuadro_mc:hover {
    background-color: #1d4270;
    color: white;
}

hr.hr_light_blue {
    border-top: 5px solid #04baf1;
    width: 10%;
    margin-top: 20px;
}

.txt_light_blue {
    color: #04baf1;
}

.borde_azul {
    border-right: 5px solid #04baf1;
    padding-right: 14px;
}

.txt_black{ color: #555 !important; }

.faq .question:before { width: 0px !important; display: none !important; }
.question .title span.num{ display: none !important; }

.question {
    background: white !important;
    border: solid 2px #313131;
}

.faq .question .title > .acc-icon-plus {
    color: #1d4370 !important;
}

.faq .question .title > .acc-icon-minus {
    color: #1d4370 !important;
}

@media (max-width: 1023px){
  .sin_borde_movil { border-right: none !important; }  
  .bg_deg_emc { padding: 4% 5% 3% 5% !important; }
  .dis_flex_alianza{ display: block; }
  .img_flex { width: 100%; }
  .txt_flex {
    width: 100%;
    margin-left: 0%;
    text-align: center;
  }
   .logo_flex {
    width: 50%;
    margin-left: 25%;
  }
  .w50_mobile_100{ width: 100% !important; }
  .h_equal { height: auto !important; }
  .div_form { padding: 5% 0%; margin-top: -2%; }
  .dis_flex_mobile{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .dis_flex_web{ display: none; }
  li.cuadro_mc {
      width: 44% !important; 
      padding: 4% 2% !important; 
  }
  .borde_azul {
    border-right: none !important;
    margin-bottom: 40px;
}
}