@font-face { font-family:'Akzidenz-Grotesk Pro'; src:url('../fonts/videoask/AkzidenzGroteskPro-Regular.woff2') format('woff2'), url('../fonts/videoask/AkzidenzGroteskPro-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Akzidenz-Grotesk Pro Med'; src:url('../fonts/videoask/AkzidenzGroteskPro-Md.woff2') format('woff2'), url('../fonts/videoask/AkzidenzGroteskPro-Md.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Akzidenz-Grotesk Pro'; src:url('../fonts/videoask/AkzidenzGroteskPro-Bold.woff2') format('woff2'), url('../fonts/videoask/AkzidenzGroteskPro-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'Abadi MT Pro'; src:url('../fonts/videoask/AbadiMTPro-CondBold.woff2') format('woff2'), url('../fonts/videoask/AbadiMTPro-CondBold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }

body { line-height:1.4; max-width:100%; overflow-x:hidden; font-family:'Akzidenz-Grotesk Pro'; font-weight:400; scroll-behavior:auto; }
#videoask-intro { position:relative; width:120%; left:50%; transform:translateX(-50%); z-index:3; background:#0062FF; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius: 50% 20%; border-bottom-right-radius: 50% 20%; overflow:hidden; }
#videoask-intro:before { position:absolute; left:47.5%; top:50%; right:0; transform:translateY(-50%); height:150%; content:''; border-radius:50% 0 0 50%; z-index:0; background:#D9E7FF url('../img/videoask/bg-textura.png') no-repeat center center; background-size:100% auto; }
#videoask-intro:after { position:absolute; left:60%; top:0%; transform:translateY(-70%); width:280px; height:280px; content:''; z-index:0; background:url('../img/videoask/intro-adorno-3.svg') repeat right bottom; background-size:cover; }
#videoask-intro .container { position:relative; padding-top:8rem; padding-bottom:8rem; }
#videoask-intro .container:before { position:absolute; right:75%; bottom:52%; width:730px; height:730px; border-radius:50%; content:''; z-index:0; opacity:.35; background:url('../img/videoask/intro-adorno-1.svg') repeat right bottom; background-size:400px; }
#videoask-intro .container:after { position:absolute; right:0; bottom:0; transform:translate(70px, -20px); width:400px; height:400px; content:''; z-index:0; background:url('../img/videoask/intro-adorno-3.svg') repeat right bottom; background-size:cover; z-index:0; }
#videoask-intro .container > .row { position:relative; z-index:2; }
#videoask-intro .intro-boton { width:87%; }

h1 { font-size:48px !important; line-height:1.2 !important; }
h1, h1 b { font-family: "atc_duelv8"!important; }
h1 b { display:inline-block; line-height:1 !important; color:#29E72E; background:#0E1F43; padding:0 1rem; }
h2 { font-size:32px !important; line-height:1.4 !important; text-transform:none; }
h2 span { display:inline-block; color:#29E72E; background:#0E1F43; padding:0 .5rem; }

#menu-categorias { position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:6; }
#menu-categorias ul { position:relative; list-style:none; margin:0; padding:12px 8px; background:#FFF; border-radius:50px; }
#menu-categorias ul:before { position:absolute; left:50%; top:25px; bottom:25px; transform:translateX(-50%); width:8px; content:''; background:#29E72E; z-index:0; }
#menu-categorias ul li { position:relative; display:block; margin-bottom:10px; z-index:1; font-family: "atc_duelv8"!important; }
#menu-categorias ul li:last-child { margin-bottom:0; }
#menu-categorias ul li a { display:block; width:40px; height:40px; border-radius:50%; padding:6px; background:rgba(0,98,255,.2); color:#FFF; }
#menu-categorias ul li a span { display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:#291FA9; border-radius:50%; }
#menu-categorias ul li a.active { color:#29E72E; }

.video-block { position:relative; z-index:3; margin-bottom:0;  }
.video-block-pos { position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; border-radius:2rem; }
.video-block-pos img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; }
.video-play { cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100px; height:100px; text-align:center; border-radius:50%; color:black; background:white; opacity:.8; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); transition:all 0.4s ease-in-out; }
.video-play .fa { font-size:40px; line-height:100px; transform:translateX(5px); }
.video-play:hover { opacity:1; }

.video-block.video-iframe-container { position:relative; height:0; padding-bottom:56.25%; overflow:hidden; border-radius:2rem; }
iframe.responsive-iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#videoask-intro2 { position:relative; z-index:1; padding-top:5rem; background:#291FA8;  margin-top:-100px; overflow:hidden; }
#videoask-intro2:before { position:absolute; top:0; right:100%; width:300px; height:300px; transform:translate(170px, -20%); opacity:1; content:''; background:url('../img/videoask/intro2-adorno-1.svg') no-repeat; background-size:cover; z-index:0; }
#videoask-intro2:after { position:absolute; top:50%; left:100%; width:500px; height:500px; transform:translate(-200px, -50%); opacity:1; content:''; background:url('../img/videoask/intro2-adorno-2.svg') no-repeat; background-size:cover; z-index:0; }
#videoask-intro2 .container { padding-bottom:4rem; }
#videoask-intro2 p { margin-bottom:0; }
#videoask-intro2 p strong { font-size:1.2rem; color:#29E72E; }

#categorias .videoask { position:relative; }
#categorias .videoask:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url('../img/videoask/bg-textura.png') no-repeat center center; background-size:120% auto; z-index:0; opacity:.3; }
#categorias .videoask .container { position:relative; z-index:5; }
#categorias .videoask .tab-content { padding-right:12.5%; }
/*
#categorias .videoask:before { position:absolute; left:75%; top:0; width:25%; height:100%; content:''; opacity:.25; background:url('../img/videoask/videoask-adornos.png') repeat center top; background-size:100px; z-index:0; }
#categorias .videoask:nth-child(odd):before { left:auto; right:75%; }
#categorias .videoask.bg-darkblue:before { filter: brightness(0) invert(1); }
*/

#categorias .videoask:nth-child(even) .row-videoask { flex-direction:row-reverse; }
#categorias .videoask:nth-child(even) .tab-content { padding-left:12.5%; padding-right:0; }

/* Section - FAQ */
.icon-toggle { margin-top:20px; }
.icon-toggle a i { transition:all 0.4s ease-in-out; width:50px; text-align:center; color:white; position:relative; top:0px; }
.icon-toggle a i:hover { color:white; transition:all 0.4s ease-in-out; cursor:pointer; }
.icon-toggle a[aria-expanded="true"] i { transform:rotate(180deg); color:white; transition:all 0.4s ease-in-out; }

.videoask-wrap { position:relative; height:0; padding-bottom:125%; padding-bottom:580px; border-radius:2rem; background:#FFF; }
.videoask-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0px none; background:#0E1F43; border-radius:2rem; border:5px solid #0062FF; }

#videoask-intro .video-block:before { position:absolute; left:-5%; top:50%; width:100%; height:160%; transform:translateY(-50%); content:''; background:url('../img/videoask/intro-video-adorno.svg') no-repeat center; background-size:auto 100%; z-index:0; }

/*#videoask-intro .videoask-wrap:before { position:absolute; right:0; top:-15px; width:40%; height:50%; content:''; background:#803780; border-top-right-radius:2rem; z-index:0; }*/
#videoask-intro .videoask-wrap:before { position:absolute; right:0; top:-8px; width:100%; height:100%; content:''; background:url('../img/videoask/intro-video-esquina.svg') no-repeat right top; background-size:60%; z-index:0; }
#videoask-intro .videoask-wrap iframe { border:15px solid #803780; z-index:3; }

@media screen and (max-width:767.98px) {
  .videoask-wrap { padding-bottom:150%; padding-bottom:580px; border-radius:0; background:transparent; }
}

.videoask.bg-blue, .videoask.bg-blue a, .videoask.bg-darkblue, .videoask.bg-darkblue a { color:#FFF; }
.videoask h3 { font-size:2rem !important; }
.videoask h3, .videoask h3 b { font-weight:normal; font-family:"Abadi MT Pro" !important; border-radius:20px; }
.videoask.bg-blue h3, .videoask h3 b { display: inline-block; color: #29E72E; background: #0E1F43; padding: 0 0.5rem; }
.videoask.bg-blue h3, .videoask.bg-white h3 b, .videoask.bg-darkblue h3 b { color:#0E1F43; background:#29E72E; }
.videoask.bg-green h3 b { color:#FFF; background:#0E1F43; }

.categoria-header { margin-bottom:2rem; }
.categoria-header p { font-size:90%; }

.nav-pills { display:inline-block; margin-right:auto; }
.nav-pills .nav-item { display:block; font-size:90%; margin:.25rem 0; }
.nav-pills .nav-link { position:relative; display:inline-block; text-decoration: none; margin:0; padding:0 0 0 26px !important; }
.nav-pills .nav-link:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; content:''; background:url('../img/videoask/play-darkblue.svg') no-repeat center center; background-size:100%; z-index:0; }
.videoask.bg-blue .nav-pills .nav-link:before { background-image:url('../img/videoask/play-white.svg') } 
.videoask.bg-darkblue .nav-pills .nav-link:before { background-image:url('../img/videoask/play-blue.svg') } 
.nav-pills .nav-link strong { display:block; padding: 0.25rem 1rem !important; border-radius:20px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background:transparent !important; } 
.nav-pills .nav-link.active strong, .nav-pills .show>.nav-link strong { background:#007bff !important; } 
.videoask.bg-blue .nav-pills .nav-link.active strong, .videoask.bg-blue .nav-pills .show>.nav-link strong { color:#FFF;  background:#007bff !important; }
.videoask.bg-green .nav-pills .nav-link.active strong, .videoask.bg-green .nav-pills .show>.nav-link strong,
.videoask.bg-darkblue .nav-pills .nav-link.active strong, .videoask.bg-darkblue .nav-pills .show>.nav-link strong { color:#0E1F43;  background:#D9E7FF !important; }
.nav-pills li:first-child { display:none; }


.nav-pills .carrera .nav-link { display:block; }
.nav-pills .carrera .nav-link strong { position:relative; padding-right:3.5rem !important; }
.nav-pills .carrera .nav-link strong img { position:absolute; right:1rem; top:50%; transform:translateY(-50%); max-width:24px; max-height:24px; filter: invert(9%) sepia(86%) saturate(1210%) hue-rotate(197deg) brightness(91%) contrast(97%); }

.nav-pills .carrera .nav-link.active strong img { filter:brightness(0) invert(1); }
.nav-pills .carrera.administracion .nav-link.active strong { background:#1b8048 !important; }
.nav-pills .carrera.contabilidad .nav-link.active strong { background:#aa4726 !important; }
.nav-pills .carrera.derecho .nav-link.active strong { background:#248097 !important; }
.nav-pills .carrera.economia .nav-link.active strong { background:#d38020 !important; }
.nav-pills .carrera.finanzas .nav-link.active strong { background:#291fa9 !important; }
.nav-pills .carrera.ingenieria-empresarial .nav-link.active strong { background:#803780 !important; }
.nav-pills .carrera.ingenieria-informacion .nav-link.active strong { background:#048588 !important; }
.nav-pills .carrera.marketing .nav-link.active strong { background:#978000 !important; }
.nav-pills .carrera.negocios-internacionales .nav-link.active strong { background:#3e2680 !important; }

.videoask#section-1 { color:#0E1F43; background:#D9E7FF; }
.videoask#section-1 a { color:#0E1F43; }
.videoask#section-1 .nav-pills .nav-link:before { background-image: url(../img/videoask/play-blue.svg); }
.videoask#section-1 h3 { color:#29E72E; background:#291FA9; padding: 0 3rem; }
.videoask#section-1 .videoask-wrap:before { position:absolute; left:-30%; top:0; width:149%; height:100%; content:''; background:url('../img/videoask/section-1-video-adorno.svg') no-repeat center; background-size:100% auto; z-index:0; }

.videoask#section-2 { color:#FFF; background:#248097 !important; }
.videoask#section-2:after { position:absolute; top:100%; right:100%; width:500px; height:500px; transform:translate(250px, -50%); opacity:1; content:''; background:url('../img/videoask/section-2-adorno.svg') no-repeat; background-size:cover; z-index:0; }
.videoask#section-2 a { color:#FFF; }
.videoask#section-2 .nav-pills .nav-link:before { background-image: url(../img/videoask/play-blue.svg); }
.videoask#section-2 .nav-pills .nav-link.active strong, .videoask#section-2 .nav-pills .show>.nav-link strong { color:#FFF; background:#291FA9 !important; }
.videoask#section-2 h3 { padding-left:.75rem; }
.videoask#section-2 h3 b { color:#FFFF; background:#291FA9; padding:0 .75rem; margin-left:-.75rem; }
.videoask#section-2 .videoask-wrap:before { position:absolute; left:-17%; top:-15%; width:146%; height:100%; content:''; background:url('../img/videoask/section-2-video-adorno.svg') no-repeat center; background-size:100% auto; z-index:0; }

.videoask#section-3 { color:#FFF; background:#3E2680 !important; }
.videoask#section-3 a { color:#FFF; }
.videoask#section-3 .nav-pills .nav-link:before { background-image: url(../img/videoask/play-blue.svg); }
.videoask#section-3 .nav-pills .nav-link.active strong, .videoask#section-3 .nav-pills .show>.nav-link strong { color:#FFF; background:#248097 !important; }
.videoask#section-3 h3 { padding-left:.75rem; }
.videoask#section-3 h3 b { color:#FFFF; background:#248097; padding:0 .75rem; margin-left:-.75rem; }
.videoask#section-3 .videoask-wrap:before { position:absolute; left:-39%; top:-10%; width:122%; height:118%; content:''; background:url('../img/videoask/section-3-video-adorno.svg') no-repeat center; background-size:100% auto; z-index:0; }

.videoask#section-4 { color:#FFF; background:#0062FF !important; }
.videoask#section-4:after { position:absolute; top:50%; right:100%; width:400px; height:400px; transform:translate(150px, -50%); opacity:1; content:''; background:url('../img/videoask/admision-adorno.svg') no-repeat; background-size:cover; z-index:0; }
.videoask#section-4 a { color:#FFF; }
.videoask#section-4 .nav-pills .nav-link:before { background-image: url(../img/videoask/play-darkblue.svg); }
.videoask#section-4 .nav-pills .nav-link.active strong, .videoask#section-4 .nav-pills .show>.nav-link strong { color:#0E1F43; background:#29E72E !important; }
.videoask#section-4 h3 { padding-left:.75rem; }
.videoask#section-4 h3 b { color:#0E1F43; background:#29E72E; padding:0 .75rem; margin-left:-.75rem; }
.videoask#section-4 .videoask-wrap iframe { border-color:#000; }
.videoask#section-4 .videoask-wrap:before { position:absolute; left:-16%; width:153%; height:100%; content:''; background:url('../img/videoask/section-4-video-adorno.svg') no-repeat center; background-size:100% auto; z-index:0; }

.videoask#section-5 { color:#FFF; background:#803780 !important; }
.videoask#section-5:after { position:absolute; top:50%; left:100%; width:400px; height:400px; transform:translate(-150px, -50%); opacity:1; content:''; background:url('../img/videoask/admision-adorno.svg') no-repeat; background-size:cover; z-index:0; }
.videoask#section-5 a { color:#FFF; }
.videoask#section-5 .nav-pills .nav-link:before { background-image: url(../img/videoask/play-blue.svg); }
.videoask#section-5 .nav-pills .nav-link.active strong, .videoask#section-5 .nav-pills .show>.nav-link strong { color:#0E1F43; background:#29E72E !important; }
.videoask#section-5 h3 b { color:#0E1F43; background:#29E72E; padding: 0 3rem; }
.videoask#section-5 .videoask-wrap iframe { border-color:#29E72E; }
.videoask#section-5 .videoask-wrap:before { position:absolute; left:-30%; width:140%; height:100%; content:''; background:url('../img/videoask/section-5-video-adorno.svg') no-repeat center; background-size:100% auto; z-index:0; }

#contacto { background:#291FA9; }
#contacto h2 { font-size:2rem !important; font-weight:normal; font-family:"Abadi MT Pro" !important; }

@media (max-width:991.98px) {
  .hamburger { display:none !important; }

  #videoask-intro { width:100%; border-radius:0; background:#D9E7FF url(../img/videoask/bg-textura.png) no-repeat center center; background-size:200% auto; }
  #videoask-intro:before { left:50%; top:0; width:120%; height:60%; transform:translateX(-50%); background:#0062FF; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:50% 10%; border-bottom-right-radius:50% 10%; }
  #videoask-intro:after { right:60%; left:auto; transform:translateY(-50%); width:400px; height:400px; }
  #videoask-intro .container:after { width:300px; height:300px; transform:translate(70px, 0); }
  #videoask-intro .container:before { display:none; }

  #videoask-intro .video-block { padding:0 2rem; }
  #videoask-intro .video-block:before { display:none; }
  #videoask-intro .videoask-wrap iframe { border-width:10px; }
  #videoask-intro .videoask-wrap:before { top:-5px; }
  #videoask-intro .videoask-wrap:after { position:absolute; left:-12px; top:50%; transform:translateY(-50%); width:52px; height:126px; content:''; background:#29E62E; border-radius:1rem; z-index:0; }  
  #videoask-intro .intro-boton { margin-bottom:2rem; }

  #menu-categorias { top:auto; left:50%; right:auto; bottom:-60px; transform:translateX(-50%); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
  .fixed-soc #menu-categorias { bottom:10px; }
  #menu-categorias ul:before { top:50%; left:25px; bottom:auto; right:25px; transform:translateY(-50%); width:auto; height:8px; }
  #menu-categorias ul { display:inline-flex; align-items:center; justify-content:center; margin:0 auto; padding:8px; background:rgba(255,255,255,1); }
  #menu-categorias ul li { margin:0 10px 0 0; }
  #menu-categorias ul li:last-child { margin-right:0; }
  #menu-categorias ul li a { display:block; width:40px; height:40px; border-radius:50%; padding:6px; background:rgba(0,98,255,.2); color:#FFF; }
  #menu-categorias ul li a span { display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:#291FA9; border-radius:50%; }
  #menu-categorias ul li a.active { color:#29E72E; }

  .videoask#section-2 h3, .videoask#section-3 h3, .videoask#section-4 h3 { padding-left:0; }
  #categorias .videoask .tab-content { padding:0 0 !important; }
  #categorias .videoask .tab-content > .tab-pane { margin:0 -20px; }
  #categorias .videoask .nav-pills { display:block; }

  .videoask#section-2 .videoask-wrap:before { top:0; }

  .copyright { margin-bottom:4rem; }
}

@media (min-width: 575px) and (max-width: 991.98px) {
  #categorias .container { max-width:70%; }
}

@media (max-width:767.98px) { 
  body { font-size:18px; }

  .videoask-wrap { padding-bottom:140% !important; padding-bottom:580px !important; }

  #videoask-intro2 { text-align:center; }
  #videoask-intro2 img { padding-right:10%; }

  #categorias .container { padding-left:2rem; padding-right:2rem; }
  #categorias .videoask:before { background-size:200% auto; }
  #categorias .videoask .nav-pills .nav-link { width:98%; }
}

@media (max-width:575.98px) { 
  body { font-size:16px; }

  .no-home { padding-top:72px !important; }
  .navbar { padding:.75rem 1rem!important}
  .navbar-brand img { height:48px !important; }

  #videoask-intro2 p strong { font-size:1.1rem; }

  .videoask#section-2:after, .videoask#section-4:after { display:none; }

  .videoask h3, #contacto h2 { font-size:1.75rem !important; }
  #contacto h2 { line-height:1.2; }
  .categoria-header { text-align:center; }
  .categoria-header p { font-size:95%; line-height:1.3; }
}

#videoask { padding-top:0 !important; }
#videoask header { top:-116px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#videoask header.menu-general { top:-152px; }
#videoask-intro .container { padding-top:4rem; padding-bottom:5rem; }
#videoask-intro .container:before { top:52%; bottom:auto; }
#videoask-intro .navbar-brand { position:absolute; left:15px; top:1.5rem; z-index:2; }
#videoask-intro .logo-vlog { margin:3rem 0; }
#videoask-intro .videoask-wrap { padding-bottom:580px !important; }

.fixed#videoask header, .fixed#videoask header.menu-general { top:0; }

@media (max-width: 991.98px){
  #videoask-intro:after { left:60%; right:auto; transform:translateY(-50%); }
  #videoask-intro .video-block { padding:0 .5rem; }
}

@media (max-width:575.98px) {
  #videoask-intro .navbar-brand { left:50%; transform:translateX(-50%); margin-right:0; }
  #videoask-intro .navbar-brand img { height:58px !important; }
  #videoask-intro .logo-vlog { margin:4rem 0 1.5rem; }
}

.nav-pills .nav-item-conversar { padding-top:1rem; }
.nav-pills .nav-item-conversar .nav-link:before { background:#29E72E !important; border-radius:50%; content:'\f075'; font:normal 14px/24px FontAwesome; color:#291FA9; text-align:center; }