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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Home
6. Featured Course
7. Courses
8. Milestones
9. Why Choose Us - Accordions
10. Events
11. News
12. Video
13. Join
14. Footer

******************************/

/***********
1. Fonts
***********/

@import url("https://fonts.googleapis.com/css?family=Nunito:200,600");

/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body {
    background-color: #fff;
    color: #636b6f;
    font-family: "Nunito", sans-serif;
    font-weight: 200;
    height: 100vh;
    margin: 0;
}
div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
    list-style: none;
    margin-bottom: 0px;
}
p {
    font-family: "Nunito", sans-serif;
    font-size: 14px;
    line-height: 2.14;
    font-weight: 500;
    color: #6c6a74;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
p:last-of-type {
    margin-bottom: 0;
}
a,
a:hover,
a:visited,
a:active,
a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p a:active {
    position: relative;
    color: #ff6347;
}
p a:hover {
    color: #ffffff;
    background: #ffa07f;
}
p a:hover::after {
    opacity: 0.2;
}
::selection {
    background: #7c90e6;
    color: #ffffff;
}
p::selection {
}
h1 {
    font-size: 48px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito", sans-serif;
    color: #44425a;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
}
.form-control {
    color: #3949ab;
}
section {
    display: block;
    position: relative;
    box-sizing: border-box;
}
.clear {
    clear: both;
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.fill_height {
    height: 100%;
}
.super_container {
    width: 100%;
    overflow: hidden;
}
.prlx_parent {
    overflow: hidden;
}
.prlx {
    height: 130% !important;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nopadding {
    padding: 0px !important;
}
.button {
    display: inline-block;
    width: auto;
    height: 47px;
    background: #7c90e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.button a {
    display: block;
    position: relative;
    padding-left: 33px;
    padding-right: 77px;
    line-height: 47px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
}
.button_arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100%;
    background: #7c90e6;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.button_arrow i {
    font-size: 20px;
    line-height: 47px;
    color: #5480bb;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.button:hover {
    background: #5480bb;
}
.button:hover .button_arrow {
    background: #7c90e6;
}
.button:hover .button_arrow i {
    color: #5480bb;
}
.section_title h2 {
    font-weight: 600;
}
.section_subtitle {
    font-size: 14px;
    color: #6c6a74;
    text-align: center;
    margin-top: 66px;
    line-height: 2.14;
}

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.header.scrolled {
    top: -61px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    background: #4e4e4e;
}
.header.scrolled .top_bar {
}
.top_bar_container {
    width: 100%;
    height: 100%;
}
.top_bar_content {
    width: 100%;
    height: 61px;
}
.top_bar_contact_list li {
    display: inline-block;
}

.top_bar_contact_list li > div {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #d3d3d3;
}
.top_bar_contact_list li > div {
    margin-left: 1px;
}
.top_bar_contact_list li:first-child {
    margin-right: -50px !important;
}
.top_bar_contact_list li:not(:last-child) {
    margin-right: 2px;
}
.top_bar_login {
}
.top_bar_login ul li {
    display: inline-block;
    position: relative;
}
.top_bar_login ul li a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.top_bar_login ul li a:hover {
    color: #7c90e6;
}
.top_bar_login ul li:not(:last-child)::after {
    display: inline-block;
    margin-left: 5px;
    margin-right: 1px;
    content: "/";
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}

.minedu_logo img {
    max-width: 30%;
    margin-top: 3px;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
    width: 100%;
    background-color: white;
}
.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.header.scrolled .header_content {
    height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
    display: inline-block;
}
.logo {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.logo_img img {
    width: 100%;
}
.logo_text {
    font-family: "Nunito", serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 0.75;
    margin-left: 1px;
    color: #464646;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_container {
}
.main_nav,
.fa_social {
    display: inline-block;
}
.main_nav {
    padding-right: 40px;
}
.main_nav li {
    display: inline-block;
    position: relative;
    height: 31px;
}
.main_nav li:not(:last-child) {
    margin-right: 13px;
}
.main_nav li a {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 31px;
    background: #ffffff;
    color: #2c2b31;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a {
    color: #ffffff;
    background: #7c90e6;
}
.main_nav li a:hover {
    background: #7c90e6;
}
.fa_social {
    margin-left: 8px;
    cursor: pointer;
}
.fa_social i {
    font-size: 20px;
    color: #5d5d5d;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.fa_social:hover i {
    color: #7c90e6;
}
.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}
.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #2c2b31;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.header_search_container.active {
    bottom: -73px;
    opacity: 1;
}
.header_search_content {
    width: 100%;
    height: 73px;
}
.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
    background: transparent;
    border-bottom: solid 2px #7c90e6;
    color: #ffffff;
}
.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {
}
.hamburger {
    display: none;
    cursor: pointer;
}
.hamburger i {
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.hamburger:hover i {
    color: #7c90e6;
}

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #ffffff;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.menu .logo a {
    color: #000000;
}
.menu.active {
    right: 0;
}
.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}
.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}
.menu_close div {
    width: 100%;
    height: 2px;
    background: #232323;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_close div:last-of-type {
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}
.menu_close:hover div {
    background: #937c6f;
}
.menu .logo {
    margin-bottom: 60px;
}
.menu_nav ul li {
    margin-bottom: 9px;
}
.menu_nav ul li a {
    font-size: 16px;
    color: #2c2b31;
    font-weight: 700;
    letter-spacing: 0.05em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_nav ul li a:hover {
    color: #7c90e6;
}
.menu .search {
    width: 100%;
    margin-bottom: 67px;
}
.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.menu .header_search_form {
    width: 100%;
}
.search form {
    position: relative;
}
.menu .search_input {
    width: 100%;
    background: transparent;
    height: 42px;
    border: none;
    outline: none;
    padding-left: 20px;
    border-bottom: solid 2px #d9d9d9;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu .search_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.15) !important;
}
.menu .search_input:focus {
    border-bottom: solid 2px #7c90e6;
}
.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}
.header_search_button:focus {
    outline: none;
}
.header_search_button i {
    font-size: 16px;
    color: #d9d9d9;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.header_search_button:hover i {
    color: #7c90e6;
}
.menu_extra {
    position: absolute;
    right: 60px;
    bottom: 30px;
}
.menu_phone,
.menu_social {
    font-size: 12px;
}
.menu_social {
    margin-right: -6px;
    margin-top: 5px;
}
.menu_title {
    text-transform: uppercase;
    margin-right: 10px;
}
.menu_social ul {
    display: inline-block;
}
.menu_social ul li {
    display: inline-block;
}
.menu_social ul li a i {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    padding: 6px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.menu_social ul li a i:hover {
    color: #7c90e6;
}

/*********************************
5. Home
*********************************/

.home {
    width: 100%;
    margin-top: 150px;
}
.home2 {
    width: 100%;
    margin-top: 150px;
    padding-top: 85px;
}

.home3 {
    width: 100%;
    margin-top: 100px;
    padding-top: 90px;
    background: #6f7af2;
    background: -moz-linear-gradient(
        -45deg,
        #6f7af2 0%,
        #514dd6 50%,
        #4060d1 52%,
        #6f88ce 100%
    );
    background: -webkit-linear-gradient(
        -45deg,
        #6f7af2 0%,
        #514dd6 50%,
        #4060d1 52%,
        #6f88ce 100%
    );
    background: linear-gradient(
        135deg,
        #6f7af2 0%,
        #514dd6 50%,
        #4060d1 52%,
        #6f88ce 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7af2', endColorstr='#6f88ce',GradientType=1 );
}
.home_container3 {
    position: relative;
    bottom: 15px;
    left: 0;
    width: 100%;
}
.home_title3 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
}
.home_container {
    position: relative;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.home_title {
    font-size: 48px;
    font-weight: 600;
    line-height: 0.75;
    color: #ffffff;
}
.breadcrumbs {
    margin-top: 14px;
}
.breadcrumbs2 {
    margin-top: 1px;
}
.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    color: #8093e8;
    font-size: 12px;
    font-weight: 600;
}
.breadcrumbs ul li a {
    font-size: 12px;
    color: #ffffff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.breadcrumbs ul li a:hover {
    color: #8093e8;
}
.breadcrumbs ul li:not(:last-child)::after {
    display: inline-block;
    position: relative;
    content: "/";
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.75;
}
.breadcrumbs2 ul li {
    display: inline-block;
    position: relative;
    color: #ffae00;
    font-size: 12px;
    font-weight: 600;
}
.breadcrumbs2 ul li a {
    font-size: 12px;
    color: #ffffff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.breadcrumbs2 ul li a:hover {
    color: #ffae00;
}
.breadcrumbs2 ul li:not(:last-child)::after {
    display: inline-block;
    position: relative;
    content: "/";
    margin-left: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    line-height: 0.75;
}

/*********************************
7. Courses
*********************************/

.courses {
    width: 100%;
    background: #ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
}

.info {
    background: #ffffff;
    padding: 20px 100px 20px 100px;
}

.card_info {
    width: 100%;
    padding: 20px 0px 0px 50px;
}

.course_search {
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.course_search_modulos {
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.isotope:after {
    content: "";
    display: block;
    clear: both;
}
.course_search_form {
    width: 100%;
}
.course_button {
    position: relative;
    width: 230px;
    height: 38px;
    border: none;
    outline: none;
    cursor: pointer;
    background: #7c90e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.course_button .button_arrow {
    width: 47px;
    background: #7c90e6;
}
.course_button span:first-child {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    padding-right: 0px;
    line-height: 20px;
    text-transform: uppercase;
}
.course_button:hover {
    background: #ffae00;
}
.course_button:hover .button_arrow {
    background: #ffae00;
}
.course_search_form > div {
    width: calc((100% - 284px) / 2);
}
.course_input {
    position: relative;
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #f2f1f8;
    padding-left: 22px;
    font-weight: bold;
}
.buscar_span {
    display: inline-block;
    padding-top: 10px;
}
.course_select {
    position: relative;
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #f2f1f8;
    padding-left: 22px;
}
.select-course {
    padding-bottom: 10px;
}
.course_search_form > div::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #7c90e6;
    content: "";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.course_search_form > div:hover::after {
    visibility: visible;
    opacity: 1;
}
.course_input::-webkit-input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.course_input:-moz-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.course_input:-ms-input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.course_input::input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #6c6a74 !important;
}

.featured_row {
    margin-top: 5px;
}
.featured_col:first-child {
    padding-right: 0;
}
.featured_col:last-child {
    padding-left: 0;
}
.featured_content {
    padding-left: 50px;
    padding-top: 63px;
    padding-right: 50px;
    padding-bottom: 41px;
    background: #e9edf1;
}
.featured_content::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #8093e8;
    content: "";
}
.featured_tag {
    height: 31px;
    background: #8093e8;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.featured_tag:hover {
    background: #ffae00;
}
.featured_tag a {
    display: block;
    padding-left: 21px;
    padding-right: 21px;
    line-height: 31px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
}
.featured_price span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #8093e8;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.featured_title {
    margin-top: 29px;
}
.featured_title h3 a {
    color: #5864da;
    font-weight: 600;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.featured_title h3 a:hover {
    color: #ffae00;
}
.featured_text {
    margin-top: 18px;
    line-height: 1.95;
}
.featured_footer {
    margin-top: 55px;
}
.featured_author_image {
    width: 37px;
    height: 37px;
    overflow: hidden;
    border-radius: 50%;
}
.featured_author_image img {
    max-width: 100%;
}
.featured_author_name {
    margin-left: 16px;
}
.featured_author_name,
.featured_author_name a {
    font-size: 14px;
    color: #2c2b31;
    font-weight: 500;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.featured_author_name a:hover {
    color: #ffae00;
}
.featured_background {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.courses_row {
    margin-top: 83px;
}
.course {
    width: 100%;
    margin: 0px 0px 40px 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.owl-item {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.course_image {
    width: 100%;
}
.button-close,
.button-previous,
.button-next {
    position: absolute;
    width: 44px;
    height: 44px;
    background: #8093e8;
    text-align: center;
    line-height: 44px;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    font-size: 16px;
}
.overlay {
    transition: 0.5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.course_image:hover .overlay {
    opacity: 1;
}
.button-previous,
.button-next {
    top: 50%;
    margin-top: -22px;
    line-height: 42px;
}

.button-previous {
    left: -80px;
}

.button-next {
    right: -80px;
}

.button-close {
    top: -44px;
    right: -44px;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.8);
}
.course_image img {
    max-width: 100%;
}

.courses_slider_container {
    width: 100%;
    margin-top: 10px;
}
.course_body {
    max-width: 100%;
    padding-left: 34px;
    padding-right: 32px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f2f1f8;
}
.course_tag {
    height: 31px;
    font-size: 11px;
    background: #7c90e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    margin-left: 2px;
}
.course_tag:hover {
    background: #ffae00;
}
.course_tag a {
    display: block;
    padding-left: 19px;
    padding-right: 19px;
    line-height: 31px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
}
.course_price span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #7c90e6;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
.course_title {
    margin-top: 29px;
    font-size: 13px;
}
.course_title h5 a {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background-color: #605192;
    opacity: 0.9;
    padding: 30px 10px 0px 10px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.course_title h5 a:hover {
    color: #ffae00;
}

.course_text {
    margin-top: 10px;
    margin-bottom: 0px;
    line-height: 1.2;
    color: #283397;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.course_text_2 {
    font-size: 12px;
    margin-top: 7px;
    font-weight: 600;
    color: #3e4873;
    line-height: 1.2;
}
.badge-turno {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #3e4873;
}
.text_horas {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 700;
    color: #3e4873;
    text-transform: uppercase;
}
.text_sede {
    font-size: 12px;
    font-weight: 700;
    color: #3e4873;
    text-transform: uppercase;
}
.limit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.course_footer {
    margin-top: 33px;
}
.course_author_image {
    width: 37px;
    height: 37px;
    overflow: hidden;
    border-radius: 50%;
}
.course_author_image img {
    max-width: 100%;
}
.course_author_name {
    margin-left: 16px;
}
.course_author_name,
.course_author_name a {
    font-size: 14px;
    color: #2c2b31;
    font-weight: 500;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.course_author_name a:hover {
    color: #ffae00;
}

.courses paginate-default {
    margin-top: 100px;
    padding-top: 30px;
}
.courses_paginations ul li {
    display: inline-block;
}
.courses_paginations ul li:not(:last-child) {
    margin-right: 9px;
}
.courses_paginations ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #6c6a74;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.courses_paginations ul li a:hover,
.courses_paginations ul li.active a {
    color: #ff8a00;
}

.courses_slider_nav {
    position: absolute;
    top: 50%;
    width: 51px;
    height: 51px;
    text-align: center;
    cursor: pointer;
}
.courses_slider_nav i:hover {
    color: #ffae00;
}
.courses_slider_nav i {
    font-size: 40px;
    line-height: 51px;
    color: #5322db;
}
.courses_slider_prev {
    left: -50px;
}
.courses_slider_next {
    right: -50px;
}

/*********************************
8. Milestones
*********************************/

.milestones {
    width: 100%;
    background-image: url(../img/milestones.jpg);
}
.kenburns-left {
    -webkit-animation: kenburns-left 5s ease-out infinite both;
    animation: kenburns-left 5s ease-out infinite both;
}
@-webkit-keyframes kenburns-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 50%;
        transform-origin: 16% 50%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}
@keyframes kenburns-left {
    0% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transform-origin: 16% 50%;
        transform-origin: 16% 50%;
    }
    100% {
        -webkit-transform: scale(1.25) translate(-20px, 15px);
        transform: scale(1.25) translate(-20px, 15px);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}

.milestones_container {
    margin-top: 10px;
    padding-top: 20px;
}
.milestone {
    width: 100%;
}
.milestone_icon {
    display: inline-block;
    height: 81px;
    width: 81px;
}
.milestone_icon img {
    max-width: 100%;
}
.milestone_counter {
    font-size: 48px;
    font-weight: 500;
    color: #ffffff;
    line-height: 0.75;
    margin-top: 37px;
}
.milestone_text {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 21px;
    line-height: 0.75;
}
.milestone_col {
    margin-bottom: 20px;
}

/*********************************
9. Why Choose Us - Accordions
*********************************/

.grouped_sections {
    width: 100%;
    background: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
}
.grouped_title {
    font-size: 28px;
    font-weight: 600;
    color: #7c90e6;
}
.grouped_col {
    padding-top: 20px;
}
.accordions {
    margin-top: 30px;
}
.accordion_container:not(:last-child) {
    margin-bottom: 14px;
}
.accordion {
    height: 30px;
    width: 100%;
    background: #f2f1f8;
    padding-left: 24px;
    cursor: pointer;
    color: #44425a;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.accordion div {
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
}
.accordion:active {
    background: #fffbfa !important;
}
.accordion::after {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    width: 23px;
    height: 23px;
    background: #7c90e6;
    content: "✔";
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.accordion.active::after {
    content: "✔";
}
.accordion:hover::after {
    color: #ffffff;
}
.accordion:hover {
    background: #e9e8ef;
}
.accordion_panel {
    padding-right: 8px;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accordion_panel > div {
    padding-bottom: 11px;
}
.accordion_panel p {
    padding-top: 33px;
    color: #6c6a74;
    line-height: 2.2;
}

/*********************************
10. Events
*********************************/

.events {
    width: 100%;
    margin-top: 58px;
}
.event {
    width: 100%;
}
.event:not(:last-child) {
    margin-bottom: 20px;
}
.event_date {
    width: 63px;
    height: 63px;
    background: #7c90e6;
}
.event_day {
    font-size: 26px;
    font-weight: 500;
    color: #ffffff;
    line-height: 0.75;
}
.event_month {
    font-size: 10px;
    font-weight: 400;
    color: #ffffff;
    line-height: 0.75;
    margin-top: 10px;
}
.event_title a {
    font-size: 16px;
    font-weight: 600;
    color: #44425a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.event_body {
    padding-left: 34px;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.event_title a:hover {
    color: #7c90e6;
}
.event_subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #6c6a74;
    margin-top: 5px;
}

/*********************************
11. News
*********************************/

.news {
    width: 100%;
    margin-top: 58px;
}
.news_post {
    width: 100%;
}
.news_post:not(:last-child) {
    margin-bottom: 39px;
}
.news_post_image {
    width: 72px;
    height: 72px;
}
.news_post_image img {
    max-width: 100%;
}
.news_post_body {
    padding-left: 25px;
}
.news_post_date {
    font-size: 12px;
    font-weight: 600;
    color: #ff5c00;
    line-height: 0.75;
}
.news_post_title {
    margin-top: 10px;
}
.news_post_title a {
    font-size: 16px;
    font-weight: 600;
    color: #44425a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.news_post_title a:hover {
    color: #7c90e6;
}
.news_post_author {
    margin-top: 5px;
}
.news_post_author,
.news_post_author a {
    font-size: 14px;
    font-weight: 500;
    color: #6c6a74;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.news_post_author a:hover {
    color: #7c90e6;
}

/*********************************
12. Video
*********************************/

.video {
    width: 100%;
    background: #ffffff;
}
.video_container_outer {
    width: 100%;
    height: 507px;
}
.video_content {
    margin-top: calc(-1 * (750px / 1.875) / 2);
}
.video_container {
    width: 100%;
    height: 100%;
    background: red;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
}
.video-js {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
.video-js > div {
    width: 100%;
    height: 100%;
}
.video-js .vjs-tech {
    height: 100% !important;
}
.vjs-big-play-button {
    z-index: 9;
    outline: none;
}
.vjs-big-play-button:focus {
    outline: none;
}
.vjs-big-play-button:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -moz-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    -o-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}
.vjs-loading-spinner {
    display: none !important;
}
.video-js .vjs-control-bar {
    opacity: 0 !important;
}
.vjs-has-started:hover .vjs-control-bar {
    opacity: 1 !important;
}

/*********************************
13. Join
*********************************/

.join {
    width: 100%;
    background: #ffffff;
    padding-top: 91px;
    padding-bottom: 82px;
    text-align: center;
}
.join .section_subtitle {
    margin-top: 36px;
}
.join_button {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -24px;
}

/*********************************
14. Footer
*********************************/

.footer {
    width: 100%;
    background-color: #191919;
    opacity: 0.9;
    padding-top: 50px;
    padding-bottom: 30px;
}
.footer .logo_container {
    position: absolute;
    top: -30px;
    left: -10px;
}
.footer_about_text {
    padding-top: 49px;
}

.footer_about {
    margin-left: 20px;
    margin-right: 20px;
}

.text-footer {
    color: #b3b3b3;
    text-align: justify;
    font-family: "Nunito", sans-serif;
    font-size: 12px;
}

.footer_social {
    margin-top: 22px;
}
.footer_social ul li {
    display: inline-block;
}
.footer_social ul li:not(:last-child) {
    margin-right: 24px;
}
.footer_social ul li a i {
    font-size: 16px;
    color: #7c90e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.footer_social ul li a i:hover {
    color: #5480bb;
}
.copyright {
    font-size: 12px;
    font-weight: bold;
    color: #b3b3b3;
    margin-top: 75px;
}
.footer_title {
    font-size: 18px;
    font-weight: 600;
    color: #8093e8;
}

.footer_contact {
    margin-left: 20px;
    margin-right: 20px;
}

.footer_list {
    margin-top: 26px;
}
.footer_list li:not(:last-child) {
    margin-bottom: 2px;
}
.footer_list li a {
    font-size: 12px;
    font-weight: 500;
    color: #b3b3b3;
    text-align: justify;
    font-family: "Nunito", sans-serif;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.footer_links img {
    margin-top: 30px;
    position: absolute;
}

.footer_list li a:hover {
    color: #7c90e6;
}

.footer_links {
    margin-left: 20px;
    margin-right: 20px;
}

.footer_contact_info {
    padding-right: 70px;
    margin-top: 26px;
}
.footer_contact_item:not(:last-child) {
    margin-bottom: 23px;
}
.footer_contact_title {
    font-size: 14px;
    font-weight: bold;
    color: #8093e8;
}
.footer_contact_line {
    font-size: 12px;
    font-weight: 500;
    color: #b3b3b3;
    margin-top: 3px;
    margin-bottom: 5px;
}

/* Card Info - Información */

.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #516bdf;
    border-color: #516bdf;
}

.text-card {
    color: #516bdf;
}

section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: 0.25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #516bdf !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #516bdf !important;
}

.card-efecto {
    position: relative;
}
.card-efecto:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

/*********************************
15. About
*********************************/

.about {
    width: 100%;
    background: #ffffff;
    padding-top: 20px;
    padding-bottom: 50px;
}
.about_row:not(:last-child) {
    margin-bottom: 99px;
}
.about_content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_image {
    width: 100%;
}
.about_image img {
    max-width: 100%;
}
.about_title {
    font-size: 28px;
    font-weight: 700;
    color: #5772e9;
}
.about_text p {
    margin-top: 20px;
    line-height: 1.4;
    text-align: justify;
    font-weight: 500;
}

.slide_about {
    margin-top: 80px;
}

/*********************************
16. Teachers
*********************************/

.teachers {
    width: 100%;
    background: #ffffff;
    padding-top: 30px;
    padding-bottom: 50px;
}
.teachers_title {
    font-size: 28px;
    font-weight: 600;
    color: #7c90e6;
}
.teachers_row {
    margin-top: 68px;
}
.teacher {
    width: 100%;
    margin-bottom: 30px;
    background: #f8f8f8;
    border-radius: 30px 0px 30px 0px;
}
.teacher_image {
    width: 100%;
}
.teacher_image img {
    max-width: 100%;
}
.teacher_image::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px 0px 0px 0px;
    background: rgba(106, 144, 205, 0.3);
    content: "";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.teacher:hover .teacher_image::after {
    visibility: visible;
    opacity: 1;
}
.teacher_body {
    padding-top: 43px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 47px;
}
.teacher_title a {
    font-size: 18px;
    font-weight: 600;
    color: #44425a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.teacher_title a:hover {
    color: #7c90e6;
}
.teacher_subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #6c6a74;
    margin-top: 1px;
}
.teacher_social {
    margin-top: 24px;
}
.teacher_social ul li {
    display: inline-block;
}
.teacher_social ul li:not(:last-child) {
    margin-right: 24px;
}
.teacher_social ul li a i {
    font-size: 17px;
    color: #7c90e6;
}
.teachers_button {
    margin-top: 18px;
}

/*********************************
18. Elements - Loaders
*********************************/

.loaders {
    width: 100%;
    background: #ffffff;
    margin-top: 99px;
}
.loaders_container {
    margin-top: 83px;
}
.loader {
    width: 174px;
    height: 174px;
    margin: 0 auto;
}
.loader span {
    position: absolute;
    left: 50%;
    bottom: 41px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 600;
    color: #6c6a74;
    white-space: nowrap;
}

/*********************************
19. Elements - Icon Boxes
*********************************/

.icon_boxes {
    margin-top: -25px;
}
.icon_boxes_row {
    margin-top: 83px;
    margin-bottom: 50px;
}
.icon_box {
    width: 100%;
}
.ib_col {
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.ib_image {
    width: 41px;
    height: 41px;
}
.ib_image img {
    max-height: 100%;
}
.ib_title {
    font-size: 22px;
    color: #2c2b31;
    font-weight: 600;
    padding-left: 17px;
    line-height: 1.2;
}
.ib_text p {
    margin-top: 19px;
    text-align: justify;
    font-weight: bold;
    line-height: 1.5;
}

.ib_link {
    margin-top: 17px;
}
.ib_link a {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    color: #eb4141;
}
/*********************************
20. Cards
*********************************/
.about-info span {
    font-size: 15px;
    padding-top: 15px;
}
.about_info a {
    text-decoration: none;
    color: #0062cc;
    border-bottom: 2px solid #0062cc;
}
.box {
    padding: 20px 0px;
}

.box-part:hover {
    transform: scale(0.9, 0.9);
    box-shadow: 5px 10px 18px #888888, -5px -10px -18px #888888;
}

.box-part {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 30px 20px;
    box-shadow: 5px 10px 18px #888888;
    cursor: pointer;
    transition: 0.4s;
}
.text-about p {
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    text-align: justify;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
}
.box-part i {
    color: #4183d7;
}

.title-about h4 {
    padding-top: 15px;
    font-size: 16px;
    font-weight: bold;
}

/*********************************
21. Contact
*********************************/

.contact {
    width: 100%;
    background: #ffffff;
}

/*********************************
21.1 Contact Content
*********************************/

.contact_content {
    width: 100%;
    padding-top: 40px;
    padding-left: 124px;
    padding-bottom: 98px;
    padding-right: 54px;
}

.contact_about {
    margin-top: 2px;
}

.contact_about_text p {
    margin-top: 25px;
    text-align: justify;
    font-weight: 200;
}
.contact_info_container {
    padding-top: 10px;
    padding-left: 11px;
    padding-right: 100px;
}
.contact_info_main_title {
    font-size: 18px;
    font-weight: 600;
    color: #44425a;
}
.contact_info {
    padding-right: 70px;
    margin-top: 26px;
}
.contact_info_item:not(:last-child) {
    margin-bottom: 23px;
}
.contact_info_title {
    font-size: 14px;
    font-weight: 700;
    color: #8093e8;
}
.contact_info_line {
    font-size: 14px;
    font-weight: 500;
    color: #6c6a74;
    margin-top: 3px;
}
.contact_form_container {
    margin-top: 50px;
}
.contact_form {
    display: block;
    position: relative;
    width: 100%;
}
.contact_form > div:not(:last-child) {
    margin-bottom: 19px;
}
.contact_input {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    border: none;
    outline: none;
    background: #f2f1f8;
    border-bottom: solid 3px transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.contact_input:hover,
.contact_input:focus {
    border-bottom: solid 3px #ff6600;
}
.contact_textarea {
    height: 172px;
    padding-top: 15px;
}
.contact_input::-webkit-input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.contact_input:-moz-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.contact_input::-moz-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.contact_input:-ms-input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.contact_input::input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #6c6a74 !important;
}
.contact_button {
    position: relative;
    width: 224px;
    height: 50px;
    border: none;
    outline: none;
    cursor: pointer;
    background: #7c90e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.contact_button .button_arrow {
    width: 47px;
    background: #3c57cf;
}
.contact_button span:first-child {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    padding-right: 44px;
    line-height: 50px;
    text-transform: uppercase;
}
.contact_button:hover {
    background: #ffae00;
}
.contact_button:hover .button_arrow {
    background: #ff8a00;
}
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 460px;
}
.map-responsive iframe {
    left: 0;
    top: 77px;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* ---- isotope ---- */

.grid {
    width: 100%;
}

.grid:after {
    content: "";
    display: block;
    clear: both;
}
.filters {
    margin-top: 20px;
    margin-bottom: 40px;
}

.course_select {
    position: relative;
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #e8eaf6;
    padding-left: 22px;
    font-weight: bold;
}

/*********************************
6.3 Elements - Tabs
*********************************/

.tabs {
    width: 100%;
    margin-top: 10px;
    background: #ffffff;
}
.tabs_container {
    width: 100%;
}

.tab {
    height: 50px;
    background: #f2f1f8;
    font-size: 16px;
    color: #44425a;
    font-weight: 600;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 7px;
    white-space: nowrap;
    margin-bottom: 9px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.tab2 {
    height: 50px;
    background: #f2f1f8;
    font-size: 16px;
    color: #44425a;
    font-weight: 600;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 7px;
    white-space: nowrap;
    margin-bottom: 9px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.tab::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #ff6600;
    content: "";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.tab.active::after,
.tab:hover::after {
    visibility: visible;
    opacity: 1;
}
.tab_panels {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    margin-top: 5px;
    border-radius: 30px 0px 30px 0px;
}
.tab_panel {
    display: none !important;
    width: 100%;
    height: 100%;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.tab_panel.active {
    display: block !important;
}
.tab_panel_content p:last-of-type {
    margin-bottom: 0;
}
.tab_text_title {
    font-size: 18px;
    font-weight: 600;
    color: #392fb1;
    margin-top: 15px;
}
.detalle_tab {
    font-size: 18px;
    font-weight: 600;
    color: #392fb1;
    margin-top: 25px;
    margin-bottom: 20px;
}
.detalle_text {
    margin-top: 10px;
}
.detalle_text h4 {
    color: #283397;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}
.detalle_text p {
    font-size: 16px;
    line-height: normal;
    display: inline-block;
}
.tab_text {
    margin-top: 20px;
}
.tab_text p {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    font-size: 16px;
    line-height: normal;
}
.tab_image {
    width: 100%;
    margin-top: 15px;
}
.tab_image img {
    max-width: 100%;
}

/*Slider's Animaciones*/

.rotate-scale-up {
    -webkit-animation: rotate-scale-up 1s linear both;
    animation: rotate-scale-up 1s linear both;
}
@-webkit-keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}
@keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }
    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg);
    }
}

.rotate-scale-up-ver {
    -webkit-animation: rotate-scale-up-ver 2s linear both;
    animation: rotate-scale-up-ver 2s linear both;
}
@-webkit-keyframes rotate-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0);
    }
    50% {
        -webkit-transform: scale(2) rotateY(180deg);
        transform: scale(2) rotateY(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg);
    }
}
@keyframes rotate-scale-up-ver {
    0% {
        -webkit-transform: scale(1) rotateY(0);
        transform: scale(1) rotateY(0);
    }
    50% {
        -webkit-transform: scale(2) rotateY(180deg);
        transform: scale(2) rotateY(180deg);
    }
    100% {
        -webkit-transform: scale(1) rotateY(360deg);
        transform: scale(1) rotateY(360deg);
    }
}

.rotate-diagonal-1 {
    -webkit-animation: rotate-diagonal-1 1s linear both;
    animation: rotate-diagonal-1 1s linear both;
}
@-webkit-keyframes rotate-diagonal-1 {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg);
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
    }
}
@keyframes rotate-diagonal-1 {
    0% {
        -webkit-transform: rotate3d(1, 1, 0, 0deg);
        transform: rotate3d(1, 1, 0, 0deg);
    }
    50% {
        -webkit-transform: rotate3d(1, 1, 0, -180deg);
        transform: rotate3d(1, 1, 0, -180deg);
    }
    100% {
        -webkit-transform: rotate3d(1, 1, 0, -360deg);
        transform: rotate3d(1, 1, 0, -360deg);
    }
}

.roll-in-blurred-left {
    -webkit-animation: roll-in-blurred-left 2s
        cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
    animation: roll-in-blurred-left 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s
        both;
}
@-webkit-keyframes roll-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes roll-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.bounce-in-top {
    -webkit-animation: bounce-in-top 1.1s both;
    animation: bounce-in-top 1.1s both;
}
@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.slide-in-blurred-top {
    -webkit-animation: slide-in-blurred-top 2s cubic-bezier(0.23, 1, 0.32, 1)
        both;
    animation: slide-in-blurred-top 2s cubic-bezier(0.23, 1, 0.32, 1) both;
}
@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.tracking-in-contract {
    -webkit-animation: tracking-in-contract 1.2s
        cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-contract 1.2s cubic-bezier(0.215, 0.61, 0.355, 1)
        both;
}
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

.text-focus-in {
    -webkit-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
        both;
    animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

.jello-horizontal {
    -webkit-animation: jello-horizontal 1s both;
    animation: jello-horizontal 1s both;
}
@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.shake-horizontal {
    -webkit-animation: shake-horizontal 2s
        cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
    animation: shake-horizontal 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
@-webkit-keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}
@keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

.bounce-in-right {
    -webkit-animation: bounce-in-right 2s both;
    animation: bounce-in-right 2s both;
}
@-webkit-keyframes bounce-in-right {
    0% {
        -webkit-transform: translateX(600px);
        transform: translateX(600px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateX(68px);
        transform: translateX(68px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateX(32px);
        transform: translateX(32px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes bounce-in-right {
    0% {
        -webkit-transform: translateX(600px);
        transform: translateX(600px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateX(68px);
        transform: translateX(68px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateX(32px);
        transform: translateX(32px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.tracking-in-contract-bck-top {
    -webkit-animation: tracking-in-contract-bck-top 1.5s
        cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-contract-bck-top 1.5s
        cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes tracking-in-contract-bck-top {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(400px) translateY(-300px);
        transform: translateZ(400px) translateY(-300px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}
@keyframes tracking-in-contract-bck-top {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(400px) translateY(-300px);
        transform: translateZ(400px) translateY(-300px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.puff-in-center {
    -webkit-animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715)
        both;
    animation: puff-in-center 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}
/***********************************/

.slider-shadow {
    -webkit-box-shadow: -4px 5px 18px 4px #7d7d7d;
    box-shadow: -4px 5px 18px 4px #7d7d7d;
}
.slider-content {
    margin: 0px 100px 20px;
    padding: 15px 20px 15px 20px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    position: absolute;
}

.slider_content {
    margin: 0px 100px 20px;
    padding: 15px 20px 15px 20px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    position: absolute;
}

.slider_content p {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    color: rgb(54, 54, 54);
}

.slider_content h2 {
    font-weight: bold;
    color: #4e58ca;
    font-size: 30px;
}
.slider-content p {
    text-align: justify;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: rgb(54, 54, 54);
}

.slider-content h2 {
    font-weight: bold;
    color: #4e58ca;
    font-size: 30px;
}

.btn-slider {
    background-color: #f3ac1f;
    font-size: 14px;
    border-radius: 0;
}

.btn-content {
    margin-top: 10px;
    text-align: right;
}

.btn-content a {
    color: #ffffff;
}
.btn-content a:hover {
    background-color: #8093e8;
}

.img-efecto {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: 1s ease;
    backface-visibility: hidden;
}

.course_image:hover .img-efecto {
    opacity: 0.4;
}

.course_image:hover .middle {
    opacity: 1;
}

.text-img {
    background-color: #5d68e3;
    color: white;
    font-size: 20px;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    width: 50px;
}

.text-img i {
    padding-top: 15px;
}

.text-img a {
    color: white;
}

.scrollup {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #7c90e6;
    bottom: 40px;
    right: 15px;
    border-radius: 6px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: wheat;
    font-size: 22px;
    display: none;
    z-index: 200;
}

a.scrollup {
    outline: 0;
    text-decoration: none;
}

a.scrollup:hover,
a.scrollup:active,
a.scrollup:focus {
    opacity: 1;
    text-decoration: none;
    color: whitesmoke;
}

a.scrollup i:hover {
    text-decoration: none;
}

.shadow-class {
    -webkit-box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.97);
    box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.97);
}

.shadow-class-2 {
    -webkit-box-shadow: 6px 6px 12px -4px rgba(158, 158, 158, 1);
    -moz-box-shadow: 6px 6px 12px -4px rgba(158, 158, 158, 1);
    box-shadow: 6px 6px 12px -4px rgba(158, 158, 158, 1);
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    min-height: 0px !important;
}

.redes_flotante i {
    display: block;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    z-index: 12000000;
}

.redes_flotante a {
    color: #fff;
}
.redes_flotante {
    position: fixed;
    right: 0;
    top: 30%;
}
.redes_flotante .fa-facebook {
    background-color: #3b5998;
}
.redes_flotante .fa-twitter {
    background-color: #00aced;
}
.redes_flotante .fa-youtube-play {
    background-color: #f01d20;
}
.redes_flotante .fa-users {
    background-color: #ffc500;
}

.redes_flotante .fa-facebook:hover {
    background-color: rgb(34, 64, 127);
}

.redes_flotante .fa-twitter:hover {
    background-color: rgb(0, 147, 212);
}

.redes_flotante .fa-youtube-play:hover {
    background-color: #ca1d20;
}

.redes_flotante .fa-users:hover {
    background-color: #ffe71e;
}
  
.facebook:before,
.youtube:before,
.twitter:before {
    background: url("../foto/web/sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    margin: auto;
}
.facebook:before {
    background-position: -46px -21px;
}
.youtube:before {
    background-position: -86px -21px;
}
.twitter:before {
    background-position: -126px -21px;
}

.facebook:hover:before {
    background-position: -246px -21px;
}
.youtube:hover:before {
    background-position: -286px -21px;
}
.twitter:hover:before {
    background-position: -326px -21px;
}

.twitter,
.facebook,
.youtube {
    float: right;
    width: 80px;
    margin-top: 15px;
    text-align: center;
}

.twitter:hover,
.facebook:hover,
.youtube:hover,
.dLibroReclamaciones:hover {
    color: #ffc500;
}