.container {
  max-width: 960px;
}

/*
 * TYPE
 */
@font-face {
 font-family: GothamPro;
 src: url(assets/dist/fonts/GothamPro.eot);
 src: url(assets/dist/fonts/GothamPro.woff2) format("woff2"),url(assets/dist/fonts/GothamPro.woff) format("woff"),url(assets/dist/fonts/GothamPro.ttf) format("truetype"),url(assets/dist/fonts/GothamPro.svg#GothamPro) format("svg"),url(assets/dist/fonts/GothamPro.eot?#iefix) format("embedded-opentype");
 font-weight: 200;
 font-style: normal
}

@font-face {
 font-family: GothamPro;
 src: url(assets/dist/fonts/GothamPro-Medium.eot);
 src: url(assets/dist/fonts/GothamPro-Medium.woff2) format("woff2"),url(assets/dist/fonts/GothamPro-Medium.woff) format("woff"),url(assets/dist/fonts/GothamPro-Medium.ttf) format("truetype"),url(assets/dist/fonts/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(assets/dist/fonts/GothamPro-Medium.eot?#iefix) format("embedded-opentype");
 font-weight: 400;
 font-style: normal
}

@font-face {
 font-family: GothamPro;
 src: url(assets/dist/fonts/GothamPro-Bold.eot);
 src: url(assets/dist/fonts/GothamPro-Bold.woff2) format("woff2"),url(assets/dist/fonts/GothamPro-Bold.woff) format("woff"),url(assets/dist/fonts/GothamPro-Bold.ttf) format("truetype"),url(assets/dist/fonts/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(assets/dist/fonts/GothamPro-Bold.eot?#iefix) format("embedded-opentype");
 font-weight: 600;
 font-style: normal
}
/**
Normal: 200
Medium: 400
Bold: 600
**/

h1{
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px #000000;
  letter-spacing: 0.70rem;
}

h2{
  font-weight: 400;
  color: #AC9F85;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
}
h3{
  font-weight: 400;
  color: #AC9F85;
  text-transform: uppercase;
  letter-spacing: 0.065rem;
}
h4{
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.375rem;
}
h5{
  font-weight: 200;
  color: #fff;
  letter-spacing: 0.05rem;
}
h6{
  font-weight: 200;
  color: #fff;
  letter-spacing: 0.05rem;
}

/*
 * GENERAL
 */
body{
  font-family: GothamPro;
  color: #fff;
  background: #000;
}
a{
  color: #AC9F85;
  text-decoration: none;
}
.site-main{
  background-color: #000;
}
.site-header {
  background-color: #000;
}
.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * LOADER
*/
.loader-wrapper {
  --line-width: 3px;
  --curtain-color: #000;
  --outer-line-color: #fff;
  --middle-line-color: #fff;
  --inner-line-color: #fff;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1050;
}
.loader {
  display:block;
  position: relative;
  top:50%;
  left:50%;
/*   transform: translate(-50%, -50%); */
  width:150px;
  height:150px;
  margin:-75px 0 0 -75px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--outer-line-color);
  border-radius:100%;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  z-index:1001;
}
.loader:before {
  content:"";
  position: absolute;
  top:4px;
  left:4px;
  right:4px;
  bottom:4px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--inner-line-color);
  border-radius:100%;
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}
.loader:after {
  content:"";
  position: absolute;
  top:14px;
  left:14px;
  right:14px;
  bottom:14px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--middle-line-color);
  border-radius:100%;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0%   {
    -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  }
}
@keyframes spin {
  0%   {
    -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  }
}
.loader-wrapper .loader-section {
  position:fixed;
  top:0;
  background:var(--curtain-color);
  width:51%;
  height:100%;
  z-index:1000;
}

.loader-wrapper .loader-section.section-left {
  left:0
}
.loader-wrapper .loader-section.section-right {
  right:0;
}

/* Loaded Styles */
.loaded .loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded .loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded .loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded .loader-wrapper {
  visibility: hidden;
  transform:translateY(-100%);
  transition: all .3s 1s ease-out;
}

/*
 * INTRO
 */
.hero{
  background-image: url('assets/img/cover.avif');
  background-size: cover;
  background-position: center center;
}
.start{
  text-transform: uppercase;
  border-bottom: 1px solid #AC9F85;
  padding: 0px 3px;
}
.start h2{
  color: #fff;
  letter-spacing: 0.2rem;
  margin-bottom: 0.28rem;
}
.background{
  background-image: url('assets/img/background.jpg');
}
.gyt-cards{
    max-width: 100%;
}
.visamastercard{
    width: 100px;
    align-self: center;
}
/*
.bancogyt{
  width: 235px;
  align-self: flex-end;
}
*/
.pre-footer h4, .pre-footer h5{
  margin-bottom: 0.25rem;
}
.bancogyt{
  width: 65px;
  align-self: center;
}
.footer{
  min-height: 75px;
}

/*
 * MENU
*/
.desktop{
  display: none;
}
.mobile{
  display: flex;
}
.swiper-container {
  width: 100%;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  /*padding-bottom: 45px;*/
}
.swiper-slide {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.item-description{
}
.line-style{
  color: #AC9F85;
  opacity: 1;
  margin: 0 auto;
  width: 33%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 6px;
}
.swiper-pagination-bullet{
  width: 15px;
  height: 15px;
  border: 1px solid #AC9F85;
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background-color: #AC9F85;
}
.swiper-pagination{
  position: unset;
}

/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}

/** RESPONSIVE FIXES */
@media (max-width: 991.98px) {
  h1{
    font-size: 1.15rem;
  }
  h2{
    font-size: 1.10rem;
  }
  h3{
    font-size: 1.10rem;
  }
  h4{
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
  }
  h5{
    font-size: 0.85rem;
  }
  h6{
    font-size: 0.60rem;
  }
  .hero{
    background-position: bottom center;
    min-height: 25vh;
  }
  .main-expand{
    min-height: 25vh;
  }
  .start{
    font-size: 1.10rem;
  }
}
@media (min-height: 730px) {
  .swiper-container{
    padding-bottom: 0px;
  }
  .hero{
    min-height: 27vh;
  }
  .main-expand{
    min-height: 26vh;
  }
  /*.item-description{
    min-height: 34vh;
  }*/
  h3{
    font-size: 1.20rem;
  }
  h5{
    font-size: 0.95rem;
  }
  h6{
    font-size: 0.70rem;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 20px;
  }
}
@media (min-height: 800px) {
  .hero{
    min-height: 29vh;
  }
  .main-expand{
    min-height: 29vh;
  }
  .item-description{
    /*min-height: 43vh;
    justify-content: space-evenly;*/
  }
  h3{
    font-size: 1.25rem;
  }
  h5{
    font-size: 1rem;
  }
  h6{
    font-size: 0.75rem;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 25px;
  }
  /*
  .swiper-pagination{
    position: absolute;
  }
  */
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 60px;
  }
}
@media (min-width: 1152px) {
  .menu-img{
    height: 60vh;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .cheesesteak{
    object-position: center 75%;
  }
  .mobile{
    display: none;
  }
  .desktop{
    display: flex;
  }
  @media (max-height: 721px) {
    .menu-img{
      height: 50vh;
    }
  }
}
/** END RESPONSIVE FIXES */