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

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@font-face { font-family: 'BOOKOS'; src: url(../fonts/BOOKOS.TTF); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BOOKOSB'; src: url(../fonts/BOOKOSB.TTF); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BOOKOSBI'; src: url(../fonts/BOOKOSBI.TTF); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BOOKOSI'; src: url(../fonts/BOOKOSI.TTF); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Black'; src: url(../fonts/MontserratAlternates-Black.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Bold'; src: url(../fonts/MontserratAlternates-Bold.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-ExtraBold'; src: url(../fonts/MontserratAlternates-ExtraBold.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-ExtraLight'; src: url(../fonts/MontserratAlternates-ExtraLight.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Medium'; src: url(../fonts/MontserratAlternates-Medium.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Light'; src: url(../fonts/MontserratAlternates-Light.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Regular'; src: url(../fonts/MontserratAlternates-Regular.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-SemiBold'; src: url(../fonts/MontserratAlternates-SemiBold.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MontserratAlternates-Thin'; src: url(../fonts/MontserratAlternates-Thin.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Black'; src: url(../fonts/Montserrat-Black.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Bold'; src: url(../fonts/Montserrat-Bold.ttf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-ExtraBold'; src: url(../fonts/Montserrat-ExtraBold.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-ExtraLight'; src: url(../fonts/Montserrat-ExtraLight.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Light'; src: url(../fonts/Montserrat-Light.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Medium'; src: url(../fonts/Montserrat-Medium.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Regular'; src: url(../fonts/Montserrat-Regular.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-SemiBold'; src: url(../fonts/Montserrat-SemiBold.otf); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Thin'; src: url(../fonts/Montserrat-Thin.otf); font-weight: normal; font-style: normal; }
html { overflow-x: hidden; }
body { font-family: 'Montserrat-Light'; padding: 0; margin: 0; }
* { padding: 0; margin: 0; }
li { list-style-type: none; }
a:hover { text-decoration: none; }
a:focus { outline: 0; text-decoration: none; }
h1, h2, h3, h4, h5, h6, ul, ol, p { padding: 0; margin: 0; }
.pad-nill { padding-left: 0; padding-right: 0; }
.pad-left-nill { padding-left: 0; }
.pad-right-nill { padding-right: 0; }
.img-100 { width: 100%; display: block; }
/*==============================================landing-page====================================*/

.relative { position: relative; }
.short_details_box { position: absolute; top: 115px; left: 0; width: 100%; z-index: 31; }
.short_details_box > ul { text-align: center; }
.short_details_box > ul > li { color: #fff; display: inline-block; font-size: 14px; margin-right: 25px; }
.short_details_box > ul > li:last-child { margin-right: 0; }
.short_details_box > ul > li > span { border: 1px solid #fff; border-radius: 50%; display: inline-block; height: 40px; line-height: 34px; width: 40px; margin-right: 10px; }
.sher_logo { background-color: #bb0000; border-radius: 5px; color: #ffffff; display: inline-block; font-family: "Montserrat-Black"; font-size: 70px; margin-top: 115px; padding: 5px 30px; text-transform: uppercase; }
.hotel_box { bottom: 270px; position: absolute; right: 140px; z-index: 10; }
.food_box { bottom: 270px; left: 115px; position: absolute; z-index: 11; }
.hotel_box.text-center > img, .food_box.text-center > img { margin-bottom: 20px; }
.red_btns { background-color: #bb0000; border: 1px solid #bb0000; border-radius: 5px; color: #ffffff; font-family: "Montserrat-ExtraBold"; font-size: 32px; line-height: 1.4; padding: 1px 17px; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.red_btns:hover, .red_btns:focus { background-color: #fff; color: #bb0000; }
.landing_footer { bottom: 40px; left: 0; position: absolute; width: 100%; z-index: 30; }
.landing_footer > p { color: #FFFFFF; font-family: 'Montserrat-Thin'; }
.landing_footer > p > a { color: #FFFFFF; font-family: 'Montserrat-Regular'; }
.landing_footer > p > a:hover { color: #ffffff; text-decoration: underline; }
/*==============================================landing-page====================================*/



/*==============================================hotel-index-page====================================*/

.pad_top_btm { padding-top: 40px; padding-bottom: 20px; }
.hot_links { padding: 7px 0 0 30px; }
.hot_links > li { color: #686868; line-height: 1.8; }
.stay_with_us { border: 1px solid #ff2d28; border-radius: 5px; color: #ff2d28; font-family: "Montserrat-Bold"; margin-right: 18px; padding: 7px 24px; text-transform: uppercase; }
.stay_with_us:hover { background-color: #ff2d28; color: #FFFFFF; }
.social_links { display: inline-block; }
.social_links > li { display: inline-block; margin: 0 3px; }
.social_links > li > a { border-radius: 50%; display: block; height: 30px; line-height: 27px; text-align: center; width: 30px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.social_links > li > a.fcbk { background-color: #4e71a8; color: #FFFFFF; }
.social_links > li > a.ytbe { background-color: #ca3737; color: #FFFFFF; }
.social_links > li > a.twter { background-color: #1cb7eb; color: #FFFFFF; }
.social_links > li > a:hover { border-radius: 0; }
.stay_connected { padding: 17px 30px 0 0; }
.nrml_menu { border-bottom: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; }
#menu { text-align: center; }
#menu li { border-right: 1px solid #c1c1c1; width: 14.28%; float: left; }
#menu li:last-child { border-right: 0; }
#menu li a { color: #6b6b6b; display: block; width: 100%; text-transform: uppercase; padding: 15px 0; font-family: 'Montserrat-Regular'; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#menu li a:hover { color: #ff2d28; }
/*banner-section*/

.banner_section { overflow: hidden; }
.kk_slider .flexslider { border: 0; margin-bottom: 0; }
.kk_slider .flexslider .slides > li { background-position: center top; background-size: cover; height: 500px; }
.flex-control-nav { bottom: 100px; }
.flex-control-paging li a { background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0; border-radius: 20px; box-shadow: 0; cursor: pointer; display: block; height: 11px; text-indent: -9999px; width: 11px; border: 1px solid #fff; }
.flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; cursor: default; border: 1px solid #fff; }
.welcome_text { left: 0; position: absolute; text-align: center; top: 150px; width: 100%; z-index: 5; }
.welcome_text h2 { color: #FFFFFF; font-family: 'BOOKOS'; text-transform: uppercase; font-size: 30px; }
.welcome_text h1 { color: #f03d42; font-family: 'BOOKOS'; text-transform: uppercase; font-size: 90px; }
.welcome_text p { color: #ffffff; margin: 0 auto; width: 50%; }
.room_book h3 { color: #f03d42; font-family: "Montserrat-Thin"; font-size: 36px; padding: 0 0 20px; }
.room_book { background-color: #fff; box-shadow: 0 0 35px rgba(0,0,0,0.6); margin: -75px 75px 50px; padding: 25px 20px; }
.booking_form > li { float: left; padding: 0 10px; width: 20%; height: 40px; position: relative; }
.booking_form > li:nth-child(1):after, .booking_form > li:nth-child(2):after { background-image: url("../images/calender.png"); background-position: 0 0; background-repeat: no-repeat; content: ""; height: 100%; position: absolute; right: 16px; top: 10px; width: 25px; z-index: 1; }
.booking_form > li:nth-child(1):before, .booking_form > li:nth-child(2):before, .booking_form > li:nth-child(3):before { background-color: #c1c1c1; content: ""; height: 100%; position: absolute; right: 53px; top: 0; width: 1px; z-index: 1; }
.booking_form > li:nth-child(3):after { background-image: url(../images/dropdown.png); background-position: 0 0; background-repeat: no-repeat; content: ""; height: 100%; position: absolute; right: 17px; top: 16px; width: 25px; z-index: 1; }
.booking_form > li input { background-color: transparent; left: 10px; position: absolute; top: 0; width: 90%; z-index: 2; }
.input_100 { border: 1px solid #c1c1c1; padding: 10px; width: 100%; height: 100%; }
.select_100 { border: 1px solid #c1c1c1; height: 40px; left: 10px; padding: 5px 10px; position: absolute; top: 0; width: 90%; z-index: 3; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.select_100 option { padding: 5px 10px; }
/*counter*/

#count { background-color: #fff; font-size: 20px; height: 40px; line-height: 36px; margin: 0; text-align: center; width: 35%; border: 1px solid #c1c1c1; }
.button { background: #fff none repeat scroll 0 0; cursor: pointer; font-size: 30px; height: 40px; line-height: 32px; text-align: center; width: 21%; color: #000; }
.button, #count, .guest { float: left; }
#minus, .guest { margin: 0px; border-top: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; ; border-bottom: 1px solid #c1c1c1; }
#plus { margin: 0; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; ; border-bottom: 1px solid #c1c1c1; }
.guest { height: 40px; padding: 6px; width: 23%; }
/*counter*/

.srch_btn { background-color: #f03d42; border: 1px solid #f03d42; color: #fff; height: 100%; outline: 0 none; text-transform: uppercase; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.srch_btn:hover { background-color: transparent; color: #f03d42; }
/*about_us*/

.about_us { padding: 0 75px 50px; }
.about_hdr { color: #47748e; display: block; font-family: "Montserrat-Bold"; font-size: 36px; margin-bottom: 22px; position: relative; }
.about_hdr:after { position: absolute; bottom: 0; left: 0; content: ''; width: 50px; height: 2px; background-color: #e83e6e; }
.img_box { position: relative; overflow: hidden; padding: 10px 0 0 10px; }
.img_box:after { content: ''; position: absolute; top: -98px; left: -127px; width: 217px; height: 207px; background-color: #f03d42; -moz-transform: rotate(-48deg); -webkit-transform: rotate(-48deg); -o-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); }
.nrml_text { color: #5e5e5e; font-family: "Montserrat-Light"; font-size: 14px; margin-bottom: 30px; }
.read_more_btn { background-color: #f03d42; color: #fff; display: inline-block; padding: 10px 25px; text-transform: uppercase; border: 1px solid #f03d42; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.read_more_btn:hover, .read_more_btn:focus { color: #f03d42; background-color: #fff; }
/*rooms*/

.rooms { }
.room_list { }
.room_list li { float: left; width: 25%; }
.room_list li a.room_hover { display: block; position: relative; }
.room_list li a.room_hover:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0%; z-index: 3; background-color: rgba(221,60,64,0.8); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.room_list li a.room_hover:hover:after { height: 100%; }
.room_hover_open { height: 100%; left: 0; padding: 35% 10% 0; position: absolute; top: 0; width: 100%; z-index: 5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.room_hover_open:after { border: 1px solid transparent; content: ""; height: 90%; left: 5%; margin: 0 auto; position: absolute; top: 5%; width: 90%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.room_hover_open:before { border: 1px solid transparent; content: ""; height: 80%; left: 10%; margin: 0 auto; position: absolute; top: 10%; width: 80%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.room_hover_open:hover:after, .room_hover_open:hover:before { border: 1px solid #fff; }
.room_area { color: #f03d42; margin-bottom: 5px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.room_type { color: #fff; text-transform: uppercase; font-family: 'Montserrat-Bold'; font-size: 26px; line-height: 1; }
.room_amount { border: 2px solid #f03d42; color: #f03d42; display: inline-block; margin-bottom: 40px; margin-top: 15px; padding: 12px 25px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.book_now { color: #fff; text-decoration: underline; text-transform: uppercase; }
.room_list li a.room_hover:hover .room_area { color: #FFFFFF; }
.room_list li a.room_hover:hover .room_amount { color: #f03d42; background-color: #FFFFFF; border: 2px solid #fff; }
.margn_tp { margin: 20px 0; }
/**/

.primary_hdr { color: #47748e; display: block; font-family: "Montserrat-Bold"; font-size: 36px; margin-bottom: 22px; position: relative; }
.facilities { background-color: #f4f4f4; padding: 50px 0; }
.facilities_list { }
.facilities_list li { width: 50%; float: left; padding: 15px; }
.facilities_list li a { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.facility_name { color: #47748e; font-family: "Montserrat-Bold"; font-size: 18px; margin: 4px 0 10px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.facility_short_desc { color: #5e5e5e; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.facility_short_desc span { color: #dd3d41; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.facilities_list li a:hover .facility_short_desc span { color: #47748e; }
.facilities_list li a:hover .facility_name { color: #dd3d41; }
.margn-top-30 { margin-top: 50px; }
.gallery_section ul li { float: left; width: 20%; }
.gallery_hover { position: relative; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gal_hover_open { position: absolute; top: 0; width: 100%; left: 0; height: 100%; background-color: rgba(230,67,69,0.8); display: block; background-image: url(../images/gallery/gal-hover.png); background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gallery_hover:after { content: ''; width: 90%; left: 5%; top: 5%; height: 90%; border: 1px solid #fff; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gallery_hover:hover .gal_hover_open { opacity: 1; }
.gallery_hover:hover:after { opacity: 1; }
/*client*/

.client_inner_box { padding: 50px 10%; }
.clint_hdr { color: #f03d42; margin-bottom: 30px; text-transform: uppercase; font-family: 'Montserrat-Bold'; font-size: 36px; }
.client_desc { background-color: #0e385e; color: #fff; float: left; padding: 30px; width: 75%; }
.client_img_box2, .client_img_box { float: left; width: 25%; }
.client_inner_box .owl-prev { background-image: url("../images/client/prev.png"); background-repeat: no-repeat; background-size: 100% auto; color: transparent; height: 135px; left: -160px; position: absolute; top: 20px; width: 80px; }
.client_inner_box .owl-next { background-image: url("../images/client/next.png"); background-repeat: no-repeat; background-size: 100% auto; color: transparent; height: 135px; right: -160px; position: absolute; top: 20px; width: 80px; }
.client_voice { font-style: italic; margin-bottom: 10px; }
.client_name { color: #ff4e36; text-align: right; font-family: 'Montserrat-SemiBold'; font-size: 19px; text-transform: uppercase; }
.client_designation { color: #5aa0e0; text-align: right; font-style: italic; }
.client_img_box2 > img { margin-top: 45px; }
/*enquiry_section*/

.enquiry_section { background-image: url(../images/enquiry_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; padding-bottom: 50px; padding-top: 50px; }
.enquiry_hdr { color: #fff; font-family: "Montserrat-Bold"; font-size: 36px; margin-bottom: 30px; text-transform: uppercase; }
.enquiryu_form { }
.enquiryu_form input { background-color: transparent; border: 1px solid #fff; color: #fff; height: 50px; padding: 10px; width: 100%; }
.enquiryu_form input:hover, .enquiryu_form input:focus, .enquiryu_form textarea:hover, .enquiryu_form textarea:focus { border-color: #19b5fe; }
.enquiryu_form textarea { background-color: transparent; border: 1px solid #fff; color: #fff; height: 115px; padding: 10px; width: 100%; }
.enq_submit_btn { background-color: #f03d42; border: 1px solid #f03d42; color: #ffffff; display: inline-block; margin-top: 40px; padding: 10px 35px; text-transform: uppercase; transition: all 0.3s ease-in-out; }
.enq_submit_btn:hover { background-color: transparent; }
/*map*/

.map .gm-style .place-card, .gm-style .default-card, .gm-style .directions-card { cursor: default; display: none !important; }
.map { position: relative; }
.address { background-color: #000000; left: 50%; padding: 30px; position: absolute; top: 0; transform: translateX(-50%); width: 420px; }
.address ul { }
.address ul li { color: #ffffff; margin-bottom: 15px; padding-left: 25px; }
.address ul li:nth-child(1) { background-image: url("../images/red-address.png"); background-position: 0 3px; background-repeat: no-repeat; background-size: 18px auto; }
.address ul li:nth-child(2) { background-image: url("../images/red-phone.png"); background-position: 0 4px; background-repeat: no-repeat; background-size: 16px auto; }
.address ul li:nth-child(3) { background-image: url("../images/red-mail.png"); background-position: 0 5px; background-repeat: no-repeat; background-size: 17px auto; }
.address ul li:last-child { margin-bottom: 0; }
.footer_bottom { background-color: #f03d42; padding: 10px 100px; }
.footer_text { text-align: right; color: #FFFFFF; }
.footer_text a { color: #FFFFFF; font-family: 'Montserrat-Regular'; }
.footer_text a:hover { text-decoration: underline; }

@media screen and (max-width: 1600px) {
.sher_logo {margin-top: 16px;}
}

@media screen and (max-width: 1366px) {
.short_details_box { top: 45px; }
.sher_logo { margin-top: 65px; }
}

@media screen and (max-width: 1024px) {
.sher_logo { font-size: 47px; margin-top: 15px; }
.short_details_box { top: 15px; }
.hotel_box.text-center > img { width: 100px; }
.food_box.text-center > img { width: 140px; }
.img-100.height-100 { height: 100vh; }
}

@media screen and (max-width: 767px) {
.short_details_box > ul > li { color: #fff; display: inline-block; font-size: 14px; margin-bottom: 10px; margin-right: 0; width: 100%; }
.food_box { bottom: 72px; left: 18%; position: absolute; z-index: 11; }
.hotel_box { bottom: 72px; position: absolute; right: 18%; z-index: 10; }
.sher_logo { font-size: 26px; margin-top: 15px; }
.short_details_box > ul > li { font-size: 12px; }
}

@media screen and (max-width: 479px) {
.food_box { left: 10%; }
.hotel_box { right: 10%; }
.landing_footer > p { font-size: 11px; }
}