@font-face {font-family:'MyriadPro';src:url('/Static/assets/font/myriad/MyriadPro-Regular.woff2') format('woff2'), url('/Static/assets/font/myriad/MyriadPro-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face {font-family:'MyriadPro';src:url('/Static/assets/font/myriad/MyriadPro-Bold.woff2') format('woff2'), url('/Static/assets/font/myriad/MyriadPro-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}

body{font-family:'MyriadPro',Arial,sans-serif;font-size:16px;font-weigth:normal;color:#e7e6e6;margin:0;padding:0; background:#081f2f;}
h1,h2,.arial{font-family:Arial,sans-serif}
h1{font-size:60px;margin:25px 0}
h2{font-size:27px;display:inline-flex;align-items:center;margin:0 0 10px 0;text-wrap:nowrap}
h2 img{margin-right:15px}
p{margin-top:0}
img,svg{vertical-align:middle}
a{color:#008DEB}
a:hover{color:#2CAAFC}
a.btn-img,a.dialogclose{text-decoration:none;color:#fff}
a.dialogclose{position:absolute;z-index:5;top:25px;right:25px;width:65px;height:65px;border-radius:50%;background:#002336;font-size:60px;line-height:55px;text-align:center}

.dialoggrid{display:grid;grid-template-columns:700px auto;column-gap:3px;text-align:center;margin:auto}
.dialogleft{display:grid;grid-template-rows:90px auto;background:#081f2f;position:relative;padding:50px 66px;}
.dialogstep{position:relative;display:grid;grid-template-rows:auto auto;height:100%}
.dialogright{position:relative;overflow:hidden}
.dialogright img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}
.dialogcontent{align-self:center;padding:0 35px}
.dialogfoot{align-self:flex-end}
.headgrid{display:grid;grid-template-columns:auto 1fr;column-gap:10px}
.zonerlogo{margin-top:-15px}
.eyeswitch{right:23px;top:50%;transform:translateY(-50%)}

.white,.btn,.btn-img,h1,h2{color:#fff}
.btn-img{border:1px solid #E6E6E6;border-radius:9px;width:100%;height:70px;display:flex;align-items:center;padding:0 34px;font-family:'MyriadPro',Arial,sans-serif;font-size:22.7px;font-weight:bold}
.btn-img:hover{border-color:#FFFFFF}
.btn-img img{margin:0 27px 0 0}
.btn-img svg{margin:0 35px 0 5px}

.btn{cursor:pointer; border: 1px solid transparent; background-color:#2973ba;border-radius:23px;display:block;width:100%;line-height:60px;font-family:'MyriadPro',Arial,sans-serif;font-weight:bold;text-decoration:none}
.btn:hover{color:#fff}

label{font-weight:bold;display:inline-block;margin-bottom:8px}
input[type=text],input[type=password]{border:1px solid #acadb1;border-radius:3px;width:100%;background:transparent;padding:0 22px;line-height:50px;color:#e7e6e6;font-family:'MyriadPro',Arial,sans-serif}
input[type=text]:hover,input[type=password]:hover{border-color:#fff}
input[type=text]:focus,input[type=password]:focus{box-shadow:none;outline:none}
input[type=text].invalid,input[type=password].invalid{border-color:#cb4a5c}

.hidden{display:none}
.img-fluid{max-width:100%;height:auto}
.mb-28{margin-bottom:28px}
.mb-33{margin-bottom:33px}
.mb-38{margin-bottom:38px}
.mb-60{margin-bottom:60px}
.fs-19{font-size:19.3px}
.fs-21{font-size:21.26px}
.fs-23{font-size:23.44px}
.zonerservices img{margin:0 15px}

.text-start{text-align:left}
.text-end{text-align:right}
.float-left{float:left}
.float-right{float:right}
.position-relative{position:relative}
.position-absolute{position:absolute}

.alert-danger.position-absolute{top:100%}
.alert-danger{color:#cb4a5c}
.alert-success,.alert-warning{border:1px solid #008DEB;border-radius:3px;padding:10px 10px 10px 40px;position:relative;text-align:left;background:#081f2f}
.alert-success::before,.alert-warning::before{content:'';display:block;position:absolute;left:10px;top:calc(50% - 10px);width:20px;height:20px;background-color:#008DEB;border-radius:50%}
.alert-success::after{content:'';display:block;position:absolute;left:17px;top:calc(50% - 6px);width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}
.alert-warning{border-color:#ed6e00}
.alert-warning::before{content:'!';background-color:#ed6e00;font-weight:bold;text-align:center}
.popup-dismiss{position:absolute;top:0;animation:dismisspopup 10s 1;z-index:10;opacity:0;transform:translateY(-100%)}
@keyframes dismisspopup {
  0% {opacity:1}
  90% {opacity:1}
  100% {opacity:0}
}

@media (max-width: 768px){
.dialogleft{padding:30px 40px;height:auto!important}
a.dialogclose{display:block;top:5px;right:5px;width:25px;height:25px;font-size:22px;font-weight:bold;line-height:20px}
.dialoggrid{display:block}
.dialogright{display:none}
}

@media (max-width: 576px){
.dialogleft{padding:25px}
.zonerservices span{display:block;margin-bottom:15px}
h1{font-size:34px;margin:25px 0}
h2{font-size:20px;margin:0}
h2 img{width:30px;height:30px;margin-right:10px}
.fs-19{font-size:16px}
.fs-21{font-size:18px}
.btn-img{font-size:20px;padding:15px;height:auto}
.mb-28,.mb-33{margin-bottom:20px}
.mb-38,.mb-60{margin-bottom:25px}
.dialogcontent{padding:0}
.zonerlogo{margin:0}
}