body{
 font-family: "latoregular" !important;
}
p,h1,h2,h3,h4,h5,h6,span,div,a,  span, button, select, input{
 font-family: 'latoregular' !important;
}

a{
 font-family: "latoregular" !important;
}

.pos_absol{
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     width: 100%;
     top: 74px;
     background: white;
     z-index: 10;
     display:none;
}

.ff_h1{
     font-family: 'open_sansextrabold' !important;
}

.block{
     display: block;
}

.fw_9{
     font-weight: 9000;
}

.fw_1{
     font-weight: 100;
}

.flex_header_inhouse{
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 15px;
     padding-top: 160px;
     padding-bottom: 60px;
}

.content_header_inhouse{
     color: white;
     width: 600px;
     border: 6px solid #ffc500;
     padding: 20px;
     margin-bottom: 35px;
     background: #28548ec4;
}

.text_header_inhouse{
     max-width: 415px;
     margin: 0 auto;
}

.title_header_inhouse{
     font-weight: 100;
     font-size: 33px;
     color: white;
     padding-bottom: 15px;
}

.title_header_inhouse>span{
     font-weight: 900;
     font-size: 51px;
}

.btn_info{
     background: #00c847;
     padding: 10px 70px;
     border-radius: 25px;
     color: white;
     font-weight: 400;
}
.btn_info:hover{
     background: #00ad3d;
}


.detalle_line{
     display: inline-flex;
     position: relative;
}

.detalle_line:before {
    content: '';
    background: #eabe35;
    width: 100px;
    height: 4px;
    position: absolute;
    right: 0;
    bottom: -8px;
}

.padding_section{
     padding: 55px 15px;
}

.text_nuestros_cursos{
     max-width: 830px;
     margin: 0 auto;
     padding-top: 45px;
     padding-bottom: 60px;
}

.content_logos_inhouse{
     width: 100%;
     max-width: 930px;
     margin: 0 auto;
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
}
.logo>img{
     max-width: 80px;
}



.text_expositores{
     max-width: 830px;
     margin: 0 auto;
     padding-top: 40px;
     padding-bottom: 60px;
}



.content_carrusel{
     max-width: 1100px;
     width: 85%;
     margin: 0 auto;
}

.items_prof{
     background: white;
     /*max-width: 225px;*/
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding: 20px;
     padding-bottom: 0px;
     padding-top: 70px;
     position: relative;
     margin: 15px;
     margin-top: 70px;
     height: 100%;
     box-shadow: 0px 0px 5px rgba(0,0,0,.05);
}

.cont_img_prof {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    position: absolute;
    top: -58px;
}

.nombre_prof {
    color: #0059b2;
    font-size: 20px;
    font-weight: 900;
}

.cargo_prof {
    font-size: 12px;
    padding: 5px 0;
    padding-bottom: 10px;
    color: black;
}

.owl-wrapper{
    display: flex !important;
}


.owl-item>div{
    height: 100%;
}


.flex_ventajas{
     display: flex;
     justify-content: space-between;
}

.items_ventajas_02{
     color: white;
     display: flex;
     text-align: left;
     width: 60%;
}

.sub_items_parraf{
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin: 40px;
}

.titulares_ventajas{
     font-weight: 900;
     padding-top: 25px;
     padding-bottom: 10px;
}


.content_asesores {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}


.sub_items_asesores {
    display: flex;
    align-items: center;
    text-align: left;
}

.foto_assesor {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.sub_items_numbers {
    padding-left: 20px;
}

.asesor_name {
    color: #3359ae;
    font-size: 20px;
    font-weight: 900;
}

.asesor_email {
    color: #808080;
    font-size: 18px;
    font-weight: 400;
}

.links_wtsp_02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #00c847;
    padding: 7px 30px;
    border-radius: 30px;
    margin-top: 7px;
    transition: all .5s;
}

.links_wtsp_02:hover img {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.text_click {
    font-size: 12px;
    font-weight: 900;
    color: #00c847;
    padding-left: 15px;
}

.numero_asesor {
    display: block;
    color: black;
    font-size: 16px;
    transition: all .5s;
}

.links_wtsp_02:hover .numero_asesor {
    color: #3359ae;
}

.owl-item>a>img{
     filter: grayscale(1);
}

.owl-item>a>img:hover{
     filter: grayscale(0);
}





/*BEGIND style de STEPS*/

/*form styles*/

.contenedor_msform{
     max-width: 740px;
     margin: 0 auto;
}

#msform fieldset {
	box-sizing: border-box;
	width: 100%;

	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea, #msform select {
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-weight: 900;
	font-family: 'latoregular' !important; 
	border: none;
}
/*buttons*/
#msform .action-button {
	width: 280px;
	background: #00c936;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 30px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	
     font-weight: 100;
     font-size: 16px;
     transition: all .5s;
}
#msform .action-button:hover, #msform .action-button:focus {
     background: #00a72d;	
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}


select {
    border: none;
    box-shadow: none;
    /*background-color: transparent;*/
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}


input:focus, select:focus {
    outline: none;
}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	/*pipe-custom*/
     display: flex;
     width: 100%;
     justify-content: space-between;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	/*width: 33.33%;*/
	/*float: left;*/
	position: relative;
}
#progressbar li:before {
     content: counter(step);
     counter-increment: step;
     width: 54px;
     height: 54px;
     font-size: 24px;
     color: #0059b6;
     background: #7daada;
     border-radius: 50%;
     margin: 0 auto 5px auto;
     display: flex;
     justify-content: center;
     align-items: center;
}

/*progressbar connectors*/
#progressbar li:after {
     /*content: '';
     width: 100%;
     height: 2px;
     background: white;
     position: absolute;
     left: -50%;
     top: 27px;
     z-index: -1;*/ /*put it behind the numbers*/
}
#progressbar{
     position: relative;
}
#progressbar:after {
     content: '';
     width: 100%;
     height: 2px;
     background: white;
     position: absolute;
     left: 0%;
     top: 27px;
     z-index: -1; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #fff;
	color: #0059b6;
}


/*END style de STEPS*/


.content_input{
     display: flex;
}


fieldset input, fieldset select, fieldset textarea{
     margin: 15px;
     border-radius: 30px;
}


fieldset textarea{
     border-radius: 10px;
     min-height: 100px;
}

#msform input{
     font-weight: 900;
     color: black;
}
     

.custom_text_solicitud{
     max-width: 615px;
     margin: 0 auto;
     padding: 10px;
     padding-top: 30px;
     padding-bottom: 30px;
}     
     
.items_num_form{
     position: relative;
}    

.items_num_form:after{
     content: '';
     width: 100%;
     height: 100%;
     background-color: #fff;
     position: absolute;
     left: 0;
     top: 0;
}
     

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
      transform: rotate(0deg);
  }

  to {
      transform: rotate(360deg);
  }
}

.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}     
    




/*style VENTAJAS de nuestro curso*/

.content_beneficios{
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.items_beneficios{
    max-width: 260px;
    margin: 15px;
    margin-bottom: 45px;
    flex: 1 auto;
}

.titles_bene{
    padding-top: 15px;
    padding-bottom: 5px;
}

textarea {
    resize: none;
}

@media (max-width: 675px){
    .content_header_inhouse{
        width: auto;
    }
}



@media (max-width: 645px){
    .items_asesores:nth-child(1){
        display: none;
    }
    
    .items_asesores:nth-child(2){
        margin-top: 50px;
        margin-bottom: 50px;
    }
}



@media (max-width: 600px){
    .content_input{
        flex-direction: column;
        align-items: center;
    }
    fieldset input, fieldset select, fieldset textarea{
        margin: 0;
    }
    .btn_info{
         padding: 10px 20px;
    }
}

@media(max-width:1040px){
     .pos_absol{
          top:60px;
     }
     .flex_header_inhouse{
          margin-top:60px !important;
     }
}