/********** common setting **********/

#banner h1 {
	width: 50% !important;
}
h2 {
    font-size: 2.8rem !important;
    font-weight: 700;
}

img {
    display: block;
    max-width: 100%;
}

a,
button {
    cursor: pointer;
}

.jumbotron {
    margin-bottom: 0 !important;
}

.background-m{
    background-image: url(../img/banner.png) !important;    
    background-position-x: 50% !important;  
}    

.atlas-cta {
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-weight: 700;
    transition: .3s ease-in-out !important;
}

.atlas-cta:hover {
    text-decoration: none;
    transform: translateY(-5px);
}

.atlas-cta-wide {
    width: 100%;
}

.cta-green {
    background: #039F94;
    color: #fff;
}

.cta-green:hover {
    color: #ffffff;
    background: #028278;
}

.cta-orange {
    background: #ec7a5c;
    color: #fff;
}

.cta-orange:hover {
    color: #ffffff;
    background: #d46244;
}

.cta-blue {
    background: #192440;
    color: #ffffff;
}

.cta-blue:hover {
    color: #ffffff;
    background: #121a2e;
}

.cta-ghost {
    border: 2px solid #fff !important;
    color: #fff;
	border-radius: 10px !important;
	font-size: 30px;
}

.cta-ghost:hover {
    color: #ffffff;
    background: #121a2e;
}

.underline {
	text-decoration:underline;
}

.strong {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

#banner p {
	width: 46%;
	line-height: 1.2;
}

#banner {
    background-size: cover;
}

/********** banner **********/
#banner header {
    overflow: hidden;
}

/*#banner header img {
    max-width: 270px;
}*/

/********** feature (skew background) **********/
.feature img {
    width: 100%;
    max-width: 480px;
}

#feature-first {
    background: linear-gradient(168deg, #ffffff 55%, #00FFAD 0);
}

#feature-last {
    background: #028278;
}

/********** price table **********/
#price-table {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

#price-table__premium {
    background: #192440;
    color: #ffffff;
}

#price-table ul li {
    padding: 5px 0;
}

/********** contact **********/
#contact {
    background-size: cover;
}

#contact ul li {
    padding: 3px 0;
}

#contact form {
    color: #00FFAD;
}

#contact form input,
#contact form textarea {
    background: transparent;
    border: 1px solid #00FFAD;
    color: #ffffff;
}

/********** copyright **********/
#copyright {
    background: #757575;
    padding: 1.5rem 3rem;
}

#copyright #social-media a {
    width: 40px;
    height: 40px;
    border-radius: 99%;
    background: #ffffff;
    transition: .4s ease;
}

#copyright #social-media a i {
    color: #192440;
    font-size: 1.2rem;
    line-height: 40px;
}

#copyright #social-media a:hover {
    background: #00FFAD;
}

#copyright #social-media a:hover i {
    color: #ffffff;
}

/********** RWD **********/
@media (max-width: 575px) {
    #banner h1 {
        font-size: 1.6rem;
		width: 60% !important;
		line-height:2.3rem !important;
    }
	
	#banner p {
		font-size: 1.1rem;
		width: 68% !important;
		line-height:1.2;
	}

.lead{font-size:1.1rem}	




}


.button_slide_green{
    font-weight:400 !important;
    border:5px solid transparent !important;
    border-color: #25996A !important;
    padding:0.6rem 2.5rem !important;
    font-size:1.5rem !important;
    color: #25996A !important;
}

.button_slide_green:focus,.button_slide_green:hover{
    background-color: #25996A !important;
    color: #FFF !important;
}

.button_slide_gray{
    font-weight:400 !important;
    border:5px solid transparent !important;
    border-color: #5B5B5B !important;
    background-color: #818181 !important;
    padding:0.6rem 2.5rem !important;
    font-size:1.5rem !important;
    color: #FFF !important;
}

.button_slide_gray:focus,.button_slide_gray:hover{
    background-color: #5B5B5B !important;
    color: #FFF !important;
}


.button_slide_celeste{
    font-weight:400 !important;
    border:5px solid transparent !important;
    border-color: #1FAEB5 !important;
    padding:0.6rem 2.5rem !important;
    font-size:1.5rem !important;
    color: #1FAEB5 !important;
}

.button_slide_celeste:focus,.button_slide_celeste:hover{
    background-color: #1FAEB5 !important;
    color: #FFF !important;
}


.bg_cursos{
    background-image: url(../img/bg_cursos.png);
}

.tit_cursos{
    color: #5B5B5B;
    font-weight: 800;
}

.tit_cursos span{
    color: #386F7C;   
}


.bg_white {
    background-color: #FFF !important;
}

.bg_blue {
    background-color: #386F7C !important;
}

.bg_green {
    background-color: #3D998C !important;
    padding: 10px 40px; 
}

.btn_comprar {
    width: auto;
    background-color: #3D998C !important;    
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
}

.btn_comprar:focus,.btn_comprar:hover{
    text-decoration: none;
}


.text_precio {
    /*display: inline !important;*/
    padding: 15px 0 !important;
    width: auto !important;
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
}


.text-right{
    text-align: right !important;
}

.p-cursos{
    padding: 20px 50px 40px  !important;
}

.curso_titulo{
    font-weight: 700;
    color: #494949;
    font-size: 22px;
    line-height: 24px;
}

.curso_desc {
    color: #494949;
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 40px;  
}

.curso_diasemana{
    font-weight: 700;
    color: #494949;
    font-size: 22px;
    margin-left: -15px !important;
}

.curso_dia {
    color: #494949;
    font-size: 22px;
    margin-left: -15px !important;    
}

.curso_hora{
    color: #284B7F;
    font-size: 22px;
}

.curso_hora span {
    font-weight: 700;
}

.curso_icono {
    width: 65px !important;  
    height: auto !important;
    padding-top: 15px;
}


.division{
    background-color: #5E5E5E;
    height: 1px;
    margin: 25px 0px;
}

.requisitos{
    padding: 20px 30px;
    background-color: #FFF;
    border-radius: 0 0 20px 0;
    margin: 30px;
}

.req_division{
    background-color: #5E5E5E;
    height: 1px;
    margin: 10px 0px 20px;
}

.req_titulo{
    font-weight: 700;
    color: #494949;
    font-size: 22px;
}

.req_texto {
    color: #494949;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 10px;
    font-weight: 500;
}

.req_icono {
    width: 80px !important;  
    height: auto !important;
}

.button_ins{
    width: 100%;
    background-color: #43C4B5;
    border-radius: 50px;    
    padding: 25px;
    color: #FFF;
    font-size: 60px;
    margin: 20px 30px; 
    font-weight: 700;   
}

.button_ins a, .button_ins a:hover {
    text-decoration: none; 
}


.observaciones{
    margin: 0px 20px 0px !important;
}

.obs_texto {
		font-family: 'Barlow Condensed',"Helvetica Neue",Arial,sans-serif !important;	
    color: #616161;
    font-size: 26px;
    line-height: 32px;
	font-weight: 600;
}

.p-left0{
    padding-left: 0px !important;
}

.p-lr0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p-0{
    padding: 0px !important;
}

/* DETALLE */

.detalle {
    width: 100%;
    margin: 30px !important;
    padding: 0 35px;
}

.button_det{
    width: 100%;
    background-color: #29B260;
    border-radius: 50px;    
    padding: 25px;
    color: #FFF;
    font-size: 60px;
    margin: 20px 30px; 
    font-weight: 700;   
}

.button_det a, .button_det a:hover {
    text-decoration: none; 
}

.det_texto {
    color: #353535;
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 15px;
}

.det_texto span {
    font-weight: 700;
}

.det_texto_big {
    color: #353535;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    padding-bottom: 20px;
}

.det_texto_small {
    color: #353535;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    padding-bottom: 10px;
}


.det_plomo{
    width: 100%;
    background-color: #969696;
    padding: 35px;
    color: #333333;
    font-size: 30px;
}


.det_oscuro {
    width: 100%;
    background-color: #3F3F3F;
    border-radius: 0 0 30px 0;
    padding: 35px;
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
}


.m-lr-15{
    margin: 0 15px !important;
}


.ahorratiempo{
    padding: 50px 30px 0px;
}

.at_titulo{
    color: #FFF;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
}

.at_subtitulo{
    color: #FFF;
    font-size: 34px;
    line-height: 36px;
    font-weight: 300;    
}

.at_texto{
    color: #FFF;
    font-size: 24px;
    line-height: 26px;
    width: 80%;
}

.at_sep{
    height: 40px;
}

.at_image{
    width: 340px !important;
    height: auto !important;
}

.comodidad{
    font-size: 2.8rem !important;
    padding-top: 30px;
}

.comodidad_iconos{
    text-align: right;
}

.comodidad_titulos{
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}

.comodidad_textos{
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    padding-bottom: 35px;
    padding-right: 30px;
}

.com_img{
    width: 400px !important;
    height: auto !important;
}

.com_pc{
    width: 150px !important;
    height: auto !important;
    display: initial;
    margin-right: 50px;    
}

.com_calendar{
    width: 70px !important;
    height: auto !important;
    display: initial;
    margin-right: 50px;      
}

.com_reloj{
    width: 60px !important;
    height: auto !important;
    display: initial;
    margin-right: 50px;
}


.top{
    background-color: #F4F4F4;
    padding: 20px 0;
}

.banner_verde{
    font-family: Raleway,Montserrat,Roboto,"Helvetica Neue",Arial,sans-serif !important;       
    color: #25996A !important;
    
}

.banner_celeste{
    color: #FFFFFF !important;
    font-family: 'Barlow Condensed',"Helvetica Neue",Arial,sans-serif !important;
    font-weight: 600;
	line-height: 3.5rem;
}

.text_url{
    width: 480px !important;
    padding-top: 25px; 
}

.img_initial{
    display: initial !important;   
}

.top_logo_ali{
    text-align: left !important;  
}


/* RESPONSIVE */

@media (max-width: 767px) {

    .button_slide_green{
        font-size:1.2rem !important;
    }

    .button_slide_gray{
        font-size:1.2rem !important;
    }

    .tit_cursos, .tit_cursos span{
        font-size: 2.4rem !important;
    }

    .button_ins, .button_det{
        font-size: 1.4rem !important;
        margin: 20px 15px !important; 
    }

    .p-cursos{
        padding: 30px 25px !important;
    }

    .curso_diasemana{
        margin-left: 0 !important;
        line-height: 20px !important;
    }

    .curso_dia {
        margin-left: 0 !important;    
    }

    .curso_titulo{
        font-size: 20px !important;   
    }

    .curso_desc {
        font-size: 18px !important;   
        line-height: 20px !important; 
    }

    .curso_icono {
        margin-left: -15px !important; 
        padding-top: 0px !important;   
    }

    .division{
        margin: 15px 0px !important;  
    }

    .text_precio {
        font-size: 20px !important; 
    }

    .requisitos{
        padding: 20px !important; 
        margin: 15px !important; 
    }

    .req_icono {
        display: none !important; 
    }

    .req_texto {
        font-size: 18px !important; 
        line-height: 20px !important; 
        padding: 0 20px 15px !important; 
        font-weight: 500 !important;           
    }

    .obs_texto {

        font-size: 22px !important; 
        line-height: 26px !important; 
    }

    .observaciones {
        margin: 20px !important; 
    }

    .detalle {
        padding: 0 15px !important;
    }
    .det_plomo{
        padding: 20px;
        font-size: 22px;
        text-align: center;
        font-weight: 600 !important;           
    }


    .det_oscuro {
        padding: 25px;
        font-size: 40px;
    }

    .det_texto_big {
        font-size: 24px;
        line-height: 26px !important;       
        padding-bottom: 20px;
        font-weight: 600 !important;  
    }

    .det_texto_small {
        font-size: 20px;
        line-height: 22px !important; 
        padding-bottom: 10px;
        font-weight: 600 !important;          
    }    



    .ahorratiempo{
        padding: 30px 30px 0px !important;
    }

    .at_titulo{
        font-size: 32px;
        line-height: 34px;
    }

    .at_subtitulo{
        font-size: 30px;
        line-height: 32px;  
    }

    .at_texto{
        font-size: 22px;
        line-height: 24px;
        width: 100% !important;
        padding-bottom: 20px;
    }

    .at_sep{
        height: 25px !important;
    }

    .at_image{
        width: 100% !important;
        height: auto !important;
    }


    .comodidad{
        font-size: 1.8rem !important;
        line-height: 2rem !important;
    }



    .comodidad_iconos{
        text-align: center !important;
        padding: 20px 0 !important;
    }



    .comodidad_titulos{
        text-align: center !important;    
        font-size: 22px;
    }

    .comodidad_textos{
        text-align: center !important;        
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 25px !important;  
        padding-right: 0px !important;  
    }

    .com_pc, .com_calendar, .com_reloj{
            margin-right: 0px !important;  
    }


    .com_img{
        width: 100% !important;
        height: auto !important;
        padding-bottom: 15px !important;
    }

    .text_url{
        display: none !important;
    }

    .top_logo_ali{
        text-align: center !important;
        max-width: 100% !important;  
    }

    .background-m{
        background-image: url(../img/banner.png) !important;    
        background-position-x: 55% !important;  
    }  

    .logos_mob{
        display: none !important;
    }



}