/**********Cargador*************/
.lds-ring { display: block; position: relative; width: 64px; height: 64px; margin: 0 auto; top: 40%; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes lds-ring {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
.layer-load { position: absolute; width: 100%; height: 100%; z-index: 9999; top: 0; background-color: rgba(0, 0, 0, .5); left: 0; bottom: 0; right: 0; }
#countimg { position: absolute; color: #FFF; text-align: center; width: 100%; top: 10px; }
.iinstruccion { font-size: .9em; color: #18a296; font-style: italic; display: inline-block; padding: .75rem; border: solid 3px #18a296; background-color: #FFF; border-radius: 25px; }
.iinstruccion:before { font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f06a"; color: #18a296; font-style: normal; font-size: 1.25em; padding-right: .25em; }
.btn-up { display: none; }
.btn-up i { font-size: 2em; cursor: pointer; }
.footer { background-color: #fff; background-image: url(../img/template/foot-bar.png); background-position-y: 21px; background-repeat: repeat-x; }
.asidemenu { position: fixed; left: 0; right: 0; margin: 0 auto; z-index: 5; display: none; z-index: 9999; }
.asidemenu.show { display: block; }
.no-scroll { overflow: hidden !important; }
.course-title { }

/* Icon 1 */
.animated-icon1, .animated-icon2, .animated-icon3 { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.animated-icon1 span { background: #FFF; }
.animated-icon1 span:nth-child(1) { top: 0px; }
.animated-icon1 span:nth-child(2) { top: 10px; }
.animated-icon1 span:nth-child(3) { top: 20px; }
.animated-icon1.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.animated-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
.animated-icon1.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.bg-azul { background-color: #bcdbdd; }
.bg-azul-2 { background-color: #d6dcea; }
.bg-morado { background-color: #f9d3d2; }
.bg-morado-2 { background-color: #f7eae2; }
.bg-dorado { background-color: #f7c79f; }
.bg-morazul { background-color: #1e428a; } 

/***************************/
html,body{min-height:100%; padding: 0 !important; margin: 0 !important;}
body,h1,h2,h3,h4,h5,h6{font-weight:inherit;font-family: 'Montserrat',sans-serif;}
p{
	font-family: 'Montserrat',sans-serif;
}
.sco { overflow: hidden; }
.sco ul { list-style-image: url(../img/template/bl1.png); }
.sco ul.blanco { list-style-image: url(../img/template/bl2.png); }
.fal.fa-hand-point-down { color: #742988; }
.far.fa-comment-exclamation { color: #00a98f; }
.fal.fa-microphone-alt { color: #3c6a8d; }
.far.fa-arrow-alt-square-right, .far.fa-arrow-alt-square-left { color: #960057; }
.btn__atras, .btn__siguiente, .btn__reload,.btn__menu {   box-shadow: none; }
.btn__atras i, .btn__siguiente i, .btn__reload i,.btn__menu i { color: #FFF !important;font-size: 1.35rem !important; }
.menu-items { padding-left: 1rem; }
.ayuda-btn { cursor: pointer; display: none; }
.ayuda-body { display: none; position: fixed; z-index: 9999; left: 0; right: 0; margin: 0 auto; background-color: rgba(0, 0, 0, .5); padding: 1.25rem; overflow: auto; }
.thenav { background: transparent; box-shadow: none; }
.thenav.morado { background: rgba(180, 76, 212, 1); background: -moz-linear-gradient(top, rgba(180, 76, 212, 1) 0%, rgba(115, 41, 136, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180, 76, 212, 1)), color-stop(100%, rgba(115, 41, 136, 1))); background: -webkit-linear-gradient(top, rgba(180, 76, 212, 1) 0%, rgba(115, 41, 136, 1) 100%); background: -o-linear-gradient(top, rgba(180, 76, 212, 1) 0%, rgba(115, 41, 136, 1) 100%); background: -ms-linear-gradient(top, rgba(180, 76, 212, 1) 0%, rgba(115, 41, 136, 1) 100%); background: linear-gradient(to bottom, rgba(180, 76, 212, 1) 0%, rgba(115, 41, 136, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b44cd4', endColorstr='#732988', GradientType=0); }
.thenav.naranja { background: rgba(247, 164, 96, 1); background: -moz-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(255, 128, 17, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 164, 96, 1)), color-stop(100%, rgba(255, 128, 17, 1))); background: -webkit-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(255, 128, 17, 1) 100%); background: -o-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(255, 128, 17, 1) 100%); background: -ms-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(255, 128, 17, 1) 100%); background: linear-gradient(to bottom, rgba(247, 164, 96, 1) 0%, rgba(255, 128, 17, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a460', endColorstr='#ff8011', GradientType=0); }
.thenav.naranja.rosa { background: rgba(247, 164, 96, 1); background: -moz-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 164, 96, 1)), color-stop(100%, rgba(214, 0, 86, 1))); background: -webkit-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -o-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -ms-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: linear-gradient(to bottom, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a460', endColorstr='#d60056', GradientType=0); }
.naranja.rosa { background: rgba(247, 164, 96, 1); background: -moz-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247, 164, 96, 1)), color-stop(100%, rgba(214, 0, 86, 1))); background: -webkit-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -o-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -ms-linear-gradient(top, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); background: linear-gradient(to bottom, rgba(247, 164, 96, 1) 0%, rgba(214, 0, 86, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a460', endColorstr='#d60056', GradientType=0); }
.thenav.rosa { background: rgba(252, 65, 143, 1); background: -moz-linear-gradient(top, rgba(252, 65, 143, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 65, 143, 1)), color-stop(100%, rgba(214, 0, 86, 1))); background: -webkit-linear-gradient(top, rgba(252, 65, 143, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -o-linear-gradient(top, rgba(252, 65, 143, 1) 0%, rgba(214, 0, 86, 1) 100%); background: -ms-linear-gradient(top, rgba(252, 65, 143, 1) 0%, rgba(214, 0, 86, 1) 100%); background: linear-gradient(to bottom, rgba(252, 65, 143, 1) 0%, rgba(214, 0, 86, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc418f', endColorstr='#d60056', GradientType=0); }


.bg-primary{ background-color: #c3360e; }
b, strong { font-weight: bold!important; }
.instruccion {
    position: relative;
    display: inline-block;
    border: 2px dashed #8E4C67;
    border-radius: 15px;
    padding: 6px 10px 6px 40px;
    color: #701c45;
    background-color: #fff;
}
.instruccion:before { content: ""; position: absolute; top: -5px; left: -30px; width: 53px; height: 53px; background: url(../img/template/icon_instruccion.png) no-repeat; }

.pulse {
  animation-name: pulse_animation;
  animation-duration: 1200ms;
  transform-origin:70% 70%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@-moz-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@-o-keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}
@keyframes pulse_animation {
  0% { transform: scale(1); }
  30% { transform: scale(1); }
  40% { transform: scale(1.08); }
  50% { transform: scale(1); }
  60% { transform: scale(1); }
  70% { transform: scale(1.05); }
  80% { transform: scale(1); }
  100% { transform: scale(1); }
}

ul.ticket { list-style-image: url(../img/template/bullet.png); }
ul.ticket li { margin: 10px 0; }

.img-center { display: block; margin: auto; }
.btn-cursor { cursor: pointer; }
.waves { height: 144px; background-position: bottom center; background-repeat-x: repeat; background-repeat-y: repeat; }
.wave-1 { background-image: url(../img/content/wave-1.png); }
.wave-2 { background-image: url(../img/content/wave-2.png); }
.wave-3 { background-image: url(../img/content/wave-3.png); }
.wave-4 { background-image: url(../img/content/wave-4.png); }

/*=== SWAL ===*/
.swal2-content { background-color: #fff; padding-bottom: 1.5em; }
.swal2-close { outline: none!important; border: none!important; color: #000; }