/*Font gothic*/
@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/gothic/gothic.ttf) format("truetype");
}


/*Banner home*/
.tp-banner, .forcefullwidth_wrapper_tp_banner{
    height: calc(100vh - 100px) !important;
}

.tp-banner-container{
    height: 100%;
}

/*End Banner home*/

div#contactUs {
    position: fixed;
    top: 220px;
    z-index: 999;
    right: -315px;
    width: 335px;
    padding: 20px;
}

.sobreBg input {
    width: 100%;
}

#contactUs textarea, #contactUs select, #contactUs input {
    width: 100%;
    margin-bottom: 7px;
    text-align: left;
    padding: 5px;
}

.squareF {
    padding: 29px;
    background-color: #007fc8;
    background-image: url(../img/sobre2.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}

input#contactUsSubmit {
    width: 106px;
    margin: auto;
    background: #f8a911;
    color: #fff;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.sobreBg {
    text-align: center;
}

.strip {
    cursor: pointer;
    position: absolute;
    left: -150px;
    text-align: center;
}
.strip .bkgnd-bandera{
    text-align: center;
    color: #fff;
    height: 152px;
    background: url(../img/bandera.png);
    background-size: 100% 100%;
    width: 169px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 0;
    padding-bottom: 0px;
}
.strip i{
    font-size: 60px;
    color: white;
    margin-top: 5px;
}
.strip h2 {
    margin: 0px;
}

.squareF p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 40px;
}

#contactUs .mje-ok {
    color: #fff;
    font-weight: 200;
    text-align: center;
    margin: 100px 10px 100px 10px;
    font-size: 20px;
}

.iniciohome .mje-ok {
    color: #fff;
    font-weight: 200;
    text-align: center;
    margin: 160px 10px 160px 10px;
    font-size: 30px;
}



.strip h3 {
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 17px;
}
.strip .maspadding-bottom{
	padding-bottom:30px;
	padding-bottom: 20px;
    font-size: 15px;
}
.strip p {
    margin-bottom: -26px;
    margin-top: -1px;
}
.strip.movil{
	display:none;
}
@media all and (max-width: 780px){
    .main-slider__title {
        margin-top: 23vw;
    }
	#myModal form .form-group{
		width:100%;
	}
	#myModal button.btn.btn-info.btn-effect.formulario{
		margin-top: 0px;
	}
	#myModal textarea{
		resize:none;
	}
	#myModal .find-course_mod-b {
		margin-top: 10%;
	}
	.strip.movil{
		/*display: block;
		width: auto;
		padding: 25px;
		height: auto;
		left: -47px;*/
	display: block;
    height: 40px;
    padding: 0!important;
    font-size: 22px !important;
    position: fixed;
    bottom: 0px;
    width: 45px;
    left: 0px;
    background-color: #26d266 !important;
    background-image: none;
    text-align: center;
	}
    .strip i{
        font-size: inherit !important;
        margin: auto !important;
        color: white !important;
    }
	.desktop.stp{
		display:none;
	}
	div#contactUs {
		/* width: 80%; */
		top:190px;
	}
	ul.header-widget li {
		margin-right: 0px !important;
	}
	div#contactUs.visible{
		top:0px;
		-webkit-transition: top 2s; /* Safari */
		transition: top 2s;
		padding-left: 0px;
		-webkit-transition: width 2s; /* Safari */
		transition: width 2s;
		width: 80%;
	}
	.squareF{
		height: 310px;
		overflow-y: scroll;
	}
	
	.flag-video {
    background: url(../img/bandera-video.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 85px;
    text-align: center;
    position: fixed;
    top: 43%;
    right: 0;
    z-index: 999;
    padding-top: 8px;
	}
	
	.flag-video {
    background: #f4a90d !Important;
    background-repeat: no-repeat;
    width: 150px !Important;
    height: 40px !Important;
    text-align: center;
    position: fixed;
    top: inherit !Important;
    right: 0 !Important;
    z-index: 999;
    padding-top: 8px;
    bottom: 0 !Important;
    left: 45px !Important;
	}
	
	.flag-face {
    /* background: url(../img/bandera-small.png); */
    background: #3b5998;
    background-repeat: no-repeat;
    width: 40px !Important;
    height: 40px !Important;
    position: fixed;
    top: inherit !Important;
    bottom: 0 !Important;
    right: inherit !Important;
	left: 195px !Important;
    z-index: 999;
    text-align: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
	}

    .flag-insta{
        right: inherit !Important;
        left: 235px !Important;
        bottom: 0 !Important;
        top: inherit !Important;
        width: 40px !Important;
        height: 40px !Important;
    }
	
	.flag-youtube {
    /* background: url(../img/bandera-small.png); */
    background: #cc181e;
    background-repeat: no-repeat;
    width: 40px !Important;
    height: 40px !Important;
    position: fixed;
    top: inherit !Important;
    right: inherit !Important;
	left: 275px !Important;
    bottom: 0 !Important;
    z-index: 999;
    text-align: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
	}
	
}

@media all and (max-width: 450px){
    .tp-banner, .forcefullwidth_wrapper_tp_banner{
        height: 100vh !important;
    }
    .main-slider__title {
        margin-top: 35vw;
    }
}
/*custom*/
.galeria img{
    margin-bottom: 30px;
}
.btn-alive{
    margin-bottom: 30px;
   color: #fffefe;
    background-color: #6cabd0;
    border-color: #6cabd0;
}
.btn-alive:hover{
    
   color: #fffefe;
    background-color: #5386a5;
    border-color: #5386a5;
}


.flag-video{
	background: url(../img/bandera-video.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 85px;
	text-align: center;
    position: fixed;
	top: 43%;
	right: 0;
	z-index: 999;
	padding-top: 8px;
    
}

.flag-video a{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

.flag-face a, .flag-youtube a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}

.flag-face{
	/*background: url(../img/bandera-small.png);*/
	background: #3b5998;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 999;
	text-align: center;
	font-size: 26px;
	color: #fff;
	text-decoration: none;
}


.flag-insta{
    /*background: url(../img/bandera-small.png);*/
    background: #8a3ab9;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: fixed;
    top: 57%;
    right: 0;
    z-index: 999;
    text-align: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
}


.flag-youtube{
	/*background: url(../img/bandera-small.png);*/
	background: #cc181e;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	position: fixed;
	top: 64%;
	right: 0;
	z-index: 999;
	text-align: center;
	font-size: 26px;
	color: #fff;
	text-decoration: none;
}

.flag-face:hover, .flag-youtube:hover, .flag-insta:hover {
	transform: scale(1.1);
}

a.acc1 {
    text-decoration: none;
}

/*****Quitar en Responsive****/
.galery-home-ml{
    margin-left: 15%;
}

.galery-home-mll{
    margin-left: -15%;
}

/***CSS 18/09/2018***/

.desktop-hidden{
    display: none;
}

.navbar-toggle{
    border-radius: 0px;
}

.flag-whats-kin{
    position: fixed;
    top: 32%;
    right: 11%;
    background: url(../img/bandera-whats-green.png);
    text-align: center;
    padding-top: 8px;
    background-repeat: no-repeat;
    width: 150px;
    height: 50px;
    z-index: 999;
}

.flag-whats-kin a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
 
.flag-whats-secu{
    position: fixed;
    top: 39%;
    right: 11%;
    background: url(../img/bandera-whats-green.png);
    text-align: center;
    padding-top: 8px;
    background-repeat: no-repeat;
    width: 150px;
    height: 50px;
    z-index: 999;
}

.flag-whats-secu a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.invisible-whats{
    display: none;
    transition: all 0.5s;
}

.visible-whats{
    display: block;
    transition: all 0.5s;
}

.pdfs-news-cont{
    margin-top: 40px;
}

.pdf-news2{
    text-align: center;
}

.pdf-news3{
    text-align: right;
}

.invisible-whats-movil{
    display: none;
}

.line-footer-sep{
    top: -20px;
}

#comunidad{
    padding: 0 !important;
}
.comunidad-login{
    background: url('../../galeria/comunidad/bg-login.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;  
    height: 100%;
}

.square-login{
    position: absolute;
    z-index: 999;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 40px 150px;
    border: 6px solid #FFD600;
}

.comunidad-login:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(67, 153, 202, .75);
}

.btn-login{
    padding: 12px 25px;
    background-color: #F8A911 !important;
    font-size: 18px;
}

#password{
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

#password:focus{
    outline: none;}

.p-no-margin{
    margin: 0;
}

.l-blanca{
    color: #fff;
}

.l-azul{
    color: #007FC8;
}

.l-gris{
    color: #777;
}

.l-amarilla{
    color: #FFD600;
}

.w-600{
    font-weight: 600;
}

img.comunidad-options{
    position: relative;
    border: 6px solid #FFD600;
    width: 100%;
}

.center-square-comunity{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
}

.center-square-comunity img{
    max-width: 80px;
}

.center-square-comunity h2{
    font-size: 35px;
}

.background-comunidad{
    background: url('../../galeria/comunidad/bg-admin.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    position: fixed;
    width: 100%;
    height: 100%;
}

.background-comunidad:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(67, 153, 202, .75);
}

.header-descargas{
    background: #fff;
}

.log-out-comunidad{
    position: absolute;
    right: 15px;
    top: 50px;
}

.log-out-comunidad a{
    font-size: 35px;
}

.header-descargas .center{
    display: flex;
    align-items: center;
}

.header-descargas p:first-child{
    font-size: 35px;
    line-height: initial;
}

.header-descargas p{
    font-size: 25px;
    line-height: initial;
}

.logo-descargas{
    max-width: 170px;
    padding: 35px 0;
}

.logo-leadme{
    width: 175px;
    height: 48px;
    margin-top: 20px;
}

@media all and (max-height: 900px){
    .flag-video{
        top: calc(43% + 120px);
    }
    .flag-face{
        top: calc(50% + 120px);
    }
    .flag-insta{
        top: calc(57% + 120px);
    }
    .flag-youtube{
        top: calc(64% + 120px);
    }
}

@media (max-width: 1440px){
    .flag-whats-kin{top: 30%; right: 12%;}
    .flag-whats-secu{top: 36%; right: 12%;}
}

@media (max-width: 1420px){
    .flag-whats-kin{top: 33%; right: 14%;}
    .flag-whats-secu{top: 41%; right: 14%;}
}

@media (max-width: 1280px) and (max-height: 720px){
    .flag-whats-kin{top: 37%; right: 14%;}
    .flag-whats-secu{top: 44%; right: 14%;}
}

@media (max-width: 1240px){
    .galery-home-ml{margin-left: 0;}
    .galery-home-mll{margin-left: 0;}
}

/**********responsive movil********/

@media only screen and (max-width: 480px){
    .l-blanca{color: #fff;}
    .l-azul{color: #007FC8;}
    .font-16-movil{font-size: 14px !important;}
    .cont-flex-movil{display: flex !important; justify-content: center; align-items: center;}
    .cont-flex-movil-a{display: flex; justify-content: center; align-items: center;}
    .flag-video{display: none;}
    .strip.movil{width: 71%; background-color: #fff!important; z-index: 999;}
    .text-decoration-none{text-decoration: none !important;}
    .flag-video{right: 0!important;}
    .flag-youtube{right: 0!important; left: initial !important; font-size: 21px;}
    .flag-insta{right: 40px!important; left: initial !important; font-size: 21px;}
    .flag-face{right: 80px!important; left: initial !important;}
    .pd-15-whats-movil{padding-right: 15px;}
    .strave{padding-bottom: 25px;}
    i.color-whats-verde{color: #25d366 !important; font-size: 34px!important; font-weight: 900;}
    .img-insta{width: 25px;}
    .dis-none-movil{display: none !important;}
    .desktop-hidden{display: block !important;}
    .sliderbtn{font-size: 19px;}
    .main-slider__title{font-size: 25px;}
    .main-slider__subtitle{font-size: 22px;}
    .header-logo{width: 52%;}
    .yamm .nav > li > a{padding: 0 10px 0 10px}
    div#navbar-collapse-1{width: 33%;}
    .pdfs-news-cont{padding-bottom: 35px;}
    .pdf-news1{text-align: center;}
    .pdf-news3{text-align: center;}
    .pdf-news1{text-align: center;}
    .pdf-news1 a{font-size: 11px;}
    .pdf-news2 a{font-size: 11px;}
    .pdf-news3 a{font-size: 11px;}
    #cont-whats-school-movil{position: absolute; top: -40px; background: #fff; padding: 0px 0; width: 100vw; left: 0; justify-content: center;}
    .visible-whats-movil{display: flex;}
    .square-login{padding: 40px;}
}


@media only screen and (max-width: 375px){
    /*.strip.movil{width: 68%;}*/
}

@media only screen and (max-width: 320px){
    /*.strip.movil{width: 63%;}*/
    .pd-15-whats-movil{padding-right: 5px;}
    .font-16-movil{font-size: 13px !important;}
}


/**Nueva barra responsive**/
.iconsResp{
    background: #6cabd0;
    background-repeat: no-repeat;
    width: 29%;
    height: 40px !Important;
    position: fixed;
    top: inherit !Important;
    bottom: 0 !Important;
    right: 0;
    z-index: 999;
    text-align: center;
    font-size: 26px;
    color: #fff;
    text-decoration: none;
    padding: 0 !important;
}
.iconsResp .opts{
    width: 50%;
    float: left;
    text-align: center;
    line-height: 40px;
}
#optsPhone h3{font-weight: bold;margin: 0;}
.iconsResp .opts:first-child{border-right: 1px solid white;}
.iconsResp .opts:first-child i{color: #f4a90d;}
.iconsResp .opts:nth-child(2) i{color: white;}
#optsPhone{
    height: 40px;
    position: absolute;
    top: -40px;
    background: #fff;
    padding: 0px 0;
    width: 100vw;
    right: 0;
    justify-content: center;
}
#optsPhone.openOP,.invisible-whats-movil.openOP{display: flex !important;}