@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@font-face {font-family: 'Afrah';src: url('fonts/afrah-bold-webfont.woff2') format('woff2'), url('fonts/afrah-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Ballgin';src: url('fonts/ballgin-webfont.woff2') format('woff2'), url('fonts/ballgin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Holiday';src: url('fonts/holiday-trip-webfont.woff2') format('woff2'), url('fonts/holiday-trip-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
html, body, form, .main {height: 100%;}
body {font-family: "Lato", sans-serif;font-style: normal;color: #777;font-size: 18px;}
html {overflow-x: hidden;}



#preloader {
    position: fixed;top: 0;left: 0;
    width: 100%;height: 100%;text-align: center;
    background: #fff;z-index: 999;display: flex;
    justify-content: center;align-items: center;
}
/*.loaded #preloader {display:none;}*/

.loader {
  width: 48px;height: 48px;display: block;
  margin:15px auto;position: relative;
  color: #f3ccd2;box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,.loader::before {
  content: ''; box-sizing: border-box;
  position: absolute;width: 24px;height: 24px;
  top: 0;background-color: #f3ccd2;
  border-radius: 50%;animation: scale50 1s infinite ease-in-out;
}
.loader::before {top: auto;bottom: 0;background-color: #b7d7f5;animation-delay: 0.5s;}
@keyframes rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } 
@keyframes scale50 { 0%, 100% { transform: scale(0); } 50% {transform: scale(1);}}

.fullheight {position: static;height: 100dvh;}

@media (max-width: 900px) {
  .fullheight {position: relative;height: 100%;}
  /*.g-0 > a {height:50%;}*/ 
  .logo {height:75px !important;}
}
@media (orientation: portrait) and (max-width: 900px) {
  .g-0 > a {height:50%;} .scl, .escl {border:none !important;}
}
@media (orientation: landscape) and (max-width: 1024px) {
  .g-0 > a {min-height:80%;height:auto;} .scl, .escl {border:none !important;}
}
@media (orientation: landscape) { body { flex-direction: row; }  }
@media (orientation: portrait) { body {flex-direction: column;} }

.scl {background:#d2e0f0 url(../img/scl-annual-bg3.jpg) no-repeat bottom center;background-size:cover;position:relative;font-family:'Montserrat';color:#625f5d;border-right:8px solid #FFF;}
.escl {background:#d2e0f0 url(../img/escl-annual-bg3.jpg) no-repeat bottom center;background-size:cover;position:relative;text-shadow:0px 0px 2px #FFF;border-left:8px solid #FFF;}
.scl sup {font-size:.4em;top: -1em;}

.scl:after, .escl:after {content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255,255,255,.3);transition:all .25s linear;}
.scl:hover:after, .escl:hover:after {background:rgba(255,255,255,.05);}

.display-1 { font-size: calc(1.625rem + 2.1vw) !important; }
.display-2 { font-size: calc(1.575rem + 1.9vw);}
.display-3 { font-size: calc(1.525rem + 1.5vw);}
.display-4 { font-size: calc(1.475rem + 1.3vw);}
.display-5 { font-size: calc(1.425rem + 0.8vw);}
.display-6 { font-size: calc(1.375rem + 0.3vw); }
.display-7 { font-size: calc(1.325rem + 0.1vw); }

.escl .r1 {color:#880f45;font-family:'Afrah';letter-spacing:-5px;line-height:normal;}
.escl .r1 span {font-family:'Holiday';position:absolute;left:0px;color:#625f5d;left:calc(-1.575rem - 1.9vw);bottom:-50px;}
.escl .r2 {font-family:'Montserrat';color:#425f5d;}
.escl .r3 {font-family:'Lato';color:#425f5d;}

a {color:inherit;text-decoration:none;display:flex;}

.logo {height:110px;z-index:2;}
.pe-5 {padding-right:4rem!important}