@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; padding: 0; font-family: Roboto, sans-serif; font-size: 16px; color: #575962 }
@font-face { font-family: revechat-signup; src: url(../eot/revechat-signupd000.eot); src: url(../eot/revechat-signupd000.eot#iefix) format('embedded-opentype'), url(../ttf/revechat-signupd000.ttf) format('truetype'), url(../woff/revechat-signupd000.woff) format('woff'), url(../svg/revechat-signupd000.svg#revechat-signup) format('svg'); font-weight: 400; font-style: normal; font-display: block }
[class*=" icon-"], [class^=icon-] { font-family: revechat-signup !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-link:before { content: "\f268"; }
.d-none { display: none !important; }
.eye-showhide input[type="password"]::-ms-reveal,
.eye-showhide input[type="password"]::-ms-clear {
  display: none;
}

.eye-showhide input[type="password"]::-webkit-credentials-auto-fill-button,
.eye-showhide input[type="password"]::-webkit-clear-button {
  display: none !important;
}

.icon-phone-handset:before { content: "\e927"; }
.icon-eye:before { content: "\f06e"; }
.icon-eye-slash:before { content: "\f070"; }
.icon-user:before { content: "\f364"; }
.icon-envelope-o:before { content: "\f1c7"; }
.btn { border-color: #e7e7e7; color: #575962; border-radius: 3px; min-height: 36px; min-width: 98px; font-weight: 400; }
.btn.btn-primary { color: #fff; }
.brand-title { text-align: center; color: #a0a0a0; font-size: 20px; font-weight: 400; margin-bottom: 20px; margin-top: 30px; }
label { font-family: Roboto, sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 3px; margin-top: 0px; }
label.error, #recaptcha-box p { color: red; }
label .med { color: red }
.form-control:focus { color: #575962; background-color: #fff; border-color: #3366FF !important; box-shadow: none !important; }
.btn, button { transition: background .3s ease-out 0s }
.logo-img img { display: inline-block; margin-left: 33px; margin-right: 33px; max-width: 100%; }
.form-wrapper .btn { margin-top: 20px; min-height: 48px; border-color: transparent; border-radius: 6px; font-size: 16px; font-weight: 500; background: #3366FF; }
.form-control {border-color: #e7e7e7;box-shadow: none;border-radius: 6px;height: 40px;padding-right: 35px;padding-left: 15px;}
.form-group { margin-bottom: 10px }
.form-control:focus { outline: 0 }
.trial-info { font-size: 16px; color: #696969; margin-top: 0; text-align: center; margin-bottom: 20px; }
.container-form h1 { margin-top: 30px; font-weight: bold; font-size: 30px; color: #0D0925; margin-bottom: 10px; }
.container-form { margin: 0 auto; max-width: 520px; padding: 0 32px 15px; width: 100%; }
.container-form .form-group { position: relative; margin-bottom: 12px; }
.container-form .form-group.success:before { background: url("../png/tick.png"); content: ""; width: 20px; height: 15px; position: absolute; left: 100%; top: 13px; margin-left: 18px; background-size: contain; background-repeat: no-repeat; }
.container-form .form-group.website_group.success:before { display: none; }
.container-form .form-group i { position: absolute; top: 12px; right: 13px; z-index: 0; font-size: 16px; }
.container-form .form-group i.icon-eye, .container-form .form-group i.icon-eye-slash, .container-form .form-group i.icon-phone-handset { font-size: 13px; }
.container-form .form-group i.icon-user { font-size: 16px; }
.intl-tel-input { width: 100% }
.iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100% }
.iti-mobile .intl-tel-input .country-list .country { padding: 10px; line-height: 1.5em }
.intl-tel-input .flag-container { width: 100% }
.intl-tel-input .country-list .country { white-space: normal }
.login-form-ob .intl-tel-input { margin-bottom: 0 }
.loader { margin: 0 auto; right: 0; transform: translateY(-50%); color: #565656; display: block; font-size: 12px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; text-align: center; width: 100% }
.loader h2 { color: #575962; font-size: 24px; font-weight: 400; opacity: .6; margin-top: 5px; margin-bottom: 10px }
.splash-screen.loading-modal { background-color: #fff; border-color: #adb3b9; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 0 17px 3px rgba(0, 0, 0, .06); height: 118px; left: 0; margin: 0 auto; right: 0; top: 40%; width: 275px; z-index: 20; position: fixed }
.back-to-login>p { margin: 12px 0 10px }
.signup-page { background: #fff center; background-size: cover }
.client-logo-list { margin: 30px auto 70px; text-align: center }
.client-logo-list li { list-style: none; display: inline-block; margin-right: 15px; vertical-align: middle }
.client-logo-list li a { cursor: auto }
.signup-error { background: #fdc9c9; color: #bf0303; padding: 5px 10px; border-radius: 5px; text-align: center; margin-bottom: 50px; display: inline-block; width: 100%; }
.loader { margin: 0 auto; right: 0; transform: translateY(-50%); }
.loader { color: #565656; display: block; font-size: 12px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; text-align: center; width: 100% }
.loader h2 { color: #575962; font-size: 24px; font-weight: 400; opacity: .6; margin-top: 5px; margin-bottom: 10px }
.splash-screen.loading-modal { background-color: #fff; border-color: #adb3b9; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 0 17px 3px rgba(0, 0, 0, .06); height: 118px; left: 0; margin: 0 auto; right: 0; top: 40%; width: 275px; z-index: 20; position: fixed }
.loader p { font-size: 15px }
@-webkit-keyframes ball-spin-fade-loader {
	50% { opacity: .3; -webkit-transform: scale(.4); transform: scale(.4) }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes ball-spin-fade-loader {
	50% { opacity: .3; -webkit-transform: scale(.4); transform: scale(.4) }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
.ball-spin-fade-loader { position: relative }
.ball-spin-fade-loader>div:nth-child(1) { -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear; animation: ball-spin-fade-loader 1s -.96s infinite linear }
.ball-spin-fade-loader>div:nth-child(2) { -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear; animation: ball-spin-fade-loader 1s -.84s infinite linear }
.ball-spin-fade-loader>div:nth-child(3) { -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear; animation: ball-spin-fade-loader 1s -.72s infinite linear }
.ball-spin-fade-loader>div:nth-child(4) { -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear; animation: ball-spin-fade-loader 1s -.6s infinite linear }
.ball-spin-fade-loader>div:nth-child(5) { -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear; animation: ball-spin-fade-loader 1s -.48s infinite linear }
.ball-spin-fade-loader>div { animation-fill-mode: both; background-color: #f46e24; border-radius: 100%; display: inline-block; height: 15px; margin: 2px; position: relative; width: 15px }
.splash-screen.only-bulet-loader.loading-modal { background: 0 0; border: none; box-shadow: none; }
.splash-screen.loading-modal { background-color: #fff; border-color: #adb3b9; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 0 17px 3px rgb(0 0 0 / 6%); height: 118px; left: 0; margin: 0 auto; right: 0; top: 40%; width: 275px; z-index: 20; position: fixed; }
.intl-tel-input.separate-dial-code .selected-flag{border-right: 1px solid #e7e7e7;}
@media (min-height:768px) {
	.container-form { margin-top: 10vh; margin-bottom: 5vh; }
	.brand-title { margin-bottom: 20px; }
}
@media (min-width:1280px) {
	label.error, #recaptcha-box p { color: red; position: absolute; left: calc(100% + 20px); right: auto; width: 100%; top: 50%; margin: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); }
}
@media (max-width:767px) {
	.page-template-page-signup .navbar-brand { padding: 0; }
	.logo-img { display: inline-block; margin-bottom: 10px; }
	.main-wrapper { margin-bottom: 20px; }
}
@media (max-width:1370px) {
	.form-wrapper .btn {margin-top: 10px;}
}