/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
  font-family:'Oswald-Regular';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  @font-face {
  font-family:'Oswald-Bold';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  @font-face {
  font-family:'Oswald-Light';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  @font-face {
  font-family:'Angelica';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  @font-face {
  font-family:'UltimaLt';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  @font-face {
  font-family:'Ultima';
  src:url(/fonts/GothamMedium.ttf)
  }
  
  body {
  background:#fff;
  overflow-x:hidden!important;
  position:relative
  }
  
  html {
  scroll-behavior:smooth;
  overflow-x:hidden!important
  }
  
  .preloader {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:#fff;
  z-index:111111111
  }
  
  .prelogo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  left:50%;
  top:40%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  -webkit-filter:none;
          filter:none;
  -webkit-animation:logoo 1 5s ease;
          animation:logoo 1 5s ease
  }
  
  @-webkit-keyframes logoo {
  0% {
  -webkit-filter:blur(4px);
          filter:blur(4px)
  }
  
  100% {
  -webkit-filter:blur(0px);
          filter:blur(0px)
  }
  }
  
  @keyframes logoo {
  0% {
  -webkit-filter:blur(4px);
          filter:blur(4px)
  }
  
  100% {
  -webkit-filter:blur(0px);
          filter:blur(0px)
  }
  }
  
  .motion {
  width:90vw
  }
  
  .gooey {
  position:absolute;
  bottom:20%;
  left:50%;
  width:142px;
  height:40px;
  margin:-20px 0 0 -71px;
  background:#fff
  }
  
  .gooey .dot {
  position:absolute;
  width:16px;
  height:16px;
  top:12px;
  left:15px;
  background:#C3996B;
  border-radius:50%;
  -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
          transform:translateX(0);
  -webkit-animation:dot 2.8s infinite;
          animation:dot 2.8s infinite
  }
  
  .gooey .dots {
  -webkit-transform:translateX(0);
      -ms-transform:translateX(0);
          transform:translateX(0);
  margin-top:12px;
  margin-left:31px;
  -webkit-animation:dots 2.8s infinite;
          animation:dots 2.8s infinite
  }
  
  .gooey .dots span {
  display:block;
  float:left;
  width:16px;
  height:16px;
  margin-left:16px;
  background:#000;
  border-radius:50%
  }
  
  @-webkit-keyframes dot {
  50% {
  -webkit-transform:translateX(96px);
          transform:translateX(96px)
  }
  }
  
  @keyframes dot {
  50% {
  -webkit-transform:translateX(96px);
          transform:translateX(96px)
  }
  }
  
  @-webkit-keyframes dots {
  50% {
  -webkit-transform:translateX(-31px);
          transform:translateX(-31px)
  }
  }
  
  @keyframes dots {
  50% {
  -webkit-transform:translateX(-31px);
          transform:translateX(-31px)
  }
  }
  
  header {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  width:100vw;
  position:fixed;
  height:170px;
  z-index:3;
  background:#fff;
  -webkit-transition:.5s ease all;
  -o-transition:.5s ease all;
  transition:.5s ease all;
  transition:.5s ease all;
  padding:1vw 0;
  padding-left:15px;
  box-shadow:0 2px 4px 0 #b1b1b1;
  -webkit-box-shadow:0 2px 4px 0 #b1b1b1;
  -moz-box-shadow:0 2px 4px 0 #b1b1b1;
  }
  
  .logo img {
  padding-top:30px;
  width:500px;
  -webkit-transition:.5s ease all;
  -o-transition:.5s ease all;
  transition:.5s ease all
  }
  
  .logo {
  text-align:center;
  font-family:'UltimaLt';
  -webkit-transition:2s ease all;
  -o-transition:2s ease all;
  transition:2s ease all;
  -webkit-transition:visibility 2s,opacity .5s linear;
  -o-transition:visibility 2s,opacity .5s linear;
  transition:visibility 2s,opacity .5s linear
  }
  
  .logo_alt {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#000
  }
  
  .logo_alt p {
  margin:0 1vw;
  font-size:.6rem
  }
  
  .logo_line {
  width:4vw;
  height:1px;
  background:#000
  }
  
  .cls-1 {
  fill:#000
  }
  
  .menu {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:15vw;
  font-family:'UltimaLt';
  -webkit-transition:1s ease all;
  -o-transition:1s ease all;
  transition:1s ease all;
  cursor:pointer
  }
  
  .menu:hover {
  color:gray
  }
  
  .menu p {
  font-size:.8rem
  }
  
  .toggle {
  position:relative;
  width:70px;
  height:30px;
  background:#fff;
  border-radius:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  overflow:hidden
  }
  
  .toggle span {
  position:absolute;
  width:25px;
  left:15px;
  height:1px;
  border-radius:4px;
  background:#000;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s
  }
  
  .toggle span:nth-child(2) {
  -webkit-transform:translateY(-10px);
  -ms-transform:translateY(-10px);
  transform:translateY(-10px);
  width:20px;
  left:15px
  }
  
  .toggle span:nth-child(3) {
  -webkit-transform:translateY(10px);
  -ms-transform:translateY(10px);
  transform:translateY(10px);
  width:15px;
  left:15px
  }
  
  .toggle.active span:nth-child(1) {
  -webkit-transform:translateX(60px);
  -ms-transform:translateX(60px);
  transform:translateX(60px)
  }
  
  .toggle.active span:nth-child(2) {
  width:20px;
  -webkit-transform:translateX(0) rotate(45deg);
  -ms-transform:translateX(0) rotate(45deg);
  transform:translateX(0) rotate(45deg);
  -webkit-transition-delay:.2s;
  -o-transition-delay:.2s;
  transition-delay:.2s
  }
  
  .toggle.active span:nth-child(3) {
  width:20px;
  -webkit-transform:translateX(0) rotate(-45deg);
  -ms-transform:translateX(0) rotate(-45deg);
  transform:translateX(0) rotate(-45deg);
  -webkit-transition-delay:.4s;
  -o-transition-delay:.4s;
  transition-delay:.4s
  }
  
  .slide_menu {
  position:fixed;
  width:30vw;
  height:100vh;
  padding-top:150px;
  left:0;
  background-color:#000;
  z-index:2;
  margin-left:-100vw;
  -webkit-transition:2s ease all;
  -o-transition:.5s ease all;
  -webkit-transition:.5s ease all;
  transition:.5s ease all
  }
  
  .slide_menu_margin {
  margin-left:0!important
  }
  
  .slide_menu_links {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  font-size:1rem;
  font-family:'UltimaLt';
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin:5vw
  }
  
  .slide_menu_links a {
  color:#fff;
  position:relative;
  text-decoration:none;
  margin-top:2vw;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
  }
  
  .slide_menu_links a::before {
  content:'';
  position:absolute;
  width:100%;
  height:2px;
  border-radius:4px;
  background-color:#fff;
  bottom:-5px;
  left:0;
  -webkit-transform-origin:right;
  -ms-transform-origin:right;
  transform-origin:right;
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:-webkit-transform .3s ease-in-out;
  -o-transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
  }
  
  .slide_menu_links a:hover::before {
  -webkit-transform-origin:left;
  -ms-transform-origin:left;
  transform-origin:left;
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  transform:scaleX(1)
  }
  
  .slide_menu_logo img {
  width:50%;
  top:5vw;
  margin-left:1.5vw
  }
  
  .splide__pagination {
  display:none!important
  }
  
  .social {
  width:15vw;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
  }
  
  .social a {
  font-family:'UltimaLt';
  color:#000;
  font-size:.8rem;
  padding-right:1vw;
  position:relative;
  text-decoration:none
  }
  
  .social a::before {
  content:'';
  position:absolute;
  width:60%;
  height:3px;
  border-radius:4px;
  background-color:#000;
  bottom:-5px;
  left:0;
  -webkit-transform-origin:right;
  -ms-transform-origin:right;
  transform-origin:right;
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:-webkit-transform .3s ease-in-out;
  -o-transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
  }
  
  .social a:hover::before {
  -webkit-transform-origin:left;
  -ms-transform-origin:left;
  transform-origin:left;
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  transform:scaleX(1)
  }
  
  .first_block {
  width:100vw;
  margin:3vw 0
  }
  
  .first_block_line {
  width:40%;
  height:1px;
  margin:0 auto;
  background:#000;
  -webkit-transition:1s ease all;
  -o-transition:1s ease all;
  transition:1s ease all
  }
  
  .first_block_line:nth-child(2) {
  width:60%
  }
  
  .first_block h1 {
  font-family:'UltimaLt';
  cursor:pointer;
  -webkit-transition:.5s ease all;
  -o-transition:.5s ease all;
  transition:.5s ease all;
  font-size:4vw;
  width:80vw;
  margin:1vw auto;
  text-align:center
  }
  
  .first_block h1:hover {
  color:gray
  }
  
  .first_block h1:hover+.first_block_line {
  width:30%
  }
  
  .slide_img {
  background-size:cover!important;
  background-position:center!important
  }
  
  .slider_back {
  width:100vw!important;
  margin:0 auto;
  height:-webkit-fit-content!important;
  height:-moz-fit-content!important;
  height:fit-content!important;
  font-family:'UltimaLt'
  }
  
  .slider_back_upper {
  width:90vw;
  margin:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
      justify-content:space-around
  }
  
  .slider_back_upper img {
  width:20%;
  margin-right:0;
  padding:20px 0
  }
  
  .slider_back_span {
  width:90vw;
  margin:auto;
  border-left:2px solid #de9422;
  border-right:2px solid #de9422;
  padding:15px
  }
  
  .slider_back_span h2 {
  font-size:45px
  }
  
  .slider_back_span_middle {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin:30px 0
  }
  
  .slider_back_span_middle p {
  font-size:20px;
  padding:15px 0;
  background:#de932253;
  width:90vw;
  padding-left:10px
  }
  
  .slider_back_tags {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .slider_back_span_tag {
  font-size:20px;
  padding:15px 10px;
  margin-left:5px;
  background:#000;
  color:#fff;
  text-transform:uppercase
  }
  
  .slider_back_span_lower {
  width:auto!important;
  height:auto!important;
  margin:auto;
  padding:15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
  }
  
  .slider_back_span_lower img {
  height:40vw
  }
  
  .slider_back_span_lower_text {
  margin:0 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .slider_back_span_lower_text h2 {
  font-size:1.5rem
  }
  
  .slider_back_span {
  width:50vw!important
  }
  
  .slide_text {
  width:70vw;
  height:50vh;
  background:rgba(0,0,0,0.471);
  float:right;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
  }
  
  .slide_info_area {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin:auto
  }
  
  .slide_text_area {
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding-right:10px
  }
  
  .slide_text_area p:nth-child(1) {
  font-family:'UltimaLt';
  color:#fff;
  font-size:2em;
  line-height:40px;
  text-transform:uppercase
  }
  
  .slide_text_area p:nth-child(2) {
  font-family:'UltimaLt';
  color:#999;
  font-size:1.2rem;
  line-height:20px;
  text-transform:uppercase
  }
  
  .terrace_logo {
  width:50%!important
  }
  
  .slide_logo_area {
  margin:auto;
  width:14vw;
  text-align:center;
  height:5vw;
  position:relative;
  overflow:auto;
  background:#fff;
  -webkit-animation:gradient 15s ease infinite;
          animation:gradient 15s ease infinite;
  background-size:400% 400%;
  background-attachment:fixed
  }
  
  .slide_logo_area img {
  max-height:100%;
  max-width:70%;
  width:auto;
  height:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto
  }
  
  @-webkit-keyframes gradient {
  0% {
  background-position:0 0
  }
  
  50% {
  background-position:100% 100%
  }
  
  100% {
  background-position:0 0
  }
  }
  
  @keyframes gradient {
  0% {
  background-position:0 0
  }
  
  50% {
  background-position:100% 100%
  }
  
  100% {
  background-position:0 0
  }
  }
  
  .wave {
  background:red;
  border-radius:1000% 1000% 0 0;
  position:fixed;
  width:200%;
  height:12em;
  -webkit-animation:wave 10s -3s linear infinite;
          animation:wave 10s -3s linear infinite;
  -webkit-transform:translate3d(0,0,0);
          transform:translate3d(0,0,0);
  opacity:.8;
  bottom:0;
  left:0;
  z-index:-1
  }
  
  .wave:nth-of-type(2) {
  bottom:-1.25em;
  animation:wave 18s linear reverse infinite;
  opacity:.8
  }
  
  .wave:nth-of-type(3) {
  bottom:-2.5em;
  animation:wave 20s -1s reverse infinite;
  opacity:.9
  }
  
  @-webkit-keyframes wave {
  2% {
  -webkit-transform:translateX(1);
          transform:translateX(1)
  }
  
  25% {
  -webkit-transform:translateX(-25%);
          transform:translateX(-25%)
  }
  
  50% {
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%)
  }
  
  75% {
  -webkit-transform:translateX(-25%);
          transform:translateX(-25%)
  }
  
  100% {
  -webkit-transform:translateX(1);
          transform:translateX(1)
  }
  }
  
  @keyframes wave {
  2% {
  -webkit-transform:translateX(1);
          transform:translateX(1)
  }
  
  25% {
  -webkit-transform:translateX(-25%);
          transform:translateX(-25%)
  }
  
  50% {
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%)
  }
  
  75% {
  -webkit-transform:translateX(-25%);
          transform:translateX(-25%)
  }
  
  100% {
  -webkit-transform:translateX(1);
          transform:translateX(1)
  }
  }
  
  .splide_text_block {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100vw;
  text-align:center
  }
  
  .splide_text_block div {
  margin-top:0;
  margin-bottom:2vw;
  width:33%
  }
  
  .splide_text_block div:nth-child(2) {
  margin-bottom:2vw
  }
  
  .splide_text_block h2 {
  font-family:'UltimaLt';
  font-size:2vw
  }
  
  .second_block {
  width:100vw
  }
  
  .marquee_text {
  -webkit-animation:marquee 40s linear infinite;
  animation:marquee 40s linear infinite;
  text-transform:uppercase;
  font-family:'UltimaLt';
  font-size:5rem;
  width:410%;
  padding:40px 0 20px;
  overflow-y:hidden!important
  }
  
  @-webkit-keyframes marquee {
  0% {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
  }
  
  100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
  }
  }
  
  @keyframes marquee {
  0% {
  -webkit-transform:translateX(100%);
  transform:translateX(2%)
  }
  
  50% {
  -webkit-transform:translateX(-100%);
  transform:translateX(-53%)
  }
  
  100% {
  -webkit-transform:translateX(-100%);
  transform:translateX(2%)
  }
  }
  
  .coming_soon {
  position:absolute;
  color:#000;
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  top:42%;
  font-size:.8rem;
  font-family:'UltimaLt'
  }
  
  .slide_text_2 {
  width:100%;
  height:20vw;
  float:right;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor:pointer;
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  .slide_text_2:hover {
  background:rgba(0,0,0,0.128)
  }
  
  .slide_info_area_2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:absolute;
  bottom:20px;
  margin-left:-40%
  }
  
  .slide_text_area_2 {
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding-right:10px;
  display:none
  }
  
  .slide_text_area_2 p:nth-child(1) {
  font-family:'Oswald-Bold';
  color:#fff;
  font-size:1em;
  line-height:40px;
  text-transform:uppercase
  }
  
  .slide_text_area_2 p:nth-child(2) {
  font-family:'Oswald-Regular';
  color:#999;
  font-size:.5rem;
  line-height:10px;
  text-transform:uppercase
  }
  
  .splide1 {
  margin:10px 0
  }
  
  .splide2,.splide3 {
  margin-left:10px!important
  }
  
  .splide_2 {
  width:calc(30vw - 12px)!important;
  height:20vw
  }
  
  .splide__list a {
  margin:10px!important
  }
  
  .splide__progress {
  margin-top:2vw
  }
  
  .fourth_block_marquee .marquee_text {
  width:200%;
  margin-left:50%;
  font-size:2vw;
  margin-bottom:20px
  }
  
  .third_slide {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
  }
  
  .third_text h2 {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  font-size:2rem!important
  }
  
  .third_text p {
  font-size:1.1rem!important
  }
  
  .third_space {
  width:10%
  }

  .third_photo{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .third_photo img {
  /* width:100%!important; */
  height:-webkit-fit-content !important;
  height:-moz-fit-content !important;
  height:fit-content !important;
  /* align-items: center; */
  }
  
  .our_partners {
  width:92vw;
  text-align:center;
  font-family:'Ultima';
  margin:3vw auto;
  padding:2vw 0;
  -webkit-box-shadow:0 -5px 8px -5px #000;
  box-shadow:0 -5px 8px -5px #000;
  text-transform:uppercase
  }
  
  .partners {
  width:92vw;
  margin:2vw auto;
  height:90vh;
  padding-top:150px
  }
  
  .partners_div {
  text-align:center;
  text-transform:uppercase;
  font-family:'Ultima';
  margin-bottom:100px
  }
  
  .partners_div img {
  width:200px;
  margin-bottom:10px
  }
  
  footer {
  -webkit-box-shadow:0 -5px 8px -3px rgba(0,0,0,0.152);
  box-shadow:0 -5px 8px -3px rgba(0,0,0,0.152);
  background:#fff
  }
  
  .footer {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:92.5vw;
  margin:0 auto;
  padding:5vw 0;
  border-bottom:2px solid #D1D1D1;
  font-family:'UltimaLt'
  }
  
  .footer a {
  color:#000
  }
  
  .footer_logo {
  width:16.6%
  }
  
  .footer_logo img {
  width:50%
  }
  
  .footer_links {
  width:16.6%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  font-size:1.2vw;
  line-height:2vw
  }
  
  .footer_links a {
  color:#000;
  position:relative;
  text-decoration:none;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  font-size:.8rem
  }
  
  .footer_links a::before {
  content:'';
  position:absolute;
  width:100%;
  height:2px;
  border-radius:4px;
  background-color:#000;
  bottom:.4vw;
  left:0;
  -webkit-transform-origin:right;
  -ms-transform-origin:right;
  transform-origin:right;
  -webkit-transform:scaleX(0);
  -ms-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:-webkit-transform .3s ease-in-out;
  transition:-webkit-transform .3s ease-in-out;
  -o-transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out;
  transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
  }
  
  .footer_links a:hover::before {
  -webkit-transform-origin:left;
  -ms-transform-origin:left;
  transform-origin:left;
  -webkit-transform:scaleX(1);
  -ms-transform:scaleX(1);
  transform:scaleX(1)
  }
  
  .footer_social {
  width:25%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
  }
  
  .footer_social a {
  padding-right:2vw
  }
  
  .footer_social a img {
  width:50%;
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  .footer_social a img:hover {
  width:50%;
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
  }
  
  .footer_follow {
  width:25%
  }
  
  .footer_follow input {
  width:70%;
  padding:5px 10px
  }
  
  .footer_get_text {
  font-size:.8rem
  }
  
  .footer_input {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  font-size:.8rem;
  border-bottom:2px solid #D1D1D1;
  padding:.4vw 0;
  margin-top:1vw
  }
  
  .footer_button {
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:5px 0
  }
  
  .footer_button:hover {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
  }
  
  .footer_copy {
  text-align:center;
  font-size:.6rem;
  padding:1vw 0;
  font-family:'Ultima';
  text-transform:uppercase;
  color:rgba(0,0,0,0.571)
  }
  
  .proj {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:space-evenly;
      -ms-flex-pack:space-evenly;
          justify-content:space-evenly;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  width:92vw;
  margin:0 auto;
  margin-top:200px;
  font-family:'UltimaLt';
  -webkit-box-shadow:0 -5px 8px -5px rgba(0,0,0,0.152);
  box-shadow:0 -5px 8px -5px rgba(0,0,0,0.152);
  padding-top:1vw
  }
  
  .proj_info {
  width:50%
  }
  
  .proj_logo {
  width:40%
  }
  
  .proj_logo img {
  width:100%
  }
  
  .proj_info_text h2 {
  font-size:1rem;
  margin:1vw 0;
  font-family:'Ultima';
  text-transform:uppercase;
  visibility:hidden
  }
  
  .proj_info_text p {
  font-size:1.2rem;
  margin:1vw 0;
  padding-right:1vw
  }
  
  .proj_links {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
  }
  
  .proj_links a {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  font-size:.8rem;
  margin:1vw 0;
  color:#000;
  border-bottom:1px solid #000;
  font-family:'Ultima';
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all;
  text-transform:uppercase;
  padding:5px
  }
  
  .proj_links a:hover {
  -webkit-transform:scale(1.2);
  -ms-transform:scale(1.2);
  transform:scale(1.2)
  }
  
  .proj_links details > summary {
  list-style:none
  }
  
  details > summary::-webkit-details-marker {
  display:none
  }
  
  .proj_links details summary {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  font-size:.8rem;
  margin:1vw 0;
  color:#000;
  border-bottom:1px solid #000;
  font-family:'Ultima';
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all;
  cursor:pointer
  }
  
  .proj_links details summary:hover {
  -webkit-transform:scale(1.2);
  -ms-transform:scale(1.2);
  transform:scale(1.2)
  }
  
  details p {
  font-size:.8rem!important
  }
  
  .proj_slider {
  width:500px;
  height:500px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .proj_slider_span {
  text-align:center;
  margin:0 1.1vw
  }
  
  .proj_slider_span img {
  margin-top:5vw;
  width:50%!important
  }
  
  .proj_slider img {
  width:100%
  }
  
  .mapp {
  width:92vw;
  margin:0 auto;
  height:600px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:3vw
  }
  
  .proj_map {
  width:50%;
  margin:0 auto
  }
  
  .proj_map img {
  width:100%
  }
  
  .proj_map_desc {
  width:80%;
  margin-top:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between
  }
  
  .proj_map_trip {
  width:100%
  }
  
  .WidgetTitle__Container-sc-173f1y-0 {
  display:none
  }
  
  .proj_map_info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:inline-block;
  width:50%;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
  }
  
  .proj_map_info_flex {
  padding-left:2vw;
  margin:0 auto
  }
  
  .proj_map_info_text h3 {
  font-size:1rem;
  font-family:'Ultima'
  }
  
  .proj_map_info_text p {
  font-size:.8rem;
  font-family:'UltimaLt';
  padding:1vw 0
  }
  
  .proj_social {
  width:45%!important;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:30%;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:1vw 0
  }
  
  .proj_social img {
  width:3vw;
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  .proj_social img:hover {
  width:3vw;
  -webkit-transform:scale(1.2);
  -ms-transform:scale(1.2);
  transform:scale(1.2)
  }
  
  .contact_us {
  width:92vw;
  margin:200px auto;
  font-family:'UltimaLt';
  -webkit-box-shadow:0 -5px 8px -5px rgba(0,0,0,0.152);
  box-shadow:0 -5px 8px -5px rgba(0,0,0,0.152);
  padding-top:1vw
  }
  
  form {
  display:-ms-grid;
  display:grid
  }
  
  input,textarea {
  border:none;
  border:2px solid rgba(0,0,0,0.1);
  border-radius:2px;
  background:#fff;
  padding-left:5px;
  outline:none;
  margin-bottom:1vw;
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  input:focus,textarea:focus {
  border:1px solid #000
  }
  
  textarea {
  resize:none
  }
  
  #customerOrder {
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  #customerOrder:hover {
  -webkit-transform:scale(1.1);
      -ms-transform:scale(1.1);
          transform:scale(1.1)
  }
  
  .contact_us_text {
  margin:2vw auto;
  text-align:center;
  font-family:"Ultima"
  }
  
  .catering_div {
  background-image:url(/assets/catering/4.png);
  height:100vh
  }
  
  .catering_div_block {
  margin-top:200px;
  color:#fff;
  font-family:"Ultima";
  font-size:30px;
  text-align:center
  }
  
  .catering_div_block img {
  width:30%
  }
  
  .catering_div_block p {
  margin-bottom:20px
  }
  
  .catering_div_block a button {
  border:2px solid #fff;
  padding:20px 15px 5px;
  font-size:20px;
  text-transform:uppercase;
  -webkit-transition:.3s ease all;
  -o-transition:.3s ease all;
  transition:.3s ease all
  }
  
  .catering_div_block a button:hover {
  background:#fff;
  color:#000
  }
  
  .catering_imgs_1 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .catering_imgs_2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .catering_imgs p {
  position:absolute;
  color:#fff;
  font-size:24px!important;
  font-family:"Ultima";
  padding:5vw;
  line-height:30px;
  text-align:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  background:rgba(0,0,0,0.568)
  }
  
  .catering_imgs_1_bg {
  background:url(/assets/catering/1.jpeg);
  background-size:cover;
  width:50vw;
  height:700px
  }
  
  .catering_imgs_2_bg {
  background:url(/assets/catering/2.jpeg);
  background-position:center;
  background-size:cover;
  width:50vw;
  height:700px
  }
  
  .catering_imgs_3_bg {
  background:url(/assets/catering/3.jpeg);
  background-size:cover;
  width:50vw;
  height:700px
  }
  
  .catering_imgs_4_bg {
  background:url(/assets/catering/4.jpeg);
  background-position:center;
  background-size:cover;
  width:50vw;
  height:700px
  }
  
  .catering_imgs_5_bg {
  background:url(/assets/catering/5.jpeg);
  background-position:center;
  background-size:cover;
  width:25vw;
  height:700px
  }
  
  .catering_imgs_6_bg {
  background:url(/assets/catering/6.jpeg);
  background-position:center;
  background-size:cover;
  width:25vw;
  height:700px
  }
  
  .catering_imgs_7_bg {
  background:url(/assets/catering/7.jpeg);
  background-position:center;
  background-size:cover;
  width:25vw;
  height:700px
  }
  
  .catering_imgs_8_bg {
  background:url(/assets/catering/8.jpeg);
  background-position:center;
  background-size:cover;
  width:25vw;
  height:700px
  }
  
  .about_us_header {
  position:absolute;
  z-index:2;
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%)
  }
  
  .about_us_first {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .about_two {
  background:url(/assets/img/cayevi.jpg) no-repeat;
  background-size:cover;
  background-position:center
  }
  
  .about_us_first_left {
  width:90vw;
  text-align:center;
  margin:0 auto;
  margin-top:200px;
  padding:5vw;
  background:#fff;
  line-height:30px
  }
  
  .about_us_first_left h2 {
  color:#000;
  font-family:'Ultima';
  font-size:2rem
  }
  
  .about_us_first_left p {
  color:#000;
  font-family:'UltimaLt';
  margin-top:1vw;
  font-size:1rem
  }
  
  .about_us_second {
  width:100vw;
  background:url(/assets/img/malacannes.jpg);
  background-size:cover;
  background-position:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
  }
  
  .about_us_second_text {
  width:30vw;
  margin:2vw auto;
  padding:5vw;
  background:#fff;
  text-align:center
  }
  
  .about_us_second_text h2 {
  color:#000;
  font-family:'UltimaLt';
  font-size:2rem
  }
  
  .about_us_second_text p {
  color:#000;
  font-family:'UltimaLt';
  margin-top:1vw;
  font-size:1rem
  }
  
  .about_us_sec {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:90vw;
  margin:0 auto
  }
  
  .about_us_sec_text {
  width:90%;
  margin:5vw auto;
  margin-top:150px;
  text-align:right;
  line-height:30px
  }
  
  .about_us_sec_text h1 {
  font-family:'Ultima';
  font-size:1.5rem
  }
  
  .about_us_sec_text h2 {
  font-family:'Ultima';
  font-size:2rem;
  margin-bottom:10px
  }
  
  .about_us_sec_text p {
  font-family:'UltimaLt';
  font-size:1rem
  }
  
  .about_us_line_text {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin-left:5vw
  }
  
  .about_us_line {
  width:5vw;
  height:2px;
  background:red;
  margin-left:1vw
  }
  
  .career {
  margin-top:250px;
  font-family:'Ultima';
  padding:0 5vw
  }
  
  .career .catering_third {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:50px
  }
  
  .career .catering_third_left img {
  width:300px
  }
  
  .career .catering_third_right {
  padding:50px
  }
  
  .career .catering_third_right h2 {
  font-family:'Ultima';
  font-weight:700;
  font-size:20px;
  margin-bottom:20px
  }
  
  .career .catering_third_right a {
  color:#000;
  line-height:50px;
  position:absolute;
  margin-top:10px
  }
  
  .career .about_us_line {
  width:auto;
  margin:10px 0
  }
  
  .closer {
  height:80px;
  width:100vw;
  background:#fff;
  position:absolute;
  z-index:11111111;
  bottom:22.5vw;
  display:none
  }
  
  .img1balkon {
  width:100%;
  background:url(/assets/projects/projnew/balcon1.jpeg);
  background-size:cover
  }
  
  .img2balkon {
  width:100%;
  background:url(/assets/projects/projnew/balkon2.jpeg);
  background-size:cover
  }
  
  .img3balkon {
  width:100%;
  background:url(/assets/projects/projnew/balcon3.jpeg);
  background-size:cover
  }
  
  .img4balkon {
  width:100%;
  background:url(/assets/projects/projnew/balcon4.jpeg);
  background-size:cover
  }
  
  .img5balkon {
  width:100%;
  background:url(/assets/projects/projnew/balcon5.jpeg);
  background-size:cover
  }
  
  .img6balkon {
  width:100%;
  background:url(/assets/projects/projnew/balcon6.jpeg);
  background-size:cover
  }
  
  .img1terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace1.jpeg);
  background-size:cover
  }
  
  .img2terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace2.jpeg);
  background-size:cover
  }
  
  .img3terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace3.jpeg);
  background-size:cover
  }
  
  .img4terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace4.jpeg);
  background-size:cover
  }
  
  .img5terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace5.jpeg);
  background-size:cover
  }
  
  .img6terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace6.jpeg);
  background-size:cover
  }
  
  .img7terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace7.jpeg);
  background-size:cover
  }
  
  .img8terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace8.jpeg);
  background-size:cover
  }
  
  .img9terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace9.jpeg);
  background-size:cover
  }
  
  .img10terrace {
  width:100%;
  background:url(/assets/projects/projnew/terrace10.jpeg);
  background-size:cover
  }
  
  .img1sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn1.jpeg);
  background-size:cover
  }
  
  .img2sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn2.jpeg);
  background-size:cover
  }
  
  .img3sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn3.jpeg);
  background-size:cover
  }
  
  .img4sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn4.jpeg);
  background-size:cover
  }
  
  .img5sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn5.jpeg);
  background-size:cover
  }
  
  .img6sultan {
  width:100%;
  background:url(/assets/projects/projnew/sultaninn6.jpeg);
  background-size:cover
  }
  
  .img1passage {
  width:100%;
  background:url(/assets/projects/projnew/passage1.jpeg);
  background-size:cover
  }
  
  .img2passage {
  width:100%;
  background:url(/assets/projects/projnew/passage2.jpeg);
  background-size:cover
  }
  
  .img3passage {
  width:100%;
  background:url(/assets/projects/projnew/passage3.jpeg);
  background-size:cover
  }
  
  .img4passage {
  width:100%;
  background:url(/assets/projects/projnew/passage4.jpeg);
  background-size:cover
  }
  
  .img5passage {
  width:100%;
  background:url(/assets/projects/projnew/passage5.jpeg);
  background-size:cover
  }
  
  .img6passage {
  width:100%;
  background:url(/assets/projects/projnew/passage6.jpeg);
  background-size:cover
  }
  
  .img7passage {
  width:100%;
  background:url(/assets/projects/projnew/passage7.jpeg);
  background-size:cover
  }
  
  .img1metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol1.jpeg);
  background-size:cover
  }
  
  .img2metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol2.jpeg);
  background-size:cover
  }
  
  .img3metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol3.jpeg);
  background-size:cover
  }
  
  .img4metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol4.jpeg);
  background-size:cover
  }
  
  .img5metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol5.jpeg);
  background-size:cover
  }
  
  .img6metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol6.jpeg);
  background-size:cover
  }
  
  .img7metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol7.jpeg);
  background-size:cover
  }
  
  .img8metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol8.jpeg);
  background-size:cover
  }
  
  .img9metropol {
  width:100%;
  background:url(/assets/projects/projnew/metropol9.jpeg);
  background-size:cover
  }
  
  .img1mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes1.jpeg);
  background-size:cover
  }
  
  .img2mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes2.jpeg);
  background-size:cover
  }
  
  .img3mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes3.jpeg);
  background-size:cover
  }
  
  .img4mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes4.jpeg);
  background-size:cover
  }
  
  .img5mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes5.jpeg);
  background-size:cover
  }
  
  .img6mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes6.jpeg);
  background-size:cover
  }
  
  .img7mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes7.jpeg);
  background-size:cover
  }
  
  .img8mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes8.jpeg);
  background-size:cover
  }
  
  .img9mardacannes {
  width:100%;
  background:url(/assets/projects/projnew/mardacannes9.jpeg);
  background-size:cover
  }
  
  .img1healthy {
  width:100%;
  background:url(/assets/catering/catering1.jpg);
  background-size:cover
  }
  
  .img2healthy {
  width:100%;
  background:url(/assets/catering/catering2.jpg);
  background-size:cover
  }
  
  .img3healthy {
  width:100%;
  background:url(/assets/catering/catering3.jpg);
  background-size:cover
  }
  
  .img1malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes1.jpeg);
  background-size:cover
  }
  
  .img2malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes2.jpeg);
  background-size:cover
  }
  
  .img3malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes3.jpeg);
  background-size:cover
  }
  
  .img4malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes4.jpeg);
  background-size:cover
  }
  
  .img5malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes5.jpeg);
  background-size:cover
  }
  
  .img6malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes6.jpeg);
  background-size:cover
  }
  
  .img7malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes7.jpeg);
  background-size:cover
  }
  
  .img8malacannes {
  width:100%;
  background:url(/assets/projects/projnew/malacannes8.jpeg);
  background-size:cover
  }
  
  .img1green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden1.jpeg);
  background-size:cover
  }
  
  .img2green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden2.jpeg);
  background-size:cover
  }
  
  .img3green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden3.jpeg);
  background-size:cover
  }
  
  .img4green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden4.jpeg);
  background-size:cover
  }
  
  .img5green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden5.jpeg);
  background-size:cover
  }
  
  .img6green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden6.jpeg);
  background-size:cover
  }
  
  .img7green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden7.jpeg);
  background-size:cover
  }
  
  .img8green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden6.jpeg);
  background-size:cover
  }
  
  .img9green {
  width:100%;
  background:url(/assets/projects/projnew/greengarden9.jpeg);
  background-size:cover
  }
  
  .img1cayevi {
  width:100%;
  background:url(/assets/projects/projnew/cayevi1.jpeg);
  background-size:cover
  }
  
  .img2cayevi {
  width:100%;
  background:url(/assets/projects/projnew/c\ e2.jpeg);
  background-size:cover
  }
  
  .img3cayevi {
  width:100%;
  background:url(/assets/projects/projnew/cayevi4.jpeg);
  background-size:cover
  }
  
  .img4cayevi {
  width:100%;
  background:url(/assets/projects/projnew/cayevi5.jpeg);
  background-size:cover
  }
  
  .img5cayevi {
  width:100%;
  background:url(/assets/projects/projnew/cayevi6.jpeg);
  background-size:cover
  }
  
  .img6cayevi {
  width:100%;
  background:url(/assets/projects/projnew/cayevi7.jpeg);
  background-size:cover
  }
  
  .img1caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi1.jpeg);
  background-size:cover
  }
  
  .img2caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi2.jpeg);
  background-size:cover
  }
  
  .img3caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi3.jpeg);
  background-size:cover
  }
  
  .img4caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi4.jpeg);
  background-size:cover
  }
  
  .img5caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi5.jpeg);
  background-size:cover
  }
  
  .img6caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi6.jpeg);
  background-size:cover
  }
  
  .img7caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi7.jpeg);
  background-size:cover
  }
  
  .img8caybagi {
  width:100%;
  background:url(/assets/projects/projnew/caybagi8.jpeg);
  background-size:cover
  }
  
  .img1thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe1.jpeg);
  background-size:cover
  }
  
  .img2thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe2.jpeg);
  background-size:cover
  }
  
  .img3thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe3.jpeg);
  background-size:cover
  }
  
  .img4thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe4.jpeg);
  background-size:cover
  }
  
  .img5thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe5.jpeg);
  background-size:cover
  }
  
  .img6thecafe {
  width:100%;
  background:url(/assets/projects/projnew/thecafe6.jpeg);
  background-size:cover
  }
  
  .img1catering {
  width:100%;
  background:url(/assets/img/catering1.jpeg);
  background-size:cover
  }
  
  .img2catering {
  width:100%;
  background:url(/assets/img/catering2.jpeg);
  background-size:cover
  }
  
  .img3catering {
  width:100%;
  background:url(/assets/img/catering3.jpeg);
  background-size:cover
  }
  
  .img4catering {
  width:100%;
  background:url(/assets/img/catering4.jpeg);
  background-size:cover
  }
  
  .img5catering {
  width:100%;
  background:url(/assets/img/catering5.jpeg);
  background-size:cover
  }
  
  img {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-left:auto;
  margin-right:auto;
  display:block
  }
  
  .fade {
  -webkit-animation-name:fade;
          animation-name:fade;
  -webkit-animation-duration:2s;
          animation-duration:2s
  }
  
  @-webkit-keyframes fade {
  from {
  opacity:.5
  }
  
  to {
  opacity:1
  }
  }
  
  @keyframes fade {
  from {
  opacity:.5
  }
  
  to {
  opacity:1
  }
  }
  
  .header_margin {
  height:200px
  }
  
  @media only screen and (max-width: 550px) {
        .third_text p{
                padding: 15px 0 !important;
        }
      
  .slide_menu {
  width:auto;
  padding-top:20px
  }
  
  .proj_links a {
  width:auto;
  text-align:center!important;
  text-transform:uppercase
  }
  
  .proj_links details summary {
  width:auto;
  text-align:center;
  text-transform:uppercase;
  margin:10px 0;
  padding:10px 0
  }
  
  .proj_map_desc {
  display:block;
  margin:20px auto
  }
  
  .proj_map_info_text {
  margin-top:10px
  }
  
  .proj_slider img{
      height:auto !important;
  }
  
  .footer_social proj_social {
  width:100%
  }
  
  .prelogo {
  width:70%;
  top:20% !important;
  }
  
  .logo img {
  width:120px!important;
  padding:0
  }

  
  header {
  height:100px;
  width:100vw;
  padding:0;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -ms-flex-pack:distribute;
      justify-content:space-around
  }
  
  .header_margin {
  height:100px!important
  }
  
  .slide_text_2 {
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
  }
  
  .about_two {
  display:none
  }
  
  .about_one {
  width:100vw
  }
  
  .about_us_first_left {
  width:90vw;
  margin-top:70px
  }
  
  .about_us_second_text {
  width:60vw
  }
  
  .about_us_sec {
  display:inline-block;
  margin:0 auto;
  width:100vw
  }
  
  .catering_text {
  display:none
  }
  
  .catering_div_block img {
  width:50%;
  margin-bottom:50px
  }
  
  .catering_div_block {
  margin-top:50px;
  padding-top:200px;
  font-size:20px
  }
  
  .catering_imgs p {
  font-size:16px!important
  }
  
  .catering_first {
  margin-top:100px!important
  }
  
  .catering_second_div {
  margin:0 auto!important;
  margin-top:10px!important;
  border:none!important
  }
  
  .catering_second {
  display:inline-block
  }
  
  .catering_third .proj_slider .image {
  background-size:contain;
  background-repeat:no-repeat;
  width:500px !important;
  height:500px !important;
  }
  
  .catering_third_right {
  margin-bottom:20px
  }
  
  .catering_imgs_2 {
  display:block
  }
  
  .catering_imgs_2 div {
  width:100vw
  }
  
  .career .catering_third {
  display:block;
  text-align:center
  }
  
  .career {
  margin-top:150px
  }
  
  .career .catering_third a {
  left:50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%)
  }
  
  .closer {
  display:none
  }
  
  .proj_margin {
  margin-top:50px!important
  }
  
  details p {
  padding:5px
  }
  
  .slide_menu_links a {
  margin-bottom:20px;
  font-size:15px
  }
  
  .mapp {
  display:inline-block;
  margin:0 auto!important;
  margin-top:20px!important
  }
  
  .slider_back_tags {
  display:inline-block
  }
  
  .slider_back_span {
  border:none;
  width:80vw!important
  }
  
  .splide__slide {
  display:inline-block!important
  }
  
  .slider_back_span_lower {
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important;
  margin:0 auto!important
  }
  
  .restaraunts_flex .splide__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  display:flex;
  flex-direction:column
  }
  
  .restaraunts_flex ul a li {
  width:90vw!important;
  height: 50vh !important;
  }
  
  .slide_logo_area {
  width:30vw;
  padding:15px!important
  }
  
  .slide_menu_links {
  margin-top:120px
  }
  
  .slide_menu_logo {
  position:absolute;
  bottom:30px
  }
  
  .slide_menu_logo img {
  width:70px
  }
  
  .toggle {
  width:0
  }
  
  .header_margin {
  height:60px
  }
  
  .slider_back_span h2 {
  font-size:20px;
  width:70vw
  }
  
  .slider_back_span div img {
  width:100px!important
  }
  
  .slider_back_span_tag {
  padding:5px 6px;
  height:20px;
  line-height:20px;
  font-size:15px
  }
  
  .slider_back_span_lower img {
  width:90vw;
  height:auto
  }
  
  .slider_back_span_lower_text {
  margin:20px 0
  }
  
  .splide__arrow {
  display:none!important
  }
  
  .marquee_text {
  font-size:20px
  }
  
  .fourth_block_marquee .marquee_text {
  font-size:20px
  }
  
  .coming_soon {
  font-size:8px!important
  }
  
  .proj {
  display:block;
  text-align:center
  }
  
  .proj_info {
  width:100%!important
  }
  
  .proj_map_info {
  width:90vw;
  margin-left:5vw!important
  }
  
  .proj_logo {
  margin:30px 0!important;
  width:100%
  }
  
  .proj_map iframe {
  width:100%;
  display:none;
  border:2px solid red!important
  }
  
  .proj_map_desc {
  margin-bottom:20px
  }
  
  .proj_map_info_flex {
  padding:0!important
  }
  
  .proj_info_text {
  width:100%!important;
  margin:10px 0
  }
  
  .third_text h2 {
  width:100%
  }
  
  .proj_slider {
  width:450px;
  height:450px;
  margin:0 auto
  }
  
  .partners_div p {
  font-size:12px
  }
  
  .contact_us {
  margin-top:150px!important;
  line-height:30px
  }
  
  #customerOrder {
  margin-top:10px
  }
  
  .partners {
  margin-bottom:20px
  }
  
  .footer {
  width:100%;
  display:block
  }
  
  .footer div {
  width:100%;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center
  }
  
  .footer_logo img {
  width:70px;
  margin-bottom:10px
  }
  
  .footer_follow {
  width:90vw!important;
  margin:0 auto!important
  }
  
  .footer_links a {
  font-size:18px;
  line-height:30px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
  }
  
  .footer_social {
  width:100%;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin:20px 0
  }
  
  .footer_social a {
  padding:0
  }
  }
  
  @media only screen and (max-width: 420px) {
  .slide_menu_links {
  margin-top:120px
  }
  
  .slide_menu_logo {
  position:absolute;
  bottom:30px
  }
  
  .slide_menu_logo img {
  width:70px
  }
  
  header {
  height:50px!important;
  -ms-flex-pack:distribute;
      justify-content:space-around
  }
  
  .toggle {
  width:0
  }
  
  .header_margin {
  height:60px
  }
  
  .slider_back_span h2 {
  font-size:20px;
  width:70vw
  }
  
  .slider_back_span div img {
  width:100px!important
  }
  
  .slider_back_span_tag {
  padding:5px 6px;
  height:20px;
  line-height:20px;
  font-size:15px
  }
  
  .slider_back_span_lower img {
  width:90vw;
  height:auto
  }
  
  .slider_back_span_lower_text {
  margin:20px 0
  }
  
  .splide__arrow {
  display:none!important
  }
  
  .marquee_text {
  font-size:20px
  }
  
  .fourth_block_marquee .marquee_text {
  font-size:20px
  }
  
  .coming_soon {
  font-size:8px!important
  }
  
  .proj {
  display:block;
  text-align:center
  }
  
  .proj_info {
  width:100%!important
  }
  
  .proj_info_text {
  width:100%!important;
  margin:10px 0
  }
  
  .third_text h2 {
  width:100%
  }
  
  .proj_slider {
  width:350px;
  height:350px;
  margin:0 auto
  }
  
  .partners_div p {
  font-size:12px
  }
  
  .partners {
  margin-bottom:20px
  }
  
  .footer {
  width:100%;
  display:block
  }
  
  .footer div {
  width:100%
  }
  
  .footer_logo img {
  width:70px;
  margin-bottom:10px
  }
  
  .footer_links a {
  font-size:20px;
  line-height:30px;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center
  }
  
  .footer_social {
  width:100vw;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  text-align:center!important;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin:20px auto
  }
  }