@font-face {

    font-family: 'AbelRegular';

    src: url('../fonts/AbelRegular.eot');

    src: url('../fonts/AbelRegular.eot') format('embedded-opentype'),

         url('../fonts/AbelRegular.woff2') format('woff2'),

         url('../fonts/AbelRegular.woff') format('woff'),

         url('../fonts/AbelRegular.ttf') format('truetype'),

         url('../fonts/AbelRegular.svg#AbelRegular') format('svg');

	font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Rajdhani';

    src: url('../fonts/RajdhaniMedium.eot');

    src: url('../fonts/RajdhaniMedium.eot') format('embedded-opentype'),

         url('../fonts/RajdhaniMedium.woff2') format('woff2'),

         url('../fonts/RajdhaniMedium.woff') format('woff'),

         url('../fonts/RajdhaniMedium.ttf') format('truetype'),

         url('../fonts/RajdhaniMedium.svg#RajdhaniMedium') format('svg');

		 font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Rajdhani';

    src: url('../fonts/RajdhaniRegular.eot');

    src: url('../fonts/RajdhaniRegular.eot') format('embedded-opentype'),

         url('../fonts/RajdhaniRegular.woff2') format('woff2'),

         url('../fonts/RajdhaniRegular.woff') format('woff'),

         url('../fonts/RajdhaniRegular.ttf') format('truetype'),

         url('../fonts/RajdhaniRegular.svg#RajdhaniRegular') format('svg');

		 

	font-weight: normal;

    font-style: normal;

}

html, body, div, span, applet, object, iframe,

p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section { display: block; }

body{ margin:0; padding:0; font-family: 'AbelRegular'; background:#fff;}

a{ margin:0; padding:0; text-decoration:none !important;  outline:none !important; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s;}

a:hover{ color:#25d8ae;}

::selection{ background:#0075c1; color:#fff;}

::-moz-selection{ background:#0075c1; color:#fff;}

::-webkit-selection{ background:#0075c1; color:#fff;}

img{ max-width:100%; height:auto;}

ul{ margin:0; padding:0; list-style-type:none;}

li{ margin:0; padding:0;}

p{ padding:0; color:#555555; font-size:17px;   font-family: 'Rajdhani'; margin:0 0 15px 0; font-weight:300;}

h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'AbelRegular'; color:#151515;}



input, select, button{outline:none !important;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family:sans-serif; text-align:center;}

#cssmenu > ul > li{ display:inline-block; text-align:center;}

#cssmenu > ul > li > a{padding: 8px 7px; font-size:13px;letter-spacing:1px;text-decoration:none;color:#ececec!important;font-weight:300;  font-family: 'AbelRegular';  position:relative; -moz-transition:.4s; -webkit-transition:.4s; -ms-transition:.4s; -o-transition:.4s; transition:.4s; display:inline-block; text-align:center; text-transform:uppercase;}

#cssmenu > ul > li > a:before{ position:absolute; content:""; background:#f36f21; width:6px; height:6px; opacity:0; transition:.4s; bottom:-5px;  display:inline-block; border-radius:50%; border-radius:50%; -moz-border-radius:50%; border-radius:50%; left:50%; margin-left:-3px;  }

#cssmenu > ul > li > a:hover:before{opacity:1; bottom:0; }

#cssmenu > ul > li > a:hover{ color:#ffde00!important}

#cssmenu > ul > li:last-child > a:after{ background:none;}



#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right: 20px;}



#cssmenu > ul > li.has-sub > a:before{position:absolute;top:17px;right:2px;display:block;width:13px;height:8px;background:url(../images/menu-dropdown.png) no-repeat;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{background:url(../images/menu-dropdown.png) no-repeat;}

#cssmenu ul ul{position:absolute;left:-9999px; z-index:100;}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#00aad4;transition:all .25s ease; }

#cssmenu ul ul li:hover{ background:#42c8e9;}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400; text-align:left;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}





#cssmenu > ul > li:last-child:after{ display:none;}




.tab-wrapper-text{
  color: #fff;
  margin-top: 20px; 
  line-height: 30px; 
  font-weight: normal; 
  margin-bottom: 0;
  font-size: 18px;
}
.banner-wraper{ position:relative; float:left; clear:both; width:100%; overflow: hidden;}



.headerBg1 .logoHolder{ width:235px;}

.headerBg1 .menuHolder{ padding-top:30px;}

.headerBg1 .applyOnlineDiv{ top:30px;}





.bottom-sec{ float: left; clear: both; width: 100%; position: relative; }

.bottom-sec > img{ width: 100%; }



.banner-text{ position: absolute; left: 0; right: 0; bottom:50px; z-index: 999; transition: 1.5s; opacity: 0; -moz-transform: scale(0); 

-webkit-transform: scale(0); transform: scale(0); }

.active .banner-text{bottom:250px; transition: 3s; opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.banner-text-in img{ width: auto !important;}

.banner-text-in h3{ color:#a9ce13; font-size:71px; font-family: 'AbelRegular'; }

.banner-text-in h2{ color:#fff; font-size:116px; font-family: 'AbelRegular'; }

.banner-text-in h4{ color:rgba(255, 255, 255, 0.14); font-size:141px; font-family: 'AbelRegular'; margin-top: -233px; }

.middle-sec{ float: left; clear: both; width: 100%; position: relative; }

.line{ position: absolute; top: -58px; z-index: 999; left: 50%; margin-left: -1px; }

.video-sec{ float: left; clear: both; width: 100%; position: relative;}



.arrows{ position:absolute; bottom: 54px; right: 50%; margin-right: -585px; z-index: 999;}

.video-text{ position: absolute; top: 111px; left: 0; right: 0; z-index: 999;}

.enquire{ position: fixed; bottom: 0; right: 50%; margin-right: -585px; z-index: 999; display: block;}



.header-main{ float: left; clear: both; width: 100%; position: fixed; top: 0; left: 0; z-index: 99; transition: 0.5s; height: 80px; background: transparent; }



.banner-text-in{ width: 100%; clear: both; text-align: center; }

.banner-text-in img{ margin:  0 auto; }



.mouse-icon{ display: block; width: 24px; height: 60px; border:1px solid #fff; position: absolute; bottom: 50px; z-index: 9999; left: 50%; 

margin-left: -12px; border-radius: 20px; }

.mouse-icon:after{ content: ''; display: block; width: 4px; height:14px; background: #fff; border-radius: 30px; left: 50%; margin-left: -2px; 

position: absolute; animation: 2s infinite dot; }

@keyframes dot{

    0%{ top: 10px;  opacity: 1; }

    50%{ top: 30px; opacity: 0; }

    100%{ top: 10px; opacity: 1; }

}



.left{ float: left; }

.right{ float: right; }

.logo-frame{ float: left; width: 328px; position: fixed; top: 20px; left: 25px; z-index: 999; }





.ban-nav{ position: absolute; right: 20px; top: 50%; margin-top: -26px; z-index: 9999; display: block; }

.ban-shape{ position: absolute; left: 0; bottom: 0; right: 0; width:100%; z-index: 999; }



.header-right{ float: right; padding-top: 15px; transition: 0.5s; }

.about-sec{ background: #323820;

padding: 120px 0px 80px;

position: relative;

min-height: 680px; overflow:hidden}  

.about-sec:before{ position:absolute; right: -27px; top:0; content:""; background:url(../images/about-img1.jpg) right no-repeat; width:452px; height:1102px; background-attachment:fixed;  }

.aboutDiv1{ float:left; width:70%}

.aboutDiv2{ float:left; width:50%; border-left: 1px #4b5237 solid; padding-left: 33px;

padding-right: 18px; position:relative  }

.aboutDiv2:before{ position:absolute; left: -2px; top:0; content:""; background:#8eae15; width:3px; height:14px;}

.aboutDiv2:first-child:before{ background:none;}

.aboutDiv2:first-child{ border-left:none; padding-right: 30px; padding-left: 0px;}

.aboutDiv1 h3{ color:#a9ce13; font-size:61px;  font-family: 'AbelRegular'; margin-bottom:30px; }

.aboutDiv2 h2{ font-size:37px; font-family: 'AbelRegular'; margin-bottom:20px; font-weight:normal; color:#fff; position:relative; padding-left: 75px; min-height: 55px;  }

.aboutDiv2 label{ color:#fff; font-size:21px; font-weight:normal; width:54px; height:54px; border:1px #8eae15 solid; border-radius:50%; text-align: center;line-height: 49px;  position: absolute; left:0; top: -5px; }

.aboutDiv1 span{ font-size:53px; color:#fff; display:block}

.aboutDiv1 p{color:#fff; font-size:17px; font-weight:normal; line-height:32px; margin-bottom: 34px; }

.roomBgSection{ min-height:780px; background:url(../images/section-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative; overflow:hidden; padding:160px 0px; }

.roomBgSection h3{ color:#fff; font-size:61px; font-family: 'AbelRegular'; position:relative; padding-top: 40px;}

.roomBgSection h3:before{ width:37px; height:4px; background:#a9ce13; position:absolute; left:0; top:0; content:"";}

.roomBgSection span{ color:#a9ce13}





#load{

    width:100%;

    height:100vh;

    position:fixed;

    z-index:999999;

    background:#323820;

    display: flex;  justify-content: center; align-items: center;

}

.lds-ripple {

  display: inline-block;

  position: relative;

  width: 64px;

  height: 64px;

}

.lds-ripple div {

  position: absolute;

  border: 4px solid #fff;

  opacity: 1;

  border-radius: 50%;

  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}

.lds-ripple div:nth-child(2) {

  animation-delay: -0.5s;

}

@keyframes lds-ripple {

  0% {

    top: 28px;

    left: 28px;

    width: 0;

    height: 0;

    opacity: 1;

  }

  100% {

    top: -1px;

    left: -1px;

    width: 58px;

    height: 58px;

    opacity: 0;

  }

}

.banner .owl-nav{ display: none !important;}

.banner .owl-dots{ position: absolute !important; right: 25px; z-index: 999; bottom: 50px; text-align: center; }

.banner .owl-dots button{ width: 20px !important; height: 6px !important; background: #fff !important; display: inline-block; margin: 0 8px;

border-radius: 5px; opacity: 0.5 !important; }

.banner .owl-dots button.active{ background: #a9ce13 !important; opacity: 1 !important;}



.header-top{ float: left; clear: both; width: 100%; padding: 10px 30px; overflow: hidden; transition: 0.4s; }

.header-bottom{ float: left; clear: both; width: 100%; transition: 0.5s; }

.header-bot-in{ float: left; clear: both; width: 100%; background: #00ac9d; padding: 15px 20px; text-align: center; border-radius:0 0 10px 10px; }

.header-bot-in img{ display: inline; }

.menu{ position: absolute; top: 40px; left: 50%; margin-left: -304.5px; transition: 0.5s; }



.logo-right{ position: absolute; top: 0; right: 0; width: 165px; transition: 0.5s; opacity: 0.7; }

.social{ position:fixed; top: 50%; margin-top: -87px; left: 25px; z-index: 10; }

.social a{ width: 30px;

height: 30px;

display: flex;

padding-bottom: 0;

border: 1px #828582 solid;

border-radius: 50%;

color: #828582;

justify-content: center;

align-items: center;

margin-bottom: 17px;

font-size: 13px;}

.social a:hover{ border:1px #a9ce13 solid; color:#a9ce13}

.booknow{ position:fixed; top: 50%; margin-top: -61px; right: -23px; z-index: 999;   -webkit-transform: rotate(-90deg); /* Safari 3-8 */

  -webkit-transform-style: preserve-3d; /* Safari 4-8 */

  transform: rotate(-90deg); }

.down-arrow{ position: absolute; bottom: 50px; left: 25px; z-index: 10;  animation: 2s infinite down;}



.tabPannelWrapper:hover .roomZoom{-ms-transform: scale(1.1);

-webkit-transform: scale(1.1);

transform: scale(1.1);} 

.roomZoom{transition: transform .9s; overflow:hidden}

.tabPannelWrapper{ position:relative; z-index:10; padding-left: 300px; margin-top: -108px; overflow:hidden}

.tabPannelWrapperDiv{ position:absolute; left:0; top:0; height:100%; bottom:0; z-index:10;}

.tabPannelWrapperDivBg{ width:300px; height:100%; background:#323820; padding: 40px 40px;}	

.tabPannelWrapper h2{ color:#a9ce13; font-size:34px; font-family: 'AbelRegular'; margin-bottom:20px; } 

.tabPannelWrapper p{ color:#a5a89d; font-size:17px; line-height:31px; font-family: 'Rajdhani'; font-weight:500; }

.tabDiv1{ float:left; width: 27.60%;}

.tabDiv2{ float:left; width: 72%; z-index: 10;}



#return-to-top {

    position: fixed;    color: #fff;

    bottom: 20px;

    right: 20px; border:1px #fff solid;

    width: 30px;

    height: 30px;

    display: block;

    text-decoration: none;

    -webkit-border-radius:50%;

    -moz-border-radius: 50%;

    border-radius: 50%; text-align: center;line-height: 26px;

    display: none;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease; z-index:10;

}



#return-to-top:hover {

    background: rgba(0, 0, 0, 0.9);

}

#return-to-top:hover i {

    color: #fff;

    top: 5px;

}





@keyframes down{

0%{ bottom: 30px;}

50%{bottom: 50px;}

100%{ bottom: 30px;}

}



.sticky .logo-frame{ width: 100px; top: 8px; }

.sticky .logo-right{ opacity: 0; visibility: hidden; }

.sticky .menu{top: 20px;}

.sticky.header-main{ background: #000; height: 65px; }



.line1{ display: block; width: 1px; height: 100%; top: 0; bottom: 0; left: 30%; z-index: 10; background:rgba(255, 255, 255, 0.2); position: absolute; 

 }

.line2{ display: block; width: 1px; height: 100%; top: 0; bottom: 0; left: 50%; z-index: 10; background:rgba(255, 255, 255, 0.2); position: absolute; }

.line3{ display: block; width: 1px; height: 100%; top: 0; bottom: 0; right: 30%; z-index: 10; background:rgba(255, 255, 255, 0.2); position: absolute;  }



.line1:after{ display: block; content: ''; width: 4px; height: 14px; background: #a9ce13; position: absolute; top: 20%; left: -2px; animation:12s ease-out infinite move; }

.line2:after{ display: block; content: ''; width: 4px; height: 14px; background: #a9ce13; position: absolute; bottom:20%; left: -2px; animation: 15s ease-out infinite movemoddle; }

.line3:after{ display: block; content: ''; width: 4px; height: 14px; background: #a9ce13; position: absolute; top: 20%; left: -2px; animation:17s ease-out infinite move;  }

.tabBtn{ margin-top:70px!important; }



.tarifBtn{ width:140px; height:58px; border:1px #a9ce13 solid; color:#a9ce13!important; font-size:22px; font-family: 'AbelRegular'; display: flex;

justify-content: center;  align-items: center; margin-top: 16px; }

.tarifBtn span{ padding-left:20px;}

.tarifBtn:hover{ color:#fff!important}

.highlightbg{ background:#323820 ; 



  background-image: url(../images/gallery-pattern1.png);

  background-position: left bottom;

  background-repeat: no-repeat;





position:relative; min-height: auto;z-index: 1; overflow:hidden; padding-top:140px;padding-bottom: 80px;}

.highlightbg:after{ position: absolute;

right: -349px;

top: -180px;

content: "";

background: url(../images/gallery-pattern2.png) right top;

width: 719px;

height: 388px;  }





.highLightWrapperDiv{ position:absolute; left:0; top:0;}

.highLightWrapper{ position:relative; padding-left: 465px;}

.highLightWrapper h3{ font-family: 'AbelRegular'; font-size:30px; color:#839f13; margin-bottom:20px;}

.highLightWrapper p{ color:#fff; font-size:17px; line-height:32px; font-weight:normal;}

.highLightWrapper ul{ margin:0 0 40px; padding:0;}

.highLightWrapper li{ display:block; color:#fff; font-weight:normal; font-size:18px; padding-bottom:10px; padding-left:30px; background:url(../images/bullet.png) no-repeat left 7px}



.hightLightHeader{ position:absolute; left: 41px;top: 222px;  -webkit-transform: rotate(-90deg);transform: rotate(-90deg); color:#222222; font-size:61px; font-family: 'AbelRegular';  }





.highlightbg:before{ width:449px; height:1000px; position:absolute; left:0; top:0; content:""; background:url(../images/gallery-pattern.jpg) no-repeat; background-size:cover; z-index:-1; padding-left: 450px;}

.highLightImgShape{ overflow:hidden; width:100%; border-radius: 0px 0px 0px 215px; position: absolute;

left: 255px; }



.galleryfloatDiv1{ float:left; width:50%; overflow:hidden  }

.galleryfloatDiv2{ float:left; width:50%;  }

.galleryBg{ background:#323820; width:453px; height:185px; }

.imageWrapperDiv{ position:relative; }

.imageWrapper{ position:absolute; left:0; top:149px; width:100%; z-index:1 }

.imageWrapperDiv h3{ color:#fff; font-size:61px; font-family: 'AbelRegular';  padding-top: 67px; position:relative; padding-left: 89px;}

.imageWrapperDiv h3:before{ position:absolute; left: 92px; top: 45px;  width:40px; height:6px; content:""; background:#a9ce13}





.snip1273 {



  position: relative;







  width: 100%;

  color: #ffffff;

  text-align: left;

  background-color: #000000;

  font-size: 16px;

}

.snip1273 * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}

.snip1273 img {

  position: relative;

  max-width: 100%;

  vertical-align: top;

}

.snip1273 figcaption {

  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  opacity: 0;

  padding: 20px 30px;

}

.snip1273 figcaption:before,

.snip1273 figcaption:after {

  width: 2px;

  height:2px;

}

.snip1273 figcaption:before {

  right: 0;

  top: 0;

}

.snip1273 figcaption:after {

  left: 0;

  bottom: 0;

}

.snip1273 h3,

.snip1273 p {

  line-height: 1.5em;

}

.snip1273 h3 {

  margin: 0 0 5px; position: absolute;

bottom: 24px; color:#fff;  font-family: 'AbelRegular';

  font-weight:normal;

  text-transform: uppercase;

}

.snip1273 span{ position:absolute; right:20px; top:20px; border:1px #fff solid; width:44px; height:44px; border-radius:50%; display: flex;

justify-content: center;align-items: center; }



.snip1273 p {

  font-size: 0.8em;

  font-weight: 500;

  margin: 0 0 15px;

}



.snip1273:before,

.snip1273:after,

.snip1273 figcaption:before,

.snip1273 figcaption:after {

  position: absolute;

  content: '';

  background-color: #a9ce13;

  z-index: 1;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  opacity:0.8;

}

.snip1273:before,

.snip1273:after {

height: 2px;

  width: 0%;

}

.snip1273:before {

  top: 0;

  left: 0;

}

.snip1273:after {

  bottom: 0;

  right: 0;

}

.snip1273:hover img,

.snip1273.hover img {

  opacity: 0.4;

}

.snip1273:hover figcaption,

.snip1273.hover figcaption {

  opacity: 1;

}

.snip1273:hover figcaption:before,

.snip1273.hover figcaption:before,

.snip1273:hover figcaption:after,

.snip1273.hover figcaption:after {

  height: 100%;

}

.snip1273:hover:before,

.snip1273.hover:before,

.snip1273:hover:after,

.snip1273.hover:after {

  width: 100%;

}

.snip1273:hover:before,

.snip1273.hover:before,

.snip1273:hover:after,

.snip1273.hover:after,

.snip1273:hover figcaption:before,

.snip1273.hover figcaption:before,

.snip1273:hover figcaption:after,

.snip1273.hover figcaption:after {

  opacity: 1;

}





.zoom{ width:100%}

.zoom img {

    transition: transform .9s; width:100%

     

}





.zoom img:hover{

-ms-transform: scale(1.1);

-webkit-transform: scale(1.1);

transform: scale(1.1);}



.footerBg h3{font-size: 61px;

color: #fff;

font-family: 'AbelRegular';

position: relative;

padding-top: 17px;

padding-bottom: 60px;}

.footerBg h3:before{ position:absolute; left:0; top: -26px; background:#a9ce13; width:37px; height:4px; content:"";}



.footerBg h2{font-size: 25px;

color: #fff; font-weight:500;

padding-bottom: 50px;}



.addreesdiv{ margin-bottom:40px}

.addreesdiv p{ color:#fff; font-weight:500; font-size:20px; line-height:43px;}

.footerBg p{ color:#fff; font-weight:500; font-size:20px;}

.footerBg span{ color:#a9ce13}



.footerBg{ background:url(../images/footer-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; padding:139px 0px}

.socialMediaIcon {

    margin-top: 50px;

}

.socialMediaIcon a {

    color: #fff;

    display: inline-block;

    padding-right: 30px;

    font-weight: bold;

    font-size: 25px;

}

.socialMediaIcon a:hover{ color:#a9ce13}







.inp {position: relative;margin: auto;width: 100%;margin-bottom: 33px; z-index: 1;}

.inp .label {position: absolute;top: 16px;left: 0;font-size: 17px;color: #8e8e8e;font-weight: 500;transform-origin: 0 0;transition: all 0.2s ease; padding: 0; z-index:-1;}

.inp .border {position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: #a9ce13;transform: scaleX(0);transform-origin: 0 0;transition: all 0.15s ease;}

.inp input {-webkit-appearance: none; width: 100%;border: 0;font-family: inherit;padding: 12px 0;height: 55px;font-size: 16px;font-weight: 500;

border-bottom: 1px solid #2a2a2a;background: none;border-radius: 0;color: #fff;transition: all 0.15s ease;}

.inp input:not(:placeholder-shown) + span {color: #a9ce13;transform: translateY(-26px) scale(0.75);}

.inp input:focus {background: none; outline: none;}

.inp input:focus + span {color: #a9ce13;transform: translateY(-26px) scale(0.75);}

.inp input:focus + span + .border {transform: scaleX(1);}

.inp textarea {-webkit-appearance: none; width: 100%;border: 0;font-family: inherit;padding: 12px 0;height: 55px;font-size: 16px;font-weight: 500;border-bottom: 1px solid #2a2a2a;background: none;border-radius: 0;color: #223254;transition: all 0.15s ease;}

.inp textarea:not(:placeholder-shown) + span {color: #a9ce13;transform: translateY(-26px) scale(0.75);}

.inp textarea:focus {background: none;outline: none;}

.inp textarea:focus + span {color: #a9ce13;transform: translateY(-26px) scale(0.75);}

.inp textarea:focus + span + .border {transform: scaleX(1);}

.sendMessageBtn{ color:#fff; transition:0.9s; font-size:20px; font-weight:500; text-transform:uppercase; width:100%; background:none; height:63px; border:1px #85a213 solid; width:268px; float:right; margin-top:30px; }

.sendMessageBtn:hover{ background:#85a213}

.footerEnd{ margin-top:90px;}

.footerEnd p{ color:#b7b7b7; font-size:17px; font-weight:normal; margin-bottom:0}

.subLetterAllIcon {margin: 0 5px;color: #85a213;}

.subLetterAlLTxt{ float:right}

.subLetterAllLink {color: #fff;font-size: 17px;font-weight:normal;margin-bottom: 0;}

.subLetterAllLink:hover{ color:#85a213}

.bookNowBtn{ background: #839f13;color: #fff!important;height: 33px;width: 124px;display: flex;text-align: center;border-radius: 30px;justify-content: center;align-items: center; font-size:17px; font-weight:normal;}

.bookNowBtn:hover{ background:#fff; color:#829e12!important}



@keyframes beat{

	to { transform: scale(.8); }

}



.blink{	animation: beat .9s infinite alternate;}





@keyframes move{



  0%{ top: 0; }

  100%{ top:100%;  }

}



@keyframes movemoddle{



  0%{ bottom: 0; }

  100%{ bottom:100%;  }

 } 







.vertical-tabs ul >li {

  float: none;

}



.vertical-tabs ul li a{

  display: block;

  text-align: left;

  background: none !important;

margin: 0 0 20px;

  padding: 0;

  width: 50%;

  border-radius: 5px;

  text-decoration: none;

  color: #fff !important;

  font-size: 20px;

} 

#myTabs > li.active > a{ position:relative}

#myTabs > li> a:before{position: absolute;left: 112px;top: 18px;background: #606060;content: "";width: 0px;height: 1px;transition: 0.9s;}



#myTabs > li.active > a:before{ width:100px;}

#myTabs > li.active > a {

  color: #a9ce13 !important; 

}









#myTabs > li > a:hover {



  color: #a9ce13 !important;

}





.form1 .form-group {

  margin-top: 20px;

}

.form1 .form-control{

  width: 40%;

}



.form2 .form-group {

  margin-top:30px;

}



.form1 button ,.form2 button{

  margin:10px 0;

  padding:10px 30px !important;

}



.sidenav {

height: 100%;width: 100%;position: fixed;z-index: 1;top: 0;right: 2000px;background:#323820 ;overflow-x: hidden;transition: 0.5s;padding-top: 100px;text-align:center;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 25px;

  color: #fff;

  display: block;

  transition: 0.3s; font-weight:bold; text-transform:uppercase;



}

.bookNowHeaderBtn{background: #839f13;

color: #fff !important;

height: 33px;

width: 124px;

display: flex;

text-align: center;

border-radius: 30px;

justify-content: center;

align-items: center;

font-size: 17px;

font-weight: normal;}

.bookNowHeaderBtn:hover{ background:#fff; color:#839f13!important}



.sidenav a:hover{

  color: #a9ce13; margin-left:-10px;

}



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}



.menuPage{ display:none; position:absolute; color:#fff; right:0; top:0;}

.sticky .menuPage{right: 23px;}

.modal-dialog {

    width: 600px;

    margin: 200px auto;

}

.modal-header{ border-bottom:none; padding: 15px 21px 0;}

.modal-body{padding: 15px 21px 15px;}

.modal-body p{ margin-bottom:20px; font-weight:normal; color:#222222; text-align:center ; text-transform:uppercase;  }

.modal-body span{color: #809b0f;

border: 1px #ddd solid;

font-weight: bold;

padding: 3px 15px;

display: block;

width: 151px;  margin: 11px auto 11px; }

.modal-header h3{ color:#809b0f; font-size:40px; font-weight:bold; text-align:center  }

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

.highLightWrapper{padding-left: 155px;}



}



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

.highLightWrapper{padding-left: 310px;}

}



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

.highLightWrapper{padding-left: 500px;}

}



@media screen and (max-width:1365px){ .about-sec::before{right: -65px;}



.highLightWrapper{padding-left: 500px;}

}



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



.highlightbg::before{ display:none;}

.highlightbg{background-image:none;}

.hightLightHeader{ left:0; color:#fff}

.highLightImgShape{left: 186px;}

.highLightImgShape{ display:none;}

.highLightWrapper{ padding-left:0px;}

.hightLightHeader{ position:static; -webkit-transform: rotate(0deg);

transform: rotate(0deg); text-align:center; margin-bottom:40px; font-size:35px;}

.menuPage{ display:block; right: 205px; top: 18px; cursor:pointer}

.menu{ position:static}

.aboutDiv1{ width:100%}

.aboutDiv1 h3{font-size: 35px;}

.aboutDiv1 span{font-size: 37px;}

.aboutDiv1 p{ font-size:15px;}

.roomBgSection h3{ font-size:35px;}

.roomBgSection h3{padding-top: 21px;}

.tabBtn{margin-top: 22px !important;}

.tabPannelWrapper{margin-top:0;}

.about-sec::before {

    right: -325px;

}



.navbar{ display:none;}

.banner-text-in h3{ font-size:35px;}

.banner-text-in h2{font-size: 46px;}

.banner-text-in h4{margin-top: -53px; font-size: 67px;}



}



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



}



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

.highlightbg{ padding:50px 0px}

.active .banner-text{ bottom:115px;}

.bookNowBtn{ display:none;}

.social{ display:none;}

.down-arrow{ display:none;}

.roomBgSection{ padding:50px 15px; min-height:auto;}

.tabDiv1{ width:100%;}

.tabDiv2{ width:100%;}

.tabBtn{ padding-left:0;}

.tarifBtn{ margin-left:0; margin-bottom:30px;}

.aboutDiv2{ width:100%}

.about-sec::before{ display:none;}

.aboutDiv2{border-left: none; padding:0 ;}

.aboutDiv1 p{ margin-bottom:15px;}

.aboutDiv2::before{ display:none; }

.about-sec{ min-height:auto; padding:50px 0px}



.footerBg h3{font-size: 35px; padding-top: 0px; padding-bottom: 31px;}

.footerBg h3::before{top: -17px;}

.footerBg{padding: 50px 0px;}

.footerBg h2{padding-bottom: 9px;}

.footerBg p{font-size: 16px;}

.addreesdiv{margin-bottom: 10px;}

.socialMediaIcon{margin-top: 23px;}

.footerEnd{margin-top: 46px;}



}



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

.modal-dialog{ width:94%}

.highlightbg::after{ display:none;}

.tabPannelWrapperDivBg{padding: 20px 20px;}

.footerBg h3{ text-align:center; }

.footerBg h3::before{ display:none;}

.footerBg h2{ text-align:center}

.socialMediaIcon{ text-align:center; margin-bottom:20px;}

.footerBg p{font-size: 15px; text-align:center; margin-bottom:15px;}

.subLetterAlLTxt{ float:none;}

.subLetterAllLink{font-size: 15px;}

.sendMessageBtn{ margin-top:0; float:none; width:100%; height: 53px;}

.aboutDiv2:first-child{ padding-right:0px;}

.imageWrapperDiv h3{font-size: 36px; padding-top: 41px;}

.galleryBg{width: 242px; height: 112px;}

.imageWrapperDiv h3::before{top: 28px;}

.galleryfloatDiv1{ width:100%;}

.galleryfloatDiv2{ width:100%;}

.tabPannelWrapperDiv{ position:static}

.tabPannelWrapper { padding-left:0;}

.tabPannelWrapperDivBg{ width:100%}

.tabPannelWrapper img{ width:100%;}

.menuPage{right: 119px;}

.active .banner-text{ bottom:50px;}

.logo-right{width: 96px;}

.logo-frame{width: 105px;}

.banner-text-in h3{font-size: 19px;}

.banner-text-in h2{ font-size:24px;}

.banner-text-in h4{ display:none;}

.banner .owl-dots{ display:none;}



}

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

.active .banner-text{ bottom:20px;}

}