/* ----------------------------------------------------------------
	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 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;
    }