/*
Theme Name: Reluxe
Author: Foreignerds
Author URI: https://foreignerds.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reluxe
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: 'Poppins', sans-serif;
}

img {
  max-width: 100%;
}
/********** Top-bar css start from here *****************/
section.top-bar {
    padding:14px 0px;
    background: #eee;
}
section.top-bar h5 {
        color: #3a3a3a;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

/*section.top-bar span {
    color: #555555;
    font-size: 18px;
    font-weight: 600;
}*/
select {
    background: #eee;
    border: 0;
    color: #007AB1;
    font-size: 18px;
    font-weight:500;
}

li.nav-item.ck-bn {
    margin-left: 50px;
}


ul.socilau li {
    padding:0px 7px;
    list-style: none;
}

ul.socilau{
    display: flex;
    margin: 0;
    padding: 0;
}

ul.socilau li a {
    color:#007AB1 !important;
    font-size:18px;
    text-decoration: none !important;
    font-weight: 500;
}

ul.socilau i.fa {
    font-size: 20px;
}
/********** Top-bar css end here *****************/
form.news-pxcc {
    box-shadow: #0000001a 0px 3px 15px;
    padding: 30px;
    border-radius: 8px;
    margin-top: -50px;
    background: #fff;
}

form.news-pxcc input {
    background: #F6F6F6;
    border: 0;
    padding: 8px 10px;
    color: #B4B4B4;
    font-size: 14px;
    width: 100%;
}


form.news-pxcc select {
    background: #F6F6F6;
    border: 0;
    padding: 8px 10px;
    color: #B4B4B4;
    font-size: 14px;
    width: 100%;
}


form.news-pxcc label{
    color: #3A3A3A;
    font-weight: 500;
    font-size: 17px;
}




.bcxdknh {
    background: #007ab1;
}

.mng-btns {
    padding: 10px;
    background: #007AB1;
    width: 100%;
}

 .banner-box .control-group {
    border-right: 1px solid #007ab1;
    padding: 0px 15px;
}


/******* banner css start from here*******/

section.bnr-mn{
  background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100% !important
}

section.bnr-mn2{
  background-size: cover !important;
    background-repeat: no-repeat !important;
  height:591px !important;
}


section.bnr-mn2 .banner-box {
    padding: 180px 0px;
    color: #fff;
}



section.bnr-mn2 .banner-box h1 {
    font-size: 53px;
    color: #fff;
    font-family: Andallan;
    font-weight: 400;
    text-align: center;
}

.banner-box {
    padding:105px 0px;
    color: #fff;
}


.banner-box h1 {
    font-size: 67px;
    color: #fff;
    font-family: Andallan;
    font-style: italic;
    font-weight: 400;
}

.banner-box h2 {
    font-size: 54px;
    color: #fff;
    font-family: BodoniXT;
    margin:0px;
}


.banner-box h3 {
    font-size:54px;
    color: #fff;
    position: relative;
    padding:0px 0px 10px;
    margin: 0;
    font-family: BodoniXT;
}

.banner-box h3::after {
   content: '';
    width:350px;
    height: 6px;
    background: #fff;
    position: absolute;
    left: 0%;
    top:70px;
}



.banner-box p {
    font-size:18px;
    color: #fff;
    line-height: 32px;
    margin-top:30px;
}

.banner-box a{
      text-decoration: none !important;
    background: #fff;
    color: #007AB1 !important;
    padding: 7px 50px;
    display: inline-block;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
    line-height: 37px;
}

/******* banner css end here*******/

/******* all-inclu css start from here*******/
section.all-nicg .bdms-box h2 {
    font-size: 38px;
}

section.all-nicg .bdms-box h2::after {
    content: '';
    width: 143px;
    height: 6px;
    background: #2d2d2d;
    position: absolute;
    left: 0%;
    top: 120px;
}

section.all-nicg {
    padding:30px 0px;
}

.axop {
    position: relative;
}

/******* all-inclu  css end here*******/


/********** navigation css start from here *****************/
ul.navbar-nav li {
    padding: 0px 3px;
}

div#globalNavbar {
    margin: 0px 0px 0 40px;
}

nav.navbar img {
    width: 230px;
    height: auto;
    object-fit: cover;
}
nav.navbar {
    padding:20px 0px;
}

ul.navbar-nav li a {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 500;
}

li.nav-item.ck-bn {
    text-decoration: none !important;
    background:#007AB1;
    padding: 0px 20px;
    display: inline-block;
    font-size: 19px;
    margin-top: 0px;
}

li.nav-item.ck-bn a {
    color: #fff !important;
}

/********** navigation css end here *****************/


/*****discounted all ofers start from here****/

.vaca-box {
    padding:40px;
    color: #fff;
}


.vaca-box .heding-bx h3{
  color: #fff;
}

.vaca-box .heding-bx h4{
  color: #fff;
}


.vaca-box h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 55px;
}

.vaca-box p {
    padding: 15px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.vaca-box a {
    text-decoration: none !important;
    background: #007AB1;
    color: #fff !important;
    padding: 13px 70px;
    display: inline-block;
    font-size: 19px;
    margin-top: 20px;
}
/*****discounted all ofers end here****/




/**************video section  start from here************/
.oth-er h5 {
    color: #007AB1;
    font-weight: 500;
    position:
     relative;
    margin: 0;
    padding: 10px 0px;
        font-size: 18px;

}

.vaca-box {
    padding: 40px;
    color: #fff;
}


.oth-er h5::before{
  content: '';
    width: 35px;
    height: 3px;
    background: #007ab1;
    position: absolute;
    left: 11%;
    top: 20px;
}

.oth-er h2 {
   color: #2D2D2D;
    font-weight: 700;
    line-height: 46px;
    padding: 5px 0px 15px;
    margin: 0;
    position: relative;
    margin-bottom: 50px;
    font-size: 36px;
}

.oth-er h2::after {
    content: '';
    width:670px;
    height: 6px;
    background: #2d2d2d;
    position: absolute;
    left: 0%;
    top: 55px;
}

section.view-other {
    padding-bottom: 60px;
}




section.tour-video {
    position: relative;
}


.video-tr {
    position: absolute;
    top: 0px;
    z-index: 1;
    text-align: center;
    padding:70px 0px;
    width: 1000px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.video-tr h3 {
    color: #fff;
    font-size: 54px;
    font-family: BodoniXT;
}


.video-tr p {
    color: #fff;
    font-size: 18px;
    padding:10px 0px;
}

.video-tr img {
    margin-top:30px;
}


.bdms-box.axpzxx {
    text-align: left;
        padding: 20px 0px;
}

.vaca-box a {
    text-decoration: none !important;
    background: #007AB1;
    color: #fff !important;
    padding: 13px 70px;
    display: inline-block;
    font-size: 19px;
    margin-top: 20px;
}

span.zcmx {
    float: right;
    font-size: 32px;
    font-weight: 700;
}

.ltest-box img {
    max-height: 500px;
    object-fit: cover;
	width:100%;
}

.ltest-box.rightblog img{
	max-height: 160px;
}
/**************video section  end here************/



/**************discover start from here************/
.bdms-box h6 {
    color: #007AB1;
    font-weight:700;
    position: relative;
    margin: 0;
    font-size: 18px;
}

.bdms-box {
    padding: 45px 0px;
}

.bdms-box h2 {
    color: #2D2D2D;
    font-weight:700;
    line-height: 46px;
    padding: 15px 0px;
    margin: 0;
    position: relative;
    font-size: 35px;

}

.bdms-box h2::after{
  content: '';
    width: 143px;
    height: 6px;
    background: #2d2d2d;
    position: absolute;
    left: 0%;
    top: 70px;
}

.bdms-box span {
    color: #007AB1;
}

.bdms-box p {
    color: #3A3A3A;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 20px;
}

.bdms-box a {
    text-decoration: none !important;
    background: #007AB1;
    color: #fff !important;
    padding:8px 40px;
    display: inline-block;
    font-size: 19px;
    margin-top: 20px;
}

section.discover-all-suit {
    padding-bottom: 60px;
}


/*.bdms-box h6::after {
    content: '';
    width: 50px;
    height: 4px;
    background: #007AB1;
    position: absolute;
    left: 19%;
    top: 8px;
}
*/


/**************discover start from here************/

.heding-bx h3 {
    font-weight: 600;
    font-size: 24px;
    color: #2D2D2D;
}

.heding-bx h4 {
    font-weight: 500;
    font-size: 25px;
    color: #2D2D2D;
    line-height: 34px;
}

.heding-bx h3 {
    font-weight: 700;
    font-size: 25px;
    color: #2D2D2D;
    line-height: 34px;
}

section.cabo-nw.nxsz {
    background: #fff;
}

section.cabo-nw.nxsz h6{
    font-size: 18px;
}

section.cabo-nw.nxsz .san-lucas h6::before {
    right: 35%;
    top: 10px;
}

section.cabo-nw.nxsz .san-lucas h6::after {
    left: 35%;
    top: 10px;
}



section.cabo-nw.nxsz p{
     font-size: 18px;
    color: #3A3A3A;
    padding: 10px 0px 10px;
    font-weight: 400;
    line-height: 30px;
}

.heding-bx h5 {
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    line-height: 33px;
}

section.cabo-nw.nxsz .heding-bx h5 {
    font-weight:500;
    font-size:18px;
    color: #3a3a3a;
    line-height: 33px;
}

section.cabo-nw.nxsz .heding-bx h3 {
    font-weight: 700;
    color:#3A3A3A;
}

section.cabo-nw.nxsz .heding-bx h4 {
    font-weight: 700;
    color:#3A3A3A;
}

/****************cabo san lucas start******************/
section.cabo-nw {
    background: #eee;
    padding: 60px 0px;
    text-align: center;
}

.san-lucas h6 {
    color: #007AB1;
    font-weight:700;
    position: relative;
    margin: 0;
    font-size: 18px;
}

.san-lucas h2 {
    color: #2D2D2D;
    font-weight: 700;
    font-size: 26px;
    padding: 20px 0px;
    margin: 0;
    line-height: 42px;
  }

section.cabo-nw p {
    color: #3A3A3A;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;;
}

.cabo-nw a {
    text-decoration: none !important;
    background: #007AB1;
    color: #fff !important;
    padding:10px 50px;
    display: inline-block;
    margin: 25px auto 0;
    font-size: 20px;
    font-weight: 500;
}

.san-lucas h6::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #007AB1;
    position: absolute;
    left:35%;
    top: 9px;
}

.san-lucas h6::before {
    content: '';
    width: 25px;
    height: 3px;
    background: #007AB1;
    position: absolute;
    right:35%;
    top: 9px;
}



/****************cabo san lucas end******************/



/****************team start from here******************/

.speak-alls{
    text-align: center;
    padding-bottom: 20px;
}

.speak-alls h6 {
    color: #007AB1;
    font-weight: 500;
    position: relative;
    margin: 0;
    font-size: 18px;
}

.speak-alls h6::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #007AB1;
    position: absolute;
    left: 43%;
    top: 9px;
}

.speak-alls h6::before {
    content: '';
    width: 25px;
    height: 3px;
    background: #007AB1;
    position: absolute;
    right: 43%;
    top: 9px;
}


.speak-alls h2 {
    color:#2D2D2D;
    font-weight: 600;
    line-height: 55px;
}

section.team-mate .owl-dots {
    margin-top: 30px;
}

section.team-mate .owl-nav {
    display: none;
}

section.team-mate .owl-theme .owl-dots .owl-dot:hover span {
    background: #0F62FE !important;
    width: 100px;
    height:8px;
    border-radius: 0;
}

.social-connect a {
    text-decoration: none !important;
    background: #007AB1;
    color: #fff !important;
    padding:7px 30px;
    display: inline-block;

}


.box-at {
    margin-top: 30px;
}


.social-connect {
    padding: 15px 20px 25px;
    border-radius: 0px 0px 4px 4px;
    background: #fff;
    box-shadow: inset 0 0 10px #e5e5e5;
        min-height: auto;
}

.social-connect h5 {
    color: #3A3A3A;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}

.social-connect h3 {
    color:#007AB1;
    font-size:20px;
    line-height: 30px;
    font-weight:700;
}

.social-connect p {
    color: #3A3A3A;
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
}


section.team-mate {
    padding: 60px 0px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 3px;
    background: #B4B4B4 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 1px;
}

/****************team end here******************/


/*****************footer start from here*************************/

footer {
    background:#007AB1;
    padding:50px 0px 0px;
}

.newsletter {
padding:0px 0 0px;
}

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 45px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 45px;
    border-radius: 0;
    background: #005D9A;
    color: #fff;
    font-weight:500;
}



.footer-o p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
}

.second-menu h3 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: bold;
}


.second-menu ul {
    margin: 0;
    padding: 0;
}

.second-menu ul li {
    list-style: none;
}

.second-menu ul li a {
    text-decoration: none !important;
    line-height: 38px;
    color: #fff !important;
    font-size: 16px;
}

.second-menu ul li a i.fa {
    font-size: 20px;
    margin: 0 10px 0 0;
}

.followsss {
    margin-top: 20px;
}

.follosss {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.followsss i.fa {
    color: #fff;
    padding: 0 15px 0 0;
    font-size: 20px;
}

.adre-line {
    display: flex;
    color: #fff;
    padding:10px 0px;
}
.adre-line a{
  color: #fff;
  text-decoration: none !important;
}

span.ibco-mx {
    margin-right: 20px;

}

.adre-line i.fa{
    font-size: 28px;
}

.adre-line i.fa.fa-envelope{
    font-size: 23px;
}

.main-pre-fot p {
    color: #ffff;
    text-align: center;
    font-size: 16px;

}

.main-pre-fot {
    border-top: 1px solid #fff;
    margin-top: 50px;
    padding: 20px 0px;
}

.bxxx img {
    transition: .3s all;
}


.bxxx img:hover {
    transform: scale(0.95);
}


/*****************footer end here*************************/




/*Landing page cssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/


/********** welcome reluce css start from here *****************/

section.welcomes{
    background: url(../images/welcome-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.welcomes-bx {
    text-align: center;
    padding: 60px 0px;
}


.welcomes-bx h2{
    color: #2D2D2D;
    font-weight: 600;
    font-size: 26px;
    line-height: 42px;
    padding-bottom:10px;
}



.welcomes-bx p{
    color: #3A3A3A;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
}

/********** welcome reluce css end here *****************/


/********** all resort css start from here *****************/

section.all-resort{
    background: url(../images/resort-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

section.all-resort.nxovd{
    background: url(../images/valarta-bg.png);
}
.resort-box{
    background: #ffffffc4;
    padding:20px;
    margin:50px 0px;
}


.resort-box h2 {
    color: #2D2D2D;
    font-weight: 600;
    font-size: 26px;
    line-height: 42px;
    padding-bottom: 10px;
}


.resort-box p {
    color: #3A3A3A;
    font-size: 17px;
    line-height:28px;
    font-weight: 400;
}



/********** all resort css end here *****************/

/********** reluxe in our resort css start from here *****************/

section.reluxe-main {
    padding: 60px 0px;
}

.relx-bx h2 {
    color: #2D2D2D;
    font-weight: 600;
    font-size: 26px;
    line-height: 42px;
    padding-bottom:0px;
}


.relx-bx p {
    color: #3A3A3A;
    font-size: 17px;
    line-height:28px;
    font-weight: 400;
}



/********** reluxe in our resort css end here *****************/

/********** loreto css start from here *****************/

section.loreto{
    background: url(../images/island-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.welcomes-bx {
    text-align: center;
    padding: 30px 0px;
}


.welcomes-bx h2{
    color: #2D2D2D;
    font-weight: 700;
    font-size: 26px;
    line-height: 42px;
    padding-bottom:10px;
}



.welcomes-bx p{
    color: #3A3A3A;
    font-size: 18px;
    line-height: 36px;
    font-weight:500;
}

/********** loreto reluce css end here *****************/

/*********************** special start from here*******************/
section.team-matess {
    padding: 60px 0px 0px;
}

.speak-alls {
    text-align: center;
    padding-bottom: 20px;
}
.speak-alls h6 {
    color: #010101;
    font-weight: 700;
    position: relative;
    margin: 0;
    font-size: 18px;
}

.speak-alls h2 {
    color: #242424;
    font-weight: 700;
    line-height: 55px;
    font-size:42px;
}

.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{
    padding:0px;
    background:#000000AB;
    position:absolute;
    top:0;left:0;bottom:0;right:0;opacity:0;
}

.box9 .title a{
    text-decoration: none !important;
    color: #fff;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ffffff;
    color: #212529;
    text-decoration: none;
}

.box9:hover .box-content{top:0px;left:0px;bottom:0px;right:0px;opacity:1}
.box9 .title{
          font-weight: 400;
    color: #fff;
    line-height: 17px;
    margin: 5px 0;
    position: absolute;
    bottom: 45%;
    padding: 15px;
    /* margin: 9% 17%; */
    text-align: center;
    font-size: 24px;
    left: 0;
    right: 0;
}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}

section.team-matess .owl-dots {
    display: none;
}

section.team-matess button.owl-next{
    background: #86979100;
    color: #000;
    text-decoration: none !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #e1e1e100;
    color: #242323;
    text-decoration: none !important;
}

section.team-matess span{
    font-size: 60px;
}

section.team-matess button.owl-prev{
    background: #86979100;
    color: #000;
    text-decoration: none;
}

section.team-matess .owl-theme .owl-nav {
    margin-top: -15px;
}
/*********************** special end here*******************/

/*********************** stay connect start from here*******************/
section.stay {
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 60px 0px;
    width: 100% !important;
}

.stay-bx{
    text-align: center;
}

.stay-bx .newsletter .content .form-control {
        height: 45px;
    border-color: #000000a6;
    border-radius: 0;
    background: #000000a6;
}

.stay-bx .newsletter .content .btn {
    min-height: 45px;
    border-radius: 0;
    background: #000;
    color: #fff;
    font-weight: 500;
}

/*********************** stay connect end here*******************/



/*****************about us css start from here******************/
section.abt-bg {
    background: url(../images/about-bg.png);
   background-repeat: no-repeat !important;
    height: 500px;
    background-size: cover !important;
    width: 100%;

}


.abt-bx{
    padding:60px 0px;
}


.abt-bx h1 {
    font-size: 35px;
    color: #fff;
    line-height: 45px;
    padding-top: 50px;
    text-transform: uppercase;

}

section.makes img {
    position: relative;
}

.white-box {
    position: absolute;
    bottom: 12rem;
    left: 0;
    right: 0;
    background: #fff;
    width: 50%;
    margin: 0 auto;
    padding: 40px 70px;
}

.white-box h2 {
    line-height: 30px;
    font-size: 30px;
}

.white-box h6 {
    margin-top:20px;
    color: #FF0000;
}

section.gallery {
    padding:0px 0px 50px;
}

section.gallery img {
    margin-bottom: 50px;
}

p.vla-w a {
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 500;
}

p.vla-w {
    text-align: center;
}


.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    content: "\f002";
    font-family: "FontAwesome";
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: -1px;
    left: 15px;
    width: 350px;
    height: 350px;
    opacity: 0;
    background-color: rgb(0 0 0 / 70%);
    content: '';
    transition: 0.4s;
}

.tz-gallery {
    padding: 0px;
}



/*****************about us css end here*************************/



/*****************our rooms css start from here******************/


section.rooms-bg {
    background: url(../images/room-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    width: 100% !important;
    background-size: cover !important;
}

.rooms-bx {
    padding: 60px 0px;
}

.rooms-bx h1 {
    font-size: 35px;
    color: #000;
    line-height: 45px;
    padding-top: 50px;
    text-transform: uppercase;
}

.rooms-bx a {
    color: #fff !important;
    background: #000;
    padding: 10px 40px;
    margin-top: 15px;
    display: inline-block;
    text-decoration: none !important;
}



/********** Top-bar css end here *****************/

.bcxdknh {
    background: #007ab1;
}

.mng-btns {
    padding: 10px !important;
    background: #007AB1 !important;
    width: 100%;
    color: #fff !important;
    margin-top: 30px;
    position: relative;
    top: 20px;
}

 .banner-box .control-group {
    border-right: 1px solid #007ab1;
    padding: 0px 15px;
}


/******* banner css start from here*******/


.box-as {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

section.aaa-zx {
    padding: 60px 0px 0px;
}


section.aaa-zx .resort-box {
    margin: 50px 30px;
}

h3.comfortss {
    text-align: center;
    width: 55%;
    margin: 0 auto 40px;
}


section.vdo-part {
    background-size: cover !important;
    width: 100% !important;
    background-repeat: no-repeat;
    padding: 60px 0px;
    margin-top: 50px;
}


.plax-btn {
    text-align: center;
}


.plax-btn h2{
    font-size:36px;
    text-transform: uppercase;
}

section.ltst-news {
    padding: 50px 0px;
}

.all-goal {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.all-goal h2 {
    font-size: 36px;
    color: #000;
    padding: 10px 0;
    font-weight: 600;
}



.all-goal p {
    color: #272727;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    padding-top: 15px;
}


.ltest-box {
    margin-top:20px;
}



.ltest-box a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 18px;
}
.ltest-box h5 {
    font-size: 16px;
    line-height: 22px;
    color: #3a3a3a;
    margin-top: 15px;
}

.ltest-box h4 {
    color: #3a3a3a;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 0px;
}



/*****************our rooms css end here*************************/

/*****************Our Restaurants css start from here*************************/

section.rest-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


.pad-nill{
    padding: 0px;
}

/*****************Our Restaurants css end here*************************/

.btns{
    text-decoration: none !important;
    background:#000000;
    color: #fff !important;
    padding: 10px 40px;
    display: inline-block;
    margin:15px auto 0;
    font-size:18px;
    font-weight: 500;
}


.btns:hover{
    text-decoration: none !important;
    color: #fff;
}


/****************Blog css start from here******************/
section.blx-bgx {
    padding: 60px 0px;
}

.blgsss {
    position: relative;
}
.blgsss img {
    width: 100%;
}

.blgline.wow.fadeInLeftBig {
    position: absolute;
    top: -22rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    left: 0;
    right: 0;
}

.sml-bxx {
    padding: 20px;
    box-shadow: 0px 3px 20px #cbcbcb;
    min-height: 362px;
}

.sml-bxx h3 {
    font-size: 18px;
    color: #4EA5DB;
}

.sml-bxx p {
    font-size: 15px;
    color:#000000;
}

.sml-bxx a {
    color: #2E4186 !important;
    text-decoration: none !important;
    font-weight: 600;
    margin: 0 10px;
}

.sml-bxx a {
    color: #2E4186 !important;
    text-decoration: none  !important;
    font-weight: 500;
    margin: 15px 10px 0px 0px;
}
a.fevb {
    color: #000000A3;
}

.blog-bxo {
    margin-bottom: 30px;
    border: 1px solid #adacac40;
}

.pagination>li>a { border-radius: 50% !important;margin: 0 5px;}
.blgline.clrss h1 {
    color: #000;
    text-align: left;
}

/****************Blog css end here******************/


/*****************spa css start here*************************/

.tab-content>.active {
    display: initial;
}

ul.nav.nav-tabs a {
    background: #E7E7E7;
    color: #000000;
    font-size: 17px;
    margin: 0px;
    border-radius: 00;
    padding: 10px 25px 10px;
    border-right: 1px solid #fff;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

section.tabs-sec .nav-tabs .nav-link.active {
    color: #fff;
    background-color:#009ADD;
    border-color: #009ADD #009ADD #009ADD;
}

.tb-bxs h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight:500;
    color: #fff;
}

.tb-bxs p {
    font-size:16px;
    color: #fff;
    line-height: 30px;
}

.tb-bxs {
    margin-bottom: 30px;
}


.tab-content.bg-bckx {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 50px;
}

/*****************spa css end here*************************/

/*****************Our Restaurants css start from here*************************/

.bella-bx{
    padding: 50px 60px;
}

.bella-bx h2 {
    color: #2D2D2D;
    font-weight: 600;
    font-size: 26px;
    line-height: 42px;
    padding-bottom: 0px;
}

.bella-bx p {
    color: #3A3A3A;
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
}

.pad-nill{
    padding: 0px !important;
}

/*****************Our Restaurants css end here*************************/

/****************contact us css start from here******************/

section.frm-main{
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

section.framss {
    padding:50px 0px;
}

iframe {
    border-radius: 16px;
}

.for-bd h2 {
    color: #2680EB;
    /* font-size: 36px; */
}

.for-bd {
    text-align: center;
    padding: 60px 0px 10px;
}

.form-area
{
    padding: 10px 0px 60px;
    margin: 10px 0px 60px;
    }

    .form-area input {
    border: 2px solid #707070;
    border-radius: 0;
    min-height: 50px;
}



.form-area textarea {
    border: 2px solid #707070;
    border-radius: 0;;
}

.form-area button#submit {
    background: #000000;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 10px 30px;
}

span.add-sd {
    color: #2680EB;
    font-size: 22px;
    padding: 5px 0px;
    display: inline-block;
    font-weight: 500;
}

.form-add p {
    font-size:18px;
    color: #000000cc;
}


.form-add{
    padding:10px 20px 0px;
}


/****************contact us css end here******************/
.pad11{
    margin: 0px;
    padding: 0px !important
}


/***************Style By Avneesh******************/
.team-mate .owl-carousel .owl-item img {
    min-height: 208px;
    object-fit: fill;
}

h3.title a{
    background: none;
    color: #007AB1 !important;
    padding: 0;
}

.social-connect h3.title{
	min-height:60px;
	overflow:hidden;
}


.tz-gallery .lightbox img {
    height: auto;
	max-height: 350px;
}

.tz-gallery .lightbox:after{
	height:88%;
}

.tz-gallery .lightbox:before{
	top:40%;
}
.tz-gallery a.lightbox:hover{
	opacity:0.8;
}

.newsletter .input-group{
    margin: 0 40px;
}

footer .newsletter .input-group{
    margin: 0 15px;
}

.blgsss img {
    width: 100%;
    max-height: 500px;
}

.stay-bx .newsletter .content .form-control{
	color: #fff;
}

.top-bar-first {
    background: #07b1ef;
    color: #fff;
    text-align: center;
    padding:10px 0 0 0;
    font-weight:bold
}

.top-bar.cpy-text{
	padding:5px 0;
}
.top-bar.cpy-text a{
	font-weight:bold;
}
/* .team-mate .morelink {
    bottom: 20px;
    position: absolute;
} */



/*********Form Css************/
.wpcf7-not-valid-tip {
  display: none;
}
body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid {
border: 1px solid #ec3c06;
}
body span.wpcf7-not-valid-tip {
display: none;
color: #ec3c06;
border: none;
position: relative;
top: auto;
left: auto;
padding: 0;
margin-top: 2px;
background: none;
font-size: 15px;
}

body .wpcf7-not-valid {
background: #ffe2e2;
border: 1px solid #ff8a8a;
color: #ec3c06;
}

body .wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

body .wpcf7-mail-sent-ng {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}

body .wpcf7-mail-sent-ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 1em;
}

.stay-bx .wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em;
}

body .wpcf7-not-valid:after {
   content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}





/**********Contact form css start from here************/
form.personal-info {
    padding:15px 50px;
}

form.personal-info .mngs-aop p{
	display:none;
}
.personal-info-radio {
    margin-bottom: 20px;
}

.mngs-aop {
    margin-top: 20px;
}

form.personal-info label {
    color: #000;
    font-weight: 500;
}

form.personal-info h2 {
    color: #007AB1;
    font-size: 24px;
    margin-bottom:10px;
}


img.axszss {
    margin-bottom: 20px;
}

.personal-info-radio label {
    margin: 0 2px;
}


.padsas{
    padding: 0px !important;
}

.btn.backtoprev {
    display: block;
    margin: 10px 0;
}

input.hideradio{ /* HIDE RADIO */
visibility: visible; /* Makes input not-clickable */
position: relative; /* Remove input from document flow */
}
.imgradio label > input + img{ /* IMAGE STYLES */
cursor:pointer;
border:2px solid transparent;
}
.imgradio label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
border:1px solid #eee;
}

.personal-info-radio .imgradio label {
    margin: 0 10px 0 0px;
}

.personal-info-radio .wpcf7-list-item {
    margin: 0 0 0 0em;
}

.selbox span{
	width:100%;
}
/*******Contact from css end here *******************/


/*******Splash css start here *******************/
.main-autoasx-a .modal-content{
    background: url(./images/blue-splash.png) no-repeat !important;
    border: 0px solid rgba(0,0,0,.2);
	width:170px;
	height:170px;
}

.hidebtn .mnz-auto-open{
top: 0.5rem;
}

.mnz-auto-open {
    padding: 0px 0px;
    position: relative;
    left: 0rem;
    text-align: center;
	top: -1rem;
}

.main-autoasx-a .modal-header{
    border-bottom: 0px solid #dee2e6;
}

.main-autoasx-a .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
    height: auto;
}

.mnz-auto-open h3 {
       font-size: 40px;
    text-align: center;
    color: #fff;
    line-height: 55px;
    margin-bottom: 10px;
    font-weight: bold;
}

.mnz-auto-open a {
    color: #007AB1;
    background: #fff;
    border: #fff;
    text-align: center;
    margin:10px auto 0px;
    display:inline-block;
        padding: 6px 15px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none !important;
}

.main-autoasx-a button.close {
     background: #fff;
    opacity: 1 !important;
    border-radius: 100%;
    padding: 10px 15px 15px;
    line-height: 20px;
    position: relative;
    left: -6rem;
    top: 2rem;
    z-index: 9;
}

#myModal2 .modal.show .modal-dialog{
	position: fixed;
    right: 0;
}
.main-autoasx-a .modal-content{
	
}
.mnz-auto-open h3{
	font-size: 12px;
	line-height: initial;
	font-weight:normal;
	margin: 0 auto;
}
.main-autoasx-a button.close{
	    left: -1rem;
    top: 7rem;
	display:none;
}

div#myModal2 {
    position: fixed;
    right: 0;
    z-index: 9;
    top: 50px;
}
.modal-body {
    right: 0;
    z-index: 9999999;
}
.hidebtn .modal-body {
	padding: 1.8rem;
}
.hidebtn a.bookbtn{
	display:none;
}
/*******Splash css start here *******************/


.seldate span, .seldate .personal-info-radio{
	width:100%;
}

.padsas .mgs-pas{
    display: flex;
    height: 100%;
}

.bdms-box h2 {
	font-size: 30px;
}
#myModal2 b{
	font-size:13px;
}
.blx-bgx .blog-bxo img{
	min-height: 200px;
}

.single-post .welcomes-bx{
	text-align: left;
}

.single-post .welcomes-bx p{
	font-weight: 400;
}

select#locations {
    text-transform: uppercase;
}
/***************************End By avneesh*********************/





/*responsive code start from here*/


@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

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

 span.navbar-toggler-icon {
    /*background: url(../images/tgl.png) no-repeat;*/
  }

  nav.navbar {
    padding: 15px;
    }

.video-tr {
    width: auto;
}

.oth-er h2::after {
  display: none;
}

.oth-er h5::before{
  display: none;
}

.bdms-box h2::after{
  display: none;
}

section.all-nicg .bdms-box h2::after{
  display: none;
}

.san-lucas h6::before{
  display: none;
}

.san-lucas h6::after{
  display: none;
}

.video-tr h3 {
    font-size: 30px;
}


.axop img {
    background-size: cover;
    object-fit: cover;
    height: 400px;
}

.video-tr {
    padding: 30px 0px;
    width: 100%;
}


.video-tr img {
    margin-top: 0px;
    width: 130px;
    object-fit: cover;
}


.cabo-nw a {
    padding: 10px 40px;
 
}


.vaca-box a {
    padding: 13px 50px;
}

.vaca-box {
    margin-bottom: 15px;
    padding: 20px;
}

.oth-er h2 {
        font-size: 30px;
    margin-bottom: 20px;
    line-height: 36px;
}

div#globalNavbar {
    margin: 0px 0px 0 0px;
}

.second-menu{
    margin-top: 20px;
}

section.team-mate {
    padding: 20px 15px;
}

.speak-alls h6::before{
  display: none;
}

.speak-alls h6::after {
    display: none;
}

.speak-alls h2 {
    font-size: 28px !important;
    line-height: 50px;
}


.banner-box h1 {
    font-size: 50px;
}


.banner-box h2 {
    font-size: 40px;
}

.banner-box h3 {
    font-size: 40px;
}


.banner-box {
    padding: 30px 0px 80px;
}

section.top-bar {
    text-align: center;
}

ul.socilau {
    margin: 10px auto 0px;
    display: inline-flex;
}

select {
    word-wrap: normal;
    margin-top: 10px;
}


.mng-btns {
    margin-top: 10px;
}
/*Landing page responsive csssss*/
span.navbar-toggler-icon {
    background: url(../images/tgl.png) no-repeat;
  }

  nav.navbar {
    padding: 15px;
}

div#globalNavbar {
    margin: 0px 0px 0 0px;
}

li.nav-item.ck-bn {
    margin-left: 0;
    text-align: center;
}

.banner-box {
    padding: 30px 0px;
}

.banner-box h1 {
    font-size: 36px;
}


section.bnr-mn {
    height: auto;
}


.welcomes-bx h2 {
    font-size: 24px;
}


.welcomes-bx {
    text-align: left;
    padding: 25px 0px;
}

section.reluxe-main {
    padding: 15px 0px;
}

li.nav-item.ck-bn {
    margin-left:0px;
}

section.top-bar h5 {
    margin: 3px 0px;
}

.controls {
    margin-bottom: 15px;
}

.bdms-box {
    padding: 10px 0px;
}

.control-group p {
    display: none;
}

.bdms-box p {
    margin-top: 0px;
}

.bdms-box h2 {
    color: #2D2D2D;
    font-weight: 600;
    line-height: 50px;
    padding: 0px 0px;
    margin: 0;
    position: relative;
    font-size: 27px;
}

form.news-pxcc {
    box-shadow: #0000001a 0px 3px 15px;
    padding: 30px 15px 0px;
    border-radius:0px;
    margin-top:20px;
    background: #fff;
}


section.cabo-nw {
    padding: 20px 0px;

}

section.view-other {
    padding-bottom: 10px;
}

section.discover-all-suit {
    padding-bottom: 0px;
}

.san-lucas h2 {
    font-size: 22px;
    padding: 10px 0px 20px;
    margin: 0;
    line-height: 30px;
}


section.abt-bg {
    height: auto;
}




.abt-bx {
    padding: 0px 0px;
}

.abt-bx h1 {
    font-size: 29px;
    line-height: 36px;
    padding-top: 20px;
    text-transform: initial;
    padding-bottom: 20px;
}

.white-box {
    position: inherit;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0px 0px;
    text-align: center;
}

.white-box h2 {
    line-height: 40px;
    font-size: 30px;
}

section.team-matess {
    padding: 0px 0px 0px;
}

.rooms-bx h1 {
    font-size: 30px;
    color: #000;
    line-height: 45px;
    padding-top: 0px;
    text-transform: lowercase;
}

.rooms-bx {
    padding: 20px 0px;
}


section.rooms-bg {
    height: auto;
}

section.aaa-zx .resort-box {
    margin: 10px 10px;
}

section.vdo-part {
    padding: 20px 0px;
    margin-top: 20px;
}

.plax-btn h2 {
    font-size: 30px;
    text-transform: uppercase;
}

h3.comfortss {
   width: 100%;
    margin: 0 auto 40px;
    font-size: 22px;
    line-height: 36px;
}

section.team-matess {
    padding: 20px 0px 0px;
}

.bella-bx {
    padding: 20px 15px;
}

.bella img {
    margin-bottom: 15px;
}


ul.nav.nav-tabs a {
    background: #E7E7E7;
    color: #000000;
    font-size: 14px;
    margin: 10px 3px 1px;
    border-radius: 00;
    padding: 6px 6px 10px;
    border-right: 1px solid #fff;
}

.tab-content.bg-bckx {
    padding: 0px 0px;
}

.tb-bxs h3 {
    font-size: 20px;
    line-height: 30px;
}


.blgline.wow.fadeInLeftBig {
    position: initial;
}

.blgline.clrss h1 {
    color: #000;
    text-align: left;
    font-size: 25px;
    text-transform: initial;
    line-height: 33px;
    padding-top: 20px;
}

.welcomes-bx h2 {
    color: #2D2D2D;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
}

.welcomes-bx {
    text-align: left;
    padding: 10px 0px;
}

.for-bd {
    text-align: center;
    padding: 25px 0px 10px;
}

.for-bd h2 {
    color: #2680EB;
    font-size: 28px !important;
}

.form-area {
    padding: 10px 0px 0px;
    margin: 10px 0px 0px;
}

.form-add {
    padding: 0px 0px 0px;
}

section.framss {
    padding: 25px 0px;
}

.blgline.wow.fadeInLeftBig {
    text-align: left;
    color: #000;
}

.blgline h1 {
    font-size: 30px;
    padding: 15px 0px;
}

.vaca-box h2 {
    font-size: 28px;
    line-height: 40px;
}

section.blx-bgx {
    padding: 0px 0px;
}

.mng-btns {
    padding: 10px !important;
    background: #007AB1 !important;
    width: 100%;
    color: #fff !important;
    margin-top:0px;
    position: relative;
    top: 0px;
}


.mnz-auto-open h3 {
    font-size: 11px;
    line-height: initial;
}
#myModal2 .modal-body{
	padding: 2rem;
}

.banner-box h3::after {
    width: 100%;
 
}


footer {
    overflow: hidden;
}

.main-autoasx-a .modal-content {
     background: url(./images/blue-splash.png) no-repeat !important;
    

}


.main-autoasx-a .modal-dialog {
    max-width: 100%;
    margin: 10px;
}

.main-autoasx-a .close {
    float: right;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0px 0 #fff;
    opacity: .5;
    position: relative;
    top: 10px;
    left: -25px;
}

footer .newsletter .input-group {
    margin: 15px 15px;
}

.hidebtn .mnz-auto-open{
top: 0rem;
}

.mnz-auto-open {
    padding: 0px 0px;
    position: relative;
    left: 0rem;
    text-align: center;
}

.mnz-auto-open a {
    padding: 2px 10px;
    font-size: 12px;
}
div#myModal2 {
    right: -30px;
}
.main-autoasx-a button.close {
   background: #ffffff26;
    opacity: 1 !important;
    border-radius: 100%;
    padding: 14px 0px 0px;
    line-height: 20px;
    position: relative;
    left: -1rem;
    top: 0rem;
}

.textarea-344 textarea{
	width:100%;
}

}

/*responsive code end here*/

.team-matess .owl-nav.disabled {
    display: block !important;
}
.team-matess .owl-dots.disabled {
    display: none !important;
}