/* Parametros */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Montserrat:ital,wght@0,100;0,300;0,400;0,600;1,700;1,900&family=RocknRoll+One&display=swap');   
/* Normalizadores */
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
h1{
    font-size: 32px;
    font-weight: 400;
    font-family: 'RocknRoll One', sans-serif;
}
h2{
    font-size: 22px;
    font-weight: 400;
    font-family: 'RocknRoll One', sans-serif;
}
h3{
    font-size: 20px;
    font-family: 'RocknRoll One', sans-serif;
}
p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
button{
    background-color: transparent;
    border: none;
    /*flex*/
    display: flex;
    justify-content: center;
    align-items: center;

}
a{
    text-decoration: none;
    /*flex*/
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Elementos comunes */
#phone{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;  
    position: fixed;
    bottom: 3%;
    right: 2%;
    z-index: 1002;
    text-align: center;
    cursor: pointer;
}
#phone a{
    font-size: 40px;
    color:#0D456B;
    margin-left: initial;
}
#phone a:hover{
    color: green;
}
/* Reglas recursivas */
.btn-blue{
    width: 180px;
    height: 50px;
    background-color: #1C3F7B;
    text-align: center;
    line-height: 1.2;
    font-size: 16px;
    color: white;
    border-radius: 50px;
    transform: all .3s;
}
.btn-blue a{
    color: white;
}
.btn-blue:hover{
    color:#1C3F7B;
    background-color: #C6D4DF;
    border:2px solid #0D456B;
    transition: all .3s;
}
.btn-blue a:hover{
    color: #8eb7d5;
}

.btn-borde{
    width: 180px;
    height: 50px;
    border: 3px solid #8eb7d5;
    border-radius: 50px;
    color:#1C3F7B;
    margin-left: 50px;
    transition: all .3s;
}
.btn-borde:hover{
    background-color: #1C3F7B;
    border: none;
} 
.btn-borde a{
    color: #1C3F7B;
}
.btn-borde a:hover{
    color: #8eb7d5;
}
/* Reglas generales */

/* Marco */
.layout{
    width: 100%;
    max-width: 1920px;
    margin: auto;
}
/* Header */

header{
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: whitesmoke;
    background-color: #1C3F7B;
    padding: 10px 4% 0px;
    z-index: 1000;
    /*flex*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.headboard{
    width: 100%;
    /*flex*/
    display: flex;
    justify-content: space-between;
}
.headboard a{
    color: whitesmoke;   
}
.logo{
    width: 70%;
    height: 40px;
    margin: 10px 4%;
    justify-content: flex-start;
}
.logo img{
    height: 120%;
}
.btn_mob{
    width: 30px;
    height: 30px;
    margin-top: 10px;
    font-size: 22px;
    color: white; 
}
.menu_mob{
    width: 96%;
    height: 100vh;
    background-color:#1c3f7bfc;
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1500;
    transform: scaleX(0);
    transform-origin: center left;
    transition: all 1s;
    text-align: left;
}
.mob_header{
    height: 80px;
    background-color: #1C3F7B;
    font-size: 30px;
    /*flex*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.mob_header button{
    font-size: 30px;
    color: #f4f4f4;
    padding-right: 10px;
}
.menu_mob a{
    margin-top: 7px;
    font-size: 15px;
    line-height: 1.2;
    padding-bottom: 10px;   
}
.menu_mob a:hover{
    color: #8eb7d5;
}
.rrss_menu{
    width: 100%;
    height: 50px;
    margin-top: 15px;
    padding: 7% 0px;
    /*flex*/
    display: flex;
    justify-content: center; 
    align-items: center;
}
.rrss_menu a{
    width: 30px;
    height: 30px;
    color: whitesmoke;
    margin: 0px 5px;
} 
.rrss_menu:hover{
    color: #8eb7d5;
    border: none;
}
.rrss a:hover{
    color: #8eb7d5;
    border: 2px solid #8eb7d5;
}
.rrssfoot a:hover{
    color: #8eb7d5;
    border: 2px solid #8eb7d5;
}
.dropdown .dropbtn {
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    font-size: 18px;
    margin-right: 15px;
 }
  
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#1C3F7B;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    text-align: center;
} 
.dropdown:hover .dropdown-content {
    display: block;
}
.menu_desk{
    display: none;
}
.menu_desk a:hover{
    color: #8eb7d5;
}
.languages {
    width: 150%;
    height: 20px;
    padding-top: 2px;
    color: white;
    z-index: 900;
    /*flex*/
    display: flex;
    justify-content: flex-end; 
}
.languages a{
    font-size: 14px;
    text-shadow: 2px 2px 2px #000000;
    margin-left: 12px;
}

footer{
    width: 100%;
    background-color: #1C3F7B;
    padding: 25px 0px;
    color: whitesmoke;
    text-align: center;
}
footer h1{
    margin-bottom: 7%;
    font-size: 12px;
    color: white;
}
footer p{

    font-size: 14px;
    color: whitesmoke;
}
footer img{
    width: 100%;
    height: 90px;
}
.contact{
    width: 90%;
    margin: 5%;
}
.contact p, a{
    color: whitesmoke;
    font-size: 12px;
    padding: 4px 0px;
}
.rrss{
    width: 100%;
    height: 50px;
    padding: 7% 0px;
    /*flex*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.rrss a{
    width: 30px;
    height: 30px;
    color: whitesmoke;
    margin: 0px 5px;
    border-radius: 50%;
    border: 1px solid whitesmoke;
}
.copy{
    height: 45px;
    padding: 10px;
}
.rrssfoot{
    width: 100%;
    height: 50px;
    /*flex*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.rrssfoot a{
    width: 40px;
    height: 40px;
    color: whitesmoke;
    margin: 0px 5px;
    border-radius: 50%;
    border: 1px solid whitesmoke;
}
.rrssfoot i{
    font-size: 16px;
}
.legal{
    font-size: 12px;
    /*flex*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.legal i{
    padding: 10px;
}
/* Reglas Especificas */
/* sección 1 */
.s1{
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 5;
    /*flex*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.s1 video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: #DBD9D9;
}
.s1txt{
    padding: 0px 7% ;
    position: absolute;
    z-index: 800;
    color: white;
    text-shadow: 2px 2px 2px #000000;
}
.s1txt h1{
    font-size: 50px;
    font-family: 'Dancing Script', cursive; 
}
.overvid{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 1s;
    background: linear-gradient(177deg, rgba(229, 243, 247, 0.074) 27%, rgba(28, 63, 123, 0.642) 81%); 
    z-index: 700;
}
/* Seccion 2 */
.s2{
    width: 100%;
    padding: 10%;
    text-align: justify;
}
.s2 h1{
    color: #1C3F7B;
    text-align: center;
    font-size: 38px;
}
.s2 p{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #757474;
}
.s2_content button{
    margin-left: 15%;
    margin-top: 20px;
}
/* Seccion 3 */
.s3{
    width: 100%;
    padding-bottom: 10px;
    color: #757474;
}
.s3content {
    width: 100%; 
}
.s3content img{
    width: 100%;
    height: 100%;
}
.s3content h2{
    font-size: 38px;
    line-height: 1.3;
    font-weight: 100;
    color: #1c3f7b;
    text-align: center;
    padding-top: 10px;
}
.s3content p{
    padding: 3% 10%;
    font-size: 16px;
    text-align: justify;
}
.s3content button{
    margin-left: 20%;
}
/* Divi servicios */
.divi1{
    width: 100%;
    padding: 15% 5%;
    text-align: center;   
    
}
.divi1 h3{
    padding-bottom: 7%;
    font-family: 'Dancing Script', cursive;
    font-size: 32px;
}
.diviservicios{
    /*flex*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.diviservicios div{
    width: 100%;
    height: 230px;
    padding: 20px 25px;
    border-radius: 25px;
    margin-top: 7%;
    background-color:#dedede;
    transition: all .5s;
    color: #1C3F7B;
    cursor: pointer;   
}
.diviservicios a{
    flex-direction: column;
    color: #1C3F7B;
}
.diviservicios div:hover{
    background-color: #8eb7d58d;
    border: 4px solid #8eb7d5;
}
.diviservicios img{
    width: 100px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.diviservicios h3{
    padding-top: 2%;
}
/* Seccion 4 */
.s4{
    width: 100%;
}
/* Slideshow container */
.slideshow-container {
    max-width: 1920px;
    position: relative;
    margin: auto;
} 
.mySlides img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    text-shadow: 2px 2px 2px #000000;
}  
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
    color: #C6D4DF;
}  
/* Caption text */
.text {
    height: 550px;
    color:#717171;
    font-size: 15px;
    top: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    text-align: center;
}
.text h2{
    padding: 25px  10px 10px 10px;
}
.text p{
    height: 350px;
    padding: 0 15px 5px;
    font-size: 13px;
}
.text span{
    padding-bottom: 7%;
    font-family: 'Dancing Script', cursive;
    font-size: 24px;
    padding-top: 5%; 
}
/* The dots/bullets/indicators */
.dot { 
    position: relative;
    z-index: 25;
    color: black;
    bottom: 55px;
    text-align: center;
    cursor: pointer;
    height: 3px;
    width: 15px;
    background-color: rgb(205, 205, 205);
    border-radius: 20%;
    display: inline-block;
    transition: background-color 0.6s ease;
}    
.active, .dot:hover {
    background-color: #717171;
}
/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
            animation-name: fade;
            animation-duration: 1.5s;
}
   
@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}
    
@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}    
  
/* Credenciales */
.credentials{
    width: 100%;
    height: 550;
    margin-top: 420px;
    padding: 145px 0px 0px;
    text-align: center;
    color: #1C3F7B;

}
.credentials h3{
    font-family: 'Dancing Script', cursive; 
    font-size: 36px;
}
/* Separador servicios */
.ticker-container {
    width: 100%;
    height: 150px;
    overflow: hidden;
    /*flex*/
    display: flex;
}
@keyframes background-animated {
    0% { background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
.ticker-text {
    height: 200%;
    white-space:nowrap;
    display:inline-block;
    padding-top: 15px;
  }
.ticker-text span{
    margin-left: 45px;
}
.ticker-text img{
    width: 120px;
}

/* Sección 1 Destino*/
.s1D{
    width: 90%;
    top: 70px;
    position: relative;
    margin: 5%;
    text-align: justify;
    color:#757474;
}
.s1D h1{
    color:#1C3F7B;
    text-align: center;
}
.s1D H2{
    color:#0D456B;
    font-size: 28px;
    text-align: center;
    font-family: 'Dancing Script', cursive; 
}
.s1D p{
    padding-top: 15px;
}
  /* Sección 2 Destino*/
.s2D{
    width: 100%;
    height: 520px;
    position: relative;
    top: 80px;
    color: #757474; 
    text-align: justify;
}
.s2D a{
    font-size: 14px !important;
}
.s2D-content {
    width: 90%;
    margin: 5%;   
}
.s2D-content video{
    width: 100%;
}
.s2D-content p{
    padding-top: 15px;
}
.divi{
    width: 100%;
    background-color: #1C3F7B;
    padding: 18%;
    color: white;
    text-align: center;
}
.divi > div{
    width: 100%;
    margin: 20px 0px;
    color: white;
    text-align: center;
}
/* Seccion 3 Destino */
.s3D{
    width: 100%;
    position: relative;
}
.destinationgallery {
    background:#1C3F7B;	
    position: relative;
     /*flex*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}    
.destinationgallery ul {
    list-style: none;
}
.destinationgallery li {
    flex: 1 1 40rem;
    box-shadow: 4px 4px 8px rgba(5, 32, 121, 0.596);
    height: 30rem;
    overflow: hidden;
    object-fit: cover;
}
.destinationgallery:hover .img {
    filter: grayscale(0);
    transform: scale(1);
    opacity: 1;
}
.destinationgallery img {
    width: 100%; height: 100%; object-fit: cover;
    transform: scale(1.1);
    filter: grayscale(30%);
    opacity: 0.8;
    transition: all .3s ease-in-out;
}
  /* Seccion 4 Destino */
.s4D{
    width: 100%;
    padding: 15% 5%;
    position: relative;
}
.s4D h2{
    padding-bottom: 7%;
    color: #0D456B;
    font-size: 30px;
  }
  .s4D_content div{
    width: 100%;
    height: 300px;
    padding: 20px 25px;
    margin-top: 7%;
    background-color: #d6bfdda6;
    transition: all .5s;
  }
  .s4D_content div:hover{
    background-color: #d6bfdd7e;
  }
  .s4D_content img{
    width: 80%;
    height: 100px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .s4D_content h3{
    padding-top: 7%;
    color: #0D456B;
  }
  .s4D_content span{
    font-size: 14px;
    color: #0D456B;
  }
  .s4D_content p{
    padding: 4% 0%;
    color:#C9809E;
    font-weight: 400;
    font-size: 16px;
  }
  
/* Sección 1 Aboutus */
.s1aboutus{
    width: 100%;
    height: 240px;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%), url(../img/Equipo-Bodas-Huatulco.jpg); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 70px;
    left: 0px;
    z-index: 1;
    color: #DBD9D9;
    position: relative;
    text-shadow: 2px 2px 2px #000000;
}
.s1aboutustxt{
    width: 260px;
    padding: 0px 5%;
    margin-top: 130px;
    position: absolute;
    z-index: 4;
    color: white;
}
.s1aboutustxt h2{
    font-size: 24px;   
}
.s1aboutustxt h3{
    padding-left: 15px;
    font-size: 35px;
    font-family: 'Dancing Script', cursive; 
}
/* Seccion 2 Nosotros*/
.s2aboutus{
    width: 100%;
    top: 100px;
    padding: 0px 5% 60px;
    position: relative;
    background-color: white;
    text-align: justify;
    color: #717171;
}
.s2aboutus h2{
    color: #1C3F7B;
    text-align: center;
}
.s2aboutus h3{
    color: #1C3F7B;
    text-align: center;
    font-size: 25px;
    padding-bottom: 15px;
}
.s2aboutuscontent img{    
    width: 100%;
    height: 100%;
}
.s2aboutuscontent h2{
    font-size: 40px;
    font-family: 'Dancing Script', cursive; 
    padding-top: 15px;
}
.s2aboutuscontent h4{
    text-align: center;
    padding: 5;
    color: #717171;
}
.s2aboutus p{
    padding: 10px;
}
/* Divi Certifications */
.achievements{
    width: 100%;
    height: 320px;
    top: 50px;
    padding: 15% 5%;
    position: relative;
    background-color: #DBD9D9;
}
.achievements h2{
    color: #1C3F7B;
    text-align: center;
    margin-bottom: 10px;
}
@keyframes scroll {
    0% {
      transform: translateX(0); }
    100% {
      transform: translateX(calc(-250px * 7));         
    }     
} 
.slide-certifications {
    height: 300px;
    overflow: hidden;
    position: relative;     
}
.slide-certifications::before, .slide-certifications::after {
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;       
}
.slide-certifications::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);       
}
.slide-certifications::before {
    left: 0;
    top: 0; 
}
.slide-certifications .slide-track {
    animation: scroll 40s linear infinite;
    /*flex*/
    display: flex;
    width: calc(200px * 14); 
}
.slide-certifications .cslide {
    height: 100px;
    width: 250px; 
}
/* Section 3 About Us  */
.s3aboutus{
    width: 100%;
    top: 20px;
    position: relative;
    padding: 10% 5%;
    color: #1C3F7B;
    padding: 10% 5%;
    text-align: center;
}
.s3aboutus h2{
    padding: 3%;
    padding-bottom: 4%;
    color: #0D456B;
    font-size: 30px;
}
.s3aboutuscontent div{
    width: 100%;
    padding: 10px 15px;
    margin-top: 4%;
    background-color:#8eb7d5;
    transition: all .5s;
    transition: filter .25s ease-in-out;
}
.s3aboutuscontent div:hover{
    background-color: #8eb7d5a0;
}

/* Section 1 Services */
.s1services{
    width: 100%;
    padding: 0px 5%;
    margin-bottom: 80px;
    position: relative;
    top: 100px;   
}
.s1services h1{
    color: #1C3F7B;
    text-align: center;
    padding-bottom: 15px;
}
.s1services p{
    padding-top: 10px;
    text-align: justify;
}
.s1services button{
    margin-left: 55px;
    margin-top: 15px;
}
/* Section 2 Services */
.FServ{
    width: 100%;
    height: 400px;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%), url(../img/Bodas-Huatulco-Nuestros-Servicios.jpg) ;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 0% 5%;
    color:white;
    text-shadow: 1px 1px 1px #0000008f;
}
.FServ div{
    width: 95%;
    padding: 5px;
}
.FServ h1{
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: 0px;
    margin-top: 15%;
    padding-bottom: 30px;
}
.FServ h3{
    font-size: 15px;
    line-height: 1.2;
    padding-bottom: 5%;
}
/* Section 3 Services Flip Cards */
.s3s{
    width: 90%;
    margin: 5%;
    top: 25px;
    position: relative;
}
.wrapper{
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
  }  
.cols{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.col{
    width: 100%;
    margin: 1rem;
    cursor: pointer;
}
.container{
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
      -webkit-perspective: 1000px;
              perspective: 1000px;
}
.front, .back {
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5rem;
}  
.back{
    background-color: #1c3f7b;
}
.front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #1c3f7bb8;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
    border-radius: 10px;
}
.container:hover .front,
.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
              transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    outline: 1px solid transparent;
      -webkit-perspective: inherit;
              perspective: inherit;
    z-index: 2;
} 
.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
  
.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
} 
.container:hover .back{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.container:hover .front{
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.front .inner p{
    font-size: 2rem;
    margin-bottom: 2rem;
    position: relative;
}
.front .inner p:after{
    content: '';
    width: 4rem;
    height: 2px;
    position: absolute;
    background: #C6D4DF;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.75rem;
}
.front .inner span{
    color:#f4f4f4;
    font-size: 28px;
    font-family: 'Dancing Script', cursive;
    font-weight: 300;
}
/* complementary services */
.s1SC{
    width: 100%;
    height: 240px;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%), url(../img/Bodas-Huatulco-Tu-Boda-En-La-Playa-Servicios.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 70px;
    left: 0px;
    z-index: 1;
    color: #DBD9D9;
    position: relative;
}
.s1SCtxt{
    padding: 0px 5%;
    margin-top: 130px;
    position: absolute;
    z-index: 4;
    color: white;
    text-shadow: 2px 2px 2px #000000;
}
.s1SCtxt h2{
    font-size: 24px;   
}
.s1SCtxt h3{
    padding-left: 15px;
    font-size: 35px;
    font-family: 'Dancing Script', cursive; 
}
/* complementary services 2*/
.s2SC{
    width: 100%;
    height: 240px;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%),url(../img/Bodas-Huatulco-Sevicios-Complementarios.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 100px;
    left: 0px;
    bottom: 20px;
    z-index: 1;
    color: #DBD9D9;
    position: relative;
}
.s2SCtxt{
    padding: 0px 5%;
    margin-top: 130px;
    position: absolute;
    z-index: 4;
    color: white;
    text-shadow: 2px 2px 2px #000000;
}
.s2SCtxt h2{
    font-size: 24px;   
}
.s2SCtxt h3{
    padding-left: 15px;
    font-size: 35px;
    font-family: 'Dancing Script', cursive; 
}
/* complementary services 3 */
.s3SC{
    width: 100%;
    height: 240px;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%), url(../img/Bodas-Huatulco-Preguntas-Frecuentes.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 100px;
    z-index: 1;
    color: #DBD9D9;
    position: relative;
}
.s3SCtxt{
    padding: 0px 5%;
    margin-top: 130px;
    position: absolute;
    z-index: 4;
    color: white;
    text-shadow: 2px 2px 2px #000000;
}
.s3SCtxt h2{
    font-size: 24px;   
}
.s3SCtxt h3{
    padding-left: 15px;
    font-size: 35px;
    font-family: 'Dancing Script', cursive; 
}
.SSC-3{
    margin-bottom: 45%;
}
/* Accordion */
.accordion{
    width: 100%;
    margin-top: 25px;
    padding: 0 5% 15px;
    top: 100px;
    position: relative;
    text-align: left;
}
.accordion-headboard {
    border-bottom: 1px solid #DDE0E7;
    color: whitesmoke;
    cursor: pointer;
    font-weight: 600;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid rgb(255 255 255 / 25%);
    background-color: #1C3F7B;
    font-size: 14px;
}
.accordion-headboard:hover {
    background:#C6D4DF;
}
.accordion-headboard.active {
    background-color:#8eb7d5;
}
.accordion-contenido {
    display: none;
    border-bottom: 1px solid #C6D4DF;
    border-radius: 15px;
    border: 1px solid rgb(255 255 255 / 25%);;
    padding: 15px;
    color:#717171;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-word;
}
.accordion-contenido a{
    font-size: 14px;
    color:#8eb7d5;
    font-family: 'Montserrat', sans-serif;
    /*flex*/
    display: initial; 
}
.doubts{
    width: 100%;
    height: 150px;
    padding: 45% 5%;
    text-align: center;
    color: #1C3F7B;
}
.doubts p{
    font-size: 24px;
    padding-bottom: 15px;
}
.doubts button{
    margin-left: 20%;
}
/* Section 1 Pop Up Weddings */
.s1PUW{
    width: 90%;
    top: 100px;
    position: relative;
    margin: 5%;
    text-align: justify;
    color: #757474;
    font-size: 14px;
}
.s1PUW h1{
    color:#1C3F7B;
    text-align: center;
  }
.s1PUW h2{
    text-align: center;
    font-size: 35px;
    font-family: 'Dancing Script', cursive; 
}
.s1PUW p{
    padding-top: 15px;
}
/* Section 2 Pop Up Weddings*/
.s2PUW{
    width: 100%;
    height: 820px;
    position: relative;
    top: 140px;
    color: #757474; 
    text-align: justify;
}
.s2PUW-content {
    width: 90%;
    margin: 5%;   
}
.s2PUW-content video{
    width: 100%;
}
.s2PUW-content p{
    padding-top: 15px;
}
.s2PUW-content a{
    font-size: 14px;
}
/* Section 3 Pop Up Weddings */
.s3PUW{
    width: 100%;
    position: relative;
    margin-top: 20px;
}
.s3PUW h1{
    padding: 45px 15px 10px;
    color:#1C3F7B;
    text-align: center;
    font-size: 26px;
 }
.Revpuw {
    width: 90%;
    margin: 5%;
    color:#1C3F7B;
    font-size: 15px;
    padding-top: 15px;
    position: absolute;
    bottom: 8px;
    text-align: center;
    background-color:rgba(245, 245, 245, 0.868);
}
.text h2{
    padding-top: 25px;
    padding-bottom: 10px;
}
.Revpuw p{
    padding: 0 15px 25px;
    font-size: 13px;
}
.Revpuw span{
    padding-bottom: 7%;
    font-family: 'Dancing Script', cursive;
    font-size: 24px;
    padding-top: 5%; 
}
/* Next & previous buttons */
.ante, .post {
    cursor: pointer;
    position: absolute;
    top: 55%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    text-shadow: 2px 2px 2px #000000;
}  
.post {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.post:hover, .ante:hover {
    color: #C6D4DF;
} 
/* Sección 1 WEDDING TOUR*/
.s1WedTour{
    width: 90%;
    top: 100px;
    position: relative;
    margin: 5%;
    text-align: justify;
    color: #757474;
    font-size: 14px;
  }
.s1WedTour h2{
    text-align: center;
    font-size: 35px;
    font-family: 'Dancing Script'; 
    margin-top: 25px;
    color:#1C3F7B;
}
.s1WedTour p{
    padding-top: 15px;
}
/* Section 2 WEDDING TOUR*/
.s2WedTour{
    width: 100%;
    position: relative;
    top: 100px;
    margin: 5%;   
    color: #757474; 
    text-align: justify;
    text-justify: inter-word; 
}
.s2WedTour-content {
    width: 90%;
  /*  top: 135px;  */
}
.s2WedTour-content img{
    width: 100%;
}
.s2WedTour-content p{
    padding-top: 15px;
}
.s2WedTour-content a{
    font-size: 14px;
}
.s2WedTour-content>.accordion{
    top: 10px !important;
    padding-bottom: 45%;
}

/* Galería */
.S1GV{
    top: 70px;
    padding: 10% 0 0;
    text-align: center;
    position: relative;
    background-color: #DBD9D9;
}
.S1GV h1{
    padding: 0px 5%;
    color: #1C3F7B;
}
.S1GV > p{
    padding: 25px 5%;
    color: #717171;
}
.gallery {
	display: flex;
	flex-wrap: wrap;
	/* Compensate for excess margin on outer gallery flex items */
	margin: 2rem -1rem;
}

.gallery-item {
	/* Minimum width of 24rem and grow to fit available space */
	flex: 1 0 24rem;
	/* Margin value should be half of grid-gap value as margins on flex items don't collapse */
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
}
.gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms ease-out;
}
.gallery-image:hover {
	transform: scale(1.15);
}
@supports (display: grid) {
	.gallery {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
		grid-gap: 2rem;
	}
	.gallery,
	.gallery-item {
		margin: 0;
	}
}
.S2GV{
    width: 100%;
    top: 80px;
    position: relative;
    padding: 0px 5%;
    color: #1C3F7B;  
    text-align: center;
    margin-bottom: 45px;
}
.S2GV h1{
    margin-bottom: 15px;
}
iframe{
    width: 100%;
    margin-bottom: 35px;  
}

.s1contact{
    width: 100%;
    position: relative;
    padding: 120px 4%;
    background: rgb(229,243,247);
    background: linear-gradient(177deg, rgba(229,243,247,0.07745104877888653) 27%, rgba(28,63,123,0.35476197314863445) 81%), url(../img/Bodas-Huatulco-contactanos.jpg);
    background-size: cover;
    background-position: center;
}
.s1contact_text{
    margin-top: 45%;
    color: white;
    text-align: center;  
}
.s1contact_text h1{
    text-shadow: 2px 2px 2px #000000;
}
.s1contact_text p{
    line-height: 1.8;
    margin-top: 30px;
    font-size: 16px;
}
.s2contact{
    width: 100%;
    padding: 7% 3%;
    /*flex*/
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
/* Formulario */
.s2contact_form{
    background-color: rgba(255, 255, 255, 0.846);
    border-radius: 5px;
    margin-top: 50px;    
}
.s2contact_form p{
    text-align: center;
    margin-bottom: 20px;
    color:#0D456B;
    font-size: 16px;
}
.s2contact_form button{
    margin-left: 60px;
    margin-bottom: 20px;
}
.s2contact_form a{
    color: #1C3F7B;
    font-size: 13px;
}
.s2contact_form a:hover{
    color: #8eb7d5;
}
/*  responsive */
/* Media Tablet (768px) */
@media (min-width: 768px){
    /* Normalizadores */
    h1{
        font-size: 48px;
    }
    h2{
        font-size: 35px;
    }
    p{
        font-size: 16px;
    }
    /* Common elements */
    #phone{
        width: 60px;
        height: 60px;
    }
    #phone a{
        font-size: 45px;
    }
    /* General Rules */
    header{
        height: 80px;
        top: 0;
        left: 0;
        right: 0;
        /*flex*/
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .logo{
        width: 175px;
        height: 45px;
    }
    .logo h1{
        font-size: 25px;
        padding-top: 10px;
    }
    .logo img{
        margin-right: 10px;
    }
    .btn_menu_mob{
        display: none;
    }
    .menu_mob a {
        margin-top: 8px;
        font-size: 17px;
    }
    .rrss{
        width: 25%;
    }
    .languages a{
        font-size: 16px;
        margin-top: 12px;
    }
    footer{
        /*flex*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    footer h1{
        font-size: 16px;
    }
    footer img{
        width: 100%;
        height: 100px;
    }
    .BHslogan{
        width: 40%;
        height: 100px;
        margin: 5%;
    }
    .contact{
        width: 40%;
        margin: 5%;
    }
    .contact p, a{
        color: whitesmoke;
        font-size: 14px;
        padding: 4px 0px;
    }
    .rrss{
        width: 100%;
        height: 50px;
        padding: 7% 0px;
        /*flex*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rrss a{
        width: 30px;
        height: 30px;
        color: whitesmoke;
        margin: 0px 5px;
        border-radius: 50%;
        border: 1px solid whitesmoke;
    }
    .rrssfoot i{
        font-size: 20px;
    }
    .legal{
       margin: 0 5%;
    }
    .copyright{
        padding-right: 50px;
        padding-top: 7px;
    }
    /* Specific Rules */
    .s1txt{
        width: 75%;   
    }
    .s1txt h1{
        font-size: 80px;
        margin-bottom: 15px;
    }
    /* Section 2 */
    .s2{
        padding: 4%; 
    }
    .s2_content{
        width: 100%;
        text-align: justify;  
    }
    .s2_content button{
        margin-left: 38%;
    }
    .s2 p{
        padding: 15px;
    }
    .btn-blue{
        font-size: 20px;
    }
    /* Section 3 */
    .s3{
        width: 100%;
        height: 540px;
        /*flex*/
        display: flex;
        flex-wrap: wrap;
        align-items: center; 
    }
    .s3content {
        width: 100%;
        height: 450px;
        /*flex*/
        display: flex;
    }
    .s3content div{
        width: 60%;
    }
    .s3content p{
        padding: 4% 7%;
    }
    .s3content button {
        margin-left: 25%;
    }
    /* divi servicios */
    .divi1{
        padding: 45px 2%;
    }
    .divi1 h3{
        padding-bottom: 5%;
        font-size: 28px;
    }
    .diviservicios{
      /*flex*/
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: center;
    }
    .diviservicios > div{
        width: 30%;
        padding: 20px 15px;
        margin-top: initial;
    }
    .diviservicios a{
        flex-direction: column;
    }
    /* Reviews */ 
    .text h2{
        font-size: 24px;
    }
    .text span {
        font-size: 26px;       
    }
    .text p {
        padding: 0 20px 25px;
        font-size: 15px;
    }
    .dot {
        height: 5px;
        width: 25px;
        background-color: rgb(205, 205, 205);
        border-radius: 15%;
    }
    .prev, .next{
        font-size: 30px;
    }
    /* Credentials */
    .credentials {
        height: 550;
        margin-top: 290px;
        padding: 45px 0px 0px;
    }
    /* Seccion 1 Destination Gallery */  
    .s1D H2 {
        color: #0D456B;
        font-size: 40px;
    }
    .s1D p{
        padding-top: 10px;
    }
    /* Seccion 2 Destination Gallery */  
    .s2D-content {
        width: 90%;
        /*flex*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        font-size: 16px;
    }
    .s2D-content video{
        width: 60%;
    }
    .s2D a{
        font-size: 16px !important;
    }
    .s2Dtxt{
        width: 40%;
        margin-top: 10px;
        padding-left: 15px;
    }
    .divi{
        height: 180px;
        padding: 5% 4%;
        /*flex*/
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .divi > div{
        width: 31%;
    }
    /* Seccion 3 Destination Gallery */  
    .destinationgallery ul {
        list-style: none;
        padding: 0;
        margin: 0;
        /*flex*/
        display: flex;
        flex-wrap: wrap;
    }
    .destinationgallery li {
        flex: 1 2 40rem;
        box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
        height: 30rem;
    }
    .destinationgallery:hover .img {
        filter: grayscale(0);
        transform: scale(1);
        opacity: 1;
    }
    /* Sección 1 About Us */
    .s1aboutus{
        width: 100%;
        height: 520px;
        position: relative;
    }
    .s1aboutustxt{
        margin-top: 35%;
        position: absolute;
        z-index: 4;
        color: white;
    }
    .s1aboutustxt h2{
        font-size: 50px;   
    }
    .s1aboutustxt h3{
        font-size: 54px;
        padding-left: 45px;
    }
    /* Seccion 2 About Us*/
    .s2aboutus{
        width: 100%;
        top: 100px;
        padding: 0px 5% 80px;
    }
    .s2aboutus h2{
        font-size: 40px;
    }
    .s2aboutus h3{
        font-size: 28px;
    }
    .s2aboutuscontent {
        /*flex*/
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .s2aboutuscontent img{    
        width: 50%;
        height: 80%;
        padding-bottom: 10px;
    }
    .s2aboutuscontent div{
        width: 50%;
        margin-top: 45px;
    }
    .s2aboutuscontent h2{
        font-size: 45px;
    }
    .s2aboutus p{
        padding: 10px;
        color: #717171;
    }
    /* Divi Certifications */
    .achievements{
        top: 70px;
        padding: 7% 5%;
        margin-bottom: 55px;
    }
    /* Sección 3 About Us */
    .s3aboutus{
        width: 100%;
        padding: 2% 5%;
        text-align: center;
    }
    .s3aboutus h2{
        padding-bottom: 2%;
        color: #0D456B;
        font-size: 65px;
    }
    .s3aboutuscontent{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }
    .s3aboutuscontent > div{
        width: 33%;
        margin-top: initial;
        margin-bottom: 10px;
    }
    .gallery-wrap {
        /*flex*/
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        height: 70vh;
    }
    /* Seccion 2 Servicios */
    .FServ div{
        width: 90%;
    }
    .FServ h1{
        font-size: 38px;
        line-height: 1.3;
        margin-top: 10%;
        padding-bottom: 30px;
    }
    .FServ h3{
        font-size: 30px;
        line-height: 1.2;
    }
    .s1services button {
        margin-left: 40%;
    }
    /* Seccion 3 Servicios Flip Cards */
    .s3s{
        width: 90%;
        margin: 5%;
        top: 25px;
        position: relative;
    }
    .wrapper{
        width: 100%;
        margin: 0 auto;
    }  
    .col{
        width: 40%;
    }
    .front .inner h2{
        font-size: 32px;
    }
    .front .inner span{
        font-size: 36px;
    }
    /* Servicios Complementarios */
    .s1SC{
        width: 100%;
        height: 540px;
        position: relative;
    }
    .s1SCtxt{
        width: 460px;
        margin-top: 40%;
    }
    .s1SCtxt h2{
        font-size: 42px;   
    }
    .s1SCtxt h3{
        font-size: 54px;
    }
    /* Cabecera Servicios Complementarios 3 */
    .s2SC{
        height: 540px;
    }
    .s2SCtxt{
        width: 460px;
        margin-top: 40%;
    }
    .s2SCtxt h2{
        font-size: 42px;   
    }
    .s2SCtxt h3{
        font-size: 54px;
    }
    /* Cabecera Servicios complementarios 3 */
    .s3SC{
        height: 540px;
    }
    .s3SCtxt{
        width: 460px;
        margin-top: 40%;
    }
    .s3SCtxt h2{
        font-size: 42px;   
    }
    .s3SCtxt h3{
        font-size: 54px;
    }
    .SSC-3{
        margin-bottom: 15%;
    }
    /* Acordeon */
    .accordion-headboard{
        font-size: 20px;
    }
    .accordion-contenido {
        font-size: 18px;
    }
    .accordion-contenido a{
        font-size: 18px;
    }
    .doubts{
        padding: 15% 5%;
    }
    .doubts p{
        font-size: 26px;
    }
    .doubts button{
        margin-left: 39%;
    }
    /* Seccion 1 Galería y Veideo */
    .S1GV{
        top: 40px;
    }
    .masonry {
        columns: 2;
    }
    .S1GV button {
        width: 40%;
        margin: auto;
    }
    .S1GV  button i{
        margin-left: 10px;
        font-size: 22px;
    }
    .S2GV{
        width: 100%;
        top: 40px;
        position: relative;
        padding: 0px 5%;
        color: #1C3F7B;  
        text-align: center;
    }
    .S2GV h1{
        margin-bottom: 15px;
    }
    /* Sección 1 Acerca de */
    .s1PUW{
        top: 90px;
    }
    .s1PUW p{
        padding-top: 10px;
    }
    /* Sección 2 Acerca de */
    .s2PUW{
        top: 90px;
        height: 630px;
    }
    .s2PUW-content {
        width: 90%;
        margin: 3% initial;
        /*flex*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .s2PUW-content video{
        width: 60%;
    }
    .s2PUW-content a{
        font-size: 16px;
    }
    .s2PUWtxt{
        width: 40%;
        margin-top: 30px;
        padding-left: 15px;
    }
    /* Seccion 3 Pop up weddings */
    .s3PUW{
        width: 100%;
        position: relative;
        color: white;
    }
    .s3PUW h1{
        font-size: 40px;
        padding-top: 10px;
    }
    .Revpuw h2{
        font-size: 26px;
    }
    .Revpuw p {
        height: initial;
        padding: 0 20px 35px;
        font-size: 18px;
    }
    .Revpuw span {
        font-size: 28px;       
    }
    .ante, .post {
        font-size: 45px;
    }
    /* Sección 1 WEDDING TOUR*/
    .s1WedTour h2{
        font-size: 55px;
    }
    .s1WedTour p{
        padding-top: 15px;
    }
    /* Sección 2 WEDDING TOUR*/
    .s2WedTour{
        width: 90%;
        top: 110px;
        margin: 5%;
    }
    .s2WedTour-content {
        width: 100%;
        /*flex*/
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .s2WedTour-content img{
        width: 60%;
    }
    .s2WTxt{
        width: 40%;
        margin-top: 10px;
        padding-left: 15px;
    }
    .s2WedTour-content p{
        padding-top: 10px;
    }
    .s2WedTour-content a{
        font-size: 14px;
    }
    .s2WedTour-content>.accordion{
        top: 4px !important;
        padding-bottom: 15%;
    }

    /* contact */
    .s1contact{
        margin-top: 55px;
    }
    .s1contact_text{
        margin-top: initial;
        text-align: initial;
        margin-right: 15%;
    }
    .s1contact_text p{
        width: 60%;
        line-height: 1.2;
    }
    .s2contact{
        padding: 3% 2%;
    }
    .s2contact iframe{
        width: 500px;
    }
    /* Info contact */
    .s2contact_form{
        width: 260px;
        margin-top: 45px;
    }
    .s2contact_form p{
        text-align: center;
        font-size: 15px;
    }
    .s2contact_form button {
        margin-left: 40px;
    }
    .s2contact_form a{
        color: #1C3F7B;
        font-size: 15px;
    }

    /* Media Desk (1280px) */
    @media (min-width: 1280px){
     /* Normalizadores */
        h1{
            font-size: 80px;
        }
        h2{
            font-size: 45px;
        }
        p{
            font-size: 18px;
        }
        #phone{
            width: 80px;
            height: 80px;
        }
        #phone i{
            font-size: 55px;
            margin-left: initial;
        }
        /* Reglas Generales */
        header{
            height: 80px;
            padding-top: 15px;
        }
        .btn_mob{
            display: none;
        }
        .menu_mob{
            display: none;
        }
        .menu_desk{
            /*flex*/
            display: flex;
         }
        .menu_desk a{
            height: 50px;
            font-size: 18px;
            margin-right: 15px;
            color: white;
        }
        footer{
            /*flex*/
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        footer h1{
            font-size: 20px;
        }
        footer img{
            width: 100%;
            height: 140px;
        }
        .BHslogan{
            width: 40%;
            height: 100px;
            margin: 5%;
        }
        .contact p, a{
            font-size: 20px;
        }
        .rrss{
            width: 100%;
            height: 50px;
            padding: 7% 0px;
            /*flex*/
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .rrss a{
            width: 40px;
            height: 40px;
            color: whitesmoke;
            margin: 0px 5px;
            border-radius: 50%;
            border: 1px solid whitesmoke;
        }
        .legal {
            margin: 0 10%;
        }
        .rrssfoot{
            width: 100%;
            height: 50px;
            /*flex*/
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .rrssfoot a{
            width: 40px;
            height: 40px;
            color: whitesmoke;
            margin: 0px 5px;
            border-radius: 50%;
            border: 1px solid whitesmoke;
        }
       
        .copyright{
            padding-right: 70px;
            font-size: 20px;
            padding-top: 1%;   
        }
        /* Reglas Especificas */
        .s1txt{
            width: 70%;
            padding: 0px 5%;
        }
        .s1txt h1{
            font-size: 95px;
        }
        .s1_content p{
            margin: 60px 0px;
        }
        /* Seccion 2 */
        .s2{
            padding: 30px 5%;
            
        }
        .s2 p{
            font-size: 20px;
            text-align: justify;  
        }
        .s2_content{
            width: 90%;
            margin: auto;
        }
        .s2_content button {
            margin-left: 43%;
        }
        /* Seccion 3 */
        .s3{
            width: 100%;
            padding-bottom: 10px;
        }
        .s3content div{
            width: 50%;
        }
        .s3content h2{
            font-size: 45px;
            padding-top: 35px;
        }
        .s3content p{
            font-size: 18px;
        }
        .s3content button {
            margin-left: 36%;
        }
        /* Divisor */
        .divi1{
            padding: 45px 10%;
        }
        .divi1 h3{
            padding-bottom: 2%;
            font-size: 40px;
        }
        .diviservicios > div{
            height: 250px;
        }
        /* Seccion 4 */
        .prev, .next {
            font-size: 24px;
        }
    
        .text h2{
            font-size: 32px;
        }
        .text p{
            padding: 0 25px 18px;
            font-size: 18px;
        }
        .text span{
            font-size: 34px;
        }
        .prev, .next{
            font-size: 45px;
        }
        .dot {
            height: 5px;
            width: 45px;
            background-color: rgb(205, 205, 205);
            border-radius: 10%;
        }
        /* Credenciales  */
        .credentials h3 {
            font-size: 42px;
        }
        .ticker-container {
            width: 100%;
            height: 200px;
        }
        .ticker-text img{
            width: 180px;
        }
          /* Sección 1 | Acerca de */
        .s1D H2 {
            color: #0D456B;
            font-size: 60px;
        }
        .s1D p{
            padding-top: 15px;
        }
        /* Sección 2 Acerca de */
        .s2D{
            top: 40px;
            height: 620px;
        }
        .s2D-content video{
            width: 60%;
        }
        .s2Dtxt{
            width: 40%;
            padding-left: 20px;
        }
        .s2Dtxt p{
            padding-top: 35px;
        }
        .s2Dtxt a{
            font-size: 18px !important;
        }
        .divi {
            height: 240px;
        }
        /* Seccion 3 Acerca de | Galería */
        .destinationgallery {
            padding: 1rem 0;
        }    
        .destinationgallery li {
            flex: 1 2 30rem;
        }
          /* Sección 1 Aboutus */
        .s1aboutus{
            width: 100%;
            height: 820px;
            position: relative;
        }
        .s1aboutustxt{
            margin-top: 40%;
        }
        .s1aboutustxt h2{
            font-size: 72px;   
        }
        .s1aboutustxt h3{
            font-size: 85px;
            padding-left: 95%;
        }
        /* Seccion 2 Nosotros*/
        .s2aboutus{
            width: 100%;
            top: 100px;
            padding: 0px 5% 80px;
            font-size: 22px;
        }
        .s2aboutus h2{
            font-size: 45px;
        }
        .s2aboutus h3{
            font-size: 38px;
            padding-bottom: 15px;
        }
        .s3aboutuscontent {
            /*flex*/
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .s2aboutuscontent img{    
            width: 50%;
            height: 40%;
            padding-bottom: 10px;
        }
        .s2aboutuscontent div{
            width: 50%;
            margin-top: 45px;
        }
        .s2aboutuscontent h2{
            font-size: 65px;
        }
        .s2aboutus p{
            padding: 25px;
            font-size: 22px;
        }
        .s2aboutuscontent h4{
            padding-left: 10px;
            font-size: 24px;
        }
        /* Divi ogros y Certificaciones */
        .achievements{
            top: 70px;
            padding: 3% 5%;
        }
        /* Sección 3 Nosotros */
        .s3aboutus{
            width: 100%;
            position: relative;
            color: #1C3F7B;
        }
        /* Seccion 1 Servicios */
        .s1services {
            margin-bottom: 120px;
        }
        .s1services p{
            padding-top: 25px;
        }
        .s1services button {
            margin-top: 25px;
            margin-left: 45%;
        }
        /* Seccion 2 Servicios */
        .FServ div{
            width: 70%;
        }
        .FServ h1{
            margin-top: 8%;
        }
        .sf button{
            margin: initial;
        }
        /* Seccion 3 Servicios Flip Cards */
        .s3s{
            width: 100%;
        }
        .wrapper{
            width: 100%;
            margin: 0 auto;
        }  
        .col{
            width: 30%;
        }
        .front .inner h2{
            font-size: 40px;
        }
        .front .inner span{
            font-size: 42px;
        }
        /* Servicios Complementarios */
        .s1SC{
            height: 820px;
        }
        .s1SCtxt{
            width: 760px;
            margin-top: 40%;
        }
        .s1SCtxt h2{
            font-size: 72px;   
        }
        .s1SCtxt h3{
            font-size: 85px;
        }
        /* Cabecera Servicios Complementarios 3 */
        .s2SC{
            height: 820px;
        }
        .s2SCtxt{
            margin-top: 40%;
        }
        .s2SCtxt h2{
            font-size: 72px;   
        }
        .s2SCtxt h3{
            font-size: 85px;
        }
        /* Cabecera Servicios complementarios 3 */
        .s3SC{
            height: 820px;
        }
        .s3SCtxt{
            margin-top: 40%;
        }
        .s3SCtxt h2{
            font-size: 72px;   
        }
        .s3SCtxt h3{
            font-size: 58px;
        }
        .SSC-3{
            margin-bottom: 10%;
        }
        /* Acordeon */
        .accordion-headboard{
            font-size: 26px;
        }
        .accordion-contenido {
            font-size: 22px;
        }
        .accordion-contenido a{
            font-size: 22px;
        }
        .doubts p{
            font-size: 30px;
        }
        .doubts button{
            margin-left: 43%;
        }
        /* Sección 1 | Acerca de */
        .s1PUW{
            top: 90px;
        }
        .s1PUW p{
            padding-top: 15px;
        }
        /* Sección 2 Acerca de */
        .s2PUW{ 
            top: 60px;
        }
        .s2PUW-content video{
            width: 60%;
        }
        .s2PUWtxt{
            margin-top: 10%;
            padding-left: 20px;
        }
        .s2PUWtxt p{
            padding-top: 25px;
        }
        .s2PUW-content a {
            font-size: 18px;
        }

        /* Seccion 3 Acerca de | Galería */
        .s3PUW{
            position: relative;
            padding-bottom: 15px;
        }
        .s3PUW h1 {
            font-size: 46px;
            padding-top: 45px;
        }
        .Revpuw h2{
            font-size: 34px;
        }
        .Revpuw p{
            padding: 0 25px 18px;
            font-size: 20px;
        }
        .Revpuw span{
            font-size: 32px;
        }
        /* Sección 1 WEDDING TOUR*/
        .s1WedTour h2{
            font-size: 75px;
        }
        .s1WedTour p{
            padding-top: 25px;
        }
        /* Sección 2 WEDDING TOUR*/
        .s2WedTour{
            width: 90%;
            top: 110px;
            margin: 5%;
        }
        .s2WedTour-content {
            width: 100%;
            /*flex*/
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .s2WedTour-content img{
            width: 40%;
        }
        .s2WTxt{
            width: 60%;
            margin-top: 18%;
            padding-left: 15px;
        }
        .s2WedTour-content p{
            margin-top: 20px;
            padding-left: 20px;
        }
        .s2WedTour-content a{
            font-size: 20px;
        }
        .s2WedTour-content>.accordion{
            top: 4px !important;
            padding-bottom: 15%;
        } 
        /* Seccion 1 Galería y Veideo */
        .S1GV button {
            width: 40%;
            margin-top: 15px;
        }
        button i{
            margin-left: 10px;
            font-size: 22px;
        }
        /* contact */
        .s1contact {
            padding: 150px 4%;
        } 
        .s1contact_text p{
            font-size: 24px;
        }
        .s2contact iframe{
            width: 800px;
        }
        /* Info contact */
        .s2contact_form p{
            font-size: 22px;
        }  
        .s2contact_form{
            width: 400px;
            margin-top: 65px;
        }
        .s2contact_form button {
            margin-left: 30%;
        }
        .s2contact_form a{
            color: #1C3F7B;
            font-size: 17px;
        }

    }
}