/* ================================= */
  /* = G Q * G I R L S * S T Y L E S = */
  /* ================================= */

  :root {
    --gq-gold-main:     #e4c28a;
    --gq-gold-sec:      #be9654;
    --gq-gold-tri:      #aa783e;
  }

  html {overflow-x: hidden;}
  body {font-size: 14px; background-color: #000; font-family: 'Manrope'; overflow: hidden;}
  ul {list-style: none; padding-left: 0px;}

  section {padding: 100px 0px;}
  section.dark {background: #000; color: #fff;}
  section.light {background: #fff; color: #000;}
  footer {padding: 100px 0px; background: #000; color: #fff;}

  h1, h2, h3 {font-family: 'Playfair Display';}
  h4, h5, h6 {}


  /* ================================= */
  /* ===== H I D E R * B L O C K ===== */
  /* ================================= */

  .hideme.hidden {opacity: 0; width: 0; height: 0; transition: opacity 0.5s ease-out, width 0.5s ease 0.5s, height 0.5s ease 0.5s;}
  .hideme .wrapper{text-align: center; text-align: center; top: 30vh; position: relative;}
  .hideme .wrapper>p{font-family: 'Playfair Display'; color: var(--gq-gold-main); font-size: 2em; width: 60%; margin: 0px auto 40px; }
  .hideme .wrapper>ul{}
  .hideme .wrapper>ul>li{display: inline-block}
  .hideme .wrapper>ul>li:first-child{margin-right:15px;}
  .hideme .wrapper>ul>li>button{font-size: 1.2em; border: 1px solid var(--gq-gold-main); color: var(--gq-gold-main); background: transparent; padding: 15px 25px; border-radius: 8px;}
  .hideme .wrapper>ul>li>button#hidebtn__yes{color: #000; background: var(--gq-gold-main);}

  /* ================================= */
  /* ==== C A L L U S * B L O C K ==== */
  /* ================================= */

  .call-us-round-btn {}
  .call-us-round-btn>li {}
  .call-us-round-btn>li>a {}
  .call-us-round-btn>li>a>div {width: 34px; height: 34px; border-radius: 40px; position: relative; transition: all ease .3s; background-color: transparent; border: 1px solid var(--gq-gold-main); -webkit-animation: caller-ring 2s infinite; -webkit-animation-iteration-count: infinite;}
  .call-us-round-btn>li>a>div>svg {position: absolute; width: 18px; height: 18px; top: 7px; left: 8px;}
  .call-us-round-btn>li>a>div>svg>g {fill: var(--gq-gold-main); transition: all ease .3s;}

  /* ================================= */
  /* == R O L L I N G * P H O T O S == */
  /* ================================= */

  .photobanner-container {height:400px; position:relative; overflow:hidden;} 
  .photobanner-container.interior {margin-top: 50px;} 
  .photobanner {position:absolute; top:0px; left:0px; overflow:hidden; white-space: nowrap; animation: scrollit 80s linear infinite;}
  .photobanner.lboxyes {display: none;}
  .photobanner>a>img {margin: 0; height: 400px;}
  .photobanner>img {margin: 0; height: 400px;}

  @keyframes scrollit {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50%, 0);
    }
    100% {
        transform: translate(0%, 0);
    }    
  }

  h2 {font-size: 46px; color: var(--gq-gold-main); margin-bottom: 20px;}

  .content-wrapper .h2-subheader {font-family: 'Playfair Display'; font-size: 22px; margin-bottom: 40px; color: #fff;}
  .content-wrapper p {font-size: 1.2em; margin-bottom: 30px; color: #c0c0c0; line-height: 1.45em;}
  .content-center {text-align: center;}

  section .content-wrapper {padding: 50px}

  .close {color: #fff;}

  .navbar-gq {background-color: black; height: 120px; font-family: 'Manrope'; transition: all ease .4s; margin-bottom: 0px;}
  .navbar-gq ul {padding: 0px; list-style: none;}
  .navbar-gq a {text-decoration: none; color: var(--gq-gold-main);}
  .navbar-gq .navbar-header>.call-us-wrapper {position: relative; display: none; float: right; top: 28px; margin-right: 25px; transition: all ease .4s;}
  .navbar-gq .navbar-header>.reserve-btn {display: none; transition: all ease .4s;}
  .navbar-gq .navbar-header>.phone-round-btn {border-left: 1px solid rgba(228,194,138,.3); padding-left: 20px; margin-left: 20px;}


  .navbar-brand {outline: none; height: 120px; transition: all ease .4s; position: relative; z-index: 1;}
  .navbar-brand>img {height: 90px; width: 60px; transition: all ease .4s;}

  .navbar-nav.navbar-left>li>a {margin-top: 15px; transition: all ease .4s;}

  .navbar-toggle {margin-top: 28px; transition: all ease .4s;}
  .navbar-toggle .icon-bar {background-color: #aa783e;}

  .navbar-collapse {background-color: #000; position: relative;}
  .navbar-collapse>.mobile-frame {height: calc(100% - 22px); width:calc(100% - 22px); position:absolute; top: 10px; left: 10px; border: 1px solid rgb(170 120 62 / 50%); display: none;}
  .navbar-collapse.in>.mobile-frame {display: block;}
  .navbar-nav.navbar-left>li>a {font-family: 'Playfair Display'; font-size: 1.2em; color: var(--gq-gold-main);}
  .navbar-nav.navbar-right>li>a {font-family: 'Manrope'; font-size: 1.2em; color: var(--gq-gold-main);}


  .navbar-nav {height: 80px; margin: 20px 0px; transition: all ease .4s;}
  .navbar-nav>li {height: 100%;}
  .navbar-nav>li>a {font-family: 'Manrope'; font-size:1.2em; color: var(--gq-gold-main);}
  .navbar-nav>li>a:hover, .navbar-nav>li>a:focus{color: var(--gq-gold-tri); background-color: transparent; opacity: .8; transform: scale(1.1);}
  .navbar-nav>li.social {}
  .navbar-nav>li.social>ul {margin-top: 20px; transition: all ease .4s;}
  .navbar-nav>li.social>ul>li {display: inline-block; margin-right: 8px;}
  .navbar-nav>li.social>ul>li:last-child {margin-right: 0px;}
  .navbar-nav>li.social>ul>li>a>div {width:34px; height: 34px; border-radius: 40px; background-color: var(--gq-gold-sec); position: relative; transition: all ease .3s;}
  .navbar-nav>li.social>ul>li>a>div>svg {position: absolute; width:22px; height: 22px; top: 6px; left: 6px;}
  .navbar-nav>li.social>ul>li>a>div>svg>g {fill: #000; transition: all ease .3s;}

  .navbar-nav>li.social>ul>li.spot-whatsapp {}
  .navbar-nav>li.social>ul>li.spot-whatsapp>a:hover>div, .navbar-nav>li.social>ul>li.spot-whatsapp>a:focus>div {background-color: #2cb300;}
  .navbar-nav>li.social>ul>li.spot-whatsapp>a:hover>div>svg>g, .navbar-nav>li.social>ul>li.spot-whatsapp>a:focus>div>svg>g {fill: #fff;}
  .navbar-nav>li.social>ul>li.spot-viber {}
  .navbar-nav>li.social>ul>li.spot-viber>a>div>svg {top: 7px;}
  .navbar-nav>li.social>ul>li.spot-viber>a:hover>div, .navbar-nav>li.social>ul>li.spot-viber>a:focus>div {background-color: #bb24ec;}
  .navbar-nav>li.social>ul>li.spot-viber>a:hover>div>svg>g, .navbar-nav>li.social>ul>li.spot-viber>a:focus>div>svg>g {fill: #fff;}

  .navbar-nav>li.social>ul>li.spot-telegram {}
  .navbar-nav>li.social>ul>li.spot-telegram>a>div>svg {width: 18px; height: 18px; left: 6px; top: 8px;}
  .navbar-nav>li.social>ul>li.spot-telegram>a:hover>div, .navbar-nav>li.social>ul>li.spot-telegram>a:focus>div {background-color: #0074da;}
  .navbar-nav>li.social>ul>li.spot-telegram>a:hover>div>svg>g, .navbar-nav>li.social>ul>li.spot-telegram>a:focus>div>svg>g {fill: #fff;}

  .navbar-nav>li.small-callus {display: none;}
  .navbar-nav>li.small-callus>ul {margin-top: 20px; transition: all ease .4s;}
  .navbar-nav>li.small-callus>ul>li {display: inline-block; margin-right: 8px;}
  .navbar-nav>li.small-callus>ul>li:last-child {margin-right: 0px;}
  .navbar-nav>li.small-callus>ul>li>a>div {width:34px; height: 34px; border-radius: 40px; position: relative; transition: all ease .3s; background-color: transparent; border: 1px solid var(--gq-gold-main); -webkit-animation: caller-ring 2s infinite;  -webkit-animation-iteration-count:infinite;}
  .navbar-nav>li.small-callus>ul>li>a>div>svg {position: absolute; width: 18px; height: 18px; top: 7px; left: 8px;}
  .navbar-nav>li.small-callus>ul>li>a>div>svg>g {fill: var(--gq-gold-main); transition: all ease .3s;}


  .navbar-nav>li.address {color: var(--gq-gold-main); font-size: 1.2em;}
  .navbar-nav>li.address>ul {}
  .navbar-nav>li.address>ul>li {}

  .navbar-nav>li.reserve {}
  .navbar-nav>li.reserve>ul {text-align: center;}
  .navbar-nav>li.reserve>ul>li {}
  .navbar-nav>li.reserve>ul>li.phone {}
  .navbar-nav>li.reserve>ul>li.phone>div {margin-bottom: 10px;}
  .navbar-nav>li.reserve>ul>li.phone>div>a {font-size: 1.4em;}
  .navbar-nav>li.reserve>ul>li.phone-round-btn {display: none;}  
  .navbar-nav>li.reserve>ul>li.phone-round-btn>.wrapper {}  
  .navbar-nav>li.reserve>ul>li.phone-round-btn>.wrapper>a {}  
  .navbar-nav>li.reserve>ul>li.reserve-btn {}
  .navbar-nav>li.reserve>ul>li.reserve-btn>.wrapper {}
  .navbar-nav>li.reserve>ul>li.reserve-btn>.wrapper>button {width: 180px; height: 40px;  background-color: transparent;  color: #fff; border-radius: 10px;  text-transform: uppercase;  text-decoration: none; font-weight: 900;  font-family: sans-serif;  outline: 0px; transition: all ease .4s; border: 1px solid #fff;}
  .navbar-nav>li.reserve>ul>li.reserve-btn>.wrapper>button:hover, .navbar-nav>li.reserve>ul>li:last-child>.wrapper>button:focus { background-color: var(--gq-gold-main); color: #000; border: 1px solid var(--gq-gold-main);}
  .navbar-nav.navbar-right>li {border-left: 1px solid rgba(228,194,138,.3); padding-left: 20px; margin-left: 20px;}
  .navbar-nav.navbar-right>li:first-child {border-left: none; padding-left: 0px; margin-left: 0px;}

  /* SMALL NAVBAR */

  .navbar-gq-small {height: 70px;}
  .navbar-gq-small .navbar-toggle {margin-top: 18px;}
  .navbar-gq-small .navbar-brand {outline: none; height: 70px; padding: 10px 15px;}
  .navbar-gq-small .navbar-brand>img {height: 50px;}
  .navbar-gq-small .navbar-nav {height:40px; margin: 15px 0px;}
  .navbar-gq-small .navbar-nav.navbar-left>li>a {margin-top: -5px; font-size: 1em;}
  .navbar-gq-small .navbar-nav>li.reserve>ul>li.phone {display: none;}
  .navbar-gq-small .navbar-nav>li.social {}
  .navbar-gq-small .navbar-nav>li.social>ul {margin: 2px 0px;}
  .navbar-gq-small .navbar-nav>li.small-callus {display: inline-block}
  .navbar-gq-small .navbar-nav>li.small-callus>ul {margin: 2px 0px;}
  .navbar-gq-small .navbar-nav>li.small-callus>ul>li>a>div {}
  .navbar-gq-small .navbar-header>.call-us-wrapper {top: 18px;}


  @-webkit-keyframes caller-ring{
      0% {
      }
      10% { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); }
      20% { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); }
      30% { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); }
      40% { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg);}
      50% { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg);}
      60% { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg);}
      70% { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg);}
      80% { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg);}
      90% { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg);}
      100% { -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -o-transform:rotate(-10deg);}
  }  

  /* ================================ */
  /* ======== W E L C O M E ========= */
  /* ================================ */

  section.welcome {background-size: cover; width: 100%; height: 100vh; background-image: url(/assets/img/bg-redwall-mid.jpg);}
  section.welcome.newbrowser {background-image: url(/assets/img/bg-redwall.webp);}

  .dimmer-bg {
    position: absolute; top: 0px; left: 0px;
    width: 100%; height: 100vh;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 80%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 80%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 80%);
  }
  section.welcome .content-wrapper {text-align: center;}
  section.welcome .content-wrapper>ul {margin-top: 150px;}
  section.welcome .content-wrapper>ul>li {
    color: var(--gq-gold-main);
    font-family: 'Playfair Display';
    font-size: 8em;
    line-height: .9em;
    text-shadow: 1px 1px 20px black, 0px 20px 15px rgb(0 0 0 / 70%);
  }
  section.welcome .content-wrapper>ul>li>h1 {color: #fff; font-size: .25em; letter-spacing: .2em;}
  section.welcome .content-wrapper>ul>li>h1:before {position: relative; content: '.'; bottom: 10px;}
  section.welcome .content-wrapper>ul>li>h1:after {position: relative; content: '.'; bottom: 10px;}
  section.welcome .content-wrapper>ul>li>span {}
  section.welcome .content-wrapper>ul>li.city {
    margin-top: 30px;
    padding: 10px 35px 14px; 
    display: inline-block; 
    border-radius: 40px; 
    border: 1px solid rgb(255 255 255 / 40%);
    background: #340000; 
    color: #fff; 
    font-size: 1.5em;
    text-shadow: 1px 1px 20px black, 0px 3px 5px rgb(0 0 0 / 70%);
    box-shadow: 1px 1px 20px black;
    letter-spacing: .4em;
  }
  
  .scroll-down-button {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(50% - 20px);
    bottom: 100px;
    width: 40px;
    height: 40px;    
  }
  .scroll-down-button>.chevron {
    position: absolute;
    width: calc(0.6rem * 3.5);
    height: calc(0.6rem * 0.8);
    opacity: 0;
    transform: scale(0.3);
    animation: move-chevron 3s ease-out infinite;
  }
  .scroll-down-button>.chevron:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
  }
  .scroll-down-button>.chevron:nth-child(2) {
    animation: move-chevron 3s ease-out 1s infinite;
  }
  .scroll-down-button>.chevron:before, .scroll-down-button>.chevron:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: var(--gq-gold-main);
  }
  .scroll-down-button>.chevron:before {
    left: 0%;
    transform: skewY(30deg);
  }
  .scroll-down-button>.chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
  }
  @keyframes move-chevron {
    25% { opacity: 1; }
    33.3% { opacity: 1; transform: translateY(calc(0.6rem * 3.8)); }
    66.6% { opacity: 1; transform: translateY(calc(0.6rem * 5.2)); }
    100% { opacity: 0; transform: translateY(calc(0.6rem * 8)); }
  }

  /* ================================ */
  /* ========== A B O U T =========== */
  /* ================================ */

  section.about {position: relative; width: 100%; height: unset; padding: 0px; z-index: 1; background: #000; background: -moz-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: -webkit-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: radial-gradient(ellipse at center, rgba(51,0,0,1) 0%, rgba(0,0,0,100) 100%);}
  section.about>.halfer {position: absolute; width: 50%; height: 100%; z-index: 2; background-image: url('/assets/img/bg-about.jpg'); background-size: cover; background-position: top center; opacity: .5;}
  section.about .content-wrapper {margin-top: 40px;}
  section.about .content-wrapper h2 {margin-bottom: 40px;}
  section.about .content-wrapper .h2-subheader {border-left: 1px solid var(--gq-gold-main); padding-left: 20px;}

  /* ================================ */
  /* ======= F E A T U R E S ======== */
  /* ================================ */

  section.features {background: #000;
  background: -moz-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%);
  background: radial-gradient(ellipse at center, rgba(51,0,0,1) 0%, rgba(0,0,0,100) 100%);
  }
  section.features .block-features{display: flex; flex-wrap: wrap;}
  section.features .block-features>li{flex: 1; position: relative; border: 1px solid #2d030e; margin: 0px 3px;}
  section.features .block-features>li>.wrapper{position: relative; margin: 0px 5px; padding: 50px 15%;}
  section.features .block-features>li>.back{background-size: cover; height: 100%; width: 100%; position: absolute; opacity: .12;}
  section.features .block-features>li>.wrapper>h3{font-family: "Playfair display"; color: var(--gq-gold-main); margin-bottom: 40px;}
  section.features .block-features>li>.wrapper>p{font-size: 1.2em; margin-bottom: 20px; color: #c0c0c0; line-height: 1.45em;}
  section.features .block-features>li.privacy>.back{background-image: url("/assets/img/features-privacy.jpg");}    
  section.features .block-features>li.status>.back{background-image: url("/assets/img/features-status.jpg");}    
  section.features .block-features>li.parking>.back{background-image: url("/assets/img/features-parking.jpg");}  


  /* ================================ */
  /* ======= C R A Z Y M E N U ====== */
  /* ================================ */

  section.crazymenu {} 
  section.crazymenu h2 {text-align: center;} 
  section.crazymenu h2>span {position: relative; font-size: .5em; color: #fff; top: -.8em;} 
  section.crazymenu .cm-disclaimer {width: 60%; margin: auto; color: var(--gq-gold-main);} 
  section.crazymenu .cm-disclaimer>span {color: #fff;} 
  section.crazymenu .cm-disclaimer>span.intim {position: relative; font-family: 'Playfair Display'; font-size: 1.3em; border-bottom: 2px solid #bf2e35;} 
  .cmenu-flex {display: flex; flex-wrap: wrap;}
  .cmenu-flex>li {flex: 1}
  .cmenu-flex>li>ul>li{padding: 0px 5%; font-family: 'Playfair Display'; font-size: 1.23em;}
  .cmenu-flex>li>ul>li>h3{width: 100%; text-align: center; color: var(--gq-gold-main); margin-top: 0px; margin-bottom: 25px;}
  .cmenu-flex>li>ul>li>table {width: 100%; margin-bottom:50px; }
  .cmenu-flex>li>ul>li>table>tbody>tr {border-bottom: 1px solid rgb(255 255 255 / 20%);}
  .cmenu-flex>li>ul>li>table>tbody>tr:last-child {border: 0px;}        
  .cmenu-flex>li>ul>li>table>tbody>tr>td {width: calc(100% - 80px); padding: 12px 0px 15px;}
  .cmenu-flex>li>ul>li>table>tbody>tr>td>span {position: relative; left: 5px; color: var(--gq-gold-sec);}
  .cmenu-flex>li>ul>li>table>tbody>tr>td:last-child {text-align: right; width: 75px;}
  .cmenu-flex>li>ul>li>table.disclaimer {}    
  .cmenu-flex>li>ul>li>table.disclaimer>tbody>tr {border-bottom: 0px;}    
  .cmenu-flex>li>ul>li>table.disclaimer>tbody>tr>td {width: 100%; text-align: left;}    
  .cmenu-flex>li>ul>li>table.disclaimer>tbody>tr>td:last-child {text-align: left; width: 100%; font-family: 'Manrope';}    
  
  @media (max-width: 420px) and (orientation: portrait) {
    .cmenu-flex {flex-direction: column;}

  }

  /* ================================ */
  /* ======== A C T R E S S ========= */
  /* ================================ */

  section.actress {
    padding: 100px 0px 0px;
    position: relative;
  }
  section.actress>.dimmer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url(/assets/img/bg-footer-small.jpg);
    background-size: cover;
    opacity: .5;    
  }
  .section.actress>.dimmer.newbrowser {
    background-image: url(/assets/img/bg-footer.webp);
  }

  section.actress .heading-wrapper {
    width: 60%; 
    margin: 100px auto;
    text-align: center;
  }
  section.actress .h2-subheader {
    font-family: 'Playfair Display';
    font-size: 22px;
    margin-bottom: 40px;
    color: #fff;
  } 

  /* ================================ */
  /* ========= H I R I N G ========== */
  /* ================================ */

  section.hiring {position: relative; width: 100%; height: 100%; padding: 0px; z-index: 1; background: #000; background: -moz-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: -webkit-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: radial-gradient(ellipse at center, rgba(51,0,0,1) 0%, rgba(0,0,0,100) 100%);}
  section.hiring>.halfer {position: absolute; width: 50%; left: 50%; height: inherit; z-index: 2; background-image: url('/assets/img/bg-hiring.jpg'); background-size: cover; background-position: center right; opacity: .5;}
  section.hiring .content-wrapper {margin-top: 40px;}
  section.hiring .content-wrapper h2 {margin-bottom: 40px;}
  section.hiring .content-wrapper .h2-subheader {border-left: 1px solid var(--gq-gold-main); padding-left: 20px;}  
  section.hiring .content-wrapper>p>span {color: var(--gq-gold-main); position: relative; margin-right: 10px;}  
  
  /* ================================ */
  /* ====== Y A N D E X . M A P ===== */
  /* ================================ */
  /*.ymap {padding: 0px;}
  .ymap iframe {width: 100%; height: 500px; pointer-events: none; touch-action: none;}*/
  .ymap {padding: 0px; width: 100%; height: 500px; pointer-events: none; touch-action: none;}


  /* ================================ */
  /* ========= F O O T E R ========== */
  /* ================================ */

  footer {position: relative;}
  footer>.dimmer {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(/assets/img/bg-footer-small.jpg); background-size: cover; opacity: .5;}
  footer>.dimmer.newbrowser {background-image: url(/assets/img/bg-footer.webp);}

  .footer-flex{display: flex; flex-wrap: wrap;}
  .footer-flex>li{flex: 1}
  .footer-flex>li>.footer-wrapper{padding: 0px 0px 0px 50px}
  .footer-flex>li:first-child;{flex: 2}
  .footer-flex>li:first-child>.footer-wrapper{padding: 0px 10px;}

  .footer-wrapper>.branding{position: relative;}
  .footer-wrapper>.branding>img{poisition: relative; width: 40%; margin: auto 30%;}
  .footer-wrapper>.branding>ul.sitename{font-family: 'Playfair Display'; width: 60%; margin: 10px 20% 0px; font-size: 1.8em; color: #fde8c4; line-height: 1.1em; text-align: center;}
  .footer-wrapper>.branding>ul.sitename>li{}
  .footer-wrapper>.branding>ul.sitename>li>span{}
  .footer-wrapper>.branding>ul.status{font-family: 'Manrope'; color: #fff; letter-spacing: .4em; font-size: .6em; text-transform: uppercase; text-align: center; margin-top: 14px;}
  .footer-wrapper>.branding>ul.status>li{}


  .footer-menu {font-size: 1.5em; font-family: 'Playfair Display';}
  .footer-menu>li {margin-bottom: 12px;}
  .footer-menu>li:first-child {margin-bottom: 30px; font-weight: 500; font-size: .8em; text-transform: uppercase; color: #fce8c4; letter-spacing: .3em; display: inline-block;}
  .footer-menu>li:first-child:after {content: ''; position: relative; display: block; margin-top: 8px; width:100%; height:2px; background-color:rgb(252 232 196 / 25%); }
  .footer-menu>li>a {text-decoration: none; color: var(--gq-gold-main); transition: all ease .4s;}
  .footer-menu>li>a:hover, .footer-menu>li>a:focus {opacity: .5;}

  .footer-menu>li.reserve {cursor: pointer; transition: all ease .4s;}
  .footer-menu>li.reserve:hover, .footer-menu>li.reserve:focus {opacity: .5;}

  .footer-menu>li.call-us {margin-bottom: 30px;}
  .footer-menu>li.call-us>ul {}
  .footer-menu>li.call-us>ul>li {}
  .footer-menu>li.call-us>ul>li>a {font-family: 'Manrope'; color: var(--gq-gold-main); text-decoration: none;}
  .footer-menu>li.call-us>ul>li>a>ul {}
  .footer-menu>li.call-us>ul>li>a>ul>li {font-size: .85em; transition: inherit; transition: all ease .3s;}
  .footer-menu>li.call-us>ul>li>a>ul>li:first-child {font-family: 'Playfair Display'; font-size: .9em; color: #fff; margin-bottom: 5px; transition: inherit; transition: all ease .3s;}

  .footer-menu>li.call-us>ul>li>a:hover>ul>li, .footer-menu>li.call-us>ul>li>a:focus>ul>li {opacity: .4;}

  .footer-menu>li.write-us, .footer-menu>li.social-us{}
  .footer-menu>li.write-us>ul, .footer-menu>li.social-us>ul{margin-bottom: 10px;}
  .footer-menu>li.write-us>ul>li, .footer-menu>li.social-us>ul>li{display: inline-block}
  .footer-menu>li.write-us>ul>li:first-child, .footer-menu>li.social-us>ul>li:first-child{display:block; font-size: .9em; margin-bottom: 8px;}
  
  .footer-menu>li.work-hours {margin-bottom: 30px;}
  .footer-menu>li.work-hours>ul {}
  .footer-menu>li.work-hours>ul>li {font-family: 'Manrope'; font-size: .85em; color: var(--gq-gold-main);}
  .footer-menu>li.work-hours>ul>li:first-child {margin-bottom: 10px; color:#fff; font-family: 'Playfair Display'; font-size: .9em;}

  .footer-menu>li.letters{margin-bottom: 30px;}
  .footer-menu>li.letters>ul{}
  .footer-menu>li.letters>ul>li{font-family: 'Manrope'; font-size: .85em;}

  .footer-menu>li.route{display: none;}
  .footer-menu>li.route>ul{}
  .footer-menu>li.route>ul>li{}
  .footer-menu>li.route>ul>li:first-child{font-family: 'Playfair Display'; font-size: .9em; margin-bottom: 10px;}
  .footer-menu>li.route>ul>li>a{font-size: .75em; color: var(--gq-gold-main); text-decoration: none; transition: all ease .4s; font-family: 'Manrope';}
  .footer-menu>li.route>ul>li>a:hover, .footer-menu>li.route>ul>li>a:focus{opacity: .4;}

  /* ================================ */
  /* ===== M E S S E N G E R S ====== */
  /* ================================ */

  ul.block-msg>li{display: inline-block; margin-right: 8px;}
  ul.block-msg>li:last-child{margin-right: 0px;}
  ul.block-msg>li>a>div{width: 34px; height: 34px; border-radius: 40px; background-color: transparent; position: relative; transition: all ease .3s; border: 1px solid var(--gq-gold-main);}
  ul.block-msg>li>a>div>svg{position: absolute; width: 22px; height: 22px; top: 5px; left: 5px;}
  ul.block-msg>li>a>div>svg>g{fill: var(--gq-gold-main);}

  ul.block-msg>li.whatsapp>a>div>svg{left: 5px;}
  ul.block-msg>li.viber>a>div>svg{left: 5px; top: 6px;}
  ul.block-msg>li.telegram>a>div>svg{width: 18px; height: 18px; left: 6px; top: 8px;}
  ul.block-msg>li.instagram>a>div>svg{width: 18px; height: 18px; left: 7px; top: 7px;}
  ul.block-msg>li.facebook>a>div>svg{width: 18px; height: 18px; left: 7px; top: 7px;}
  ul.block-msg>li.vk>a>div>svg{width: 18px; height: 18px; left: 7px; top: 7px;}

  ul.block-msg>li.whatsapp>a:hover>div{background-color: #2cb300; border: 1px solid #2cb300;}
  ul.block-msg>li.whatsapp>a:hover>div>svg>g, ul.block-msg>li.viber>a:hover>div>svg>g, ul.block-msg>li.telegram>a:hover>div>svg>g, ul.block-msg>li.telegram>a:hover>div>svg>g, ul.block-msg>li.vk>a:hover>div>svg>g, ul.block-msg>li.facebook>a:hover>div>svg>g{fill: #fff;}
  ul.block-msg>li.viber>a:hover>div{background-color:#bb24ec; border: 1px solid #bb24ec;}
  ul.block-msg>li.telegram>a:hover>div{background-color:#0074da; border: 1px solid #0074da;}
  ul.block-msg>li.instagram>a:hover>div{background-color:#bb24ec; border: 1px solid #bb24ec;}
  ul.block-msg>li.vk>a:hover>div{background-color:#0074da; border: 1px solid #0074da;}
  ul.block-msg>li.facebook>a:hover>div{background-color:#0074da; border: 1px solid #0074da;}  

  /* ================================ */
  /* ===== P H O N E  C A L L  ====== */
  /* ================================ */

  .block-phonecall {transition:  all ease .4s;}
  .block-phonecall>a {color: #fff; transition:  all ease .4s; text-decoration: none;}
  .block-phonecall:hover, .block-phonecall:focus {opacity: .5;}
  .block-phonecall>a>ul {}
  .block-phonecall>a>ul>li {}
  .block-phonecall>a>ul>li.text {display: none;}
  .block-phonecall>a>ul>li.phone {font-family: 'Manrope'; font-size: 2em; margin-bottom: 20px;}


  /* ================================ */
  /* ========== M O D A L =========== */
  /* ================================ */

  .modal>.modal-dialog { margin: 15px auto; }
  .modal>.modal-dialog>.modal-content>.modal-header { position: relative; height: 230px; background: -moz-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: -webkit-radial-gradient(center, ellipse cover, rgba(51,0,0,1) 0%, rgba(0,0,0,0.95) 80%); background: radial-gradient(ellipse at center, rgba(51,0,0,1) 0%, rgba(0,0,0,100) 100%);}
  .modal>.modal-dialog>.modal-content>.modal-header>.dimmer {position: absolute; background-image: url(/assets/img/bg-modal.jpg); background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; opacity: .2; background-position-y: 20px;}
  .modal>.modal-dialog>.modal-content>.modal-header {border-bottom: 1px solid #340708;}
  .modal>.modal-dialog>.modal-content>.modal-header>h3 {font-family: 'Playfair Display'; font-size: 30px; color: var(--gq-gold-main); top: 90px; position: relative; text-align: center; margin: 0px; padding: 0px;}
  .modal>.modal-dialog>.modal-content>form{}
  .modal>.modal-dialog>.modal-content>form>.modal-body {padding-bottom: 35px;}
  .modal>.modal-dialog>.modal-content>form>.modal-body, .modal>.modal-dialog>.modal-content>.modal-footer {background-color: #2b0004; margin-top: 0px; padding-top: 45px; }
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields {display: none;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields.show {display: block;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>input, .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>textarea {width: 100%; height: 50px; margin-bottom: 10px; padding: 10px;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>textarea {}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>label {font-family: 'Manrope'; margin-top: 15px; width: 100%;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>label>input {position: relative; color: #fff; display: inline-block; margin: 0px; width: 20px; height: 20px; top: 0px; vertical-align: top;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.fields>label>span {position: relative; color: #fff; display: inline-block; left: 10px; width: calc(100% - 35px); vertical-align: top;}

  .modal>.modal-dialog>.modal-content>form>.modal-body>.ok-message, .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message {text-align: center; display: none; transition: all ease .4s;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.ok-message.show, .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message.show {display: block}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.ok-message>ul {}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.ok-message>ul>li, .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li {color:var(--gq-gold-main);}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.ok-message>ul>li:first-child, .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li:first-child {font-family: 'Playfair Display'; font-size: 1.3em; color:var(--gq-gold-main); margin-bottom: 20px;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message{}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul{}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li{margin-bottom: 20px;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li>a{}

  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li.call-us{width: 100%; text-align: center;}
  .modal>.modal-dialog>.modal-content>form>.modal-body>.error-message>ul>li.call-us>a{color: #fff; font-family: 'Playfair Display'; font-size: 2.4em; text-decoration: none;}

  .modal>.modal-dialog>.modal-content>form>.modal-footer {margin-top: 0px;text-align: center; border-top: 1px solid #340708; background-color:#2b0004; }

  .modal-btn-send {display: inline-block; padding: 15px 30px; color: #000; background: var(--gq-gold-main); border: 1px sold var(--gq-gold-main); transition: all ease .4s;}
  .modal-btn-send:hover, .modal-btn-send:focus {background: var(--gq-gold-tri); border: 1px sold var(--gq-gold-tri); color: var(--gq-gold-main);}
  .modal-btn-send.hide {display: none;}
  .modal-btn-close {display: inline-block; padding: 15px 30px; color: var(--gq-gold-main); background: transparent; border: 1px solid var(--gq-gold-main); transition: all ease .4s;}
  .modal-btn-close:hover, .modal-btn-close:focus {color: #000; background: var(--gq-gold-main); border: 1px solid var(--gq-gold-main);}
  .modal-btn-close.hide {display: none;}


  /* RESPONSIVE */

  @media (max-width: 767px){
    .navbar .navbar-header>button {display: inline-block;}
    .navbar .navbar-header>.reserve-btn {position: relative; display: inline-block; float: right; margin-top: 24px; margin-right: 25px; font-size: 11px;}
    .navbar .navbar-header>.reserve-btn>button {text-transform: uppercase;}
    .navbar .navbar-header>.reserve-btn>button {width: 134px; height: 40px;  background-color: transparent;  color: #fff; border-radius: 10px;  text-transform: uppercase;  text-decoration: none; font-weight: 900;  font-family: sans-serif;  outline: 0px; transition: all ease .4s; border: 1px solid #fff;}
    .navbar .navbar-header>.reserve-btn>button:hover, .navbar-gq .navbar-header>.reserve-btn>button:focus { background-color: var(--gq-gold-main); color: #000; border: 1px solid var(--gq-gold-main);}
    .navbar-gq-small .navbar-header>.reserve-btn {margin-top: 14px;}    
  }

  @media (min-width: 420px) and (max-width: 991px){
    .navbar {height: 90px;}
    .navbar .navbar-brand {height: 90px; padding: 10px 15px;}
    .navbar .navbar-brand>img {height: 70px;}    
    .navbar .navbar-nav {height:60px; margin: 15px 0px;}  
    .navbar .navbar-nav.navbar-left>li>a {font-size: 1em; margin-top: 0px; padding-top: 20px; padding-bottom: 20px;}

    .navbar-gq-small {height: 70px}
    .navbar-gq-small .navbar-brand {height: 70px; padding: 10px 15px;}    
    .navbar-gq-small .navbar-brand>img {height: 50px;} 

    section.hiring>.halfer {position: relative!important; width: 100vw!important; height: 380px!important; left: 0%; min-height: unset; background-size: 100%; background-position: top center;}    

    section.features .block-features{display: flex; flex-wrap: wrap; flex-direction: column;}
    section.features .block-features>li{margin: 0px 0px 20px; border: 1px solid #2d030e;}
    section.features .block-features>li>.wrapper{padding: 50px 15%; position: relative; margin: 0px; border: 0px;}
    section.features .block-features>li:last-child>.wrapper{border-bottom: 0px;}         
  }

  @media (min-width: 421px) and (max-width: 767px){
    section .content-wrapper {padding: 50px 3%;}
    .scroll-down-button {bottom: 200px;}

    .navbar .navbar-nav.navbar-left>li {text-align: center;}
    .navbar .navbar-nav.navbar-left>li>a {font-size: 1.2em;}
    .navbar-nav.navbar-left {column-count: 2; height: auto; padding: 20px 10px}
    .navbar-nav.navbar-right {height: auto;}

    section.welcome .content-wrapper>ul>li {font-size: 15vw;}
    section.welcome .content-wrapper>ul>li>h1 {font-size: 5vw;}
    section.welcome .content-wrapper>ul>li>h1:before, section.welcome .content-wrapper>ul>li>h1:after {vertical-align: middle; bottom: 2.2vw;}
    section.welcome .content-wrapper>ul>li.city {font-size: 4vw; padding:10px 35px 12px;}

    section.about {height: unset!important;}
    section.about>.halfer {width: 100vw!important; height: 280px!important; min-height: unset; position: relative!important; background-size: cover;background-position: center top!important;}
    section.about .content-wrapper {}

    section.hiring {height: unset!important;}
    section.hiring>.halfer {position: relative!important; width: 100vw!important; height: 380px!important; left: 0%; min-height: unset; background-size: 100%; background-position: top center;}
    section.hiring .content-wrapper {}      
    
    .cmenu-flex {flex-direction: column;}
  }

  @media (min-width:768px) and (max-width: 991px){
    section .content-wrapper {padding: 50px 3%;}
    .scroll-down-button {bottom: 200px;}

    .navbar-nav.navbar-left {column-count: 1;}

    .navbar .navbar-nav>li.social {display: none;}  
    .navbar .navbar-nav>li.reserve {display: none;}  
    .navbar .navbar-nav>li.small-callus {display: block;}  
    .navbar .navbar-nav>li.small-callus>ul {margin-top: 13px;}

    .navbar-gq-small .navbar-nav {height:50px; margin: 10px 0px;}
    .navbar-gq-small .navbar-nav.navbar-left>li>a {font-size: 1em; margin-top: 0px; padding-top: 15px; padding-bottom: 15px;}      
    .navbar-gq-small .navbar-nav>li.small-callus>ul {margin-top: 8px;}   
    
    section.about {height: unset!important;}
    section.about>.halfer {position: relative!important; width: 100vw!important; height: 380px!important; min-height: unset; background-size: cover; background-position: center top!important;}
    section.about .content-wrapper {}

    section.hiring {height: unset!important;}
    section.hiring>.halfer {position: relative!important; width: 100vw!important; height: 380px!important; min-height: unset; background-size: cover; background-position: center top!important;}
    section.hiring .content-wrapper {}      
    
    .cmenu-flex {flex-direction: column;} 
  }

  @media (min-width: 992px) and (max-width: 1199px){
    .navbar-nav>li.social {display: none;}
    
    section.about {height: unset!important;}
    section.about>.halfer {height: 100%!important; background-position-x: 200px; background-position-x: -600px!important;}

  }

  @media (min-width: 1200px){
    .navbar-nav.navbar-left {margin-left: 20px; }
    .navbar-nav.navbar-right:last-child {}
  }

  @media (min-width: 300px) and (max-width: 440px) and (orientation: portrait) {
    .hideme .wrapper{top: 20vh;}
    .hideme .wrapper>ul>li{display: block;}
    .hideme .wrapper>ul>li:first-child{margin-right: 0px; margin-bottom: 20px;}

    section .content-wrapper {padding: 50px 3%;}

    .scroll-down-button {bottom: 150px;}

    .navbar-toggle {margin-top: 40px;}
    .navbar-nav {height: auto;}
    .navbar-collapse {max-height: 480px;}
    .navbar-nav>li {text-align: center;}    
    .navbar-nav.navbar-left, .navbar-nav.navbar-right {float: none; display: block; height: unset;}
    .navbar-nav.navbar-left {column-count: 2; height: auto; padding: 20px 10px;}
    .navbar-nav.navbar-left>li>a {font-size: 1.4em; margin-top: 0px; margin-bottom: 20px;}
    .navbar-nav.navbar-right>li {border-left: 0px; padding-left:0px; margin-left:0px;}
    .navbar-nav.navbar-right>li.reserve>ul>li {margin-bottom: 22px;}
    .navbar-nav.navbar-right>li.reserve>ul>li.reserve-btn {display: none;}
    .navbar-gq .navbar-header>.reserve-btn {margin-top: 38px; font-size: 12px; margin-right: 14px;}
    .navbar-gq .navbar-header>.reserve-btn>button {width: 134px;border: 1px solid var(--gq-gold-tri); background-color: var(--gq-gold-tri); color: #000;}

    .navbar-gq-small .navbar-collapse {max-height: 480px;}
    .navbar-gq-small .navbar-header>.reserve-btn {margin-top: 15px; font-size: 12px; margin-right: 14px;}
    .navbar-gq-small .navbar-nav.navbar-left>li>a{font-size: 1.4em; margin-top: 0px; margin-bottom: 20px;}
    .navbar-gq-small .navbar-nav>li.reserve>ul>li.phone {display: block}
    .navbar-gq-small .navbar-nav>li.small-callus {display: none;}

    .navbar-nav>li.social {padding-bottom: 20px;}
    .navbar-nav>li.social>ul>li.spot-whatsapp>a>div, .navbar-nav>li.social>ul>li.spot-whatsapp>a>div {background-color: #2cb300;}
    .navbar-nav>li.social>ul>li.spot-viber>a>div, .navbar-nav>li.social>ul>li.spot-viber>a>div {background-color: #bb24ec;}
    .navbar-nav>li.social>ul>li.spot-telegram>a>div, .navbar-nav>li.social>ul>li.spot-telegram>a>div {background-color: #0074da;}
    .navbar-nav>li.social>ul>li.spot-whatsapp>div>svg>g, .navbar-nav>li.social>ul>li.spot-whatsapp>a>div>svg>g, .navbar-nav>li.social>ul>li.spot-viber>div>svg>g, .navbar-nav>li.social>ul>li.spot-viber>a>div>svg>g, .navbar-nav>li.social>ul>li.spot-telegram>div>svg>g, .navbar-nav>li.social>ul>li.spot-telegram>a>div>svg>g {fill: #fff;}

    section.welcome .content-wrapper>ul {margin-top: 14vw;}    
    section.welcome .content-wrapper>ul>li {font-size: 15vw;}
    section.welcome .content-wrapper>ul>li>h1 {font-size: 5vw;}
    section.welcome .content-wrapper>ul>li>h1:before, section.welcome .content-wrapper>ul>li>h1:after {vertical-align: middle; bottom: 2.2vw;}
    section.welcome .content-wrapper>ul>li.city {font-size: 4vw; padding:10px 35px 12px;}

    section.about {height: unset!important;}
    section.about>.halfer {background-image: url('/assets/img/bg-about-mobile.jpg'); width: 100vw!important; height: 280px!important; position: relative!important; background-position: center top!important; min-height: unset;}

    section.features .block-features{display: flex; flex-wrap: wrap; flex-direction: column;}
    section.features .block-features>li{margin: 0px 0px 20px; border: 1px solid #2d030e;}
    section.features .block-features>li>.wrapper{padding: 50px 15%; position: relative; margin: 0px; border: 0px;}
    section.features .block-features>li:last-child>.wrapper{border-bottom: 0px;}

    section.actress .heading-wrapper {width: 100%;}

    section.hiring {height: unset!important;}
    section.hiring>.halfer {background-image: url('/assets/img/bg-hiring-mobile.jpg'); width: 100vw!important; height: 280px!important; left: 0px!important; position: relative!important; background-position: center top!important;}
    section.hiring .block-phonecall {margin-bottom: 20px;}
    section.hiring .block-phonecall>a>ul>li.text {display: block;}

    .modal {width: 90%; margin: auto;}
    .modal>.modal-dialog>.modal-content>.modal-header {height: 120px;}
    .modal>.modal-dialog>.modal-content>.modal-header>h3 {top: 30px;}
    .modal>.modal-dialog>.modal-content>.modal-header>.dimmer {background-position-y: 0px;}
    .modal>.modal-dialog>.modal-content>form>.modal-body, .modal>.modal-dialog>.modal-content>form>.modal-footer {padding-top: 20px;}
    .modal>.modal-dialog>.modal-content>form>.modal-body {padding-bottom: 20px;}


    .footer-flex {flex-direction: column;}
    .footer-flex>li {height: auto;}
    .footer-flex>li>.footer-wrapper{padding: 0px}
    .footer-flex>li>.footer-wrapper>.branding {margin-bottom: 40px; height: 360px;}

    .footer-menu {text-align: center; margin-bottom: 50px; font-size: 1.6em;}
    .footer-menu>li.route{display: block;}

    .footer-information>.address {text-align: center;}

  }
  @media (min-width: 300px) and (max-width: 375px) and (orientation: portrait) {

    .navbar-nav.navbar-left {column-count: 1; height: auto; padding: 20px 10px}
    .navbar-nav.navbar-right {height: auto;}
    .navbar-nav.navbar-left>li>a, .navbar-gq-small .navbar-nav.navbar-left>li>a {font-size: 1.4em; margin-top: 0px; margin-bottom: 5px;}
    .navbar-gq-small .navbar-nav>li.reserve>ul>li.phone, .navbar-nav>li.reserve>ul>li.phone {display: block;}
    .navbar-gq-small .navbar-nav>li.social, .navbar-nav>li.social {border-left: 0px; padding-left: 0px; margin-left: 0px; text-align: center;}
    .navbar-nav>li.reserve>ul>li.reserve-btn {display: none;}
    .navbar-gq-small .navbar-nav>li.small-callus {display: none;}    
  }

  @media (max-width: 900px) and (orientation: landscape) {

    section.welcome {padding: 40px 0px;}
    section.welcome .content-wrapper>ul {margin-top: 20px;}
    section.welcome .content-wrapper>ul>li>h1 {font-size: 2.6vw;}
    section.welcome .content-wrapper>ul>li {font-size: 9vw;}
    section.welcome .content-wrapper>ul>li>h1:before, section.welcome .content-wrapper>ul>li>h1:after {bottom: .8vw;}
    section.welcome .content-wrapper>ul>li.city {font-size: 2vw; margin-top: 18px; padding: 6px 35px 8px}

    .scroll-down-button{bottom: 60px;}

    .footer-flex {flex: 1; flex-direction: column; text-align: center;}
    .footer-flex>li {margin-bottom: 40px;} 
    .footer-flex>li>.footer-wrapper {padding: 0px;} 
    .footer-wrapper>.branding>img {width: 20%;}
  }

  @media (max-width: 740px) and (orientation: landscape) {
    .hideme .wrapper>p {width: 80%;}

    .navbar-gq .navbar-header>.reserve-btn {margin-top: 24px;}
    .navbar-gq-small .navbar-header>.reserve-btn {margin-top: 16px;}
    .navbar-gq .navbar-header>.call-us-wrapper {display: inline-block;}
    .navbar-nav.navbar-left {column-count: 3;}
    .navbar-nav.navbar-right>li:first-child {display: none;}
    .navbar-nav.navbar-right>li {padding-left: 0px; margin-left: 0px; border: 0px;}
    .navbar-nav.navbar-right>li.social {padding-left: 0px; margin-left: 0px; border: 0px; text-align: center; width: 80%; border-top: 1px solid var(--gq-gold-tri); margin: 20px auto;}
    .navbar-nav.navbar-right>li.small-callus {display: none;}
    .navbar-gq-small .navbar-nav.navbar-right>li.social {padding-top: 20px;}
    
    section.welcome {padding: 40px 0px 20px;}
    section.welcome .content-wrapper>ul {margin-top: 20px;}
    section.welcome .content-wrapper>ul>li>h1 {font-size: 3.2vw;}
    section.welcome .content-wrapper>ul>li {font-size: 9vw;}
    section.welcome .content-wrapper>ul>li>h1:before, section.welcome .content-wrapper>ul>li>h1:after {bottom: 1.4vw;}
    section.welcome .content-wrapper>ul>li.city {font-size: 2vw; margin-top: 18px; padding: 6px 35px 8px}
    
    .scroll-down-button{bottom: 40px;}

    .footer-wrapper>.branding>img {margin: auto; width: 20%;}
    .footer-flex {flex-direction: column; flex-wrap: nowrap; text-align: center;}
    .footer-flex>li {margin-bottom: 40px;}
    .footer-flex>li>.footer-wrapper {padding: 0px;}
    .footer-menu>li.route {display: block}    
  }
  @media (max-width: 568px) and (orientation: landscape) {
    .hideme .wrapper>p {width: 80%;}
    section .content-wrapper {padding: 40px 3%;}
    section.welcome .content-wrapper>ul>li:nth-child(2) {margin-top: -10px;} 

    .block-phonecall>a>ul>li.text {display: block}
  }

.body-loading {overflow: hidden;}
.hideme {position: fixed; width: 100%; height: 100%; z-index: 1200; overflow: hidden; display: block; top: 0px; left: 0px; opacity: 1; transition: opacity 0.5s ease-in 0.5s, width 0.5s ease, height 0.5s ease; 
    background: -moz-radial-gradient(center, ellipse cover, rgba(70,0,0,.99) 0%, rgba(0,0,0,0.95) 80%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(70,0,0,.99) 0%, rgba(0,0,0,0.95) 80%);
    background: radial-gradient(ellipse at center, rgba(70,0,0,.99) 0%, rgba(0,0,0,0.95) 80%);
}