@charset "UTF-8";
/* CSS Document */

body{font-family: 'Work Sans', sans-serif; background: #fafafa;}
.btn.btn-default{ background:#4c4c4c; border:0; color:#fff; padding:10px 0px; font-size:16px; font-weight:300; text-transform:uppercase; width:130px; border-radius: 0; margin-top: 25px; }
.btn-primary{background:#a1446e; color:#fff; padding:10px 0px; font-size:16px; font-weight:300; text-transform:uppercase; border-radius: 0; margin: 0; border: 0; width: 200px;}
.btn-primary:hover{background:#bc5b87;}
.container{ position:relative;}
/*Booking Wrap*/
.booking-wrap{ background: rgba(0, 0, 0, 0.5); padding:20px 40px; width:97%; position:absolute; bottom:0; color:#fff;}
.booking-wrap h2{ font-size:22px; font-weight:600; margin:0;}
.booking-wrap h5{ font-size:16px; font-weight:300; margin:5px 0 0;}
.booking-wrap p{ font-size:14px; font-weight:400; margin:0 0 5px;}
.booking-wrap .fa{ margin-right:5px; font-size:16px;}
.booking-wrap p a{color:#fff;} 

.white-popup {
    position: relative;
    background: #e0e0e0;
    padding: 25px 30px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    transition: 1s all;
}
.white-popup input:: placeholder {
    color: #444 !important;
    font-size: 1.4rem;
    font-weight: 500 !important;
}



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	h1{font-size:40px;}
	.navbar-wrapper .container{ width:970px;}
	#navbar{ padding-top:35px; }
	.navbar .navbar-brand img{width:190px;}
	.navbar .navbar-nav li{ padding: 0px 15px;}
	
	.booking-wrap h2{ font-size:28px; font-weight:600; margin:0;}
	.booking-wrap h5{ font-size:18px; font-weight:300; margin:5px 0 0;}
	.booking-wrap p{ font-size:16px; font-weight:400; margin:0 0 5px;}
	.booking-wrap .fa{ margin-right:5px; font-size:18px;}
	footer{ padding:40px 0 0;}
	footer h2{ margin-top:0;}
	.facilities-block{ margin-top:0;}
	.widget{margin-bottom:20px; margin-top:0;}
}

/*Booking Wrap*/
.booking-wrap{ background: rgba(0, 0, 0, 0.5); padding:20px 40px; width:97%; position:absolute; bottom:0; color:#fff;}
.booking-wrap h2{ font-size:22px; font-weight:600; margin:0;}
.booking-wrap h5{ font-size:16px; font-weight:300; margin:5px 0 0;}
.booking-wrap p{ font-size:14px; font-weight:400; margin:0 0 5px;}
.booking-wrap .fa{ margin-right:5px; font-size:16px;}
.booking-wrap p a{color:#fff;} 

.offer-header {
    width: 36px !important;
    left: -48px !important;
    margin-top: -3px !important;
    background: unset !important;
}

/*Header*/
.navbar-wrapper{ position:absolute; width: 100%; left: 15px;}  
.navbar-inverse{ background: rgba(0,0,0,0.5); border:0; height:55px;}
.navbar .navbar-brand{ padding:0; margin-left: 20px;}
.navbar .navbar-brand img{width:100px;}
.navbar-inverse .navbar-toggle{ border:0; margin-top:14px; margin-right:0;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ border:0; background:none;}

.navbar-inverse .navbar-nav>li>a{ color:inherit;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ color:#ff7fad; background:none;}

.main-banner{ position: relative; background: url(../images/slider1.jpg) no-repeat center; background-size: cover; width: 100%; height:250px; }

p.main-txt{ text-align: center; font-size: 14px; color: #6f6f6f; line-height: 24px; margin: 30px 30px;}
p.main-txt span { color: #6d103e; font-size: 22px;}

h1{ color: #6d103e; font-size: 28px; line-height: 1; margin: 50px 0 10px; }

.hotel-wrap{ border: 1px solid #bbbaba; background: #fff; padding: 0 23px; margin-bottom: 45px;}
.hotel-wrap img.hotel-img{border: 1px solid #bbbaba; padding: 5px; margin-top: -15px; background: #fff; margin-bottom: 5px;}

.offer-wrap{position: relative; margin-bottom: 45px;}
.offer-txt{ }
.offer-wrap .grey-txt{ background: #4c4c4c; padding: 25px 25px; color: #fff;}
.offer-wrap .grey-txt h2{font-size: 28px; font-weight: 300; line-height: 1; margin: 0 0 5px;}
.offer-wrap .grey-txt small{font-size: 14px; font-weight: 400; line-height: 1.4; margin: 0 0 10px; display: block; color: #b1b1b1;}
.offer-wrap .grey-txt p{line-height: 1.4; margin: 0 0 0px; }
.offer-wrap .btn-primary{ width: 100%;}
.offer-wrap .offer1{background:url(../images/offer1.jpg) no-repeat center; background-size:cover; height: 400px;}
.offer-wrap .offer2{background:url(../images/offer2.jpg) no-repeat center; background-size:cover;  height: 400px;}

.reviews-wrap{ background:#92305a; padding: 25px 30px 40px; color: #fff; margin: 0px 0 45px; }
.reviews-wrap h1{ color: #fff; text-align: center; margin: 0; padding: 0 0 10px; font-size: 32px; text-transform: uppercase; font-weight: 400;  }  
.reviews-wrap h4{ font-weight: 400; font-size: 16px;}
.reviews-wrap a{color: #FB0000; font-style: italic;}

.gallery-wrap [class^="col-"]{ position: relative; margin-bottom: 30px;}
.gallery-wrap .gallery1{background:#000 url(../images/image5.jpg) no-repeat center; background-size:cover; height: 300px; }
.gallery-wrap .gallery2{background:#000 url(../images/image3.jpg) no-repeat center; background-size:cover; height: 300px; }
.gallery-wrap .gallery3{background:#000 url(../images/image4.jpg) no-repeat center; background-size:cover; height: 300px; }
.gallery-wrap .btn-primary{ position: absolute; display: inline-block; background: #fff; width: auto; padding: 10px 10px; color: #a1446e; text-transform: none; font-size:14px; font-weight: 400; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); }

/*Footer*/
footer{ background:#000 url(../images/footer-bg.jpg) no-repeat center; background-size:cover; padding:0px 0 0; margin:20px 0 0; position:relative;}
footer h2{ font-size:16px; line-height:1; color:#fff; margin:30px 0 10px; padding:0; font-weight:400;}
footer ul{ margin:0; padding:0; list-style:none;}
footer ul li { margin:0 0 10px; padding:0; font-size:14px; line-height:1; color:#fff; font-weight:300;}
footer ul li a{ color:#fff;} 
footer ul li a:hover{ color:#fff;} 
footer h3{ font-size:14px; line-height:18px; color:#fff; margin:0 0 15px; padding:0; font-weight:400;}
footer p{ font-size:13px; line-height:20px; color:#fff; margin:0 0 15px; padding:0; font-weight:300;}
footer .row > .col-md-6{ padding-top:40px;}
footer strong{font-weight:500;}

footer .social { margin-top:18px;}
footer .social a{ font-size:20px; line-height:1; color:#fff; padding:0 0px 0 0; margin-right:5px;}
footer .social a .fa{border:2px solid #fff; border-radius:50%; width:32px; height:32px; text-align:center; display:table-cell; vertical-align:middle; } 
footer .social a:hover{ text-decoration:none;}
footer .social a:nth-of-type(3), footer .social a:last-of-type {font-size:18px;}
footer .rights{position:relative; margin:30px 0 0px; padding:13px 0 7px; }
footer .rights:before{ content:''; position:absolute; border-top:1px solid #747474; border-bottom:1px solid #4e4e4e; width:100%; top:0;}
footer .rights p{ margin:0; padding:0;font-size:12px; line-height:1; color:#fff; text-align:center; margin-bottom:7px;}
footer .rights p a{ color:inherit;}
.map{ width:100%; height:230px;}
footer .form-control{ background:rgba(255, 255, 255, 0.1); border:1px solid #585858; color:#fff;}
footer .btn.btn-primary{ width:auto;}
.m-t-0{ margin-top: 0;}
.m-t-4{margin-top:4px;}
.m-t-20{ margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-80{ margin-top:80px;}
.m-b-45{ margin-bottom: 45px;}
.p-xs-l-40{ padding-left:40px;}
.p-xs-l-20{ padding-left:20px;}

/* Media Queries */
@media (min-width: 360px) {
	.navbar .navbar-brand img{width:120px;}
	.navbar-inverse .navbar-toggle{ margin-right:15px;}
	.main-banner{ height: 350px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.container{margin: 0 auto;}
	
/*Header*/
.navbar-inverse{height:75px;}
.navbar-wrapper{}
.navbar .navbar-brand img{width:160px;}
#navbar{ padding-top:10px; }
.navbar .navbar-nav{ margin-top:6px; float:right; margin-right: 10px;}
.navbar .navbar-nav li{text-transform:uppercase; color:#fff; font-size:14px; line-height:1; font-weight:400; padding: 0px 10px;}
.navbar .navbar-nav li a{transition:all 0.25s ease-in-out; padding:0 0 7px;}
.navbar .navbar-nav li a:hover{ color: #ff7fad; }
#navbar .call{ float:right; background:#ae497b; font-weight:400; font-size:14px; line-height:1; color:#fff; padding:8px 25px;}

.main-banner{ height: 520px;}
	
.offer-txt{ position: absolute; top: 20%; width: 50%; right: 15px; }
.offer-wrap .btn-primary{ position: absolute; right: 0; width: 200px;}
.offer-wrap .grey-txt{padding: 15px 15px;}
	
footer h2{ font-size:20px;}
footer h3{ font-size:16px; line-height:20px; }
footer p{ font-size:14px; line-height:24px; }
footer .rights p:first-child{ float:left;}
footer .rights p:last-of-type{ float:right;}

.facility-list li:last-child{ border-bottom:0; padding-bottom:0;} 

.p-sm-l-15{ padding-left:15px;}
.p-sm-l-40{ padding-left:40px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-inverse{height:60px;}
	#navbar{ padding-top:15px; }
	.navbar .navbar-brand img{width:190px;}
	.navbar .navbar-nav li{ padding: 0px 8px;}
	.m-md-t-20{ margin-top: 20px;}
}

@media (max-width: 767px) {
	/*Nav*/
	#navbar{ position:fixed; width:100%; height:100%; background:#fff; left:0; top:0; border:0; overflow:visible; margin:0;} 
	#navbar li a{ color:#000 !important; display:block; text-align:center; font-size:16px; font-weight:200; padding:15px 0; border-bottom:1px dotted #e6e6e6; transition:all 0.3s ease-in-out;}
	#navbar li a:hover{ color:#8a0848 !important; }
	.close-nav{ position:absolute; left:50%; margin-left:-15px; top:17px; cursor:pointer; z-index:9999}
	.navbar-nav{ padding:40px 0 0;}
	.navbar-nav li{font-family: 'Open Sans', arial, sans-serif; font-weight:300; }
	#navbar ul{ position:fixed; width:100%; height:100%; background:#fff;}
	
}