@font-face {
    font-family: 'HelveticaNeu Bold';
    src: url("../fonts/helveticaneue/HelveticaNeu-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'HelveticaNeu Medium';
    src: url("../fonts/helveticaneue/HelveticaNeue-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeu Regular';
    src: url("../fonts/helveticaneue/HelveticaNeue.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select, textarea {
    min-width: 10px;
}

.tdc-colors {
    background: transparent linear-gradient(90deg, #009FE3 0%, #C41680 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 0.5em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;

}

@media only screen and (max-width: 480px) {
    .tdc-colors {
        height: 3em;
    }
}

/***** HEADER *****/
header {
    background: #FFFFFF;
    padding: 1.5em 0;
}

    header .infoTel {
        color: #153A8D;
        text-align: left;
        font-size: 18px;
        letter-spacing: 0px;
        opacity: 1;
        /*font-family: "HelveticaNeu Medium";*/
    }

.infoTel span {
    font-family: "HelveticaNeu Regular";
}

.infoTel a {
    font-family: "HelveticaNeu Medium";
}

header a {
    color: #153A8D;
}

    header a:hover {
        /*color: #f6a549;*/
    }

.phoneHeader {
    padding: 0 10%
}

.headerContainer {
    /*width: 90%;*/
}

.imgTel {
    margin: 0 30px 0 0;
}

.tologin {
    text-align: right;
    font-family: "HelveticaNeu Medium";
}

.member {
    color: #153A8D;
    font-size: 18px;
    text-decoration: underline;
    font-weight: normal;
}

.btn-lang {
    display: block;
    text-align: left;
    margin-bottom: 0.5em;
    font-size: 15px;
    font-family: "HelveticaNeu Regular";
}

.btn-sign:hover {
    background-color: #153A8D;
    color: white;
}

.btn-sign {
    display: inline-block;
    padding: 0.2em 3em;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    text-align: center;
    font-family: "HelveticaNeu Medium";
    font-size: 18px;
    letter-spacing: 0px;
    color: #153A8D;
    border: 2px solid #153A8D;
    border-radius: 10px;
    opacity: 1;
}
/***** FIN HEADER *****/

/***** Login Modal *****/
.login-modal {
    background: url(https://cdn1.dtraveller.net/content/imagesaff/snorkel-activity-login.jpg) no-repeat padding-box;
}

.login-modal-container {
    border: 3px solid #FFFFFF;
    opacity: 1;
    margin: 1em;
}

    .login-modal-container p, .login-modal-container a {
        color: white;
    }

.login-modal .modal-header {
    border-bottom: unset;
    display: block;
}

.login-modal .modal-footer {
    border-top: unset;
}

.login-modal .close {
    color: white;
}

.login-modal-maintext {
}
/***** FIN Login Modal *****/
.btn-register {
    display: inline-block;
    padding: 0.5em 3em;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    font-size: 18px;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    background-color: transparent;
    text-align: center;
    font-family: "HelveticaNeu Medium";
    letter-spacing: 0px;
    color: #FFFFFF;
}

    .btn-register:hover {
        /*padding: 1em 3em;*/
        box-shadow: 0px 0px 2px 3px #d3d3d3;
        text-decoration: none;
        color: #FFFFFF;
    }

.containerBanner {
    /*display: block;
    height: auto;*/
    position: relative;
    display: flex;
    text-align: center;
    margin-bottom: 2em;
}



    .containerBanner img {
        max-width: 100%;
        height: auto;
    }

.bannerDes {
    position: absolute;
    /*top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 1.5em;*/
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

    .bannerDes h1 {
        text-align: center;
        font-family: "HelveticaNeu Bold";
        letter-spacing: 0px;
        color: #FFFFFF;
        text-shadow: 0px 3px 6px #000029;
        opacity: 1;
        font-size: 3.6em;
        /*margin: 3em 0 0 0;*/
    }

    .bannerDes p {
        text-align: center;
        font-family: "HelveticaNeu Medium";
        letter-spacing: 0px;
        color: #FFFFFF;
        text-shadow: 0px 3px 6px #000029;
        opacity: 1;
        font-size: 2em;
        width: 64%;
        /*margin: auto;*/
    }

    .bannerDes a {
        font-size: 1.429em;
        margin-top: 30px;
        /*font-weight: bold;*/
    }

.main-info-container {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    opacity: 1;
    display: flex;
    padding: 1em;
    height: 13.438rem;
}

    .main-info-container:hover {
        box-shadow: 0px 0px 5px 5px #d3d3d3;
    }

.main-info-img {
    width: 40%;
    margin: auto;
}

    .main-info-img img {
        padding: 2em;
    }

.main-info-img-bg {
    background: white;
    border-radius: 50%;
    height: 9.375rem;
    width: 9.375rem;
    margin: auto;
}

.main-info-text {
    width: 60%;
}

    .main-info-text h1 {
        font-size: 1.5rem;
        font-family: "HelveticaNeu Bold";
    }

    .main-info-text p {
        font-family: "HelveticaNeu Medium";
    }

    .main-info-text a {
        font-family: "HelveticaNeu Medium";
    }


.blue-section-login {
    text-align: center;
    color: white;
    background: #153A8D 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 1em;
}

    .blue-section-login h1 {
        font-family: "HelveticaNeu Bold";
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    .blue-section-login p {
        font-family: "HelveticaNeu Regular";
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        font-size: 1.125rem;
        font-weight: bold;
        width: 90%;
        margin: auto;
    }

.affiliate-program-container, .api-solutions-container {
    margin: 2em auto;
    padding: 1em 0;
}

.travel-agents-container, .blogers-influencers-container {
    margin: 0.5em auto;
    padding: 1em 0;
}

    .affiliate-program-container h1, .api-solutions-container h1, .travel-agents-container h1, .blogers-influencers-container h1, .general-title {
        font-family: "HelveticaNeu Bold";
        letter-spacing: 0px;
        color: #3B3B3B;
        opacity: 1;
    }

    .affiliate-program-container p, .api-solutions-container p, .travel-agents-container p, .blogers-influencers-container p, .general-text {
        font-family: "HelveticaNeu Medium";
        font-size: 2.188rem;
        letter-spacing: 0px;
        color: #3B3B3B;
    }

    .affiliate-program-container li, .api-solutions-container li, .travel-agents-container li, .blogers-influencers-container li {
        font-size: 1.563rem;
        font-family: "HelveticaNeu Medium";
        letter-spacing: 0px;
        color: #3B3B3B;
        opacity: 1;
    }


.does-work-main-container {
    margin-bottom: 3.5em;
}

.does-work-container {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: max-content;
    border-radius: 5px;
}

.element-does-work {
    background: #F4F4F4 0% 0% no-repeat padding-box;
    opacity: 1;
    border: 1px solid rgba(144, 139, 139, 0.75);
    border-radius: 2px;
    text-align: center;
    word-wrap: break-word;
    width: 12em;
    height: 100%;
}

    .element-does-work h1 {
        font-family: "HelveticaNeu Medium";
        font-size: 1rem;
        color: #0056A3;
        padding: 0.5em;
    }

    .element-does-work p {
        font-size: 0.850rem;
        color: #3b3b3b;
        font-family: "HelveticaNeu Medium";
        padding: 0.5em;
    }

    .element-does-work a {
        font-size: 0.875rem;
        color: #153A8D;
        font-family: "HelveticaNeu Medium";
        padding: 0.5em;
    }


.does-work-container:after {
    content: "";
    background: #1AAAE9;
    background: -webkit-linear-gradient(90deg,#1AAAE9,#BD177D);
    background: linear-gradient(90deg,#1AAAE9,#BD177D);
    display: block;
    height: 5px;
    width: 100%;
    position: inherit;
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


/*flags*/
.flag-icon.flag-icon-country {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.5em;
    line-height: 1em
}

    .flag-icon:before {
        content: "\00a0"
    }

    .flag-icon.flag-icon-squared {
        width: 1em
    }


.flag-icon-us {
    /*background-image: url(flags/us.svg)*/
    background: url(flags/us.svg) no-repeat padding-box;
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(flags/1x1/us.svg)
    }


.flag-icon-mx {
    background: url(flags/mx.svg) no-repeat padding-box;
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(flags/1x1/mx.svg)
    }

.flag-icon-br {
    background-image: url(flags/br.svg)
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(flags/1x1/br.svg)
    }


.flag-icon-fr {
    background-image: url(flags/fr.svg)
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(flags/1x1/fr.svg)
    }

footer {
    color: white;
    background: transparent linear-gradient(1deg, #202C58 0%, #153A8D 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

    footer h1 {
        font-family: "HelveticaNeu Bold";
        margin-bottom: 1rem;
    }

    footer h3 {
        font-family: "HelveticaNeu Regular";
        font-size: 1.875rem;
        margin-bottom: 1rem;
    }

.btn-contact-expert {
    display: inline-block;
    padding: 0.5em 3em;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    font-size: 18px;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    opacity: 1;
    background-color: transparent;
    text-align: center;
    font-family: "HelveticaNeu Regular";
    letter-spacing: 0px;
    color: #FFFFFF;
}

    .btn-contact-expert:hover {
        background-color: white;
        color: #153A8D;
    }
    .our-partners-container ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }


    .our-partners-container ul li {
        padding: 1rem 0;
        border-bottom: 1px solid white;
        font-family: "HelveticaNeu Regular";
        font-size: 1rem;
    }

    .no-partners ul {
        padding: 0px 50px;
    }

    .no-partners ul li {
        border-bottom: unset;
    }

footer a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

    footer a:hover {
        text-decoration: none;
        color: white;
    }

@media (min-width: 576px) {
    .login-modal-dialog {
        max-width: 780px;
    }
}





/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .infoTel {
        margin-bottom: 1em;
    }

    .logoDT {
        margin-bottom: 1em;
    }

    .tologin {
        text-align: center;
    }

    .bannerDes h1 {
        display: none;
        /* margin: 3em 0 0 0; */
    }

    .bannerDes p {
        display: none;
    }

    .bannerDes a {
        margin-top: 1em;
        font-size: 1em;
    }

    .does-work-container {
        max-width: inherit;
        margin-bottom: 1.250em;
    }

    .element-does-work {
        width: auto;
    }

    .main-info-container {
        display: block;
        height: auto;
        margin-bottom: 1.5em;
    }

    .main-info-img {
        width: 100%;
    }

    .main-info-text {
        width: 100%;
        text-align: center;
    }

        .main-info-text h1 {
            text-align: center;
            margin-top: 1em;
        }

        .main-info-text p {
            margin-top: 1em;
        }

    .bannerDes {
        margin: auto;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    .infoTel {
        margin-bottom: 1em;
    }

    .logoDT {
        margin-bottom: 1em;
    }

    .tologin {
        text-align: center;
    }

    .bannerDes {
        margin: auto;
    }

        .bannerDes h1 {
            font-size: 2.071em;
            /* margin: 3em 0 0 0; */
        }

        .bannerDes p {
            display: none;
        }

        .bannerDes a {
            margin-top: 2em;
        }

    .does-work-container {
        max-width: inherit;
        margin-bottom: 1.250em;
    }

    .element-does-work {
        width: auto;
    }

    .main-info-container {
        display: block;
        height: auto;
        margin-bottom: 1.5em;
    }

    .main-info-img {
        width: 100%;
    }

    .main-info-text {
        width: 100%;
        text-align: center;
    }

        .main-info-text h1 {
            text-align: center;
            margin-top: 1em;
        }

        .main-info-text p {
            margin-top: 1em;
        }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1150px) {
    .infoTel {
        margin-bottom: 1em;
    }

    .logoDT {
        margin-bottom: 1em;
    }

    .tologin {
        text-align: center;
    }

    .bannerDes h1 {
        font-size: 2.071em;
        /* margin: 3em 0 0 0; */
    }

    .bannerDes p {
        display: none;
    }

    .bannerDes a {
        margin-top: 2em;
    }

    .does-work-container {
        margin-bottom: 1.250em;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .does-work-container {
        margin-bottom: 1.250em;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}