@charset "UTF-8";
.b-gradiente{
    background-image: linear-gradient(180deg, rgba(0,30,66,1) 50%, rgba(255,255,255,1) 50%) !important;

}
@font-face {
    font-family: "CatamaranExtraLight";
    src: url(/fonts/CatamaranExtraLight.eot?6c307e113e6d1bff597185a69d30b43d);
    src: url(/fonts/CatamaranExtraLight.eot?6c307e113e6d1bff597185a69d30b43d) format("embedded-opentype"), url(/fonts/CatamaranExtraLight.woff2?e48b29e5a30d933617bb6dde0045be29) format("woff2"), url(/fonts/CatamaranExtraLight.woff?c0eb003c3f9578250ac1e078921b66e3) format("woff"), url(/fonts/CatamaranExtraLight.ttf?312fb2837b90820ae307d1dc78a67336) format("truetype"), url(/fonts/CatamaranExtraLight.svg?64bdb3a3b248eb6258f114e3c5eff0b7#CatamaranExtraLight) format("svg");
}

@font-face {
    font-family: "CatamaranLight";
    src: url(/fonts/CatamaranLight.eot?5506e1f74948c171b816dc9bf254f1d5);
    src: url(/fonts/CatamaranLight.eot?5506e1f74948c171b816dc9bf254f1d5) format("embedded-opentype"), url(/fonts/CatamaranLight.woff2?866a43c87a77891c22837ed421b81a46) format("woff2"), url(/fonts/CatamaranLight.woff?7b27143327ba71dca55daa569d61b381) format("woff"), url(/fonts/CatamaranLight.ttf?f617073385958f1533e8a73b798d982a) format("truetype"), url(/fonts/CatamaranLight.svg?e039460d9dbcb04dfe93cc106a622227#CatamaranLight) format("svg");
}

@font-face {
    font-family: "CatamaranExtraBold";
    src: url(/fonts/CatamaranExtraBold.eot?5349b19d442d9697269e4147845e40d3);
    src: url(/fonts/CatamaranExtraBold.eot?5349b19d442d9697269e4147845e40d3) format("embedded-opentype"), url(/fonts/CatamaranExtraBold.woff2?3dd7cd8644a5ce5c18416d52dd588c83) format("woff2"), url(/fonts/CatamaranExtraBold.woff?2d0508cbc06414fe791590c650893206) format("woff"), url(/fonts/CatamaranExtraBold.ttf?f200e71bb83e03fe645b38b14d448876) format("truetype"), url(/fonts/CatamaranExtraBold.svg?6e06ecb8ade523c9abdf739c2162383d#CatamaranExtraBold) format("svg");
}

@font-face {
    font-family: "CatamaranThin";
    src: url(/fonts/CatamaranThin.eot?8107cdb5f6b850b2f0a83379300a78ce);
    src: url(/fonts/CatamaranThin.eot?8107cdb5f6b850b2f0a83379300a78ce) format("embedded-opentype"), url(/fonts/CatamaranThin.woff2?4bbc0bad19bdabcc6eb8be451301815e) format("woff2"), url(/fonts/CatamaranThin.woff?84f56e44b20c7f0712fb385aee759de8) format("woff"), url(/fonts/CatamaranThin.ttf?da09d2c71b614d5db9eaa49663e346d8) format("truetype"), url(/fonts/CatamaranThin.svg?14dde69a2f80d8cb456f68d52545c3be#CatamaranThin) format("svg");
}

@font-face {
    font-family: "CatamaranRegular";
    src: url(/fonts/CatamaranRegular.eot?71bbcd7770f406d81281a56176deb9a2);
    src: url(/fonts/CatamaranRegular.eot?71bbcd7770f406d81281a56176deb9a2) format("embedded-opentype"), url(/fonts/CatamaranRegular.woff2?38db7038d53ff52f4a24f25db719cb37) format("woff2"), url(/fonts/CatamaranRegular.woff?e1e063eaee5444745a20c9e276519774) format("woff"), url(/fonts/CatamaranRegular.ttf?e7cd386b10ee62c2856c2ad3a14e57f0) format("truetype"), url(/fonts/CatamaranRegular.svg?ad15a4d8c6158b32afe7a289ff24a259#CatamaranRegular) format("svg");
}

@font-face {
    font-family: "CatamaranBlack";
    src: url(/fonts/CatamaranBlack.eot?c78f7a132f9374b81ccc55bb72183f25);
    src: url(/fonts/CatamaranBlack.eot?c78f7a132f9374b81ccc55bb72183f25) format("embedded-opentype"), url(/fonts/CatamaranBlack.woff2?4a01be97b020f6c6eb3647254fac78c4) format("woff2"), url(/fonts/CatamaranBlack.woff?7830bab52d6916c54f639aba2f78fd71) format("woff"), url(/fonts/CatamaranBlack.ttf?a9404ccc9e1a0e013ecbb7b566e2b74d) format("truetype"), url(/fonts/CatamaranBlack.svg?aed1eeea80e7450ba96faa0a877aaf5a#CatamaranBlack) format("svg");
}

@font-face {
    font-family: "CatamaranSemiBold";
    src: url(/fonts/CatamaranSemiBold.eot?6c154941d12e2c69b20d9169c1f5393c);
    src: url(/fonts/CatamaranSemiBold.eot?6c154941d12e2c69b20d9169c1f5393c) format("embedded-opentype"), url(/fonts/CatamaranSemiBold.woff2?5b3a35e463437608618c8357f817a136) format("woff2"), url(/fonts/CatamaranSemiBold.woff?136c458c4608806e88a420fdb500db8c) format("woff"), url(/fonts/CatamaranSemiBold.ttf?de9c696b33187d0ceb552fc614e29ce9) format("truetype"), url(/fonts/CatamaranSemiBold.svg?002df713cb8ca7eb9ffe99ffd5c8a731#CatamaranSemiBold) format("svg");
}

@font-face {
    font-family: "CatamaranBold";
    src: url(/fonts/CatamaranBold.eot?9823399c42baf05f9fea675f25d59734);
    src: url(/fonts/CatamaranBold.eot?9823399c42baf05f9fea675f25d59734) format("embedded-opentype"), url(/fonts/CatamaranBold.woff2?cba83e513d5dad575cbec30ea7fc5df9) format("woff2"), url(/fonts/CatamaranBold.woff?791d4e23ad8e4d040feb1110aa4a1d72) format("woff"), url(/fonts/CatamaranBold.ttf?a541cbab1bbcb5515f3906077d0b65d2) format("truetype"), url(/fonts/CatamaranBold.svg?c1322bfe40b96abb8a979c2d8d0ac2e4#CatamaranBold) format("svg");
}

@font-face {
    font-family: "CatamaranMedium";
    src: url(/fonts/CatamaranMedium.eot?6a679875fc12855e4b9475b0d330e08a);
    src: url(/fonts/CatamaranMedium.eot?6a679875fc12855e4b9475b0d330e08a) format("embedded-opentype"), url(/fonts/CatamaranMedium.woff2?8056c7d0bf146506045ca5746ab81a56) format("woff2"), url(/fonts/CatamaranMedium.woff?2acfe1e7f3a91a30cb69f8edef6c9841) format("woff"), url(/fonts/CatamaranMedium.ttf?0f1cc68288e0935bd1a3cc10d60ea34b) format("truetype"), url(/fonts/CatamaranMedium.svg?bdaf1fc1eabf7610a1d492ea8d81e9af#CatamaranMedium) format("svg");
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body,
html {
    height: 100%;
    scroll-behavior: smooth;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-thumb {
    background: #2a4a96;
    border-radius: 8px;
}

*::-webkit-scrollbar-thumb:hover {
    background: #001e42;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

*::-webkit-scrollbar-thumb:active {
    background-color: #001e42;
}

*::-webkit-scrollbar-track {
    /* background: #e1e1e1; */
    background: transparent !important;
}

*::-webkit-scrollbar-track:hover,
*::-webkit-scrollbar-track:active {
    /* background: #d4d4d4; */
    background: transparent !important;
}

.fl>img,
.pg-loading-logo {
    width: 320px;
}

#divContMenuPrincipal {
    display: block;
}

#navbar {
    position: relative;
    height: 100px !important;
    top: 0px;
    list-style: none;
}

.navbar-nav li {
    position: relative;
    top: 20px;
    height: auto;
}

.navbar-nav li a {
    position: relative;
    height: auto;
    top: 0px;
    color: #333333;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    font: 24px "CatamaranMedium";
    text-decoration: none;
}

.navbar-nav li a div {
    text-align: center;
    font: 20px "CatamaranMedium";
    line-height: 20px;
    text-transform: uppercase;
}

.navbar-nav li:hover {
    top: 20px;
    color: #2a4a96;
}

.clsAMenuPrincipalActive {
    top: 15px !important;
    color: #555555;
}

.clsAMenuPrincipal {
    color: #555555;
}

.clsAMenuPrincipalDivision {
    width: 1px;
    height: 35px !important;
    background-color: #000;
}

.navbar-default .navbar-nav>li>a {
    color: #555555;
}

.sp-layer {
    font-size: 12px;
    right: 2%;
    transform-origin: right bottom;
    bottom: 10px;
    width: auto;
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate3d(0px, 0px, 0px);
}

.navbar-toggle {
    background-color: transparent !important;
}

/*.navbar-toggle > span{background-color: #005da8 !important;}*/
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-header {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.affix-top {
    top: 0px;
    transition: top 0.5s linear;
}

.affix {
    top: 0px !important;
    transition: top 0.5s linear;
    background-color: #ffffff !important;
    height: 57px !important;
    color: #000000;
}

.affix .navbar,
.affix #divMenuPrincipal {
    height: 57px !important;
    min-height: 57px !important;
}

.affix #divRedes {
    top: 3px;
}

.affix .navbar-nav li a {
    color: #333333;
}

.affix #logo,
.affix #aBrand,
.affix #imgLogo {
    width: 45px;
    height: 45px;
}

.affix .navbar-nav li {
    position: relative;
    top: -5px;
    height: 30px;
    color: #333333;
    padding-top: 5px;
    margin-left: 10px;
}

.affix .navbar-nav li a {
    position: relative;
    height: 20px;
    color: #333333;
    font: 17px "RFRufoBold";
}

.affix .navbar-nav li:hover {
    color: #ffffff !important;
    background-color: #1f223d;
}

.affix .clsAMenuPrincipalActive {
    top: -5px !important;
    color: #ffffff !important;
    background-color: #1f223d;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #2a4a96 !important;
}

.clsAMenuPrincipalActive>a {
    color: #2a4a96 !important;
}

.fuentes {
    font: 15px "CatamaranLight";
}

#divContMenuPrincipal {
    position: absolute;
    width: 100%;
    height: 300px;
    top: 0px;
    background-color: transparent;
    z-index: 901;
}

#divMenuPrincipal {
    position: relative;
    height: 100%;
    top: 0px;
    background-color: transparent;
}

#ulNavBar {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divContButtonMenu {
    position: fixed;
    top: 0;
    right: 0;
    background-color: transparent;
    width: 30px;
    height: 25px;
    display: none;
}

.clsIcoMenuTop {
    top: 15px !important;
}

#logo {
    position: relative;
    width: 288px;
    height: 150px;
    font-size: 0;
    line-height: 0;
    z-index: 999;
}

#logo a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -4000px;
    padding: 0 !important;
}

#imgLogo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.clsLogoIco {
    top: -15px !important;
}

.clsLogoNormal {
    width: 150px;
    height: 43.5px;
}

.clsLogoResp {
    width: 35px !important;
    height: 61px;
    top: 5px !important;
}

.clsImgLogoNormal {
    width: 100% !important;
    height: 100%;
}

.clsABrandNormal {
    width: 100% !important;
    height: 100%;
}

.clsImgLogoResp {
    width: 45px !important;
    top: -20px !important;
}

.clsABrandResp {
    position: relative;
    width: 35px !important;
    top: 0px;
}

.clsSpaceLogo {
    width: 110px;
}

.clsFLX {
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-overflow {
    overflow: hidden;
}

.clsDisplayNone {
    display: none;
}

.clsShow {
    display: block;
}

.clsLeft {
    float: left;
}

.clsRight {
    float: right;
}

.clsNoMargin {
    margin: 0px !important;
}

.clsNoPadding {
    padding: 0px !important;
}

.clsNoPaddingLeft {
    padding-left: 0px !important;
}

.clsNoPaddingRight {
    padding-right: 0px !important;
}

.clsMarginBottom20 {
    margin-bottom: 20px !important;
}

.clsMarginBottom30 {
    margin-bottom: 30px !important;
}

.clsMarginBottom60 {
    margin-bottom: 60px;
}

.clsMarginBottom100 {
    margin-bottom: 100px;
}

.clsMarginRight10 {
    margin-right: 10px;
}

.clsMarginRight5 {
    margin-right: 5px;
}

.clsMarginRight3 {
    margin-right: 3px;
}

.clsHeight1 {
    height: 1px;
}

.clsHeight20P {
    height: 20%;
}

.clsHeight30 {
    height: 30px;
}

.clsHeight50 {
    height: 50px;
}

.clsHeight100 {
    height: 100%;
}

.gris {
    background-color: #999;
    height: 220px;
}

.clsNoDisplay {
    display: none;
}

.clsZIndex10 {
    z-index: 10;
}

.clsWidth100 {
    width: 100%;
}

.polyfill-cover {
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}

b,
strong,
.texto-negritas {
    font-family: "CatamaranBold";
}

/*FontAwasome Brand*/
.fab {
    margin: 0 20px;
    color: #001e42;
    font-size: 24px;
    cursor: pointer;
}

.fab:hover {
    color: #ffffff;
}

#divImgBackHome,
#divImgBackInicioMod {
    position: relative;
    width: 100%;
    /*height: auto;*/
    height: 100px;
    z-index: 100;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}

.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.container {
    z-index: 100;
}

.clsModulo {
    width: 100%;
    height: 100%;
    color: #706f6f;
    position: relative;
    top: -17px;
}

footer {
    height: auto;
    font: 12px "CatamaranRegular";
    color: #ffffff;
    background-color: #2a4a96;
}

.footer-nav {
    position: relative;
    top: 10px;
    text-align: center;
    color: #42cee5;
    margin-bottom: 5px;
}

#divWhatsApp {
    position: fixed;
    width: 52px;
    height: 52px;
    top: auto;
    bottom: 0px;
    right: 150px;
    background-color: white;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divWhatsApp a {
    width: 100%;
    height: 100%;
    display: block;
}

#divWhatsApp i {
    width: 100%;
    height: 100%;
    margin: -3px 0 0 0;
    font-size: 60px;
    color: #00b79b;
}

#divContainerDetFooter {
    position: relative;
    top: 11px;
}

#divTextCIA {
    position: relative;
    font: 12px "RFRufoBold";
    color: #42cee5;
}

.clsTextLightBox {
    position: relative;
    font: 12px "RFRufoBold";
    color: #42cee5;
    text-align: center;
}

#divTextDev {
    position: relative;
    font: 12px "RFRufoBold";
    color: #42cee5;
    float: right;
}

#imgLogoDev {
    position: relative;
    width: 80px;
    top: 0px;
    float: right;
    margin-left: 10px;
}

#divContButtonMenu {
    position: fixed;
    top: 25px;
    left: 90px;
    z-index: 2000;
}

#showLeft,
#showRight {
    width: 22px;
    height: 22px;
    background: none;
    border: none;
    position: relative;
}

#showLeft {
    background-image: url(/images/ico-menu.svg?90bce1da762895699d475ffe5f7262e1);
    background-repeat: no-repeat;
    float: left;
}

.clsBtnX {
    width: 100%;
    height: 40px;
}

#imgCloseMenu {
    position: relative;
    width: 30px;
    height: 20px;
    left: 0px;
}

.clsAMenu {
    position: relative;
    /*width: 200px;*/
}

.clsOpacity1 {
    opacity: 1 !important;
}

.clsOpacity0 {
    opacity: 0 !important;
}

.clsContTituloSeccion {
    width: 100%;
    height: 140px;
}

.clsTituloSeccion {
    font: 50px "RFRufoBold";
    color: #333333;
    text-align: center;
    line-height: 90px;
}

.clsTexto {
    font: 18px "MontserratRegular";
    color: #333333;
    margin-bottom: 30px;
}

.clsBlack {
    font-family: "CatamaranBlack";
}

.clsObjInCenter {
    width: 70%;
    margin: 0 auto;
    font: 18px "MontserratRegular";
}

.clsShowMovil {
    display: none;
}

.cls-titulo-1 {
    position: relative;
    font: 38px "CatamaranBold";
    color: #333333;
    text-align: center;
    z-index: 3;
}

.cls-titulo-2 {
    position: relative;
    margin-top: -55px;
    font: 70px "CatamaranBold";
    color: #cccccc;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
}

.no-shadow {
    text-shadow: none !important;
}

/*Inicio*/
#inicio {
    position: relative;
    height: auto !important;
    margin-bottom: 100px;
    background-color: #747679;
    z-index: 10;
}

#divImgBackHome {
    position: relative;
    height: 100vh;
}

#divTextoHeader {
    position: absolute;
    font-family: "CatamaranMedium";
    color: #f0f8ff;
    text-shadow: -3px 2px 4px rgba(0, 0, 0, 0.36);
    z-index: 999;
}

#divUnete {
    position: relative;
    width: 100%;
    height: 256px;
    margin-top: -256px;
    bottom: 0 !important;
    color: #ffffff;
    background-color: #cbad4f;
    opacity: 0.8;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clsTextoTelefono {
    font-family: "CatamaranLight";
    color: #ffffff;
}

.aTelefonoInicio {
    font-family: "CatamaranMedium";
    color: #ffffff;
    cursor: pointer;
}

.aTelefonoInicio:hover {
    color: #2a4a96;
    text-decoration: none;
}

.clsTextoUnete {
    font-family: "CatamaranThin";
}

.clsTextoRodea {
    font-family: "CatamaranMedium";
}

#txtEmailUnete,
#btnUnete {
    position: relative;
    float: left;
    background-color: transparent;
    border: 3px solid #ffffff;
}

#txtEmailUnete {
    width: 250px;
    height: 40px;
    padding: 10px;
    color: #ffffff;
}

#btnUnete {
    width: 40px;
    height: 40px;
    margin-left: -3px;
    cursor: pointer;
    background-image: url(/images/ico-avion.png?75ef0138adb3c8abe5750915abf084e5);
    background-repeat: no-repeat;
    background-position: center;
}

/*Fin Inicio*/
.clsPlecaSlider {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 0 !important;
    color: #ffffff;
    text-align: center;
    /*background-image: linear-gradient(to right, transparent, black 80%, transparent);*/
    background: rgba(0, 0, 0, 0.4);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(8%, rgba(0, 0, 0, 0.8)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 8%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 92%, rgba(0, 0, 0, 0) 100%);
}

.clsPlecaSlider>img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
}

.clsSliderContInfo {
    position: relative;
}

.clsSliderTitulo {
    font: 32px "CatamaranLight";
    text-transform: uppercase;
}

.clsSliderDesc {
    position: relative;
    font: 22px "CatamaranRegular";
    top: -14px;
}

/*por que*/
#por-que {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
}

.cls-subtitulo-porque {
    font: 22px "CatamaranLight";
    color: #555555;
    text-align: center;
    text-transform: uppercase;
}

.cls-division-porque {
    border-bottom: 1px solid #9c9b9b;
}

.clsContBullet {
    position: relative;
    width: 32px;
    height: 32px;
    top: 16px;
    margin: 0 auto;
    background-color: #ffffff;
    background-image: url(/images/icono-oaxaca4meeting.png?d88c11f3d6782195aa2ea1692e9965b9);
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #ffffff;
}

.clsContBulletNombre {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font: 18px "CatamaranLight";
    color: #555555;
    cursor: pointer;
}

@media (max-width: 320px) {
    .clsContBulletNombre {
        font: 15px "CatamaranLight";
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .clsContBulletNombre {
        font: 16px "CatamaranLight";
    }
}

.clsContBulletNombreActive {
    font: 17px "CatamaranBold";
}

@media (max-width: 320px) {
    .clsContBulletNombreActive {
        font: 15px "CatamaranBold";
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .clsContBulletNombreActive {
        font: 16px "CatamaranBold";
    }
}

.clsContBulletPeriodo {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font: 18px "CatamaranLight";
    color: #555555;
    cursor: pointer;
}

.clsContBulletPeriodoActive {
    font: 17px "CatamaranBold";
}

.clsIniSlidePorque {
    display: none !important;
}

#por-que .sp-horizontal .sp-previous-arrow {
    left: -50px !important;
}

#por-que .sp-horizontal .sp-next-arrow {
    right: -50px !important;
}

#por-que .sp-previous-arrow:before,
#por-que .sp-next-arrow:before {
    margin-top: -14px !important;
}

#por-que .sp-previous-arrow:before,
#por-que .sp-previous-arrow:after,
#por-que .sp-next-arrow:before,
#por-que .sp-next-arrow:after {
    width: 30% !important;
    height: 100% !important;
    background-color: #777777 !important;
}

/*Fin por que*/
/*acercade*/
#acercade {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #3d7ea8;
    background-image: url(/images/back-empresa.png?f0a7340dc26dca0fb09890005d3dbcff);
    background-repeat: no-repeat;
    background-size: cover;
}

.cls-titulo-i-1 {
    position: relative;
    margin-top: 60px;
    font: 38px "CatamaranBold";
    color: #ffffff;
    text-align: center;
    z-index: 3;
}

.cls-titulo-i-2 {
    position: relative;
    margin-top: -55px;
    font: 70px "CatamaranBold";
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.35;
    z-index: 1;
}

.clsTextoDMC {
    position: relative;
    font: 26px "CatamaranBold";
    line-height: 28px;
    color: #ffffff;
    text-align: left;
}

.clsTextoDescDMC {
    position: relative;
    font: 18px "CatamaranBold";
    line-height: 24px;
    color: #ffffff;
    text-align: left;
}

.clsTextoAcercaDe {
    position: relative;
    margin-bottom: 30px;
    font: 14px "CatamaranLight";
    line-height: 24px;
    color: #ffffff;
}

#divMenuAcercaDe {
    position: relative;
    width: 400px;
    margin-top: -242px;
    float: right;
    overflow: hidden;
    z-index: 9;
}

#divMenuAcercaDe>div {
    padding: 0 !important;
}

.clsMarcoAcercaDe {
    position: relative;
    width: 200px;
    height: 200px;
    border: 1px solid #dbdbdb;
    font: 280px "CatamaranLight";
    color: #dbdbdb;
    text-align: right;
}

.clsMarcoAcercaDe-U {
    position: relative;
    top: -1px;
}

.clsMarcoAcercaDe-UU {
    position: relative;
    top: -2px;
}

.clsMarcoAcercaDe-R {
    position: relative;
    left: 1px;
}

.clsLinkAcerca {
    color: #fff;
    opacity: 1;
    text-decoration: none;
}

.clsLinkAcerca:hover {
    color: #cbad4f;
    opacity: 1;
    text-decoration: none;
}

.clsContMenuAcercaDe {
    z-index: 1;
}

#divContNumero-1 {
    cursor: pointer;
    overflow: hidden;
}

#divContNumero-2 {
    cursor: pointer;
    overflow: hidden;
}

#divContNumero-3 {
    cursor: pointer;
    overflow: hidden;
}

#divContNumero-4 {
    cursor: pointer;
    overflow: hidden;
}

#divContNumero-1:hover,
#divContNumero-2:hover,
#divContNumero-3:hover,
#divContNumero-4:hover {
    background-color: #cbad4f;
    background-image: url(/images/back-numero.png?43cdd10c288db558b91c01c00e1c3c08);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px -1px 10px 5px rgba(0, 0, 0, 0.28);
}

#divNumero-1 {
    position: relative;
    line-height: 165px;
    left: 21px;
    top: 38px;
}

#divNumero-2 {
    position: relative;
    line-height: 165px;
    left: 8px;
    top: 38px;
}

#divNumero-3 {
    position: relative;
    line-height: 165px;
    left: 12px;
    top: 18px;
}

#divNumero-4 {
    position: relative;
    line-height: 165px;
    left: 8px;
    top: 18px;
}

.clsAcercaDeActive {
    display: inline-flex;
}

.clsAcercaDeDesactive {
    display: none;
}

/*Fin acercade*/
/*experiencias*/
#testimonios {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #ffffff;
}


#experiencias {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 60px;
    background-color: #ffffff;
}

.clsImgLogoSlide {
    margin-right: 20px;
    background-image: url(/images/icono-oaxaca4meeting.png?d88c11f3d6782195aa2ea1692e9965b9);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.clsContSlideTituloTexto {
    float: left;
}

#menu-viajes img {
    width: 100%;
}

.img-viajes-espacios {
    padding: 0px 0;
}

#experiencias .sp-horizontal .sp-previous-arrow {
    left: -50px !important;
}

#experiencias .sp-horizontal .sp-next-arrow {
    right: -50px !important;
}

#experiencias .sp-previous-arrow:before,
#experiencias .sp-next-arrow:before {
    margin-top: -14px !important;
}

#experiencias .sp-previous-arrow:before,
#experiencias .sp-previous-arrow:after,
#experiencias .sp-next-arrow:before,
#experiencias .sp-next-arrow:after {
    width: 30% !important;
    height: 100% !important;
    background-color: #777777 !important;
}

.contimg--experiencias {
    position: relative;
    width: 50%;
}

.cont-img-experiencias .image {
    /*display: block;
  width: 100%;
  height: auto;*/
}

.overlay-experiencias {
    position: absolute;
    width: 100% !important;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    /*opacity: 0;*/
    transition: 0.5s ease;
    /*
  background-image: url('../images/experiencias/back-black.png');
  background-position: bottom;
  background-repeat: no-repeat;
  */
    /*https://www.cssmatic.com/es/gradient-generator*/
    background: rgba(255, 255, 255, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(62%, rgba(0, 0, 0, 0.62)), color-stop(74%, rgba(0, 0, 0, 0.74)), color-stop(84%, rgba(0, 0, 0, 0.84)), color-stop(100%, black));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.62) 62%, rgba(0, 0, 0, 0.74) 74%, rgba(0, 0, 0, 0.84) 84%, black 100%);
}

.oe-sofisticado {
    height: 70%;
}

.oe-colores {
    height: 70%;
}

.oe-mezcal {
    height: 60%;
}

.oe-delicias {
    height: 70%;
}

.oe-manos {
    height: 40%;
}

.oe-moda {
    height: 70%;
}

.cont-img-experiencias:hover .overlay-experiencias {
    opacity: 1;
}

.text-experiencias {
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.te-sofisticado {
    top: 75%;
}

.te-colores {
    top: 75%;
}

.te-mezcal {
    top: 75%;
}

.te-delicias {
    top: 80%;
}

.te-manos {
    top: 60%;
}

.te-moda {
    top: 80%;
}

/*-------*/
.te-deleite {
    top: 80%;
}

.te-cafe {
    top: 80%;
}

.te-hilos {
    top: 60%;
}

/*--------------*/
.titulo-experiencia {
    position: relative;
    font: 18px "CatamaranBold";
}

.frase-experiencia {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
}

.titulo-experiencia-deleite {
    position: relative;
    font: 18px "CatamaranBold";
    color: #199e45;
}

.frase-experiencia-deleite {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #199e45;
}

.titulo-experiencia-cafe {
    position: relative;
    font: 18px "CatamaranBold";
    color: #786053;
}

.frase-experiencia-cafe {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #786053;
}

.titulo-experiencia-hilos {
    position: relative;
    font: 18px "CatamaranBold";
    color: #dca02a;
}

.frase-experiencia-hilos {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #dca02a;
}

/*-------*/
.titulo-experiencia-sofisticado {
    position: relative;
    font: 18px "CatamaranBold";
    color: #a135cc;
}

.frase-experiencia-sofisticado {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #a135cc;
}

.titulo-experiencia-colores {
    position: relative;
    font: 18px "CatamaranBold";
    color: #db5600;
}

.frase-experiencia-colores {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #db5600;
}

.titulo-experiencia-mezcal {
    position: relative;
    font: 18px "CatamaranBold";
    color: #467e00;
}

.frase-experiencia-mezcal {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #467e00;
}

.titulo-experiencia-delicias {
    position: relative;
    font: 18px "CatamaranBold";
    color: #d87e91;
}

.frase-experiencia-delicias {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #d87e91;
}

.titulo-experiencia-manos {
    position: relative;
    font: 18px "CatamaranBold";
    color: #0080ad;
}

.frase-experiencia-manos {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #0080ad;
}

.titulo-experiencia-moda {
    position: relative;
    font: 18px "CatamaranBold";
    color: #aa105f;
}

.frase-experiencia-moda {
    position: relative;
    margin-top: -5px;
    font: 14px "CatamaranLight";
    color: #aa105f;
}

/*Fin experiencias*/
/*eventos*/
#eventosespeciales {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #cfb355;
}

.cls-titulo-e-1 {
    position: relative;
    font: 38px "CatamaranBold";
    color: #ffffff;
    text-align: center;
    z-index: 3;
}

.cls-titulo-e-2 {
    position: relative;
    margin-top: -55px;
    font: 70px "CatamaranBold";
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.5;
    z-index: 1;
}

#divContTituloEventos {
    position: absolute;
    width: 100%;
    top: 40px;
}

.clsContTextoEventosEspeciales {
    position: relative;
    width: 80%;
    color: #fff;
    text-shadow: 3px 1px 7px rgba(2, 2, 2, 0.5);
}

.clsContTextoEventosEspeciales p {
    margin-bottom: 0px;
}

.clsBtnContactanos {
    position: relative;
    width: 180px;
    height: 54px;
    margin: 40px auto;
    padding: 10px 31px;
    background-color: #2a4a96;
    font: 22px "CatamaranMedium";
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    cursor: pointer;
}

.clsBtnContactanos:hover {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
}

.clsBtnContactanos:active {
    position: relative;
    top: 1px;
}

.col-xs-5-gbr,
.col-sm-5-gbr,
.col-md-5-gbr,
.col-lg-5-gbr,
.col-xl-5-gbr {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Fin eventos*/
/*Destinos*/
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    /*opacity: 0;*/
    display: none;
    transition: 0.5s ease;
    /*background-color: #000000;*/
    background-image: url(/images/destinos_back.png?a216f1d6289b4dc2344e8960e788c7bb);
    background-repeat: repeat;
}

/*
.clsContOverlay {
    @apply relative overflow-hidden;
} */
.clsContOverlay:hover .overlay {
    /*opacity: .5;*/
    display: block;

}

.clsDescOverlay {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.clsContDescDestino {
    width: 270px;
    height: 130px;
    border: 1px solid #fff;
}

.clsDestinoTitulo {
    position: relative;
    margin-top: 15px;
    font: 18px "CatamaranBold";
    color: #ffffff;
}

.clsDestinoIcons {
    position: relative;
    width: 190px;
    height: 32px;
    margin: 10px auto;
}

.img-ico-destinos {
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 15px 7px;
}

.clsDestinoIcoNombre {
    font: 16px "CatamaranThin";
    color: #ffffff;
    display: none;
}

.a-d-1-1:hover~.n-1-1,
.d-1-1:hover~.n-1-1 {
    display: block;
}

.a-d-1-2:hover~.n-1-2,
.d-1-2:hover~.n-1-2 {
    display: block;
}

.a-d-1-3:hover~.n-1-3,
.d-1-3:hover~.n-1-3 {
    display: block;
}

/*Fin Destinos*/
/*Contacto*/
#contacto {
    position: relative;
    height: auto;
    padding-bottom: 80px;
    z-index: 1;
}

.clsContactoIzq {
    background-color: #000;
    opacity: 0.98;
}

.clsContactoDer {
    background-color: #000;
    opacity: 0.8;
}

.clsContFormContacto {
    position: relative;
    height: auto;
}

.clsContBtns {
    position: relative;
    top: -11px;
}

.clsABtns {
    text-decoration: none;
    display: block;
}

.clsABtns:hover {
    text-decoration: none;
}

.clsBtnBlog {
    position: relative;
    width: 183px;
    height: 52px;
    top: 0;
    float: left;
    background-image: url(/images/btn_blog.png?9c974042a6c9ca2c70f97c8196cbe22e);
    background-repeat: no-repeat;
    background-size: contain;
}

.clsBtnBlog:hover,
.clsBtnBlog:focus {
    background-image: url(/images/btn_blog_hover.png?eb2bdae0b13c83ac279226d0c46be25f);
}

.clsBtnChat {
    position: relative;
    width: 253px;
    height: 52px;
    top: 0;
    float: right;
    background-image: url(/images/btn_chat.png?38d6af37eca166e4c386d35119ed6397);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.clsBtnChat:hover,
.clsBtnChat:focus {
    background-image: url(/images/btn_chat_hover.png?c35cf61658a44c2f6da009d8ab4693c7);
}

.clsTextoBlog {
    position: relative;
    font: 14px "CatamaranMedium";
    color: #fff;
}

.swiper-slide {
    transition: all 0.3s ease-in-out;
    scale: 0.8;
    opacity: 0.5
}

/* .progress-circle {
    font-size: 20px;
    margin: 20px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: white;
    border-radius: 50%;
    line-height: 5em;
}
.progress-circle::after {
      border: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      display: block;
      border-radius: 50%;
      width: 4.7em;
      aspect-ratio: 1/1;
      background-color: #fff;
      content: " ";

    }







        .progress-circle .left-half-clipper {
        clip: rect(auto, auto, auto, auto);
      }
      .progress-circle .first50-bar {
        position: absolute;
        clip: rect(0, 5em, 5em, 2.5em);
        background-color: #001e42;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        transform: rotate(90deg);
      }

    .progress-circle.p50 .value-bar {
        border-color: #2a4a96;
        transform: rotate(360deg);
      } */

.progress-circle {
    font-size: 20px;
    margin: 20px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #cbd5e05a;
    border-radius: 50%;
    line-height: 5em
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: .35em;
    left: .35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: #fff;
    content: " "
}



.progress-circle:not(.over50) .first50-bar {
    display: none;
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto);
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #001e42;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    transform: rotate(90deg);
}

.value-bar {
    position: absolute;
    clip: rect(0,2.5em,5em,0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #cccccc;
    box-sizing: border-box;
}


.progress-circle.p100 .value-bar {
    transform: rotate(90deg);
}


.progress-circle img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: none;
    position: absolute;
    z-index: 10;
}

.swiper-slide-active {
    scale: 1;
    opacity: 1;
}

.clsTextoChat {
    font: 14px "CatamaranMedium";
    color: #fff;
    text-transform: uppercase;
}

.clsTextoChat a {
    font: 14px "CatamaranMedium";
    color: #fff;
    text-decoration: none;
}

.clsTextoChat a:hover {
    font: 14px "CatamaranMedium";
    color: #fff;
    text-decoration: none;
}

#divMapa {
    width: 100%;
    height: 600px;
}

#divInfoMaps {
    position: relative;
    top: 0px;
    left: 0px;
}

#divContPriContacto {
    background-color: #ffffff;
}

#divContContacto {
    width: 100%;
    margin: 0 auto;
}

#divContFRM {
    width: 100%;
    height: auto;
    padding-top: 50px;
    background-color: #1f223d;
}

#frmContacto {
    position: relative;
    margin-top: 50px;
}

.clsTituloContacto {
    margin-bottom: 40px;
    font: 25px "RFRufoBold";
    color: #1f223d;
}

.clsEnviar {
    width: 150px;
    height: 35px;
    padding: 5px 0;
    display: inline-block;
    background-color: #1f223d;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-family: "MontserratRegular";
    font-size: 18px;
}

.clsEnviar:hover {
    background-color: #1f223d;
    text-decoration: none;
    color: #42cee5;
}

.clsEnviar:active {
    position: relative;
    top: 1px;
}

#divTextoDireccion {
    font: 14px "CatamaranLight";
    color: #ffffff;
    text-align: center;
}

#divContTelefono {
    position: relative;
    width: 230px;
    margin: 0 auto;
    text-align: center;
}

.clsTelefono {
    position: relative;
    width: 100%;
    height: 13px;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 10px;
    float: left;
    font: 13px "CatamaranLight";
    text-align: center;
}

.aTelefono {
    float: left;
    text-decoration: none;
    color: #ffffff;
}

.aTelefono:hover {
    color: #cccccc;
}

#divContRedesContacto .fab {
    color: white !important;
}

#divContRedesContacto {
    position: relative;
    width: 200px;
    height: 38px;
    margin: 40px auto;
}

.clsRedesContacto {
    position: relative;
    height: 38px;
    float: left;
    margin-right: 15px;
}

#divUp {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

#divUp img {
    width: 100%;
    cursor: pointer;
}

.clsFancibox,
.clsFancibox:hover {
    color: #42cee5;
}

/*Fin Contacto*/
/*Inicio Modulos*/
#inicio-mod {
    position: relative;
    height: auto !important;
    margin-bottom: 0;
    background-color: #747679;
    z-index: 10;
}

/*Fin Inicio Modulos*/
/*Nuestros Eventos*/
#nuestros-eventos {
    margin-top: 100px;
}

#divContTituloNuestrosEventos {
    position: relative;
}

.cls-titulo-ne-1 {
    position: relative;
    font: 38px "CatamaranBlack";
    color: #555555;
    text-align: center;
    line-height: 30px;
    z-index: 3;
}

.cls-titulo-ne-2 {
    position: relative;
    font: 18px "CatamaranBold";
    color: #cccccc;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.5;
    z-index: 1;
}

.clsContImageNuestEvent {
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.imgNuestrosEventos {
    width: 100%;
    height: auto;
    display: block;
}

.clsOverlayContEncapMas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    background-color: #000000;
}

.clsContEncapMas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
}

.clsContImageNuestEvent:hover .clsOverlayContEncapMas {
    opacity: 0.6;
}

.clsContImageNuestEvent:hover .clsContEncapMas {
    opacity: 1;
}

.clsEncapMas {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%);
    text-align: center;
}

.textCorchete {
    font: 44px "CatamaranLight";
}

.textMas {
    font: 22px "CatamaranLight";
}

#divContInfoNuestrosEventos {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 434px !important;
    margin-bottom: 30px;
}

.clsBackColorNuEv {
    min-height: 275px;
    background-color: #c4a346;
    background-image: url(/images/back-info-nu-ev.png?b8b101e1486ce5cf9d5feefd38a0816c);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
}

.clsContTextoNuestEvent {
    position: relative;
    /*    width: 85%;*/
}

.clsTextoInfo {
    position: relative;
    font: 18px "CatamaranBold";
    line-height: 28px;
    color: #fff;
    text-align: center;
}

.clsPieTexto {
    position: relative;
    margin: 0 auto;
    margin-top: 6%;
    font: 24px "CatamaranRegular";
    color: #fff;
    text-align: left;
    line-height: 28px;
    text-align: center;
}

.clsTextoInfo-1 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-1 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-2 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-2 {
    font: 15px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-3 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-3 {
    font: 16px "CatamaranRegular" !important;
    line-height: 20px !important;
}

.clsTextoInfo-4 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-4 {
    width: 90%;
    font: 16px "CatamaranRegular" !important;
    line-height: 22px !important;
}

.clsTextoInfo-5 {
    font: 26px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-5 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-6 {
    font: 22px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-6 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-7 {
    font: 22px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-7 {
    font: 16px "CatamaranRegular" !important;
    line-height: 22px !important;
}

.clsTextoInfo-8 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-8 {
    font: 16px "CatamaranRegular" !important;
    line-height: 22px !important;
}

.clsTextoInfo-9 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-9 {
    font: 16px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-10 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-10 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-11 {
    font: 18px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-11 {
    font: 22px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-12 {
    font: 24px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-12 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-13 {
    font: 22px "CatamaranBold" !important;
    line-height: 24px !important;
}

.clsPieTexto-13 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-14 {
    font: 22px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-14 {
    font: 15px "CatamaranRegular" !important;
    line-height: 20px !important;
}

.clsTextoInfo-15 {
    font: 22px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-15 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

.clsTextoInfo-16 {
    font: 18px "CatamaranBold" !important;
    line-height: 28px !important;
}

.clsPieTexto-16 {
    font: 18px "CatamaranRegular" !important;
    line-height: 24px !important;
}

/*Fin Nuestros Eventos*/
/*Experiencias*/
#divContImgInt {
    position: absolute;
    bottom: 0;
}

#viajes img {
    width: 100%;
}

.texto-viajes {
    font: 30px "CatamaranLight";
    color: #494949;
}

.img-viajes-espacios {
    padding: 0px 0;
}

.clsBackGris {
    background-color: #ececec;
}

.ico-brand-viajes {
    width: 80px !important;
}

.clsViajesTitulo {
    font: 40px "CatamaranBold";
    line-height: 30px;
    color: #8f175c;
    text-transform: uppercase;
}

.clsViajesSubtitulo {
    font: 20px "CatamaranBold";
    color: #555555;
}

.clsTextoInteriores {
    margin-bottom: 100px;
    font: 20px "CatamaranLight";
    color: #555555;
}

.clsTextoInteriores b {
    font: 20px "CatamaranBold";
    color: #555555;
}

/*Fin Experiencias*/
/*Destinos*/
.clsContInfoDestino,
.clsContInfoDescDestino {
    width: 100%;
    height: auto;
}

.clsColorGrisNuestrosDestinos {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #eeeeee;
}

.clsColorAzulNuestrosDestinos {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #2a4a96;
}

.clsItemDestino p {
    margin-bottom: 0px;
}

.clsLiContImgMenuDestinos-conectividad:hover~.clsContInfoDescDestino {
    background-color: aqua !important;
}

.clsLiContImgMenuDestinos-conectividad>div,
.clsLiContImgMenuDestinos-hospedaje>div,
.clsLiContImgMenuDestinos-espacios>div,
.clsLiContImgMenuDestinos-actividades>div {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    padding: 0 auto;
}

.clsLiContImgMenuDestinos-conectividad>div {
    background-image: url(/images/conectividad-int.svg?9aeac48acfcd6d8d9ce6edcee887b1cc);
}

.clsLiContImgMenuDestinos-hospedaje>div {
    background-image: url(/images/hospedaje-int.svg?7a54027adf7c34250a46a4973b5d9039);
}

.clsLiContImgMenuDestinos-espacios>div {
    background-image: url(/images/espacios-int.svg?160774e691d6ce0620fbdcc86762ac1c);
}

.clsLiContImgMenuDestinos-actividades>div {
    background-image: url(/images/actividades-int.svg?3fb18b1e297cb1a9f3572c1d3ba796f1);
}

.clsLiContImgMenuDestinos-conectividad>div.imgMenuActive,
.clsLiContImgMenuDestinos-conectividad>div.imgMenuActiveSel {
    background-image: url(/images/conectividad-int-over.svg?b8d668e80c1e5b7cc43bbb8ebd19b7b8);
}

.clsLiContImgMenuDestinos-hospedaje>div.imgMenuActive,
.clsLiContImgMenuDestinos-hospedaje>div.imgMenuActiveSel {
    background-image: url(/images/hospedaje-int-over.svg?8e3b783d04600465b454603334dfad3f);
}

.clsLiContImgMenuDestinos-espacios>div.imgMenuActive,
.clsLiContImgMenuDestinos-espacios>div.imgMenuActiveSel {
    background-image: url(/images/espacios-int-over.svg?7759fc2f307ac96017e8940d428d49b5);
}

.clsLiContImgMenuDestinos-actividades>div.imgMenuActive,
.clsLiContImgMenuDestinos-actividades>div.imgMenuActiveSel {
    background-image: url(/images/actividades-int-over.svg?7c212f2a102331239a756a41fa45da33);
}

/*Fin Destinos*/
/*Blog*/
.cont-list-posts {
    margin-top: 70px;
}

.cont-item-menu-blog_1 .overlay-img-menu-blog {
    position: absolute;
    width: 99.4% !important;
    height: 99%;
    top: 0.5%;
    left: 0.3%;
    right: 0;
    bottom: 0;
    transition: 0.5s ease;
    background: rgba(0, 0, 0, 0.4);
}

.cont-item-menu-blog_2 .overlay-img-menu-blog {
    position: absolute;
    width: 98% !important;
    height: 98%;
    top: 1%;
    left: 1%;
    right: 0;
    bottom: 0;
    transition: 0.5s ease;
    background: rgba(0, 0, 0, 0.4);
}

.cont-item-menu-blog_1:hover .overlay-img-menu-blog,
.cont-item-menu-blog_2:hover .overlay-img-menu-blog {
    opacity: 1;
}

.cont-item-menu-blog_1,
.cont-item-menu-blog_2 {
    width: 100%;
}

.cont-item-menu-blog_1 img,
.cont-item-menu-blog_2 img {
    width: 100%;
}

.clsRowNoticias hr {
    margin-bottom: 30px;
    background-color: #c6c6c6;
}

.clsRowNoticias .cont-titulo-post a,
#divPublicacion .cont-titulo-post {
    margin-bottom: 30px;
    font-family: "CatamaranBold";
    color: #555555;
}

.clsRowNoticias .cont-titulo-post a:hover {
    text-decoration: none;
}

.clsRowNoticias .cont-sub-titulo-post,
#divPublicacion .cont-sub-titulo-post {
    margin-bottom: 30px;
    font-family: "CatamaranRegular";
    color: #2a4a96;
}

.ico-bullet-blog {
    position: relative;
    width: 20px;
    height: 20px;
    top: -3px;
    margin-right: 5px;
}

.clsImgPublicacionList {
    width: 100%;
    margin-bottom: 30px;
}

.clsNota {
    margin-bottom: 30px;
    font-family: "CatamaranRegular";
    color: #555555;
}

.clsNota p {
    margin-bottom: 0px;
}

.clsNota a {
    color: #428bca;
    font-family: "CatamaranLight";
    font-size: 14px;
    padding: 3px;
}

.clsNota a:hover {
    text-decoration: none;
    color: #2a4a96;
}

.cont-fechas-post {
    position: relative;
    width: 70%;
    height: auto;
    text-align: right;
}

.post-anio {
    font-family: "CatamaranMedium";
    color: #cccccc;
}

.post-mes {
    font-family: "CatamaranMedium";
    color: #555555;
}

.post-dia {
    font-family: "CatamaranMedium";
    color: #555555;
}

.clsContFechasBlog {
    width: 100%;
    height: auto;
    min-height: 500px;
    padding-bottom: 20px;
    background-color: #eeeeee;
}

.cont-leer-mas {
    margin-bottom: 50px;
}

.link-leer-mas {
    text-decoration: none;
    font-family: "CatamaranLight";
    color: #cccccc;
    cursor: pointer;
}

.link-leer-mas:hover {
    text-decoration: none;
    font-family: "CatamaranLight";
    color: #cbad4f;
}

.img-menu-blog-footer {
    width: 100%;
    margin-bottom: 0px;
}

.cont-blog-contacto {
    position: relative;
}

.cont-blog-contacto a {
    font-family: "CatamaranBold";
    color: #ffffff;
    text-decoration: none;
}

.cont-blog-contacto a:hover {
    color: #2a4a96;
    text-decoration: none;
}

.titulo-entradas-blog {
    padding: 20px 10px 0px;
    font: 28px "CatamaranBold";
    color: #555555;
}

.card{
    /*border-color: #cccccc;*/
        background: transparent !important;
    border: 0 !important;
}
.card-footer {
    background: transparent !important;
    border: none !important;
}

.swiper-slide {
    height: auto !important;
}

.card-header {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.card-body {
    padding: 0px 30px !important;
}

.btn-link:hover {
    color: #6d6d6d;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn_entradas {
    width: 100%;
    border: none;
    border-radius: 0 !important;
    text-align: left;
    color: #6d6d6d;
    text-decoration: none !important;
}

.btn_entradas_active {
    border-left: 2px solid #d8af46 !important;
}

.btn_entradas span {
    float: right;
}

#accordion {
    margin-bottom: 20px;
}

.cont-mes-publicacion {
    margin-bottom: 5px;
}

.cont-mes-publicacion a {
    width: 100%;
    text-align: left;
    color: #6d6d6d;
    text-decoration: none !important;
}

.cont-mes-publicacion a:hover {
    color: #6d6d6d;
    text-decoration: none !important;
}

#divGaleriaPost {
    margin-bottom: 50px;
}

#divFechaPublicacion {
    position: relative;
    background-color: #d1a53e;
}

.post-anio-read {
    position: relative;
    width: 80px;
    height: 50px;
    font-family: "CatamaranRegular";
    color: #ffffff;
    transform: rotate(-90deg);
}

.post-mes-read,
.post-dia-read {
    position: relative;
    font-family: "CatamaranRegular";
    color: #ffffff;
}

/*Fin Blog*/
@media (min-width: 300px) {

    /*Contacto*/
    #divFacebookContacto {
        margin-left: 20%;
    }

    .clsRedesContacto {
        margin-right: 15px;
    }

    /*Fin Contacto*/
}

@media (min-width: 320px) and (max-width: 767px) {
    .clsViajesSubtitulo {
        font-size: 16px;
    }

    .clsContTextoNuestEvent {
        width: 72%;
    }

    .sp-layer {
        font-size: 8px;
        bottom: 5px;
    }

    .clsBtnBlog {
        width: 84%;
        height: 32px;
    }

    .clsBtnChat {
        width: 110%;
        height: 32px;
    }

    #nuestros-eventos {
        margin-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .clsContTextoNuestEvent {
        width: 85%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .clsContTextoNuestEvent {
        width: 85%;
    }
}

@media (min-width: 300px) and (max-width: 479px) {
    .clsContTextoNuestEvent {
        width: 72%;
    }

    .te-sofisticado {
        top: 70%;
    }

    .te-colores {
        top: 70%;
    }

    .te-mezcal {
        top: 70%;
    }

    .te-delicias {
        top: 80%;
    }

    .te-manos {
        top: 60%;
    }

    .te-moda {
        top: 70%;
    }

    /*-------*/
    .te-deleite {
        top: 80%;
    }

    .te-cafe {
        top: 80%;
    }

    .te-hilos {
        top: 60%;
    }

    /*-------*/
}

@media (min-width: 300px) and (max-width: 767px) {
    .clsHiddenMovil {
        display: none !important;
    }

    .clsShowMovil {
        display: block !important;
    }

    .clsPaddingMovil {
        padding: 15px !important;
    }

    #divContMenuPrincipal {
        height: 80px;
    }

    #divMenuPrincipal {
        display: block !important;
    }

    #divContButtonMenu {
        display: block !important;
    }

    .navbar-header {
        height: 90px;
    }

    #navbar {
        display: none !important;
    }

    .navbar-nav li a div {
        font: 10px "CatamaranMedium";
        line-height: 10px;
    }

    #ulNavBar {
        margin-top: -60px;
    }

    #logo {
        width: 120px;
        height: 57px;
        margin-top: -30px !important;
    }

    #divTextoHeader {
        width: 600px;
        top: 100px;
        left: 15px;
        font-size: 12px;
        line-height: 12px;
    }

    #divUnete {
        height: 120px;
        margin-top: 0px;
    }

    #divUnete .container {
        width: 95%;
    }

    .imgIcoUnete {
        width: 90px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 20px;
    }

    .clsTextoUnete {
        font-size: 20px;
    }

    .clsTextoRodea {
        font-size: 11px;
    }

    #txtEmailUnete {
        width: 150px;
        height: 35px;
    }

    #btnUnete {
        width: 35px;
        height: 35px;
    }

    .clsExperienciasMarginTopMovil {
        margin-top: -6px;
    }

    .clsTextoInteriores {
        margin-bottom: 60px;
        font: 18px "CatamaranLight";
        color: #555555;
        line-height: 25px;
    }

    .overlay-experiencias {
        opacity: 1;
    }

    .overlay-img-menu-blog {
        opacity: 0;
    }
}

@media (min-width: 300px) and (max-width: 991px) {
    .clsHiddenTablet {
        display: none !important;
    }

    .clsShowTablet {
        display: block !important;
    }
}

@media (max-width: 991px) {
    #divContButtonMenu {
        top: 0px;
        left: 15px;
    }
}

@media (min-width: 320px) and (max-width: 539px) {
    .clsObjInCenter {
        width: 100%;
        font-size: 16px;
    }

    #divTextoHeader {
        width: 90%;
        top: 58%;
        left: 20px;
        font-size: 18px;
        line-height: 18px;
    }

    #divTextCIA {
        font: 10px "RFRufoBold";
    }

    #divTextDev {
        display: none;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    #divTextoHeader {
        width: 80%;
        top: 40%;
        left: 20px;
        font-size: 20px;
        line-height: 20px;
    }
}

/*@media(min-width:768px) and (max-width:991px) {*/
@media (min-width: 768px) and (max-width: 1023px) {
    #divContMenuPrincipal {
        top: -35px;
    }

    #navbar {
        top: -60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-header {
        height: 140px;
    }

    .navbar-nav li a div {
        font: 10px "CatamaranMedium";
        line-height: 10px;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -80px;
    }

    #logo {
        width: 150px;
        height: 71px;
        margin-top: 0 !important;
    }

    #divTextoHeader {
        width: 600px;
        top: 190px;
        left: 100px;
        font-size: 20px;
        line-height: 20px;
    }

    #divUnete {
        height: 100px;
        margin-top: -100px;
    }

    .imgIcoUnete {
        width: 70px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 5px;
    }

    .clsTextoUnete {
        font-size: 24px;
    }

    .clsTextoRodea {
        font-size: 16px;
    }

    #txtEmailUnete {
        width: 200px;
        height: 30px;
        border: 2px solid #ffffff;
    }

    #btnUnete {
        width: 30px;
        height: 30px;
        border: 2px solid #ffffff;
        margin-left: -2px;
    }
}

/*
@media(min-width:992px) and (max-width:1023px) {
    .navbar-nav li a {
        padding-left: 8px;
        padding-right: 8px;
        font: 14px 'RFRufoBold' !important;
    }
    .clsTituloSeccion {
        font-size: 23px;
    }
    #divTextoHeader {
        width: 390px;
        top: -650px;
        left: 30px;
        font-size: 28px;
    }
}
*/
@media (min-width: 1024px) and (max-width: 1199px) {
    #navbar {
        top: -60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-header {
        height: 140px;
    }

    .navbar-nav li a div {
        font: 10px "CatamaranMedium";
        line-height: 10px;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -30px;
    }

    #logo {
        width: 200px;
        height: 95px;
    }

    #divTextoHeader {
        width: 600px;
        top: 280px;
        left: 100px;
        font-size: 24px;
        line-height: 24px;
    }

    #divUnete {
        height: 120px;
        margin-top: -120px;
    }

    .imgIcoUnete {
        width: 90px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 10px;
    }

    .clsTextoUnete {
        font-size: 26px;
    }

    .clsTextoRodea {
        font-size: 18px;
    }

    #txtEmailUnete {
        width: 200px;
        height: 35px;
    }

    #btnUnete {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-header {
        height: 140px;
    }

    .navbar-nav li a div {
        font: 12px "CatamaranMedium";
        line-height: 12px;
        text-transform: uppercase;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }

    #logo {
        width: 220px;
        height: 104px;
    }

    #divTextoHeader {
        width: 800px;
        top: 300px;
        left: 140px;
        font-size: 35px;
        line-height: 35px;
    }

    #divUnete {
        height: 180px;
        margin-top: -180px;
    }

    .imgIcoUnete {
        width: 130px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 15px;
    }

    .clsTextoUnete {
        font-size: 40px;
    }

    .clsTextoRodea {
        font-size: 25px;
    }

    .clsTextoInfo {
        position: relative;
        font: 30px "CatamaranBold";
        line-height: 42px;
        color: #fff;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-header {
        height: 150px;
    }

    .navbar-nav li a div {
        font: 14px "CatamaranMedium";
        line-height: 14px;
        text-transform: uppercase;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }

    #logo {
        width: 240px;
        height: 114px;
    }

    #divTextoHeader {
        width: 800px;
        top: 300px;
        left: 140px;
        font-size: 40px;
        line-height: 40px;
    }

    #divUnete {
        height: 200px;
        margin-top: -200px;
    }

    .imgIcoUnete {
        width: 150px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 12px;
    }

    .clsTextoUnete {
        font-size: 45px;
    }

    .clsTextoRodea {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .clsTextoInfo {
        position: relative;
        font: 30px "CatamaranBold";
        line-height: 42px;
        color: #fff;
    }
}

@media (min-width: 1600px) and (max-width: 1999px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-nav li a div {
        font: 16px "CatamaranMedium";
        line-height: 16px;
        text-transform: uppercase;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }

    #logo {
        width: 285px;
        height: 135px;
    }

    #divTextoHeader {
        width: 1200px;
        top: 40%;
        left: 10%;
        font-size: 50px;
        line-height: 50px;
    }

    #divUnete {
        height: 256px;
        margin-top: -256px;
    }

    .imgIcoUnete {
        width: 165px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 12px;
    }

    .clsTextoUnete {
        font-size: 50px;
    }

    .clsTextoRodea {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .clsTextoInfo {
        position: relative;
        font: 30px "CatamaranBold";
        line-height: 42px;
        color: #fff;
    }
}

@media (min-width: 2000px) and (max-width: 5000px) {
    #navbar {
        top: -50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-nav li a div {
        font: 18px "CatamaranMedium";
        line-height: 18px;
        text-transform: uppercase;
    }

    #ulNavBar {
        width: 90%;
        margin-top: -20px;
    }

    #logo {
        width: 285px;
        height: 135px;
    }

    #divTextoHeader {
        width: 1200px;
        top: 40%;
        left: 10%;
        font-size: 50px;
        line-height: 50px;
    }

    #divUnete {
        height: 256px;
        margin-top: -256px;
    }

    .imgIcoUnete {
        width: 165px;
        height: auto;
    }

    .clsMarginTopTextoUnete {
        margin-top: 15px;
    }

    .clsTextoUnete {
        font-size: 50px;
    }

    .clsTextoRodea {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .clsTextoInfo {
        position: relative;
        font: 30px "CatamaranBold";
        line-height: 42px;
        color: #fff;
    }
}

@media (max-width: 375px) {
    .fuentes {
        font: 12px "CatamaranLight";
    }
}

@media (min-width: 300px) {
    #inicio {
        margin-bottom: 30px;
    }

    .clsSliderTitulo {
        font: 14px "CatamaranLight";
        text-transform: none;
        font-size: 10px;
    }

    .sp-padding {
        padding: 0px 10px !important;
    }

    #acercade {
        height: 680px;
    }

    .clsContMenuAcercaDe {
        margin-right: 0;
        margin-left: 0;
        padding: inherit;
    }

    #divMenuAcercaDe {
        width: 100%;
        margin-top: -132px;
        margin-bottom: 30px;
        margin-left: 0;
        float: left;
    }

    #divContAcercaDeDet {
        position: relative;
        top: 100px;
    }

    .cls-titulo-1 {
        font-size: 28px;
    }

    .cls-titulo-2,
    .cls-titulo-e-2 {
        font-size: 40px;
        margin-top: -35px;
    }

    #acercade .cls-titulo-i-1 {
        font-size: 28px;
        margin-top: 10px !important;
    }

    #acercade .cls-titulo-i-2 {
        font-size: 40px;
        margin-top: -35px;
        margin-bottom: 30px !important;
    }

    .clsMarginTituloAcercaDe {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .clsMarcoAcercaDe {
        width: 160px;
        height: 100px;
        font: 100px "CatamaranLight";
    }

    #divNumero-1 {
        line-height: 165px;
        left: 8px;
        top: -12px;
    }

    #divNumero-2 {
        line-height: 165px;
        left: 5px;
        top: -12px;
    }

    #divNumero-3 {
        line-height: 165px;
        left: 5px;
        top: -18px;
    }

    #divNumero-4 {
        line-height: 165px;
        left: 5px;
        top: -18px;
    }

    .clsMarcoAcercaDe-R {
        left: 0;
    }

    .clsMarcoAcercaDe-U {
        top: 0;
    }

    .clsMarcoAcercaDe-UU {
        top: 0;
    }

    #por-que .sp-horizontal .sp-previous-arrow {
        left: 10px !important;
    }

    #por-que .sp-horizontal .sp-next-arrow {
        right: 10px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-previous-arrow:after,
    #por-que .sp-next-arrow:before,
    #por-que .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #ffffff !important;
    }

    #experiencias .sp-horizontal .sp-previous-arrow {
        left: 0px !important;
    }

    #experiencias .sp-horizontal .sp-next-arrow {
        right: 0px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-previous-arrow:after,
    #experiencias .sp-next-arrow:before,
    #experiencias .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 90%;
        margin: 0 !important;
        /*font: 18px 'CatamaranRegular';*/
        font: 16px "CatamaranLight";
        line-height: 24px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .col-xs-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
    /*FrmContacto*/
    #frm-contacto {
        position: fixed;
        width: 100%;
        min-height: 400px;
        height: auto;
        left: 0%;
        margin: 0px auto;
        overflow: auto;
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .cont-text-hola {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .text-hola {
        font: 18px "CatamaranBold";
        color: #cfb355;
    }

    .text-deja-msj {
        font: 18px "CatamaranRegular";
        color: #fff;
    }

    .text-contacto {
        position: relative;
        top: 15%;
        right: 20%;
        font: 50px "CatamaranBlack";
        color: #555;
        text-align: right;
        line-height: 45px;
        opacity: 0.5;
    }

    .clsContFormContacto {
        position: relative;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #frmContacto input,
    #frmContacto textarea {
        width: 100%;
        height: 26px;
        margin-bottom: 8px;
        padding: 5px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        font: 14px "CatamaranLight";
        color: #fff;
    }

    .frm-fields {
        font: 14px "CatamaranLight";
        color: #fff;
        line-height: 16px;
    }

    .cont-text-campos {
        position: absolute;
        bottom: 0;
        font: 14px "CatamaranLight";
        color: #cfb355;
    }

    .cont-btn-contacto,
    .btn-enviar {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    .cont-btn-contacto:hover,
    .btn-enviar:hover {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        color: #cfb355;
    }

    .cont-btn-contacto>div {
        float: left;
        margin-right: 5px;
    }

    .cont-btn-contacto>img {
        position: relative;
        margin-top: 5px;
    }

    /*Fin FrmContacto*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 100%;
        min-height: 400px;
        height: 110vh;
        top: 0%;
        left: 0%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        /*transform: translate(-50%, -41%);
    -webkit-transform: translate(-50%, -41%);*/
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .clsContactoDer {
        background-color: #000;
        opacity: 1;
    }

    .clsCloseContacto {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        cursor: pointer;
        z-index: 99;
    }

    .clsCloseContacto img {
        width: 100%;
        height: auto;
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 0%;
        transform: translate(5%, 500%);
        -webkit-transform: translate(5%, 500%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 10px;
        font: 20px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 10px;
        font: 14px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
    /*Destinos*/
    .clsContInfoDestino,
    .clsContInfoDescDestino {
        min-height: 400px;
        padding-left: 40px;
        padding-right: 40px;
        margin-bottom: 60px;
    }

    .clsContInfoDescDestino {
        color: #ffffff;
    }

    .clsContTituloLogo {
        position: relative;
        width: 70%;
        height: auto;
        margin-top: 10px;
        margin-bottom: 5px;
        float: right;
        display: flex;
        align-items: center;
    }

    .clsTituloNuestrosDestinos {
        position: relative;
        margin-right: 20px;
        font: 44px "CatamaranBold";
        color: #bfbbbd;
        float: left;
    }

    .clsContLogoNuestrosDestinos {
        position: relative;
        width: 120px;
        height: 120px;
        float: left;
    }

    .clsContLogoNuestrosDestinos img {
        width: 100%;
        height: auto;
    }

    .clsContDescNuestrosDestinos {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: right;
        font: 16px "CatamaranLight";
        line-height: 23px;
    }

    .clsContDescNuestrosDestinos p {
        margin-bottom: 0px;
    }

    .clsTituloItemDestino {
        font: 32px "CatamaranSemiBold";
        margin-bottom: 40px;
    }

    .clsUlDescDestinos {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
        font: 17px "CatamaranLight";
    }

    .clsUlDescDestinos li {
        padding-left: 1em;
        text-indent: -0.7em;
    }

    .clsUlDescDestinos li::before {
        content: "• ";
        color: #cbad4f;
        font: 18px "CatamaranBold";
    }

    .clsContInfoDescDestino {
        position: relative;
        margin-top: 80px;
    }

    .clsTextoPieItemDestino {
        font: 17px "CatamaranSemiBold";
    }

    .clsContBotonesDestino {
        position: absolute;
        width: 100%;
        height: auto;
        left: 0px;
        top: -60px;
        z-index: 999;
    }

    .clsContBotonesDestino>ul {
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .clsContBotonesDestino>ul>li {
        width: 25%;
        height: 60px;
        background-color: #eeeeee;
        cursor: pointer;
        float: left;
        display: flex;
        align-items: center;
    }

    .clsContBotonesDestino>ul>li:hover {
        width: 25%;
        height: 60px;
        background-color: #cbad4f;
    }

    .img-ico-destinos {
        position: relative;
        width: 26%;
        height: 80%;
        float: left;
        margin: 0 auto;
        margin-left: 5px;
        margin-right: 5px;
    }

    .liActive {
        width: 25% !important;
        height: 60px !important;
        background-color: #cbad4f !important;
    }

    /*Fin Destinos*/
    /*Viajes*/
    .mt-header-viajes {
        margin-top: 50px;
    }

    .mb-header-viajes {
        margin-bottom: 30px;
    }

    /*Fin Viajes*/
    /*Blog*/
    .post-dia {
        font-size: 28px;
    }

    .post-mes {
        font-size: 22px;
        margin-bottom: -20px;
    }

    .post-anio {
        font-size: 18px;
        margin-bottom: -10px;
    }

    .cont-titulo-post {
        font-size: 20px;
    }

    .cont-sub-titulo-post {
        font-size: 14px;
    }

    .clsNota {
        font-size: 13px;
    }

    .link-leer-mas {
        font-size: 12px;
    }

    .cont-blog-contacto {
        position: relative;
        top: -25%;
        width: 200px;
        height: auto;
        right: 1%;
        margin-bottom: 0px;
        text-align: right;
        float: right;
        /*background-image: url('../images/contacto/banner_contactanos.jpg');
    background-size: contain;
    background-repeat: no-repeat;*/
    }

    .cont-blog-contacto a {
        font-size: 14px !important;
    }

    #divFechaPublicacion {
        width: 75px;
        height: 60px;
        top: -20px;
        margin-top: -80px;
    }

    .post-anio-read {
        top: -15px;
        left: -15px;
        font-size: 20px !important;
    }

    .post-mes-read,
    .post-dia-read {
        top: -30px;
        left: 30px;
        margin-bottom: -15px !important;
        font-size: 20px !important;
    }

    /*Fin Blog*/
}

@media (max-width: 576px) {

    /*Eventos*/
    .col-xs-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
}

@media (min-width: 576px) {
    .sp-layer {
        font-size: 6px;
    }

    /*Eventos*/
    .col-sm-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
}

@media (min-width: 768px) {
    .sp-layer {
        font-size: 6px;
    }

    #divImgBackInicioMod {
        height: 160px !important;
    }

    .cls-titulo-1 {
        font-size: 38px;
    }

    .cls-titulo-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    #acercade .cls-titulo-i-1 {
        font-size: 38px;
    }

    #acercade .cls-titulo-i-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    /*porque*/
    #por-que .container {
        max-width: 85% !important;
    }

    #por-que .sp-horizontal .sp-previous-arrow {
        left: -40px !important;
    }

    #por-que .sp-horizontal .sp-next-arrow {
        right: -40px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-previous-arrow:after,
    #por-que .sp-next-arrow:before,
    #por-que .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    .clsSliderTitulo {
        font: 20px "CatamaranLight";
        text-transform: none;
    }

    /*Fin porque*/
    /*acercade*/
    #acercade {
        height: 633px;
    }

    .cls-titulo-i-1 {
        margin-top: 10px;
    }

    .clsAcercaDeMarginBottom {
        margin-bottom: 0px;
    }

    #divContAcercaDeDet {
        position: relative;
        top: -60px;
    }

    .clsContMenuAcercaDe {
        padding-left: 0px;
    }

    #divMenuAcercaDe {
        width: 170px;
        margin-top: -103px;
        margin-right: 0px;
        float: right;
    }

    .clsMarcoAcercaDe {
        width: 170px;
        height: 159px;
        font: 210px "CatamaranLight";
    }

    #divNumero-1 {
        line-height: 165px;
        left: 21px;
        top: 16px;
    }

    #divNumero-2 {
        line-height: 165px;
        left: 8px;
        top: 16px;
    }

    #divNumero-3 {
        line-height: 165px;
        left: 12px;
        top: 0px;
    }

    #divNumero-4 {
        line-height: 165px;
        left: 12px;
        top: 1px;
    }

    .clsMarcoAcercaDe-R {
        left: 0;
    }

    .clsMarcoAcercaDe-U {
        top: -1px;
    }

    .clsMarcoAcercaDe-UU {
        top: -2px;
    }

    /*Fin acercade*/
    /*Viajes*/
    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 120%;
        margin-top: -800px;
        margin-left: 30%;
        z-index: 999;
    }

    /*Fin Viajes*/
    /*experiencias*/
    #experiencias .container {
        max-width: 85% !important;
    }

    .clsSlideTituloExperiencias {
        width: 50%;
    }

    .clsImgLogoSlide {
        width: 80px;
        height: 80px;
    }

    .clsContSlideTituloTexto-1 {
        font: 32px "CatamaranBold";
        color: #555555;
    }

    .clsContSlideTituloTexto-2 {
        position: relative;
        top: -10px;
        font: 18px "CatamaranBold";
        color: #555555;
    }

    .clsImgSlideExperiencias {
        width: 360px;
        height: auto;
    }

    .clsImgSlideExperiencias>img {
        width: 100%;
    }

    .clsSlideTextoExperiencias {
        position: absolute !important;
        width: 40%;
        text-align: right;
        top: 30% !important;
        left: 10% !important;
    }

    #experiencias .sp-horizontal .sp-previous-arrow {
        left: -50px !important;
    }

    #experiencias .sp-horizontal .sp-next-arrow {
        right: -50px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-previous-arrow:after,
    #experiencias .sp-next-arrow:before,
    #experiencias .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    /*Fin experiencias*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 90%;
        margin: 0 !important;
        font: 24px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .col-md-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
    /*FrmContacto*/
    #frm-contacto {
        position: fixed;
        width: 100%;
        min-height: 400px;
        height: auto;
        left: 0%;
        margin: 0px auto;
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .cont-text-hola {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .text-hola {
        font: 18px "CatamaranBold";
        color: #cfb355;
    }

    .text-deja-msj {
        font: 18px "CatamaranRegular";
        color: #fff;
    }

    .text-contacto {
        position: relative;
        top: 15%;
        right: 20%;
        font: 61px "CatamaranBlack";
        color: #555;
        text-align: right;
        line-height: 70px;
        opacity: 0.5;
    }

    .clsContFormContacto {
        position: relative;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #frmContacto input,
    #frmContacto textarea {
        width: 100%;
        height: 26px;
        margin-bottom: 8px;
        padding: 5px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        font: 14px "CatamaranLight";
        color: #fff;
    }

    .frm-fields {
        font: 14px "CatamaranLight";
        color: #fff;
        line-height: 16px;
    }

    .cont-text-campos {
        position: absolute;
        bottom: 0;
        font: 14px "CatamaranLight";
        color: #cfb355;
    }

    .cont-btn-contacto,
    .btn-enviar {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    .cont-btn-contacto:hover,
    .btn-enviar:hover {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        color: #cfb355;
    }

    .cont-btn-contacto>div {
        float: left;
        margin-right: 5px;
    }

    .cont-btn-contacto>img {
        position: relative;
        margin-top: 5px;
    }

    /*Fin FrmContacto*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 95%;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -25%);
        -webkit-transform: translate(-50%, -25%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .clsContactoDer {
        background-color: #000;
        opacity: 0.9;
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 77%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
    /*Destinos*/
    .clsContInfoDestino,
    .clsContInfoDescDestino {
        min-height: 800px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .clsContInfoDescDestino {
        color: #ffffff;
    }

    .clsContTituloLogo {
        position: relative;
        width: 110%;
        height: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        float: right;
        display: flex;
        align-items: center;
    }

    .clsTituloNuestrosDestinos {
        position: relative;
        margin-right: 20px;
        font: 44px "CatamaranBold";
        color: #bfbbbd;
        float: left;
    }

    .clsContLogoNuestrosDestinos {
        position: relative;
        width: 120px;
        height: 120px;
        float: left;
    }

    .clsContLogoNuestrosDestinos img {
        width: 100%;
        height: auto;
    }

    .clsContDescNuestrosDestinos {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: right;
        font: 17px "CatamaranLight";
    }

    .clsTituloItemDestino {
        font: 32px "CatamaranSemiBold";
        margin-bottom: 40px;
    }

    .clsUlDescDestinos {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
        font: 17px "CatamaranLight";
    }

    .clsUlDescDestinos li {
        padding-left: 1em;
        text-indent: -0.7em;
    }

    .clsUlDescDestinos li::before {
        content: "• ";
        color: #cbad4f;
        font: 18px "CatamaranBold";
    }

    .clsContInfoDescDestino {
        position: relative;
        margin-top: 100px;
    }

    .clsTextoPieItemDestino {
        font: 17px "CatamaranSemiBold";
    }

    .clsContBotonesDestino {
        position: absolute;
        width: 75px;
        height: 250px;
        left: unset;
        top: 0px;
        right: -75px;
        z-index: 999;
    }

    .clsContBotonesDestino>ul {
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .clsContBotonesDestino>ul>li {
        width: 57px;
        height: 57px;
        margin-bottom: 8px;
        background-color: #eeeeee;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .clsContBotonesDestino>ul>li:hover {
        width: 75px;
        height: 57px;
        background-color: #cbad4f;
    }

    .img-ico-destinos {
        position: relative;
        width: 32px;
        height: 32px;
        float: left;
        margin: 0 15px 7px;
    }

    .liActive {
        width: 75px !important;
        height: 57px !important;
        background-color: #cbad4f !important;
    }

    /*Fin Destinos*/
    /*Viajes*/
    .mt-header-viajes {
        margin-top: 170px;
    }

    .mb-header-viajes {
        margin-bottom: 100px;
    }

    /*Fin Viajes*/
    /*Footer*/
    .clsBtnBlog {
        height: 52px;
    }

    .clsBtnChat {
        height: 52px;
    }

    /*Fin Footer*/
    .overlay-experiencias {
        opacity: 0;
    }

    .overlay-img-menu-blog {
        opacity: 0;
    }

    /*Blog*/
    .post-dia {
        font-size: 28px;
    }

    .post-mes {
        font-size: 22px;
        margin-bottom: -20px;
    }

    .post-anio {
        font-size: 18px;
        margin-bottom: -10px;
    }

    .cont-titulo-post {
        font-size: 20px;
    }

    .cont-sub-titulo-post {
        font-size: 14px;
    }

    .clsNota {
        font-size: 13px;
    }

    .link-leer-mas {
        font-size: 12px;
    }

    .cont-blog-contacto {
        position: relative;
        top: -24%;
        width: 200px;
        height: auto;
        right: 2%;
        margin-bottom: 0px;
        text-align: right;
        float: right;
        /*background-image: url('../images/contacto/banner_contactanos.jpg');
    background-size: contain;
    background-repeat: no-repeat;*/
    }

    .cont-blog-contacto a {
        font-size: 30px !important;
    }

    #divFechaPublicacion {
        width: 115px;
        height: 85px;
        top: -70px;
        margin-top: -100px;
    }

    .post-anio-read {
        top: 5px;
        left: -10px;
        font-size: 28px !important;
    }

    .post-mes-read,
    .post-dia-read {
        top: -30px;
        left: 50px;
        margin-bottom: -20px !important;
        font-size: 28px !important;
    }

    /*Fin Blog*/
}

@media (min-width: 992px) {
    .sp-layer {
        font-size: 12px;
    }

    #divImgBackInicioMod {
        height: 250px !important;
    }

    .cls-titulo-1 {
        font-size: 38px;
    }

    .cls-titulo-2,
    .cls-titulo-e-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    #acercade .cls-titulo-i-1 {
        font-size: 38px;
    }

    #acercade .cls-titulo-i-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    /*porque*/
    #por-que .container {
        max-width: 85% !important;
    }

    #por-que .sp-horizontal .sp-previous-arrow {
        left: -60px !important;
    }

    #por-que .sp-horizontal .sp-next-arrow {
        right: -60px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-previous-arrow:after,
    #por-que .sp-next-arrow:before,
    #por-que .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    .clsSliderTitulo {
        font: 26px "CatamaranLight";
        text-transform: none;
    }

    /*Fin porque*/
    /*acercade*/
    #acercade {
        height: 511px;
    }

    .cls-titulo-i-1 {
        margin-top: 30px;
    }

    .clsAcercaDeMarginBottom {
        margin-bottom: 0px;
    }

    #divContAcercaDeDet {
        position: relative;
        top: 0px;
    }

    #divMenuAcercaDe {
        width: 340px;
        margin-top: -163px;
    }

    .clsMarcoAcercaDe {
        width: 170px;
        height: 171px;
        font: 210px "CatamaranLight";
    }

    #divNumero-1 {
        line-height: 165px;
        left: 21px;
        top: 27px;
    }

    #divNumero-2 {
        line-height: 165px;
        left: 8px;
        top: 27px;
    }

    #divNumero-3 {
        line-height: 165px;
        left: 12px;
        top: 11px;
    }

    #divNumero-4 {
        line-height: 165px;
        left: 6px;
        top: 14px;
    }

    /*Fin acercade*/
    /*Viajes*/
    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 120%;
        margin-top: -800px;
        margin-left: 30%;
        z-index: 999;
    }

    /*Fin Viajes*/
    /*experiencias*/
    #experiencias .container {
        max-width: 85% !important;
    }

    .clsSlideTituloExperiencias {
        width: 50%;
    }

    .clsImgLogoSlide {
        width: 80px;
        height: 80px;
    }

    .clsContSlideTituloTexto-1 {
        font: 32px "CatamaranBold";
        color: #555555;
    }

    .clsContSlideTituloTexto-2 {
        position: relative;
        top: -10px;
        font: 18px "CatamaranBold";
        color: #555555;
    }

    .clsImgSlideExperiencias {
        width: 400px;
        height: auto;
    }

    .clsImgSlideExperiencias>img {
        width: 100%;
    }

    .clsSlideTextoExperiencias {
        position: absolute !important;
        width: 40%;
        text-align: right;
        top: 30% !important;
        left: 10% !important;
    }

    #experiencias .sp-horizontal .sp-previous-arrow {
        left: -70px !important;
    }

    #experiencias .sp-horizontal .sp-next-arrow {
        right: -70px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-previous-arrow:after,
    #experiencias .sp-next-arrow:before,
    #experiencias .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    /*Fin experiencias*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 80%;
        margin: 0 !important;
        font: 28px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .col-lg-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
    /*FrmContacto*/
    #frm-contacto {
        position: fixed;
        width: 70%;
        min-height: 400px;
        height: auto;
        left: 50%;
        margin: 0px auto 93px -35%;
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .cont-text-hola {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .text-hola {
        font: 18px "CatamaranBold";
        color: #cfb355;
    }

    .text-deja-msj {
        font: 18px "CatamaranRegular";
        color: #fff;
    }

    .text-contacto {
        position: relative;
        top: 15%;
        right: 20%;
        font: 61px "CatamaranBlack";
        color: #555;
        text-align: right;
        line-height: 70px;
        opacity: 0.5;
    }

    .clsContFormContacto {
        position: relative;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #frmContacto input,
    #frmContacto textarea {
        width: 100%;
        height: 26px;
        margin-bottom: 8px;
        padding: 5px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        font: 14px "CatamaranLight";
        color: #fff;
    }

    .frm-fields {
        font: 14px "CatamaranLight";
        color: #fff;
        line-height: 16px;
    }

    .cont-text-campos {
        position: absolute;
        bottom: 0;
        font: 14px "CatamaranLight";
        color: #cfb355;
    }

    .cont-btn-contacto,
    .btn-enviar {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    .cont-btn-contacto:hover,
    .btn-enviar:hover {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        color: #cfb355;
    }

    .cont-btn-contacto>div {
        float: left;
        margin-right: 5px;
    }

    .cont-btn-contacto>img {
        position: relative;
        margin-top: 5px;
    }

    /*Fin FrmContacto*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 870px;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 77%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
    /*Destinos*/
    .clsContInfoDestino,
    .clsContInfoDescDestino {
        min-height: 700px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .clsContInfoDescDestino {
        color: #ffffff;
    }

    .clsContTituloLogo {
        position: relative;
        width: 80%;
        height: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        float: right;
        display: flex;
        align-items: center;
    }

    .clsTituloNuestrosDestinos {
        position: relative;
        margin-right: 20px;
        font: 44px "CatamaranBold";
        color: #bfbbbd;
        float: left;
    }

    .clsContLogoNuestrosDestinos {
        position: relative;
        width: 120px;
        height: 120px;
        float: left;
    }

    .clsContLogoNuestrosDestinos img {
        width: 100%;
        height: auto;
    }

    .clsContDescNuestrosDestinos {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: right;
        font: 17px "CatamaranLight";
    }

    .clsTituloItemDestino {
        font: 32px "CatamaranSemiBold";
        margin-bottom: 40px;
    }

    .clsUlDescDestinos {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
        font: 17px "CatamaranLight";
    }

    .clsUlDescDestinos li {
        padding-left: 1em;
        text-indent: -0.7em;
    }

    .clsUlDescDestinos li::before {
        content: "• ";
        color: #cbad4f;
        font: 18px "CatamaranBold";
    }

    .clsContInfoDescDestino {
        position: relative;
        margin-top: 100px;
    }

    .clsTextoPieItemDestino {
        font: 17px "CatamaranSemiBold";
    }

    .clsContBotonesDestino {
        position: absolute;
        width: 75px;
        height: 250px;
        left: unset;
        top: 0px;
        right: -75px;
        z-index: 999;
    }

    .clsContBotonesDestino>ul {
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .clsContBotonesDestino>ul>li {
        width: 57px;
        height: 57px;
        margin-bottom: 8px;
        background-color: #eeeeee;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .clsContBotonesDestino>ul>li:hover {
        width: 75px;
        height: 57px;
        background-color: #cbad4f;
    }

    .img-ico-destinos {
        position: relative;
        width: 32px;
        height: 32px;
        float: left;
        margin: 0 15px 7px;
    }

    .liActive {
        width: 75px !important;
        height: 57px !important;
        background-color: #cbad4f !important;
    }

    /*Fin Destinos*/
    /*Blog*/
    .post-dia {
        font-size: 32px;
    }

    .post-mes {
        font-size: 23px;
        margin-bottom: -20px;
    }

    .post-anio {
        font-size: 19px;
        margin-bottom: -10px;
    }

    .cont-titulo-post {
        font-size: 22px;
    }

    .cont-sub-titulo-post {
        font-size: 15px;
    }

    .clsNota {
        font-size: 14px;
    }

    .link-leer-mas {
        font-size: 12px;
    }

    .cont-blog-contacto {
        position: relative;
        top: -22%;
        width: 200px;
        height: auto;
        right: 4%;
        margin-bottom: 0px;
        text-align: right;
        float: right;
        /*background-image: url('../images/contacto/banner_contactanos.jpg');
    background-size: contain;
    background-repeat: no-repeat;*/
    }

    .cont-blog-contacto a {
        font-size: 34px !important;
    }

    .post-anio-read {
        top: 5px;
        left: -10px;
        font-size: 28px !important;
    }

    .post-mes-read,
    .post-dia-read {
        top: -30px;
        left: 50px;
        margin-bottom: -20px !important;
        font-size: 28px !important;
    }

    /*Fin Blog*/
}

@media (min-width: 1200px) {
    #divImgBackInicioMod {
        height: 300px !important;
    }

    .cls-titulo-1 {
        font-size: 38px;
    }

    .cls-titulo-2,
    .cls-titulo-e-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    #acercade .cls-titulo-i-1 {
        font-size: 38px;
    }

    #acercade .cls-titulo-i-2 {
        font-size: 70px;
        margin-top: -55px;
    }

    .cls-titulo-e-1 {
        font-size: 38px;
    }

    /*FrmContacto*/
    #frm-contacto {
        position: fixed;
        width: 70%;
        min-height: 400px;
        height: auto;
        left: 50%;
        margin: 0px auto 93px -35%;
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .cont-text-hola {
        position: absolute;
        bottom: 10%;
        left: 10%;
    }

    .text-hola {
        font: 18px "CatamaranBold";
        color: #cfb355;
    }

    .text-deja-msj {
        font: 18px "CatamaranRegular";
        color: #fff;
    }

    .text-contacto {
        position: relative;
        top: 15%;
        right: 20%;
        font: 61px "CatamaranBlack";
        color: #555;
        text-align: right;
        line-height: 70px;
        opacity: 0.5;
    }

    .clsContFormContacto {
        position: relative;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    #frmContacto input,
    #frmContacto textarea {
        width: 100%;
        height: 26px;
        margin-bottom: 8px;
        padding: 5px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        font: 14px "CatamaranLight";
        color: #fff;
    }

    .frm-fields {
        font: 14px "CatamaranLight";
        color: #fff;
        line-height: 16px;
    }

    .cont-text-campos {
        position: absolute;
        bottom: 0;
        font: 14px "CatamaranLight";
        color: #cfb355;
    }

    .cont-btn-contacto,
    .btn-enviar {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
    }

    .cont-btn-contacto:hover,
    .btn-enviar:hover {
        position: relative;
        width: 100px;
        right: -8px;
        float: right;
        color: #cfb355;
    }

    .cont-btn-contacto>div {
        float: left;
        margin-right: 5px;
    }

    .cont-btn-contacto>img {
        position: relative;
        margin-top: 5px;
    }

    /*Fin FrmContacto*/
    /*porque*/
    #por-que .container {
        max-width: 85% !important;
    }

    #por-que .sp-horizontal .sp-previous-arrow {
        left: -60px !important;
    }

    #por-que .sp-horizontal .sp-next-arrow {
        right: -60px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #por-que .sp-previous-arrow:before,
    #por-que .sp-previous-arrow:after,
    #por-que .sp-next-arrow:before,
    #por-que .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    .clsSliderTitulo {
        font: 32px "CatamaranLight";
        text-transform: none;
    }

    /*Fin porque*/
    /*acercade*/
    #acercade {
        height: 601px;
    }

    .clsAcercaDeMarginBottom {
        margin-bottom: 0px;
    }

    #divMenuAcercaDe {
        width: 400px;
        margin-top: -163px;
    }

    #divContAcercaDeDet {
        position: relative;
        top: 0px;
    }

    .clsMarcoAcercaDe {
        width: 200px;
        height: 201px;
        font: 280px "CatamaranLight";
    }

    #divNumero-1 {
        line-height: 165px;
        left: 21px;
        top: 38px;
    }

    #divNumero-2 {
        line-height: 165px;
        left: 8px;
        top: 38px;
    }

    #divNumero-3 {
        line-height: 165px;
        left: 12px;
        top: 18px;
    }

    #divNumero-4 {
        line-height: 165px;
        left: 8px;
        top: 19px;
    }

    /*Fin acercade*/
    /*Viajes*/
    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 110%;
        margin-top: -800px;
        margin-left: 30%;
        z-index: 999;
    }

    /*Fin Viajes*/
    /*experiencias*/
    #experiencias .container {
        max-width: 85% !important;
    }

    .clsSlideTituloExperiencias {
        width: 50%;
    }

    .clsImgLogoSlide {
        width: 80px;
        height: 80px;
    }

    .clsContSlideTituloTexto-1 {
        font: 32px "CatamaranBold";
        color: #555555;
    }

    .clsContSlideTituloTexto-2 {
        position: relative;
        top: -10px;
        font: 18px "CatamaranBold";
        color: #555555;
    }

    .clsImgSlideExperiencias {
        width: 400px;
        height: auto;
    }

    .clsImgSlideExperiencias>img {
        width: 100%;
    }

    .clsSlideTextoExperiencias {
        position: absolute !important;
        width: 40%;
        text-align: right;
        top: 30% !important;
        left: 10% !important;
    }

    #experiencias .sp-horizontal .sp-previous-arrow {
        left: -100px !important;
    }

    #experiencias .sp-horizontal .sp-next-arrow {
        right: -100px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-next-arrow:before {
        margin-top: -14px !important;
    }

    #experiencias .sp-previous-arrow:before,
    #experiencias .sp-previous-arrow:after,
    #experiencias .sp-next-arrow:before,
    #experiencias .sp-next-arrow:after {
        width: 30% !important;
        height: 100% !important;
        background-color: #777777 !important;
    }

    /*Fin experiencias*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 80%;
        margin: 0 !important;
        font: 32px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .col-xl-5-gbr {
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
        float: left;
    }

    /*Fin Eventos*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 870px;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 77%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
    /*Destinos*/
    .clsContInfoDestino,
    .clsContInfoDescDestino {
        min-height: 700px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .clsContInfoDescDestino {
        color: #ffffff;
    }

    .clsContTituloLogo {
        position: relative;
        width: 62%;
        height: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        float: right;
        display: flex;
        align-items: center;
    }

    .clsTituloNuestrosDestinos {
        position: relative;
        margin-right: 20px;
        font: 44px "CatamaranBold";
        color: #bfbbbd;
        float: left;
    }

    .clsContLogoNuestrosDestinos {
        position: relative;
        width: 120px;
        height: 120px;
        float: left;
    }

    .clsContLogoNuestrosDestinos img {
        width: 100%;
        height: auto;
    }

    .clsContDescNuestrosDestinos {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: right;
        font: 17px "CatamaranLight";
    }

    .clsTituloItemDestino {
        font: 32px "CatamaranSemiBold";
        margin-bottom: 40px;
    }

    .clsUlDescDestinos {
        list-style: none;
        padding: 0;
        margin: 0 0 20px 0;
        font: 17px "CatamaranLight";
    }

    .clsUlDescDestinos li {
        padding-left: 1em;
        text-indent: -0.7em;
    }

    .clsUlDescDestinos li::before {
        content: "• ";
        color: #cbad4f;
        font: 18px "CatamaranBold";
    }

    .clsContInfoDescDestino {
        position: relative;
        margin-top: 100px;
    }

    .clsTextoPieItemDestino {
        font: 17px "CatamaranSemiBold";
    }

    .clsContBotonesDestino {
        position: absolute;
        width: 75px;
        height: 250px;
        left: unset;
        top: 0px;
        right: -75px;
        z-index: 999;
    }

    .clsContBotonesDestino>ul {
        width: 100%;
        height: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .clsContBotonesDestino>ul>li {
        width: 57px;
        height: 57px;
        margin-bottom: 8px;
        background-color: #eeeeee;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .clsContBotonesDestino>ul>li:hover {
        width: 75px;
        height: 57px;
        background-color: #cbad4f;
    }

    .img-ico-destinos {
        position: relative;
        width: 32px;
        height: 32px;
        float: left;
        margin: 0 15px 7px;
    }

    .liActive {
        width: 75px !important;
        height: 57px !important;
        background-color: #cbad4f !important;
    }

    /*Fin Destinos*/
    /*Blog*/
    .post-dia {
        font-size: 32px;
    }

    .post-mes {
        font-size: 23px;
        margin-bottom: -20px;
    }

    .post-anio {
        font-size: 19px;
        margin-bottom: -10px;
    }

    .cont-titulo-post {
        font-size: 22px;
    }

    .cont-sub-titulo-post {
        font-size: 15px;
    }

    .clsNota {
        font-size: 14px;
    }

    .link-leer-mas {
        font-size: 12px;
    }

    .cont-blog-contacto {
        position: relative;
        top: -18%;
        width: 200px;
        height: auto;
        right: 6%;
        margin-bottom: 50px;
        text-align: right;
        float: right;
        /*background-image: url('../images/contacto/banner_contactanos.jpg');
    background-size: contain;
    background-repeat: no-repeat;*/
    }

    .cont-blog-contacto a {
        font-size: 36px !important;
    }

    .post-anio-read {
        top: 5px;
        left: -10px;
        font-size: 28px !important;
    }

    .post-mes-read,
    .post-dia-read {
        top: -30px;
        left: 50px;
        margin-bottom: -20px !important;
        font-size: 28px !important;
    }

    /*Fin Blog*/
}

@media (min-width: 1400px) and (max-width: 1499px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 100%;
        margin-top: -800px;
        margin-left: 30%;
        z-index: 999;
    }
}

@media (min-width: 1500px) and (max-width: 1999px) {
    #divImgBackInicioMod {
        height: 300px !important;
    }

    /*acerca de*/
    .clsTextoDMC {
        font: 50px "CatamaranBold";
        line-height: 55px;
        text-align: left;
    }

    .clsTextoAcercaDe {
        margin-bottom: 30px;
        font: 20px "CatamaranLight";
        line-height: 36px;
    }

    /*Fin acerca de*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 70%;
        margin: 0 !important;
        font: 32px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    /*Fin Eventos*/
    /*Viajes*/
    .clsTextoInteriores {
        margin-bottom: 100px;
        font: 24px "CatamaranLight";
    }

    /*Fin Viajes*/
    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 90%;
        margin-top: -130%;
        margin-left: 30%;
        z-index: 999;
    }

    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 1200px;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 82%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
}

@media (min-width: 2000px) and (max-width: 2399px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 90%;
        margin-top: -115%;
        margin-left: 40%;
        z-index: 999;
    }
}

@media (min-width: 2400px) and (max-width: 2599px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 80%;
        top: 90%;
        margin-top: -115%;
        margin-left: 40%;
        z-index: 999;
    }
}

@media (min-width: 2600px) and (max-width: 2999px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 70%;
        top: 110%;
        margin-top: -115%;
        margin-left: 40%;
        z-index: 999;
    }
}

@media (min-width: 2000px) and (max-width: 3000px) {
    #divImgBackInicioMod {
        height: 300px !important;
    }

    /*acerca de*/
    .clsTextoDMC {
        font: 60px "CatamaranBold";
        line-height: 55px;
        text-align: left;
    }

    .clsTextoAcercaDe {
        margin-bottom: 30px;
        font: 26px "CatamaranLight";
        line-height: 36px;
    }

    /*Fin acerca de*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 70%;
        margin: 0 !important;
        font: 32px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    /*Fin Eventos*/
    /*Viajes*/
    .clsTextoInteriores {
        margin-bottom: 100px;
        font: 28px "CatamaranLight";
    }

    /*Fin Viajes*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 1200px;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .text-hola {
        font: 28px "CatamaranBold";
    }

    .text-deja-msj {
        font: 28px "CatamaranRegular";
    }

    .frm-fields {
        font: 20px "CatamaranLight";
        line-height: 18px;
    }

    #frmContacto input,
    #frmContacto textarea {
        font: 24px "CatamaranLight";
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 82%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
}

#tentradas {
    text-decoration: none;
    color: #2a4a96;
}

#tentradas:hover,
#tentradas:focus {
    text-decoration: none;
    color: #9c9b9b;
}

@media (min-width: 3000px) and (max-width: 3299px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 60%;
        top: 110%;
        margin-top: -115%;
        margin-left: 50%;
        z-index: 999;
    }
}

@media (min-width: 3000px) and (max-width: 5000px) {
    #divImgBackInicioMod {
        height: 300px !important;
    }

    /*acerca de*/
    .clsTextoDMC {
        font: 60px "CatamaranBold";
        line-height: 55px;
        text-align: left;
    }

    .clsTextoAcercaDe {
        margin-bottom: 30px;
        font: 30px "CatamaranLight";
        line-height: 40px;
    }

    /*Fin acerca de*/
    /*Eventos*/
    .clsContTextoEventosEspeciales {
        position: absolute;
        width: 70%;
        margin: 0 !important;
        font: 32px "CatamaranRegular";
        line-height: 40px;
        left: 50%;
        top: 65%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    /*Fin Eventos*/
    /*Viajes*/
    .clsTextoInteriores {
        margin-bottom: 100px;
        font: 28px "CatamaranLight";
    }

    /*Fin Viajes*/
    /*contacto*/
    #frm-contacto {
        position: fixed;
        width: 1200px;
        min-height: 400px;
        height: auto;
        left: 50%;
        /*margin: 0px auto 93px -35%;*/
        margin: 0 !important;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 999999;
    }

    #frm-contacto .clsContactoIzq,
    #frm-contacto .clsContactoDer {
        min-height: 400px;
    }

    .text-hola {
        font: 28px "CatamaranBold";
    }

    .text-deja-msj {
        font: 28px "CatamaranRegular";
    }

    .frm-fields {
        font: 20px "CatamaranLight";
        line-height: 18px;
    }

    #frmContacto input,
    #frmContacto textarea {
        font: 24px "CatamaranLight";
    }

    .clsContPriMsjContacto {
        position: absolute;
        width: 100%;
        left: 82%;
        transform: translate(-50%, 200%);
        -webkit-transform: translate(-50%, 200%);
    }

    .clsRespGracias {
        margin-top: 10px;
        margin-left: 20px;
        font: 22px "CatamaranBold";
        line-height: 30px;
        color: #9c9b9b;
    }

    .clsRespMsj {
        margin-left: 20px;
        font: 16px "CatamaranMedium";
        color: #9c9b9b;
    }

    /*contacto*/
}

@media (min-width: 3300px) and (max-width: 3799px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 50%;
        top: 130%;
        margin-top: -115%;
        margin-left: 60%;
        z-index: 999;
    }
}

@media (min-width: 3800px) and (max-width: 3999px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 50%;
        top: 140%;
        margin-top: -115%;
        margin-left: 60%;
        z-index: 999;
    }
}

@media (min-width: 4000px) and (max-width: 4999px) {

    #divContGatViajes,
    #divContGatViajes-g {
        position: relative;
        width: 40%;
        top: 160%;
        margin-top: -115%;
        margin-left: 70%;
        z-index: 999;
    }
}

/*------------------------- modificaciones 13 mayo 2019 CC2 Mexico-----------------------*/
@media (min-width: 320px) {
    #divWhatsApp {
        position: fixed;
        width: 35px;
        height: 35px;
        top: auto;
        bottom: 0px;
        /* right: 45%; */
        background-color: white;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #divWhatsApp i {
        width: 100%;
        height: 100%;
        margin: -3px 0 0 0;
        font-size: 42px;
        color: #00b79b;
    }

    .clsTextoInfo-1 {
        font-size: 17px !important;
        width: 128%;
        left: -25px;
    }

    .clsTextoInfo-2 {
        left: -22px;
        width: 124%;
        font-size: 17px !important;
    }

    .clsTextoInfo-3 {
        width: 100%;
        font-size: 17px !important;
    }

    .clsTextoInfo-4 {
        width: 130%;
        left: -28px;
        font-size: 15px !important;
    }

    .clsTextoInfo-5 {
        width: 107%;
        font-size: 20px !important;
    }

    .clsTextoInfo-6 {
        width: 126%;
        font-size: 14px !important;
        left: -27px;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 118%;
        left: -19px;
        font-size: 22px !important;
    }

    .clsTextoInfo-10 {
        width: 109%;
        font-size: 16px !important;
        left: -12px;
    }

    .clsTextoInfo-11 {
        width: 99%;
        left: 14px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 129%;
        font-size: 13px !important;
        left: -33px;
    }

    .clsPieTexto-13 {
        font-size: 15px !important;
    }

    .clsTextoInfo-14 {
        width: 131%;
        font-size: 17px !important;
        left: -30px;
    }

    .clsTextoInfo-15 {
        width: 100%;
        font-size: 14px !important;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        /*content: url("../images/bannerpr/back-home_320.jpg");*/
        /*content: url("../images/bannerpr/back-home_375.jpg");*/
        /*content: url("../images/bannerpr/back-home_425.jpg");*/
        /*content: url("../images/bannerpr/back-home_768.jpg");*/
        height: 65vh;
    }
}

@media (min-width: 375px) {
    .clsTextoInfo-1 {
        width: 128%;
        left: -33px;
        font-size: 20px !important;
    }

    .clsTextoInfo-2 {
        width: 101%;
        left: 2px;
    }

    .clsTextoInfo-3 {
        width: 86%;
        left: 20px;
        font-size: 24 !important;
    }

    .clsTextoInfo-4 {
        width: 122%;
        left: -20px;
        font-size: 18px !important;
    }

    .clsTextoInfo-5 {
        width: 93%;
        font-size: 20px !important;
        left: 7px;
    }

    .clsTextoInfo-6 {
        width: 122%;
        left: -25px;
        font-size: 16px !important;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 114%;
    }

    .clsTextoInfo-10 {
        width: 101%;
        left: 2px;
    }

    .clsTextoInfo-11 {
        width: 85%;
        left: 31px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 114%;
        left: -12px;
    }

    #divImgBackHome {
        /*content: url("../images/bannerpr/back-home_768.jpg");
    /*content: url("../images/bannerpr/back-home_425.jpg");*/
        height: 75vh;
    }
}

@media (min-width: 425px) {
    .clsTextoInfo-1 {
        width: 100%;
        font-size: 18px !important;
        left: 6px;
    }

    .clsTextoInfo-2 {
        width: 77%;
        left: 35px;
    }

    .clsTextoInfo-3 {
        width: 86%;
        left: 20px;
    }

    .clsTextoInfo-4 {
        width: 125%;
        left: -35px;
        font-size: 20px !important;
    }

    .clsTextoInfo-5 {
        width: 86%;
        font-size: 20px !important;
        left: 14px;
    }

    .clsTextoInfo-6 {
        width: 116%;
        left: -4px;
        font-size: 17px !important;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 100%;
        left: 0px;
        font-size: 24px !important;
    }

    .clsTextoInfo-10 {
        width: 89%;
        left: 14px;
    }

    .clsTextoInfo-11 {
        width: 77%;
        left: 31px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 100%;
        left: 10px;
    }

    clsPieTexto-13 {
        font-size: 13px !important;
    }

    .clsTextoInfo-14 {
        width: 100%;
        left: 0px;
    }

    .clsTextoInfo-15 {
        width: 100%;
        font-size: 19px !important;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        /*content: url("../images/bannerpr/back-home_768.jpg");*/
        height: 80vh;
    }
}

@media (min-width: 768px) {
    .clsTextoInfo-1 {
        width: 100%;
        font-size: 17px !important;
        left: 5px;
    }

    .clsTextoInfo-2 {
        width: 77%;
        left: 35px;
        font-size: 24px !important;
    }

    .clsTextoInfo-3 {
        width: 86%;
        left: 30px;
    }

    .clsTextoInfo-4 {
        width: 110%;
        left: -12px;
    }

    .clsTextoInfo-5 {
        width: 88%;
        left: 17px;
    }

    .clsTextoInfo-6 {
        width: 117%;
        left: -25px;
        font-size: 17px !important;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 100%;
        left: 6px;
    }

    .clsTextoInfo-10 {
        width: 120%;
        left: -27px;
        font-size: 22px !important;
    }

    .clsTextoInfo-11 {
        width: 78%;
        left: 28px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 100%;
        font-size: 13px !important;
    }

    .clsTextoInfo-14 {
        width: 100%;
    }

    .clsTextoInfo-15 {
        width: 100%;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        /*content: url("../images/bannerpr/back-home_992.jpg");*/
        height: 100vh;
    }
}

@media (min-width: 992px) {
    .clsTextoInfo-1 {
        width: 100%;
    }

    .clsTextoInfo-2 {
        width: 100%;
    }

    .clsTextoInfo-3 {
        width: 86%;
        left: 30px;
    }

    .clsTextoInfo-4 {
        width: 100%;
        font-size: 22px !important;
    }

    .clsTextoInfo-5 {
        width: 100%;
    }

    .clsTextoInfo-6 {
        width: 69%;
        left: 100px;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 100%;
    }

    .clsTextoInfo-10 {
        width: 100%;
    }

    .clsTextoInfo-11 {
        width: 100%;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 100%;
    }

    .clsTextoInfo-14 {
        width: 100%;
    }

    .clsTextoInfo-15 {
        width: 94%;
        left: 14px;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        content: url(/images/back-home_1024.jpg?6ff4d79cb55fb23bab7f953d8b69e4a2);
        height: 100vh;
    }
}

@media (min-width: 1024px) {
    .clsTextoInfo-1 {
        width: 100%;
        font-size: 22px !important;
        left: 9px;
    }

    .clsTextoInfo-2 {
        width: 92%;
        left: 20px;
    }

    .clsTextoInfo-3 {
        width: 65%;
        left: 93px;
    }

    .clsTextoInfo-4 {
        width: 103%;
        left: -1px;
    }

    .clsTextoInfo-5 {
        width: 100%;
        left: 0px;
    }

    .clsTextoInfo-6 {
        width: 100%;
        left: 4px;
        font-size: 20px !important;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 74%;
        left: 56px;
    }

    .clsTextoInfo-10 {
        width: 82%;
        left: 57px;
    }

    .clsTextoInfo-11 {
        width: 58%;
        left: 76px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 101%;
        left: -6px;
        font-size: 18px !important;
    }

    .clsTextoInfo-14 {
        width: 79%;
        left: 60px;
    }

    .clsTextoInfo-15 {
        width: 79%;
        left: 53px;
        font-size: 19px !important;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        content: url(/images/back-home_1024.jpg?6ff4d79cb55fb23bab7f953d8b69e4a2);
        height: 100vh;
    }
}

@media screen and (height: 768px) {
    #divImgBackHome {
        height: 81vh;
    }
}

@media screen and (height: 1024px) {
    #divImgBackHome {
        height: 60vh;
    }

    .imgIcoUnete {
        width: 107px;
        height: auto;
    }

    #divUnete {
        height: 115px;
        margin-top: -115px;
    }
}

@media screen and (height: 1080px) {
    .imgIcoUnete {
        width: 174px;
        height: auto;
    }

    #divUnete {
        height: 180px;
        margin-top: -180px;
    }
}

@media (min-width: 1440px) {
    #divImgBackHome {
        content: url(/images/back-home_1440.jpg?951e9023c09c6a69195f579773151c39);
        height: 100vh;
    }
}

@media (min-width: 1440px) {
    .clsTextoInfo-1 {
        width: 100%;
        font-size: 24px !important;
    }

    .clsTextoInfo-2 {
        width: 81%;
        left: 56px;
    }

    .clsTextoInfo-3 {
        width: 61%;
        left: 96px;
        font-size: 22px !important;
    }

    .clsTextoInfo-4 {
        width: 75%;
        left: 81px;
    }

    .clsTextoInfo-5 {
        width: 100%;
        font-size: 22px !important;
    }

    .clsTextoInfo-6 {
        width: 84%;
        left: 54px;
        font-size: 22px !important;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 54%;
        left: 131px;
    }

    .clsTextoInfo-10 {
        width: 65%;
        left: 110px;
    }

    .clsTextoInfo-11 {
        width: 75%;
        left: 62px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 92%;
        left: 25px;
        font-size: 22px !important;
    }

    .clsTextoInfo-14 {
        width: 79%;
        left: 63px;
    }

    .clsTextoInfo-15 {
        width: 67%;
        left: 95px;
        font-size: 22px !important;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }
}

@media (min-width: 1900px) {
    .clsTextoInfo-1 {
        width: 100%;
    }

    .clsTextoInfo-2 {
        width: 81%;
    }

    .clsTextoInfo-3 {
        width: 100%;
        left: 0px;
    }

    .clsTextoInfo-4 {
        width: 100%;
        left: 0px;
    }

    .clsTextoInfo-5 {
        width: 100%;
    }

    .clsTextoInfo-6 {
        width: 84%;
        left: 52px;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 100%;
    }

    .clsTextoInfo-10 {
        width: 100%;
    }

    .clsTextoInfo-11 {
        width: 100%;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 100%;
    }

    .clsTextoInfo-14 {
        width: 100%;
    }

    .clsTextoInfo-15 {
        width: 67%;
        left: 100px;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        content: url(/images/back-home_1900.jpg?848f54ee0b402c1fdd5bb8ff5a7bfe26);
        height: 100vh;
    }
}

@media (min-width: 2560px) {
    .clsTextoInfo-1 {
        width: 100%;
    }

    .clsTextoInfo-2 {
        width: 77%;
        left: 69px;
    }

    .clsTextoInfo-3 {
        width: 59%;
        left: 109px;
    }

    .clsTextoInfo-4 {
        width: 75%;
        left: 79px;
    }

    .clsTextoInfo-5 {
        width: 100%;
    }

    .clsTextoInfo-6 {
        width: 83%;
        left: 51px;
    }

    .clsTextoInfo-7 {
        width: 100%;
    }

    .clsTextoInfo-8 {
        width: 100%;
    }

    .clsTextoInfo-9 {
        width: 54%;
        left: 128px;
    }

    .clsTextoInfo-10 {
        width: 65%;
        left: 110px;
    }

    .clsTextoInfo-11 {
        width: 75%;
        left: 62px;
    }

    .clsTextoInfo-12 {
        width: 100%;
    }

    .clsTextoInfo-13 {
        width: 92%;
        left: 18px;
    }

    .clsTextoInfo-14 {
        width: 79%;
        left: 60px;
    }

    .clsTextoInfo-15 {
        width: 67%;
    }

    .clsTextoInfo-16 {
        width: 100%;
    }

    #divImgBackHome {
        content: url(/images/back-home_2560.jpg?fed427e17b1adadfbda78c106b1b07a1);
        height: 100vh;
    }
}

.selectLang,
#selectLang {
    background: transparent !important;
    border: none !important;
    cursor: pointer;
}

.ql-align-right {
    text-align: right;
}

.ql-align-center {
    text-align: center;
}

.ql-align-justify {
    text-align: justify;
}

.clsTags {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 25px;
}

.clsTags a {
    color: #428bca;
    font-family: "CatamaranLight";
    font-size: 14px;
    padding: 3px;
}

.clsTags a:hover {
    text-decoration: none;
    color: #2a4a96;
}

.hidden-xs {
    display: none;
}

@media (min-width: 320px) and (max-width: 768px) {
    .hidden-xs {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs {
        display: block;
    }
}

@media (min-width: 991px) {
    .hidden-xs {
        display: block;
    }
}

.hidden-sm {
    display: block;
}

@media (min-width: 320px) and (max-width: 768px) {
    .hidden-sm {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: block;
    }
}

@media (min-width: 991px) {
    .hidden-sm {
        display: block;
    }
}

.hidden-md {
    display: block;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none;
    }
}

@media (min-width: 991px) {
    .hidden-md {
        display: block;
    }
}

.hidden-lg {
    display: block;
}

@media (min-width: 991px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: block;
    }
}

.hidden-xl {
    display: block;
}

@media (min-width: 1200px) {
    .hidden-xl {
        display: none;
    }
}

@media (min-width: 1440px) {
    .hidden-xl {
        display: block;
    }
}

.hidden-2xl {
    display: block;
}

@media (min-width: 1440px) {
    .hidden-2xl {
        display: none;
    }
}

@media (min-width: 1900px) {
    .hidden-2xl {
        display: block;
    }
}

.block-xs {
    display: block;
}

@media (max-width: 320px) {
    .block-xs {
        display: block;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .block-xs {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-xs {
        display: none;
    }
}

@media (min-width: 991px) {
    .block-xs {
        display: none;
    }
}

@media (min-width: 1200px) {
    .block-xs {
        display: none;
    }
}

@media (min-width: 1440px) {
    .block-xs {
        display: none;
    }
}

@media (min-width: 1900px) {
    .block-xs {
        display: none;
    }
}

@media (max-width: 320px) {
    .block-sm {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .block-sm {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-sm {
        display: none;
    }
}

@media (min-width: 991px) {
    .block-sm {
        display: none;
    }
}

@media (min-width: 1200px) {
    .block-sm {
        display: none;
    }
}

@media (max-width: 320px) {
    .block-md {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .block-md {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-md {
        display: block;
    }
}

@media (min-width: 991px) {
    .block-md {
        display: none;
    }
}

@media (min-width: 1200px) {
    .block-md {
        display: none;
    }
}

@media (max-width: 320px) {
    .block-lg {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .block-lg {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-lg {
        display: none;
    }
}

@media (min-width: 991px) {
    .block-lg {
        display: block;
    }
}

@media (max-width: 320px) {
    .block-xl {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .block-xl {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .block-xl {
        display: none;
    }
}

@media (min-width: 991px) {
    .block-xl {
        display: none;
    }
}

@media (min-width: 1200px) {
    .block-xl {
        display: block;
    }
}

.div-valores {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.valores {
    position: relative;
}

@media (max-width: 320px) {
    .valores {
        width: 200px;
        height: 200px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .valores {
        width: 300px;
        height: 300px;
        overflow: hidden;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .valores {
        width: 400px;
        height: 400px;
        overflow: hidden;
    }
}

@media (min-width: 991px) {
    .valores {
        width: 300px;
        height: 300px;
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
    .valores {
        width: 400px;
        height: 400px;
        overflow: hidden;
    }
}

@media (max-width: 320px) {
    .valores>h1 {
        font-size: 10px;
        transform: translate(45%, 0px);
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .valores>h1 {
        font-size: 18px;
        transform: translate(47%, 10px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .valores>h1 {
        font-size: 24px;
        transform: translate(47%, 51px);
    }
}

@media (min-width: 991px) {
    .valores>h1 {
        font-size: 20px;
        transform: translate(47%, 6px);
    }
}

@media (min-width: 1200px) {
    .valores>h1 {
        font-size: 24px;
        transform: translate(47%, 42px);
    }
}

.valores>h1 span {
    font-weight: 600;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    text-align: center;
    transform-origin: bottom center;
}

@media (max-width: 320px) {
    .valores>h1 span {
        height: 45px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .valores>h1 span {
        height: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .valores>h1 span {
        height: 150px;
    }
}

@media (min-width: 991px) {
    .valores>h1 span {
        height: 140px;
    }
}

@media (min-width: 1200px) {
    .valores>h1 span {
        height: 160px;
    }
}

.logo-valores {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.char1 {
    transform: rotate(4.93deg);
}

.char2 {
    transform: rotate(9.86deg);
}

.char3 {
    transform: rotate(14.79deg);
}

.char4 {
    transform: rotate(19.72deg);
}

.char5 {
    transform: rotate(24.65deg);
}

.char6 {
    transform: rotate(29.58deg);
}

.char7 {
    transform: rotate(34.51deg);
}

.char8 {
    transform: rotate(39.44deg);
}

.char9 {
    transform: rotate(44.37deg);
}

.char10 {
    transform: rotate(49.3deg);
}

.char11 {
    transform: rotate(54.23deg);
}

.char12 {
    transform: rotate(59.16deg);
}

.char13 {
    transform: rotate(64.09deg);
}

.char14 {
    transform: rotate(69.02deg);
}

.char15 {
    transform: rotate(73.95deg);
}

.char16 {
    transform: rotate(78.88deg);
}

.char17 {
    transform: rotate(83.81deg);
}

.char18 {
    transform: rotate(88.74deg);
}

.char19 {
    transform: rotate(93.67deg);
}

.char20 {
    transform: rotate(98.6deg);
}

.char21 {
    transform: rotate(103.53deg);
}

.char22 {
    transform: rotate(108.46deg);
}

.char23 {
    transform: rotate(113.39deg);
}

.char24 {
    transform: rotate(118.32deg);
}

.char25 {
    transform: rotate(123.25deg);
}

.char26 {
    transform: rotate(128.18deg);
}

.char27 {
    transform: rotate(133.11deg);
}

.char28 {
    transform: rotate(138.04deg);
}

.char29 {
    transform: rotate(142.97deg);
}

.char30 {
    transform: rotate(147.9deg);
}

.char31 {
    transform: rotate(152.83deg);
}

.char32 {
    transform: rotate(157.76deg);
}

.char33 {
    transform: rotate(162.69deg);
}

.char34 {
    transform: rotate(167.62deg);
}

.char35 {
    transform: rotate(172.55deg);
}

.char36 {
    transform: rotate(177.48deg);
}

.char37 {
    transform: rotate(182.41deg);
}

.char38 {
    transform: rotate(187.34deg);
}

.char39 {
    transform: rotate(192.27deg);
}

.char40 {
    transform: rotate(197.2deg);
}

.char41 {
    transform: rotate(202.13deg);
}

.char42 {
    transform: rotate(207.06deg);
}

.char43 {
    transform: rotate(211.99deg);
}

.char44 {
    transform: rotate(216.92deg);
}

.char45 {
    transform: rotate(221.85deg);
}

.char46 {
    transform: rotate(226.78deg);
}

.char47 {
    transform: rotate(231.71deg);
}

.char48 {
    transform: rotate(236.64deg);
}

.char49 {
    transform: rotate(241.57deg);
}

.char50 {
    transform: rotate(246.5deg);
}

.char51 {
    transform: rotate(251.43deg);
}

.char52 {
    transform: rotate(256.36deg);
}

.char53 {
    transform: rotate(261.29deg);
}

.char54 {
    transform: rotate(266.22deg);
}

.char55 {
    transform: rotate(271.15deg);
}

.char56 {
    transform: rotate(276.08deg);
}

.char57 {
    transform: rotate(281.01deg);
}

.char58 {
    transform: rotate(285.94deg);
}

.char59 {
    transform: rotate(290.87deg);
}

.char60 {
    transform: rotate(295.8deg);
}

.char61 {
    transform: rotate(300.73deg);
}

.char62 {
    transform: rotate(305.66deg);
}

.char63 {
    transform: rotate(310.59deg);
}

.char64 {
    transform: rotate(315.52deg);
}

.char65 {
    transform: rotate(320.45deg);
}

.char66 {
    transform: rotate(325.38deg);
}

.char67 {
    transform: rotate(330.31deg);
}

.char68 {
    transform: rotate(335.24deg);
}

.char69 {
    transform: rotate(340.17deg);
}

.char70 {
    transform: rotate(345.1deg);
}

.char71 {
    transform: rotate(350.03deg);
}

.char72 {
    transform: rotate(354.96deg);
}

.char73 {
    transform: rotate(359.89deg);
}

.circle:hover>circle {
    stroke-width: 40;
    cursor: pointer;
}

.paginate-bullet {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #ccc;
}

.clsContBullet-pagination {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-color: #ffffff;
    background-image: url(/images/icono-oaxaca4meeting.png?d88c11f3d6782195aa2ea1692e9965b9);
    background-size: cover;
    background-repeat: no-repeat;
    border: 4px solid #ffffff;
}

.gap-3 {
    gap: 12px;
}

.text-footer {
    font-style: italic;
    font-size: 12px;
    font-family: "CatamaranMedium";
    text-align: right;
}

.text-header {
    color: #2a4a96;
    font-size: 20px;
    font-family: "CatamaranMedium";
}

.text-body-comment {
    font-size: 16px;
    color: #212529;
    /* text-align: justify; */
    font-family: "CatamaranRegular";
}

.arrow-absolute-left {
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 4rem;
    color: #ccc;
    cursor: pointer;
    z-index: 50;
}

.arrow-absolute-right {
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 4rem;
    color: #ccc;
    cursor: pointer;
    z-index: 50;
}

.div-hexagonos {
    width: 100%;
    min-height: 200px;
    max-width: 463px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 53px);
    grid-auto-rows: 96px;
    justify-content: center;
    gap: 1rem;
    font-size: 12px;
}

@media (max-width: 320px) {
    .div-hexagonos {
        max-width: 260px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .div-hexagonos {
        max-width: 260px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .div-hexagonos {
        max-width: 463px;
    }
}

@media (min-width: 991px) {
    .div-hexagonos {
        max-width: 463px;
    }
}

@media (min-width: 1200px) {
    .div-hexagonos {
        max-width: 463px;
    }
}

.valores-div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cfb355;
    text-transform: uppercase;
    text-align: center;
    transition: 0.5s ease-in-out all;
    z-index: 1;
    font-size: 12px;
}

.valores-div:hover {
    transform: scale(1.5);
    background: #2a4a96;
    z-index: 99;
}

.hexagono {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    height: 136px;
    grid-column: span 2;
}

.hexagono.hexagono-logo {
    width: 100px;
    height: 104px;
}

#divContAcercaDe-3 {
    width: 100%;
    margin: auto;
}

.hexagono-3 {
    display: none;
}

@media (max-width: 768px) {
    .hexagono-4 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hexagono-4 {
        display: flex;
        grid-column: 2/span 2;
    }
}

@media (min-width: 991px) {
    .hexagono-4 {
        grid-column: 2/span 2;
    }
}

@media (max-width: 320px) {
    .hexagono-5 {
        grid-column: 2/span 2;
    }
}

@media (max-width: 768px) {
    .hexagono-5 {
        grid-column: 2/span 2;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hexagono-5 {
        grid-column: 4/span 2;
    }
}