html {
   scroll-behavior: smooth;
}
 @font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot'); 
    src: 
    local('Helvetica'),
    local('Helvetica'),
    url('fonts/Helvetica.otf') 
    format('opentype');
}
header .navbar.navbar-default{
  margin-bottom: 0 !important;
}
header.search-icon{
  cursor: pointer;
  margin: 12px 20px !important;
  font-size: 24px !important;
  color: #000 !important;
}
header .search-icon:hover .top {
  display: block !important;
}
header #form {
    z-index: 99;
    position: absolute;
    right: 0;
    top: 34px;
    background-color: #fff;
    width: 335px;
    padding: 20px;
    float: right;
    /* margin-right: 20px; */
    border-top: 4px solid #000;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
header .form-container {
  position: relative;
}

header #searchbox {
    border: 1px solid #eee;
    padding: 5px 30px 5px 10px;
    outline: none;
    border-radius: 0;
    width: 70%;
    float: left;
}
header #searchbutton {
    border: 0px;
    background: #000;
    color: #fff;
    height: 37.5px;
    padding: 0px 17px;
    margin-left: -4px;
    cursor: pointer;
    outline: none;
    width: 30%;
}
header #searchbutton:hover {
  background-color: #70D0E5;
}
header #form .form-control:focus{
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}
.form-group.mb-2 i.eye {
    position: absolute;
    float: right;
    right: 12px;
    top: 13px;
    font-size: 23px;
    color: #61CBE2;
    cursor: pointer;
}
 div#back-to-top {
   margin-bottom: 85px;
}
.card-item .mb-0.my-service {
   text-align: center;
   height: 210px;
   display: table-cell;
   padding: 20px;
   vertical-align: middle;
   width: 500px;
   font-size: 20px;
   background: #fff;
   border-radius: 17px;
}
.card-item .mb-0.my-service i {
    width: 100%;
}
.mb-0.my-service i {
   font-size: 46px;
   margin-bottom: 17px;
   color:#61CBE2;
}
.main-menu-content ul li a{
    font-weight: 500;
    font-size: 12px;
    text-transform: capitalize;
}
.main-menu-content ul li{
    padding-right: 40px;
}
.hero-content .section-heading .sec__title{
    font-family: 'Helvetica', 'Arial', sans-serif;
}
.header-menu-wrapper{background-color: transparent;}
.hero-bg{top:-100px;z-index: 0;}
.main-menu-content ul li a{color:#ffffff;}
.nav-btn {z-index: 1;}
.fixed-nav .header-menu-wrapper{background:#0d233e;opacity: 0.9;}
.fixed-nav .main-menu-content ul li a{color:#fff;}
.footer-area .section-tab .nav-tabs .nav-link.active {background-color: #0D233E;color:#fff;}
.footer-area .section-tab .nav-tabs .nav-link{color: #0D233E;}
#ser .card-item{
     width:100%;
     background: none;
}
.hero-wrapper .btn-box {
     text-align: right;
}       
label.label-text {
    color: #61CBE2;
    font-weight: 600;
    font-size: 15px;
}
.covid-service {
    padding: 15px;
    border: 1px solid #406DC0;
    border-radius: 10px;
    margin-bottom: 35px;
}
.covid-service a {
    padding: 2px 13px;
    border: 1px solid #406DC0;
    border-radius: 10px;
}
.section--padding {padding-top: 20px;}
.hero-box:after{
    display:none;
}
/*property page*/
.card-item .item-property.border-bottom.span_spacing.pt-1.pb-1 p {
    font-size: 16px;
}
.card-price.d-flex.align-items-center.justify-content-between p {
    margin-bottom: 7px;
}
.justify-content-center
{
    justify-content: center;
    padding: 0px 10px 0px 10px;
    text-align: center;
}
#list .card-item-list .card-img img{
    height: 240px;
}
#list .card-item .card-body {
    padding: 13px 15px;
}
.card-item .card-rating {
    padding-top: 0px;
}
.section-tab.layout-view .nav-tabs .nav-link{
    padding:0px!important;
    color:#333;
}
.section-tab.layout-view .nav-tabs .nav-item{
    margin-right:0px;
}
.section-tab.layout-view li.nav-item {
    display: inline;
    width: 50%;
}
.section-tab.layout-view .nav-tabs .nav-link i {
    font-size: 26px;
}
.section-tab.layout-view .nav-tabs .nav-link.active {
    color: #61CBE2;
}
.layout-view {
    padding: 4px 5px 4px 5px;
}
#list-type .card-item .card-price .price__num {
    font-size: 16px;
}
#grid-type .card-item .card-body {
    padding: 15px 10px;
} 
#qty-room .qty-box label span{margin-top:0px;}

/*single page*/
#bread-btn  .breadcrumb-btn {
    margin-top: 0px!important;
    padding-bottom: 0px!important; 
}
#pad-side-wig .single-content-widget{
            padding: 20px;
}
#availability .cabin-type-img{
    position:relative;
}
#availability .cabin-type-img .single-feature-icon {
            position: absolute;
            left: 0px;
            background-color: #61CBE2;
            color: #fff;
}

.counter-icon.flex-shrink-0.core-icons
{
    width : 50px !important; 
    height: 50px !important;
}
.font-17{
    font-size:17px!important;
}

/*property single*/
table.my-tb.table-bordered {
    width: 100%!important;
    max-width:100%!important;
    text-align: left;
    /*overflow-x: hidden;*/
}
table.my-tb.table-bordered th {
    padding: 10px;
}










/*booking popup*/
.header-menu-wrapper
{
background:#0d233e;
}
.fs-12
{
font-size : 13px !important;
}
#fixed-form-container{
position: fixed;
bottom: 0px;
left: 3%;
width: 94%;
text-align: center;
margin: 0;
z-index: 9999;
}
#fixed-form-container .button:before { 
content: "+ ";
}
#fixed-form-container .expanded:before { 
content: "- ";
}
#fixed-form-container .button { 
font-size:1.1em; 
cursor: pointer;
margin-left: auto;
margin-right: auto;
border: 2px solid #61cbe2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px 5px 0px 0px;
padding: 5px 20px 5px 20px;
background-color: #61cbe2;
color: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 0px 5px 0px rgba(0,0,0,0.3);
}
#fixed-form-container .body{
background-color: #fff; 
border-radius: 5px;
border: 2px solid #61cbe2;
margin-bottom: 16px;
padding: 10px; 
}
@media only screen and (min-width:768px){
#fixed-form-container .button{
margin: 0;
}
#fixed-form-container {
left: 20px;
width: 390px;
text-align: left;
}
#fixed-form-container .body{
padding:3px 30px;
border-radius: 0px 5px 5px 5px;
}
}
.booknow{
padding: 20px;
border-radius: 20px;
}
.booknowbtn{
border-radius: 20px;
}


.book-popup{
    background-color: rgba(0,0,0,0.8);
    padding:26px 22px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    max-height: 500px;
}
.popup-text-title{color: white;text-align: left;float: left;}
.totaltext-style{color: white;display: none;}
.total-span-text{color: white;}
.color-white-dis-none{color: white;display: none;}
.booking-form-style{
    float:right;
    background:#61CBE2;
    border-color:#61CBE2;
    border-radius: 20px;
    border-radius: 15px;
    border-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 30px;
    right: 15px;
    pointer-events:none;
}
.form-body-style{
    border-color:transparent;
    background-color:transparent;
    width: 360px;
    margin-top: 20px;
}
.p-style-text{text-align: left;color: #000;}

/*explore page*/
.more-info-image .heading-span{
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 500;
}
.more-content {
    font-size: 15px;
    text-align: left;
}
.card-item .card-img .badge {
    position: absolute;
    background-color: #61CBE2!important;}
span.top-name.badge b {
    font-size: 14px;
}
section.destination-area.explore-dubai-area {
    padding: 40px 0px;
}


.amt-class
{
  width : 165px !important;   
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
span.arrow-blink {display: none!important;}
.hero-bg {top:-136px!important;}
.logo img {width:160px!important;}
.menu-toggler, .side-menu-close, .user-menu-open{background-color: rgba(128, 137, 150, 1.1)!important;}
.la, .lab, .lad, .lal, .lar, .las{line-height: 1.5!important;}
h2.sec__title.cd-headline.zoom {padding-top: 30px!important;}
.section-tab .nav-tabs .nav-item {margin-bottom: 0px!important;}
.price-slider-amount{margin-top:0px!important;}
table.my-tb.table-bordered .cabin-type-img {width: 95px!important;height: 140px!important;}
table.my-tb.table-bordered{font-size:12px!important;}
.table-scroll {overflow-x: auto !important;}
table.my-tb.table-bordered .title {font-size: 13px!important;}
.single-tour-feature .single-feature-icon {display: none;}
section.breadcrumb-area.bread-bg-9{padding-top: 10px!important;padding-bottom: 40px!important;}
}
@media only screen and (max-width: 600px) {
   h2#margin-top-mob {
    margin-top:80px!important;
    }
    .counter__title small {
    font-size:17px!important;}
}
@media only screen and (max-width: 765px) {
section#fixed-form-container p {
    width: 100%!important;
    float: left;
    text-align: left;
}
#fixed-form-container .body {
    background-color: transparent!important; 
    border: none!important;}
    
    
}
.info-area .info-bg:before{display:none !important;}


/*new stayle*/
.more-image img {
    width: 100%;
    float: left;
}
@media only screen and (max-width: 1024px) {
.logo img {
    width: 150px;
}
}