@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;700;800&display=swap');

/* =-=-=-=-=-=-=-=-=-=-= MAIN STYLES =-=-=-=-=-=-=-=-=-=-=-= */

body {
	font-family: 'Public Sans', sans-serif!important;
}

p {
	font-family: 'Public Sans', sans-serif!important;
}

h1,
.h1 {
	font-family: 'Public Sans', sans-serif!important;
	font-weight: 600;
	letter-spacing: -3px;
	font-size: 44px!important;
}

h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
	font-family: 'Public Sans', sans-serif!important;
	font-weight: 600;
	letter-spacing: -1px;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

.bg-light {
	background-color: #f7f7f7;
}

/* =-=-=-=-=-=-=-=-=-=-= BLOG =-=-=-=-=-=-=-=-=-=-=-= */
.social-thumbnail .icon-thumbnail {
    height: 35px;
    width: 35px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    font-size: 18px;
    justify-content: center;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}

a.icon-thumbnail:hover {
    opacity: 0.4;
}

.social-thumbnail .icon-thumbnail .icon-social {
    color: #1da5db;
    display: flex;
    align-items: center;
}

/* =-=-=-=-=-=-=-=-=-=-= PERFIL =-=-=-=-=-=-=-=-=-=-=-= */
.thumbnail {
    font-family: 'Public Sans', sans-serif!important;
}

.read-more {
	text-transform: none;
	letter-spacing: 0px;
}

.ldBar.profile-progress {
    min-width: 10% !important;
}

.ldBar.profile-progress-lg {
    min-width: 20% !important;
    font-size: 34px;
    color: white;
    font-weight: 300;
}

.img-user-lg {
	width: 150px!important;
	height: 150px!important;
}

.media-img-edit {
    position: relative;
    top: -105px;
	display: block;
}

.w-70 {
	width: 70%!important;
}

.perfil-course-container {
    max-height: 380px;
    overflow: scroll;
}

.perfil-title-container {
    background-color: #142d54;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0px 0px 0px 20px;
}

.icono-perfil {
    content: '';
    width: 100%;
    height: 70px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
    left: 0px;
    line-height: 50px;
    padding-left: 60px;
}

h3.titular-perfil {
    position: absolute;
    top: 0px;
    margin-left: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    color: #fff;
}

.cursos {background-image: url(../img/perfil-curso.svg);}
.trayectos {background-image: url(../img/perfil-trayecto.svg);}
.recomendados {background-image: url(../img/perfil-recomendado.svg);}
.certificados {background-image: url(../img/perfil-certificado.svg);}

.petalo-container {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 2px;
    right: 24px;
    background-color: #10223c;
    border-radius: 50%;
    transition: 0.4s;
    cursor: pointer;
    padding: 5px;
}

.petalo-container:hover {
    opacity: 0.5;
    transition: 0.4s;
}

.petalo-1 {
    width: 56px;
    height: 56px;
}

.badge-petalo {
    position: absolute;
    right: -2px;
    top: 2px;
}

.petalo-divider {
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    position: relative;
    padding: 0px;
    border-radius: 2px;
    margin-top: -12px;
}

.pd-1 {
	background-color: #f9ae1f;
}
.pd-2 {
	background-color: #df3d45;
}
.pd-3 {
	background-color: #7b4c9a;
}
.pd-4 {
	background-color: #008dd1;
}
.pd-5 {
	background-color: #0eaa8b;
}

.titular-petalo {
    padding: 12px 20px;
    position: relative;
    color: white;
    font-size: 25px;
}

.petalo-container-ind {
    width: 55px;
    height: 55px;
    position: absolute;
    top: -2px;
    right: 25px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 40%);
    transition: 0.4s;
    cursor: pointer;
}

/* =-=-=-=-=-=-=-=-=-=-= FORO =-=-=-=-=-=-=-=-=-=-=-= */
.card .card-info {
    text-transform: none!important;
}

.media-img.main-well {
    background-color: #f7f7f7!important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 25%)!important;
}

.border-0 {
	border-width: 0px!important;
}

.bg-opacity-blue {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: -webkit-linear-gradient(rgba(12,25,41,0.75) 0%, rgba(16,33,56,0.95) 100%);
    background: -o-linear-gradient(rgb(12 25 41 / 75%) 0%, rgb(16 33 56 / 95%) 100%);
    background: linear-gradient(rgb(12 25 41 / 75%) 0%, rgb(16 33 56 / 95%) 100%);
}

/* =-=-=-=-=-=-=-=-=-=-= CURSOS =-=-=-=-=-=-=-=-=-=-=-= */
.filter-wrapper {
    background-color: #f7f7f7!important;
}

.info-curso {
    margin: 40px 0!important;
}

.info-curso .curso-desc {
    font-size: 18px;
    font-weight: 400;
    color: #454343;
    line-height: 1.5;
}

.contenido-collapse .panel-heading {
	padding: 15px 37px 15px 30px!important;
}

.contenido-curso {
    text-transform: none!important;
    font-family: 'Public Sans', sans-serif!important;
    line-height: 24px!important;
}

.buttons-foro .consulta-contenido .text-consulta {
    font-size: 18px;
    font-family: 'Public Sans', sans-serif!important;
    font-weight: normal;
    line-height: 1.2;
    margin-left: 10px;
    text-transform: none;
}

.buttons-foro .consulta-contenido i {
    color: #1ba1e0;
    font-size: 45px;
    position: relative;
    top: 0px;
}

.buttons-foro .consulta-contenido .text-consulta .foro-link {
    color: #1ba1e0;
}

.buttons-foro .btn-next i {
    color: #ffffff!important;
}

.ldBar {
    font-size: 16px;
    font-family: 'Public Sans', sans-serif!important;
    font-weight: bold;
}

.contenido-collapse .panel-heading.modulo .ph-text, .contenido-collapse .panel-heading.modulo i {
    color: #142d54!important;
}

.contenido-collapse .panel-heading.active .ph-text, .contenido-collapse .panel-heading.active i {
    color: #31a8e2;
    font-weight: 600!important;
}

.contenido-collapse .panel-heading.active {
    border-color: #31a8e2!important;
}

.contenido-collapse .panel-heading.active .progress-bar {
    background-color: #4bb9e8!important;
}

p, label {
    font-size: 17px;
    font-weight: normal;
}

.buttons-foro .consulta-contenido .text-consulta .titlelink-foro {
    text-transform: none!important;
    font-weight: 600!important;
    letter-spacing: 0px!important;
}

.complete-box-check {
    height: 90px!important;
    width: 90px!important;
    border: 3px solid #f8f8f8!important;
    box-shadow: none!important;
    background-color: #1ba1e0;
}

.complete-box-progress {
    background-color: #f7f7f7!important;
}

.complete-percentage {
    font-family: 'Public Sans', sans-serif!important;
	color: #1b395f!important
}

.complete-box-img {
    position: absolute;
    top: -4px;
    left: 50%;
    height: 120px;
    width: 120px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    justify-content: center;
    margin-right: 10px;
    background-color: #fff;
    border: 10px solid #f7f7f7;
    box-shadow: inset 0 0 4px rgb(0 0 0 / 25%);
}

.complete-box-title {
    text-transform: none!important;
}

.wrap-panels .panel {
    width: 31%!important;
}

.wrap-panels .panel .panel-text {
    font-size: 30px!important;
    font-weight: 600!important;
    letter-spacing: -1px!important;
}

.q-box-item.border-wrong {
    border-color: transparent!important;
}

.info-curso .curso-title {
    text-transform: none!important;
    font-weight: normal!important;
}

.bkg-icon-escuela-main {
    width: 90px;
    height: 90px;
    position: relative;
    background-size: contain;
    z-index: 1;
    opacity: 1;
    background-repeat: no-repeat;
    top: -5px;
}

.titulo-banner-escuela {
    width: 100%;
    position: relative;
    color: #fff;
    top: 0px;
    padding-bottom: 0px;
    height: 60px;
}

.question-quiz {
    width: 95%!important;
}

.question-quiz-inline .item-quiz-inline {
    line-height: 15px!important;
}

h3.question-title {
    font-size: 26px!important;
}

p.question-subtitle {
    font-size: 20px!important;
}

.question-quiz p, .question-quiz input, .question-quiz .text-input {
    font-size: 18px!important;
}

/* =-=-=-=-=-=-=-=-=-=-= FOOTER STYLES =-=-=-=-=-=-=-=-=-=-=-= */
footer .contact-footer .redes .footer-icons i {
    font-size: 30px;
    color: #1893db;
    position: relative;
}

footer {
    background-color: #132548!important;
    position: relative;
	font-family: 'Public Sans', sans-serif!important;
	text-transform: none;
}

footer .footer-left .elements-footer .links-column {
    color: #fff;
    font-size: 16px;
    font-family: 'Public Sans', sans-serif!important;
    font-weight: 300;
}

footer .contact-footer .redes .footer-icons {
    float: left;
    margin-right: 5px;
    background-color: transparent;
    height: 45px;
    width: 45px;
    border-radius: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .contact-footer .redes .footer-icons i:hover {
    font-size: 30px;
    color: white;
    position: relative;
	transition: 0.4s;
}

footer .copyright {
    color: #ffffff8a;
    font-size: 16px;
    font-family: 'Public Sans', sans-serif!important;
    margin-top: 16px;
}

footer .footer-left .elements-footer {
    justify-content: normal!important;
}

/* =-=-=-=-=-=-=-=-=-=-= NAV STYLES =-=-=-=-=-=-=-=-=-=-=-= */
.container-logo-nav {
    padding: 10px 0 10px 0!important;
}

.navbar.navbar-default a {
    color: white !important;
    font-family: 'Public Sans', sans-serif!important;
    font-size: 18px!important;
    text-transform: none!important;
    letter-spacing: 0px!important;
}

.navbar-right {
    right: 60px;
    position: absolute;
    height: 50px;
    top: 15px;
    font-size: 16px!important;
}

ul.nav.navbar-nav.navbar-right a {
    font-size: 17px;
    text-transform: none;
    color: #f7f7f7;
    padding: 15px 20px;
    margin-top: 7px;
}

.container-logo-nav.hidden-xs {
    background-color: #132548;
}

.navbar.navbar-default {
    background-color: #182f52;
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: 0 0 5px 0 rgb(14 27 47);
    position: sticky;
    top: 0;
    z-index: 1040;
}

.navbar.navbar-default a {
	color: white !important;
	font-family: Roboto;
	font-size: 16px;
}

.navbar-nav {
    float: right!important;
}

.logo-navbar {
	max-width: 250px;
	margin-left: 20px;
}

.navbar .navbar-nav>li>a {
    margin: 0 30px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px!important;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent!important;
	opacity: 0.4;
}

.logo-navbar img {
    height: 70px;
    width: auto;
    position: relative;
    left: 0px;
    top: -3px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff!important;
}

.navbar-nav>li.active>a:after {
    border-bottom: 1px solid #1ba1e0;
    content: '';
    width: 60%;
    position: absolute;
    top: 40px;
    left: 20%;
	animation: animatedLine 0.5s;
}

@keyframes animatedLine {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.navbar-nav>li.active>a {
    border-bottom: none!important;
}

.navbar-nav.navbar-right .user-box .username {
    font-size: 17px!important;
	text-transform: none!important;
}

.navbar-nav.navbar-right .user-box .nav-img-user {
    width: 40px!important;
    height: 40px!important;
    -webkit-box-shadow: 4px 4px 3px -4px #000000!important;
    -moz-box-shadow: 4px 4px 3px -4px #000!important;
    box-shadow: 4px 4px 3px -4px #000000!important;
}

.user-box {
    top: -10px;
}

.dropdown-menu {
    top: 65px!important;
	z-index: 1500!important;
	background-color: #1b395f;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: #142d54!important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent!important;
}


/* =-=-=-=-=-=-=-=-=-=-= FORMS STYLES =-=-=-=-=-=-=-=-=-=-=-= */
.input-search {
    position: relative;
    top: 1px;
    margin-left: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width: 220px!important;
    margin-right: 20px;
}

.input-search input {
    border-radius: 0px;
    margin-top: 3px !important;
    background-color: transparent;
    padding-left: 40px;
    color: #fff;
    font-size: 17px!important;
    text-transform: none;
    max-height: 40px;
    border-bottom: 1px solid #f7f7f7;
    transition: 0.4s;
}

.input-search input:focus {
    border-bottom: 1px solid #1ba1e0;
    transition: 0.4s;
}

.input-search .material-icons.input-icon {
    top: 13px;
    left: 8px;
    width: 28px;
}

.input-search .input-icon {
    position: absolute;
    top: 10px;
    font-size: 25px;
    right: 12px;
    color: white;
}

textarea.form-control {
    border: 1px solid #ababab;
}

.form-registro label {
    font-size: 14px;
    font-weight: 300!important;
}

/* =-=-=-=-=-=-=-=-=-=-= MODAL STYLES =-=-=-=-=-=-=-=-=-=-=-= */
.modal-contacto label {
    color: #202020;
    font-size: 17px;
    font-family: 'Public Sans', sans-serif!important;
}

.modal-title {
    font-family: 'Public Sans', sans-serif!important;
    font-size: 24px;
    text-transform: none;
    text-align: center;
    margin-bottom: 20px;
}

.modal-backdrop {
    background-color: #132548!important;
}

.swal2-modal {
    border: none!important;
}

/* =-=-=-=-=-=-=-=-=-=-= BUTTON STYLES =-=-=-=-=-=-=-=-=-=-=-= */
.btn {
    padding: 5px 20px 7px 20px!important;
    font-size: 18px!important;
    font-weight: 600!important;
    border-width: 0px!important;
    font-family: 'Public Sans', sans-serif!important;
    text-transform: none!important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 6px!important;
    letter-spacing: -1px;
}

footer .contact-footer .btn-footer {
    font-size: 18px;
    width: auto!important;
}

.btn-outline-primary {
	background-color: none;
	border: 1px solid #1893db;
}

.btn-dark {
    background-color: #1b395f;
    color: #fff;
}

.btn-dark:hover {
    background-color: #142d54;
    color: #d4d1de;
}

/* =-=-=-=-=-=-=-=-=-=-= HOME STYLES =-=-=-=-=-=-=-=-=-=-=-= */
.capacitate-wrapper {
	background-color: #fff;            
}

.home-img {
    height: auto;
    z-index: 0;
    position: relative;
    float: left;
    max-width: 100%;
    bottom: 0px;
    max-height: 550px;
    width: auto;
}

.card-home-body {
    padding: 20px 10px 0px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
	min-height: 110px!important;
}

.card-home-body p {
    font-size: 16px!important;
    line-height: 20px!important;
}

.logo-escuela {
    min-height: 105px;
    left: 0;
    position: relative;
    top: 0;
	transition: 0.4s;
	background-repeat: no-repeat;
}

.card:hover .logo-escuela {
    margin-left: 30px;
    transition: 0.4s;
}

.tituloCard {
    color: white;
    text-align: right;
    font-size: 32px!important;
    position: absolute;
    bottom: 30px;
    right: 115px;
    font-weight: 700;
    letter-spacing: -2px;
    transition: 0.4s;
    line-height: 35px;
    max-width: 230px;
}

.card:hover .tituloCard {
    right: 100px;
    transition: 0.4s;
}

.bkg-icon {
    width: 200px;
    height: 200px;
    position: absolute;
    background-size: contain;
    z-index: 1;
    opacity: 0.1;
    background-repeat: no-repeat;
    left: -50px;
    top: -30px;
	transition: 0.4s;
}

.card:hover .bkg-icon {
    transform: scale(1.5);
    transition: 0.4s;
}

.bkg-icon-escuela {
    position: absolute;
    height: 600px;
    top: -60px;
    left: -200px;
    opacity: 0.1;
}

.bkg-icon-main {
    width: 110px;
    height: 110px;
    position: absolute;
    background-size: contain;
    z-index: 1;
    opacity: 1;
    background-repeat: no-repeat;
    right: 10px;
    top: 10px;
    transition: 0.4s;
}

.bkg-icon-main-escuela {
    width: 110px;
    height: 110px;
    position: absolute;
    background-size: contain;
    z-index: 1;
    opacity: 1;
    background-repeat: no-repeat;
    left: -80px;
    top: 0px;
}

.card:hover .bkg-icon-main {
    right: -5px;
    transition: 0.4s;
}



.bkg-fotografia {background-image: url(../img/iso-fotografia.svg);}
.bkg-informatica {background-image: url(../img/iso-informatica.svg);}
.bkg-sap {background-image: url(../img/iso-sap.svg);}
.bkg-robotica {background-image: url(../img/iso-robotica.svg);}
.bkg-diseno {background-image: url(../img/iso-diseno.svg);}
.bkg-educativa {background-image: url(../img/iso-educativa.svg);}
.bkg-blockchain {background-image: url(../img/iso-blockchain.svg);}

.logo-fotografia {background-image: url(../img/logo-fotografia.svg);}
.logo-informatica {background-image: url(../img/logo-informatica.svg);}
.logo-sap {background-image: url(../img/logo-sap.svg);}
.logo-robotica {background-image: url(../img/logo-robotica.svg);}
.logo-diseno {background-image: url(../img/logo-diseno.svg);}
.logo-educativa {background-image: url(../img/logo-educativa.svg);}
.logo-blockchain {background-image: url(../img/logo-blockchain.svg);}


.card-fotografia {
	background: rgb(62,30,96);
	background: -webkit-linear-gradient(bottom left, rgba(62,30,96,1) 0%, rgba(93,46,143,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(62,30,96,1) 0%, rgba(93,46,143,1) 100%);
	background: linear-gradient(to top right, rgba(62,30,96,1) 0%, rgba(93,46,143,1) 100%);
}
.card-informatica {
	background: rgb(5,66,121);
	background: -webkit-linear-gradient(bottom left, rgba(5,66,121,1) 0%, rgba(6,92,169,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(5,66,121,1) 0%, rgba(6,92,169,1) 100%);
	background: linear-gradient(to top right, rgba(5,66,121,1) 0%, rgba(6,92,169,1) 100%);
}
.card-sap {
	background: rgb(1,132,177);
	background: -webkit-linear-gradient(bottom left, rgba(1,132,177,1) 0%, rgba(0,171,230,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(1,132,177,1) 0%, rgba(0,171,230,1) 100%);
	background: linear-gradient(to top right, rgba(1,132,177,1) 0%, rgba(0,171,230,1) 100%);
}
.card-robotica {
	background: rgb(5,153,130);
	background: -webkit-linear-gradient(bottom left, rgba(5,153,130,1) 0%, rgba(6,184,156,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(5,153,130,1) 0%, rgba(6,184,156,1) 100%);
	background: linear-gradient(to top right, rgba(5,153,130,1) 0%, rgba(6,184,156,1) 100%);
}
.card-diseno {
	background: rgb(195,91,77);
	background: -webkit-linear-gradient(bottom left, rgba(195,91,77,1) 0%, rgba(243,113,96,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(195,91,77,1) 0%, rgba(243,113,96,1) 100%);
	background: linear-gradient(to top right, rgba(195,91,77,1) 0%, rgba(243,113,96,1) 100%);
}
.card-educativa {
	background: rgb(175,26,44);
	background: -webkit-linear-gradient(bottom left, rgba(175,26,44,1) 0%, rgba(215,31,54,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(175,26,44,1) 0%, rgba(215,31,54,1) 100%);
	background: linear-gradient(to top right, rgba(175,26,44,1) 0%, rgba(215,31,54,1) 100%);
}
.card-blockchain {
	background: rgb(184,111,39);
	background: -webkit-linear-gradient(bottom left, rgba(184,111,39,1) 0%, rgba(222,134,46,1) 100%);
	background: -o-linear-gradient(bottom left, rgba(184,111,39,1) 0%, rgba(222,134,46,1) 100%);
	background: linear-gradient(to top right, rgba(184,111,39,1) 0%, rgba(222,134,46,1) 100%);
}

.logo-escuela {
    position: relative;
    width: 90%;
    margin-left: 5%;
}

.caption-desc.blog-desc {
	min-height: 44px;
    margin-bottom: 20px;
}

.home-img {
    background-size: cover;
    height: 450px;
    z-index: 0;
    left: 0px;
    position: relative;
    width: 100%;
}

.title-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 500px;
    top: -60px;
    position: relative;
    flex-direction: column;
    padding-bottom: 80px;
}

/* =-=-=-=-=-=-=-=-=-=-= REGISTRO =-=-=-=-=-=-=-=-=-=-=-= */
.media-img {
    justify-content: center!important;
}



/* =-=-=-=-=-=-=-=-=-=-= BOOTSTRAP 4.5 MARGINS =-=-=-=-=-=-=-=-=-=-=-= */

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (max-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

/* =-=-=-=-=-=-=-=-=-=-= BOOTSTRAP 4.5 FONTS =-=-=-=-=-=-=-=-=-=-=-= */

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

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

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

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

.text-white {
   color: #fff !important;
}

.text-dark {
    color: #1b395f!important;
}

.text-blue {
   color: #1da5db !important;
}

.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}
.font-21 {font-size: 21px;}
.font-22 {font-size: 22px;}
.font-23 {font-size: 23px;}
.font-24 {font-size: 24px;}
.font-80 {font-size: 80px!important;}

.lh-14 {line-height: 14px;}

.general-title {
    text-transform: none!important;
    letter-spacing: -2px!important;
}

/* =-=-=-=-=-=-=-=-=-=-= BOOTSTRAP 4.5 CARDS =-=-=-=-=-=-=-=-=-=-=-= */

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    transition: 0.4s;
}

.card:hover {
    transition: 0.4s;
    box-shadow: 0 0rem 1rem rgb(0 0 0 / 50%) !important;
    opacity: 0.8;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}


/* =-=-=-=-=-=-=-=-=-=-= BOOTSTRAP 4.5 BORDERS/ROUNDED =-=-=-=-=-=-=-=-=-=-=-= */

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}


/* =-=-=-=-=-=-=-=-=-=-= BOOTSTRAP 4.5 BADGES =-=-=-=-=-=-=-=-=-=-=-= */

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

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

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.badge-lg {
    padding: 10px;
    font-size: 15px;
}


.badge-home {
    position: absolute;
    z-index: 1;
    right: 5px;
    top: -10px;
}


/* =-=-=-=-=-=-=-=-=-=-= NIVELES =-=-=-=-=-=-=-=-=-=-=-= */
.nivel {
    content: '';
    position: relative;
    width: 100%;
    height: 30px;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 130px;
    line-height: 12px;
    margin-bottom: -10px;
    padding-top: 4px;
}

.n0 {background-image: url(../img/nivel_0.svg)}
.n1 {background-image: url(../img/nivel_1.svg)}
.n2 {background-image: url(../img/nivel_2.svg)}
.n3 {background-image: url(../img/nivel_3.svg)}
.n4 {background-image: url(../img/nivel_4.svg)}
.n5 {background-image: url(../img/nivel_5.svg)}


/* =-=-=-=-=-=-=-=-=-=-= TRAYECTOS TIMELINE =-=-=-=-=-=-=-=-=-=-=-= */
.photoholder {
    position:absolute;
    right:0;
    display:none;
}
.collapse.in .photoholder {
    float:right;
    width:15%;
    padding:0px 10px;
    display:block;
}
.panel {
    width:100%;
}
.timeline-panel-collapse {
    width:85%;
}

.photoholder img {
    max-width: 50px;
    max-height: 50px;
    top: -10px;
    position: relative;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.timeline {
    position:relative;
    width:100%;
    float:left;
    padding: 0px;
    margin-top:0;
    margin-top: 4px;
}
.timeline .line {
    position: absolute;
    width: 2px;
    display: block;
    top: 60px;
    bottom: 0px;
    margin-left: 31px;
    background: #163661;
    height: calc(100% - 102px);
}
.timeline .separator {
    border-top: 1px solid #0039A6;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}
.timeline .line::before {
    top: -2px;
}
.timeline .line::after {
    bottom: -2px;
}
.timeline .line::before, .timeline .line::after {
    content:'';
    position: absolute;
    left: -6px;
    width: 0;
    height: 0;
    display: block;
    border-radius: 50%;
    background: #0039A6;
}
.timeline .panel {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 10px 0px 0 40px;
    background: none;
    min-height: 75px;
}
.timeline .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content:'';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.timeline .panel .panel-heading.icon * {
    font-size: 14px;
    vertical-align: middle;
    line-height: 40px;
}
.timeline .panel > .panel-heading .icon {
    position: absolute;
    left: 11px;
    /*display: block;*/
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}
.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}
.timeline .panel-outline .panel-body {
    padding: 10px 0px;
}
.panel-body {
    /* display: none; */
}
.panel-default {
    border:0;
}
.panel-default>.panel-heading {
    font-family:'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    border:0;
    background:none;
    font-weight:400;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top:0;
    padding-top:0;
    border-bottom:0;
}
.timeline-panel-title {
    font-size:24px;
    border:0;
}
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.timeline .panel > .panel-heading .timeline-icon {
    position: absolute;
    left: 11px;
    /* display: block; */
    width: 42px;
    height: 42px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
    border: 2px solid #142d54;
    background-color: #fff;
}

.timeline-thumbnail {
    width: 38px;
    height: 38px;
    margin: 0px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.timeline-title {
    color: #383838;
    transition: 0.4s;
    font-weight: 300;
}

.timeline-title:hover {
	color: #1ba1e0;
	transition: 0.4s;
}

.timeline-heading {
    padding: 10px 0px 0px 30px!important;
}



/* =-=-=-=-=-=-=-=-=-=-= MEDIA QUERY MOBILE =-=-=-=-=-=-=-=-=-=-=-= */


@media (max-width: 767px) {
h1, .h1 {
	letter-spacing: -2px;
	font-size: 30px!important;
}

.navbar-nav>li.active>a:after {
    width: 100%;
    top: 30px;
    left: 0%;
}
	
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    background-color: transparent;
    opacity: 0;
    transform: translateX(-100px);
}
	
.navbar .navbar-header .navbar-brand {
    width: 240px!important;
    height: 80px!important;
    padding: 0px!important;
    margin: 0px!important;
}
	
.font-80 {
    font-size: 50px!important;
}

.navbar .navbar-header .navbar-brand img {
    top: 4px;
    max-height: 65px!important;
    width: auto;
}
	
.home-img {
    height: auto;
    z-index: 0;
    position: relative;
    bottom: -1px;
    max-width: 100%;
}
	
.navbar.navbar-default {
	background-color: #DF862F;
}
	
.logo-escuela {
    min-height: 90px;
}
	
.navbar.navbar-default {
    background-color: #132548;
}
	
.navbar-nav {
    float: left!important;
}
	
ul.nav.navbar-nav.navbar-right {
	position: relative;
	margin: 0px!important;
    height: 100vh;
	top: -10px;
}
	
ul.nav.navbar-nav.navbar-right a {
    padding: 10px 20px;
    margin-top: 0px;
    margin-left: 22px;
    font-weight: 400;
}
	
.navbar .navbar-collapse.collapse.in .input-search {
    margin: 0px 0px 0px 40px;
    width: 80%;
}
	
i.fa.fa-shopping-cart {
    margin-top: 30px!important;
    margin-left: 20px;
    position: fixed;
    top: 0px;
    right: 70px;
}
	
.buttons-foro .btn-next {
    width: auto!important;
}
	
.px-sm-2 {
	padding: 20px!important;
}
	
}


/* =-=-=-=-=-=-=-=-=-=-= MEDIA QUERY MOBILE =-=-=-=-=-=-=-=-=-=-=-= */
.spinner-background {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.85);
    overflow: hidden;
    left: 0px;
    top: 0;
}

.spinner-container {
	width: 100px;
	height: 100px;
	position: absolute;
	left: calc(50% - 50px);
	top: 45%;
}

.spinner-container2 {
	width: 100px;
	height: 100px;
	position: absolute;
	left: calc(50% - 50px);
	top: 35%;
}

.spinner-line1 {
    width: 50px;
    height: 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #8b5fa1;
    position: relative;
    margin-left: 35px;
    margin-top: 10px;
	animation: line1-grow 2s infinite, color-change 3s infinite;
}

@keyframes line1-grow {
	0% {width: 12px; right: 38px; left:0px;}
	25% {width: 50px; right: 0px; left:0px;}
	50% {width: 12px; right: 0px; left:38px;}
	75% {width: 50px; right: 0px; left:0px;}
	100% {width: 12px; right: 38px; left:0px;}
}

.spinner-line2 {
    width: 30px;
    height: 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #8b5fa1;
    position: relative;
    margin-left: 45px;
    margin-top: 10px;
	animation: line2-grow 2s infinite, color-change 3s infinite;
}

@keyframes line2-grow {
	0% {width: 12px; right: 0px; left:18px;}
	25% {width: 30px; right: 0px; left:0px;}
	50% {width: 12px; right: 18px; left:0px;}
	75% {width: 30px; right: 0px; left:0px;}
	100% {width: 12px; right: 0px; left:18px;}
}

@keyframes color-change {
	0% {background-color: aqua;}
	25% {background-color: orange;}
	50% {background-color: red;}
	75% {background-color: rebeccapurple;}
	100% {background-color: aqua;}
}


/* -- SPINNER 2 --*/
.spinner {
  border-width: 12px;
  border-style: solid;
  border-color: #7D5195 transparent #7D5195 #7D5195;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  margin: 0px;
	animation: spin 1.5s infinite, color-change-line 3s infinite;
}

@keyframes color-change-line {
	0% {border-color: aqua transparent aqua aqua;}
	25% {border-color: orange transparent orange orange;}
	50% {border-color: red transparent red red;}
	75% {border-color: rebeccapurple transparent rebeccapurple rebeccapurple;}
	100% {border-color: aqua transparent aqua aqua;}
}

.spinner:before, .spinner:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #7D5195;
  position: absolute;
  right: 5px;
	animation: color-change 3s infinite;
}

.spinner:before {
  top: 4px;
}

.spinner:after {
  bottom: 4px;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/* ---SPINNER 1 --*/

.book {
  --duration: 6s;
  width: 32px;
  height: 12px;
  position: relative;
  margin: 32px 0 0 17px;
  zoom: 1.5;
}

.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  -webkit-animation: book var(--duration) ease infinite;
          animation: book var(--duration) ease infinite;
}
.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: orange;
  position: absolute;
}

.book .inner .left:before,
.book .inner .right:before {
  content: "";
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}
.book .inner .left {
  right: 28px;
  transform-origin: 58px 2px;
  transform: rotateZ(90deg);
  -webkit-animation: left var(--duration) ease infinite;
          animation: left var(--duration) ease infinite;
}
.book .inner .right {
  left: 28px;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  -webkit-animation: right var(--duration) ease infinite;
          animation: right var(--duration) ease infinite;
}
.book .inner .middle {
  width: 24px;
  height: 12px;
  border: 4px solid orange;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  transform: translateY(2px);
}
.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.book ul li {
  height: 4px;
  border-radius: 2px;
  transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: orange;
  transform: rotateZ(0deg) translateX(-18px);
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
  -webkit-animation-name: page-0;
          animation-name: page-0;
}
.book ul li:nth-child(1) {
  -webkit-animation-name: page-1;
          animation-name: page-1;
}
.book ul li:nth-child(2) {
  -webkit-animation-name: page-2;
          animation-name: page-2;
}
.book ul li:nth-child(3) {
  -webkit-animation-name: page-3;
          animation-name: page-3;
}
.book ul li:nth-child(4) {
  -webkit-animation-name: page-4;
          animation-name: page-4;
}
.book ul li:nth-child(5) {
  -webkit-animation-name: page-5;
          animation-name: page-5;
}
.book ul li:nth-child(6) {
  -webkit-animation-name: page-6;
          animation-name: page-6;
}
.book ul li:nth-child(7) {
  -webkit-animation-name: page-7;
          animation-name: page-7;
}
.book ul li:nth-child(8) {
  -webkit-animation-name: page-8;
          animation-name: page-8;
}
.book ul li:nth-child(9) {
  -webkit-animation-name: page-9;
          animation-name: page-9;
}
.book ul li:nth-child(10) {
  -webkit-animation-name: page-10;
          animation-name: page-10;
}
.book ul li:nth-child(11) {
  -webkit-animation-name: page-11;
          animation-name: page-11;
}
.book ul li:nth-child(12) {
  -webkit-animation-name: page-12;
          animation-name: page-12;
}
.book ul li:nth-child(13) {
  -webkit-animation-name: page-13;
          animation-name: page-13;
}
.book ul li:nth-child(14) {
  -webkit-animation-name: page-14;
          animation-name: page-14;
}
.book ul li:nth-child(15) {
  -webkit-animation-name: page-15;
          animation-name: page-15;
}
.book ul li:nth-child(16) {
  -webkit-animation-name: page-16;
          animation-name: page-16;
}
.book ul li:nth-child(17) {
  -webkit-animation-name: page-17;
          animation-name: page-17;
}
.book ul li:nth-child(18) {
  -webkit-animation-name: page-18;
          animation-name: page-18;
}

@-webkit-keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  13%, 54% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}

@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  13%, 54% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%, 55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%, 55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%, 57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%, 57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%, 59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%, 59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%, 61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%, 61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%, 63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%, 63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%, 65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%, 65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%, 67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%, 67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%, 68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%, 68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%, 70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%, 70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%, 72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%, 72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%, 74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%, 74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%, 76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%, 76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%, 78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%, 78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%, 80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%, 80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%, 81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%, 81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%, 83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%, 83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%, 85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%, 85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%, 87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%, 87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@-webkit-keyframes left {
  4% {
    transform: rotateZ(90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(90deg);
  }
}
@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(90deg);
  }
}
@-webkit-keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(-90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(-90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@-webkit-keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  40.01%, 59.99% {
    transform-origin: 30px 2px;
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  40.01%, 59.99% {
    transform-origin: 30px 2px;
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  96% {
    transform: rotateZ(-90deg);
  }
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}