/*
Theme Name: Idiomas UDEP
Description: Tema personalizado para Landing Pages del Centro de Idiomas de la UDEP.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i,700,700i,800,800i');

body, html { width:100%; height:100%; }
body { font-family:'Montserrat', sans-serif; font-size:14px; line-height:1.42857; color:#7d7d7d; }

* { outline:0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  }
a { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a, a:hover, a:active, a:focus { text-decoration:none; outline:none; }
a[href^=tel] { color:inherit; }
button:focus { outline:0; }

::-moz-selection { color:#fff; background:#212529; text-shadow:none; }
::selection { color:#fff; background:#212529; text-shadow:none; }
img::selection { color:#fff; background:transparent; }
img::-moz-selection { color:#fff; background:transparent; }

.mobile { display:none; }

hr { width:50%; height:5px; border:0px none; }

button, input, optgroup, select, textarea { margin-bottom:1rem; padding:.25rem .5rem; }
select.form-control:not([size]):not([multiple]) { height:auto; }

.nowrap { white-space:nowrap; font-style:normal; }

.btn { color:#FFF; border:0px none; border-radius:0; }

.bg-gris { background-color:#303030; }
.bg-azul { background-color:#003E72; }
.bg-naranja { background-color:#FF820E; }

.social { list-style:none; margin:0; padding:0; }
.social li { display:inline-block; font-size:0; }
.social li a { color:#FFF; padding:0 5px; }
.social li a:hover { color:#FF820E; }
.social li i { font-size:24px; }

.navbar { background:#003E72; padding:1rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.navbar .container { position:relative; }
.navbar-brand { font-size:0; padding:0; }
/*.navbar-brand img { width:auto; height:50px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }*/
.navbar-brand img {width: 440px;height: 60px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }

.navbar-menu { position:relative; font-size:20px; color:#FF820E; line-height:1; }
.navbar-menu strong { font-size:30px; } 

.navbar.fixed { background-color:#222; }
.navbar.fixed .navbar-brand img { height:40px; }


header { position:relative; color:#FFF; background:#999 url('img/intro-bg.jpg') no-repeat 50% 50%; background-size:cover; }
header .adorno { position:absolute; z-index:0; height:auto; }
header .adorno.tl, header .adorno.bl { left:0; }
header .adorno.tr, header .adorno.br { right:0; }
header .adorno.bl, header .adorno.br { bottom:0; }
header .adorno.tl { top:30px; width:118px; }
header .adorno.tr { top:60px; width:81px; }
header .adorno.bl { width:376px; }
header .adorno.br { width:432px; }
header > .container { padding-top:100px; padding-bottom:100px; }
header h1 { line-height:1; }
header h1 span { font-weight:800; font-size:110%; }
header p { font-size:16px; }

.form-wrap { background:rgba(0,62,114,0.8); padding:20px; }
form a { color:#FFF; text-decoration:underline; }
form legend { text-align:center; }
.form-control { margin-bottom:0; border-color:transparent; border-radius:0; }
.form-check-input { margin-top:.2rem; margin-left:0; }
.form-check-label { font-size:13px; padding-left:1.25em; }
.wpcf7-form-control-wrap.interes { display:block; width:100%; overflow:hidden; background:#FFFFFF url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20d%3D%22M4.33%208.5L0%201L8.66%201z%22%20fill%3D%22%23003E72%22%2F%3E%3C%2Fsvg%3E') right 13px top 14px no-repeat; }
.wpcf7-form-control-wrap.interes select { display:block; border:none; width: 100%; padding:.375rem .75rem; font-size:1rem; line-height:1.5; color: #495057; background:transparent; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; outline:none; text-indent: 0.01px; text-overflow:ellipsis; }

span.wpcf7-list-item { margin:0 !important; }
span.wpcf7-not-valid-tip { font-size:.9em !important; text-align:left !important; padding-top:2px; }
div.wpcf7-response-output { display:none !important; }
.wpcf7-not-valid.form-control { border-bottom-color:#F00; }

section { position:relative; }
section .container-fluid { padding-left:0; padding-right:0; }
section > .container, section > .container-fluid { padding-top:3rem; padding-bottom:3rem; }
section.diagonal > .container, section.diagonal > .container-fluid { padding-bottom:13rem; }

.container-fluid .row { margin:0; }

.section-header { background:#003E72; padding:15px 0; }
.section-header h2 { color:#FFF; margin:0; }

.accordionv { display:none; }

.accordion { width:100%; height:430px; overflow:hidden; background:url('img/certificados-bg.jpg') no-repeat 50% 50%; background-size:cover; }
.accordion ul { width:100%; display:table; table-layout:fixed; margin:0; padding:0; }
.accordion ul li { display:table-cell; vertical-align:bottom; position:relative; width:16.666%; height:430px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 500ms ease; border-right:5px solid #FFF; }
.accordion ul li:last-child { border-right:0 none; }
.accordion ul:hover li { width:8%; }
.accordion ul:hover li:hover { width:60%; }

.accordion ul li { overflow:hidden; }
.accordion ul li:after { clear:both; content:''; display:table; }
.title, .content { float:left; display:inline-block; height:100%; transition:all 500ms ease; }
.title { width:100%; color:#FFF; padding:20px; }
.title h2 { font-size:3rem; font-weight:600; margin-top:280px; margin-bottom:0; }
.single .title h2 { margin-top:322px; }
.title h2 span { display:block; font-size:2.5rem; line-height:0.8; }
#certificados .title h2 i { display:none; font-style:normal; }

.content { position:relative; width:0%; background:#FFF; opacity:0; padding:30px; }
.content .cabecera { vertical-align:top; margin-bottom:1.5rem; }
.content .cabecera img { display:inline-block; vertical-align:top; }
.content .cabecera img:first-child { height:90px; margin-right:20px; }
.content .cabecera img:last-child { height:40px; }
.content .descripcion { color:#224070; margin-bottom:1.5rem; }
.content:after { clear:both; content:''; display:table; }
.content a { color:inherit; }
.content a.colored { color:#80C1E6; text-decoration:underline; }
.content a.colored:hover { text-decoration:none; }

.content-left { float:left; width:75%; }
.content-left .icono { position:relative; margin-bottom:20px; padding-left:38px; background-repeat:no-repeat; background-position:top left; background-size:auto 30px; }
.content-left .icono p { font-size:12px; margin:0;  }
.content-left .icono.horario { background-image:url('img/icono-hora.png'); }
.content-left .icono.examen { background-image:url('img/icono-examen.png'); }
.content-left .icono.fecha { background-image:url('img/icono-fecha.png'); }
.content-left .icono.direccion { background-image:url('img/icono-direccion.png'); }
.content-left .icono.correo { background-image:url('img/icono-correo.png'); }
.content-left .icono.correo a:hover { color:#80C1E6; }
.content-left .icono.fecha:after { clear:both; display:table; content:''; }
.content-left .icono.fecha > div { float:left; display:inline-block; }
.content-left .icono.fecha > div.web { margin-right:10px; padding-right:10px; border-right:1px solid #727176; }
.content-left .icono.fecha > div.examen { margin-left:10px; padding-left:10px; border-left:1px solid #727176; }

.content-left .inscripciones:after { clear:both; display:table; content:''; }
.content-left .inscripciones > div { float:left; display:inline-block; }
.content-left .inscripciones > div.fecha { margin-right:25px; }

.content-left .contacto:after { clear:both; display:table; content:''; }
.content-left .contacto > div { float:left; display:inline-block; }
.content-left .contacto > div.direccion { margin-right:15px; }

.content-right { float:right; width:25%; text-align:right; }
.content-right .inicio { display:inline-block; color:#76a8c6; text-align:center; margin:0 0 0 auto; }
.content-right .inicio h3 { font-weight:600; font-size:1.25rem; line-height:1; text-transform:uppercase; text-align:center; white-space:nowrap; }
.content-right .inicio h3 span { display:block; font-size:150%; color:#224070; }
.content-right .inicio h4 { display:inline-block; position:relative; font-weight:800; font-size:6rem; line-height:1; text-transform:uppercase; margin:-15px 0 0; }
.content-right .inicio h4 span.num { display:inline-block; font-size:8rem; font-weight:bold; font-family:Arial,sans-serif; color:#76A8C6; vertical-align:top; overflow:hidden; }
.content-right .inicio h4 span.num2 { position:relative; }
.content-right .inicio h4 i { position:absolute; right:0; bottom:15px; width:100%; font-style:normal; font-weight:600; font-size:1.75rem; text-align:center; color:#224070; background:#FFF; }
.content-right .costo { margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #515151; }
.content-right .costo i { display:inline-block; font-style:normal; font-size:60%; line-height:1.1; vertical-align:middle; }
.content-right .costo small { display:block; font-size:60%; line-height:1.1; }
.content-right .nota small { display:block; line-height:1.1; }
.content-right .btn { color:#FFF; padding-left:1.25rem; padding-right:1.25rem; }
.content-right .btn:hover { color:#FFF; background:#76A8C6; }

.accordion ul:hover li:hover .title { width:16%; text-align:center; }
.accordion ul:hover li .title h2 {  /* Safari */ -webkit-transform:rotate(-90deg); /* Firefox */ -moz-transform:rotate(-90deg); /* IE */ -ms-transform:rotate(-90deg); /* Opera */ -o-transform:rotate(-90deg); /* Internet Explorer */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.accordion ul:hover li .title h2 { margin-top:260px; }
.accordion ul:hover li.single .title h2 { margin-top:260px; }
#certificados .accordion ul:hover li .title h2 i { display:inline-block; }
.accordion ul:hover li .title h2 span { display:none; }
.accordion ul:hover li:hover .content { width:84%; opacity:1; }

#programas .accordion ul:hover li { width:20%; }
#programas .accordion ul:hover li:hover { width:80%; }
#programas .accordion { position:relative; background:none; }
#programas .accordion:before { position:absolute; left:0; top:0; width:50%; height:100%; content:''; background:url('img/programa-cursos.jpg') no-repeat 0 0; background-size:cover; z-index:0; }
#programas .accordion:after { position:absolute; right:0; top:0; width:50%; height:100%; content:''; background:url('img/programa-crash.jpg') no-repeat 0 0; background-size:cover; z-index:-1; }
#programas .accordion ul { position:relative; }
#programas .accordion ul li { position:relative; border:0px none; vertical-align:top; }
#programas .accordion ul li:before { position:absolute; left:0; top:0; right:0; bottom:0; content:''; }
#programas .accordion ul li:first-child:before { background:rgba(80,178,211,0.8); }
#programas .accordion ul li:last-child:before { background:rgba(254,137,11,0.8); }
#programas .accordion ul li:after { position:absolute; top:230px; width:29px; height:50px; content:''; background-repeat:no-repeat; background-position:0 0; background-size:cover; z-index:999; }
#programas .accordion ul li:first-child:after { right:30px; background-image:url('img/programas-flecha-der.png'); }
#programas .accordion ul li:last-child:after { left:30px; background-image:url('img/programas-flecha-izq.png'); }
#programas .accordion ul li > div { position:relative; }
#programas .accordion ul:hover li:hover .title, #programas .accordion ul:hover li:hover:after { opacity:0; }
#programas .accordion ul:hover li:first-child:hover:before { opacity:0; }
#programas .accordion ul:hover li:last-child:hover:before { opacity:0; }


#programas .title { opacity:0;  }
#programas .title h2 { display:inline-block; font-size:4rem; line-height:.9; border-bottom:8px solid #FFF; margin:150px auto 0 0; padding-bottom:10px; }
#programas .title p { font-size:1.5rem; margin:0; }

#programas .accordion ul li .content h2 { display:inline-block; font-weight:700; font-size:3rem; color:#80C1E6; margin:0 auto 5px 0; padding-bottom:5px; border-bottom:6px solid #80C1E6; }
#programas .accordion ul li .content h2 br { display:none; }
#programas .accordion ul li:last-child .content h2 { color:#DC9B30; border-color:#DC9B30; }
#programas .accordion .content-left .icono.correo a:hover { color:#DC9B30; }
#programas .accordion ul li:last-child .content-right .inicio, #programas .accordion ul li:last-child .content-right .inicio h4 i.num { color:#DC9B30; }
#programas .accordion ul li:last-child .content-right .btn:hover { background:#DC9B30; }

#programas .accordion ul:hover li:hover .title { width:25%; text-align:left; }
#programas .accordion ul:hover li .title h2 { margin:0; padding-bottom:0; border:0 none;  /* Safari */ -webkit-transform:rotate(-90deg); /* Firefox */ -moz-transform:rotate(-90deg); /* IE */ -ms-transform:rotate(-90deg); /* Opera */ -o-transform:rotate(-90deg); /* Internet Explorer */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#programas .accordion ul:hover li .title p { display:none; }
#programas .accordion ul:hover li:hover .content { width:75%; opacity:1; }

/**/
#programas .title-abs { position:absolute !important; left:30px; top:0; color:#FFF; z-index:999; }
#programas .accordion ul li:last-child .title-abs { left:auto; right:30px; text-align:right; }
#programas .title-abs h2 { display:inline-block; font-weight:600;  font-size:4rem; line-height:.9; border-bottom:8px solid #FFF; margin:150px auto 0 0; padding-bottom:10px; }
#programas .title-abs h2 span { font-size:1.5rem; margin:0; }
#programas .title-abs p { font-size:1.5rem; margin:0; }

#programas .accordion ul:hover li .title-abs { top:150px; left:0; right:auto; /* Safari */ -webkit-transform:rotate(-90deg); /* Firefox */ -moz-transform:rotate(-90deg); /* IE */ -ms-transform:rotate(-90deg); /* Opera */ -o-transform:rotate(-90deg); /* Internet Explorer */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#programas .accordion ul:hover li .title-abs h2 { font-size:3.5rem; margin:0; padding:0; border:0 none; }
#programas .accordion ul:hover li:last-child .title-abs { top:180px; left:auto; right:0; /* Safari */ -webkit-transform:rotate(90deg); /* Firefox */ -moz-transform:rotate(90deg); /* IE */ -ms-transform:rotate(90deg); /* Opera */ -o-transform:rotate(-90deg); /* Internet Explorer */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#programas .accordion ul:hover li .title-abs p { display:none; }
#programas .accordion ul:hover li:hover .title-abs { opacity:0; }


@media screen and (max-width:600px){
  .accordion { height:auto; }
  .accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { position:relative; display:table; table-layout:fixed; width:100%; -webkit-transition:none; transition:none; }
}

#caracteristicas { color:#003E72; }
.caracteristica img { /*width:80px;*/ height:auto; max-width:100%}
#caracteristicas h3, #caracteristicas p { position:relative; top:50%; transform:translateY(-50%); }
#caracteristicas h3 strong { font-weight:600; }
/*.caracteristica-descripcion { position:relative; padding:20px; border:5px solid #55c2e8; border-radius:5px; }*/
.caracteristica-descripcion { position:relative; padding:20px; border:5px solid #fff; border-radius:5px;display: flex;justify-content: center;}
/*.caracteristica-descripcion:after { position:absolute; top:100%; left:50%; content:''; width:40px; height:40px; border:12px solid #FF820E; border-radius:100%; margin:-10px 0 0 -20px; z-index:1; }*/
.caracteristica-descripcion:after { position:absolute; top:100%; left:50%; content:''; width:40px; height:40px; border:12px solid #fff; border-radius:100%; margin:-10px 0 0 -20px; z-index:1; }
.caracteristica-descripcion p { font-size:16px; margin:0; } 

/*#blog { background-image:url('img/blog-adornos.png');  background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }*/

#inscribete { position:relative; background:url('img/inscribete-bg.jpg') no-repeat 50% 50%; background-size:cover; }
#inscribete:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(128,193,230,0.66); z-index:0; }

#inscribete .btn { font-weight:bold; font-size:3rem; color:#FFF; padding-left:30px; padding-right:30px; }
#inscribete .btn:hover { background:#FF820E; }

.post a { position:relative; display:block; color:#FFF; background-color:#003E72; padding:35px 15px 15px;  }
.post .post-img { height:400px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%; }
.post .post-meta { position:absolute; left:15px; top:10px; }
.post .post-title { position:absolute; left:30px; bottom:30px; right:30px; text-align:center; background:rgba(0,62,114,0.8); }
.post .post-title h3 { padding:10px; }

footer { color:#FFF; background-color:#303030; padding-top:25px; padding-bottom:25px; }
footer * { margin:0; }
footer a { color:#FFF; }
footer img { width:263px; height:auto; }
footer { font-size:13px; color:#b3b3b3; }

footer .direccion { padding:7px 15px 0 30px; }

footer p.copyright { font-size:1.15em; font-weight:normal; color:#FFF; margin-bottom:2px; }
footer p.address { line-height:1.42857; }
    
footer .social { margin-bottom:5px; }
footer .social li { font-size:0; margin-left:5px; }
footer .social li a { display:block; width:32px; height:32px; line-height:32px; text-align:center; background:#FFF; border-radius:100%; color:#303030; }
footer .social li i { font-size:22px; line-height:32px; }
footer .social li a:hover { color:#55c2e8; }
footer .web { font-size:22px; }
footer .web a:hover { color:#55c2e8; }

#tyc { display:none; max-width:800px; padding:30px; }
#tyc h2 { font-weight:700; color:#003E72; }

#ingles-horarios { display:none; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; background:#FFF; }
#ingles-horarios .pad { position:relative; width:100%; height:100%; padding:15px; }
#ingles-horarios .fa { position:absolute; right:15px; top:15px; font-size:24px; cursor:pointer; }
#ingles-horarios h3 { color:#003E72; }
#ingles-horarios .table .thead-dark th { background:#003E72; }
#ingles-horarios .table { font-size:12px; }
#ingles-horarios .table td, #ingles-horarios .table th { padding:5px; vertical-align:middle; }
#ingles-horarios .table thead th:last-child { text-align:center; }
#ingles-horarios .table tbody th { white-space:nowrap; }
#ingles-horarios .horas { white-space:nowrap; text-align:center; }

@media (max-width:1366px){ 
}

@media (min-width:1200px){ 
}

@media (min-width:1024px){ 
  #certificados .accordion .content-left .datos { float:none; width:100%; }
  #certificados .accordion .content-left .datos .descripcion { display:none; }
}


@media (max-width:1199.98px){ 

  .content-right .inicio h3 { font-size:1rem; }
  .content-right .inicio h4 span.num { font-size:6rem; }
  .content-right .inicio h4 i { bottom:12px; font-size:1.31rem; }
  .content-left .icono { margin-bottom:10px !important; }
  #programas .accordion ul li .content h2 { font-size:2.25rem; }

  .content .cabecera img:first-child { height:80px; }
  .content .cabecera img:last-child { height:32px; }

  footer { text-align:center;  }

}

@media (min-width:992px){ 
  footer .logo, footer .direccion { float:left; display:inline; }
}


@media (min-width:692px) and (max-width:1023px) { 

  .accordion .content-left .icono { margin-bottom:5px; padding-left:32px; background-position:left 2px; background-size:auto 24px; }

  #certificados .accordion, .accordion ul li { height:500px; }
  #certificados .title h2 { margin-top:360px; }
  #certificados .single .title h2 { margin-top:392px; }
  #certificados .accordion .content { padding:15px; }
  #certificados .accordion .content-left { width:100%; }
  #certificados .accordion .content-right { display:none; }

  #certificados .accordion .content .cabecera { margin-bottom:1rem; }
  #certificados .accordion .content .cabecera img:first-child { height:70px; margin:0; }
  #certificados .accordion .content .cabecera img:last-child { float:right; height:36px; }

  #certificados .accordion .content .descripcion { display:none; margin-bottom:1rem; }

  #certificados .accordion .content-left .datos { float:left; width:70%; }
  #certificados .accordion .content-left .datos .descripcion { display:block; }
  #certificados .accordion .content-left .inscripciones.mobile { display:block; }
  #certificados .accordion .content-left .inscripciones .nota br { display:none; }
  #certificados .accordion .content-left .content-right { display:inline-block; width:30%; }
  #certificados .accordion .content-left .content-right:after { clear:both; display:table; content:''; }

  #certificados .accordion .content-left .costo-duracion { float:left; max-width:65%; text-align:left; }
  #certificados .accordion .content-left .costo-duracion .costo { padding-bottom:5px; margin-bottom:3px; }
  #certificados .accordion .content-left .costo-duracion .duracion { margin-bottom:10px; }

}

@media (max-width:991.98px){ 
  header .adorno.tl { width:74px; }
  header .adorno.tr { width:50px; }
  header .adorno.bl { width:235px; }
  header .adorno.br { width:270px; }

  .accordion, .accordion ul li { height:460px; }
  
  .title h2 { font-size:2.25rem; margin:320px 0 0; }
  .single .title h2 { margin-top:352px; }
  .title h2 span { font-size:1.88rem; }
  .accordion ul:hover li .title h2 { margin-top:350px; }
  .accordion ul:hover li.single .title h2 { margin-top:340px; }

  .accordion ul:hover li:hover .title { width:12%; }
  .accordion ul:hover li:hover .content { width:88%; }
  #programas .accordion ul:hover li { width:16%; }
  #programas .accordion ul:hover li:hover { width:84%; }
  #programas .accordion ul:hover li:hover .title { width:20%;  }
  #programas .accordion ul:hover li:hover .content { width:80%; }
	
	
	
	
	

  .content .cabecera img:first-child { height:70px; }
  .content .cabecera img:last-child { height:24px; }

  footer { text-align:center; }
  footer .row, footer .row > div { display:block; } 
  footer .logo, footer .direccion { float:none; display:block; }
  footer .text-right { text-align:center !important; padding-top:2rem; }

}

@media (max-width:767.98px){ 
  .navbar, .navbar > .container-fluid { display:block; text-align:center; }
  .navbar-brand { margin:0; }

  header { text-align:center; }
  header:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.4); background:transparent; z-index:0; }
  header > .container { padding-top:60px; padding-bottom:60px; padding:0; }
  header > .container > .row { margin-left:0; margin-right:0; }
  header > .container > .row > div { padding-left:0; padding-right:0; }
  header .adorno { opacity:0.9; }
  header .adorno.tl { width:59px; }
  header .adorno.tr { width:40px; }
  header .adorno.bl { width:188px; }
  header .adorno.br { width:216px; }
  header .text-right { text-align:center !important; padding-top:5px; }
  header .btn { width:100%; }
  
  header .caption-overlay { position:relative; }
  header .caption-wrap { position:absolute; left:0; top:0; width:100%; height:100%; }

  .accordion { display:none; }
  .accordionv { display:block; overflow:hidden; }

  .accordionv .card { background:transparent; border:0px none; border-bottom:2px solid #FFF; border-radius:0; }
  .accordionv .card:last-child { border-bottom:0px none; }
  .accordionv .card-header { text-align:center; padding:0; background:transparent; border:0px none; }
  .accordionv .card-header a { position:relative; display:block; width:100%; height:100%; color:#FFF; }
  .accordionv .card-header a:before { opacity:0; }
  .accordionv .card-header a.collapsed:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:#000; opacity:0.3; z-index:0; }
  .accordionv .card-header h2 { position:relative; font-size:3rem; font-weight:600; margin:0; padding:10px; }
  .accordionv .content { width:100%; opacity:1; padding:30px; }

  #accordionp .card { border:0px none; }
  #accordionp .card:first-child .card-header { background:url('img/programa-cursos.jpg') no-repeat 0 0; background-size:cover; }
  #accordionp .card:last-child .card-header { background:url('img/programa-crash.jpg') no-repeat 0 0; background-size:cover; }
  #accordionp .card-header h2 { display:inline-block; line-height:.9; padding:30px 10px; }
  #accordionp .card-header h2 span { display:block; font-weight:400; font-size:1.25rem; border-top:3px solid #FFF; margin-top:5px; padding-top:5px; }

  #accordionp .card-header a { position:relative; display:block; width:100%; height:100%; color:#FFF; }
  #accordionp .card-header a:before { opacity:0; }
  #accordionp .card-header a.collapsed:before { opacity:0.8; }
  #accordionp .card:first-child .card-header a.collapsed:before { background:#50B2D3; }
  #accordionp .card:last-child .card-header a.collapsed:before { background:#FE890B; }
  #accordionp .content .cabecera { vertical-align:top; margin-bottom:1.5rem; }
  #accordionp .content .cabecera h2 { font-size:2.25rem; font-weight:600; color:#80C1E6; margin:0 auto 5px 0; padding-bottom:5px; border-bottom:6px solid #80C1E6; }
  #accordionp .card:last-child .content h2 { color:#DC9B30; border-color:#DC9B30; }
  #accordionp .card:last-child .content-right .inicio, #accordionp .card:last-child .content-right .inicio h4 span.num { color:#DC9B30; }

  #accordionv { background:url('img/certificados-bg.jpg') no-repeat 50% 50%; background-size:cover; }
  #accordionv .card-header a.collapsed:before { background:#000; opacity:0.3; }
  #accordionv .card:last-child .content { position:relative; }
  #accordionv .card:last-child .content:before { position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:#7d7d7d; }

  .caracteristica { margin-bottom:3rem; }
  .caracteristica-titulo.py-4 { padding-top:0 !important; }

  #blog { background-position:0 0; background-size:auto; }
  
  #blog .row .col-12{ margin-bottom:1rem !important;}	
  .post { margin-bottom:1.5rem; }
  .post .post-img { height:400px; background-size:cover; background-position-y: initial; }

  #inscribete .btn { font-size:2rem; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
  .container { max-width:100%; }
}

@media (max-width:575.98px){ 
  .mobile { display:block; }
  .h2, h2 { font-size:1.75rem; }

  .navbar { padding:.75rem; }
  .navbar-brand img { height:45px;width:auto; }

  header h1 { font-size:1.75rem; line-height:1.2; }
  header .btn { font-weight:600; padding:.5rem; }

  section > .container, section > .container-fluid { padding-top:3rem; padding-bottom:3rem; }
  .form-control { font-size:.9rem; }

  .accordionv .card-header h2 { font-size:2rem; }
  #accordionp .card-header h2 span { font-size:.9rem; line-height:1.1; }

  .accordionv .content { padding:15px; }
  .accordionv .content-left { width:100%; } 
  .accordionv .content-left .icono { margin-bottom:5px; padding-left:32px; background-position:left 2px; background-size:auto 24px; }

  #accordionp .content .cabecera { display:none; }
  .content .cabecera { margin-bottom:1rem; }
  .content .cabecera img:first-child { height:70px; margin:0; }
  .content .cabecera img:last-child { float:right; height:36px; }

  .content .descripcion { margin-bottom:1rem; }

  .accordionv .content-left .content-right { float:none; width:100%; }
  .accordionv .content-left .content-right:after { clear:both; display:table; content:''; }
  .accordionv .content-left .costo-duracion { float:left; max-width:65%; text-align:left; }
  .accordionv .content-left .costo-duracion .costo { padding-bottom:5px; margin-bottom:3px; }
  .accordionv .content-left .costo-duracion .duracion { margin-bottom:10px; }

  .content-left .icono.fecha > div { float:none; display:block; }
  .content-left .icono.fecha > div.web { display:block; margin-right:0; padding-right:0; border:0px none; } 

  .mobile .btn { width:100%; font-weight:600; color:#FFF; margin-top:15px; padding:.5rem; }
  #accordionv .mobile .btn { background:#FF820E; }

  .accordionv .content > .content-right { display:none; }

  #ingles-horarios h3 { font-size:1.1rem !important; }
  #ingles-horarios .table { font-size:11px; }

  .post a { padding:35px 5px 5px; }
  .post .post-img { height:300px; }
  .post .post-title { left:20px; bottom:20px; right:20px; }
  .post .post-title h3 { font-size:1rem; }

  footer { font-size:11px; }
  footer p { font-size:.9rem; }
  footer .direccion { padding:10px 10px 0; }
  footer .web { font-size:18px; } 
}

@media (max-width:320px){ 
  body { font-size:0.9rem; }

  header h1, legend.h2, .section-header h2 { font-size:1.5rem; }

  .accordionv .card-header h2 { font-size:2rem; }
  #accordionp .card-header h2 span { font-size:1rem; }
  .content .cabecera img:first-child { height:54px; }
  .content .cabecera img:last-child { height:28px; }

  .content-right .inicio h3 { font-size:.8rem; }
  .content-right .inicio h4 span.num { font-size:5rem; }
  #accordionp .content-left .costo-duracion { font-size:.8rem;  }

  #caracteristicas h3 { font-size:1.25rem; }
  .caracteristica-descripcion { padding:15px; }
  .caracteristica-descripcion p { font-size:14px; }

  #inscribete .btn { width:100%; padding-left:0; padding-right:0; }
}


#bg-img {
	background-color: #000;
	position: relative;
	height:auto;
	/*color: #fff;*/
	overflow: hidden;
}  

.bg-img__over {
	display: flex;
	flex-direction: column;
	/* align-items: end; */
	justify-content: center;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center !important;
}


@media (max-width:540px){ 
	/*.bg-img__over h2{
		font-size: 1rem;
	}*/
}


.fondo__img{
	background-color: #000;
	position: relative;
	height:auto;
	overflow: hidden;
}  

.fondo__contenido {
	display: flex;
	justify-content: center;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	align-items: center;
	text-align: center;
}

.cover-img{
	height: fit-content;
    object-fit: cover;
}

.caracteristica{
	margin-bottom: 4rem;
}