@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: 'Abuget';
    src: url(./fonts/Abuget.eot);
    src: url(./fonts/Abuget.eot?#iefix) format('embedded-opentype'),
         url(./fonts/Abuget.otf) format('otf'),
         url(./fonts/Abuget.svg#Abuget) format('svg'),
         url(./fonts/Abuget.ttf) format('truetype'),
         url(./fonts/Abuget.woff) format('woff'),
         url(./fonts/Abuget.woff2) format('woff2');
  }

*{ 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(--blue); font-size: 30px; font-weight: 700; width: 100%; line-height: 100%; text-transform: uppercase; }
h3{ font-family: 'Poppins', sans-serif; color: var(--blue); font-size: 25px; font-weight: 700; width: 100%; line-height: 100%; text-transform: uppercase; }
h4,h5,h6{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 20px; font-weight: 700; width: 100%; line-height: 100%; text-transform: uppercase; }

.tit{ font-family: 'Abuget';}

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


[type="text"],
[type="tel"],
[type="email"],
[type="date"],
[type="file"],
[type="number"],
select,
textarea{ font-family: 'Poppins', sans-serif; -webkit-appearance: auto; background: transparent; color: var(--black); font-size: 15px; 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(--black); }
input[type="submit"],
.button{ color: var(--white); border: none; padding: 10px 20px; text-align: center; display: block; width: 100%; background: var(--blue_2); font-family: 'rushink_demoregular'; max-width: 150px; width: 100%; text-transform: uppercase; margin: 5px 0px; font-size: 20px; -webkit-appearance:none; }
label{ font-family: 'Poppins', sans-serif; -webkit-appearance: auto; background: transparent; color: var(--black); font-size: 15px; width: 100%; border: none; margin: 5px 0px 0px 0px; }

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

.box{ max-width: 1150px; width: 95%; 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(--blue); }

:root{ --white: #fff; --black: #4e4e4e; --whatsapp: #1bd741; --swiper-theme-color: #048dbc; --blue:#048dbc; --blue_2: #009bdf; --orange: #FF0000; --gray: #F7F7F7; --coffee:#2D1918; --orange: #F6770F; }
::-moz-selection{ color: var(--white); background: var(--blue);  }
::selection{ color: var(--white); background: var(--blue); }

::-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; width: 70px; height: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.whatsapp i{ color: var(--white); font-size: 50px; 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(--blue_2); height: 5px; display: block; margin: 5px auto; }

/* Error */
.error .box{ padding: 150px 0px; }
.error h1{ text-align: center; color: var(--blue); font-size: 150px; margin: 0px; }
.error p{ text-align: center; color: var(--blue); margin: 0px; }

/* Header */
header .logo{ padding: 20px; width: 100%; }
header img{ max-width: 220px; width: 100%; margin: 0px auto; display: block; }

/* Footer */
.foot_one{ background: var(--blue_2); }
.foot_one .box{ padding: 50px 0px; }
.foot_one .col-3{ padding: 10px; }  
.foot_one h4{ margin-bottom: 20px; color: var(--white) }
.foot_one img{ max-width: 300px; width: 100%; margin: 0px auto; }
.foot_one ul li{ margin: 10px 0px; }
.foot_one a{ color: var(--white); }
.foot_one i{ color: var(--white); }

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

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

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

.ads_two .title_info{ position: relative; }
.ads_two .title_info .back{ width: 100%; }
.ads_two .title_info .title{ max-width: 500px; width: 70%; margin: 0px auto; display: block; position: absolute; top: 10%; left: 50%; -webkit-transform: translate(-50%, -10%); -ms-transform: translate(-50%, -10%); transform: translate(-50%, -10%); }
.ads_two .yachts{ padding: 0px 0px 50px 0px; margin-top: -100px; }
.ads_two .yachts li{ padding: 10px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; height: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.ads_two .yachts li img{ width: 100%; padding: 10px; background: #f3f3f3; margin-bottom: 10px; }
.ads_two .yachts li h4{ text-align: center; color: var(--blue) }
.ads_two .yachts li p.sub{ text-align: center; color: #243f86; font-size: 17px; }
.ads_two .yachts li p.price{ color: #898989; font-size: 15px; text-align: center; margin-bottom: 10px; }
.ads_two .yachts li p{ text-align: center; margin: 0px; font-size: 15px; margin-bottom: 20px; }
.ads_two .yachts li a{ background-color: #ffa200; color: var(--white); text-align: center; display: block; padding: 5px; border-radius: 7px; max-width: 160px; width: 100%; font-size: 20px; text-transform: uppercase; font-weight: bold; margin: auto auto 0px auto; }

.ads_three{ background: var(--blue_2); }
.ads_three .box{ padding: 50px 0px; }
.ads_three .flex{ margin-top: 20px; }
.ads_three .col-2,
.ads_three .col-3{ padding: 0px 20px; margin: 0px auto; }
.ads_three h1,
.ads_three h3{ text-align: center; color: var(--white); }
.ads_three h4{ text-align: center; color: var(--white); }
.ads_three p{ text-align: center; color: var(--white); }
.ads_three img{ margin: auto; margin-bottom: 20px; width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.ads_four{ background-position: center; background-size: cover; background-repeat: no-repeat; }
.ads_four .box{ padding: 50px 0px 20px 0px; }
.ads_four .swiper{ margin: 20px 0px; }
.ads_four h3{ text-align: center; }
.ads_four img{ width: 100%; height: auto; }
.ads_four p{ text-align: center; }
.ads_four .info{ background-image: url(https://booknow.fishingboatsincancun.com/wp-content/uploads/fondo-galeria.png); background-size: cover; background-position: center; padding: 10px; }
.ads_four .info p{ font-size: 25px; margin: 10px 0px 0px 0px; }

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

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


@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-2,
    .col-1{ width: 100%; }  

    .col-3{width: 50%; }

    .foot_one h4{ text-align: center; margin-top: 20px; margin-bottom: 10px; }
    .foot_one a{ display: block; margin: auto; text-align: center; }

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

    p{ font-size: 15px; }
    .ads_two .yachts li p.sub{ font-size: 15px; }


    .ads_two .yachts li a{ font-size: 18px; }

    .ads_two .title_info .back{ height: 40vw; }

    .ads_two .yachts li{ padding: 10px; }
    .ads_three .col-2, .ads_three .col-3{ padding: 10px; }

    .ads_two .yachts{  margin-top: -20%; }
    .ads_two .yachts li img{ padding: 5px; }

}