:root{--ios-gap:0vh}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family: 'Heebo', sans-serif;}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
figcaption,figure,main{display:block}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:0 dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
[hidden],template{display:none}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;}
a:hover {color: #f7a503;}

/*! Flickity v2.2.0https://flickity.metafizzy.co---------------------------------------------- */
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-button{position:absolute;background:rgba(255,255,255,.75);border:none;color:#333}
.flickity-button:hover{background:#fff;cursor:pointer}
.flickity-button:focus{outline:0;-webkit-box-shadow:0 0 0 5px #19F;box-shadow:0 0 0 5px #19F}
.flickity-button:active{opacity:.6}
.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
.flickity-button-icon{fill:currentColor}
.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-page-dots{width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{background:#333;border-radius:50%;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
ul{margin:0;padding:0;list-style:none}
button,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:0 0;border-radius:0;line-height:inherit;font:inherit}
button:focus,input:focus{outline:0}
figure{margin:0;padding:0}

@font-face { font-family: 'privaoneproregular'; src: url('../fonts/privaonepro.eot'); src: url('../fonts/privaonepro.eot?#iefix') format('embedded-opentype'),url('../fonts/privaonepro.woff2') format('woff2'),url('../fonts/privaonepro.woff') format('woff'), url('../fonts/privaonepro.ttf') format('truetype'),url('../fonts/privaonepro.svg#privaoneproregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'privafourproregular'; src: url('../fonts/privafourpro.eot'); src: url('../fonts/privafourpro.eot?#iefix') format('embedded-opentype'),url('../fonts/privafourpro.woff2') format('woff2'),url('../fonts/privafourpro.woff') format('woff'),      url('../fonts/privafourpro.ttf') format('truetype'),url('../fonts/privafourpro.svg#privafourproregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'privathreeproregular'; src: url('../fonts/privathreepro.eot'); src: url('../fonts/privathreepro.eot?#iefix') format('embedded-opentype'),url('../fonts/privathreepro.woff2') format('woff2'),url('../fonts/privathreepro.woff') format('woff'),      url('../fonts/privathreepro.ttf') format('truetype'),url('../fonts/privathreepro.svg#privathreeproregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'privatwoproregular'; src: url('../fonts/privatwopro.eot'); src: url('../fonts/privatwopro.eot?#iefix') format('embedded-opentype'),url('../fonts/privatwopro.woff2') format('woff2'),url('../fonts/privatwopro.woff') format('woff'),url('../fonts/privatwopro.ttf') format('truetype'),url('../fonts/privatwopro.svg#privatwoproregular') format('svg'); font-weight: normal; font-style: normal;}
:root{
    --primary: #f1ac03;--secondary:#4d8f23;--secondprimary:#666666;--navyblue:#3d3d3d;--black:#222222;--darkGray:#343232;--gray70:#707070;--gray99:#999999;--green:#1eb76d;--f10:0.71428571rem;--f11:0.7857142857rem;--f12:0.85714285rem;--f13:0.92857142rem;--f14:1rem;--f15:1.071428571rem;--f16:1.1428571rem;--f17:1.21428571rem;--f18:1.28571428rem;--f19:1.35714285rem;--f20:1.42857142rem;--f21:1.5rem;--f22:1.57142857rem;--f23:1.64285714rem;--f24:1.71428571rem;--f25:1.78571428rem;--f26:1.85714285rem;--f27:1.92857142rem;--f28:2rem;--f29:2.071428571rem;--f30:2.1428571rem;--f31:2.21428571rem;--f32:2.28571428rem;--f33:2.35714285rem;--f34:2.42857142rem;--f35:2.5rem;--f36:2.57142857rem;--f37:2.64285714rem;--f38:2.71428571rem;--f39:2.78571428rem;--f40:2.85714285rem;--f41:2.92857142rem;--f42:3rem;--f43:3.071428571rem;--f44:3.1428571rem;--f45:3.21428571rem;--f46:3.28571428rem;--f47:3.35714285rem;--f48:3.42857142rem;--f49:3.5rem;--f50:3.57142857rem;--f51:3.64285714rem;--f52:3.71428571rem;--f53:3.78571428rem;--f54:3.85714285rem;--f55:3.92857142rem;--f56:4rem;--Font:'Montserrat', sans-serif;--color-gray: #737888;--color-lighter-gray: #d7d9e0;--color-light-gray: #f7f7fa;
}
.content, .site, body, html {
    width: 100%;
    height: 100%;
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
::selection {
    background-color: #000;
    color: #fff;
}
body {
    background-color: #fff;
    font-family: 'Heebo', sans-serif;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;font-weight: 400;
}
svg:not(:root) {
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0}

a{color:inherit;text-decoration:none;transition: all ease-in-out 300ms;}

p{margin:0}
.t-large,.t-x-large{font-size:25px;line-height:32px;font-family:'privatwoproregular',Arial,"Noto Sans SC","Noto Sans TC",sans-serif;margin-top:-.2em}
@media (min-width:1024px){.t-x-large{font-size:26px;line-height:42px}
}
@media (min-width:1680px){.t-x-large{font-size:32px;line-height:54px}
}
@media (min-width:1024px){.t-large{font-size:24px;line-height:32px}
}
@media (min-width:1680px){.t-large{font-size:32px;line-height:42px}
}
.t-medium{font-size:20px;line-height:24px;font-family:'privaoneproregular',Arial,"Noto Sans SC","Noto Sans TC",sans-serif;}
@media (min-width:1024px){.t-medium{font-size:24px;line-height:normal}
}
@media (min-width:1680px){.t-medium{font-size:27px;line-height:normal}
}
.t-small,.t-x-small{font-size:14px;line-height:normal}
@media (min-width:1024px){.t-small{font-size:16px;line-height:normal}
}
@media (min-width:1680px){.t-small{font-size:20px;line-height:normal}
}
@media (min-width:1024px){.t-x-small{font-size:16px;line-height:normal}
}
@media (min-width:1680px){.t-x-small{font-size:18px;line-height:normal}
}
.f-one{font-family: var(--one);}
.f-three{font-family: var(--three);}
.f-four{font-family: var(--four);}
.t-strong{font-weight:600}
.t-light{font-weight:300}
.text-content{font-weight:300;color:#333133}
.text-content.text-content--wide{max-width:46em}
.text-content a,.text-content b,.text-content h2,.text-content h3,.text-content strong{font-weight:600}
.text-content blockquote{font-size:20px;line-height:24px;font-family:'privatwoproregular',Arial,"Noto Sans SC","Noto Sans TC",sans-serif;;margin:24px 0}
@media (min-width:1024px){.text-content blockquote{font-size:24px;line-height:28px;margin:28px 0}
}
@media (min-width:1680px){.text-content blockquote{font-size:30px;line-height:36px;margin:36px 0}
}
.text-content blockquote:first-child{margin-top:0}
.text-content .text-read-more,.text-content a{-webkit-transition:opacity 200ms;-o-transition:opacity 200ms;transition:opacity 200ms}
.text-content .text-read-more:hover,.text-content a:hover{opacity:.5}
.text-content.t-small .text-read-more,.text-content.t-small h2+h3,.text-content.t-small p+h2,.text-content.t-small p+h3,.text-content.t-small p+p,.text-content.t-x-small .text-read-more,.text-content.t-x-small h2+h3,.text-content.t-x-small p+h2,.text-content.t-x-small p+h3,.text-content.t-x-small p+p{margin-top:16px}
@media (min-width:1024px){.text-content.t-x-small .text-read-more,.text-content.t-x-small h2+h3,.text-content.t-x-small p+h2,.text-content.t-x-small p+h3,.text-content.t-x-small p+p{margin-top:16px}
}
@media (min-width:1680px){.text-content.t-x-small .text-read-more,.text-content.t-x-small h2+h3,.text-content.t-x-small p+h2,.text-content.t-x-small p+h3,.text-content.t-x-small p+p{margin-top:18px}
}
@media (min-width:1024px){.text-content.t-small .text-read-more,.text-content.t-small h2+h3,.text-content.t-small p+h2,.text-content.t-small p+h3,.text-content.t-small p+p{margin-top:20px}
}
@media (min-width:1680px){.text-content.t-small .text-read-more,.text-content.t-small h2+h3,.text-content.t-small p+h2,.text-content.t-small p+h3,.text-content.t-small p+p{margin-top:23px}
}
.t-ch{font-family:'Noto Sans SC',sans-serif;font-weight:400}
.t-white{color:#fff}
.t-white ::-moz-selection{background-color:#fff;color:#000}
.t-white ::selection{background-color:#fff;color:#000}
.t-white .text-content{color:inherit}
::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}
.m-top{margin-top:20px}
@media (min-width:1024px){.m-top{margin-top:32px}
}
@media (max-width:1023px){.hide-on-mobile{display:none}
}
@media (min-width:1024px){.hide-on-desktop{display:none}
}
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: #fff;
    padding-right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}
.sidebar__handle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: all 250ms 250ms cubic-bezier(0.455,.03,.515,.955);
    -o-transition: all 250ms 250ms cubic-bezier(0.455,.03,.515,.955);
    transition: all 250ms 250ms cubic-bezier(0.455,.03,.515,.955);
}
.sidebar__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    width: 14px;
    height: 34px;
}
.sidebar:not(.is-open) {
    cursor: pointer;
}
.no-touchevents .sidebar:not(.is-open):not(.is-animating):hover .sidebar__handle {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.sidebar__content {
    padding: 30px 0 30px 30px;
    height: 100%;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sidebar__section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.sidebar__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    height: 100%;
    width: 100%;
    display: none;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.sidebar.is-open+.sidebar__backdrop {
    display: block;
}
.sidebar__logo {
    display: inline-block;
}
.logo {
    max-width: 140px;
    max-height: 24px;
}
.sidebar__main-nav {
    margin: 30px 0;
}
.sidebar .sidebar__content .sidebar__main-nav li a,.sidebar .sidebar__content .sidebar__main-nav li a:active,.sidebar .sidebar__content .sidebar__main-nav li a:focus{font-family: var(--one);color:#000}
.sidebar .sidebar__content .sidebar__main-nav li a:hover,.sidebar .sidebar__content .sidebar__main-nav li.active a{color: #f7a503;}
.sidebar__copy,.sidebar__hh {
    color: #000;font-size: 14px;line-height: normal;
}
#loader {
    position: fixed;
    display: none;
    top: 0;
    left: 30px;
    right: 0;
    bottom: 0;
    z-index: 50;
}
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    display: none;
    -webkit-animation: fadeIn 200ms 250ms;
    animation: fadeIn 200ms 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.content {
    background-color: #fff;
}
.content:not(.content--without-sidebar) {
    padding-left: 30px;
}
.homepage {
    /*position: relative;
    z-index: 0;*/
    width: 100%;
}
.homepage__content {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    overflow-y: auto;
}
.homepage__logo {
    position: relative;
    z-index: 2;
}
.homepage__strap {
    position: relative;
    z-index: 3;
    max-width: 16em;
    margin-top: 1em;
    margin-bottom: 1em;line-height: normal;font-family: var(--one);
}
.homepage__updates {
    position: relative;
    z-index: 3;
}
.cycle-slideshow {
    overflow: hidden;
    position: absolute;z-index: 0;width: 100%;height: 100%;left: 0;top: 0;right: 0;
  }
  
  .cycle-slideshow > div {
    width: 100%;
    height: 100vh;
    background-size: cover;
    transition: transform 10.5s linear;
  }
  
  #slide-1 {
    background-image: url('../img/tcs-main-banner-img-01.jpg');
    background-position: center center;background-size: cover;
  }
  
  #slide-2 {
    background-image: url('../img/tcs-main-banner-img-02.jpg');
    background-position: center center;background-size: cover;
  }
  
  #slide-3 {
    background-image: url('../img/tcs-main-banner-img-03.jpg');
    background-position: center center;background-size: cover;
  }
  
  .cycle-slideshow .scale {
    transform: scale(1.1);
  }
  .cycle-slideshow .fx1 {
    transform-origin: center center;
  }
  .cycle-slideshow .fx2 {
    transform-origin: center center;
  }
  .cycle-slideshow .fx3 {
    transform-origin: center center;
  }
  .cycle-slideshow .fx4 {
    transform-origin: center center;
  }
  .homepage__updates{max-width: 610px;}
  .homepage__update a{position: relative;font-size: 1.4rem;font-family: var(--one);}
  .homepage__update a span{display: block;height: 2px;width: 100%;background: #fff;border-radius: 2px;margin-top: 1rem;}  .homepage__update a.active{font-family: var(--three);}
  .homepage__update a.active span{background: #f7a503}
  .sidebar.is-open {
      -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
      transform: translateX(0px);
  }

/*About Us*/
.text-page-wrapper {
    position: relative;
    width: 100%;
}
.text-page {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    scroll-snap-align: start;
}
.text-cover {
    overflow: hidden;
}
.text-page__inner {
    position: relative;
    height: auto;
    min-height: 60vh;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #E8E8E8;
}
.text-page__inner:first-child {
    min-height: calc(60vh - var(--ios-gap));
}
.text-page__inner.innerBanner{min-height: 100vh;}
.text-cover .text-page__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
/*.text-page-wrapper .homepage__logo{position: absolute;left: 60px;top: 46px;}*/
.text-page__cols {
    position: relative;
    z-index: 3;
}
.page-head{font-size: 2.5rem;color: #f7a503;margin-bottom: .5rem;}
.innerBanner .t-x-large{line-height: normal;font-family: var(--one);}
.text-cover__shroud {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: #000;
}
.text-cover__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
    font-family: "object-fit: cover";
}
img {
    border-style: none;
}
button, input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    line-height: inherit;
    font: inherit;
}
.text-cover__proceed {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    padding: 30px;
    width: 100%;
    cursor: pointer;
}
.text-cover__proceed img {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    -webkit-transition: 625ms cubic-bezier(0.215,.61,.355,1);
    -o-transition: 625ms cubic-bezier(0.215,.61,.355,1);
    transition: 625ms cubic-bezier(0.215,.61,.355,1);
}
.text-cover__proceed:hover img {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.innerBanner p{font-family: var(--one);}
.text-page__img-wrap {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.text-page__img-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}
.lazyload--fade {
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
.lazyload--fade.lazyloaded {
    opacity: 1;
}
.text-page__heading h2{font-family: var(--three);display: inline-block;border-bottom: 2px solid #f7a503;margin-bottom: .8rem;padding-bottom: 5px;}.text-page__heading h2 span{font-family: var(--one);}
.expertiesList ul{margin:0px;padding: 1rem 0;}.expertiesList ul li{padding: 11px 0 11px 40px;background-image: url(../img/about-us-icons.png);background-repeat: no-repeat;min-height: 48px;font-family: var(--three);}
.expertiesList:first-child ul li:nth-child(1){background-position: 0px 3PX;}
.expertiesList:first-child ul li:nth-child(2){background-position: 0px -84PX;}
.expertiesList:first-child ul li:nth-child(3){background-position: 0px -168PX;}
.expertiesList:first-child ul li:nth-child(4){background-position: 0px -254PX;}
.expertiesList:first-child ul li:nth-child(5){background-position: 0px -338PX;}
.expertiesList:first-child ul li:nth-child(6){background-position: 0px -428PX;}
.expertiesList:first-child ul li:nth-child(7){background-position: 0px -526PX;}
.expertiesList:first-child ul li:nth-child(8){background-position: 0px -618PX;}
.expertiesList:first-child ul li:nth-child(9){background-position: 0px -724PX;}
.expertiesList:last-child ul li:nth-child(1){background-position: 0px -812PX;}
.expertiesList:last-child ul li:nth-child(2){background-position: 0px -899PX;}
.expertiesList:last-child ul li:nth-child(3){background-position: 0px -982PX;}
.expertiesList:last-child ul li:nth-child(4){background-position: 0px -1067PX;}
.expertiesList:last-child ul li:nth-child(5){background-position: 0px -1156PX;}
.expertiesList:last-child ul li:nth-child(6){background-position: 0px -1245PX;}
.expertiesList:last-child ul li:nth-child(7){background-position: 0px -1340PX;}
.expertiesList:last-child ul li:nth-child(8){background-position: 0px -1431PX;}
.expertiesList:last-child ul li:nth-child(9){background-position: 0px -1538PX;}

.footer{background: #fff;padding: 13px 20px;font-size: 14px;font-family: var(--one);line-height: 20px;}
.footer a{color: #000;}.footer a:hover{color: #f7a503;}
.text-page__inner {
    padding: 20px;
}
.text-cover .text-page__inner {
    padding: 50px 20px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .panel-default>.panel-heading a {
    display: block;
    padding: 10px 15px;
  }
  
  .panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
  }
  
  .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #eee;
  }
  
  .panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  .panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
.text-page__quote{background: #f7a503;padding: 20px;font-size: 1.4rem;font-family: var(--two);}
.auther{padding-top: 2rem;text-align: right;}.text-page__quote p{line-height: normal;}
.panel-heading{background: #e8e8e8;border-left: 3px solid #f7a503;padding-left: 5px;}
.panel-heading h4{background: #fff;padding: 0px;font-weight: 600;font-size: var(--f18);position: relative;}
#accordion .panel-heading a{display: block;padding: 10px;}#accordion .panel-heading a:hover {opacity: .8;color: #000;}
.panel-body{padding: 1.2rem 8px;}
#accordion .panel-heading a:before {
    content: '\e316';
    font-size: 2.5rem;
    position: absolute;
    font-family: "Font Awesome 5 Brands";
    right: 20px;
    top: 15px;
    transform: rotate(180deg);
    transition: all 0.5s;
  }
  
  #accordion .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
  }
  #accordion .panel{margin-bottom: 1.5rem;}
.text-content-full{max-width: 100%;padding:0 0 1rem 0;}
.text-content-full p{margin-bottom: 1.2rem;}

.bullet-listing{margin: 1rem 0 1rem 2.5rem;list-style-type: disc;}
.bullet-listing li{padding:8px 5px;line-height: 24px;font-family: var(--two);}
.text-page__body b,.text-page__body strong{font-family: var(--four);}
.text-page__team .text-page__body b, .text-page__team .text-page__body strong{display: block;}
.dark_bg{background: #060817;}.dark_bg a{color: #f7a503;font-family: var(--three);}
.careerOpening{max-width: 300px;padding: 1.5rem 0;border-top: 1px solid #000;}
.no-border{border: 0 !important;}
.careerOpening h2{font-size: 1.5rem;font-family: var(--four);margin: 6px 0;}
.careerOpening a{margin-top: 1.5rem;display: block;font-family: var(--three);}
.nav-tabs{border: 0px;border-radius: 0;}.nav-tabs .nav-link{position: relative;font-size: 1.4rem;font-family: var(--one);padding: 0;border: 0px solid transparent;}
.nav-tabs .nav-link span {
    display: block;
    width: 100%;
    background: transparent;
    border-radius: 0px;
    margin-top: 0rem;font-size: var(--f16);padding: 4px 15px;color: #222;line-height: 30px;
}
.nav-tabs .nav-link{border-radius: 0;}.nav-tabs{border-radius: 20px;overflow: hidden;display: flex;justify-content: space-between;flex-direction: row;}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus {border: 0;outline: 0;}
.nav-tabs .nav-link.active {
    font-weight:400;background: var(--secondary);border: 0;}.nav-tabs .nav-link.active span{color: #fff;
}

/*job-popup*/
.job-popup,.job-popup2{position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}
.job-popup.is-open,.job-popup2.is-open{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.popClose{position: absolute;right: 12px;top: 12px;cursor: pointer;width: 32px;height: 32px;}.popClose img{width: 18px;height: 18px;}
.pop-logo{display: block;padding-bottom: 2rem;padding-left: 18px;}
.popBody{padding: 0 18px;max-height: 98%;overflow: auto;line-height: 24px;}
.popContent{padding: 2rem 0;}.popContent h6{font-size: 1.15rem;font-family: var(--three);margin: 0;padding: 12px 0;}
.popContent ul{list-style-type: disc;margin: 0;padding:0 0 1.5rem 20px;}.popContent p{margin-bottom: 1rem;}.popContent ul li{padding: 0 0 1.1rem 10px;}.popHeader h1{color: #f7a503;}

.mobile{display: none;}
.fix-header{position: fixed;top:0px;left:0px;right: 0;z-index: 4;padding: 25px 20px 15px;display: flex;flex-direction: row;justify-content: space-between;background: transparent;transition: all ease-in-out 300ms;width: 100%;}.fix-header.sticky-header{background: #000;background: rgba(0,0,0,.9);padding: 15px 20px 15px;}
.fix-header .sidebar__main-nav{margin: 0;}.fix-header .sidebar__main-nav ul{display: flex;flex-direction: row;justify-content: flex-end;}.fix-header .sidebar__main-nav ul li{padding: 0 4px;} .fix-header .sidebar__main-nav ul li a{padding: 12px 8px;font-size: 1rem;position: relative;color: #fff;display: block;}.fix-header .sidebar__main-nav ul li a:after{position: absolute;bottom: 0px;left: 50%;height: 2px;background: #f7a503;width: 0%;transform: translateX(-50%);transition: all ease-in-out 300ms;content: "";}.fix-header .sidebar__main-nav ul li a:hover{color: #fff;}.fix-header .sidebar__main-nav ul li a:hover:after,.fix-header .sidebar__main-nav ul li.active a:after{width: 100%;width: calc(100% - 24px);}
.menu-trigger{display: flex;width: 32px;height: 32px;align-items: center;padding: 5px;margin: 5px 0 5px 12px;margin: 5px 0 5px 12px;}.menu-trigger span{display: block;position: relative;height: 2px;border-radius: 2px;background: #fff;transition: all ease-in-out 300ms;width: 20px;}
.menu-trigger span:after,.menu-trigger span:before{position: absolute;content: "";left: 0;width: 100%;height: 2px;border-radius: 2px;background: #fff;transition: all ease-in-out 300ms}.menu-trigger span:after{bottom: -6px;}.menu-trigger span:before{top: -6px;}
.openMenu .sidebar{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.closeMenu{position: relative;width: 32px;height: 32px;display: block;}.closeMenu span{background: #000;width: 24px;height: 3px;transform: rotate(45deg);position: absolute;top: 0;left: 0;}.closeMenu span:last-child{transform: rotate(-45deg);}
.headingContent .text-page__heading{max-width: 100%;padding-right: 0px;;}.headingContent .text-page__body{padding-left: 0px;}
.collapsing {
    position: relative;
    overflow: hidden;
    transition: height .50s ease;
  }
.stm_wp_hotelier_form form {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 0;
    background: #00000090;padding:25px 15px;border-radius: 9px;
}
.stm_wp_hotelier_form form .form-group:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 15px;
    font-family: inherit;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
}
.stm_wp_hotelier_form form .form-group {
    padding: 40px 15px 0;
    flex-basis: 50px;
    flex-grow: 1;
    margin-bottom: 0;position: relative;
}
.stm_wp_hotelier_form form .form-group:nth-child(2), .stm_wp_hotelier_form form .form-group:first-child {
    flex-basis: 180px;
}
.stm_wp_hotelier_form{position: absolute;bottom:7%;left: 0;width: 100%;z-index: 2;}
.btn_fill{margin: 0;padding: 12px 15px;font-size: 13px;}
.stm_wp_hotelier_form .btn_fill{width: 100%;background: #d3a81d;color: #fff;border: 2px solid #d3a81d;}
.stm_wp_hotelier_form .btn_fill:hover{background: transparent;color: #d3a81d;border: 2px solid #d3a81d;}
.stm_wp_hotelier_form input,.stm_wp_hotelier_form select{width: 100%;height: 48px;padding: 9px 25px 9px 0;line-height: 30px;color: #fff;font-weight: 600;font-size: 1.3rem;background: transparent;border: 0px;}.stm_wp_hotelier_form select option{color: #000;}

.about-content h2,.heading {
    font-size: var(--f50);
    font-weight: 700;
    margin: 0;
    padding-bottom: 1.5rem;
    line-height: 1.2;
}
.funfact-img {
    position: relative;
}
.color-square {
    background: var(--primary);
    display: block;
    position: absolute;
    z-index: 0;
    width: 28px;
    height: 28px;
    top: -3rem;
    left: 1.5rem;
}
.fact {
    background: var(--primary);
    padding: 6px;
    max-width: 535px;
    margin-right: 2rem;
    position: relative;
    z-index: 1;
}
.fact img{right: -6px;top: -6px;position: relative;}
.section {
    padding: 60px 0;
}
.btn.signin-btn{margin: 0;padding: 12px 12px;color: #fff;background: var(--secondary);}
.fact:after, .fact:before {
    content: "";
    position: absolute;
    background: var(--primary);
    width: 22px;
    height: 22px;
    top: 1rem;
    left: -3rem;
}
.fact:before {
    top: -4rem;
    left: -2rem;
}
.fact p {
    color: #fff;
    font-size: var(--f18);
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
.about-content p {
    line-height: 1.6;
    font-size: var(--f18);
    font-weight: 300;
    margin: 0;
    padding-bottom: 1.5rem;
}
.gradiant-border {
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #f4684d, #4d94f4);
}
.funfact-img .gradiant-border {
    width: 85%;
    height: 95%;
    bottom: -1.5rem;
    left: -1.5rem;
    display: block;
    position: absolute;
    z-index: 0;
}
.pt-8{padding-top: 8rem !important;}
.counter-wrap{background: url("../img/facts_bg.jpg") center center no-repeat;background-size: cover;padding: 6rem 1.5rem;margin-top: 4rem;}
.counter-wrap .counter{top: 0;font-size: 1.5rem;font-weight: 300;color: #fff;background: transparent;box-shadow: none;}
.counter-wrap .counter h2{font-size: 3.5rem;font-weight: 700;}.counter-wrap .counter svg{width: 84px;height: 84px;opacity: .8;padding: 15px 0;color: var(--primary);stroke-width: 1px;}
.bg-area{background: url("../img/content_bg.jpg") left bottom no-repeat;background-size: 90% auto;}

.subheading{font-weight: 300;font-size: 1.3rem;color: var(--secondary);}
.packages-container{padding: 3rem 0px 0;}
.pack{border-radius: 6px;overflow: hidden;text-align: center;}
.pack-img{position: relative;max-height: 398px;overflow: hidden;}
.pack-img .duration, .pack-img .rate{position: absolute;bottom: 0px;background: var(--secondary);color: #fff;padding: 4px 20px;font-size: 1rem;}
.pack-img .duration{left: 0px;top: 0;bottom: auto;border-radius: 0 0 6px 0;} .pack-img .rate{right: 0px;border-radius: 6px 0 0 0;}
.pack h3{font-size: 2.1rem;font-weight: 500;margin: 1.5rem 0;color: var(--primary);}.pack p{font-size: 1.1rem;color: #3a3a3a;}
.pack .cta{padding: 2rem 0 1rem;}.pack .cta a{display: inline-block;padding: 12px 20px;min-width: 180px;background: var(--primary);color: #fff;font-size: 1rem;letter-spacing: 1px;text-transform: uppercase;border:2px solid transparent}.pack .cta a:hover{border: 2px solid var(--primary);color: var(--primary);background: transparent;}
.owl-nav{text-align: center;}.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{display: inline-block;width: 32px;height: 32px;margin: 0 6px;text-indent: -60px;overflow: hidden;}
.owl-carousel .owl-nav button.owl-next{background: url("../img/next-arrow.png") center center no-repeat;background-size: 100% auto;} .owl-carousel .owl-nav button.owl-prev{background: url("../img/prev-arrow.png") center center no-repeat;background-size: 100% auto;}

.connect{margin: 3rem 0;background: url("../img/connect_bg.jpg") left center no-repeat;background-size:cover;padding: 4rem 2rem;}
.connect-content{max-width: 35%;margin-left: 10%;color: #fff;}
.connect-content h1{font-size: 2.2rem;font-weight: 600;text-shadow: 8px 4px 9px rgb(0 0 0 / 20%);line-height: 1;text-transform: uppercase;margin-bottom: 1.5rem;}.connect-content h1 span{display: block;font-weight: 800;font-size: 4.5rem;}
.connect-content p{font-size: var(--f16);font-weight: 400;margin-bottom: 1.5rem;}
.connect-content a{display: inline-block;padding: 8px 15px;background: transparent;border: 2px solid #fff;color: #fff;text-transform: uppercase;letter-spacing: 1px;line-height: 28px;}
.connect-content a:hover{background: #fff;border-color: #fff;color: var(--primary);}

/*Testimonials*/
.testimonial-section{padding-top: 60px;}
.testimonials{padding: 3.5rem 5rem 0;}.testimonials.owl-carousel .owl-nav button.owl-next, .testimonials.owl-carousel .owl-nav button.owl-prev{position: absolute;top: 40%;margin-top: -30px;width: 60px;height: 60px;background: #f3f9fe;border-radius: 50%;color: var(--primary);transition: all ease-in-out 300ms;font-size: 2rem;text-indent: 0;}.testimonials .owl-nav .owl-prev{left: 0;}.testimonials .owl-nav .owl-next{right: 0;}.testimonials.owl-carousel .owl-nav button.owl-next:hover, .testimonials.owl-carousel .owl-nav button.owl-prev:hover{background: var(--primary);color: #fff;}.owl-carousel.testimonials .owl-nav button.owl-next span, .testimonials.owl-carousel .owl-nav button.owl-prev span{display: block;line-height: 55px;margin-bottom: 5px;}
.test-item{padding-left: 230px;position: relative;}.user-img{position: absolute;left: 0;top: 0;background: url('../img/testmonial-profile-bg.png') left top no-repeat;width: 201px;height: 217px;padding: 11px 9px;}.user-img img{width: 160px !important;height: 160px;object-fit: cover;border-radius: 50%;box-shadow: 16px 12px 24px rgba(51, 130, 196, 0.33);}
.test-item p{font-size: var(--f16);font-weight: 300;line-height: 1.5;}.test-item p strong{font-weight: 500;}
.test-item .user-name{color: #999999;font-size: var(--f14);}.test-item .user-name strong{display: block;padding: 1rem 0 .5rem;font-size: var(--f22);font-weight: 500;color: #3d3d3d;line-height: 1;}

/*footer*/
.footer{background: url('../img/footer_bg.jpg') center top no-repeat;padding: 9.5rem 0 0;background-size: cover;}.footer .footer-logo{max-width: 150px;margin-bottom: 1.2rem;}.footer .footer-logo img{width: 100%;}
.footer-widget .contact-info{font-size: var(--f16);color: #595959;font-weight: 500;padding: 1rem 0;margin: 0;}.footer-widget .contact-info a{color: #595959;}.footer-widget .contact-info a:hover{color: var(--primary);}.socials{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: flex-end;}.socials li{margin-left: 12px;}.footer .widget-wrapper .footer-widget .socials li a{font-size: 1.3rem;color: #b1b1b1;line-height: 57px;width: 57px;text-align: center;border: 1px solid #b1b1b1;border-radius: 50%;display: block;}.footer .widget-wrapper .footer-widget .socials li a:hover{color: var(--primary);border-color: var(--primary);}.copyright{padding: 2rem 15px;font-weight: 500;font-size: 1rem;color: #595959;}
.footer-links{font-size: var(--f18);padding: 1.5rem 0;margin-top: 1.5rem;}


/*Inner Header*/
.fix-header.inner_header{position: relative;background: #fff;border-bottom: 1px solid #d2d2d2;padding: 18px 60px;}
.fix-header.inner_header .sidebar__main-nav ul li a{color: #464646;}.fix-header.inner_header .sidebar__main-nav ul li a:hover,.fix-header.inner_header .sidebar__main-nav ul li a.active{color: var(--primary);}
.homepage__content{min-height: 86px;}
.fix-header.inner_header.sticky-header{position: fixed;}
.dewa, .wi-fi, .parking, .none {
    display: inline-block;
    margin: 0 12px 12px 0;
    padding: 0 0 0 30px;
    font-size: 12px;
    font-weight:300;
    line-height: 20px;
    height: 20px;
    color: #464646;
}
.dewa {
    background: url(../img/dewa.png) left center no-repeat;
    padding-left: 24px;
}
.wi-fi {
    background: url(../img/wi-fi.png) left center no-repeat;
    padding-left: 28px;
}
.parking {
    background: url(../img/parking.png) left center no-repeat;
    padding-left: 32px;
}
.none {
    background: url(../img/none.png) left center no-repeat;
    padding-left: 28px;
}
.project-wrapper {
    position: relative;
    margin-bottom: 20px;
    padding: 0;
}
.project-title, .bg-title {
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 20px;
    color: #222;
    font-size: 1.5rem;
    padding: 15px 0 0;
    line-height: normal;
    text-align: left;
}
.project-title table td{font-size: 1.4rem;font-weight: 500;}
.project-detail .breadcrumb {
    background: #FFF;
    padding: 15px 0;
    text-align: left;
    color: #464646;
    font-weight: 300;
    font-size: 0.9rem;
    margin: 0;
}
.project-detail .breadcrumb a {
    color: #464646;margin-right: 5px;
}
.tooltip-wrapper {
    display: block;
    position: absolute;
    bottom: 9px;
    width: auto;
    right: 0;
    opacity: 1;
    z-index: 2;
}
.product-slider{position: relative;z-index: 1;}
.project-wrapper .tooltip-wrapper {
    bottom: auto;
    width: auto;
    right: auto;
    left: 12px;
    top: 12px;
}
.list-image .tooltip-wrapper a, .project-wrapper .tooltip-wrapper a {
    display: inline-block;
    margin-right: 7px;
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    height: 28px;
    width: 28px;
}
.tooltip-wrapper a.wishlist {
    background: rgba(0,0,0,0.3) url(../img/hart.png) 5px center no-repeat;
}
.tooltip-wrapper a.images {
    background: rgba(0,0,0,0.3) url(../img/camera.png) 5px center no-repeat;
}
.product-slider.owl-carousel .owl-nav button.owl-next,.product-slider.owl-carousel .owl-nav button.owl-prev{top: 50%;margin-top: -16px;position: absolute;z-index: 1;background-color: #fff;}
.product-slider.owl-carousel .owl-nav button.owl-prev{left: 0;background-size: 60% auto;}
.product-slider.owl-carousel .owl-nav button.owl-next{right: 0;background-size: 60% auto;}
.project-info {
    display: block;
    text-align: left;
    clear: both;
}
.project-info .price, .nationality, .furnished, .rent, .location, .availibility,.food {
    display: block;
    padding: 0;
    min-height: 28px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 14px;
    position: relative;
    padding-left: 40px;
}
.project-info .price {
    color: var(--primary);
    font-weight: 600;
    font-size: 1.1rem;
}
.price i, .nationality i, .furnished i, .rent i, .location i, .availibility i, .project-includes i,.food i {
    margin: 0 12px 0 0px;
    display: block;
    background-color: var(--primary);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    float: left;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.project-info .price i {
    background-image: url(../img/doller.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.nationality i {
    background-image: url(../img/nationality.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.furnished i {
    background-image: url(../img/furniture.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.rent i {
    background-image: url(../img/calendor-white.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.location i {
    background-image: url(../img/location.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.availibility i {
    background-image: url(../img/availibility.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.food i {
    background-image: url(../img/food.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.project-includes, .short-brif, .access, .amenities, .map {
    display: block;
    border-top: 1px solid #d2d2d2;
    padding: 18px 0;
    text-align: left;
}
.project-includes,.map {
    line-height: 28px;
}
.project-includes h3, .project-includes span {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    width: auto;
}
.project-includes h3 {
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0;
    line-height: 28px;
    position: relative;
    padding-left: 40px;
}
.project-includes i {
    background-image: url(../img/like.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.project-includes .dewa, .project-includes .wi-fi, .project-includes .parking {
    margin: 0 0 0 16px;
    line-height: 28px;
    min-height: 28px;
    position: relative;
}
.project-includes .dewa {
    background: url(../img/dewa-a.png) left center no-repeat;
    padding-left: 28px;
}
.project-includes .wi-fi {
    background: url(../img/wi-fi-a.png) left center no-repeat;
    padding-left: 34px;
}
.project-includes .parking {
    background: url(../img/parking-a.png) left center no-repeat;
    padding-left: 42px;
}
.project-contact span.contact-btn, .project-contact a.contact-btn {
    border: 1px solid #333333;
    background: #333333 url(../img/mobile-white.png) 8px center no-repeat;
    color: #FFF;
    cursor: pointer;
    padding:4px 10px 4px 22px;
    display: block;
    text-align: center;
    font-size: 1rem;border-radius: 3px;
}
.project-includes h3, .short-brif h3, .access h3, .amenities h3 {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    font-size: var(--f16);
    font-weight: 500;
    line-height: 28px;
}
.project-includes p, .short-brif p, .access p, .amenities p {font-size: 14px;font-weight: 300;margin: 0 0 10px;}
.metro, .bus, .petrol, .atm, .exchange, .laundry, .eaterys, .washing-machine, .bed-2, .attached-bath, .couple, .bunker, .bed-1, .bath-tub, .elevator, .split-ac, .gym, .kitchen, .chiller, .pool, .driver, .bonfire, .tv, .lawn,.music,.wardrobe,.locker,.garden,.wine {
    display: block;
    padding-left: 38px;
    line-height: 28px;
    margin: 10px 0;
    font-weight: 400;font-size: 13px;
}
.metro {
    background: url(../img/metro.png) left center no-repeat;
}
.bus {
    background: url(../img/bus.png) left center no-repeat;
}
.petrol {
    background: url(../img/pump.png) left center no-repeat;
}
.atm {
    background: url(../img/atm.png) left center no-repeat;
}
.exchange {
    background: url(../img/exchange.png) left center no-repeat;
}
.laundry {
    background: url(../img/laundry.png) left center no-repeat;
}
.laundry {
    background: url(../img/laundry.png) left center no-repeat;
}
.garden {
    background: url(../img/garden.png) left 4px no-repeat;
}
.wine {
    background: url(../img/wine.png) left 4px no-repeat;
}
.washing-machine {
    background: url(../img/machinery.png) left center no-repeat;
}
.bed-2 {
    background: url(../img/double-bed.png) left center no-repeat;
}
.attached-bath {
    background: url(../img/bath.png) left center no-repeat;
}
.couple {
    background: url(../img/couple.png) left center no-repeat;
}
.bunker {
    background: url(../img/bunker.png) left center no-repeat;
}
.bed-1 {
    background: url(../img/single-bed.png) left center no-repeat;
}
.bath-tub {
    background: url(../img/bath-tub.png) left center no-repeat;
}
.pool {
    background: url(../img/swiming-pool.png) left center no-repeat;
}
.split-ac {
    background: url(../img/split-ac.png) left center no-repeat;
}
.gym {
    background: url(../img/gym.png) left center no-repeat;
}
.kitchen {
    background: url(../img/kitchen.png) left center no-repeat;
}
.chiller {
    background: url(../img/chiller.png) left center no-repeat;
}
.locker {
    background: url(../img/locker.png) left center no-repeat;
}
.wardrobe {
    background: url(../img/wardrobe.png) left center no-repeat;
}
.lawn {
    background: url(../img/lawn.png) left center no-repeat;
}
.music {
    background: url(../img/music.png) left center no-repeat;
}
.tv {
    background: url(../img/tv.png) left center no-repeat;
}
.driver {
    background: url(../img/driver.png) left center no-repeat;
}
.bonfire {
    background: url(../img/bonfire.png) left center no-repeat;
}
.project-includes h3 {
    position: relative;
    padding-left: 40px;display: inline-block;
}
.project-detail-right{padding-top: 7rem;}
.project-detail-right h2 {
    font-size: var(--f18);
    color: #222;
    padding: 0;
    line-height: 36px;
    font-weight: 600;
}
.project-list {
    margin: 13px;
    border: 1px solid #d2d2d2;
    background: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    height: 375px;
    overflow: hidden;
    
}
.project-detail-right .project-list {
    margin: 0 0px 20px;
    background: #FFF;
}
.list-image {
    display: block;
    position: relative;
    height: 185px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}
.list-image a {
    display: block;
    height: 100%;
    width: 100%;
}
.list-image img {
    min-width: 100%;max-width: 100%;
}
.tooltip-wrapper a.price {
    background: rgba(0,0,0,0.3) url(../img/doller.png) center center no-repeat;
}
.list-detail, .list-detail a {
    display: block;
    margin: 0;
    padding: 0 17px;
    font-size: 12px;
    font-family: 300;
    text-align: left;
    line-height: 16px;
    position: relative;
    color: #464646;
}
.project-type {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #FFF;
    top: -30px;
    position: absolute;
    margin-bottom: -20px;
}
.list-detail h2, .list-detail h3, .project-detail-right .list-detail h2 {
    display: block;
    font-size: var(--f16);
    font-weight: 600;
    line-height: 18px;
    padding: 3px 0;
    color: #464646;
    margin: 0;
}
.list-detail p, .list-detail p, .project-detail-right .list-detail p {font-size: 13px;margin: 0 0 10px;}
.list-detail h3 {
    font-size: 14px;
}
.list-detail a {
    padding: 0;
}
.nav-tabs{background: #f5f5f5;color: #fff;}.tab-content{text-align: left;padding: 15px 0;line-height: 1.8;}
.item{border-radius: 5px;overflow: hidden;box-shadow: 2px 2px 4px #e2dfdf;border: 1px solid #e2dfdf;}
.spaces-slider .owl-stage-outer{padding: 0 0px 12px;}
.line{padding: 12px;text-align: left;}
.line h3{margin-bottom: 12px;font-size: var(--f18);font-weight: 600;}
.line p{font-size: 12px;font-weight: 400;margin-bottom: 10px;line-height: 1.4;}

.project-detail-right .stm_wp_hotelier_form{position: relative;bottom: auto;margin-top: 21px;}
.project-detail-right .stm_wp_hotelier_form form{display: block;}
.project-detail-right .stm_wp_hotelier_form form .form-group {padding: 10px 0px 0;margin-bottom: 20px;}
.project-detail-right .stm_wp_hotelier_form form .form-group:before{left: 0;font-weight: 400;}
.pricing-row {
    padding-top: 14px!important;
    display: flex;
    font-size: 14px;
    color: #fff;
    justify-content: space-between;
}
hr {width: 100%;
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    margin-bottom: 20px;
}
.total-payable {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.pay-only {
    text-align: center;
    margin-top: 14px;
    background: rgba(7,154,31,.30);
    border-radius: 4px;
    padding: 8px 5px;
    font-size: .75rem;
    color: #fff;
}
.pay-only label {
    margin-bottom: 0;
}
.eaterys {
    background: url(../img/eatery.png) left center no-repeat;
}

.inner-banner {
    display: block;
    position: relative;
    max-height: 500px;
    overflow: hidden;
    background: #000;margin-bottom: 2rem;
}
.inner-banner img{position: relative;z-index: 0;max-width: 100%;height: 100%;min-height: 150px;object-fit: cover;opacity: .8;}
.inner-banner .caption{position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;
    font-size: 600%;
    text-transform: uppercase;
    font-weight: 300;
    color: #FFF;
    z-index: 2;
}
.filter{padding: 0 0 25px;}
.listingRowOuter {margin-bottom: 20px;position: relative;}
.listingRowOuter {border-radius: 4px 4px 0 0;flex-direction: column;background: #fff;box-shadow: 0 4px 8px 0 rgb(138 107 118 / 8%);cursor: pointer;display: flex;position: relative;border: 1px solid #bababa;}
.makeFlex .flexOne {
    flex: 1;
}
.makeFlex {
    display: flex;
}
.padding20 {
    padding: 20px;
}
.imgCont {border-radius: 4px;display: flex;flex-shrink: 0;margin-bottom: 5px;position: relative;width: 239px;overflow: hidden;}.imgCont img{width: 100%;}
.appendLeft20 {margin-left: 20px;}
.makeFlex.spaceBetween {justify-content: space-between;}
.blackText {
    color: #000;
}
.textRight {
    text-align: right;
}
.priceDetails {
    background: #f5f5f5;
    border-left: 1px solid #e6e6e6;
    border-radius: 0 6px 6px 0;
    flex-shrink: 0;
    justify-content: space-between;
    width: 185px;
}
.tile__priceSection {
    align-items: flex-end;
    display: flex;
    flex: 1;
    justify-content: flex-end;height: 100%;
}
.makeFlex.column {
    flex-direction: column;
}
.package-price{font-weight: 700;font-size: 2rem;color: #000;}
.darkGreyText {
    color: #4a4a4a;
}
.font12 {
    font-size: 12px;
    line-height: 12px;
}
.font10 {
    font-size: 10px;
    line-height: 10px;
}
.grayText {
    color: #9b9b9b;
}
.appendBottom5 {
    margin-bottom: 5px;
}
.package-title{color: #000;font-weight: 900;font-size: 1.8rem;margin-bottom: 1rem;}
.appendTop10 {
    margin-top: 10px!important;
}
.pc__middle {
    margin-bottom: 10px;
}
.persuasion, .persuasion__item {
    position: relative;
}
.htlHighlt {
    background-color: #e5f3ff;
    border-left: 2px solid #0061aa;
    border-radius: 0 4px 4px 0;
    display: inline-flex;
    flex-direction: column;
    padding: 5px 10px;
}
.htlHighlt__title {
    color: #0061aa;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.background-banner{background:#efa405;min-height: 160px;height: auto;bottom: auto;margin-bottom: -47px;padding-bottom: 60px;}.background-banner .caption{padding-top: 3.2rem;font-size: 1.5rem;position: static;text-align: left;display: block;font-weight: 600;}
.background-banner .caption p{
    display: block;
    font-weight: 300;
    line-height: 25px;
    font-size: 1rem;
    color: #fff;
    text-align: left;text-transform: none;
}
.spacing {
    padding: 40px 0;
}
.chkCont {
    grid-column-gap: 5px;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 12px -1.25rem;
}
.chkCont__col, .chkCont__night {
    align-items: center;
    display: flex;
}
.chkCont__col {
    background-color: hsla(0,0%,95%,.4);
    padding: 12px 30px;
}
.dateHeading{font-size: 1.2rem;font-weight: 700;}
.chkCont__night {
    flex: 1;
    justify-content: center;
    margin: 0 15px;
    position: relative;
}
.chkCont__night:before {
    border-bottom: 1px dotted #5e5d5d;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.chkCont__night>span {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 9px;
    display: inline-flex;
    font-size: 10px;
    height: 18px;
    justify-content: center;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.font16 {
    font-size: 1.1rem;
    line-height: 16px;
}
.latoBlack {
    font-weight: 900;
}
.appendBottom10 {
    margin-bottom: 10px;
}
.appendTop10 {
    margin-top: 10px!important;
}
.redText {
    color: #d0021b;
}
.appendLeft10 {
    margin-left: 10px;
}
.bookingInfo ul{list-style-type: disc;padding-left: 16px;}.bookingInfo ul li{font-size: 12px;line-height: 1.4;margin: 5px 0;}
.latoBold{font-weight: 600;}
.impInfoCard {
    background-color: #fff;
    border: 2px solid #ff664b;
    border-radius: 4px;
    overflow: hidden;
}
.appendTop15 {
    margin-top: 15px;
}
.impInfoCard__head {
    background: linear-gradient(90deg,#ff7f3f,#ff3e5e);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    padding: 6px 30px 9px;
}
.impInfoCard__details {
    background-color: #fff;
    padding: 13px 30px;
}
.bookingInfo .pricing-row,.bookingInfo .total-payable{color: #000;}
.form-group label{font-size: 12px;display: block;text-transform: uppercase;}
.form-control{
    border: 1px solid #bebebe;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    outline: 0;
    padding: 0 20px 0 10px;
    width: 100%;
}
.bookingInfo ul.splReqs__list {
    display: flex;
    flex-wrap: wrap;list-style-type: none;
}
.splReqs__listItem {
    align-items: center;
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 4px;
    color: #141823;
    display: flex;
    margin: 0 10px 10px 0;
    padding: 9px 10px;
}
.checkmarkOuter {
    display: inline-flex;
    flex-shrink: 0;
    min-height: 18px;
    position: relative;
}
.checkmarkOuter [type=checkbox]:checked, .checkmarkOuter [type=checkbox]:not(:checked) {
    left: -9999px;
    opacity: 0;
    position: absolute;
}
.checkmarkOuter [type=checkbox]:checked+label, .checkmarkOuter [type=checkbox]:not(:checked)+label {
    cursor: pointer;
    display: inline-flex;
    line-height: 20px;
    padding-left: 28px;
    position: relative;
    margin-bottom: 0;
}
.checkmarkOuter [type=checkbox]:checked+label:before, .checkmarkOuter [type=checkbox]:not(:checked)+label:before {
    background: #fff;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
}
*, :after, :before {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}
.checkmarkOuter [type=checkbox]:checked+label:before {
    background: #008cff;
    border: 1px solid #008cff;
    border-radius: 2px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 18px;
}
.checkmarkOuter [type=checkbox]:checked+label:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 6px;
}
.appendTop25 {
    margin-top: 25px;
}

.appendBottom15 {
    margin-bottom: 15px;
}
.splReqs__txtArea {
    background-color: #f7f7f7;
    border: 1px solid #bebebe;
    border-radius: 4px;
    color: #4a4a4a;
    font-family: lato;
    font-size: 14px;
    font-weight: 400;
    height: 110px;
    outline: 0;
    padding: 10px;
    resize: none;
    width: 760px;
}
[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}
.radio-template+label {
    position: relative;
    padding-left: 30px !important;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    cursor: pointer;
}
.radio-template+label::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ddd;
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
}
.radio-template+label::after {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #d3a81d;
    border: 2px solid #ddd;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.radio-template+label::after {
    content: '';
    top: calc(50% - 9px);
}
.radio-template:checked+label::after {
    opacity: 1;
}
.card-header h6 a{display: block;padding: 0.75rem 1.25rem;margin: -0.75rem -1.25rem;}
.wide{width: 100%;max-width: 200px;}
.card-img{border-radius: 6px 6px 0 0;overflow: hidden;max-height: 150px;}.card-img img{width: 100%;max-height: 150px;object-fit: cover;}
.make-flex.column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
}
.box-padding {
    padding: 15px 20px;
}
.bdr-bottom {
    border-bottom: 1px solid #e7e7e7;
}
.make-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.make-flex.hrtl-center, .make-flex.perfect-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cap-text {
    text-transform: uppercase;
}
.grey-text--dark {
    color: #4a4a4a;
}
.wrap_date_time {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.font14 {
    font-size: 1rem;
    line-height: 1.2;
}
.append-bottom2 {
    margin-bottom: 2px;
}
.lato-black{font-weight: 800;}
.append-right20 {
    margin-right: 20px;
}
.append-left10 {
    margin-left: 10px;
}
.gap {
    width: 20px;
    height: 1px;
    background: #979797;
    display: flex;
}
.bookingInfo ul.ul_travellers__details {
    list-style: decimal;
    padding-left: 11px;
}
.append-right10 {
    margin-right: 10px;
}
.lob__icon__wrap {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_section h1 {
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 0 30px;
    text-transform: uppercase;
    font-size: 2rem;font-weight: 800 !important;
}
.about_section p {margin-bottom: 1rem;}
.big_heading {
    font-size: 2rem;
    font-weight: 300;
    line-height: normal;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.sub_heading p {
    line-height: 30px;
}
.gallery {
    padding: 40px 0;
    position: relative;
}
.image_gallery {
    border-right: 1px solid #FFF;
}
.video_gallery {
    border-left: 1px solid #FFF;
}
.image_gallery, .video_gallery {
    border-bottom: 1px solid #FFF;
}
.video_gallery a {
    display: block;width: 100%;
}
.gallery img {
    width: 100%;
}
.btn{position: relative;}
.gallery .btn, .video_btn {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    background: #f1ac03;
    padding: 23px 20px;
    min-width: 170px;
    border: 1px solid #FFF;
    z-index: 1;
    font-size: 16px;
    overflow: hidden;color: #fff;
}
.video_btn {
    background: url(../img/play_icon.png) left top no-repeat;
    height: 76px;
    width: 76px;
    min-width: 76px;
    border: 0px;
    opacity: 0.8;
}
.btn::before, .btn:focus::before, .btn:active::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.btn:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.image_gallery .image_gallery {
    max-height: 288px;
    overflow: hidden;
}
.gallery img {
    width: 100%;
}
.address{padding: 40px 0;}
.address .col-12{border-right: 1px solid #d5d5d5;}
.address .col-12:last-child{border-right: 0px solid #d5d5d5;}
.address h5{font-weight: 600;font-size: 1.4rem;text-decoration: underline;margin-bottom: 12px;}
.contact-form-wrapper {
    margin: 50px 0;
    background: #f2f2f2;
}
.contact_form form {
    max-width: 530px;
    margin: 40px auto;
}
.contact_form h3 {
    display: block;
    text-align: center;
    color: #d3a81d;
    font-size: 120%;
    text-transform: uppercase;
    padding: 18px 0;
    font-weight: 600;
    font-weight: normal;
}
.contact_form form .no-padding, .booking-form form .no-padding {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.contact_form textarea.form-control {
    height: 116px;
    resize: none;
}
.contact_form .btn {
    min-width: 225px;
    margin: 0 auto;
    padding: 10px 15px;
    display: block;
    background: #d3a81d;
    color: #fff;line-height: 30px;
}
.contact_form .btn:hover {background: #000;}
.contact-form-wrapper .map {
    border-left: 2px solid #FFF;margin: 0;padding: 0;max-height: 560px;border: 0;
}
.contact-form-wrapper .map iframe{margin: 0;}
.property-about p{margin-bottom: 1.5rem;line-height: 1.6;}
.content-wrap{padding: 20px 0;}
.inner-page .content-wrap:nth-child(2n) .row{flex-direction: row-reverse;}
.activity_info{align-self: center;padding: 2rem;}
.activity_info h3{text-transform: uppercase;font-weight: 700;font-size: 2rem;line-height: 1.6;margin-bottom: 1rem;letter-spacing: 1px;}
.activity_info p{line-height: 1.5;color: #4d4d4d;margin-bottom: 1rem;}
.activity_info h5{text-transform: uppercase;font-weight: 700;font-size: 1.2rem;line-height: 1.4;margin-bottom: .5rem;letter-spacing: 1px;}
.activity_info ul{list-style-type: disc;padding-left: 16px;margin-bottom: 1rem;}
.activity_info a{color: var(--secondary) !important;font-weight: 600;padding: 6px 12px;display: inline-block;border: 1px solid var(--secondary);border-radius: 4px;margin: 0;}
.modal-header h3 {
    margin: 10px 0;
    color: var(--primary);
    text-transform: uppercase;font-weight: 600;
}
.modal-body {
    position: relative;
    padding: 30px 40px 30px 40px;
}
.activity_info p,.modal-body p {
    color: #666;
}
.modal-body ul li {
    list-style: none;
    padding: 10px 0;
    display: block;
    border-bottom: 1px dashed var(--secondary);
}
.modal-body ul li::before {
    content:"\f0a9" !important;
    font-family:"Font Awesome 5 Free" !important;
    color: var(--primary);
    margin-right: 10px;
    font-size: 14px;
    font-weight: 900;
}
.modal-header{padding: 20px 40px;}
.column-list{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
.column-list li {
    white-space: nowrap;
    background: #fff;
    border-left: 4px solid var(--secondary);
    padding: 15px;
    font-size: 1.2rem;
    font-weight: 400;
    margin: 12px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    vertical-align: top;
}
.column-list li i {
    font-size: 1.2em;
    color: var(--primary);
    margin-right: 14px;
    vertical-align: middle;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 20px 0;
}
figure.effect-ming {
    background: #030c17;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
figure.effect-ming img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgb(255 255 255 / 20%);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.effect-ming h2 {
    color: #fff !important;
    margin: 15px 0 10px 0 !important;
    font-size: 2rem !important;
    font-weight: 300;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    background: none !important;
}
.effect-ming p {
    font-size: 1rem !important;
    text-transform: capitalize;
    letter-spacing: 0 !important;
    padding: 0 !important;font-weight: 400;line-height: 1.6;
}
figure.effect-ming p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: #fff;
}
figure.effect-ming:hover img {
    opacity: 0.4;
}
figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-ming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.effect-ming p a {
    color: #fff;
    margin: 10px 0;
    padding: 5px 10px;
    background: var(--secondary);
    display: inline-block;
}
.effect-ming p a:hover {background: #222;}
ul.bullet-list{padding: 20px 0 30px;line-height: 2;}
ul.bullet-list li{border-bottom: 1px dotted #d2d2d2;padding: 6px 0;}

#menu h3{font-size: 1.4rem;font-weight: 600;margin-bottom: 1.5rem;}
.menu {width: 100%;position: relative;background-color: #f7fcf7;padding: 15px 30px;border: 1px solid #95c772;height: 100%;}
.menu h5{font-size: 1.2rem;font-weight: 600;margin-bottom: 1rem;color: var(--secondary);padding-top: 15px;}
#menu .col-md-6{padding-bottom: 2rem;margin-top: 2rem;}
.menu::after {
    border: 12px solid transparent;
    border-top-color: #95c772;
    border-left-color: #95c772;
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    right: 0px;
    bottom: -24px;
}
.menu::before {
    border: 12px solid transparent;
    border-bottom-color: #95c772;
    border-right-color: #95c772;
    content: '';
    height: 0px;
    width: 0px;
    position: absolute;
    left: 0px;
    top: -24px;
}
.menu table th{color: #000;border-bottom: 1px solid #ccc;padding: 8px 10px;font-weight: 600;}
.menu table td{padding: 8px 10px;font-weight: 400;border-top: 1px dashed #d5d5d5;}

.gallery {
    display: flex;
    padding: 2px;
    transition: 0.3s;
  }
  .gallery:hover .gallery__image {
    filter: grayscale(1);
  }
  .gallery__column {
    display: flex;
    flex-direction: row;flex-wrap: wrap;
    width: 100%;
  }
  .gallery__link {
    overflow: hidden;
    width: 20%;flex: 0 0 20%;
  }
  .gallery__thumb{
    margin: 2px;}
  .gallery__link:hover .gallery__image {
    filter: grayscale(0);
  }
  .gallery__link:hover .gallery__caption {
    opacity: 1;
  }
  .gallery__thumb {
    position: relative;
  }
  .gallery__image {
    display: block;
    width: 100%;
    transition: 0.3s;
  }
  .gallery__image:hover {
    transform: scale(1.1);
  }
  .gallery__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 15px 15px;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: white;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
  }
.gallery-wrap h2{font-weight: 700;margin-bottom: 1.5rem;}




@media (min-width: 992px){
    .pop-logo{display: block;padding-bottom: 4rem;padding-left: 58px;}.popClose img{width: 32px;height: 32px;}
    .mb-space{margin-bottom: 2.5rem;}
.sidebar {
    width: 75%;
    min-width: 900px;
    padding-right: 64px;
    -webkit-transform: translateX(-100%) translateX(64px);
    -ms-transform: translateX(-100%) translateX(64px);
    transform: translateX(-100%) translateX(64px);
}
.job-popup,.job-popup2 {padding: 60px;-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.popBody{padding: 0rem 58px;}
.sidebar__handle {
    width: 64px;
}
.sidebar__icon {
    width: 20px;
    height: 52px;
}
.no-touchevents .sidebar:not(.is-open):not(.is-animating):hover .sidebar__handle {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}
.sidebar__content {
    padding: 42px 0 42px 42px;
}
.logo {
    max-width: 200px;
    max-height: 48px;
}
.sidebar__main-nav {
    margin: 60px 0;
}
#loader {
    left: 64px;
}
.content:not(.content--without-sidebar) {
    padding-left: 64px;
}
.homepage__content {
    padding: 0px;
}
.text-page__inner {
    padding: 40px 60px;
}
.text-cover .text-page__inner {
    padding: 50px 60px;
}
.text-cover .text-page__inner {
    padding-top: 110px;
    padding-bottom: 110px;
}
.text-page__cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;*/
}
.wrap{flex-wrap: wrap;}
.headingContent .text-page__heading{max-width: 40%;padding-right: 20px;;}
.headingContent .text-page__body {
    padding-left: 20px;
}
.page-head{font-size: 3.2rem;margin-bottom: 2rem;}
.innerBanner p{padding-right: 20px;line-height: 1.2;}
.text-page__img-wrap {
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.expertiesList ul li{padding: 10px 0 10px 80px;margin: 0 0 20px;display: flex;flex-direction: row;align-items: center;}

.text-page__quote{padding: 46px;height: 100%;display: flex;align-items: center;font-size: 1.8rem;}
.panel-body{padding: 2.2rem 19px 1rem;}
.panel-heading {
    border-left: 9px solid #f7a503;
    padding-left: 10px;
}
#accordion .panel-heading a {
    display: block;
    padding: 18px;}
.panel-body .row,.row.big-padd{margin-left: -30px;margin-right: -30px;}.panel-body .col-12,.row.big-padd .col-12{padding-left: 30px;padding-right: 30px;}
.text-page__team{max-width: 450px;}.career-quote{justify-content: center;margin: 0 auto;}.career-quote p{max-width: 560px;margin: 0 auto;}
.dark_bg{padding:4rem 46px;}
.fix-header{padding: 44px 60px 15px;}.fix-header.sticky-header{padding: 20px 60px 20px;}.menu-trigger.mobile{display: none;}
}
@media (max-width:1500px){
    .text-page__quote{font-size: 1.5rem;}
    .t-medium {
        font-size: 20px;
        line-height: normal;
    }
}
@media (max-width:1200px){
    .text-page__quote{font-size: 1.3rem;}
    .t-medium {
        font-size: 18px;
        line-height: normal;
    }
    .panel-body .row, .row.big-padd {
        margin-left: -15px;
        margin-right: -15px;
    }
    .panel-body .col-12, .row.big-padd .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .text-page__inner {
        padding: 40px 30px;
    }
    .text-cover .text-page__inner {
        padding: 50px 30px;
    }
    .text-cover .text-page__inner {
        padding-top: 110px;
        padding-bottom: 110px;
    }
    .fix-header.sticky-header {
        padding: 15px 30px 15px;
    }
    .footer {
        padding: 7.5rem 0px;
    }
    .job-popup {
        padding: 60px 30px 20px;
    }
    .connect {background: url(../img/connect_bg.jpg) 24% center no-repeat;background-size: cover;}
    .connect-content {max-width: 50%;margin-left: 0%;}
    .chkCont__night>span{white-space: nowrap;}
}
@media (max-width:992px){
    html,body{font-size: 13px;}
    .fnc-slide,.fnc-slider{max-height:  450px;}
    .stm_wp_hotelier_form{position: relative;bottom: auto;background: #000;}
    .fnc-slider-wrapper{height: auto;}
    .stm_wp_hotelier_form .btn_fill{white-space: nowrap;}
    .mobile {
        display: block;
    }
    .desktop{display: none;}
    .fix-header,.fix-header.sticky-header {
        padding: 15px 20px 15px;
    }
    .buttons-nav{margin-left: auto;}
    .fact{max-width: none;margin-right: 0rem;margin-bottom: 3rem;}
    .padding20 {padding: 10px;}
    .imgCont{width: 150px;}.imgCont img{object-fit: cover;}
    .package-title{font-size: 1.3rem;}
    .fix-header.inner_header .menu-trigger span,.fix-header.inner_header .menu-trigger span:after, .fix-header.inner_header .menu-trigger span:before{background: #000;}
    .project-includes h3{display: block;}
    .project-contact,.project-includes .col-lg-8{flex: 0 0 100%;max-width: 100%;margin-top: 10px;}
    .project-includes .dewa, .project-includes .wi-fi, .project-includes .parking{margin: 0 10px 0 0px;}
    .access .col-lg-3,.amenities .col-lg-3{flex: 0 0 50%;max-width: 50%;}
    .gallery__link {
        overflow: hidden;
        width: 33.33%;
        flex: 0 0 33.33%;
    }
    .about-content h2, .heading {
        font-size: var(--f32);
    }
    .connect-content h1 {
        font-size: 1.8rem;
    }
    .connect-content h1 span {
        font-size: 2.5rem;
    }
    .fnc-slide__inner img{opacity: 0;}
    .connect-content{max-width: 70%;}
}
@media all and (min-width:768px){
    
    .text-page__img-wrap img {
        max-height: 100vh;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover";
        min-height: 100%;
    }
}
@media all and (max-width:768px){
    .mobile{display: block;}.desktop{display: none;}
}
@media (max-width: 1023px){
    html{font-size: 13px;}
    .fix-header {
        padding: 15px 3 0px 15px;
    }
    .logo {
        max-width: 150px;
        max-height: 48px;
    }
    .text-page__col+.text-page__col.text-content {
        margin-top: 16px;
    }
    .panel-heading h4{font-size: 1.3rem;}
    .mb-5, .my-5 {margin-bottom: 2rem!important;}
    .bullet-listing {margin: 0rem 0 0rem 2.5rem;}
    .text-content{max-width: 100%;}
    /*.text-page-wrapper .homepage__logo {
        position: absolute;
        left: 20px;
        top: 26px;
    }*/
    .panel-heading h4{padding-right: 30px;}
    #accordion .panel-heading a:before{right: 15px;top: 1px;}
    .homepage__update{align-self: flex-end;}
    .text-cover__proceed {
        padding: 15px;
    }
    .text-cover__proceed img{width: 20px;height: 20px;}
    .text-page__col{padding-bottom: 30px;}
    .expertiesList ul{margin:0px;padding: 0rem 0;}.expertiesList ul li{padding: 11px 0 11px 40px;background-image: url(../img/about-us-icons.png);background-repeat: no-repeat;min-height: 48px;font-family: var(--three);background-size: 24px auto;display: flex;align-items: center;}
    .expertiesList:first-child ul li:nth-child(1){background-position: 0px 15PX;}
    .expertiesList:first-child ul li:nth-child(2){background-position: 0px -28PX;}
    .expertiesList:first-child ul li:nth-child(3){background-position: 0px -72PX;}
    .expertiesList:first-child ul li:nth-child(4){background-position: 0px -114PX;}
    .expertiesList:first-child ul li:nth-child(5){background-position: 0px -156PX;}
    .expertiesList:first-child ul li:nth-child(6){background-position: 0px -202PX;}
    .expertiesList:first-child ul li:nth-child(7){background-position: 0px -250PX;}
    .expertiesList:first-child ul li:nth-child(8){background-position: 0px -296PX;}
    .expertiesList:first-child ul li:nth-child(9){background-position: 0px -349PX;}
    .expertiesList:last-child ul li:nth-child(1){background-position: 0px -390PX;}
    .expertiesList:last-child ul li:nth-child(2){background-position: 0px -436PX;}
    .expertiesList:last-child ul li:nth-child(3){background-position: 0px -476PX;}
    .expertiesList:last-child ul li:nth-child(4){background-position: 0px -521PX;}
    .expertiesList:last-child ul li:nth-child(5){background-position: 0px -566PX;}
    .expertiesList:last-child ul li:nth-child(6){background-position: 0px -608PX;}
    .expertiesList:last-child ul li:nth-child(7){background-position: 0px -657PX;}
    .expertiesList:last-child ul li:nth-child(8){background-position: 0px -702PX;}
    .expertiesList:last-child ul li:nth-child(9){background-position: 0px -756PX;}
    .text-page__img-wrap img{width: 100%;}
}
@media (max-width: 768px){
    .text-page__inner {
        padding: 30px 15px;
    }
    .text-cover .text-page__inner {
        padding: 60px 15px 30px;
    }
    .fix-header {
        padding: 15px 15px 15px;
    }
    .text-content-full {
        max-width: 100%;
        padding: 0rem 0;
    }
    .text-page__col {
        padding-bottom: 18px;
    }
    .text-page__col+.text-page__col.text-content {
        margin-top: 10px;
    }
    .fix-header.sticky-header,.fix-header.inner_header {
        padding: 15px 20px 15px;
    }
    .stm_wp_hotelier_form form{flex-direction: column;}
    .stm_wp_hotelier_form form .form-group{flex: 0 0 100%;width: 100%;margin: 0 0 12px;}
    .footer{padding: 12rem 0px 20px;text-align: center;}
    .socials{justify-content: center;}
    .socials li {margin:0 5px;}
    .footer .widget-wrapper .footer-widget .socials li a{line-height: 32px;width: 32px;font-size: 1.1rem;}
    .footer .footer-logo{margin: 0 auto 1.2rem;}
    .testimonials {padding: 1.5rem 0rem 0;}
    .test-item {
        padding-left: 0px;padding-top: 110px;
        position: relative;
    }
    .user-img{left: 50%;width: 101px;height: 105px;background-size: cover;margin-left: -50px;padding: 9px 8px;}
    .user-img img {width: 74px !important;height: 74px;}
    .about_section h1{font-size: 1.6rem;}
    .padding20 {padding: 10px;}
    .listingRow>.flexOne.makeFlex{flex-direction: column;}
    .priceDetails{width: 100%;}.tile__priceSection{align-items: center;justify-content: flex-start;}.textRight{text-align: left;}
    .access .col-lg-3,.amenities .col-lg-3{flex: 0 0 50%;max-width: 50%;}
    .nav-tabs{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .project-detail,.project-detail-right{flex: 0 0 100%;max-width: 100%;}
    .activity_info{padding:15px;}
    .inner-banner .caption{font-size: 3rem;}
    .grid figure figcaption{position: relative;}
    figure.effect-ming p{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
    .gallery__link {
        overflow: hidden;
        width: 50%;
        flex: 0 0 50%;
    }
    .address .col-12 {border-right: 0px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;margin-bottom: 15px;}
    .address .col-12:last-child {border-bottom: 0px solid #d5d5d5;}
    .chkCont{display: block;}
    .splReqs__txtArea{max-width: 100%;width: 100%;}
    .splReqs__list{flex-direction: column;}
    .bookingInfo .col-12{margin-bottom: 15px;}
    .big_heading {font-size: 1.3rem;}
    .about-content h2, .heading {
        font-size: var(--f25);
    }
    .connect-content h1 {
        font-size: 1.4rem;
    }
    .connect-content h1 span {
        font-size: 2rem;
    }
    .stm_wp_hotelier_form form .form-group:nth-child(2), .stm_wp_hotelier_form form .form-group:first-child {
       flex-basis: 50px;
    }
    .fnc-slide,.fnc-slider{max-height:  300px;}.fnc-slide__heading-line{font-size: 2rem;}
    .fnc-nav__control{width: 30px;}
    .connect-content{max-width: 90%;}
    .filter{display: none;}
    .inner-food-slider{margin-bottom: 20px;}
    .content-wrap{padding: 15px;}
    .inner-banner{max-height: 150px;}
    .inner-banner img{width: 100%;height: auto;}
    .background-banner.inner-banner .caption{font-size: 1.3rem;}
}
@media (max-width: 500px){
    html{font-size: 14px;}
    #accordion .panel-heading a:before{right: 5px;top: 1px;}
    .t-small, .t-x-small {font-size: 14px;}
    .t-large, .t-x-large {font-size: 20px;}
    .nav-tabs .nav-link{font-size: 1.1rem;}
    .nav-tabs.row{margin-left: -5px;margin-right: -5px;}.nav-tabs.row .col-4{padding-left: 5px;padding-right: 5px;align-self: flex-end;}
    .access .col-lg-3,.amenities .col-lg-3{flex: 0 0 100%;max-width: 100%;}
}