body {
    font-family: 'Open Sans',sans-serif;
}

.body-pcr {
    background-color: #0288d1;
    font-family: 'Open Sans',sans-serif;
}

.body-sales {
    background-color: #E5E5E5;
    font-family: 'Open Sans',sans-serif;
    min-height: 900px;
}

.body-sales .text-danger {
    color: #ff3547 !important;
}

.body-sales .container.form-space.header-sales {
    display: flex;
    height: 264px;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    background-repeat: no-repeat;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(../Content/img/bg-beach.jpg);
}

.body-sales .container.form-space.header-sales .center-toctoc {
    align-items: center;
    margin: 0 auto;
    display: flex;
    padding-top: 0;
}

.motivo-consulta {
    height: 203px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 18px 34px 18px 34px;
}

h1.motivo-consulta-title {
    display: flex;
    align-items: end;
    font-size: 21px;
    font-weight: 400;
    color: #565A5C;
    margin-top: 10px;
    position: relative;
}

h1.motivo-consulta-title::before {
    content: "";
    display: inline-block;
    height: 32px;
    width: 32px;
    background-position-y: 1px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15.5' cy='15.5' r='15.5' fill='%230288D1'/%3E%3Cpath d='M22.0444 14.4666V13.7778C22.0444 12.1334 21.3912 10.5564 20.2285 9.3937C19.0657 8.23097 17.4887 7.57776 15.8444 7.57776C14.2001 7.57776 12.6231 8.23097 11.4603 9.3937C10.2976 10.5564 9.6444 12.1334 9.6444 13.7778V14.4666C8.73087 14.4666 7.85476 14.8295 7.20881 15.4755C6.56285 16.1215 6.19995 16.9976 6.19995 17.9111C6.19995 18.8246 6.56285 19.7007 7.20881 20.3467C7.85476 20.9926 8.73087 21.3555 9.6444 21.3555H11.0222V13.7778C11.0222 12.4988 11.5302 11.2723 12.4346 10.3679C13.3389 9.46359 14.5655 8.95554 15.8444 8.95554C17.1233 8.95554 18.3499 9.46359 19.2542 10.3679C20.1586 11.2723 20.6666 12.4988 20.6666 13.7778V21.3555H22.0444C22.9579 21.3555 23.834 20.9926 24.48 20.3467C25.1259 19.7007 25.4888 18.8246 25.4888 17.9111C25.4888 16.9976 25.1259 16.1215 24.48 15.4755C23.834 14.8295 22.9579 14.4666 22.0444 14.4666ZM7.57773 17.9111C7.57773 17.363 7.79547 16.8373 8.18304 16.4497C8.57062 16.0622 9.09628 15.8444 9.6444 15.8444V19.9778C9.09628 19.9778 8.57062 19.76 8.18304 19.3724C7.79547 18.9849 7.57773 18.4592 7.57773 17.9111ZM22.0444 19.9778V15.8444C22.5925 15.8444 23.1182 16.0622 23.5058 16.4497C23.8933 16.8373 24.1111 17.363 24.1111 17.9111C24.1111 18.4592 23.8933 18.9849 23.5058 19.3724C23.1182 19.76 22.5925 19.9778 22.0444 19.9778Z' fill='white'/%3E%3C/svg%3E%0A");
}

.body-sales .container {
    margin-top: -60px;
    max-width: 70%;
}

.body-sales select {
    border: 1px solid #C4C4C4 !important;
    width: 100%;
    text-align: initial;
    color: #565A5C;
}



.body-sales .col-lg-8.input-group {
    width: 100%;
    outline: none;
    padding: 0;
}

.body-sales .col-lg-8.input-group:focus {
    border: 1px solid #C4C4C4 !important;
}

    .custom-select-wrapper {
        position: relative;
        user-select: none;
        width: 100%;
    }

.body-sales .col-lg-6.form-group {
text-align: initial;
}

.custom-select {
    display: flex;
    flex-direction: column;
    border-width: 0 2px 0 2px;
    border-color: #394a6d;
}

.custom-select__trigger {
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font-size: 14px;
    line-height: 21px;
    color: #565A5C;
    height: 40px;
    line-height: 60px;
    background: #ffffff;
    cursor: pointer;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    border-top: 0;
    background: #fff;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 2;
}

.custom-select.open .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px 0 22px;
    font-size: 14px;
    line-height: 21px;
    color: #565A5C;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.5s;
}

.custom-option:hover {
    cursor: pointer;
    background-color: #b2b2b2;
}

.custom-option.selected {
    color: #ffffff;
    background-color: #3C3C3C;
}

.arrow {
    position: relative;
    height: 15px;
    width: 15px;
}

.arrow::before,
.arrow::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0.15rem;
    height: 100%;
    transition: all 0.5s;
}

.arrow::before {
    left: -5px;
    transform: rotate(-45deg);
    background-color: #394a6d;
}

.arrow::after {
    left: 5px;
    transform: rotate(45deg);
    background-color: #394a6d;
}

.open .arrow::before {
    left: -5px;
    transform: rotate(45deg);
}

.open .arrow::after {
    left: 5px;
    transform: rotate(-45deg);
}


.motivo-consulta-subtitle {
    font-size: 14px;
    line-height: 21px;
}

.promo-logo img {
    display: block;
    margin: 0 auto;
}

.form-consultas {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 20px;
    padding: 0px 24px 0px 24px;
    color: #565A5C;
}

.form-consultas input[type="text"], .form-consultas label {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
}

.form-consultas input[type="text"],
.form-consultas input[type="tel"],
.form-consultas input[type="number"],
.form-consultas input[type="email"] {
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    outline: none;
    height: 40px;
    text-align: left;
    color: #565A5C
}

.form-consultas form {
    margin-top: 36px;
}

.form-consultas textarea {
    resize: none;
    outline: none;
    text-align: initial;
    padding: 14px;
    border-radius: 2px;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    color: #565A5C
}

    .form-consultas .btn-consulta {
        background: #FEBA01;
        margin-bottom: 18px;
        float: right;
        margin-top: 0;
        padding: 7px;
        border-radius: 2px;
        font-weight: 400;
        border: none;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #FFFFFF;
        width: 175px;
        height: 34px;
    }
a.thanks-link {
    font-weight: bold;
    text-decoration: none;
    color: #0288D1;
}

#form1 col-lg-12 form-group {
    padding-bottom: 20px;
}

.white {
    color: #ffffff !important;
}
.guarda{background:url(../Content/img/guarda.gif) repeat-x; width:100%; height:13px;}
.tf-logo{margin: 35px auto 0 auto;float: none;display: block;max-width: 350px;}
#clockdiv{margin: 38px auto 0 auto;font-family: 'Montserrat', sans-serif;float: none;display: block;width: 52%;}
#clockdiv .separation-dots{position: absolute;right: -20px;top: 15px;color: #ffe82b;}
.position-relative {position:relative;}

#clockdiv > div{padding: 10px;display: inline-block;color: #ffffff;}
#clockdiv div > span{padding: 15px;display: inline-block;}
#clockdiv .black{font-weight: 900;font-size: 78px;line-height: 50px;}

.promo-header{font-family: 'Montserrat', sans-serif;text-align: center;margin-top: 42px;}
.promo-header h2{font-size: 21px; color: #ffe82b;font-weight: 900;margin-bottom: 15px;margin-top: 0;font-family: 'Montserrat', sans-serif;}
.promo-header p{font-size:18px; color:#ffffff; font-weight:400; line-height:26px;}
.promo-header p strong{color:#ffe82b; font-weight:700;}

.logos-footer{background:rgba(0,0,0,0.25); height:124px;}
.logos-footer .container{position:relative;}
.logos-footer .participan{position:absolute; top:-45px; left:0;}
.logos-footer ul {
    list-style: none;
    overflow: hidden;
    margin: 38px 0;
    padding: 0;
}
form .media-heading {
    margin: 63px auto;
    border: 1px solid #ffffff;
    text-align: center;
    width: 820px;
    padding: 30px 30px 0 30px;
}

.logos-footer .btn {
    font-family: 'Montserrat', sans-serif;
    background: #ffe82b;
    font-size: 10px;
    text-transform: uppercase;
    color: #424242;
    border-radius: 12px;
    padding: 4px;
    text-align: center;
    margin: 12px auto;
    float: none;
    display: block;
    max-width: 124px;
    box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.logos-footer .btn:hover{background: #ffef72; box-shadow:none}

.brand-footer {
    background: #31233a;
    min-height: 95px;
    margin-top: -1px;
    padding: 25px 0;
}

.brand-footer ul {
    overflow: hidden;
    padding: 0;
    list-style: none;
}

.brand-footer ul li img{margin:0 auto; display:block;}

.brand-footer .apoyan {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    display: block;
    font-weight: 100;
    text-align: center;
    margin: 17px 0px;
}


.campaign-title{font-family: 'Montserrat', sans-serif; font-size:24px; font-weight:600; color:#ffffff;}

form input, form select {
    width: 100%;
    margin: 0;
    padding: 14px;
    font-size: 14px;
    background-color: white;
    border: none;
    border-radius: 4px;
    text-align: center;
    position: relative;
    color: #1976d2;
    font-family: 'Montserrat', sans-serif;
}

label.checkbox-label {
    margin-top: 15px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

label.checkbox-label a{color:#ffffff; text-decoration:underline;}
label.checkbox-label input{float: left;}



.text-danger{position: absolute;bottom: 9px;left: 0;right: 0;margin-left: auto;margin-right: auto;color: #ffff8d;font-weight: 400;font-size: 12px;}

.campaign-title {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 32px;
}

.question{border-top:1px solid #ddd; margin-top:15px; padding-top:15px;}
.question label {
        font-size: 18px;
        font-weight: 700;
    }

.form-group{padding-bottom:35px; margin-bottom:0;}
.form-space {margin-bottom:20px;}
.title-space{margin-bottom:20px;margin-top:40px;}
.logo-space {padding-left:20px}
.no-paddingR{padding-right: 0 !important;}
.no-paddingL{padding-left: 0 !important;}
.no-paddingLR{padding-left: 0 !important;padding-right: 0 !important;}
input[type=date], input[type=time], input[type=datetime-local], input[type=month] {line-height: 30px;}
input[type=checkbox]{width: 30px;margin: 0;}


.radio-label{color: #f8e312;cursor: pointer;}
.radio-label:hover{-webkit-filter: brightness(1.25);-moz-filter: brightness(1.25);filter: brightness(1.25)}
.radio-label span{color: white;display:block;font-weight:300}

.btn-registrarme {
    color: #1a4c81;
    background-color: #ffe82b;
    font-size: 16px;
    margin-bottom: 18px;
    margin-top: 0;
    padding: 15px 61px;
    border-radius: 4px;
    font-weight: 400;
    border: none;
    font-family: 'Montserrat', sans-serif;
}

.center-toctoc{margin: 0 auto;position: relative;text-align: center;padding-top: 55px;}
.center-toctoc img{float:none !important; margin:0 auto; display:block;}

.text-danger{font-size: 14px;font-weight: bold;}

.smalltext {
    padding-top: 5px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    display: block;
    text-align: center;
    font-weight: 300;
}

.promo-titles {
    text-align: center;
    margin-bottom: 85PX;
}

.promo-titles h2 {
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    color: #ffe82b;
    margin-top: 48px;
}


.promo-titles p {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 6px;
}

.ofertas-destacadas {
    text-align: center;
    margin-top: 0;
}

.ofertas-destacadas h3 {
    color: #ffffff;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
}

.ofertas-destacadas h3 img {
    margin: 10px auto 15px auto;
    display: block;
}

.promos .static-promo{font-family: 'Montserrat', sans-serif; color:#ffffff;}
.promos .static-promo .tipo-producto{font-size:21px; font-weight:300; text-align:center; display:block;}
.promos .static-promo .destino {
    font-size: 55px;
    font-weight: 100;
    text-align: center;
    display: block;
    margin-top: 4px;
    letter-spacing: 2px;
}

.promos .static-promo .precio {
    font-size: 68px;
    font-weight: 300;
    text-align: center;
    display: block;
    margin-top: -20px;
}

.promos .static-promo .precio .currency{font-size: 21px;font-weight: 300;line-height: 92px;display: inline-block;vertical-align: bottom;margin-right: 13px;}



.bounce {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

.end-campaign .tf-logo-end{max-width:inherit; margin: 225px auto 0 auto;}
.end-campaign .promo-titles h2{font-size:48px;}
.end-campaign .promo-titles p{font-size: 21px;}

.beneficios{border-top:solid 20px #ffe82b ;}

.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45px;
    background: rgba(0,0,0,0.2);
    background-image: url(../Content/img/chevron-left.png);
    background-repeat: no-repeat;
    text-indent: -10000px;
    background-position: 15px 50%;
}

.owl-next{
    position:absolute; 
    right:0; top:0; 
    height:100%; 
    width:45px; 
    background:rgba(0,0,0,0.2); 
    background-image:url(../Content/img/chevron-right.png); 
    background-repeat:no-repeat; 
    text-indent: -10000px;
    background-position: 15px 50%;
}


/*Media Queries*/

@media (max-width: 1200px) {

    #clockdiv{width: 100%;}
    .position-relative{width: 24%; text-align:center;}
    #clockdiv .separation-dots{right: -10px;}
    .logos-footer ul li img{max-width:120px;}
    .static-promo{background-size:cover !important;}
}


@media (max-width: 992px) {
    .center-toctoc img{float:none;}
    .logos-footer{height: inherit;}
    .logos-footer .participan{max-width: 78px;}
    .logos-footer ul li img{max-width: 90px;}
}

@media (max-width: 768px) {
    .row{margin:0;}
    #clockdiv .black{font-size: 28px;line-height: 28px;}
    #clockdiv div > span{padding: 0 6px;}
    .smalltext {font-size: 12px;}
    .tf-logo {max-width: 280px;}
    #clockdiv{margin: 5px auto 0 auto;}
    .promo-header{margin-top: 32px;}
    .logos-footer .participan{left: 35px;}
    .promo-header h2{font-size: 22px;}
    form .media-heading{margin: 0;border: none;text-align: center;width: 100%;padding: 30px 0;}
    .logos-footer-promo-landing ul li{overflow:hidden; padding:0;}
    .logos-footer ul li img {max-width: inherit;margin: 15px auto;float: none;display: block;}
    .logos-footer-promo-landing ul li img {float: left !important; clear:both; width: auto !important;}
    .logos-footer-promo-landing .btn{float: right;margin: 26px 0;padding: 5px 15px;}
    .gral-bg{background-position: 0 !important;}
    .promo-titles{margin-bottom: 35PX;}
    .promo-titles h2{margin-top: 30px;}
    .promos .static-promo{padding: 70px 0 !important;}
    .promos .static-promo .destino{font-size: 32px;}
    .end-campaign .tf-logo-end{max-width:90%; margin: 15px auto 0 auto;}
    .brand-footer .apoyan{width: 100%;text-align: center;margin: 0;}
    .promo-logo img {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 420px) {
    .logos-footer ul li img{width:100%;}
    .brand-footer img{width:100%;}
}