/************************ RESET *********************************/
* { margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus { outline: 0 !important; box-shadow: none !important; }
a	{ text-decoration: none; }
.alt { display: none; }
figure { margin: 0; }
button:focus { outline: none; box-shadow: none; }

/************************ TYPO *********************************/ 
@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-ExtraBold.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Bold.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Black.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Italic.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Thin.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Regular.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Medium.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-Light.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-SemiBold.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../css/frontend/fonts/subset-Montserrat-ExtraLight.woff2') format('woff2'),
      url('../../css/frontend/fonts/subset-Montserrat-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

html { background: #fff; }
body { background: #fff; font-family: 'Montserrat', sans-serif; color: #363636; font-weight: 400; font-size: 1.25rem; line-height: 1.5; }

h1 { font-size: 4.0625rem; line-height: 1.2; font-weight: 800; font-family: 'Montserrat', sans-serif; color: #5bc7d7; text-transform: uppercase; margin-bottom: 30px; }
h2 { font-size: 2rem; line-height: 1.2; font-weight: 600; font-family: 'Montserrat', sans-serif; }
h3 { font-size: 1.75rem; line-height: 1.2; font-weight: 600; font-family: 'Montserrat', sans-serif; }

a { color: #b1976b; }
a:hover, a:focus { color: #b1976b; }

h1 a, h2 a, h3 a { color: #1c1b1b; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #b1976b; }

/************************ GENERAL *********************************/
/*space*/
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top40 { margin-top: 40px; }
.top50 { margin-top: 50px; }
.bottom10 { margin-bottom: 10px; }
.bottom20 { margin-bottom: 20px; }
.bottom30 { margin-bottom: 30px; }
.bottom40 { margin-bottom: 40px; }
.bottom50 { margin-bottom: 50px; }

/*loader*/
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background:#fff;}
.loader img { position: absolute; width: 100px; height: 100px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/*go-up*/
#go-up { position: fixed; right: 20px; bottom: 40px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; background-color: #b1976b; color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; z-index: 1001; opacity: 0; transition: all .3s; -webkit-transition: all .3s; }
.smaller #go-up { opacity: 1; }

/*transition link/button*/
a, button { transition: all .3s; -webkit-transition: all .3s; }

/*lazy*/
.lazy { background: url('../../img/frontend/lazyloader.svg') no-repeat center center; }
.lazy img { color: transparent; }
.lazy.image-loaded { background-image: none; background-color: transparent; }

/*photo hover*/
.photo-hover { position: relative; overflow: hidden; }
.photo-hover span { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; text-align: center; background: rgba(177,151,107,0.8); opacity: 0; z-index: 20; transition: opacity .3s; -webkit-transition: opacity .3s; }
.photo-hover span i { position: absolute; left: 0; top: 0; bottom: 0;  margin: auto; width: 100%; height: 50px; font-size: 3rem; color: #fff; }
.photo-hover span:hover { opacity: 1; }
.photo-hover img { transition: transform .3s; -webkit-transition: -webkit-transform .3s; }
.photo-hover:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); }


/*content*/
#page-container { max-width: 2300px; margin: 0 auto; overflow: hidden; }
.content { padding: 100px 0; }
.content.top0 { padding-top: 0; }
.content.bottom0 { padding-bottom: 0; }
.container { max-width: 1560px; padding: 0 15px; }
.container.big { max-width: 1800px; }
.row { margin-right: -15px; margin-left: -15px; }
.row>* { padding-right: 15px; padding-left: 15px; }
.content-text ul  { list-style: none; margin: 10px 0; padding: 0; }
.content-text ul li { padding-left: 25px; position: relative; }
.content-text ul li::before { content: "\ea69"; position: absolute; left: 0; top: 2px; font-family: 'IcoFont'; font-size: 1rem; color: #b1976b; }
.content-text a:hover { text-decoration: underline; }
.content-text table { width: 100%; margin: 20px 0; border: 1px solid #ccc; }
.content-text table thead tr th, 
.content-text table thead tr td { padding: 10px; border: 1px solid #ccc; vertical-align: middle; background: #b1976b; color: #fff; font-weight: 700; }
.content-text table tbody tr td { padding: 10px; border: 1px solid #ccc; vertical-align: middle; }
/*highlight*/
.highlight-text { margin-bottom: 10px; font-size: 1.5rem; font-weight: 500; }
/*pre*/
pre { width: 100%; white-space: unset; overflow: unset; background-color: transparent; border-left: none; color: #b1976b; text-align: center; position: relative; margin-bottom: 0px; padding: 50px 100px 30px 100px; font-style: italic; font-size: 1.6rem; font-family: 'Montserrat', sans-serif; }
pre::before { position: absolute; background-color: transparent; content: "\efcd"; font-family: 'IcoFont'; font-size: 2rem; width: 55px; left: 0; right: 0; top: 0; margin: 0 auto; z-index: 1; }
/*box-text*/
.box-text { font-size: 1.125rem; }


#pano-holder { display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center; background: #eee; }
#pano { padding: 60px; color: #3b4ba0; text-align: center; position: absolute; margin-top: -200px; }
#pano h1 { display: inline-block; word-break: break-word; overflow-wrap: break-word; white-space: normal; max-width: 100%; }
#pano-text { text-transform: uppercase; font-weight: 800; font-size: 2.375rem; } 
#pano-text span { font-size: 4.375rem; font-weight: 900; }
#pano-text a { color: #3b4ba0; text-transform: none; }
#pano-text a:hover { color: #5bc7d7; }
/* #pano-text figure { display: flex; justify-content: center; gap: 80px; margin-top: 20px; } */

/************************MEDIA QUERIES*************************/
@media (max-width: 575.98px) {  }

@media (max-width: 767.98px) {  
  h1 { font-size: 2.5rem; }
  #pano-holder { align-items: flex-start; }
  #pano { padding: 40px 20px; }
  #pano-text { font-size: 1.25rem; }  
  #pano { margin-top: 45px; }
  #bilboard img { width: 400px; object-fit: cover; height: 300px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {  
  #pano-text { font-size: 1.875rem; }
  #pano { margin-top: -130px; }
}

@media (max-width: 991.98px) {  }

@media (min-width: 992px) and (max-width: 1199.98px) {  
  #pano-text { font-size: 1.875rem; }
}

@media (max-width: 1199.98px) { }

@media (min-width: 1200px) and (max-width: 1400px) {  
  #pano-text { font-size: 1.875rem; }
}

@media (min-width: 1400px) { }