/* FOR INSTAGRAM */
.removeRow{display:none;}
/*SPACING */
.site-content {
  padding: 100px 0 0 !important;
}
.button-top-home:hover {background:#6cb0b5 !important;}
 .form_room { margin-top:10px;}
#home_content h3{
    margin: 33px 0 12px 0;
    /*color: #717171 !important;*/
    font-weight: 600;
}
#home_content h2 {
margin: 33px 0 12px 0 !important;    
}
.spacing-height
{
height:50px;
}
.hidden {display:none !important;}


/* CAROUSER HEADER SECTION */
.header-carousel-section {margin-top: -100px;}
.header-carousel-section a, .header-carousel-section a:hover{
   font-family: Montserrat;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 800;
    color: white;
   
}



.header-carousel-section button {
    background: rgb(108, 176, 181)!important;
    color: white;
    border: 1px solid white !important;
    border-radius: 5px!important;
    letter-spacing: 2px !important;
        margin-right: 20px;
        margin-left: 20px;
}
.header-carousel-section button:hover {
     background: #222 !important;
}

.header-carousel-section h2
{
    white-space: nowrap;
    font-family: Montserrat;
    font-size: 50px;
    color: white;
    font-weight: 700;}
    
    
.header-carousel-section {
    padding:0 !important;
}

.header-carousel-section .carousel-inner
{
max-height:500px;
height: 187.05px;
    }
 


/*TOP SECTION */

.top-section {
    
}

.top-sec-left{
    max-width:85%;
 padding: 10px 50px 20px;
-moz-box-shadow: 0 2px 23px 2px rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 23px 2px rgba(0,0,0,.3);
box-shadow: 0 2px 23px 2px rgba(0,0,0,.3);
position: relative;
z-index: 1;
background: #ffffff;
transform: translate(85px,-3px);
-moz-transform: translate(85px,-3px);
-webkit-transform: translate(85px,-3px);
-o-transform: translate(85px,-3px);
-ms-transform: translate(85px,-3px);

}

.top-sec-right
{
    position: relative;

    transform: translate(-140px, -27px);
}





/*ROOM SECTION */
  .room-section {
      background: #f5f5f5a6;
    padding: 20px 10px 20px 10px;
      /*padding:100px;
      background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2019/06/home-slider-5-PS-PS.jpg');*/
      
  }
  
  
  .carousel-background{background:black;}
  .align-center {text-align: center;}
  .avatar img {max-width: 30%; border:2px solid  #6cb0b5;}
  .carousel-item p {color:white;}
 
  h3 {
      color: #222222;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
         font-family: "Montserrat";
  }
  p {
  font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-family: "Montserrat";
  }
  a {
      font-family: "Montserrat";
      
  }
  h1 h2 h3 h4 h5 h6{
      font-family: "Montserrat";
  }
  
  /* SPECIAL DEAL */
  .button-special-section a:hover {border: 1px solid #6cb0b5 !important; background:#6cb0b5 !important;}
  .button-book{
          /*position: relative;
    left: -70%;
    */
        margin: 0 30px;
    line-height: 30px;
    float: left;
          background-color: #6cb0b5;
          color:white;
  }
      
      .special-deals .special-right .carousel-caption{
      width: 80%;
    background: rgba(0,0,0,.5);
   padding-bottom: 40px;
    bottom: 160px;
    left: 10%;
  }
  
  
  .top-option-sale {
      display:table;
          padding: 20px 20px 40px 20px;
  }
  .top-option-sale button {float: right;
    
    left: 20px;
    line-height: 30px;
      
  }
  .top-option-sale h3{
      font-size: 25px;
    font-weight: 600!important;
    color: white;
    font-family: 'Montserrat';
    float: left;
      
  }
  .special-inner{
      padding-top:0px;
  }
  
 .special-left {
     background:#f5f5f5;
     
 }
  
  
  /* TABS SECTION */
.tabs-section  .nav-link {
      border: 0;
  }
.tabs-section .nav-tabs{
    border: 1px solid #ddd;}
 .tabs-section .nav-item{
      width: 25%;
      border-right: 1px solid #ddd;
  }
   .tabs-section .nav-item a { 
      padding: 36px 20px;
          font-size: 25px;
          text-align:center;
   }
  .tabs-section .nav-tabs{
      width:100%;
  }
  .inner-tabs-section{
      padding:45px;
  }
  
  
  .tabs-section-right{
      background:#222;
      min-height:500px;
      /*padding:45px !important;*/
      
  }
  .tabs-section-left button{    background-color: #6cb0b5;}
  .tabs-section-left
  {
          font-family: Cormorant !important;
             background-size: cover !important;
       min-height:500px;
  }
 .tabs-section p  {
      color: #999999;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    }
 .tabs-section h5   {
        color: #6cb0b5;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    }
    
  .tabs-section h3   {
        margin-bottom: 0px;
    color: #ffffff;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    }
    .sec-pool {background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2020/08/ENJOY-POOL.jpg');}
    .sec-references {background:url('https://www.beautifulbalivillas.com/newsite/wp-content/uploads/2025/09/sawd.webp');}
     .sec-buzz {background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2019/07/1-1.jpg');}
      .sec-profile {background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2025/10/RELAX-WITH-BATH.jpg');}
    
    
    /* CAROUSEL SECTION */
    /*.carousel-background {padding: 80px !important;
    }
    */
    .carousel-background .carousel-item p {
        padding: 0 40px;
        
    }
    
     .carousel-background {    padding: 20px 0;}
     /* TESTIMONIAL SECTION */
   .testimonial-section{
   padding:0 !important;
   
   } .testimonial-section-right {
       min-height: 500px;
        background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2019/05/59413664_2735816319793011_6674576293276755205_n.jpg');
        background-size: cover;
        background-position: bottom;
    }
    
    
    
    #more
    {
    display:none;    
    }
    
    
    
    
     .card {    background: #00ffff00!important ; }
      .card p:nth-child(2):hover {background-color: #6cb0b5 !important;}
     .card-title:hover {color:#6cb0b5 !important;}
    .card-title {    font-family: Montserrat!important;
    font-weight: 700!important;    font-size: 17px !important;}
    .btn-book-now-new:hover {background-color: #6cb0b5;}
     .btn-book-now-new {background-color: #222;}
    
    .fade:not(.show) {opacity:1 !important;}
    
     @media only screen and (max-width: 598px) {
      .header-carousel-section .welcom-heading   {    font-size: 24px;}
      .header-carousel-section .carousel-caption {    top: 17px;}
      .header-carousel-section a, .header-carousel-section a:hover {
              font-size: 15px ;
    font-weight: 500;
      }
      
      
     }
     
     
     
     
    @media only screen and (max-width: 767px) {
       .iscwp-img-wrp {min-height:260px !important;}
        .top-sec-right img {
            width:100% !important;
        }
        .header-carousel-section button {
        margin-left:0;
        margin-right:0;
        }
        .header-carousel-section .welcom-heading {font-size: 30px;
   }
    
    
    
        /*.header-carousel-section button {
        margin-right: 0 !important;
        margin-left: 0 !important;    
        }
       
        .form_room {
          
                max-width: 90%;
    margin: auto;
        }
         */
          .special-inner {
    padding-top: 10px;
      }
        
        .carousel-background .carousel-inner {    min-height: 700px;}
        .card-title {font-size: 20px!important;
    line-height: 1em;}
        .card-body {    padding: 7px 7px 0px 16px;
    line-height: 0;}
    .card-body p:nth-child(1) {        width: 50%; text-align: center;
    float: left;
    padding-top: 11px;
    line-height: 1em;}
    .card-body p:nth-child(2) {   float: right;
    background-color: black;
    width: 132px;
    padding: 19px 5px 19px 5px !important;
    text-align: center;
    margin: 0 auto;}
      .inner-carousel-room-section {position: absolute;
    bottom: -21px;
    background: black;
    width: 100%;
    bottom: 0;
    padding: 20px 5px 20px;}
        .inner-carousel-room-section h3 {
    padding: 0 0 0 10px;
    font-size: 20px;
    line-height: 1em;
    text-align: left;
    float: left;
   
    line-height: 1em;
    color:white;
        }
        .bbv-sub-txt-cls {padding:0 !important;}
      
  .special-right .top-option-sale-top {display:none !important;}
  
 .carousel-background {
     padding:20px !important;
 }
 
.carousel-background .avatar img{
max-width:40%;
}
 
 .top-sec-left{
 box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0)!important;
     
 }
 
 
 .room-section {
     padding:10px 0;
 }

 
.special-left {
    padding: 10px !important;
    
}
 
 .tabs-section {
     display:none !important;
 }
 
 .tabs-section .nav-item a {
     padding: 17px 10px;
    font-size: 15px;
 }
 
     /*.header-carousel-section .carousel-caption h2
  {
        font-size: 20px !important;
        
    }
      */
      
       /*.header-carousel-section .carousel-caption {
            transform: scale(0.8);
                bottom: 10%!important;
        }*/
    
        .header-button-all{
        display:inline-block;
        }
        #header-slider {/*margin-top: 60px;*/ margin-bottom:10px}
      
    
    /* .header-button-all button a{font-size: 9px;
    font-weight: 400;}
    */
  
    }
    
    
    @media only screen and (max-width: 992px) {  
        .top-option-sale button {left: 55% !important;}
        /*#header-slider{margin-top:-70px;}*/
        
        [name="checkavailability"] {
            background-color: #222222 !important;
            color: #ffff;
            font-weight:700;
            text-transform:uppercase;
        }
        
    
    }
  @media only screen and (max-width: 1024px) {
      
      .special-inner{padding-top: 30px;}
      .special-inner h3 {font-size: 32px !important; }
     .special-inner p {padding: 0 40px 20px 40px !important;}
      
      .header-button-all {transform: scale(0.7);}
      .header-carousel-section .welcom-heading {font-size: 40px;
    line-height: 25px;
    font-weight: 400;letter-spacing: 0;}
      .header-carousel-section .welcom-txt {font-weight:700;}
   /*.header-button-all button{border-radius: 3px !important;
    line-height: 22px;}*/
    
    /*.header-carousel-section h2 {
       font-size: 35px !important;
    font-weight: 400 !important;
   }
   
   .header-carousel-section a, .header-carousel-section a:hover{
   
    font-size:10px;
 
}
*/


.top-sec-left,.top-sec-right   {
          transform: translate(0,0);
           max-width:100%;
      }
      
      /* .header-carousel-section .carousel-caption
{
bottom: 30% ;    
}
*/

.special-left,.special-right{
    min-width:100%;
}


  }
     @media only screen and (min-width: 992px){
        .room_top_d {margin-top:-70px;}
        .header-carousel-section img{    transform: scale(1.1) translateY(-99px);}
        .form_room {  
            transition:0.4s;
            margin: 0 auto;    
/*             margin-top: -70px; */
            position: relative;
            position:relative;
            webkit-box-shadow: 0px 0px 22px 8px rgb(255 255 255 / 43%);
            -moz-box-shadow: 0px 0px 22px 8px rgb(255 255 255 / 43%);
            box-shadow: 0px 0px 22px 8px rgb(255 255 255 / 43%);
        }
    }
    
    
    @media only screen and (max-width: 836px) and (min-width: 768px)  {
       .carousel-background .carousel-indicators {margin-bottom: -48px;}
        .room-section {padding:20px;}
   .card-body p:nth-child(2)   {width: 100% !important;
    padding: 7px 5px 7px 5px !important;}
    .top-sec-left {box-shadow: none !important; }
    .top-sec-left a {    padding: 1px 32px !important;
    font-weight: 600 !important;}
   .top-sec-right img{    margin-top: 90px; max-height: 250px !important;}
      
      
       /* .card-body p:nth-child(2) {    padding: 16px 1px 16px 0px !important; width: 105px !important;    margin: 8px auto !important;}
        .card-title {font-size: 17px!important;}
    */
        
        
        
    }
    
    
    
    
    
    
    
    
  @media only screen and (min-width: 768px){
    
.inner-carousel-room-section {display:none !important;}
 /*.img-carousel-back {background:url('https://www.beautifulbalivillas.com/wp-content/uploads/2019/09/villas-in-bali.jpg');height:750px;}*/
  .header-button-all {/*transform: translateY(85px);*/ padding: 6% 0;}
  .li-adderess   {margin-left: -14px;}
  
  
  /*.topbar-panel {
          padding-bottom: 5px !important;
  }
  */
 
    }
    
 @media only screen and (max-width: 452px){
     .header-carousel-section a, .header-carousel-section a:hover {font-size:11px;}
     .welcom-txt {font-size:14px !important;}
     .header-carousel-section .welcom-heading {font-size:15px !important;}
     
    .header-button-all button {padding: 0 9px;
    line-height: 28px;
}


     .card p:nth-child(2) {margin: 10px 0 !important;}
     
     
     /*.header-carousel-section .carousel-caption{
         bottom:0 !important;
     }
   .header-carousel-section .carousel-caption h2  {font-size: 15px !important;}
     */
     
     
     
       /*.header-button-all button:nth-child(2)  {float: right;
    line-height: 18px;
   padding: 2px 8px 2px 7px;margin-left: 0;}
     .header-button-all button:nth-child(1)  {float: left;
    line-height: 18px;
  padding: 2px 12px 2px 8px;   margin-right: 6px;}
 */
 
 
 }
 
 
 
 
 
 
  .specialh3-wa a {color:white;}
    .specialh3-wa a:hover {color:#6cb0b5;}
.btn-book-now a {color:white;}
.btn-book-now a:hover {color:white !important;}
.btn-book-now {background-color: #6cb0b5;}
.btn-book-now:hover {background:#222;}

.inner-tabs-section h3,  .inner-tabs-section h5 {    font-family: Cormorant !important;     letter-spacing: .05em;    margin-top: 14px;}
.inner-tabs-section p {padding: 22px 0 29px 0;}
.inner-tabs-section button {background-color: #6cb0b5;}
.inner-tabs-section  .btn:hover {color:black !important; background:white !important; border-color:white !important;}

.inner-tabs-section a {color:white;}
.inner-tabs-section .top-text-first{
    margin-bottom: 0px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    
}
    
.inner-tabs-section sm {color: #d0d2d2;}
.testimonial-section p{font-style: italic;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;}


.header-1 .topbar-panel {border-bottom: 1px solid #6cb0b57a;}
.header-1 .topbar-panel .top-information.pull-left.pull-left .li-phone, .header-1 .topbar-panel .top-information.pull-right.pull-left .li-phone {border-right: 1px solid #6cb0b57a;
    padding-right: 20px;}
    .primary-menu li a {font-family: Cormorant;}
    .li-adderess a  {font-size: 14px !important;}
    
    #myBtn {background: transparent !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;}
    
    #myBtn:hover  {color:#6cb0b5;}

     
     .check_availability_button {
         font-size: 10px;
        line-height: 30px;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
     }
     
     .indicator-first-left {
         margin-bottom: -30px;
     }
     
     .grecaptcha-badge {
    display:none;
}