@font-face {
    font-family: corporateA_light;
    src: url("../fonts/corporateA-light.OTF");
}

@font-face {
    font-family: corporates_regular;
    src: url("../fonts/corporates-regular.OTF");
}

@font-face {
    font-family: corporates_condensed;
    src: url("../fonts/corporateAcond-regular.OTF");
}

@font-face {
    font-family: corporateA_italic;
    src: url("../fonts/corporateA-italic.OTF");
}

html, body{font-family: 'corporates_regular'; background:#000; color:#fff;}
h1, h2, h3{font-family: 'corporateA_light'; margin-top: 0; margin-bottom: 0;  color:#fff; font-weight: 800;}
*:focus{outline: none;}
p{margin-bottom: 0; font-size:20px;}
ul{padding-left: 15px; list-style-image: url(../img/bullet.png); margin-bottom:0;list-style-position: inside;}
li{font-size:20px; margin-bottom:10px;  border-bottom: 1px dotted #626161;}
a{color:#fff;}
a:hover{color:#fff; text-decoration:none;}
button:focus{outline: none;}
.form-group {margin-bottom: 0.7rem;}
.form-control{width: 100% !important; border-radius: 0; line-height:normal;}
.btn_style1{/*border-radius: 20px;*/ background: #000 !important; color: #fff !important; border: none !important; font-weight:bold; font-size:20px;}
.btn_style2{background: #33a3dc; color: #000;  text-transform: uppercase; border-radius: 0; /*box-shadow: inset 0 0 40px #000000; */font-size: 15px; font-weight:bold; border: none;}
.btn_style3{background: #fff; color: #000;  text-transform: uppercase; border-radius: 0; font-size: 1.4rem; border: none;}
.error_msg{color: firebrick; font-size: 12px;}
.div_thanks{display: block !important; }
.div_thanks h2{color: #fff;}
.div_thanks p{color: #000; text-align: center;}
#loader{display: none; position: fixed; top: 0; background: rgba(0,0,0,0.8); z-index: 99999; height: 100%; width: 100%;}
#loader img{width: auto; height: 62px; position: absolute; top: 30%;}
.modal-title {width: 100%; text-align: center;color: #0071b2;}
.carousel-control-next, .carousel-control-prev{       
    width: 5%;
    height: 100px;
    top: 36%;
    background: black;
}
    
.m-up-10{
    text-align: center;
    position: relative;
    /*margin-top: -10%;*/
    background: #000;
    padding-top:10px;
}

.banner-slider h2{font-size: 3rem;}
.banner-slider h3{font-size: 2.5rem;}

#bannerCarousel a img {
    width: 190px;
}

.container-fluid.section_policy {
    background-color: #868686;
}
/*********************** START BANNER SECTION *************************/
#bannerCarousel img{width: 100%;}
/*********************** END BANNER SECTION *************************/

.logo{height:100px; margin-right:0.5rem !important;}
.txt_condensed{font-family: 'corporates_condensed'; line-height:normal;}
/*.section_form{right:9%; top: 30%; max-width: 20rem;}*/
.bg_black{background:#000000b8;}
.bg_white{background:#fff9;}
.section_header a{color:#fff;}

  .mobile_view{
        display:none;
    }
    
.btn_get{height:40px; width:auto !important;}
.carousel-caption{left:5%;}

.txt_white , .txt_white h2 , .txt_white h3{color:#fff;text-shadow: 2px 1px 1px #000;}

    
/*********************** START STICKY FORM SECTION *************************/
.btncall{position: fixed;  top: 5%; right: 0;  background-color: #3e3532; z-index: 99999; /*padding: 5px 8px;*/}
.btncall span { position: relative; }
.btncall a{    color: #fff; display: inline-block; background: #2f2f2f; padding: 0.2rem 0.5rem;}
.sticky_form .error_msg { color: #fff;}
.btncall label{color: #fff; font-weight: 400; min-width: 40px; text-align: left;}

.btnwhatsapp{position: fixed;  top: 300px; left: 0; z-index: 99999; }
.btnwhatsapp .rotate { position: absolute; transform: rotate(-90deg);}
.btnwhatsapp .rotate a{position: absolute; transform: rotate(-90deg);}
.btnwhatsapp a{color: #fff; background:#f1f1f0 url(../img/whatsapp-icon.png) no-repeat center center; background-size: cover;background-color: transparent;}
.btnwhatsapp span{font-size: 10px;}
.btnwhatsapp i{font-size: 22px;}
.btnwhatsapp img{height: 30px; width:auto;}

.sticky_form{position: fixed; top: 24%; right: 0; z-index: 81; background-color:#33a3dc; max-width: 210px; z-index: 9999;}
.sticky_form h4{margin: 0; margin-bottom: 10px; color: #fff;}
.slide_toggle{position: absolute; top: 44px; left: -85px; background-color: #33a3dc; z-index: 1000; transform: rotate(-90deg); color: #000; text-align: center; padding: 6px; border: none; width: 130px; font-size: 20px; cursor: pointer; font-weight: bold;}
.toggle_form{display: none; padding: 15px;}
.toggle_form .btn_style1{height:auto !important;}
.sticky_form .form-control{height:30px;}
/*********************** END STICKY FORM SECTION *************************/
    
    
.box1{padding:20px;}
.box1 h5{color: #000; font-weight: bold; text-align: center; text-transform: uppercase; font-family: corporateA_light;  font-size: 12px; margin:0;}
.box1 img{height:40px;}
.bg_white{background:#fff;display: flex; align-items: center; justify-content: center}
.border_div{height:1px; background:#fff; width:100px; margin:auto;}
.section_service img{height:70px;}






.carousel-caption h2{font-family: 'corporateA_light';}
.carousel-caption h2 , .carousel-caption h3{color:#000; font-weight:600;}
.carousel-caption h3{font-family:'corporates_regular';}
.section_services h2, .section_services h3{color:#33a3dc;}
.section_services h2 span{font-size: 20px;}
.section_benefits{background: #33a3dc; color:#000;}  
.section_benefits h2{color:#000;}
.section_header{background:#000;}
.section_header p{font-size:16px;}
    
    
@media only screen and (max-width : 1280px)
{
    
}

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

}

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

@media only screen and (max-width : 992px)
{    
    .section_location img{height: 200px; margin: auto;}
    .section_amenities img{height: 70px; margin: auto;}
}

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

@media only screen and (max-width : 800px)
{
    h1{font-size: 2.1rem !important;}
    h2{font-size: 1.6rem !important;}
    h3, .btn_style1 , .btn_style2{font-size: 1.3rem !important;}
    h5 {font-size: 1.2rem !important;}  
    h4, li, p {font-size: 1.1rem !important;}  
    
    .section_form {position: static !important; max-width: 100%;}
}

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

}

@media only screen and (max-width : 767px)
{
   
        .carousel-indicators{
            display:none;
        }
    .logo {height: 60px;
   }
    .form-control{height: 2rem !important;}
    .section_header .text-right{text-align:right !important;}
    .section_header h2{font-size:1rem !important;}
    .section_header a {margin: 0px 0; display: inline-block;}
    .carousel-caption {position: static; text-align: center !important; border-bottom: 1px solid #a4a4a4; background: #fae7bc;}
    .carousel-caption h2 , .carousel-caption h3{color: #000 !important; }
    .btn_get {height: 25px;}
    .bg_black {background: #ffffff;}
    .bg_black h3{color:#000;}
    .txt_logo p{font-size:10px !important;}
    .section_border img{height: 7px;}
    .slide_toggle{    top: 39px; left: -63px; padding: 0; font-size: 17px; width: 103px;}
    .section_service .col-md-2{flex: 0 0 50%; max-width: 50%;padding: 10px; border: 1px dotted #424242;}
    .section_service .last_child{flex: 0 0 100%; max-width: 100%;}
    
    

    .pt-5, .py-5 {padding-top: 1.5rem!important;}
    .pb-5, .py-5{padding-bottom: 1.5rem!important;}
    .pt-4, .py-4 {padding-top: 1rem!important;}
    .pb-4, .py-4{padding-bottom: 1rem!important;}
    .pt-3, .py-3 {padding-top: 0.5rem!important;}
    .pb-3, .py-3 {padding-bottom: 0.5rem!important;}
    .section_service .pb-4{padding-bottom:0 !important;}
}

@media only screen and (max-width : 600px)
{
    .section_form .col{flex: 0 0 100%;}
}

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

}

@media only screen and (max-width : 480px)
    
{   
    .desktop_view{
        display:none;
    }
    .mobile_view{
        display:block;
    }
      .section_header .col-sm-6{
        float: left;
        width: 50%;
        padding: 0px 12px;
    }
/*    .section_header .row.pb-2{
            width: 50%;
            float: right;
        }*/
        
    .logo {height: 36px;
    margin-right: 3px !important;}
    .section_header .col-sm-6 .logo {
        position: absolute;
        top: -5px;
         }
        .section_header .col-sm-6 h2{
         position: absolute;
        top: 0px;
        left: 50px;
        }
    .section_header .row.pb-2 p{
        font-size: 0.7rem !important;
         }
    h1{font-size: 1.9rem !important;}
    h2{font-size: 1.4rem !important;}
    h3, .btn_style2{font-size: 1.2rem !important;}
    h5 {font-size: 1.1rem !important;}  
    h4, li, p , .div_footer a  {font-size: 1rem !important;}  
    .btn_style1  {font-size: 0.6rem !important;}
    .modal-dialog{margin: 2rem;}
    .txt_logo p{font-size:10px !important;}
    .section_service .pb-4{padding-bottom:0 !important;}
}

@media only screen and (max-width : 320px)
{   
    .section_header .col-sm-6 h2 {font-size: 1rem !important;}
    /*.section_header .row.pb-2 .col-md-12{*/
    /*    padding: 0px 8px 0px;*/
    /*}*/
    h1{font-size: 1.7rem !important;}
    h2{font-size: 1.3rem !important;}
    h3, .btn_style2{font-size: 1.2rem !important;}
    h5 {font-size: 1.1rem !important;}  
    h4, li, p , .div_footer a{font-size: 1rem !important;}  
    .txt_logo p{font-size:10px !important;}
    
    
    .section_header h2{font-size:1rem !important;}
    .section_service .pb-4{padding-bottom:0 !important;}
}

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


