/* Carga de la letra .wf-loading no muestra las fuentes hasta que esten cargadas*/
.wf-loading .title-k, .wf-loading .width_container{
    visibility: hidden;
 }

.title-k{font-family: kepler-std-semicondensed-dis, Helvetica, Arial, sans-serif;}

a, a:hover, a:active, a:visited, a:focus{
    text-decoration: none;
    color: inherit;
}
/*breadcrumb*/
.bread_crumbs{
    font-size: 14px;
    color: grey;
    margin: 15px 0px;
    font-weight: 300; 
}


/*estilos para partners*/
.text_partner{
    text-transform: lowercase;
    font-size: 10px;
    margin-top: 0px;
    font-family: Serenity Light, Helvetica, Arial, sans-serif;
}
.logo_partner img{
    width: 45%;
    margin-top: -17px;
}
.partner_footer .partner_socialmedia{
        display: flex;
    justify-content: center;
    align-items: flex-end;
}
.partner_footer .partner_socialmedia .foot-title-socialmedia{
    margin-right: 15px;
}
.partner_footer .logo_partner img{
    margin-top: 0px;
    margin-bottom: 5px;
}
.with_login .links_footer{
    width: 50%;
    float: right;
}
.with_login .partner_footer{
    width: 50%;
    float: left;
}
.with_login .partner_footer .logo_partner img{
    width: 60%;
    padding-top: 5px;
}

/*capa modo prueba*/
.modo_prueba {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    text-align: center;
    color: #000000;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
}
.modo_prueba_white{
    background-color: rgba(255, 255, 255, 0.8);
    width: 650px;
    margin: 35vh auto;
    height: 300px;
    padding: 35px;
    position: relative;
}
.prueba_text{
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 300;
}
.btn_registro_prueba {
    background-color: rgb(26, 172, 189);
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 300;
    border-style: none;
    width: 40%;
    margin: 25px auto;
    font-size: 24px;
}

.close_prueba{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.width_container{
    width: 100%;/*para evitar el bootstrap del container*/
    max-width: 1200px;
    margin: auto;
    font-family: serenity, Helvetica, Arial, sans-serif;
    font-size: 18px;
    position: relative;
}

.white_container{
    background-color: white;
}

.the_content{
    background-color: white;
    margin-top: -2px;
}

.navbar-collapse.collapse{
    padding-left: 0px;
}
.logo_container{
    position: relative;
}
.logo-trapecio-top {
    /* esto es para hacer la forma de trapecio con el div
    width: 350px;
    height: 0px;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 40px solid #ffffff;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -5px;
    esto es para hacer la forma de trapecio con el div*/

    /*width: 350px;
    height: 75px;*/
    
    width: 280px;
    height: 60px;
    position: absolute;
    z-index: 97;
    left: 0;
    right: 0;
    margin: auto;
    
    /*background-image: url("../images/new_logo.png");*/
    background-image: url("../images/logo_upgrade.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;

    margin-top: -25px;


}



.all-courses-container{
	position: relative;
	width: 100%;
	background-color: rgb(234, 235, 229);
}

.search-course-icon img{
    width: 15px;
}

.div-head-modal{
    margin-top: -2px !important;
}
.search-course-div-home{
    width: 50%;
    background-color: #ffffff; 
    margin: auto;
    position: absolute;
    bottom: 27%;
    left: 24.5%;
    opacity: 0.9;
    z-index: 95;
}
.div-search-home{
    width: 30vw!important;
}
.search-course-div-home .div-search-home{
    width: 90% !important;
    display: inline-block;
    margin-bottom: 0px;
}
.search-course-div{
    width: 60%;
    height: 140px;
    position: absolute;
    background-color: #ffffff;
    z-index: 88888;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}




.menu_language{
    cursor: pointer;
}
.select_search_button{
        position: absolute;
    right: 0;
}
#replacement{display: inline-block;}
.category_select_search{
    color: black;
    border: none;
    border-left: 1px solid #b1b1b1;
    padding: 5px 15px;
    /*background: url('../images/arrow_category_search.svg') no-repeat right;
    -webkit-appearance: none;*//*eliminar la flecha del select*/
    /*background-size: 18px;*/
    
    border-radius: 0px;
    text-transform: uppercase;
    box-shadow: none!important;
    
}
/*quitar las sombras del botón de búsqueda*/
.btn-default.category_select_search:focus, .btn-default.category_select_search.focus, .btn-default.category_select_search:hover, .btn-default.category_select_search:active:hover, .btn-default.category_select_search.active:hover, .open > .dropdown-toggle.btn-default.category_select_search:hover, .btn-default.category_select_search:active:focus, .btn-default.category_select_search.active:focus, .open > .dropdown-toggle.btn-default.category_select_search:focus, .btn-default.category_select_search:active.focus, .btn-default.category_select_search.active.focus, .open > .dropdown-toggle.btn-default.category_select_search.focus{
    color: #000000!important;
    background-color: transparent!important;
    /*border-color: transparent!important;*/
    border-left: 1px solid #b1b1b1!important;
}
.select_category.all{
    font-style: italic;
    color: grey;
}
.category_select_search img{
    width: 18px;
    margin: 0px 15px;

}
 .svg_container{
    width: 18px;
    margin-right: 5px;
        display: inline-block;
    opacity: 1;
}


.search-elements-home{
    padding-top: 6px;
    padding-bottom:5px;
    /*border-top: solid 1px;*/
    border-color: #b1b1b1;
    width: 100%;
    text-align: right;

}
.search-elements{
    position: absolute;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom:5px;
    border-top: solid 1px;
    border-color: #b1b1b1;
    width: 100%;
    text-align: right;

}
.div-search{
    width: 60%!important;
}

.select-category{
    width: 20%!important;
}



.input-search, .btn-search{
    width: 100%!important;
    border-radius: 0!important;
    box-shadow: none!important;
    margin:0!important;
    background-color: #ffffff;
    border-left: solid 1px;
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-color: #b1b1b1; 
    font-size: 20px;
    
}

.search-course-modal img{
    margin-right: 50px!important;
    width: 30px;
}

.search-course-div-home .search-course-modal img{
    margin-right: 7px!important;
    width: 30px;
}

.color-category{
    margin-right: 10px;
}

/*colores para las categorias*/
.color_category_city{
    background-color: #fdf1c4;/*amarillo*/
}
.icon_search_by_category_city{
    fill: #fdf1c4;
}
.color_category_marketing{
    background-color: #ff6766;/*rojo*/
    color: white;
}
.icon_search_by_category_marketing{
    fill: #ff6766;
}
.color_category_marketing a{
   color:#ffffff!important;/*rojo y texto blanco*/
}
.color_category_marketing .course-separator {
    border-top: 1px solid #ffffff;
}

.color_category_tui-quality{
    background-color: #25497c ;/*Azul*/
    color: white;
}
.icon_search_by_category_tui-quality{
    fill: #25497c ;
}
.color_category_tui-quality a{
   color:#ffffff!important;/*azul y texto blanco*/
}
.color_category_tui-quality .course-separator {
    border-top: 1px solid #ffffff;
}

.color_category_country{
    background-color: #c3ddf3;/*azul*/
}
.icon_search_by_category_country{
    fill: #c3ddf3;
}
.color_category_country a{
   /*color:#ffffff!important;*//*rojo y texto blanco*/
}
.color_category_country .course-separator {
    /*border-top: 1px solid #ffffff;*/
}
.color_category_client{
    background-color: #c3ddf3;/*azul*/
}
.color_category_product{
    background-color: #f4b6fa;/*rosa*/
}


.all-courses{
	width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgb(241, 241, 237);
    position: absolute;
    margin-top: -60px;
    /*padding: 12px;*/

	
}
.courses-trapecio {
/*    width: 350px;
    height: 75px;*/
    width: 250px;
    height: 60px;
    position: absolute;
    z-index: 95;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url("../images/tab_all_courses.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-transform: uppercase;
    text-align: center;
    top: -34px;
    font-size: 25px;
    line-height: 1.5;
  
}
.search-results-label{
    display: none;
}

.course-box{
	padding:7.5px;
    background-color: rgb(234, 235, 229);
    /*height: 420px; se calcula en java para hacer cuadrados y no dar lugar a que se formen rectangulos*/

}
.course-box a:link, .course-box a:visited, .course-box a:hover, .course-box a:active{
    text-decoration: none;
    color:#000000;
}


.course-box-inside{
	padding:15px;
    background-color: #ffffff;
    position:relative;
    color:#000000;
    /*height: 380px; se calcula en java para hacer cuadrados y no dar lugar a que se formen rectangulos*/

}




.course-data-color{
    /*background: #fdf1c4;*/
    padding: 15px 10px 10px 10px;
    font-weight: 300;
    /*height: 340px; se calcula en java para hacer cuadrados y no dar lugar a que se formen rectangulos*/
    /*centrar el contenido
    display: flex;
    justify-content: center;
    align-items: center;*/
}

.course-img {
        /*no queda bien centrando el contenido en la capa superior así que establecemos un min-height para que no quede tanto hueco*/      
        min-height: 20%;
}

.course-img img{
        /*width: 10%;*/
        max-width: 70px;
        /*height: 80px;*/
       
}

.course-title{
    font-size: 36px;
    line-height: 36px;
    /*padding: 0px 30px;*/
   
}

.join-course{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 25px;
	text-transform: uppercase;

}
.btn-join{
    border:none;
    border-radius: 0px;
    font-weight: 300;
    padding: 0px 5px;
    text-transform: uppercase;
}

.coming_soon_home{
    font-size: 15px;
}


.course-short-description{
    display: none;
    padding-top: 10px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 200;
}


.menu-option{
	/*padding: 5px;*/
}

#content_page{
	color: white;
    margin-top:28px;
    max-height: 550px;
}


.home-intro{
    position: absolute;
    top: 75px;
    right: 0px;
    line-height: 1.15;
    text-align: center;
    /* width: 100%; */
    /* max-width: 1170px; */
    right: 80px;
    width: 400px;
    background-color: rgba(43, 38, 41, 0.4);
    padding: 10px;
    font-weight: 100;



}
.home-title{
	text-transform: uppercase;
    font-size: 35px;
    line-height: 35px;
}
.separator-title{
    width: 20%;
    margin: 5px 0px;
    margin-top: 1px;
    border-top: 1px solid #ffffff;
    margin:auto;
}

.home-text{
	font-size: 27px;
  
}


.main-menu{

	margin-top: 0px;
	margin-bottom: 2px;
	background-color: white;
	border:none;
    

}

.blog_container .img-back-blog{
    width: 100%;
    height: 463px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;
}

.img-back{
    width: 100%;
    height: 463px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.img-back1{
   /* background-image: url("../images/img_home.png");*/
   background-image: url("../images/H1.jpg");

}
.img-back2{
    background-image: url("../images/H2.jpg");
}
.img-back3{
    background-image: url("../images/H3.jpg");
}

.content-courses-boxes{
	text-align: center;
}

.course-separator{
	width: 10%;
	margin-bottom: 5px;
	margin-top: 5px;
	border-top: 1px solid #1d1d1d;

}



.corner-top{
    width: 0;
    height: 0;
    border-right: 35px solid transparent;
    border-top: 35px solid rgba(77, 77, 76, 0.60);
    border-left: 35px solid rgba(77, 77, 76, 0.60);
    border-bottom: 35px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}



.corner-bottom{
    width: 0;
    height: 0;
    border-right: 35px solid rgba(77, 77, 76, 0.60);
    border-top: 35px solid transparent;
    border-left: 35px solid transparent;
    border-bottom: 35px solid rgba(77, 77, 76, 0.60);
    position: absolute;
    bottom: 0;
    right: 0;
}

.category-title{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -10px;
    text-transform: uppercase;
    width: 100%;
    font-size: 15px;
}
.category-title span{
     background-color: #ffffff;
    border: 1px solid black;
    padding: 0px 10px;
    font-size: 12px;

}
.course-duration, .course-date{
        font-size: 15px;
        line-height: 15px;
    }

.logo-footer-container{
	position: relative;
    height: 80px;
    width: 100%;
}

.logo-trapecio-footer {
/*  hacer el trapecio con un div  
    width: 350px;
    height: 0px;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 40px solid #ffffff;
    position: absolute;
    z-index: 99;
    left: 50px;
    margin: auto;
    margin-top: 80px;
    hacer el trapecio con un div*/

   /* width: 350px;
    height: 75px;*/
     width: 280px;
    height: 60px;
    position: absolute;
    z-index: 99;
    left: 5px;
    margin: auto;
    margin-top: 48px;
    
    background-image: url("../images/logo_upgrade.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;



}

.footer-container{
	background-color: rgb(234, 235, 229);
	width: 100%;
	text-align: center;
	margin-left: 0px;
    padding-top: 15px;
}

.foot-icons img{
	padding: 5px 15px;
}
.powered_container{
    width: 100%;
    border-top: 1px solid #8e8d8a;
    margin-top: 1.5vw;
    margin-bottom: 3%;
}
.powered_by_smarty{
    width: 20%;
    max-width: 180px;
    text-align: center;
    margin: auto;
    padding-top: 1vw;
    font-size: 10px;
    color: #8e8d8a;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2.5;
    margin-top: -5px;
}

.powered_by_smarty img{
    width: 72%;
}

.foot-title{
    font-size: 40px;
    line-height: 40px;
    padding-top: 10px;
    

}
.foot-subtitle{
	font-size: 30px;
    line-height: 30px;
}

.subscribe-done-text{
    display: none;
}


.foot-powered{
	
	float: right;
    text-align: right;
    padding-top: 5px;
	
}

.menu-nav-footer{
    background-color: rgb(234, 235, 229);
    text-align: right;
    font-size: 15px;
    padding: 0px 40px 15px 40px;
    min-height: 30px;
}
.menu-nav-footer .nav{
    float: left;
}

.public-footer{
    padding-top: 20px;
}
.public-footer ul li{
    text-align: center;
}

.foot-data-left{
        font-size: 18px;
        padding-top: 30px;
       
}

.foot-search-middle{
    border-left: 1px solid;
    border-right: 1px solid;
}
/*estilos que cambiaran cuando estén todas las opciones del footer*/
.foot-search-middle.with_login{
    height: 68px;
    padding: 20px;
}

.foot-follow-right{
  padding-top: 30px;  
}
.foot-title-socialmedia{
    text-transform: uppercase;
}


/************************************************************/
/*PERSONALIZACION DE EFECTOS BOOTSTRAP y del menu*/
.navbar{
    min-height: auto
}

.navbar-toggle{
    float:left;
}
.nav-pills>li>a.foot-menu {
	background-color: #ffffff !important;
    padding: 0px !important;
    color: #040404;
    margin-right: 10px;
    border-radius: 0px!important;
    width: 120px;
}

.navbar-nav a:hover {
    
    background-color: rgb(241, 241, 237) !important;
}
.navbar-nav a:focus {
   
    background-color: rgb(241, 241, 237) !important;
}

/*texto de los menus*/
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top:4px;
    padding-bottom: 4px;
}

.login{
    background-color: rgb(26, 172, 189);
    color: #ffffff!important;
}
.menu_selected{
    background-color: rgb(31, 31, 31);
    color: #ffffff!important;
}
#btn-logged-user{
    text-transform: uppercase!important;
    background-color: rgb(26, 172, 189);
    color: #ffffff!important;
    padding: 5px 10px 7px 30px;
    border-radius: 0px;
    border: none;
    min-width: 120px;
}
#btn-logged-user img{
    width: 14px;
    position: absolute;
    left: 10px;
}

#btn-login.login:hover{
    background-color: rgb(26, 172, 189)!important;
    
}
#btn-login.menu_selected:hover, #btn-courses.menu_selected:hover{
    background-color: rgb(31, 31, 31)!important;
}
#btn-logged-user:hover{
    background-color: rgb(26, 172, 189)!important;
}
/*.navbar-nav a.login:hover{
	text-transform: uppercase!important;
}
.navbar-nav a.login:focus{
	 background-color: rgb(31, 31, 31)!important;
	color: #ffffff!important;
	text-transform: uppercase!important;
}*/

.no-radius{
	border-radius: 0px;
	/*margin-left: -10px;*/
}
.form-news{
    padding-top: 15px!important;
        width: 80%;
    margin: auto;
}
.suscript-news{
	width: 75%!important;
}
.textbox-mail{
	width: 100%!important;
    height: 35px!important;
    border: none;
    box-shadow: none;
    border-radius: 0px;


}
.btn-news{
    margin-left: -10px;
    height: 35px!important;

}
.submit-blue{
	background-color: rgb(26, 172, 189);
	color: #ffffff;
	text-transform: uppercase;
	/*width: 25%!important;*/
    /*height: 35px!important;*/
    border: none;
    box-shadow: none;
    border-radius: 0px;
}
.submit-blue:hover{
    background-color: rgb(26, 172, 189)!important;
    color: #ffffff!important;
}

.textbox-mail, .submit-blue{
    font-size: 20px;
    line-height: 20px;
    
}


.my-carousel{
    width: 45px!important;
    left: 116%!important;
    top: 250px;

}

.carousel-inner{
    padding: 0px;
    max-width: 1170px;

}
.carousel-inner .item{
    padding: 0px;
    max-width: 1170px;

}

/*estilos para el footer usuario logueado*/
.with_login .nav-pills>li>a.foot-menu {
    background-color: #ffffff !important;
    padding: 3px 0px !important;
    color: #040404;
    /*margin: 10px 8px;*/
    margin:10px 12px;
    border-radius: 0px!important;
    /*width: 100px;*/
    width: 120px; 
    font-size: 14px;
    line-height: 14px;
}
.with_login .foot-follow-right{
    padding-top: 0.5vw;
}

.with_login .foot-title-socialmedia{
    display: inline-block;
}
.with_login .foot-icons{
    display: inline-block;
}
.with_login .foot-icons img {
    padding: 0px 15px 25px 15px;
}
.with_login .foot-powered {

    font-size: 14px;
    line-height: 0px;
    margin-top: -10px;
    text-align: center;
    float: none;
}
.with_login .foot-data-left {
    font-size: 18px;
    padding-top: 15px;
    text-align: center;
}
.footer-container.with_login {
    background-color: rgb(234, 235, 229);
    width: 100%;
    text-align: center;
    margin-left: 0px;
    padding-top: 15px;
    padding-bottom: 8px;
}
/*estilos menu desplegable de usuario*/
.drop_down_user{
    height: 1em;
}
.drop_down_user .dropdown-menu{
    text-align: center;
    padding:0px;
    margin: 7px 0px 0px 0px;
    border-radius: 0px;
    min-width: 120px;
}
.drop_down_user .dropdown-menu li{
    border-bottom: 1px solid #e2e2e2;
}
.drop_down_user .dropdown-menu li.exit{
    border-bottom: none;
}

.drop_down_user .dropdown-menu > li > a {
    font-size: 16px;
    font-weight: 300;
    padding: 3px;
}

.drop_down_user .dropdown-menu > li > a:hover{
    background-color: rgb(26, 172, 189)!important;
    color: #ffffff;
}

.drop_down_user .dropdown-menu > li.exit > a{
    background-color: grey;
    color: #ffffff;
}

.drop_down_user .dropdown-menu > li.exit > a:hover{
    background-color: grey!important;
}

.drop_down_user .exit img{
    width: 14px;
    height: 14px;
    margin-bottom:3px;
}


/*estilos para el modal de idiomas*/
.modal_languages.modal.fade .modal-dialog {
    width: 100%;
    margin-top: 0px;
}

.modal_languages.modal.fade .modal-dialog .modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
    box-shadow: none!important;
    margin-right: -17px/*bootstrap esta metiendo un padding y esta es la unica forma de omitirlo*/
}
.modal_languages.modal.fade .modal-dialog .modal-content .modal-header{
    padding: 5px;
    width: 98%;
    margin: auto;
}
.modal_languages.modal.fade .modal-dialog .modal-content .modal-header .modal-title {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    color: rgb(26, 172, 189);
}

.modal_languages.modal.fade .modal-dialog .modal-content .close{
    width: 20px;
    height: 20px;
    background-image: url("../images/close_black.svg");
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 4%;
    top: 15px;
    opacity: 1;
}

.modal_languages .languages_list{
    width: 50vw;
    margin: auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
}

.modal_languages .languages_list .language{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    padding: 5px 0px 2px 0px;
    font-size: 18px;
}
.modal_languages .languages_list .the_language{
    text-transform: uppercase;
}

.modal_languages .languages_list .the_language .edition {
    font-size: 40px;
    font-weight: 200;

}

.modal_languages .languages_list .the_language .language_separator{
    width: 60%;
    margin: auto;
    border-top: 1px solid #e2e2e2;


}
.modal_languages a.edition_link, .modal_languages a.edition_link:hover{
    color: #000000;
    text-decoration: none;
}


img.tpp_logo{
    width: 100px !important;
}

/*Modal TuiPartnerPlace*/
.tppLogo{
    text-align: center;
    padding: 25px;
}
.tppLogo img{
    width: 200px;
}
.tpp_modal .modal-dialog .modal-content .close{
    width: 20px;
    height: 20px;
    background-image: url("../images/close_black.svg");
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
    cursor:pointer;
}
.tpp_modal .modal-content{
    border-radius: 0px;
    font-family: serenity, Helvetica, Arial, sans-serif;
}
.tpp_modal .modal-header{
    padding: 10px 0;
    margin: 0 20px;
    border: none;
}
.tpp_modal .modal-content .tpp_title {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 4vw;
}
.tpp_modal .modal-content .tpp_codeform {
    text-align: center;
    margin: 15px 0px;
}
.tpp_modal .modal-content .tpp_enterButton {
    background-color: rgb(26, 172, 189);
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 300;
    border-style: none;
}
.tpp_modal .modal-content .tpp_input_text {
    background-color: rgb(233,234,228);
    border: none;
    border-radius: 0!important;
    font-weight: 300;
    color: #000;
    box-shadow: none;
    width: 45%;
    padding: 10px;
    margin-right: 5px;
}
.tpp_modal .modal-content .tpp_text_link {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}
.tpp_modal .modal-content .tpp_text_link a{
    color: rgb(26, 172, 189);
}

/*pomotional code*/
.promotional_code_modal .modal-dialog .modal-content .close{
    width: 20px;
    height: 20px;
    background-image: url("../images/close_black.svg");
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
    cursor:pointer;
}
.promotional_code_modal .modal-content{
    border-radius: 0px;
    font-family: serenity, Helvetica, Arial, sans-serif;
}
.promotional_code_modal .modal-header{
    padding: 10px 0;
    margin: 0 20px;
    border: none;
}
.promotional_code_modal .modal-content .tpp_title {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px 4vw;
}
.promotional_code_modal .modal-content .promotional_code_codeform {
    text-align: center;
    margin: 15px 0px;
}
.promotional_code_modal .modal-content .tpp_enterButton {
    background-color: rgb(26, 172, 189);
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 300;
    border-style: none;
}
.promotional_code_modal .modal-content .tpp_input_text {
    background-color: rgb(233,234,228);
    border: none;
    border-radius: 0!important;
    font-weight: 300;
    color: #000;
    box-shadow: none;
    width: 45%;
    padding: 10px;
    margin-right: 5px;
}
.promotional_code_modal .modal-content .tpp_text_link {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}
.promotional_code_modal .modal-content .tpp_text_link a{
    color: rgb(26, 172, 189);
}

/*personalización mensaje error*/
.alert-error{
    color: red;
    margin-top: 20px;
    font-weight: 200;
    font-size: 25px;
    margin-bottom: 0px;
}
.alert-error .close{
    display: none;
}

.container-mobile{
    margin-top: 90px;
}


/*estilos para las páginas del footer*/
.back_page{
    background-color: #a4dfe5;
    padding: 100px 20px;
    width: 100%;
    min-height: 600px;
}
.page_box{
    border: 10px solid rgb(26, 172, 189);
    background-color: #ffffff;
    color: #000000;
    min-height: 500px;
     padding: 0px 10vw 5vw 10vw;
    position: relative;
}
.tab_position{
    position: absolute;
    width: 100%;
    text-align: center;
    top: -40px;
    left: 0px;
    display:flex;justify-content:center;align-items:center;
}

.tab_title{
    float:left;
    height: 40px;
    background-color: #ffffff;
    font-size: 40px;
}
.tab_title_before{
    background-image: url('../images/tab_white_page_left.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    float: left;
    width: 50px; 
    height: 40px;
   
}
.tab_title_after{
    background-image: url('../images/tab_white_page_right.png');
    float: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 50px; 
    height: 40px;
}
.page_text{
    font-size: 20px;
    line-height: 22px;
    font-weight: 200;
}
.title_separator {
    width: 15%;
    margin: 30px auto;
    border-top: 3px solid #1d1d1d;
}
.legal_title{
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    margin: 50px 0px 20px 0px;
}
.legal_menu{
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
.legal_menu_item{
    text-transform: uppercase;
    margin: 0px 10px;
}
.contact_title{
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
}
.contact_subtitle{
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
}
.contact_support{
    text-align: center;
    margin-top: 100px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
}
.form_box_contact {
    border: 1px solid #000000;
    border-radius: 0!important;
    font-size: 25px;
    font-weight: 300;
    color: #000;
    box-shadow: none;
}
.contact_button{
    background-color: rgb(26, 172, 189);
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: none;
    border: none;
    width: auto;
    margin: auto;
    padding: 0px 15px;
}
.contact_textarea{
        width: 100%;
    min-height: 200px;
    border-color: #000000;
    padding: 15px;
}

/*modal de legales en la opcion de registro*/
.legal_modal .modal-dialog{
    width: 50%;
}
.legal_modal .modal-dialog .modal-body{
    padding: 50px;
}

.menu-nav-footer .phrase_footer{
    text-align: right;
}


/*RESPONSIVE media queries*/


/*large*/
@media (min-width:1200px) {

    .div-head-modal{
        width: 1025px;
    }
    
   
    .all-courses {
        width: 73%;
        padding:7.5px;
        background-color: rgb(234, 235, 229);
    }

 
}

@media (min-width: 1023px){
    .logo-trapecio-top {
        position: fixed;
        top: 35px;
        z-index: 97;
    }
    #header .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        position: fixed;
        width: 100%;
        max-width: 1200px;
        z-index: 3;
        background-color: white;
        margin-left: auto;
        height: 28px;
        z-index: 96;
    }
}


/*large*/
@media (min-width:1025px) and (max-width:1199px){
    .course-title {
        font-size: 3vw;
        line-height: 3vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 1.3vw;
        line-height: 1.3vw;
        
    }

    .join-course {
       
        bottom: 3vw;
    }
    .course-img {
        min-height: 2vw;
    }
     .menu-nav-footer{
        font-size: 1.3vw;
    }
    .nav-pills>li>a.foot-menu {
        width: 9vw;
    }
        .logo-trapecio-footer {
        
        left: -1vw;
    }
    /*.search-course-div-home .div-search-home {
        width: 73vw!important;
    }
    .search-course-div-home {
        width: 80%;
        left: 10%;
        
    }*/

}

/*Tablet*/
@media (min-width:768px) and (max-width:1024px){
    .with_login .nav-pills>li>a.foot-menu{
        width: 11vw;
        margin: 1vw;
        font-size: 1.2vw;
        line-height: 1.2vw;
    }
    .foot-search-middle.with_login {
        padding: 15px 0px;
        height: 65px;
    }
    .with_login .foot-follow-right {
        padding-top: 1.5vw;
    }
    .with_login .links_footer {
        font-size: 1.5vw;
    }
    .modal_languages .languages_list {
        width: 85vw;
    }

    .search-course-div-home {
        width: 60%;
        bottom: 35%;
        left: 20%;
    }

   .img-back{
        height: 45vw;
    }

    .home-title{
        font-size: 3.5vw;
        line-height: 3.5vw;
    }
    .home-text{
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .home-intro{
        top: 5vw;
        right: 3vw;

    }
    .my-carousel {
        left: 108vw!important;
        top: 70%;
    }

    .course-title {
        font-size: 3vw;
        line-height: 3vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 1.3vw;
        line-height: 1.3vw;
        
    }

    .join-course {
       
        bottom: 2vw;
    }
    .course-img {
        min-height: 2vw;
    }

    .foot-data-left {
        font-size: 1.8vw;
        padding-top: 3vw;
    }
    .foot-title {
        font-size: 3.5vw;
        line-height: 3.5vw;
        padding-top: 1vw;
    }
    .foot-subtitle{
         font-size: 3vw;
        line-height: 3vw;
    }
    .textbox-mail, .submit-blue {
        font-size: 1.8vw;
        line-height: 1.8vw;
    }
    .with_login .foot-icons img {
        padding: 0px 1vw 2vw 1vw;
        height: 5.5vw;
    }
    .menu-nav-footer{
        font-size: 1.3vw;
    }
    .nav-pills>li>a.foot-menu {
        width: 9vw;
    }
    .logo-trapecio-footer {
        
        left: -1vw;
    }
     .search-course-div-home .div-search-home {
        width: 51vw!important;
    }

}

@media (min-width: 768px){
    .logo-trapecio-top {
        position: fixed;
        top: 35px;
        z-index: 97;
    }
    #header .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        position: fixed;
        width: 100%;
        max-width: 1200px;
        z-index: 3;
        background-color: white;
        margin-left: auto;
        height: 28px;
        z-index: 96;
    }
}

/*cuando los cursos cambian de 3 columnas a 2*/
@media (min-width:768px) and (max-width:991px){
   
    .with_login .nav-pills>li>a.foot-menu{
        width: 11vw;
        margin: 1vw;
        font-size: 1.2vw;
        line-height: 1.2vw;
    }
    .foot-search-middle.with_login {
        padding: 15px 0px;
        height: 65px;
    }
    .with_login .foot-follow-right {
        padding-top: 1.5vw;
    }
    .with_login .links_footer {
        font-size: 1.5vw;
    }
    .modal_languages .languages_list {
        width: 85vw;
    }

    .search-course-div-home {
        width: 60%;
        bottom: 35%;
        left: 20%;
    }

   .img-back{
        height: 45vw;
    }

    .home-title{
        font-size: 3.5vw;
        line-height: 3.5vw;
    }
    .home-text{
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .home-intro{
        top: 5vw;
        right: 3vw;

    }
    .my-carousel {
        left: 108vw!important;
        top: 70%;
    }

    .course-title {
        font-size: 3vw;
        line-height: 3vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 1.3vw;
        line-height: 1.3vw;
        
    }

    .join-course {
       
        bottom: 2vw;
    }
    .course-img {
        min-height: 2vw;
    }

    .foot-data-left {
        font-size: 1.8vw;
        padding-top: 3vw;
    }
    .foot-title {
        font-size: 3.5vw;
        line-height: 3.5vw;
        padding-top: 1vw;
    }
    .foot-subtitle{
         font-size: 3vw;
        line-height: 3vw;
    }
    .textbox-mail, .submit-blue {
        font-size: 1.8vw;
        line-height: 1.8vw;
    }
    .with_login .foot-icons img {
        padding: 0px 1vw 2vw 1vw;
        height: 5.5vw;
    }
    .menu-nav-footer{
        font-size: 1.3vw;
    }
    .nav-pills>li>a.foot-menu {
        width: 9vw;
    }
    .logo-trapecio-footer {
        
        left: -1vw;
    }
    .logo-trapecio-footer {
        width: 25vw;
    }


    .course-title {
        font-size: 5vw;
        line-height: 5vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 2vw;
        line-height: 2vw;
        
    }
    .course-img {
        min-height: 5vw;
    }
    .join-course {
       
        bottom: 2vw;
    }
    .foot-title-socialmedia {
        font-size: 1.8vw;
    }
   /* .foot-search-middle {
        border-left: none;
        border-right: none;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 20px 0px;
        margin: 20px 0px;
    }
    .foot-search-middle.with_login{
        border-top: none;
        border-bottom: none;
        border-left: 1px solid;
        border-right: 1px solid;
        margin: 0px;
        padding: 0px;
    }
    .foot-follow-right, .foot-data-left{
        padding-top: 0px;
    }*/
     .search-course-div-home .div-search-home {
        width: 51vw!important;
    }

}

/*Tablet*/
@media (min-width:455px) and (max-width:767px){
    .hamburger_button{
        position: absolute;
        z-index: 999;
        top: 30px;
        left: 30px;
        border: none;
    }
    .hamburger_button .icon-bar{
        background-color: black!important;
    }
    .logo-trapecio-footer {
        width: 25vw;
    }
    .foot-data-left {
        font-size: 1.8vw;
        padding-top: 3vw;
    }
    .foot-title {
        font-size: 3.5vw;
        line-height: 3.5vw;
        padding-top: 1vw;
    }
    .foot-subtitle {
        font-size: 3vw;
        line-height: 3vw;
    }
    .nav-pills>li>a.foot-menu {
        width: 9vw;
    }
    .foot-title-socialmedia {
        font-size: 1.8vw;
    }
    .menu-nav-footer {
        font-size: 1.3vw;
    }
    .textbox-mail, .submit-blue {
        font-size: 1.8vw!important;
        line-height: 1.8vw!important;
    }

     

    .modal_languages .languages_list .the_language {
        
        border: 1px solid #e2e2e2;
        margin: 0px auto 15px auto;
        width: 50%;
    }

    #content_page{
        color: white;
        margin-top: 25px;
    }
    .logo-trapecio-top {

        margin-top: 3px;
    }
    /*.navbar-collapse.collapse.in {
        padding-left: inherit;
    }*/
    .collapsing
    {
            position: absolute !important;
            z-index: 9999;
            width: 100%;
            height: auto;
            top: 50px;
    }
    .collapse.in {
            padding-left: 30px;
            display: block;
            position: absolute;
            z-index: 9999;
            /*width: 100%;*/
            top: 50px;
            
            margin-top: 20px;
            overflow: visible;
    }
    .boxWithAccordion.collapse.in {
            padding-left: 10px;
            padding-right: 10px;
            display: block;
            position: initial;
            z-index: 9999;
            width: 100%;
            top: 0px;
            margin-top: 0px;
            overflow: visible;
    }
    .navbar-collapse
    {
            max-height: none !important;
            width: 30%;
            padding-left: 30px;
            background-color: white;
           
            margin-top: 20px;
    }
    .navbar-nav .open .dropdown-menu{
        background-color: white;
    }
    #btn-logged-user{
        width: 100%;
        text-align: left;
    }

   .drop_down_user .dropdown-menu > li.exit > a {
        background-color: grey;
        color: #ffffff!important;
    }
   
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: transparent!important;
        border-radius: 0px!important;
    }

    .navbar-default .navbar-nav > li > a{
        color:inherit!important;
        background-color:inherit;
    }
    .navbar-nav a:hover {
    
        background-color: #e2e2e2!important;
    }
    .navbar-nav a:focus {
       
        background-color: #e2e2e2!important;
    }
    #btn-login.login:hover{
        background-color: #e2e2e2!important;
        
    }
    #btn-login.menu_selected:hover, #btn-courses.menu_selected:hover{
        background-color: #e2e2e2!important;
    }

    .img-back{
        height: 50vw;
    }

    .home-title{
        font-size: 4vw;
        line-height: 4vw;
    }
    .home-text{
        font-size: 3vw;
        line-height: 3vw;
    }
    .home-intro{
        top: 8vw;
    right: 0px;
    width: 100%;

    }
    .my-carousel {
        left: 105vw!important;
        top: 70%;
    }

    .carousel-indicators li{
        width: 8px;
        height: 8px;
    }
    .carousel-indicators .active{
        width: 10px;
        height: 10px;
    }
    .all-courses {
       
        margin-top: -30px;
    }


    .course-title {
        font-size: 4vw;
        line-height: 4vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 1.8vw;
        line-height: 1.8vw;

    }
    .course-img {
        min-height: 4vw;
    }
    .join-course {
       
        bottom: 3.5vw;
    }
    .course-box{
        padding: 12px;
    }
    .join-course button {
       
        padding: 2px 10px;
    }
   /* .foot-search-middle {
        border-left: none;
        border-right: none;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 20px 0px;
        margin: 20px 0px;
    }*/
    /*.foot-follow-right{
        display: none;
    }
    .menu-nav-footer{
        display: none;
    }*/
    .suscript-news {
        width: 70%!important;
        float: left;
    }
    
     .width_container{
        padding-left: 0;
        padding-right: 0;
    }

    .search-course-div-home {
        width: 100%;
        bottom: 0px;
        left: 0px;
        position: relative;
        margin-bottom: 75px;
        border-bottom: 1px solid #000000;
    }
    .search-course-div-home .search-course-modal img{
        width: 20px;
    }
    .search-course-div-home .div-search-home {
        width: 85vw!important;
    }



}

/*a partir de 600 e inferior los cursos deben pasar a una columna porque no caben*/
@media (max-width:600px){
    .menu-nav-footer{
        display: none;
    }
    .foot-follow-right {
        padding-top: 0px;
    }
    .search-course-div-home {
        width: 100%;
        bottom: 0px;
        left: 0px;
        position: relative;
        margin-bottom: 75px;
        border-bottom: 1px solid #000000;
    }
    .home-title {
        font-size: 5vw;
        line-height: 5vw;
    }
    .home-text {
        font-size: 4vw;
        line-height: 4vw;
    }
    .search-elements-home{
        padding: 0px;
    }
    .input-search, .btn-search{
        font-size: 15px;
    }
    .search-course-div-home .search-course-modal img{
        width: 20px;
    }
    .course-box {
        width: 100%;
        padding: 20px;
    }
     .course-title {
        font-size: 8vw;
        line-height: 8vw;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 4vw;
        line-height: 4vw;
       
    }
    .course-img {
        min-height: 10vw;
    }
    .join-course {
       
        bottom: 5vw;
    }
    .join-course button {
       
        padding: 5px 15px;
    }
    .all-courses {
        width: 75%;
    }
     .search-course-div-home .div-search-home {
        width: 85vw!important;
    }
    .category_select_search {
        padding: 8.5px 15px;
        font-size: 12px;
    }
    .category_select_search img {
        width: 12px;
        margin: 0px 10px;
    }
    .svg_container {
        width: 14px;
    }

}
/*Phone*/
@media (max-width:454px){
     .hamburger_button{
        position: absolute;
        z-index: 999;
        top: 30px;
        left: 30px;
        border: none;
    }
    .hamburger_button .icon-bar{
        background-color: black!important;
    }
    .collapsing
    {
            position: absolute !important;
            z-index: 9999;
            width: 100%;
            height: auto;
            top: 50px;
    }
    .collapse.in {
            padding-left: 30px;
            display: block;
            position: absolute;
            z-index: 9999;
            /*width: 100%;*/
            top: 50px;
            
            margin-top: 20px;
            overflow: visible;
    }
    .boxWithAccordion.collapse.in , .boxRanking.collapse.in {
            padding-left: 10px;
            padding-right: 10px;
            display: block;
            position: initial;
            z-index: 9999;
            width: 100%;
            top: 0px;
            margin-top: 0px;
            overflow: visible;
    }
    .navbar-collapse
    {
            max-height: none !important;
            width: 50%;
            padding-left: 30px;
            background-color: white;
           
            margin-top: 20px;
    }
    .navbar-nav .open .dropdown-menu{
        background-color: white;
    }
    #btn-logged-user{
        width: 100%;
        text-align: left;
    }

   .drop_down_user .dropdown-menu > li.exit > a {
        background-color: grey;
        color: #ffffff!important;
    }
   
    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: transparent!important;
        border-radius: 0px!important;
    }

    /*pruebas de estilos para cursos versión móvil*/
    .prueba_text{
        font-size: 20px;

    }
    .modo_prueba_white{
        width: 100%;
        height: 250px;
    }
    .btn_registro_prueba{
         width: 100%;
        font-size: 18px;
    }
    /*pruebas de estilos para cursos versión móvil*/


    
    .modal_languages .languages_list .the_language {
        
        border: 1px solid #e2e2e2;
        margin: 0px auto 15px auto;
        width: 50%;
    }
     #content_page{
        color: white;
        margin-top: 25px;

    }
    .logo-trapecio-top {

        margin-top: 7px;
        height: 45px;

    }
    
    .navbar-default .navbar-nav > li > a{
        color:inherit!important;
        background-color:inherit;
    }
    .navbar-nav a:hover {
    
        background-color: #e2e2e2!important;
    }
    .navbar-nav a:focus {
       
        background-color: #e2e2e2!important;
    }
    #btn-login.login:hover{
        background-color: #e2e2e2!important;
        
    }
    #btn-login.menu_selected:hover, #btn-courses.menu_selected:hover{
        background-color: #e2e2e2!important;
    }

    .img-back{
        height: 200px;
    }

    .home-title{
        font-size: 22px;
        line-height: 22px;
    }
    .home-text{
        font-size: 12px;
        line-height: 12px;
    }
    .home-intro{
       width: 100%;
    top: 50%;
    right: 0px;

    }
    .my-carousel {
        left: 110%!important;
        top: 70%;
    }

    .carousel-indicators li{
        width: 8px;
        height: 8px;
    }
    .carousel-indicators .active{
        width: 10px;
        height: 10px;
    }
    .all-courses {
       
        margin-top: -30px;
        width: 80%;
    }
    .courses-trapecio {
        width: 180px;
        height: 44px;
        top: -24px;
        font-size: 16px;
    }
    .logo-trapecio-footer {
        height: 45px;
        left: -15px;
        margin-top: 65px;
      
    }

    .width_container{
        padding-left: 0;
        padding-right: 0;
    }

    .join-course {
        bottom: 25px;
    }
    .course-title {
        font-size: 40px;
        line-height: 40px;
    }
    .course-duration, .course-date, .course-short-description {
        font-size: 16px;
        line-height: 16px;

    }
    .course-img {
        min-height: 5%;
    }
    .foot-search-middle, .foot-follow-right{
        display: none;
    }
    .foot-data-left{
        width: 100%;
    }

    .drop_down_user .dropdown-menu > li.exit > a{
        background-color: #e2e2e2;
        color: black;

    }

       
}

@media (max-width:350px){
  
 .all-courses {

        width: 100%;
    }
 .course-title {
        font-size: 32px;
        line-height: 35px;
    }
    .course-img {
        min-height: 10%;
    }
        

   

}


/*Estilos de test para texto wikipedia***********************/

.my-tooltip, .my-tooltip:hover{
    color:blue;
    cursor:pointer;
}
.wikipedia-img{
    width: 100%;
}

.tooltiptext{
    display: none;
}