@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url('https://fonts.googleapis.com/css?family=Changa:400,500,600,700,800');

@font-face {
    font-family: 'JF Flat';
    src: url('JFFlat-Regular.woff2') format('woff2'),
        url('JFFlat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
   font-family: 'JF Flat';
   direction: rtl;
   text-align: right;
  /*  background-image: url(../images/body-top.png);*/
  /*     -webkit-background-size: 100% 1049px;*/
  /*-moz-background-size: 100% 1049px;*/
  /*-o-background-size: 100% 1049px;*/
  /*background-size:100% 1049px;*/
  /*  background-repeat: no-repeat;*/
    /*background-color:#e9cc9e;*/
    background:#fff !important;
    color: #656565 !important;

  
}
body::-webkit-scrollbar {
    width: 10px;
} 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
    background-color: #1cb0f2;
    outline: 1px solid #1cb0f2;
    border-radius: 20px;
}
::selection {
    background: #1cb0f2; /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: #1cb0f2; /* Gecko Browsers */
    color: #fff;
}
/***
Custom Scrollbars
***/

::-webkit-scrollbar {  
    width: 12px;  
}  

::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-right: 1px solid #cecece;  
}  

::-webkit-scrollbar-thumb {  
    background-color: #cecece;  
}  

::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
	width: auto !important;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.topbar{
    background: #145958;
    padding: 7px 0;
}
.topbar .list-unstyled{
    margin: 0 -5px;
}

.topbar-right ul li:last-child {
	border:0;
}
.topbar .list-unstyled>li{
    display: inline-block;
}
.topbar .list-unstyled>li {
	
border-left:1px solid #b2b7b759;
	
padding: 0 8px 3px 8px;
	
margin: 0 0 2px 0;
}
  .dfoo{
       text-decoration:none;
   } 
   
   .dfoo i {
    float: right;
    color: #ffc107;
    margin-top: 4px;
    margin-left: 10px;
    font-size: 15px;
    height: 30px;
   }
   
   .dfoo p{
       float:right;
       color:#00bdbb;
       
   }
   .whatslink a p{
       float:right;
       color:#00bdbb;
   }
   a .fa-whatsapp{
       float: right;
    color: #ffc107;
    margin-top: 4px;
    margin-left: 10px;
    font-size: 15px;
       
   }
.cor{
    padding:10px 10px 10px 10px;
    background:white;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      border-radius:10px;
}
.topbar .list-unstyled>li>a>i{
    color:black !important;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.topbar .list-unstyled>li>a>i:hover{
    color:white !important;
      -webkit-transform: scale(1.1, 1.1)rotate(360deg);
    -moz-transform: scale(1.1, 1.1)rotate(360deg);
    -o-transform: scale(1.1, 1.1)rotate(360deg);
    transform: scale(1.1, 1.1)rotate(360deg);
}
b, strong {
    color: #00bdbb;
    
}
 p strong {
    color: #949494;
     
 }
 .commimg{
     
     font-size: 16px;
    padding: 2%;

 }
 .p-0 {
    padding: 0 15px !important;
}

.langnew a {
	
font-size: 14px !important;
	
font-weight: bold;
	
color: #fff !important;
}
.topbar .list-unstyled>li>a{
    font-size: 12px;
    color: #ffc107;
    text-decoration: none;
}
.topbar-left .list-unstyled li {
	 text-align: center;
	 margin: 0 -1px 0 0;
}
.ptitle {
    padding: 0% 0% 2% 13%;
    line-height: 2;
    text-align: start;
    margin-bottom: 1%;
    font-size: .98rem;
    font-weight: 600;

}
.mtop{
    margin-top:12% !important;
}
.section-tit{
        font-size: 2rem;
    font-weight: 700;
    color: #00bcbb;
    text-align: start;
}
.section-titlecon h1 {
    margin: 0 2% 0 0;
    
}
.tituser {

margin: 60px 0 0 0;
}
.tituser p {
	
background: #8f28da;
	
color: #fff;
	
width: 170px;
	
font-size: 18px;
	
padding: 14px 0;
	
border-radius: 4px !important;
	
margin: auto;
}
.topbar-left .list-unstyled li a i{
	
font-size: 16px;
}
.topbar-right .list-unstyled>li>a {
	
color: #fff;
}
.topbar-right .list-unstyled>li>a i {
	
padding: 0 0 0 4px;
}
.topbar .list-unstyled>li>a:hover,
.topbar .list-unstyled>li>a:focus{
    color:#ffc107;
}
.topbar .topbar-left .list-unstyled>li>a{
    font-size: 14px;
    text-align: center;
}
.topbar .list-unstyled>li>.dropdown-menu{
    right: 0;
    left: auto;
    text-align: right;
}
.sliderhome  {
	direction:ltr;
}
.sliderhome  .owl-dots {
	display: none !important;
}
.sliderhome .owl-stage-outer {
	height:400px;
}

  

.sliderhome .owl-nav {
	position: absolute;
	top: 45%;
	width: 100%;
}
.sliderhome .owl-item img {
    height: 570px;
}
.sliderhome .owl-item h5 {
	position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.sliderhome .owl-nav div {
    background: none !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 35px !important;
}
.sliderhome .owl-prev {
    left: 8%;
    position: absolute;
}
.sliderhome .owl-next {
    right: 8%;
    position: absolute;
}
.topbar-left {
	text-align:left !important;
}
.navbar-light .navbar-nav .nav-link {
    color: black;
    font-weight: bold;
    font-size: 14px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
    color:black;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover{
    color: white;
}
.navbar-light .navbar-text i {
	
padding: 0 0 0 3px;
	
color: #1cb0f2;
	
font-size: 15px;
}

.navbar-light .navbar-text {
    color: #040d19;
    font-size: 16px;
    font-weight: bold;
}
.navbar-brand{
    margin-left: 40px;
}


.sliderpackg,.sliderroom   {
	direction:ltr;
}
.sliderpackg   .owl-dots,.sliderroom  .owl-dots{
	display: none !important;
}
.sliderpackg  .owl-stage-outer,.sliderroom .owl-stage-outer{
	height: 276px;
}
.sliderpackg  .owl-nav,.sliderroom .owl-nav{
	position: absolute;
	top: 45%;
	width: 100%;
}
.sliderpackg  .owl-item img,.sliderroom .owl-item img{
    height: 300px;
}
.sliderpackg  .owl-nav div ,.sliderroom .owl-nav div{
    background: none !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 35px !important;
}
.sliderpackg  .owl-prev,.sliderroom .owl-prev{
    left: 8%;
    position: absolute;
}
.sliderpackg  .owl-next ,.sliderroom .owl-next{
    right: 8%;
    position: absolute;
}

.carousel-caption {
    bottom: 50%;
    margin-bottom: -35px;
}
.carousel-caption h5{
    font-size: 30px;
    margin: 0;
}
.search-form{
    /*background: #1cb0f2;*/
    z-index: 999;
}
.search-form-inner{
    position: relative;
    padding: 25px 15% 40px 15%;
}
.search-form .search-form-title{
    padding-top:50px;
    position: absolute;
    top: -56px;
    right: 0;
    z-index: 111111;
}
.search-form .search-form-title span{
    display: inline-block;
    padding: 10px;
    border-bottom: 4px solid white;
    font-size: 18px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    margin-top:60px;
}
/*glaxy*/

@media only screen and (max-width: 767px) {
    .consec .btn-success, .btn-success {
        margin: 4%;
    font-size: 14px;
    height: 40px !important;
    background-color: #00bdbb !important;
    padding: 0 16px !important;
    
        
    }
     .btn-success {
         float:none !important;
     }
    .navbar-brand img {
    position: relative;
    top: 73px;
    /* padding: 15%; */
    width: 70% !important;
    display: block;
    margin: auto;}
    .section-tit {
    font-size: 20px;
    color: #00bcbb;
    text-align: center;
        
    }
    .buttons{
        float:none !important;
        
    }
    .ptitle {
    padding: 0 12%;
    line-height: 2;
    text-align: center;
    margin-bottom: 1%;
    font-size: 13px;
    font-weight: 600;}
    
    .p-0 {
    padding: 0 !important;
}
    .dfoo p {
    float: none;
    font-size: 13px;
    line-height: 25px;

}
    .commimg{
         font-size: 14px;
    padding: 3% 7%;
        
    }
    .m-brow{
        margin-top:5% !important;
    }
    .p22{width:92%;}
    .search-form .search-form-title span{
         margin-top:10px;
    }
}
.search-form-inner .form-row{
    align-items: flex-end;
}
.search-form-inner .form-row>div{
    position: relative;
}
.search-form-inner .form-row>div label{
    font-size: 14px;
    color: black;
    font-weight:bold;
}
.search-form-inner .form-row>div i{
    position: absolute;
    font-size: 20px;
    bottom: 10px;
    right: 15px;
    color: #545050;
    z-index: 9999;
}
.search-form-inner .form-row .form-control{
    height: 38px;
    padding-right: 33px;
    border: none;
}
.search-form-inner .form-row select.form-control{
    padding-top: 0;
    outline: 0;
    width: 100%;
    display: inline-block;
}
.search-form-inner .form-check label{
    color: #fff;
    margin-right: 5px;
}

.section{
    padding: 60px 0 0;
}
.seccontHot{
    padding:1% 0 0;
}
.sectionnew {

padding: 50px 0 20px 0;
}
.bor{
    width:100%;
    background:#f4f5f9;
    padding-top:50px;
}
.seaaa{
    padding: 0;background-image:url(../images/awaken-timelapse-film-thumbnail.jpg
) !important;background-repeat:no-repeat;background-size: 100% 222%;background-attachment: fixed;
}

.sec-new .row {

background: none;
}
.section-title{

background: #f9f9f9;

border-top: 4px solid #8f28da;

padding: 20px 0;

box-shadow: 0px 0px 3px 1px #dadada;
}
.sec-fav {
	
padding: 0 0 0 0;
}
.section-title h1{
    color: #3b3b3b !important;
    font-size: 28px;
    margin: 0;
}
.section-title p{
    color: #5f5f5f;
    font-size: 17px;
    margin: 0 0;
}

figure.figure-v1{
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

figure.figure-v1 > img {
	max-width: none;
    width: 100%;
	height: 210px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.figure-v1 figcaption {
    position: absolute;
    padding: 10px 20px;
    top: auto;
    right: 20px;
    left: 20px;
    bottom: 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border-radius: 5px;
}

figure.figure-v1 h2 {
	position: relative;
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

figure.figure-v1 p {
	font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}
figure.figure-v1 figcaption > a,
figure.figure-v2 figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

figure.figure-v1:hover > img {
	/*opacity: 0.4;*/
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}


figure.figure-v2 {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 0;
    background: #ffc107;
    height: 260px;
}

figure.figure-v2 img {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}

figure.figure-v2 figcaption {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* box-shadow: 0px 0px 95px 0px rgba(11, 11, 12, 0.75) inset; */
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

figure.figure-v2 figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 12px 12px 30px 12px;
	width: 100%;
	/*height: 50%;*/
}

figure.figure-v2 h2,
figure.figure-v2 p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
.figure-v2:hover .imgrr{
    opacity: .6; 

    
}
figure.figure-v2 h2 {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.figure-v2 p {
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.figure-v2:hover p {
	opacity: 1;
}

figure.figure-v2:hover img{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.figure-v2:hover h2,
figure.figure-v2:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.figure-v2:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

figure.figure-v3{
    margin-bottom: 0;
    background: rgba(0,0,0,0.6);
    padding: 130px 0;
}
figure.figure-v3 figcaption{
}
figure.figure-v3 figcaption > div{
    vertical-align: middle;
    padding: 0 0 0 0;
}
figure.figure-v3 figcaption > div h4{
    font-size: 22px;
    color: #ffc107;
    margin: 0;
}
figure.figure-v3 figcaption > div h1{
    font-size: 38px;
    color: #FFC107;
    font-weight: bold;
    margin: 15px 0 0 0;
}
figure.figure-v3 figcaption > div p{
    line-height: 40px;
    color: #f5f5f5;
    font-weight: normal;
    font-size: 14px;
    /* width: 212px; */
    margin: auto;
     letter-spacing: 1px; 
    padding: 35px 0px 15px 0;
}
.bor h4{
    margin-bottom: 30px;
    /*font-weight: bold;*/
    float: right;
    width: 60%;
    color: #00bdbb;
    font-size: 26px;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.footer-top .bor{
    padding-top:30px;

}
.iconh4{
    width: 30px;
    margin-left: 5px;
    margin-top: -7px;
    padding: 1px 1px 1px;
}
.input-group .btn-purple{
    color:white !important;
    background: #00bdbb !important;
    margin: 0 0px 0 0 !important;
    padding: 10px 33px !important;
    border: 0;
    font-weight: 600;
       -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.input-group .btn-purple:hover {
    background-color: #0cdfdc !important;
    box-shadow: 1px 1px 11px #06f1ef;
    color: #fff !important;

}
.btn-warning{
    background-color:#212529 !important;
    border-color:#212529 !important;
    color:white !important;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.btn-warning:hover{
     background-color:#eee !important;
     border-color:#eee !important
    color:black !important;
}
figure.figure-v3 img{
    height: 350px;
}
.offer-info ul {}
.offer-info ul li {}
.offer-info ul li h3 {
    font-size: 14px;
}
.offer-info h1 {
	
color: #fff !important;
	
background: #1cb0f2;
	
border-radius: 0;
	
padding: 10px 15px 11px 20px;
	
margin: 0 0 15px 0;
	
font-size: 24px;
	
display: inline-block;
}
.offer-info ul li h3 span {}

.home-offer{background: #f4f5f9;margin: 0 0;padding: 70px 0;}
.home-offer .offer-info h2{
    font-size: 18px;
    color: #ffc107;
    font-weight: bold;
    margin: 0 0 16px;
    direction: rtl;
    text-align: right;
    font-style: inherit !important;
}
.home-offer .offer-info p{
    color: #888888;
    line-height: 24px;
    font-size: 15px;
}
.home-offer .offer-features h5{
    color: #ffc107;
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}
.home-offer .offer-features .list-unstyled{
    padding-right: 15px;
}
.home-offer .offer-features .list-unstyled li{
    margin-bottom: 2px;
    position: relative;
}
.home-offer .offer-features .list-unstyled li::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #871ff0;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 8px;
}

.site-features{
    padding: 0 0 0  0;
    margin: 40px 0 -15px 0;
    text-align: center;
}
.single-site-feature{
}
.single-site-feature img{
    float: right;
}
.single-site-feature > div{
    padding-right: 76px;
    text-align: right;
}
.single-site-feature > div h3{
    color: #ffc107;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 9px;
}
.single-site-feature > div p{
    font-size: 12px;
    color:#1cb0f2 ;
}

footer{
    /*background-image: url(../images/footer-center.png);*/
    /*-webkit-background-size: 100% 200px;*/
    /*-moz-background-size: 100% 200px;*/
    /*-o-background-size: 100% 200px;*/
    /*background-size:100% 200px;*/

}
.footer-top{
    padding: 90px 0;
}
.footer-links{
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #dfdddd;
}
/*.footer-top h4{*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    color: #3c3b3a;*/
/*    margin-bottom: 30px;*/
/*}*/

.footer-links ul{
    
list-style: none;
    
margin: 0 0 0 0;
    
text-align: center;
}
.footer-links ul>li{
    margin-bottom: 15px;
    padding-right: 0;
}
.footer-links ul>li>a{
    color: #656565;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
      -webkit-transition: padding 0.9s ease;
    -moz-transition: padding 0.9s ease;
    -o-transition: padding 0.9s ease;
    transition: padding 0.9s ease;
}
.footer-links ul>li>a:hover,
.footer-links ul>li>a:focus{
    color: #00bdbb;
      padding-right: 25px
}
.footer-links ul>li>a i {
	
padding: 0 0 0 5px;
}

figure.figure-v4{
    
margin: 0 0 0 0;
}
figure.figure-v4 img{
    
height: 160px;
    
border-radius: 5px;
}
figure.figure-v4 h3{
    font-size: 15px;
    margin-top: 15px;
}
figure.figure-v4 h3 i{
    color: #000000;
}
figure.figure-v4 h3 a{
    color: #656565;
    text-decoration: none;

}

.discover-carousel .owl-nav{
    position: absolute;
    left: 0;
    top: -60px;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #d8d3d3;
    font-size: 14px;
    background: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #d8d3d3;
    margin: 0 5px 0 0;
    padding: 5px 10px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: #00bdbb;
    color: #fffefe;
}

.footer-bottom{
    /*background: #1cb0f2;*/
    padding: 25px 0 0 0;
}
.footer-bottom .mb-3, .footer-bottom .my-3 {
	margin:0 !important;
}
.newsletter h4{
    color: black;
    font-size: 16px;
    margin-bottom: 20px;
}
.newsletter h4 i {
    margin: 0 0 0 10px;
    color: #00bdbb;

}
.newsletter h4 small{
    font-size: 13px;
}
.newsletter .form-control{
    border-radius: 0;
    height: 45px;
}
.newsletter .btn{
    height: 45px;
    margin: 0 -1px 0 0;
    border-radius: 0;
}
.copyrights{
        padding: 10px 0;
    border-top: 1px solid #00bdbb;
    margin: 15px 0 -25px 0;
    background-color: #145958;

}
.copyrights p{
    color: #fff;
    font-size: 13px;
    margin: 5px 0;
}
.lefcopy {
	
float: left;
}
.copyrights p a {
    color: #ebbb2b;

}
.navbar-expand-lg{
    background-image:linear-gradient(rgba(255, 255, 255, .9),rgba(239, 233, 158, 0.8)),url(../images/panorama-2117310_1280.jpg);
}

.social-contact .list-unstyled{
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
.social-contact .list-unstyled li{
    display: inline-block;
    color: #fff;
}
.social-contact .list-unstyled li a{
        display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 0;
    background: #00bdbb;
    color: #fff;
    padding: 7px 0 0 0;
    /* -webkit-transition: padding 3s ease; */
    /* -moz-transition: padding 3s ease; */
    /* -o-transition: padding 3s ease; */
    /* transition: padding 3s ease; */
    
}
.social-contact .list-unstyled li a:hover,
.social-contact .list-unstyled li a:focus{
    background: #fff;
    color: #ebbb2b;
     -webkit-transform: scale(1.1, 1.1)rotate(360deg);
    -moz-transform: scale(1.1, 1.1)rotate(360deg);
    -o-transform: scale(1.1, 1.1)rotate(360deg);
    transform: scale(1.1, 1.1)rotate(360deg);
}
.imglogo1{
  width: 142px;

}
.imglogo2{
  width: 85px;
  height: 100px;

}
.payment {
    padding-right: 18.5px;
    width: 250px;
    /*height: 30px;*/
    /*background: url(../images/payment.png) center center no-repeat;*/
    float: left;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #871ff0;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #717073;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #040d19;
}
#sidebar .sidebar-header h3{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

#sidebar ul.components {
    padding: 20px 0;
    background: #565656;
}

#sidebar ul li a {
    padding: 12px 15px;
    font-size: 14px;
    display: block;
    color: #fff;
    text-decoration: none;
}
#sidebar ul li{
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
#sidebar ul li a:hover,
#sidebar ul li.active > a, 
#sidebar a[aria-expanded="true"] {
    color: #871ff0;
    background: #fff;
}

#sidebar a[aria-expanded="false"]::before, #sidebar a[aria-expanded="true"]::before {
    display: none;
    font-family: "Font Awesome 5 Solid";
    content: '\f107';
    position: absolute;
    left: 20px;
    font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
    content: '\f106';
}

#sidebar ul ul li{
    font-size:13px !important;
    padding-right: 30px !important;
}

.page-header {
    padding: 40px 0 129px;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    margin: 0;
}
.page-header h1,
.page-header h4{
    font-weight: 700;
    display: inline-block;
    margin: 0;
    background: rgba(49,49,49,0.67);
}
.page-header h1{
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px 3px;
    
}
.page-header h4{
    color: #ffdd80;
    font-size: 20px;
    padding: 5px 15px;
}

.page-header.style-2{
    padding: 40px 0 40px 0;
    color: #fff;
    text-transform: uppercase;

}
.page-header.style-2 span{
    color: #ffc107;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 0 0;
}
.page-header.style-2 h2{
    margin: 12px 0;
    font-weight: 700;
    font-size: 55px;
}
.page-header.style-2 h5{
    margin: 5px 0 0 0;
    font-size: 18px;
    font-weight: normal;
}

.page-intro-title{
    color: #911eb9;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px;
}
.page-intro .logos{
    margin: 50px 0;
}
.page-intro .page-intro-banner{
    background: #871ff0;
    color: #fff;
    padding: 20px;
}
.page-intro .page-intro-banner h3{
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 22px;
}
.page-intro .page-intro-banner p{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.page-intro .page-intro-banner a.btn{
    margin-top: 20px;
}

.page-intro .page-intro-alert{
    background: rgba(0,53,128,0.10);
    color: #043d8d;
    padding: 20px;
    font-size: 16px;
    margin-top: 50px;
}
.page-intro .page-intro-alert span{
    display: inline-block;
    margin: 0 10px;
}
.page-intro .page-intro-alert span .fa{
    color: #2ba864;
    margin-left: 5px;
}

.page-features{
    background: #f1f1f1;
}
.feature-box{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.feature-box:last-of-type{
    margin: 0;
}
.feature-icon{
    background: #fdc20d;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    float: right;
}
.feature-icon .fa{
    
}
.middle {
  transition: .5s ease;
  opacity: 0;
  width: 330px;
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.text {
  color: #fff;
  font-size: 25px;
  padding: 10px 32px;
}
.bgimg {
    background-color: #00bdbb;

}
.pics{
     position: relative;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
}
.pics:hover .image{
    opacity: .5;
}
.pics:hover .middle {
  opacity: 1;
}
.feature-content{
    padding-right: 60px;
}
.feature-content h3{
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.feature-content h3 a{
    color: #009eed;
    text-decoration: none;
}
.feature-content p{
    margin: 0;
}

.this-title{
    color: #911eb9;
    margin: 0 0 30px;
    font-size: 25px;
    font-weight: 700;
}
.destination-box-lg{
    background: #fbfbfb;
    margin-bottom: 20px;
    box-shadow: 0px 0px 3px 1px #dadada;
    overflow: hidden;
    text-align: center;
}
.destination-box-lg h3 {
	
font-size: 16px;
	
text-align: center;
	
margin: auto;
	
padding: 10px 0;
	
color: #000;
	
font-weight: bold;
}
.destination-box-lg h3 a {
	
color: #000;
}
.destination-box-lg .dest-thumb{
    /* width: 250px; */
    /* height: 190px; */
    /* float: right; */
    /* overflow: hidden; */
}
.destination-box-lg .dest-thumb img{
    width: 100%;
    height: 185px;
}
.destination-box-lg .dest-info{
    height: 190px;
    padding: 15px 20px 10px 25px;
    overflow: hidden;
}
.destination-box-lg .dest-info h3{
    margin: 0 0 -10px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.section .active .nav-link {
	
color: #fff;
}
.section .tab-content {
    border-right: 1px solid #ccc;
}
.section  .nav-link {
	
color: #fff;
	
border-radius: 0;
	
margin: 0 0 0 0;
	
padding: 4px 0;
	
border: 1px solid #fff;
}
.section .nav-pills {
	
text-align: center;
	
margin: 0 0 0 0 !important;
}
.section .nav-item {
	
text-align: center;
	
display: block;
	
width: 52%;
	
margin: 0 0 10px 0;
	
border-radius: 0 !important;
	
background: #1cb0f2;
	
color: #fff;
	
padding: 5px 5px;
}
.section .nav-item.active {
	
background: #1cb0f2;
}
.destination-box-lg .dest-info h3 a{
    color: #32588e;
}
.destination-box-lg .dest-info span img{
    margin-left: 3px;
}
.destination-box-lg .dest-info p{
    margin: 25px 0 0;
    font-size: 13px;
    height: 120px;
    overflow: hidden;
}
.singblog {}
.singblog h3 {
    background: #8f28da;
    color: #fff;
    width: 250px;
    font-size: 17px;
    padding: 14px 0;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px;
}
.singblog .contact-box {
    background: #fbfbfb;
    border-top: 5px solid #8f28da;
    margin: 10px 0 30px 0;
    padding: 15px 10px 25px 10px;
    box-shadow: 0px 0px 3px 1px #dadada;
    font-size: 16px;
}
.singblog .contact-box p {
    font-size: 15px;
}
.singblog .contact-box img {
    border: 0;
}
.faq-group{
    list-style: none;
    margin: 0;
    padding: 0;
}
.faq-group > li {
    background: #ffffff;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
}
.faq-group > li .faq-trigger {
    position: relative;
    display: block;
    color: #911eb9;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    padding: 20px 24px 20px 72px;
}
.faq-group > li .faq-trigger i{
    margin-left: 8px;
}
.faq-group > li .faq-trigger::before, 
.faq-group > li .faq-trigger::after {
    content: "";
    position: absolute;
    left: 24px;
    top: 48%;
    height: 2px;
    width: 13px;
    background: #e01a33;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.faq-group > li .faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 32px;
}
.faq-group > li .faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.faq-group > li.active .faq-trigger::before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.faq-group > li.active .faq-trigger::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.faq-content {
    display: none;
    padding: 0 24px 24px;
}
.faq-content p {
    line-height: 24px;
    /*color: #6c7d8e;*/
    margin: 0;
}

.find-deals-widget {
    background: #fbfbfb;
    border-radius: 0;
    padding: 15px 15px;
    box-shadow: 0px 1px 8px 0px #cecece;
    border-top: 4px solid #00bdbb;
}
.find-deals-widget a {
	color:#000 !important;
}
.find-deals-widget > h2{
    color: #00bdbb;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0px 10px;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px 0;
}
.find-deals-widget > h2 img {
	
padding: 0 0 0 6px;
	
width: 11%;
}
.find-deals-widget .form-group {
	
margin: 10px 0 20px 0;
	
padding: 0 10px 0 10px;
}
.find-deals-widget .text-center button {
	    color: #fff !important;
	    background: #911eb9;
	    border-radius: 0;
	    padding: 6px 33px;
	    margin: 0 10px 0 0;
	    border-radius: 5px;
}
.find-deals-widget .form-group input {
	
font-size: 14px;
}
.find-deals-widget select {
	
font-size: 11px;
}
.find-deals-widget label{
    color: #ffc107;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 5px 10px 6px;
}
.find-deals-widget .form-control{
    height: 40px;
    border: none;
    box-shadow: none;
    border: 1px solid #ccc;
}
.find-deals-widget .btn-default {
	
display: none;
}
.find-deals-widget select {
	
width: auto;
	
margin: -6px -8px 0 0;
	
border: 1px solid #ccc;
}
.find-deals-widget select:first-child {
	border:0 !important;
}
.find-deals-widget .form-options{
    /*background: #ffdd80;*/
    border: 1px solid #d4d4d4;
    padding: 7px 10px 3px 0;
}
.find-deals-widget .form-options p{
    color: #656565;
    display: inline-block;
    margin: 0 0 0 5px;
    /*font-weight: 700;*/
    vertical-align: middle;
    font-size: 12px;
}

.deal-box{
    background: #fff;
    margin-bottom: 30px;
}
.deal-box .deal-box-thumbnail{
    display: block;
    overflow: hidden;
    position: relative;
    background: #3498db;
}
.deal-box .deal-box-thumbnail::before {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.deal-box .deal-box-thumbnail img{
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.deal-box:hover .deal-box-thumbnail::before{
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.deal-box:hover .deal-box-thumbnail img{
    opacity: 0.6;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.deal-box .deal-box-content{
    padding: 15px;
}
.deal-box .deal-box-content h2{
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 700;
}
.deal-box .deal-box-content h2 a{
    color: #871ff0;
}
.deal-box .deal-box-content span{
    color: #871ff0;
    display: block;
    text-align: left;
    font-size: 12px;
}
.deal-box .deal-box-content span b{
    color: #e01a33;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
}
.deal-box .deal-box-content .deal-rate {
    
}
.deal-box .deal-box-content .deal-rate .fa{
    color: #fdc20d;
}
.deal-box .deal-box-content p{
    margin: 10px 0 0;
    color: #777;
}
.deal-box .btn{
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 -1px;
}

.travel-guide{
    position: relative;
    margin-bottom: 30px;
    background: #3085a3;
}
.travel-guide > img{
    height: 370px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.travel-guide:hover > img{
    opacity: 0.8;
}
.travel-guide .travel-guide-caption{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 20px;
    background: rgba(0,158,237,0.75);
    color: #fff;
}
.travel-guide .travel-guide-caption h2{
    font-size: 15px;;
    text-transform: uppercase;
    margin: 0;
}
.travel-guide .travel-guide-caption span{
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin: 5px 0;
}
.travel-guide .travel-guide-caption p{
    font-size: 15px;
    margin: 0;
}
.travel-guide .view-btn{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.user-form-wrap{
    
width: 100%;
}
.user-form-wrap a {
	
width: 40% !important;
	
display: block;
	
margin: auto;
}
.user-form-wrap > a{
    color: #871ff0;
}
.user-form-title{
    color: #4c4c4b;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
    text-align: center;
    display: none;
}
.user-form-wrap label{
    color: #262626;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
.user-form-wrap .form-control{
    height: 45px;
    width: 89%;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #bbb;
    padding: 7px 5px 7px 0;
    font-size: 13px;
}
.user-form-wrap .btn{
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 4px;
    height: 50px;
    color: #fff;
    background-color: #1cb0f2;
    width: 89%;
}
.btn-social{
    color: #fff !important;
    text-align: right;
}
.btn-social.btn-lg {
    padding-left: 0;
    padding: 10px 10px  0 50px;
    color: #fff !important;
    font-size: 18px;
    text-align: center;
}
.btn-social>:first-child {
    width: 30px !important;
    left: auto;
    right: 0;
    bottom: -2px;
    border-left: 1px solid #fff;
    font-size: 20px !important;
    margin: 0 0 0 7px;
    position: relative;
    padding: 3px 0 0 8px;
    float: right;
}

.plans-sidebar{
    text-transform: uppercase;
}
.plans-sidebar h3{
    color: #2c2c2c;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
}
.plans-sidebar .form-group{
    margin-bottom: 30px;
}
.plans-sidebar .checkbox, 
.plans-sidebar .radio {
    
}
.plans-sidebar .checkbox label, 
.plans-sidebar .radio label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
}
.plans-sidebar .checkbox input[type="checkbox"], 
.plans-sidebar .radio input[type="radio"]{
    margin-top: 0;
}
.plans-sidebar .checkbox label span, 
.plans-sidebar .radio label span{
    display: inline-block;
    float: left;
    color: #535353;
    margin-top: 2px;
    font-size: 10px;
} 

.slider.slider-horizontal {
    width: 100%;
    height: 6px;
}
.slider.slider-horizontal .slider-track {
    height: 6px;
}
/*#ex1Slider */.slider-selection {
	background: #0a85c1;
}
.slider-handle {
    top: -8px;
    background: #0a85c1;
    border: 3px solid #fff;
}

.plans-sidebar .btn-group .btn{
    padding: 6px 5px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 0;
    background: #fff;
    border: 1px solid #871ff0;
    color: #871ff0;
}
.plans-sidebar .btn-group .btn.active{
    background: #871ff0;
    color: #fff;
}

.plans-list,
.hotels-list{
    text-transform: uppercase;
}
.list-header{
    
}
.list-header h2{
    background: #00bdbb;
    color: #fff;
    margin: 0 0 10px;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    line-height: 31px;
    box-shadow: 0px 0px 10px 0px #c5c5c5;
    margin: 15px 0 15px 0;
}
.list-header h2 i {
	
padding: 0 0 0 5px;
}
.list-header span{
    display: inline-block;
    float: right;
    font-size: 11px;
}
.list-header p{
    color: #aeaeae;
    font-size: 11px;
}

.plan{
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 15px 0;
}
.plan:hover{
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}
.plan-name img{
    
}
.plan-name h4{
    display: inline-block;
    vertical-align: middle;
    color: #911eb9;
    margin: 0 0 0 10px;
    font-size: 13px;
    font-weight: 700;
}
.plan .table{
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}
.plan .table > tbody > tr > td{
    vertical-align: middle;
    padding: 5px;
    color: #535353;
}
.plan .table > tbody > tr > td .checkbox, 
.plan .table > tbody > tr > td .radio{
    padding: 0;
    margin: 0;
}
.plan .table > tbody > tr > td .checkbox input[type="checkbox"], 
.plan .table > tbody > tr > td .radio input[type="radio"]{
    margin-top: 2px;
}
.plan p{
    font-size: 11px;
    color: #777;
    margin: 0;
}
.plan-price{
    display: block;
    margin: 15px 0 2px;
    color: #911eb9;
    font-size: 20px;
    font-weight: 700;
}
.plan .btn{
    
}

#hotel-map{
    height: 250px;
    margin: 0 0 10px 0;
}
.filter-form{

}
.filter-form-title{
    color: #00bdbb;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0px 10px;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px 0;
}
.filter-form-title img {
	
padding: 0 0 0 6px;
	
width: 11%;
}
.filter-form .form-group{
    margin: 0;
    margin-bottom: 20px;
    background: #fbfbfb;
    border-radius: 0;
    padding: 20px;
    box-shadow: 0px 1px 8px 0px #cecece;
    border-top: 5px solid #00bdbb;
}
.filter-form .form-group h4{
    margin: 0 0 10px;
    color: #ffc107;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 9px;
}
.filter-form .form-group .radio{
    margin: 0;
    height: 225px;
    overflow-y: scroll;
}
.filter-form .form-group .radio label{
    display: block;
    margin-bottom: 5px;
    color: #818181;
    font-size: 12px;
    padding-left: 30px;
}

.tohide {
	
background: #8F28DA;
	
border: 0;
	
box-shadow: none;
	
color: #fff;
	
padding: 4px 35px;
	
margin: 10px 0 0 0;
}
.filter-form .form-group .radio label input[type="radio"]{
    
}
.filter-form .form-group .radio label:last-child{
    margin-bottom: 0;
}
.filter-form .form-group .radio label span{
    display: inline-block;
    float: left;
}

.hotel{
    margin: 0 0 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #f4f4f4;
    border-radius: 0;
    padding: 0;
    box-shadow: 0px 1px 8px 0px #cecece;
    height: 222px;
    overflow: hidden;
}
.hotel .col-md-4 {
	
margin: 0;
	
padding: 0;
}
.hotel >.col-md-8 {
	padding: 12px 25px 0 25px;
}
.hotel:hover{
    border-color: #871ff0;
}
.hotel .hotel-thumbnail{
    display: block;
    overflow: hidden;
}
.hotel .hotel-thumbnail img{
    width: 100%;
    height: 100%;
}
.hotel .hotel-header{
    
border-bottom: 1px solid #dedede;
    
margin: 0 0 5px 0;
}
.hotel .hotel-header h1{
    font-size: 20px;
    margin: 0 0 10px 0;
    font-weight: 700;
    position: relative;
}
.hotel .hotel-header h1 a{
    color: #00bdbb;
    padding: 0 0 0 0;
}
.hotel .hotel-header h1 .hotel-rating{
    
margin: 0 10px 0 0;
    
position: absolute;
    
top: -2px;
}
.hotel .hotel-header h1 .hotel-rating .fa{
    font-size: 10px;
}
.hotel .hotel-header h3{
    color: #484848;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 !important;
}
.hotel .hotel-header h3 i {
	font-size: 11px;
	padding: 0 0 0 5px;
	color: #ffc107;

}
.hotel .hotel-header h3 span.hotel-rank{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: #871ff0;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
.hotel .hotel-tags a {
	
background: #871ff0;
	
color: #f4f4f4;
	
border-radius: 4px;
	
font-weight: normal;
	
font-size: 12px;
	
cursor: pointer;
}
.hotel .hotel-tags a:hover {
	color:#fff
}
.hotel .hotel-header .hotel-meta{
    color: #023955;
    font-size: 12px;
    margin: 0;
}
.hotel .hotel-header a.btn,.xxxx .propertys-css{
    font-size: 13px;
    margin-top: -4px;
    color: #00bdbb;
    font-weight: bold;
    float: left;
}
.hagz {

position: relative;
}
.hagz .alert-success {

position: absolute;

width: 300px;

left: 31px;

top: 45px;

color: #000;

background-color: #fcf8e3;

border-color: #fcf8e3;
}
.hotel .hotel-header a.btn i {
	
padding: 0 5px 0 0;
	
font-size: 11px;
}
.bttay {
	
background: #00bdbb;
color: #fff;
width: 100%;
}
.hotel .hotel-reviews{
    padding: 0;
    margin: 0;
    border-top: 1px solid #eef3fb;
    border-bottom: 1px solid #eef3fb;
    color: #777;
}
.hotel .hotel-reviews p{
    margin: 0 0 5px;
}
.hotel .hotel-reviews p:last-child{
    font-size: 13px;
    border-bottom: 1px solid #dedede;
    margin: 0 0 13px 0;
    padding: 3px 0 10px 0;
    height: 65px;
    overflow: hidden;
}
.hotel .hotel-tags .btn{
    margin: 1px 0;
    font-size: 10px;
}

.reservation-progress{
    margin: 10px 0;
    border: solid 1px #537bb4;
    background: #e9f0fa;
}
.reservation-progress a.active{
    border-left: solid 2px #febb02;
    border-right: solid 2px #febb02;
    background: #fff;
    box-shadow: none;
}
.alert-green{
    border-style: solid;
    border-color: #d1edd4;
    border-width: 0 0 4px 0;
    background-color: #dff6e1;
    padding: 15px;
    color: #077812;
    margin-bottom: 10px;
}
.sidebar-panel{
    border: 1px solid #cce1ff;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
}
.sidebar-panel .panel-heading{
    background-color: #e9f0fa;
    border-bottom: 1px solid #cce1ff;
    padding: 10px 10px 6px;
    font-weight: bold;
}
.sidebar-panel .panel-body{
    font-size: 13px;
    padding: 10px;
}
.sidebar-panel .panel-body .table{
    margin: 0;
}
.sidebar-panel .panel-body .table>tbody>tr>td{
    border: none;
    padding: 0;
}
.sidebar-panel-ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-panel-ul li{
    margin-bottom: 8px;
}
.sidebar-panel-ul li:last-child{
    margin-bottom: 0;
    padding-top: 8px;
    border-top: 1px solid #cce1ff;
}
.sidebar-panel-ul li b{
    display: block;
}
.sidebar-panel-ul li a{
    font-size: 12px;
}
@media (min-width:992px) {
   
	#cars_dev .col-lg-6 {
    flex: 0 0 0;
    max-width: 49%;
    display: inline-block;
}
}
.sidebar-panel-ul li a:hover{
    color: #febb02;
}
.green-txt{
    color: #0ab21b;
}
.price-details-total{
    border-top: 1px solid #cce1ff;
    background-color: #e9f0fa;
    border-radius: 4px;
    margin-bottom: 20px;
}
.price-details-total .table{
    margin-bottom: 0;
}
.price-details-total .table>tbody>tr>td{
    font-size: 15px;
    line-height: 20px;
    border-top: 1px solid #cce1ff;
}
.price-details-total .table>tbody>tr>td small{
    font-size: 12px;
    display: block;
}
.price-details-total .table>tbody>tr>td span{
    color: #838383;
    font-size: 13px;
    display: block;
    margin-top: -15px;
}
.price-details-total .table>tbody>tr>td p,
.sidebar-panel .panel-body p{
    font-size: 12px;
    line-height: 18px;
}
.similar-soldout{
    margin-bottom: 20px;
    color: #e21111;
    position: relative;
    padding: 0 15px;
}
.similar-soldout p{
    font-size: 13px;
}
.single-room-header{
    margin-bottom: 20px;
}
.single-room-img img{
    width: 100%;
}
.single-room-details .single-room-title{
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 10px;
}
.single-room-stars{
    display: inline-block;
}
.single-room-stars .fa-star{
    color: #FEBB02;
    font-size: 13px;
}
.single-room-stars .fa-thumbs-up{
    background: #FEBB02;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 13px;
    margin-left: 5px;
}

.get-value-btn{
    z-index: 17;
    display: inline-block;
    height: 24px;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    white-space: nowrap;
    border-radius: 4px;
    background: #f07c00;
    color: #fff;
    padding: 0 15px;
    vertical-align: middle;
}
.pet-stay-btn{
    display: inline-block;
    padding: 4px 15px;
    margin-left: 12px;
    font-size: 12px;
    color: #383838;
    background-color: #e9f0fa;
    vertical-align: middle;
    position: relative;
    height: 24px;
    border-radius: 4px;
}
.single-room-location{
    margin-top: 10px;
}
.single-room-location p{
    margin-bottom: 2px;
}
.single-room-location p .fa{
    color: #6AC0FF;
    margin-right: 5px;
}
.single-room-location span{
    color: #077812;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 7px;
}

.form-box-wrapper{
    margin-top: 30px;
}
.form-box-wrapper > h2{
    font-size: 22px;
    margin: 0 0 15px;
}
.form-box-wrapper .book-form{
    background-color: #e9f0fa;
    border-top: 1px solid #e9f0fa;
    border-bottom: 1px solid #e9f0fa;
    border-right: 0;
    border-left: none;
    padding: 15px!important;
}

.form-box-wrapper .book-form label{
    display: block;
    margin-bottom: 0;
}
.form-box-wrapper .book-form label small{
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.room-details-description{
    margin: 10px 0 0 0;
    padding: 15px;
    background: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #e9f0fa;
}
.room-description-header{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cce1ff;
}
.room-description-header h2{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
}
.room-facilities span{
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    padding: 0 5px;
    word-break: break-word;
    white-space: nowrap;
    background-color: #d1edd4;
    color: #077812;
}

.login-con {
    text-align: right;
    background: #f4f5f9;
    border-top: 5px solid #8f28da;
    padding: 15px 15px 15px 25px;
    box-shadow: 0px 0px 3px 1px #dadada;
    width: 100%;
}
.login-con form {
        width: 100%;
    max-width: 100%;
}
.login-con .form-group {
    display: inline-block;
    margin: 0 0 10px 0;
    width: 100%;
}
.login-con .form-group label {
	
}
.login-con  .form-control {background: #fff;border: 1px solid #ccc;padding: 7px 5px 7px 0;}
.login-con .btn  {
    padding: 9px 40px;
    margin: 5px 0 10px 0;
    width: 100%;
    background: #8f28da;
    border: 0;
}
.login-con .new-reg {
    text-align: right !important;
}
.login-con .new-reg a {
    font-size: 13px;
}
.login-con .form-check {
    margin: 0px 0 5px 0;
    padding: 0 0 0 0;
}
.login-con .form-check input {
    padding: 0 0 0 0;
}
.login-con .form-check label {
    padding: 0 20px 0 0;
    font-size: 14px;
}
.single-car-nav{
    border-bottom: 5px solid #234475!important;
    overflow: hidden;
}
.single-car-nav .back-to-search{
    color: #1e3a63;
    display: inline-block;
    margin-top: 7px;
    margin-right: 15px;
}
.single-car-nav .nav-tabs{
    border: none;
}
.single-car-nav .nav-tabs>li>a{
    border: none;
    padding: 7px 15px;
    border-radius: 0;
    color: #1e3a63;
    position: relative;
}
.single-car-nav .nav-tabs>li>a .fa{
    margin-right: 5px;
}
.single-car-nav .nav-tabs>li.active>a, 
.single-car-nav .nav-tabs>li.active>a:focus, 
.single-car-nav .nav-tabs>li.active>a:hover{
    border: none;
    background: #fff;
}
.single-car-nav .nav-tabs>li.active>a:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #12223b;
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #12223b;
}

.single-car-details-right{
    border-right: 1px solid #ddd;
}
.single-car-name{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
}
.single-car-name small{
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 400;
}

.single-car-rate{
    margin-top: 10px;
}
.single-car-rate img{
    float: right;
}
.single-car-rate > div{
    padding-right: 80px;
}
.single-car-rate > div span{
    display: block;
    color: #1B65A4;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.single-car-rate > div span small{
    color: #888;
    font-size: 12px;
    font-weight: normal;
    margin-right: 4px;
}

.single-car-main{
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}
.single-car-main li{
    position: relative;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.single-car-main li:after{
    content: "|";
    position: absolute;
    left: -4px;
    top: 4px;
    font-size: 10px;
    color: #ccc;
}
.single-car-main li:last-child::after{
    display: none;
}
.single-car-facilities{
    
}
.single-car-facilities span{
    display: inline-block;
    margin-left: 10px;
}
.single-car-facilities span .fa{
    color: #7AA040;
}
.single-car-price{
    
}
.single-car-price h2{
    font-size: 17px;
    font-weight: bold;
    color: #e3a353;
    margin: 0 0 3px;
}
.single-car-price span{
    font-size: 12px;
}

.single-car-free-list{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.single-car-free-list h4{
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px;
}
.single-car-free-list ul{
    margin-bottom: 0;
}
.single-car-free-list ul li{
    margin-bottom: 10px;
}
.single-car-free-list ul li .fa{
    color: #7AA040;
    margin-right: 5px;
}

.single-car-top{
    background: #fff;
    margin: 20px 0;
}
.single-car-features{
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}
.single-car-features h2{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
}
.single-car-features ul{
   margin-bottom: 0; 
}
.single-car-features li{
    margin-bottom: 15px;
    font-size: 14px;
    height: 24px;
}
.single-car-features li .fa{
    font-size: 25px;
    color: #1A85D1;
    vertical-align: middle;
}

.single-car-ratings{
    background-color: #f1f1f1;
    padding: 3px;
    position: relative;
}
.feedback_table{
    margin: 0;
}
.feedback_table td{border: none !important;}
.feedback_table td.feedback_rating_value {
    border-left: 3px solid #b6d6f4 !important;
    font-size: 15px;
    text-align: center;
    width: 29px;
    color: #234475!important;
    border-color: #a7b4c8!important;
}
.feedback_table tr.rvw_zebra_stripe {
    background-color: #FFF;
}
.feedback_table td.rvw_rating_score {
    background-color: #FFF;
    border-right: 4px solid #f1f1f1 !important;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 147px;
}
.rvw_rating_score .rvw_supplier_logo {
    margin-top: 12px;
}
.rvw_rating_score .rvw_rating_text {
    color: #2d9edf;
    font-size: 19px;
    font-weight: bold;
    margin-top: 40px;
}
.rvw_rating_score .rvw_rating_value {
    color: #2d9edf;
    font-size: 36px;
    font-weight: bold;
    margin-top: 4px;
}
.rvw_frequency {
    color: #7dc7f0;
    font-weight: bold;
    padding: 10px 0;
}
.single-car-ratings-wrapper{
    margin-top: 20px;
}
.rvw_title .rvw_heading, .rvw_reviews_title .rvw_heading {
    color: #787878;
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
}
.rvw_title .rvw_subheading {
    color: #0069a1;
    font-size: 20px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
    float: none;
}
.important-info > h2{
    color: #404040;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding: 0 5px 5px 5px;
    margin: 0;
    line-height: 32px;
}
.important-info .table{
    margin: 0;
}
.important-info .table .title{
    width: 20%;
    font-size: 15px;
    font-weight: bold;
}
.important-info .table td{
    border-bottom: 1px dashed #ccc !important;
    border-top: 0;
    padding: 20px 5px;
}
.important-info .table td h3{
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px;
}
.important-info .table td h3.debitTitle{
    margin: 15px 0 5px;
}

.countdown-panel{
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 15px;
    font-size: 13px;
}
.countdown-panel .countdown-panel-head{
    padding: 20px 30px 20px 70px;
    position: relative;
}
.countdown-panel .countdown-panel-head .fa{
    position: absolute;
    left: 30px;
    top: 20px;
    color: #45AFED;
    font-size: 30px;
}
.countdown-panel .countdown-panel-body{
    background: #ecf7fd!important;
    padding: 20px 30px;
}
.styled div {
    display: inline-block;
    font-size: 20px;
    font-weight: normal; 
    text-align: center; 
    padding:0 10px;   
    color:#45AFEA;  
    vertical-align: middle; 
    margin-top: 10px;
    font-weight: bold;
}
.styled div span{
    font-size: 13px;
    display: block;
    color: #333;
    font-weight: normal;
}

.inline-message.below-average-price {
    background-image: url(https://cdn.rcstatic.com/images/site_graphics/newsite/dollar-tag.svg), none;
    line-height: 1.4;
    background-color: #E3EED9;
    border-right: 5px solid #5A9854;
    margin: 0px 0px 15px;
    padding: 10px 52px 10px 10px;
    font-size: 14px;
    line-height: 16px;
    color: #444;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.inline-message.positive h4 {
    color: #5A9854;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}
.inline-message.positive p{
    margin: 0;
}

.search-again{
    background: #871ff0!important;
    padding: 15px;
    overflow: hidden;
}
.search-again-title h2{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}
.search-again-title p{
    
}
.search-again h4{
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 3px;
}
.search-again button{
    padding: 6px 15px;
    height: auto;
    line-height: normal;
    float: right;
}

#progress {
    overflow: hidden;
    border: 1px solid #ddd;
    background: #eee;
    margin: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 20px;
}
#progress ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #eee;
    list-style: none inside;
}
#progress ul li {
    float: left;
    position: relative;
    width: 20%;
    padding: 0;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background: #eee;
    text-align: center;
    color: #555;
    font-size: 14px;
}
#progress ul li.passed {
    border-top: none;
    background-image: none;
}
#progress ul li a {
    margin: 0;
    width: auto;
    padding: 2px 0 0 0px;
    text-decoration: none;
    cursor: default;
    color: #999999!important;
}
#progress ul li.active {
    border: none;
    background: url(https://cdn.rcstatic.com/images/site_graphics/newsite/step_arrow_right_right.png) no-repeat right center #E4E4E4;
}
#progress ul li.active .before {
    content: '';
    display: block;
    float: left;
    height: 30px;
    width: 20px;
    background: url(https://cdn.rcstatic.com/images/site_graphics/newsite/step_arrow_left.png) no-repeat right center;
    margin: 0 -20px 0 0;
    padding: 0;
}
#progress ul li.next {
    border: none;
    background: url(https://cdn.rcstatic.com/images/site_graphics/newsite/step_arrow_right.png) no-repeat right center;
    background-color: #eee;
}
#progress ul li.last.next {
    background: #eee;
}

.booking__headerList {
    padding: 0;
    margin: 0;
    list-style: none;
}
.booking__headerItem {
    float: left;
    position: relative;
    white-space: nowrap;
}
.booking__headerItem + .booking__headerItem {
    margin-left: 20px;
}
.booking__headerItem .circle {
    width: 22px;
    height: 22px;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    background-color: #d9d9d9;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.booking__headerItem.isActive .circle {
    background-color: #3b7e06;
    color: #ffffff;
}
.booking__headerItem .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.booking__headerItem.isActive .text {
    color: #3b7e06;
}
.booking__headerItem .circle .arrow {
    display: inline-block;
    line-height: 14px;
    vertical-align: top;
}
.booking__headerItem .circle .arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 15px;
    line-height: 18px;
    width: 20px;
    text-align: center;
    display: inline-block;
}
.booking__headerItem .circle .number {
    display: none;
    line-height: 22px;
}


@media (max-width: 575.98px) { 
   

    .topbar-left,
    .topbar-right{
        text-align: center!important;
    }
    .search-form-inner .form-row .btn{
        margin-top: 15px;
    }
    figure.figure-v1,
    figure.figure-v2,
    .offer-info,
    .single-site-feature{
        margin-bottom: 20px;
    }
}
.single-hotel-images {
	
}

.single-hotel-images a img {
	width:100%;
	border-radius: 5px;

}
.hotel-featured-img {
    margin: 0 0 0 0;
    height: 395px;
    overflow: hidden;
    border-radius: 5px;
}
.spe-img img {
	
height: 212px;
}
.spe-img {
	
margin: 0 0 10px 0;
}
.single-hotel-header {
    margin: 0 0 20px 0;
}
.single-hotel-header h1 {
    font-size: 26px;
    font-weight: 600;
    color: black;
    margin: 0 0 3px 0;
}
.section-titlebo h1 {
    font-size: 26px;
    color: #00bdbb;
    display: inline;

    
}
.single-hotel-header p {
    margin: 10px 0 4px 0;
    font-weight: 600;
    color: black;
    font-size: 15px;
}
.single-hotel-header span {}
.single-hotel-header span i {
    color: #ffc107;
    font-size: 14px;
}
.single-hotel-header .single-hotel-name p {
    margin: 2px 0 0 0;
    font-weight: normal;
    font-size: 14px;
    color:black;
}
.hotel-top-links {
    list-style: none;
    margin: 20px 0 20px 0;
    background: #f9f9f9;
    padding: 10px 10px;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 0px 12px -7px #656565;
}
.hotel-top-links ul {}
.hotel-top-links  li {
    display: inline-block;
    padding: 0 0 0 15px;
}
.hotel-top-links  li a {
    color: #656565;
    font-size: 14px;
    text-decoration: none;
}
.hotel-top-links li a:hover {
    color: #FFC107;
    
}
.ins-hotel {
    background: #f3f5f6;
    padding: 20px 20px 20px 20px;
    border-top: 5px solid #00bdbb;
	box-shadow: 0px 0px 3px 1px #dadada;
}
.single-hotel-info,.users-comments {

margin: 20px 0 20px 0;

background: #fff;

padding: 10px 10px 0 15px;

border: 0;

box-shadow: 0px 0px 12px -7px #656565;
}
.single-hotel-info .main-table  {
	
margin: 5px 0 0 0;
	
border-top: 1px solid #eaeaea;
	
padding: 15px 0 0 0;
}
.single-hotel-info .table {
	margin:0
}
.users-comments {
	
padding: 10px 0 30px 0;
}

.single-hotel-info h2, .users-comments h3 {
    font-size: 22px;
    padding: 0 10px 0 0;
    margin: 0 10px 10px 0;
    color: #0bbfbd;
}
.users-comments h3, .single-hotel-info h2 {
padding: 0px 30px 10px 0;
border: 0;
border-bottom: 1px solid #eaeaea;
margin: 0 0 0 0;
position: relative;
right: 0;
}
.users-comments h3::before, .single-hotel-info h2::before {
    content: " ";
    width: 5px;
    height: 22px;
    background: #08a3a1;
    display: inline-block;
    margin: 0 15px 0 5px;
    position: absolute;
    right: 0;
    top: 3px;
}
.single-hotel-info p >span {
    color: #08a3a1 !important;
}
/*.single-hotel-info p >img{*/
/*    background:#313131 !important;*/
/*}*/
.single-hotel-info p {
    /* border-top: 1px solid #eaeaea; */
    padding: 15px 15px 15px 15px;
    line-height: 2;
    font-weight: normal;
    font-size: 13px;
    margin: 0 0 10px 0;
    color: #707e7e;
    
}
.single-hotel-info h2 {
	border-bottom: 1px solid #ededed;
	margin: 0 -10px 0 0;
}
.comment h3 {
	
border: 0;
	
font-size: 14px;
	
color: #5a5a5a;
	
display: inline-block;
	
padding: 0 0 0 0;
	
margin: 0 0 0 0;
}
.comment h3::before {
	display:none;
}
.comment {
    display: inline-block;
    margin: 10px 20px 0 20px;
}
.comment-icon {
    display: inline-block;
}
.comment-icon span i {
    color: #f9bc06;
    font-size: 12px;
}
.comment-body {
    display: inline-block;
}
.comment-body h3{
    font-size:12px;
}
.single-hotel-alert p {
    margin: 0 0 0 0;
    font-size: 14px;
    color: #FFC107 !important;
}
.single-hotel-alert {
    margin: 20px 0 20px 0;
    background: #f9f9f9 !important;
    padding: 10px 10px;
    border: 1px solid #e6e6e6;
    box-shadow: 0px 0px 12px -7px #656565;
}
.single-hotel-alert h2 {
    font-size: 18px;
}
.single-hotel-alert h2 i {
    color: #14d44f;
}
.single-hotel-alert p {}
.our-btn .btn {
	
color: #fff;
	
background: #8f28da;
	
font-weight: 600;
}
.main-table tr th {
	
border: 1px solid #d0d0d0;
	
background: #eee;
	
font-size: 14px;
	
color: #5a5a5a;
}
.main-table tr td {
	
background-color: #f9f9f9;
	
border: 1px solid #d0d0d0;
	
font-size: 14px;
	
font-weight: normal;
	
padding: 15px 10px 0 0;
}
.todayp  h3 {
	
font-size: 18px;
	
color: #27e024;
	
font-weight: 600;
}
.first-tab i {
    color: #f9bc06;
    font-size: 11px;
    margin: 0 0 0 4px;
}
.first-tab a {
    color: #282929;
    font-weight: 600;
}
.first-tab p {
    margin: 5px 0 0 0;
}
.main-table .list-css i {
	
color: #27e024;
}
.property-surr {
	    border: 1px solid #d0d0d0;
	    background: #eee;
	    padding: 10px 15px 10px 15px !important;
}
.property-surr .custom-page-title {
	
font-size: 20px;
	
padding: 5px 20px 10px 0;
	
text-align: center;
	
font-weight: 600;
}
.property-surr thead {
	
color: #616161;
	
background: #e0e0e0;
	
border: 0;
}
.property-surr tr td {
	
background: #f3f3f3;
}
.property-surr table {
}
.single-hotel-features {
	
margin: 20px 0 20px 0;
	
background: #f9f9f9 !important;
	
border: 1px solid #e6e6e6;
	
box-shadow: 0px 0px 12px -7px #656565;
	
padding: 0 0 0 0;
}
.single-hotel-features .custom-page-title {
	
font-size: 20px;
	
padding: 0 15px 0 0;
}
.single-feature {
    margin: 10px 20px 0 0 !important;
}
.single-feature h4 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
    font-size: 16px;
}
.single-feature i {
    background: none !important;
    color: #f9bc06;
    padding: 0 0 0 0px;
    font-size: 14px;
}
.bbk{background-image:url('../images/hotels/jOkS4.134727451 - Copy.jpg');background-size: cover;
    height: 250px;
    background-repeat: no-repeat;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .txt_hover{
        background-color: rgba(243, 243, 17, 0.2);
        padding-top:27%;
        height:100%;
         
    }
    .txt_hover h4{text-align:center;}
@media (max-width: 767px) {
    .users-comments h3, .single-hotel-info h2 {
    padding: 5px 30px 9px 0;
        
    }
    .xxxx p{
        font-size: 15px;

    }
    .section-titlebo h1 {
    font-size: 18px;
        
    }
    .comment {
    display: block;
    }
    .txt_hover{
        padding-top:40%;}
    .single-hotel-info h2, .users-comments h3 {
    font-size: 14px;
        
    }
    figure.figure-v3 figcaption > div h1 {
    font-size: 30px;
        
    }
    figure.figure-v3 figcaption > div p {
    line-height: 29px;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 16px 30px 15px 30px;
        
    }
    figure.figure-v3 {
    padding: 59px 0;
        
    }
   .bor h4 {
    font-size: 18px;
       
   }
   .lt-479 div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p {
    width: 80%!important;
    padding-left: 20%!important;
       
   }
   .footer-top {
    padding: 20px 0;
}
   .section-titlebo img{
       width: 29px !important;
   }
   .h32 a{
    font-size: 22px;
   }
   .phon1{
    margin: 14px 0 17px;

   }
   .phonee p{
    margin-bottom: 2px;

   }
   .hotel-top-links li a{
    font-size: 12px;

   }
     .mySlides img{
       display:none;
    }
    .mySlides{
        height:200px !important;
    }
	.fancybox-toolbar {
		
opacity: 1;
		
visibility: visible;
	}
	.last-shor input {
		
float: right !important;
		
border: 0;
		
text-align: right;
	}
	.last-shor span  {

font-size: 14px;

margin: 0 -2px 0 0px !important;
}
	.single-site-feature {
		
background: #f4f5f9;
		
padding: 15px 15px 5px 0;
		
width: 100%;
		
box-shadow: 0px 0px 3px 0px #b3b3b3;
		
margin: 0 0 10px 0;
	}
	.copyrights {text-align:center} 
	.single-hotel-images a img {
    width: 100%;
    margin: 0 0 10px 0;
}
.payment  {text-align: center;width: 100%;}
.main-table {
	width: 100%;
    overflow: hidden;
}
    .home-offer {
    background: #f4f5f9;
    padding: 60px 80px 60px 60px;
    width: 100%;
    margin: 0 0 0 0;
}
.hotel .hotel-header h1 {
    font-size: 13px;
    margin: 6px 0 20px 0;
    
}
.topbar,.topbar-left {
	text-align:center;
}
.topbar .list-unstyled {
    margin: 0 -5px;
    text-align: center;
}

.nav-item,.nav-item a {
	
/*display: inline-block !important;*/
text-align:center;
}
.navbar ul li {
	/* float: left; */
}
.btn-purple {
	margin: 0 0 15px 0;
}
}
.pics_lib{
    padding:5px 5px 5px 3px;
    background:#00bdbb;
    color:white;
    border-top-left-radius: 10px;
    border-top-right-radius:10px; 
    margin-bottom: 20px;
    visibility: visible;
    animation-duration: 2s;
    animation-name: fadeInUp;
}
.col_lib{
    border:1px solid lightgray;
       border-radius: 10px;
      margin-bottom:20px;
}
@media (max-width: 530px) {
    
    .hid-x {
        display:none;
    }
    .bor h4 {
    font-size: 16px;
        
    }
}
/*ipad*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .dooo{display:none;}
     .col_lib{margin-right:3%;}
     .col_lib img{height:200px;}
     .hamburger{display:none !important;}
     .p22{
         width:94%;
     }
     .seaa{margin-top:80px;}
     .sectionnew {margin-top:40px;}
}
/*ipad pro*/

@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .col_lib{margin-right:3%;}
    .sectionnew {margin-top:40px;}
}
/* large labs */

@media (min-width: 1200px) {.col_lib{margin-right:3.3%;}
    .navbar-brand img{height:312px;}
    /*.h32{margin-top:70px;}*/
}
@media (max-width: 570px) {
    .bor h4 {
    font-size: 16px;}
    
    .navbar-toggler {
    	
padding: 1px 5px;
    	
font-size: 1.25rem;
    	
line-height: 1;
    	
background-color: #ffc107;
    	
border: 0;
    	
border-radius: .25rem;
    }
    .navbar-toggler-icon {
    	color:#fff;
    }
    .home-offer {
    background: #f4f5f9;
    padding: 20px 0 20px 0;
    width: 100%;
    margin: 15px 0 0 0;
    box-shadow: 0px 0px 5px 2px #cecece;
}
.offer-info pre {
    font-family: 'JF Flat';
    font-style: inherit !important;
    font-size: 13px !important;
    font-weight: 500;
    margin: 0 0 15px 0;
    display: block;
    overflow: hidden;
    background: #ececec;
    padding: 10px 15px 10px 15px;
    text-align: center;
}
.home-offer h1 {
	
font-size: 24px;
	
margin: auto !important;
	
display: block;
	
text-align: center;
	
margin-bottom: 20px !important;
}
.home-offer .offer-info p {
    color: #888888;
    line-height: 24px;
    font-size: 13px;
}
}
.form-row select {
	padding: 0 0 0 0;
	outline: 0;
	margin: 0 0 0 0px;
	font-size: 14px;
	width: auto;
	background: #fff;
}
.form-row .btn-group .btn  {
	  display: none;
}
.newcla select {
	margin: -5px -38px  0 0;
	background: none !important;
	outline: 0;
}
.dropdown-menu {
	left:auto !important;
}
.slide .carousel-item {
	height: 400px !important;
}
.slide .carousel-item a img {
	width: 100% !important;
	height: 500px !important;
}
.div-padding {
	background: #fbfbfb;
	border-top: 5px solid #8f28da;
	margin: 30px 0 0 0;
	padding: 25px 15px 25px 15px;
	box-shadow: 0px 0px 3px 1px #dadada;
}
.div-padding .list-group-item {
	
background: #8f28da;
	
color: #fff;
	
width: 170px;
}
.regsec {
	background: #fbfbfb;
	margin: 0 0 30px 0;
	padding: 15px 35px;
	box-shadow: 0 2px 3px 1px #dadada;
	border-top: 5px solid #1cb0f2;
}
.regsec .user-form-wrap .form-control,.regsec .user-form-wrap .btn {
	
width: -webkit-fill-available;
}
.regsec .form-group {
	
display: inline-block;
	
width: 46%;
	
margin: 0 0 50px 20px;
	
position: relative;
}
.section-titlebo {
    border-right: 8px solid #00bdbb;
    padding: 0 15px 0 0;
}

.section-titlebo h1 i {
    color:#FFC107;
    margin-left: 6px;
}
.section-titlebo p {
    margin: 0px 26px 30px 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #656565;
}
.datepicker  {
	
padding: 20px 30px;
}
.datepicker-switch {
	color:#871ff0;
}
.search-form-inner .btn-warning {
	
display: block;
	
width: 100% !important;
	
margin: 15px 0 0 0;
}
.hotel-img img {
    width: 100%;
}
.title-hagz {
    
}
.title-hagz h2 {
    color: #000;
    margin: 60px 15px 30px 0;
    font-size: 20px;
    font-weight: bold;
}
.info-hagz {
    padding: 3px 10px 5px 0;
    box-shadow: 0px 1px 8px 0px #dadada;
    background: #f7f7f7;
}
.info-hagz h2 {
    color: #45a9f9;
    font-size: 25px;
    margin: 10px 0;
    display: inline-block;
}
.rate-hagz {
    margin: 0 10px 20px 0;
    color: #f6be2d;
    display: inline-block;
}
.booking-info select {
    width: 20%;
    display: inline-block;
    margin: 0 26px 0 0;
    background: #fff;
    color: #131212;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
}
.booking-info p {
    font-size: 13px;
    margin: 0 0 15px 0;
    /* text-align: center; */
}
.booking-info strong {
    display: inline-block;
    margin: 0 0 1px 10px;
    color: #000000;
}
.booking-info input {
    border: 0;
    padding: 5px 10px;
    margin: 0 0 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    border: 0;
    background: #f7f7f7;
    cursor: default;
}
.rate-hagz i {
    color:#ccc
}
.alert-hagz {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px 10px;
    margin-bottom: -24px;
    border: 1px solid #fff5c3;
    font-size: 15px;
}
.all2 {
	    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 20px 10px;
    margin-bottom: 20px;
    border: 1px solid #fff5c3;
    font-size: 16px;
}
.price-hagz {
    padding: 0 10px 10px 0;
    box-shadow: 0px 1px 8px 0px #dadada;
    background: #E8EFF7;
    margin: 30px 0 10px 0;
}
.order-sum {
    color: #383838;
    border-bottom: 0;
    padding: 20px 8px;
    margin: 0 -10px 10px  0;
    font-size: 12px;
    background: #d9e7f7;
}
.prinew .order-sum {
	    color: #383838;
	    border-bottom: 0;
	    padding: 19px 8px;
	    margin: 0 -10px 10px  0;
	    font-size: 12px;
	    background: #d9e7f7;
}
.order-sum p {
    margin: 0;
    font-size: 16px;
}
.order-total p {
    margin: 9px 0 10px  10px;
    font-size: 16px;
}
.order-total .regular-text {
    color: #a0a1a1;
    font-family: Tahoma;
    font-size: 12px;
}
.shorot {
    padding: 0 10px 0px 0;
    box-shadow: 0px 1px 8px 0px #dadada;
    background: #f7f7f7;
    margin: 25px 0 15px  0;
}
.shorot p {
	
margin: 0 0 0 0;
	
padding: 15px 10px 30px 15px;
}
.shorot p a {
	color:#000;
}
.shorot p a span {
	color:#9328cb;
	margin: 0 5px;
}
.btn-sa {display: block;width: 100%;float: left;text-align: left;margin: 20px 0 10px 31px;}
.btn-sa .btn-sub-wa {
	color: #fff;
	background: #48b41b;
	font-size: 24px;
	padding: 0 15px;
	margin: 0 0 0 0;
	height: auto;
}
.btn-sa .btn-sub {
	background: #ffc107;
	color: #fff;
	font-weight: bold;
}
#show_error_membername {
	
position: absolute;
	
bottom: -30px;
}
.shorot h4 {
    color: #383838;
    background: #E8EFF7;
    border-bottom: 1px solid #E2E4E6;
    margin: 0 -10px 0 0;
    padding: 20px 10px 20px 0;
    font-size: 16px;
    text-align: center;
    direction: rtl;
}
.shorot label{
    margin: 20px 0 8px 0;
    font-size: 15px;
}
.shorot h4 i {
	
margin: 0 0 0 5px;
}
.shorot .form-control {
    text-align: right;
    padding: 10px 10px 10px 0;
    margin: 0 0 0 10px;
    width: 97%;
    font-size: 15px;
}
.footer-bottom .form-control{
    border: 1px solid #00bdbb !important;

    
}
.shorot #pay_way {
    text-align: right !important;
    height: auto;
}
.last-shor span {
    margin: 0 0 0 0px;
}
.last-shor input {
    float: right !important;
    border: 0;
    text-align: right;
    margin: 6px 0  0 0;
}
.last-shor .btn {
    color: #fff;
    background-color: #f6be2d;
    border-color: #f6be2d;
    font-size: 17px;
    font-weight: bold;
    margin: 15px 0 5px 13px;
    float: left;
}
.email-confirm p {
    margin: 10px -10px 0 0;
    color: #828282;
    background: #e2e2e2;
    border-top: 1px solid #E2E4E6;
    padding: 10px 10px 10px 0;
    font-size: 14px;
    text-align: center;
    direction: ltr;
}
.email-confirm p i {
	margin:0 0 0 5px;
}
.consec {
    background: #f9f9f9;
    border-top: 5px solid #00bdbb;
	padding: 20px 0;
	box-shadow: 0px 0px 3px 1px #dadada;
}
.consec .row {
	
margin: 0 0 0 0;
}
.consec .btn-success,.btn-success {
	border-radius: 4px;
	height: 50px;
	color: #fff;
	background-color: #00bdbb;
	width: auto;
	border: 0;
	padding: 0 50px;
	float: left;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.btn-success:hover {
    
    background-color: #0dd2d1;
    box-shadow: -7px 4px 10px #d9d8b8;
    
}
.section-titlecon {
    padding: 0  10px 15px 0;
    border-bottom: 1px solid #ccc;
    text-align: right;
}
.section-titlecon h1 {
    font-size: 18px;
    margin: 0 0 0 0;
    background: #dfa806;
    color: #fff;
    width: 170px;
    text-align: center;
    padding: 13px 0;
    border-radius: 4px;
     -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.section-titlecon h1:hover{
    background: #ffc107;
}
.hidclass {
	
background: #fbfbfb;
	
margin: 60px 0 0 0;
	
border-top: 4px solid #9324c2;
	
text-align: center;
	
box-shadow: 0px 0px 3px 1px #dadada;
}
.panel-heading {
	
margin: 20px 15px 25px 0;
}
.panel-heading h3 {
	
background: #8f28da;
	
color: #fff;
	
width: 170px;
	
font-size: 18px;
	
padding: 14px 0;
	
border-radius: 4px;
	
margin: auto;
}
.panel-titless {
	
margin: 30px 30px 25px 0;
	
font-size: 20px;
}
.hidclass tr td .btn  {
	background: #9324c2;
	color: #fff;
}
.hidclass tr td,.hidclass tr th {
	
font-size: 14px;
	
padding: 10px 18px 10px 20px;
}
@media (max-width:1199px) {
 
	.regsec .form-group {
    display: inline-block;
    width: 30%;
    margin: 0 0 50px 20px;
}


	.regsec {
    background: #f9f9f9;
    max-width: 100%;
    padding: 40px 35px;
    box-shadow: 0 2px 3px 1px #dadada;
    margin: 0 0  30px 0;
}
.navbar-light .navbar-nav .nav-link {
    color: #424242;
    font-weight: bold;
    font-size: 15px;
    padding: 0 3px;
}
}
@media (max-width:991px) {

	.page-intro .col-md-6 {
		
max-width: 100%;
	}
	.filter-form .form-group .radio label input[type="radio"] {
		
margin: 4px 0 0 0;
	}
	.filter-form .form-group .radio label {
		
display: block;
		
margin-bottom: 6px;
		
color: #818181;
		
font-size: 12px;
	}
	.filter-form .form-group i {
		
font-size: 8px;
		
margin: 0 0 0 0;
	}
	.find-deals-widget select {
    width: 100%;
    margin: -6px -8px 0 0;
    display: block;
}
	.find-deals-widget label {
    color: #ffc107;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 5px 10px 30px;
}
	.find-deals-widget > h2 {
    color: #00bdbb;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0px 10px;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px 0;
    text-align: center;
}
	.hotel .hotel-header h3,.single-hotel-header p {
    color: #484848;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0 !important;
}
	.hotel .hotel-reviews p:last-child {
		
height: 65px;
		
overflow: hidden;
	}
	.prinew .order-sum {
    color: #383838;
    border-bottom: 0;
    padding: 23px 8px;
    margin: 0 -10px 10px 0;
    font-size: 12px;
    background: #d9e7f7;
}
	.order-sum p {
    margin: 0;
    font-size: 14px;
}
	.booking-info select {
    width: 27%;
    display: inline-block;
    margin: 0 0px 0 0;
    background: #fff;
    color: #131212;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
}
	.info-hagz h2 {
    color: #45a9f9;
    font-size: 20px;
    margin: 10px 0;
    display: inline-block;
}
	.all2 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 20px 10px;
    margin-bottom: 20px;
    border: 1px solid #fff5c3;
    font-size: 14px;
}
	.hagz .alert-success {
    position: absolute;
    width: 269px;
    left: 31px;
    top: 45px;
    color: #000;
    background-color: #fcf8e3;
    border-color: #fcf8e3;
}
	.box-body .form-group {
    display: inline-block;
    width: 54% !important;
}
.box-body .form-group .col-sm-9 {
	
max-width: 90%;
}
	.social-contact .list-unstyled {
    margin-top: 20px;
    text-align: center;
}
	.user-form-wrap a {
    width: 33% !important;
    display: block;
	}
	.regsec .form-group {
    display: inline-block;
    width: 46.6%;
    margin: 0 0 50px 20px;
}
	figure.figure-v1 {
		
margin: 0 0 16px 0;
	}
	.copyrights p {
		
float: none;
	}
	.offer-info h1 {
		
font-size: 16px;
	}
		.home-offer-img {display:none}
	.home-offer-img2 {
		display: block !important;
	}
	.search-form-inner {
    position: relative;
    padding: 25px 9% 40px 8%;
}
	.navbar-brand {
    margin: 0 0 0 0;
    margin: auto;
}
	.navbar-light .navbar-text {
		
width: 100%;
		
margin: auto;
		
text-align: center;
	}
	.navbar-nav {
    text-align: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    width: 100%;
}
	.navbar-nav li {
    display: inline-block;
}
	.navbar-nav li a {}
	.newsletter form {
		margin:auto
	}
	.newsletter .mb-3, .newsletter .my-3 {
		margin:0 !important;
	}
	.newsletter {
    text-align: center;
}
	.social-contact {
    text-align: center !important;
}
	.copyrights {text-align:center;border-top: 0;} 
.payment  {text-align: center;width: 100%;padding: 0 0 0 0;margin: 0 0 0 0;}
	.search-form-inner .form-row>div label {
    font-size: 12px;
    color: black;
    font-weight:bold;
}
	.secserfor {
    position: relative;
    display: inline-block;
    width: 26.9% !important;
    margin: 15px 0 0 9px;
}
	.regsec {
    background: #f9f9f9;
    padding: 5px 35px;
    box-shadow: 0 2px 3px 1px #dadada;
    margin: 20px 17px 15px 0;
    max-width: 91%;
    overflow: hidden;
}
.user-form-wrap {
	
}
.user-form-wrap .btn {
	width: 100% !important;
}
.btn-social.btn-lg {
    padding-left: 0;
    padding: 6px 10px 0 0;
    color: #fff !important;
    font-size: 16px;
    height: 43px;
}
}
	.home-offer-img2 {
		display:none;
	}
@media (max-width:768px) {
    .search-form-title{display:none;}
    
	.destination-box-lg .dest-thumb {
    width: auto;
    height: 190px;
    float: right;
    overflow: hidden;
}
	.section-titlesss h1 {
		
font-size: 18px !important;
	}
	.box-body .form-group {
    display: inline-block;
    width: 48% !important;
}
	.first-tab p,.first-tab a {
    margin: 5px 0 0 0;
    font-size: 12px;
}
	.navbar-text {display:none}
	.find-deals-widget select {
		
width: 100%;
	}
	.find-deals-widget select:first-child {
		width:auto;
	}
	.find-deals-widget .form-group {
    margin: 10px 0 20px 0;
    padding: 0 10px 0 10px;
}
	.find-deals-widget .form-options {
		
margin: 28px 0  0 0;
		
padding: 4px 10px 1px 0;
	}
	.filter-form .form-group {
		
display: block;
		
margin: 0 0 20px 0;
	}
	.hotel .hotel-tags a {
    background: #871ff0;
    color: #f4f4f4;
    border-radius: 4px;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
}
.hotel-tags {
	
margin: 0 0  15px 0;
}
	.hotel {
		height:auto;

	}
	.hotel .hotel-thumbnail img {
    width: 100%;
    /*height: 50%;*/
}
.imgclass .hotel-thumbnail{
    height: 150px;
}
	.filter-form-title img {
    padding: 0 0 0 6px;
    width: 6%;
}
	.page-header.style-2 h5 {
    margin: 5px 0 0 0;
    font-size: 13px;
    font-weight: normal;
}
	.page-header.style-2 span {
    color: #ffc107;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 0 0;
}
	.last-shor .btn {
		float:left;
		margin: 25px 0 15px 16px;
	}
	.booking-info strong {
    display: inline-block;
    margin: 0 0 1px 20px;
    color: #000000;
}
	
	.home-offer-img {display:none}
	.home-offer-img2 {
		display:block;
	}
	
.user-form-wrap {
	padding: 0 0 0 0;
}
.booking-info {
	
margin: 25px 0 0 0;
	
text-align: right;
}
.alert-hagz {
	margin: 15px 0  15px 0;
}
.hidclass tr th:nth-child(1),.hidclass tr th:nth-child(3),.hidclass tr th:nth-child(4),.hidclass tr th:nth-child(6),
.hidclass tr th:nth-child(7),.hidclass tr th:nth-child(8),.hidclass tr th:nth-child(9),.hidclass tr th:nth-child(10) {
	display:none;
}
.hidclass tr td:nth-child(1),.hidclass tr td:nth-child(3),.hidclass tr td:nth-child(4),.hidclass tr td:nth-child(6),
.hidclass tr td:nth-child(7),.hidclass tr td:nth-child(8),.hidclass tr td:nth-child(9),.hidclass tr td:nth-child(10) {
	display:none;
}
.form-row {
        margin: 5px 6px;
}
.social-contact {
    text-align: center !important;
}
.social-contact .list-unstyled {
    margin-top: 20px;
}
.newsletter {
    text-align: center;
}
	.newsletter form {
		margin:auto
	}
	.newsletter .mb-3, .newsletter .my-3 {
		margin:0 !important;
	}
.slide .carousel-item {
    height: 170px !important;
}
.slide .carousel-item a img {
    width: 100% !important;
    height: 258px !important;
}
.hidclass tr td, .hidclass tr th {
    font-size: 12px;
    padding: 10px 30px 10px 41px;
}
.langnew {
	
}

.secserfor {
    position: relative;
    display: inline-block;
    width: 27.9% !important;
    margin: 15px 0 10px 10px !important;
}
.navbar-nav,#sidebarCollapse{
	display:none;
}
.navbar-brand {margin: 0 0 0 0;margin: auto;}
.navbar-brand img {}
.find-deals-widget > h2 img {
    padding: 0 0 0 6px;
    width: 7%;
}
.page-header.style-2 {
    padding: 10px 0 13px 0;
    color: #fff;
    text-transform: uppercase;
}

}


/*.navbar  {border-bottom: 2px solid #18232d;}*/
.langnew {border:0 !important}
.box-footer .btn {background: #8f28da;border: 0;margin: 30px 0 0 0;text-align: center;width: 170px;padding: 12px 0;}
.box-footer {
	
text-align: left;
}
.secserfor {
	
position: relative;
	
display: inline-block;
	
width: 30.9%;
	
margin: 15px 0 0 9px;
}
.offer-info h2 {}
.offer-info span {}
.offer-info ul {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.offer-info ul li {
    background: #efefef;
    padding: 6px 5px;
    margin: 10px 0;
}
.offer-info pre {
    font-family: 'JF Flat';
    font-style: inherit !important;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 15px 0;
    display: block;
    overflow: hidden;
    background: #ececec;
    padding: 10px 15px 10px 15px;
    text-align: center;
}
.offer-info cite {
    font-family: 'JF Flat';
}
#div_msg {

margin: 0 0 0 0;

padding: 6px 10px 0 10px;
}
#div_msg #spn_msg {
	
color: #ffc107 !important;
	
font-weight: bold;
	
font-size: 14px;
	
/* padding: 6px 19px 11px 10px; */
}


/******* navbar for mobile ****/
.hamburger {
    position: relative;
    float: left;
    top: 9px;
    z-index: 9999999;
    display: block;
    width: 30px;
    height: 37px;
    margin-left: 13px;
    background: transparent;
    border: none;
    right: 0;
    transition: all .4s ease-in-out;
    cursor: pointer;

}
.hamburger2  {
      position: absolute;
      top: 5px;
      z-index: 9999999;
      display: block;
      width: 25px;
      height: 31px;
      margin-right: 145px;
      background: transparent;
      border: none;
      right: 0;
      transition: all .4s ease-in-out;
      cursor: pointer;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    position: absolute;
    right: 0;
    height: 3px;
    width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: white;
}
.hamburger.is-closed .hamb-top {
    top: 8px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
    top: 52%;
    margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
    bottom: 7px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
    top: 9px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
    bottom: 8px;
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: black;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
}
.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}
.hamburger.is-open .hamb-middle {
    display: none;
}
.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}
.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}
#wrapper ul li a {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    flex-wrap: nowrap;
}

#wrapper ul {
  
list-style: none;
  
margin: 0 0 0 0;
  
padding: 0 0 0 0;
}
#wrapper ul li {
    border-bottom: 2px solid white;
    padding: 10px 10px 10px 0;
    flex-wrap: nowrap;
}
#wrapper ul li:hover {
	background: #eee;

}

#wrapper ul li:hover a {
		color:black;
}
    
    #wrapper {
        padding-right: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #wrapper.toggled {
        padding-right: 260px;
    }
    #sidebar-wrapper {
        position: absolute;
        z-index: 9999999999;
        /*right: 200px;*/
        width: 0;
        height: 100%;
        margin-left: -200px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #313131;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        padding: 100px 0 0 0;
    }
    #sidebar-wrapper:: -webkit-scrollbar {
        display: none;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }
    #content {
    }
    .mobb {
        overflow: hidden;
        transition: all .4s ease-in-out;
    }
    #wrapper.toggled .hamburger {
        margin-left: 150px;
        top: 15px;
    }
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(250, 250, 250, .8);
    z-index: 99999;
}
.hamburger  P {
    color: #fff;
    position: absolute;
    left: -123px;
    top: 7px;
    font-size: 14px;
}
.navnar-mobile {
    width: 100%;
    margin: -127% 0 0 0;
}
.navnar-mobile ul li {}
.nav-mob {display:none}
	.disay1 {
		display:none
	}
	.disay2 {
		display:block
	}
@media (max-width:768px) {
    .search-form-title{display:none;}
   
	.disay1 {
		display:block
	}
	.disay2 {
		display:none
	}
	.destination-box-lg .dest-thumb img {
    width: 100%;
    height: 100%;
}
	.find-deals-widget .form-options p {
    color: #3c3b3a;
    display: inline-block;
    margin: 0 0 0 30px;
    font-weight: 700;
    vertical-align: middle;
    font-size: 12px;
}
	.imghiddd {
		display:none;
	}
	.user-form-title {
		
font-size: 15px;
	}
	.box-body .form-group {
    display: inline-block;
    width: 100% !important;
}
.box-body .form-group .col-sm-9 {
	
max-width: 100%;
}
	.regsec .form-group {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px 20px;
}
	.nav-mob {display:block}
}
.starterdfd {
    margin: 60px 0 0 0;
    padding: 0 0 0 0;
}
.starterdfd h1:first-child {
	
background: #1cb0f2;
	
color: #fff;
	
width: 170px;
	
font-size: 18px;
	
padding: 14px 0;
	
border-radius: 4px;
	
margin: auto;
}
.starterdfd .lead {
	
background: #fbfbfb;
	
border-top: 5px solid #1cb0f2;
	
margin: 10px 0 0 0;
	
padding: 15px 10px 25px 10px;
	
box-shadow: 0px 0px 3px 1px #dadada;
	
font-size: 16px;
	
word-break: unset !important;
}
.alltitpag {
    margin: 10px 0 0  0;
}
.alltitpag h1 {
    background: #1cb0f2;
    color: #fff;
    width: 170px;
    font-size: 19px;
    text-align: center;
    padding: 14px 0;
    border-radius: 4px;
    margin: auto;
}
.conbag {
	background: #fbfbfb;
	border-top: 5px solid #1cb0f2;
	margin: 30px 0 0 0;
	padding: 30px 15px;
	box-shadow: 0px 0px 3px 1px #dadada;
}
.section-titlecun {

text-align: center;

margin: 0 0 20px 0;
}
.section-titlecun h1 {
    background: #8f28da;
    color: #fff;
    width: 170px;
    font-size: 19px;
    text-align: center;
    padding: 14px 0;
    border-radius: 4px;
    margin: auto;
}
.section-titlecun p {
    margin: auto;
    width: 170px;
    font-weight: bold;
    padding: 5px 0 0 0;
}
.cuntitt {
    background: #fbfbfb;
    border-top: 5px solid #8f28da;
    margin: 30px 0 0 0;
    padding: 30px 15px;
    box-shadow: 0px 0px 3px 1px #dadada;
}
.box-body {
    background: #fbfbfb;
    border-top: 5px solid #8f28da;
    margin: 60px 20px 0 20px;
    padding: 15px 10px 25px 10px;
    box-shadow: 0px 0px 3px 1px #dadada;
}
.div-padding .box-body {
    background: #fbfbfb;
    border-top: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.box-body .form-group {
    display: inline-block;
    width: 33%;
}
.box-body .form-group label {
    width: 100%;
    max-width: 100%;
}
.box-body .form-group .col-md-9 {}
.box-body .form-group input{
    background-color: #fff;
    width: 100%;
}
.section-titlesss {
	
border-bottom: 1px solid #efefef;
	
margin: 0 -10px 10px -13px;
}
.section-titlesss h1 {
    color: #1cb0f2 !important;
    font-size: 26px;
}
.section-titlesss p {
    font-size: 13px;
}
.hiddd {
	display:none;
}
@media (max-width:300px){
 
	.navbar-brand img {width: 70%;margin: 0 55px 0 0;}
	.hotel-top-links li a{
	  font-size: 8px;

	}
	.bor h4 {
    font-size: 16px;}
}
.text-photos {
	text-align:right
}
.text-photos h3 {

margin: 0 0 15px 0;

font-weight: bold;

font-size: 20px;

border-bottom: 1px solid #000;

padding: 0 0 15px 0;

display: inline-block;
}
.text-photos p {
	
margin: 0 0 30px 0;
	
font-size: 15px;
	
padding: 0 0 0 0;
}
 .btn-purple{
     background-color:#1cb0f2 !important;
 }
 
 .single-hotel-info .types{
     margin-bottom:30px;
 } 
 .single-hotel-info .types img {
    width: 100%;
    height: 200px;
    border-radius: 5px;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-color: lightgray;
    object-fit: cover;

 }
 
@media (max-width:425px){
   .sectionnew {padding-top:0px;}
   .hamburger{
       /*top:90px;*/
       /*right:10px;*/
   }
    .navbar-brand img {
    position: relative;
    /*top: 55px;*/
}
.bor h4 {
    font-size: 16px;
    
}
    
}