/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
    /* ----------------------------------------------------------------
	Fonts CSS
-----------------------------------------------------------------*/
    
    @font-face {
        /*posiblemente sea del texto del header*/
        font-family: "geomanist-regular";
        src: url("../fonts/Geomanist-Regular&Italic/Geomanist-Regular.otf");
    }
    
    @font-face {
        /* textos */
        font-family: "BarlowSemiCondensed-Regular";
        src: url("../fonts/barlow-semi-condensed/BarlowSemiCondensed-Regular.ttf");
    }
    
    @font-face {
        /*se usa para los botones*/
        font-family: "hinted-Geomanist-Bold";
        src: url("../fonts/Geomanist-Regular&Italic/hinted-Geomanist-Bold.ttf");
    }
    
    @font-face {
        /* se usa para los textos en negritas en los modales */
        font-family: "BarlowSemiCondensed-SemiBold";
        src: url("../fonts/barlow-semi-condensed/BarlowSemiCondensed-SemiBold.ttf");
    }
    
    @font-face {
        font-family: "geomanist-regular-italic";
        src: url("../fonts/Geomanist-Regular&Italic/Webfont/Geomanist-Regular-Italic-Webfont/geomanist-regular-italic-webfont.ttf");
    }
    
    @font-face {
        font-family: "BarlowSemiCondensed-Light";
        src: url("../fonts/barlow-semi-condensed/BarlowSemiCondensed-Light.ttf");
    }
    
    @font-face {
        font-family: "barlow-Geomanist-Bold";
        src: url("../fonts/barlow-semi-condensed/hinted-Geomanist-Bold.ttf");
    }
    /* ----------------------------------------------------------------
	Site CSS
-----------------------------------------------------------------*/
    
    #copyrights {
        background-color: #f7f7f7;
        padding: 0 0 70px 0;
    }
    
    #footer {
        background-color: #67338b;
    }
    
    .primary-color,
    .primary-color>a,
    .primary-color>a:hover,
    .footer-contact,
    .footer-contact:hover {
        color: #67338b !important;
    }
    
    .secundary-color,
    .secundary-color>a {
        color: #7D519C;
    }
    
    .button-secundary-format {
        background-color: #F4E7FD;
        color: #fff;
        font-family: "hinted-Geomanist-Bold", hinted-Geomanist-Bold;
        border-color: #6B398F;
    }
    
    .font-primary {
        font-size: 13px!important;
    }
    
    .left-item-circle {
        margin-left: -21px;
    }
    
    .font-secundary {
        font-size: 16px;
    }
    
    .third-color,
    .third-color>a {
        color: #411E5A;
    }
    
    .icons {
        background-color: #97169e;
        color: white;
    }
    
    .footer-logo {
        margin-bottom: 0px;
    }
    
    .privacy {
        border-right: 1px solid #67338b;
        padding-right: 17px;
    }
    
    .footer-contact {
        float: left;
        font-weight: bold;
        font-size: 11px;
    }
    
    .custom-section-margin-image {
        height: 877px;
    }
    
    .content-section {
        height: auto;
        max-height: 877px;
        min-height: 420px;
    }
    /* responsive */
    
    @media screen and (max-width:780px) {
       
        .custom-section-margin-image {
            height: auto;
        }
        #timer {
            margin-top: -17px;
            transform: scale(0.45);
        }
    }
    
    @media screen and (max-width:991px) {
        #logo {
            text-align: left;
            display: inline-block;
            height: auto;
        }
        #primary-menu {
            float: right;
            display: block !important;
        }
        #primary-menu>ul {
            display: block !important;
        }
        /* #primary-menu-movil{
            display: none !important;
        } */
        #container-header {
            margin: 0 !important;
            width: 100% !important;
        }
        #header.full-header .container,
        .container-fullwidth {
            width: 100% !important;
        }
    }

    
    @media only screen and (max-width: 448px) and (min-width: 401px) {
        
        #timer {
            margin-top: -25px;
            transform: scale(0.45);
        }
        .contact-text {
            display: none!important;
        }
    }

    @media screen and (max-width:400px) {
        i.btn-left {
            max-width: 41px!important;
        }
        i.btn-right {
            max-width: 41px!important;
        }
        .owl-carousel:hover .owl-nav .owl-next {
            right: 20px!important;
        }
    }
    
    @media only screen and (max-width: 330px) and (min-width: 100px) {
        #primary-menu {
            display: block !important;
            margin: 0px 0px 0px -20px;
            width: 190px;
            float: none;
            padding-bottom: 10px;
        }
        #header {
            text-align: center;
        }
        #logo {
            display: block;
            height: 100px;
            float: none;
            margin: 0;
            /* max-width: none; */
            /* text-align: center; */
            /* border: 0 !important; */
            /* padding: 0 !important; */
        }
        .image-section-border {
            border-bottom: 4px solid #67348B;
        }
        .contact-text {
            display: none!important;
        }
        .custom-text-footer {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column-reverse;
        }
        .custom-align-footer {
            display: flex !important;
            justify-content: space-around;
        }
        .contact-text {
            display: none!important;
        }
    }
    
    @media only screen and (max-width: 400px) and (min-width: 331px) {
        #primary-menu {
            display: block !important;
            margin: 0px 0px 0px -7px;
            width: 216px;
            float: none;
            padding-bottom: 10px;
        }
        #header {
            text-align: center!important;
        }
        .image-section-border {
            border-bottom: 4px solid #67348B;
        }
        .custom-text-footer {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column-reverse;
        }
        .custom-align-footer {
            display: flex !important;
            justify-content: center!important;
        }
        .contact-text {
            display: none!important;
        }
    }
    /**/
    /*
 * General
 */
    
    html,
    body {
        height: 100%;
    }
    
    h1 {
        color: white;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 100px
    }
    /*
 * Countdown
 */
    
    .progress-count {
        display: inline-block;
        padding: 15px;
        text-align: center;
    }
    
    .progress-count label {
        display: block;
        color: white;
        margin-top: 10px;
    }
    
    .countdown .countdown__chart .countdown__chart .countdown__time .countdown__title {
        display: inline-block;
        margin: 20px 0;
    }
    
    .countdown__chart {
        position: relative;
        float: left;
        margin: 0 16px;
    }
    
    .countdown__time {
        position: absolute;
        width: 78px;
        height: 78px;
        top: 0;
        text-align: center;
        color: #ffffff;
        font-size: 33px;
        font-weight: 300;
        line-height: 78px;
        left: 0;
    }
    
    .countdown__title {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: -20px;
        color: #666666;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: lowercase;
        left: 0;
    }
    
    svg {
        transition: stroke-dashoffset 0.2s linear;
    }
    
    path {
        transition: stroke-dashoffset 0.2s linear;
    }
    
    .mg-minutes {
        margin-left: 11px!important;
    }
    
    .mg-seconds {
        margin-left: 14px!important;
    }
    
    .mg-hours {
        margin-left: 6px!important;
    }
    
    .mg-days {
        margin-left: 3px!important;
    }
    
    .mg-box-timer {
        margin-top: 30px;
    }
    
    .mg-box-height {
        height: 90px;
    }
    
    .sf-with-ul {
        width: 243px;
    }
    
    header {
        font-family: "BarlowSemiCondensed-Regular", BarlowSemiCondensed-Regular;
    }
    
    footer {
        font-family: "BarlowSemiCondensed-Regular", BarlowSemiCondensed-Regular;
    }
    
    .modal1 label {
        font-family: "BarlowSemiCondensed-Regular", BarlowSemiCondensed-Regular;
        color: #6E3C90;
        font-size: large;
        text-transform: initial;
    }
    
    .pd-form-login {
        padding: 19px 0!important;
    }
    
    .button-login-modal {
        padding: 0px 84px 2px 84px!important;
        font-size: 22px!important;
        height: 47px!important;
    }
    
    .modal1>.block {
        box-shadow: 1px 1px 16px 0px rgba(27, 13, 36, 0.75);
    }
    
    .custom-border-radius-form {
        border-radius: 22px!important;
        border: 1px solid #6E3C90 !important;
    }
    
    .custom-border-radius-form-secundary {
        border-radius: 22px!important;
        border: 2px solid #DED0E8 !important;
    }
    
    #modal-confirmEmail ::-webkit-input-placeholder {
        color: #DED0E8;
    }
    
    .login-style {
        background-color: #FFF;
        max-width: 393px;
        border-radius: 22px 22px 22px 22px;
        border: 1px solid #450E6C;
    }
    
    footer .primary-color {
        font-family: BarlowSemiCondensed-SemiBold;
    }
    
    .image-section-border {
        border-bottom: 4px solid #67348B;
    }
    
    .register-style {
        background-color: #FFF;
        border-radius: 22px 22px 22px 22px;
        border: 1px solid #450E6C;
        max-width: 393px;
    }
    
    .border-rounded-select {
        border-radius: 24px !important;
        -webkit-appearance: none;
    }
    .text-color-diamond-1{
        color:#1E5A7D !important;
    }
    .text-color-diamond-2{
        color:#1F5C80 !important;
    }
    .text-color-diamond-3{
        color:#1FC7FF !important;
    }
    .btn-diamond{
        /*color:white !important;
        background: #0E0D27 !important;*/
    }
    
    .text-color-purple{
        color: #572279!important;
        /*color: #0E0D27 !important;*/
    }

    .text-color-purple-dark{
        color: #230541!important;
    }

    .text-color-purple-semi-dark{
        color:#30175A!important;
    }

    .text-color-yellow{
        color: #FEAF26!important;
    }

    .text-color-gray{
        color: #575757!important;
    }

    .text-color-black{
        color: #07010F!important;
    }

    .bg-section{
        background: #F7F7F7;
    }

    i.btn-left {
        content: url(/assets/libs/images/carrousel/row-left.png)!important;
        width: 120px!important;
    }
    
    i.btn-right {
        content: url(/assets/libs/images/carrousel/row-right.png)!important;
        width: 120px!important;
    }

    .owl-carousel:hover .owl-nav {
        opacity: 1;
        left: 23px!important;
    }

    .owl-carousel:hover .owl-nav .owl-next {
        left: auto;
        right: 60px;
    }
 
    .owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot, .owl-dots button {
        top: 75px!important;
    }
    
    .owl-carousel:hover .owl-nav {
        opacity: 1;
        left: 24px!important;
    }

    button.owl-next {
        background: transparent!important;
        border: 0px solid transparent;
    }

    button.owl-nav {
        background: transparent!important;
        border: 0px solid transparent;
    }

    .owl-carousel .owl-nav:hover {
        background-color: transparent!important;
        color: #FFF !important;
        text-decoration: none;
        border: 0px!important;
    }

    .owl-carousel .owl-nav [class*=owl-]:hover {
        background-color: transparent!important; /*somos*/
        border: 0px!important;
    }

    .owl-carousel .owl-nav [class*=owl-] {
        background-color: transparent!important; /*somos*/
        border: 0px!important;
    }

    .owl-prev{
        background: transparent;
    }

    .circle-image-countries{
        border: 2px solid white;
        border-radius: 250px;
        box-shadow: 0px 3px 6px #00000029;
    }

    .color-icon-online{
        color: #FF0505;
        font-weight: bold;
    }

    .country-icon-1{
        position: absolute;
        top: 0px;
        left: 100px;
        padding: 6px 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        z-index: 5;
    }

    .country-icon-2{
        position: absolute;
        top: 40px;
        left: 100px;
        padding: 6px 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        z-index: 5;
    }

    .country-icon-3{
        position: absolute;
        top: 80px;
        left: 100px;
        padding: 6px 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        z-index: 5;
    }

    .country-icon-4{
        position: absolute;
        top: 120px;
        left: 100px;
        padding: 6px 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        z-index: 5;
    }

    .country-icon-5{
        position: absolute;
        top: 160px;
        left: 100px;
        padding: 6px 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 2px;
        z-index: 5;
    }

    #oc-products i.btn-right {
        width: 45px !important;
        top: 39px!important;    
        position: absolute!important;
    }

    #oc-products i.btn-left {
        width: 45px !important;
        top: 39px!important;    
        position: absolute!important;
    }
    
    .bg-purple{
        background-color: #572279!important;
    }

    .lottie-live{
        position: absolute;
        z-index: 1;
        top: 10px;
        right: 10px;
    }
    .lottie-live svg{
        height: 50% !important;
    }

    @media (max-width: 928px) {
        .lottie-live{
            right: -6px;
        }
        .lottie-live svg{
            height: 58px !important
        }
    }

    .timetable > section > header li{
        width:250px !important;
    }
    .timetable > aside li {
        height: 80px !important;
    }
    .timetable ul.room-timeline li {
        height: 80px !important;
    }

    .timetable ul.room-timeline li .time-entry {
        height: 60px !important;
        padding-right: 0px;
        font-size: 12px;
    }
    .timetable ul.room-timeline li .time-entry:hover {
        cursor: pointer;
    }
    .timetable > aside li:hover {
        cursor: pointer;
    }
    .text-uppercase {
        text-transform: uppercase;
    }

    .cursor:hover{
        cursor:pointer;
    } 
    .custom-country-circle{
        background-color: transparent !important;
        width: 100% !important;
    }