*{box-sizing: border-box}

:root{
 --brandcol:#1a1a18;
 --warncol:#f58873;
}
 

*{font-family:HalisGRB}
 body{min-height:100vh;overflow:hidden;max-width:100vw;font-family:HalisGRB;font-size:16px;color:var(--brandcol)}
button,input,label,textarea,select{font-family:HalisGRB}
.warn{font-weight:bold;color:var(--warncol)}
 #footer2{z-index:4;background-image:url("footer.png");width:100vw;max-height:287px;height:15vw;background-size:cover;bottom:0;left:0;position:absolute}
 #logobk{z-index:9;border-top-left-radius:0px;border-top-right-radius:0px;background-color:rgba(0,0,0,0.3);max-width:1440px;left:calc(( 100vw - 1440px ) / 2);max-height:260px;width:100vw;height:26.26vw;top:10px;position:absolute}
 #logo{z-index:10;background-image:url("/top3.png");max-width:990px;left:calc(( 100vw - 990px ) / 2);max-height:338px;width:100vw;height:34.14vw;background-size:cover;top:10px;position:absolute}
 #chat{z-index:9;background:white;bottom:5vh;top:15vh;left:10vw;right:10vw;position:absolute;padding:50px 100px}
 #chath{overflow-y:scroll;max-width:100%;height:calc( 55vh - 30px );font-size:0.9em;padding:40px 0}
 #chatb{position:absolute;bottom:5px;left:100px;right:100px;height:20px;z-index:14;font-style:italic;font-size:0.8em}
 h1{padding-bottom:2vh;
	font-family: HalisGRB, sans-serif;
	color: #1a1a18;
	font-size: 28px;
	line-height: 35px;
	font-weight: 400;
}

 a,a:link,a:visited,a:hover{color:var(--warncol)}

textarea:focus,input:focus,select:focus {
 border: 1px solid var(--warncol) !important;
 box-shadow: 0 0 3px var(--warncol) !important;
 outline-offset: 0px !important;
 outline: none !important;
}


 #text{z-index:9;background:white;bottom:5vh;top:15vh;left:calc(10vw - 20px);right:calc(10vw - 20px);position:absolute;padding:0 10vw 2vw 10vw;

	font-family: HalisGRB, sans-serif;
	color: #1a1a18;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}


 #mrm{z-index:7;background-image:url("/mrm.png");width:8.5587vh;height:15vh;background-size:cover;bottom:0;left:5vw;position:absolute}
 #mrm2,#mrm5{z-index:17;background-image:url("/mrm2.png");width:20vw;height:29.64vw;background-size:cover;position:absolute;bottom:5vh;top:auto}
 #texth{text-align:justify;line-height:1.6em;overflow-y:scroll;max-width:100%;overflow-x:hidden;height:100%;padding:50px 20px 0 20px;font-size:0.9em}
.r{text-align:right}
.l{text-align:left}
.c{text-align:center}
button,.butans{padding:15px 50px;color:#fff;background:var(--brandcol);cursor:pointer;text-align:center;border-radius:40px;border:none;font-weight:bold}
button{text-transform:uppercase}
.f2{display:flex;flex-wrap: wrap;}
.f2 div{flex:50%;}
.fr{float:right}
.fl{float:left}
.clear{clear:both}
select{width:95%}
textarea{width:100%}
.w50p{width:50%}
.w20p{width:20%}
.w33p{width:33%}
#overlay{z-index:6;background:#000;opacity:0.6;top:0;right:0;bottom:0;left:0;position:absolute}
.mrmtalk{position:relative;top:0;background:var(--brandcol);color:#fff;padding:15px;border-radius:0px}
.italk{position:relative;top:0;left:0;background-image: linear-gradient(#e6e7e8, #a6a8ab);color:#000;padding:15px;border-radius:0px;margin:5px auto}
.italk{background-image: linear-gradient(#e6e7e8, #e6e7e8)}
.italk table{width:100%}
.ansbuttd{width:100px;text-align:right}
.italk input[type=text],.italk input[type=tel],.italk input[type=email]{border:none;background:transparent;width:100%;padding:5px}
#mrm6{background-image:url("mrm6.png");margin:20px auto;max-width:240px;max-height:369px;width:20vw;height:30.718vw;background-size:cover}

#cr{z-index:8;position:absolute;bottom:3px;width:100%;height:13px;line-height:13px;font-size:11px;color:#fff;text-align:center}

.chat-1-o{position:absolute;right:auto;z-index:999;bottom:-40px;top:auto;left:-40px;width:100px;height:122px;background-image:url("/mrm3talk2.png");background-size:cover}
.chat-0-o{}

.dn{display:none}
.vh{visibility:hidden}

 #overlay{display:none}

 #mrm{display:none}

#loadin2{height:50px}


#bk{background-size:cover;background-image:url(/bk.jpg);width:100vw;height:100vh;top:0;left:0;position:absolute;z-index:1;background-position:center}


.gate {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 20;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
}

.gate-content {
  width: 100%;
  max-width: 650px;
  margin: auto;
  padding: 60px;
  background-color: #fff;
  text-align: center;
}

.gate-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
}

.gate-buttons-wrapper {
  display: flex;
  border-right: 1px solid #e0e0e0;
}

.gate-button {
  display: block;
  width: 50%;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  transition: color 350ms ease, background-color 350ms ease;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;
}

.gate-button{color:#000 !important}

.gate-button:hover {
  background-color: #1a1a18;
  color: #fff !important;
}

.gate-paragraph {
	display: none;
	margin-top: 20px;
	margin-bottom: 0px;
	color: #f58873;
	font-size: 18px;
}


.wvideo {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	width: 100vw;
	height: 100vh;
}

.wvideo video{
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	right: -100%;
	bottom: -100%;
	top: -100%;
	left: -100%;
	object-fit: cover;
	z-index: -100;

	display: inline-block;
	vertical-align: baseline;

}


.termstxt{counter-reset: section}
.termstxt p{text-indent:20px}
.termstxt p:before{counter-increment: section;content: "" counter(section) ": "; }
.termstxt h2{padding-top:50px}


#wsbk{display:none}
#logobk{background-color:transparent}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}



.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}





.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



@font-face { font-family: "HalisGR"; src: url("/HalisGR-Book.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "HalisGR"; src: url("/HalisGR-Black.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; }
@font-face { font-family: "HalisGRB"; src: url("/HalisGR-Black.woff2") format("woff2"); font-style: normal; font-display: swap; }




@media screen and (min-width:1px) and (max-width:249px){
 #text,#chat{display:none}
 #bsn{display:block;color:#fff;text-align:center}
}
@media screen and (min-width:250px) and (max-width:599px){
 #logobk{left:5vw;right:5vw;width:90vw;height:21.95vw;top:10px}
 #logo{left:10vw;right:10vw;width:80vw;height:27.3vw;top:10px}
 #text{top:calc(21.95vw + 12px);width:90vw;left:5vw;right:5vw}
 #mrm2{display:none}
 #mrm5{left:auto;right:-5vw;bottom:0;display:block;width:20vw;height:44.46vw}
 #chath,#texth{font-size:0.7em}

 #chat{padding:0;top:calc(21.95vw + 12px);width:90vw;left:5vw;right:5vw}
 #chath{padding:30px 20px 0 20px;height:calc(100% - 30px);width:90vw}
 #chatb{bottom:5px;left:30px;right:30px;height:20px}
 .chat-1-o{visibility:hidden}
 .mrmtalk{left:0;right:0;width:100%;background:var(--brandcol);color:#fff;padding:15px;border-radius:15px:margin:10px 0}
 #chat{background:#fff;background-size:150%;background-repeat:no-repeat;background-position:top center}
 .italk{top:0;left:0;right:0;margin:10px 0;padding:15px;width:100%}
 #mrm5{display:none}
 #chatb{color:var(--brandcol)}
#loadin2{height:40px}

button,.butans{padding:5px 20px}
 #text{padding:0 5px 2vw 5px}
}
@media screen and (min-width:600px) and (max-width:1099px){
 #logobk{left:auto;right:5vw;width:80vw;height:16vw;top:10px}
 #logo{left:auto;right:15vw;width:60vw;height:20.48vw;top:10px}
 #text{top:calc(16vw + 0px);width:80vw;right:5vw;left:auto}
 #mrm2{left:auto;right:78vw;bottom:5vh;display:block}
 #chat{background:#fff)}
 #chath,#texth{font-size:0.8em}
 .chat-1-o{visibility:visible}
 #mrm5{display:none}
 #chatb{color:#000)}


 #chat{padding:0px 50px 0px 50px;top:calc(16vw + 0px);width:80vw;left:auto;right:5vw}
 #chath{padding:50px 20px 0 0;height:calc(100% - 30px)}
 #chatb{bottom:5px;left:50px;right:100px;height:20px}
 .chat-1-o{right:auto;z-index:12;bottom:-60px;top:auto;left:-100px;width:100px;height:122px}
 .mrmtalk{left:100px;right:0px;width:calc(100% - 100px);background:var(--brandcol);color:#fff;padding:15px;border-radius:15px:margin:10px 0}
 .italk{top:0;left:100px;margin:10px 0;padding:15px;width:calc(100% - 100px)}
 #text{padding:0 10vw 2vw 10vw}

button,.butans{padding:15px 50px}
 #logobk{background:rgba(255,255,255,0.9);}
}

@media screen and (min-width:1100px) and (max-width:1439px){
 #logobk{left:calc(( 100vw - 860px ) / 2);width:860px;height:210px;top:10px}
 #logo{left:calc(( 100vw - 800px ) / 2);width:800px;height:273px;top:10px}
 #text{top:calc(210px + 0px);width:860px;left:calc(( 100vw - 860px ) / 2)}
 #mrm2{left:calc((( 100vw - 860px ) / 2 ) - 12vw );bottom:5vh}
 #chath,#chath,#texth{font-size:0.9em}
 #mrm5{display:none}


 .mrmtalk{left:100px;right:0px;width:calc(100% - 100px);background:var(--brandcol);color:#fff;padding:15px;border-radius:15px:margin:10px 0}
 .italk{top:0;left:100px;margin:10px 0;padding:15px;width:calc(100% - 100px)}

 #chat{padding:0px 50px 0px 50px;top:calc(210px + 0px);width:860px;left:calc((( 100vw - 860px ) / 2))}
 #chath{padding:50px 20px 0 0;height:calc(100% - 30px)}
 #chatb{bottom:5px;left:50px;right:100px;height:20px}
 .chat-1-o{right:auto;z-index:12;bottom:-60px;top:auto;left:-100px;width:100px;height:122px}
 
 #logobk{background:rgba(255,255,255,0.9);}
}


@media screen and (min-width:1440px){
/*
 #logobk{width:1100px;height:375px;top:10px;left:calc(( 100vw - 1100px ) / 2)}
 #logo{top:10px;width:990px;left:calc(( 100vw - 990px ) / 2);height:338px}
 #text{top:calc(338px + 0px - 65px);width:1100px;left:calc((( 100vw - 1100px ) / 2))}
 #mrm2{left:calc((( 100vw - 1100px ) / 2 ) - 12vw )}
 #chat{padding:0px 50px 0px 50px;top:calc(338px + 0px - 65px);width:1100px;left:calc((( 100vw - 1100px ) / 2))}
 #chath{padding:50px 20px 0 0;height:calc(100% - 30px)}
 #chatb{bottom:5px;left:100px;right:100px;height:20px}
 .mrmtalk{left:100px;right:0px;width:calc(100% - 100px);background:var(--brandcol);color:#fff;padding:15px;border-radius:15px:margin:10px 0}
 .italk{top:0;left:100px;margin:10px 0;padding:15px;width:calc(100% - 100px)}
 .chat-1-o{right:auto;z-index:12;bottom:-60px;top:auto;left:-100px;width:100px;height:122px}
 #mrm5{display:none}
*/

 #logobk{left:auto;right:10px;width:860px;height:210px;top:10px}
 #logo{left:auto;right:10px;width:800px;height:273px;top:10px}
 #text{top:calc(210px + 20px);width:860px;left:auto;right:10px;}
 #text{padding:0 2vw 10px 2vw;border-bottom-left-radius:0px;border-bottom-right-radius:0px;bottom:10px}
 #mrm2{left:auto;right:calc((( 430px ) ) - 12vw );bottom:5vh}
 #chath,#chath,#texth{font-size:0.9em}
 #mrm5{display:none}


 .mrmtalk{left:100px;right:0px;width:calc(100% - 100px);background:var(--brandcol);color:#fff;padding:15px;border-radius:15px:margin:10px 0}
 .italk{top:0;left:100px;margin:10px 0;padding:15px;width:calc(100% - 100px)}

 #chat{padding:0px 50px 0px 50px;top:calc(210px + 20px);width:860px;left:auto;right:10px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;bottom:10px}
 #chath{padding:50px 20px 0 0;height:calc(100% - 30px)}
 #chatb{bottom:5px;left:50px;right:100px;height:20px}
 .chat-1-o{right:auto;z-index:12;bottom:-60px;top:auto;left:-100px;width:100px;height:122px}

 #logo{max-width:800px;width:800px;right:40px}
 #wsbk{display:block;z-index:2;background:white;bottom:0;width:871px;top:0;right:0;position:absolute;border-left:1px solid #333}
 #wsbk{border-left:none}
 #chat,#text{border:none;box-shadow:none}
 #logobk{background-color:transparent}

 #bk{width:calc( 100vw - 860px );background-position:right center}
}