@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
    font-display: swap;
  }
  
  .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 24px;
    line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block; vertical-align:middle; white-space: nowrap;word-wrap: normal;direction: ltr;
    -webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;
  }
  .msoF100 {font-variation-settings:'FILL'1,'wght'100;}
  .msoF200 {font-variation-settings:'FILL'1,'wght'200;}
  .msoF300 {font-variation-settings:'FILL'1,'wght'300;}
  .msoF400 {font-variation-settings:'FILL'1,'wght'400;}
  .mso100 {font-variation-settings:'FILL'0,'wght'100;}
  .mso200 {font-variation-settings:'FILL'0,'wght'200;}
  .mso300 {font-variation-settings:'FILL'0,'wght'300;}
  .mso400 {font-variation-settings:'FILL'0,'wght'400;}
  
* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {min-height:100%; margin:0; padding:0; color:#000;font-family: 'Poppins',Helvetica,sans-serif; font-weight:400; font-size:16px; color:#343C51;}

/* Firefox */
body {font-size:16px;}
body * {scrollbar-width: auto;scrollbar-color:#ccc #F0F2F5;-webkit-tap-highlight-color: transparent;}
/* Chrome, Edge, and Safari */
body *::-webkit-scrollbar {width:10px;}
body *::-webkit-scrollbar-track {background: #F0F2F5;}
body *::-webkit-scrollbar-thumb {background-color:#ccc;border-radius: 10px;border:3px solid #F0F2F5;}

body.mobilePullDown {overscroll-behavior: contain;}

a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], input[type=number], input[type=tel], select, option,button {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;-moz-appearance:textfield;
    font-family:'Poppins',Helvetica,sans-serif;
}
.select {position: relative;display:block;}
select {border: 1px solid #ccc; border-radius:4px; background:#fff; padding:11px 20px 11px 10px; width:100%; font-size:16px; color:#343C51}
.select:after {
    cursor: pointer; position: absolute;
    right: 10px; top: 50%; transform:translate(0, -50%); z-index: 1; pointer-events: none; color:#343C51; 
    font-size: 22px;font-family: 'Material Symbols Outlined';content: "expand_more";
    -webkit-font-feature-settings: 'liga';font-variation-settings: 'FILL' 0, 'wght' 400;
}
select.dashboard {border:none; padding:8px 20px 8px 10px;}

textarea, input[type=text], input[type=password],input[type=number],input[type=tel] {
	width:100%;padding:10px;font-size:16px;display:block;border:1px solid #ccc; border-radius:5px; background:#fff; color:#343C51;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus {
	border:1px solid #2486ff
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;-webkit-box-shadow: inset 0 0 0px 9999px #fff;transition: background-color 5000s ease-in-out 0s;background-color:#fff !important;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input[type=range] {-webkit-appearance: none;width: 100%;height:8px;background:#ccc;outline:none;border-radius:3px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;border-radius:50%;}
input[type=range]::-moz-range-thumb {width:25px;height:25px;background:#fff; border:2px solid #ccc;cursor: pointer;}
input[type=range]:focus {outline: none;}
input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}

button, .button {border:2px solid #00b99e; background:#fff; border-radius:5px; padding:6px 30px; font-weight:600; cursor:pointer;transition: 0.3s; display:inline-block; color:#000; font-size:14px;}
button:hover, .button:hover {background:#00b99e; color:#fff; }

.buttonTrans {text-decoration:none; border:2px solid #00b99e; background:#fff; border-radius:5px; padding:6px 30px; font-weight:600; cursor:pointer;transition: 0.3s; display:inline-block; color:#000; font-size:14px;}
.buttonTrans:hover {background:#00b99e; color:#fff; }
.buttonTrans.icon {display:inline-flex; align-items:center; padding:6px 20px 6px 10px;}
.buttonTrans.icon i {margin-right:10px;}
.buttonTrans.icon.buttonContainerDrop {padding:6px 0 6px 10px;}
.buttonTrans.icon.buttonContainerDrop span {margin-right:10px;}

a { font-weight:500; text-decoration:none; color:#00b99e; cursor:pointer;}

p,h1,h2,h3,h4 {margin:0; padding:0 0 10px 0;}


fieldset {padding:0; margin:0; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; background:#fff;}
fieldset legend {margin-left:10px; font-size:12px; font-weight:500; padding:0 7px;}
fieldset input[type=text], fieldset input[type=number], fieldset input[type=tel], fieldset input[type=password], fieldset textarea {border:0;background:transparent; margin-top:-7px;-webkit-appearance: none; -moz-appearance: textfield;}
fieldset.active {border:1px solid #2486ff;}
fieldset.active legend {color:#2486ff;}
fieldset.active textarea, fieldset.active input[type=text], fieldset.active input[type=password], fieldset.active input[type=number],fieldset.active input[type=tel] {
	border:0;
}
.passwordBoxEye {position:relative;}
.passwordBoxEye i {position:absolute; right:10px; top:3px; cursor:pointer; color:#00b99e;}


.loginContainer {z-index:99999999; display:flex;display:none;align-items:center; justify-content:center; height:calc(var(--vh, 1vh) * 100); position:fixed; left:0;bottom:0; width:100%; background:rgba(0,0,0,0.8);}
.loginBoxContainer {max-width:100%; width:400px; margin:20px;}
.loginBox {padding:20px;background: #fff; border-radius: 10px;overflow:auto; max-height: calc(var(--vh, 1vh)* 100 - 20px);}
.loginBox .title {font-size:20px;font-weight: 600;border-bottom: 1px solid #e1e1e1;padding-bottom:10px; margin-bottom:10px;display: flex;}
.loginBox .title span {flex:1 1 auto;}
.loginBox .title i {cursor:pointer; color:#00b99e;}
.loginBox .access_message {color:#ff0000; font-size:14px; font-weight:500;}

#loginCanvas {width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden; z-index:-1; opacity:0.5;}
.accessLoginLinks {padding-bottom:0;margin-top:20px; font-weight:500; font-size: 14px;}




.slick-prev:before, .slick-next:before{font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 24px;
    line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block; vertical-align:middle; white-space: nowrap;word-wrap: normal;direction: ltr;
    -webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;color: #fff; background: #02b59a;border-radius: 50%;
}

.slick-prev:before {content:'chevron_left';}
.slick-next:before {content:'chevron_right';}



footer {background:#14171a; color:#999; font-size:14px;}
footer > div {max-width:1200px; padding:80px 20px 30px 20px; margin:0 auto; display:flex; flex-wrap:wrap;}
footer > div > div:nth-of-type(1) {width:100%; max-width:330px; margin-right:60px;}
footer > div > div:nth-of-type(1) svg {width:30px; margin-right:10px; display:inline-block; vertical-align:middle;}
footer > div > div:nth-of-type(1) .logo {font-weight:700; font-size:18px;font-family: 'Montserrat', sans-serif;color:#fff; display:inline-block; vertical-align:middle;}
footer > div > div:nth-of-type(1) .logo span {color:#00b99e}
footer > div > div:nth-of-type(1) .txt {margin-top:20px;}

footer > div > div.linksContainer {margin-right:80px; margin-bottom:30px;}
footer > div > div.linksContainer p {font-weight:500; color:#fff;}
footer a {display:block; margin-bottom:5px; color:#999; font-weight:normal;}
footer a:hover {display:block; color:#00b99e;}

.copyRight {padding-top:50px; border-top:1px solid #166b5e; width:100%; display:flex; align-items:center; justify-content:space-between; width:100%;}
.copyRight > div:nth-of-type(2) {color:#999;}
.copyRight > div:nth-of-type(2) a {display:inline-block; margin:0 10px;}




.passwordStrengthTxt {font-size:14px;}
.passwordStrengthTxt span {}
.passwordStrengthTxt span.active {font-weight:500;}

#signupRobot {display:none;}
#signupRobot .robotInfo {display:flex; align-items:center;}
#signupRobot .robotIcon {width:60px; margin-right:20px;}
#signupRobot .robotIcon svg {display:inline-block;fill:#ddd; max-width:100%;}
#signupRobot .robotText {width:calc(100% - 80px);}
#signupRobot .g-recaptcha > div {display:inline-block; margin:20px auto;}
#signupRobot .partnerRobotError {margin-top:10px;}
#signupRobot .robotError {display:none;}
.emailConfirmPinError {display:none;}

#loginLoading {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,0.9);z-index:99999;display:none;}
#loginLoading > div {display:flex; align-items:center; justify-content:center; height:100vh; width:100vw; text-align:center;}
#loginLoading .sqareLoading {position: relative;width:80px;height:80px; margin:0 auto;}
#loginLoading .sqareLoading span {position: absolute;display: block;width: 40%;height: 40%;border-radius: 50%;animation: sqareLoading 2s infinite ease-in-out;}
#loginLoading .sqareLoading .one {/*background:#4285f4;*/ background:#00b99e; animation-delay: 1.5s;}
#loginLoading .sqareLoading .two {/*background:#ea4335;*/ background:#252a36; animation-delay: 1s;}
#loginLoading .sqareLoading .three {/*background:#fbbc05;*/ background:#00b99e; animation-delay: 0.5s;}
#loginLoading .sqareLoading .four {/*background:#34a853;*/ background:#252a36;}
@keyframes sqareLoading {
  0% {transform: translate(0%);border-radius: 50%;} 25% {transform: translate(150%) scale(0.5);border-radius: 0%;}
  50% {transform: translate(150%, 150%);border-radius: 50%;} 75% {transform: translate(0, 150%) scale(0.5);border-radius: 0%;}
}



.passError {display:flex; align-items:center;}
.passError span {margin-right:10px;}
/*== start of code for tooltips ==*/
.toolTip {cursor: help;position: relative;box-sizing: inherit;}
/*== common styles for both parts of tool tip ==*/
.toolTip::before,.toolTip::after {left: 50%;opacity: 0;position: absolute;z-index: -100;box-sizing: inherit;}
.toolTip:hover::before,.toolTip:focus::before,.toolTip:active::before,.toolTip:hover::after,.toolTip:focus::after,.toolTip:active::after {
    opacity: 1;transform: scale(1) translateY(0);z-index: 100;box-sizing: inherit;
}
/*== pointer tip ==*/
.toolTip::before {
    border-style: solid;border-width: 1em 0.75em 0 0.75em;border-color: #3E474F transparent transparent transparent;bottom: 120%;content: "";margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26), opacity .65s .5s;transform: scale(.6) translateY(-90%);box-sizing: inherit;
}
.toolTip:hover::before,.toolTip:focus::before ,.toolTip:active::before {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;box-sizing: inherit;}
/*== speech bubble ==*/
.toolTip::after {
    background: #3E474F;border-radius: .25em;bottom: 180%;color: #EDEFF0;content: attr(data-tip);margin-left: -14.75em;padding: 1em;width: 17.5em;
    transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;transform: scale(.6) translateY(50%);box-sizing: inherit;  font-size:12px;
}
.toolTip:hover::after,.toolTip:focus::after,.toolTip:active::after {transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);box-sizing: inherit;}



#loginFooter .footLinks a:hover {text-decoration:underline;}

.cookieBar {display: flex;padding: 20px;font-size: 12px;align-items: center;background: #000;color: #fff; position:fixed; bottom:0; left:0; width:100%;}
.cookieBar .title {font-weight:600;}
.cookieBar > div:nth-of-type(1) {margin-right:100px;}
.cookieBar > div:nth-of-type(2) {}
.cookieBar > div:nth-of-type(2) .button {font-size:12px;background:#00b99e; color:#fff;}
.cookieBar > div:nth-of-type(2) .button:hover {color:#fff; background:#000;}


@media screen and (max-width:1080px) {
  footer > div > div:nth-of-type(1) {width:100%; max-width:unset; margin-right:0; margin-bottom:20px;}
}


@media screen and (max-width:700px) {
  footer > div {padding:30px 20px 30px 20px}
  .copyRight {flex-direction: column; align-items: flex-start;}
  .copyRight > div:nth-of-type(2) a {margin:20px 20px 0 20px}
  .copyRight > div:nth-of-type(2) a:nth-of-type(1) {margin-left:0;}
  .cookieBar {flex-direction: column; align-items: flex-start;}
  .cookieBar > div:nth-of-type(1) {margin-right: 0;}
}

@media screen and (max-width:500px) {
  footer > div > div.linksContainer {margin-right:40px;}

}


