@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://unpkg.com/swiper@8/swiper-bundle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');

@font-face {
    font-family: 'rushink_demoregular';
    src: url('./fonts/rushinkdemo-webfont.woff2') format('woff2'),
         url('./fonts/rushinkdemo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{ outline:none; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none; word-wrap:break-word; padding:0; margin:0; list-style: none;  }

h1,h2{ font-family: 'Poppins', sans-serif; color: var(--coffee); font-size: 35px; font-weight: 600; margin-bottom: 20px; width: 100%; line-height: 100%; }
h3{ font-family: 'Poppins', sans-serif; color: var(--coffee); font-size: 30px; font-weight: 600; margin-bottom: 10px; width: 100%; line-height: 100%; }
h4,h5,h6{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 20px; font-weight: 600; margin-bottom: 10px;  width: 100%; line-height: 100%; }

.tit{ font-family: 'rushink_demoregular'; font-size: 60px; }

p,a,div,span,li{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 17px; }
p{ margin: 10px 0px; width: 100%; }


[type="text"],
[type="tel"],
[type="email"],
[type="date"],
[type="file"],
select,
textarea{ font-family: 'Poppins', sans-serif; -webkit-appearance: auto; background: transparent; color: var(--coffee); font-size: 18px; width: 100%; border: none; padding: 10px 20px; margin: 5px 0px; border: 1px solid var(--black); }
textarea{ height: 120px !important; width: 100% !important; }
select option{ color: var(--white); }
input[type="submit"],
.button{ color: var(--white); border: none; padding: 10px 20px; text-align: center; display: block; width: 100%; background: var(--orange); font-family: 'rushink_demoregular'; max-width: 150px; width: 100%; text-transform: uppercase; margin: 5px 0px; font-size: 20px; -webkit-appearance:none; }
label{ width: 100%; display: block; margin-bottom: 10px; }

img{ display: block; height: auto; -o-object-fit: cover; object-fit: cover; }

.box{ max-width: 1150px; width: 90%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.col-12{ width: 100%; }
.col-11{ width: 91.6%; }
.col-10{ width: 83.3%; }
.col-9{ width: 75%; }
.col-8{ width: 66.6%; }
.col-7{ width: 58.3%; }
.col-6{ width: 50%; }
.col-5{ width: 41.66%; }
.col-4{ width: 33.3%; }
.col-3{ width: 25%; }
.col-2{ width: 16.6%; }
.col-1{ width: 8.3%; }

.flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.itemEnd{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.itemCenter{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.videoContainer{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:10px auto;}
.videoContainer iframe, .videoContainer object, .videoContainer embed{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

.mleft{ margin-left: auto; }
.mright{ margin-right: auto; }
.mcenter{ margin: 0px auto; }

del{ text-decoration: line-through; }

.fa-solid, .fas, .fa-brands, .fa-regular{ font-size: 20px; color: var(--orange); }

:root{ --white: #fff; --black: #000; --whatsapp: #1bd741; --swiper-theme-color: #2D1918; --coffee:#2D1918; --orange: #F6770F; --gray: #F7F7F7; }
::-moz-selection{ color: var(--white); background: var(--coffee);  }
::selection{ color: var(--white); background: var(--coffee); }

::-webkit-input-placeholder{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 15px; }
::-moz-placeholder{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 15px; }
:-ms-input-placeholder{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 15px; }
:-moz-placeholder{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 15px; }

hr{ display: block; max-width: 100%; width: 100%; height: 1px; background: rgba(0,0,0,0.2); border: none; margin: 10px 0px; }

.whatsapp{ background-color: var(--whatsapp); border-radius: 50%; position: fixed; bottom: 10px; left: 10px; z-index: 9; }
.whatsapp i{ color: var(--white); font-size: 40px; padding: 10px; }

/* Swiper */
.swiper{ width: 100%; }
.swiper-slide{ position: relative; }

.sWhite .swiper-button-prev, .swiper-rtl .swiper-button-next{ color: var(--white); }
.sWhite .swiper-button-next, .swiper-rtl .swiper-button-prev{ color: var(--white); }

.sOutside{ position: static; width: calc(100% - 80px); }
.sOutside .swiper-button-prev{ left: 0; margin: inherit; }
.sOutside .swiper-button-next{ right: 0; margin: inherit; }
.sOutside .swiper-wrapper{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* Menu */
.openMenuMovil{ display: none; }
.openMenuMovil,
.openMenuMovil *{ -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

#menuMovil{ display: none; position: fixed; top: 10px; right: 10px; }
#menuMovil ul{ width: 45px; padding: 5px; }
#menuMovil ul li{ background: var(--orange); height: 5px; display: block; margin: 5px auto; }

/* Error */
.error{ background-image: url(/wp-content/uploads/back_cenote.png); background-size: cover; background-position: center; }
.error .box{ padding: 150px 0px; }
.error h1{ text-align: center; color: var(--white); font-size: 150px; margin: 0px; }
.error p{ text-align: center; color: var(--white); margin: 0px; }

/* Header */
header .logo{ width: 10%; padding: 10px; }
header .other{ width: 90%; padding: 10px; }
header .social{ max-width: max-content; width: 100%; margin: 0px auto; padding: 7px 0px; }
header .navigation{ width: 100%; padding: 7px 0px; }
header img{ max-width: max-content; width: 100%; }
header ul{ display: flex; flex-wrap: wrap; }
header ul li{ margin: 0px 5px; }
header ul li.current-menu-item{ border-bottom: 3px solid var(--orange); }
header .navigation ul li a{ font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 4px; }
header ul.social li a,
header ul.social li a span{ font-size: 14px; padding: 4px; color: var(--black); }
header a{ color: var(--coffee); }

/* Footer */
.foot_one{ background: var(--gray); border-style: solid; border-width: 1px 0px 1px 0px; border-color: #E8E8E8; }
.foot_one .box{ padding: 50px 0px; }
.foot_one .col-3{ padding: 10px; }  
.foot_one h4{ margin-bottom: 20px; }
.foot_one img{ max-width: 150px; width: 100%; margin: 0px auto; }
.foot_one ul{ display: flex; flex-wrap: wrap; }
.foot_one ul li{ margin: 0px 10px 10px 0px; }
.foot_one a{ text-decoration: underline; }
.foot_one .col-1{ margin-left: 10px; }
.foot_one .safe i{ font-size: 30px; }

.foot_two .box{ padding: 20px; margin-bottom: 50px; }
.foot_two a{ width: 100%; text-align: center; display: block; }

/* Banner */
.banner_one img{ width: 100%; }

/* Banner Title */
.banner_title{ background-image: url(/wp-content/uploads/back_cenote.png); background-size: cover; background-position: center; }
.banner_title .box{  padding: 60px 0px; }
.banner_title h1{ text-align: center; color: var(--white); margin: 0px; }
.banner_title p{ text-align: center; color: var(--white); } 

/* Page */
.page .content{ padding: 40px 0px 0px 0px; max-width: 800px; }
.page .content a{color: var(--coffee); }
.page .content img{ max-width: max-content; width: 100%; padding: 10px; }
.page .content img.alignright{ float: right; }
.page .content img.alignleft{ float: left; }
.page .content img.aligncenter{ margin: 0px auto; display: block; }
.page .content blockquote{ background: var(--gray); border-left: 10px solid #ccc; margin: 10px 0px; padding: 15px; quotes: "\201C""\201D""\2018""\2019"; }
.page .content ul li{ list-style-position: inside; list-style-type: disc; }
.page .content ol li{ list-style-position: inside; list-style-type: decimal; }
.page .content h2,
.page .content h3,
.page .content h4,
.page .content h5,
.page .content h6{ font-size: 20px; margin: 20px 0px 0px 0px; }

/* Home */
.home_two{ position: relative; }
.home_two .box{ padding: 80px 0px; }
.home_two h1,
.home_two h2,
.home_two h3,
.home_two h4,
.home_two h5,
.home_two h6{ text-align: center; }
.home_two img{ width: 100%; height: 350px; position: relative; }
.home_two .inf{ position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(251,251,251,0) 100%); padding: 20px; }
.home_two p.title{ font-weight: bold; }
.home_two p{ margin: 0px; color: var(--white); }
.home_two .fish1{ position: absolute; top: 0; left: 0; max-width: max-content; width: 100%; }
.home_two .fish2{ position: absolute; bottom: -100px; right: 0; max-width: max-content; width: 100%; }

.home_three{ background-position: center; background-size: cover; background-repeat: no-repeat; }
.home_three .box{ padding: 50px 0px 400px 0px; }
.home_three h1,
.home_three h2,
.home_three h3,
.home_three h4,
.home_three h5,
.home_three h6{ text-align: center; color: var(--white); }

.home_four{ margin-top: -380px; }
.home_four .box{ padding: 0px; max-width: 800px; }
.home_four .inf{ padding: 0px; top: 52%; left: 50%; transform: translate(-50%, -50%); position: absolute; max-width: 300px; width: 100%; }
.home_four img{ width: 100%; position: relative; }
.home_four h4{ text-align: center; color: var(--coffee); }
.home_four p{ text-align: center; color: var(--coffee); }
.home_four a{ margin: 0px auto; }

.home_five .box{ padding: 80px 0px; }
.home_five .flex{ padding: 10px 0px; }
.home_five .col-2,
.home_five .col-3{ padding: 10px; margin: 0px auto; }
.home_five h1,
.home_five h3{ text-align: center; }
.home_five h4{ text-align: center; }
.home_five p{ text-align: center; }
.home_five i{ text-align: center; font-size: 40px; width: 100%; margin-bottom: 20px; }

.home_six{ background-position: center; background-size: cover; background-repeat: no-repeat; }
.home_six .box{ padding: 80px 0px; }
.home_six .swiper{ margin-top: 20px; }
.home_six h3{ text-align: center; color: var(--white); }
.home_six img{ width: 100%; height: 350px; }

.home_seven .box{ padding: 80px 0px; }
.home_seven h3{ text-align: center; margin-bottom: 20px; }

/* Deals */
.deals .home_four{ margin-bottom: 80px; }

/* Luxury */
.luxury .home_five .box{ padding: 80px 0px 0px 0px; }

/* Deep */
.deep .home_five .box{ padding: 80px 0px 0px 0px; }

/* Contact */
.contact_one{ padding: 80px 0px 0px 0px; }
.contact_one h1,
.contact_one h2,
.contact_one h3,
.contact_one h4,
.contact_one h5,
.contact_one h6{ text-align: center; }
.contact_one p{ text-align: center; }
.contact_one [type="submit"]{ max-width: 100%; }
.contact_one ul{ display: block; padding: 10px 0px; }
.contact_one ul li{ margin: 20px auto; max-width: max-content; width: 100%; }
.contact_one .col-6{ padding: 20px 30px; }

/* Tours */
.tour_one{ padding: 80px 0px; }
.tour_one [type="submit"]{ max-width: 100%; }
.tour_one ul li{ display: list-item; list-style-position: inside; list-style-type: disc; width: 100%; }
.tour_one img{ width: 100%; height: 500px; }
.tour_one h1,
.tour_one h2,
.tour_one h3,
.tour_one h4,
.tour_one h5,
.tour_one h6{ margin: 10px 0px; color: var(--coffee); }
.tour_one p{ margin: 5px 0px; }
.tour_one .col-6{ padding: 0px 20px; }

.tour_two{ background: var(--gray); border-style: solid; border-width: 1px 0px 1px 0px; border-color: #E8E8E8; }
.tour_two h4{ color: var(--coffee); }
.tour_two .col{ padding: 0px 20px; }
.tour_two .box{ padding: 80px 0px; }
.tour_two .pay{ background: var(--white); padding: 40px; }
.tour_two .pay h4{ text-align: center; margin-bottom: 20px; }
.tour_two .pay p{ text-align: center; }
.tour_two .pay ul li{ text-align: center; }
.tour_two .pay ul li:before { content: "\f274"; font-family: FontAwesome; display: inline-block; margin-right: 10px; width: 20px; color: var(--coffee); }
.tour_two .include,
.tour_two .exclude,
.tour_two .recommendations{ padding-bottom: 20px; } 
.tour_two .include ul li:before { content: "\f00c"; font-family: FontAwesome; display: inline-block; margin-right: 10px; width: 20px; color: green; }
.tour_two .exclude ul li:before { content: "\f00d"; font-family: FontAwesome; display: inline-block; margin-right: 10px; width: 20px; color: red; }
.tour_two .recommendations ul li:before { content: "\f118"; font-family: FontAwesome; display: inline-block; margin-right: 10px; width: 20px; color: var(--orange); }

.fare{ position: fixed; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 2; max-width: 200px; }

@media only screen and (max-width: 800px){

    .col-12,
    .col-11,
    .col-10,
    .col-9,
    .col-8,
    .col-7,
    .col-6,
    .col-5,
    .col-4,
    .col-3,
    .col-2,
    .col-1{ width: 100%; }  

    h1, h2{ font-size: 25px; }
    h3{ font-size: 20px; }
    h4,h5,h6{ font-size: 18px; }

    .tit{ font-size: 40px; }

    #menuMovil{ display: block; margin-left: auto; cursor: pointer; z-index: 3; top: 0px; }

    .fare{ margin: 0px; top: 0px; width: 100%; bottom: auto; max-width: 100%; }

    .sOutside{ position: static; width: 100%; }
    .sOutside .swiper-button-prev{ color: var(--white); }
    .sOutside .swiper-button-next{ color: var(--white); }

    .openMenuMovil{ position: fixed; display: block; z-index: 9; }
    .openMenuMovil .backOMN{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000060; }
    .openMenuMovil .menuOMN{ background: var(--white); width: 50%; z-index: 2; height: 100%; position: fixed; top: 0; left: -100%; }
    .openMenuMovil nav{ width: 100%; }
    .openMenuMovil ul{  height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 20px; }
    .openMenuMovil ul li{ padding: 5px; text-align: left; }
    .openMenuMovil ul li.current_page_item a{ color: var(--red); }
    .openMenuMovil ul li a{ color: var(--coffee); }
    .openMenuMovil .closeMovil{ padding: 20px; border-bottom: 1px solid var(--black); }
    .openMenuMovil .closeMovil a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--black); }
    .openMenuMovil .closeMovil a span{ margin-right: 10px; color: var(--black); }

    header .logo{ max-width: 100px; width: 100%; margin: 0px auto; }
    header .navigation{ display: none; }
    header ul.social li a span{ display: none; }
    header .other{ padding: 0px; position: absolute; left: 0; width: auto; left: 0px; }
    header ul li{ margin: 0px 2px; }
    header ul li:first-child,
    header ul li:nth-child(2){ display: none; }

    .foot_one .box{ padding: 30px 0px; }
    .foot_one h4{ text-align: center; }
    .foot_one ul{ width: 100%; }
    .foot_one ul li{ width: 100%; margin: 5px 0px; }
    .foot_one ul.safe li{ max-width: max-content; width: 100%; margin: 0px auto; }
    .foot_one a{ width: 100%; display: block; text-align: center; }
    .foot_two .box{ padding: 10px; margin: 0px auto; width: 70%; }

    .home_two .box{ padding: 50px 0px; }
    .home_two .fish1,
    .home_two .fish2{ display: none; }
    .home_two img{ height: 300px; }
    .home_four .inf{ padding: 50px; }
    .home_five .box{ padding: 50px 0px; }
    .home_six .box{ padding: 50px 0px; }
    .home_seven .box{ padding: 50px 0px; }
    .deals .home_four{ margin-bottom: 50px; }
    .charters .home_two .box{ padding: 50px 0px 0px 0px; }
    .luxury .home_five .box{ padding: 50px 0px 0px 0px; }
    .banner_title .box{ padding: 40px 0px; }
    .deep .home_five .box{ padding: 50px 0px 0px 0px; }

    .contact_one .col-6{ padding: 20px 0px; }
    .contact_one{ padding: 50px 0px 0px 0px; }

    .page .content{ padding: 30px 0px 0px 0px; }
    .page .content p{ text-align: center; }
    .page .content h2,
    .page .content h3,
    .page .content h4,
    .page .content h5,
    .page .content h6{ text-align: center; }

    .tour_one{ padding: 30px 0px; }
    .tour_one img{ height: 400px; }
    .tour_one .col-6{ padding: 20px 0px; }

    .tour_two .col{ padding: 20px 0px; }
    .tour_two .box{ padding: 30px 0px; }
    .tour_two .pay{ padding: 40px 20px; }

}