* {
          	margin: 0;
          	padding: 0;
                 } 
                 
         @font-face{
            font-family: "Poppins";
          	src: url(../fonts/Poppins.ttf) format("truetype");
            } 
         @font-face{
            font-family: "fuddo";
          	src: url(../fonts/fuddo.ttf) format("truetype");
            } 
         @font-face{
            font-family: "gunno";
          	src: url(../fonts/gunno.ttf) format("truetype");
            }            
         @font-face{
            font-family: "Uni1";
          	src: url(../fonts/Uni1.otf) format("truetype");
            }
         @font-face{
            font-family: "Uni2";
          	src: url(../fonts/Uni2.otf) format("truetype");
            }
        @font-face{
            font-family: "rurro";
          	src: url(../fonts/rurro.ttf) format("truetype");
            }
         @font-face{
            font-family: "engo";
          	src: url(../fonts/engo.otf) format("truetype");
            } 
         @font-face{
            font-family: "engo";
          	src: url(../fonts/engo.ttf) format("truetype");
            }             
         @font-face{
            font-family: "rommi";
          	src: url(../fonts/rommi.otf) format("truetype");
            } 
         @font-face{
            font-family: "rommi22";
          	src: url(../fonts/rommi22.otf) format("truetype");
            }            
         @font-face{
            font-family: "novva";
          	src: url(../fonts/novva.ttf) format("truetype");
            } 
        @font-face{
            font-family: "novva";
          	src: url(../fonts/novva.otf) format("truetype");
            } 
        @font-face{
            font-family: "Hippo";
          	src: url(../fonts/Hippo.otf) format("truetype");
          	}   
        @font-face{
            font-family: "hippo";
          	src: url(../fonts/hippo.ttf) format("truetype");
          	}   
        @font-face {
          	font-family: "Alberta";
          	src: url(../fonts/Alberta.otf) format("opentype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 400;
          	src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
            }
        @font-face {
          	font-family: "Open Sans";
          	font-weight: 800;
          	src: url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
            }
        @font-face{
            font-family: "keepcalm";
          	src: url(../fonts/keepcalm.ttf) format("truetype");
            }  
        @font-face{
            font-family: "coco";
          	src: url(../fonts/coco.ttf) format("truetype");
            }       
        @font-face{
            font-family: "rough";
          	src: url(../fonts/rough.otf) format("truetype");
            }  
        @font-face{
            font-family: "rough";
          	src: url(../fonts/rough.ttf) format("truetype");
            }   
        @font-face{
            font-family: "Facile";
          	src: url(../fonts/Facile.otf) format("truetype");
            }
          

   

          
          .modal {
            position: fixed;
            left: 0;
            z-index: 1060;
            display: none;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            outline: 0;
              opacity: 1 !important;
          }
          
          /*.modal-dialog {
             left: 64%;
              position: fixed;
              max-width: min-content;
              margin: 0 !important;
            pointer-events: auto;
              height: 100vh !important;
              background:  #181818;
              transform: none;
          }*/
          
          .modal.fade .modal-dialog {
            transition: transform 1s ease-out 1s;
            transform: none;
          }
          @media (prefers-reduced-motion: reduce) {
            .modal.fade .modal-dialog {
              transition: none;
            }
          }
          .modal.show .modal-dialog {
            transform: 0.9s ease-out 0.9s;
            transform: none;
          }
          .modal.modal-static .modal-dialog {
            transform: scale(1.02);
          }
          
          .modal-dialog-scrollable {
            height: calc(100% - 1rem);
          }
          .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden;
          }
          .modal-dialog-scrollable .modal-body {
            overflow-y: auto;
          }
          
          .modal-dialog-centered {
            display: flex;
            align-items: center;
            min-height: calc(100% - 1rem);
          }
          
          .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            pointer-events: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 1.3rem;
            outline: 0;
          }
          
          .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1040;
            width: 100vw;
            height: 100vh;
            background-color: #000;
          }
          .modal-backdrop.fade {
            opacity: 0;
          }
          .modal-backdrop.show {
            opacity: 0.4;
          }
          
          .modal-header {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 1rem;
            border-bottom: 1px solid #dee2e6;
            border-top-left-radius: calc(0.3rem - 1px);
            border-top-right-radius: calc(0.3rem - 1px);
          }
          .modal-header .btn-close {
            padding: 0.5rem 0.5rem;
            margin: -0.5rem -0.5rem -0.5rem auto;
          }
          
          .modal-title {
            margin-bottom: 0;
            line-height: 1.5;
          }
          
          .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: 1rem;
          
          }
          
          .modal-footer {
            display: flex;
            flex-wrap: wrap;
            flex-shrink: 0;
            align-items: center;
            justify-content: flex-end;
            padding: 0.75rem;
            border-top: 1px solid #dee2e6;
            border-bottom-right-radius: calc(0.3rem - 1px);
            border-bottom-left-radius: calc(0.3rem - 1px);
          }
          .modal-footer > * {
            margin: 0.25rem;
          }
          
          @media (min-width: 576px) {
          
            .modal-dialog-scrollable {
              height: calc(100% - 3.5rem);
            }
          
            .modal-dialog-centered {
              min-height: calc(100% - 3.5rem);
            }
          
            .modal-sm {
              max-width: 300px;
            }
          }
          @media (min-width: 992px) {
            .modal-lg,
          .modal-xl {
              max-width: 800px;
            }
          }
          @media (min-width: 1200px) {
            .modal-xl {
              max-width: 1140px;
            }
          }
          .modal-fullscreen {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0;
          }
          .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0;
          }
          .modal-fullscreen .modal-header {
            border-radius: 0;
          }
          .modal-fullscreen .modal-body {
            overflow-y: auto;
          }
          .modal-fullscreen .modal-footer {
            border-radius: 0;
          }
          
          @media (max-width: 575.98px) {
            .modal-fullscreen-sm-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
            }
            .modal-fullscreen-sm-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
            }
            .modal-fullscreen-sm-down .modal-header {
              border-radius: 0;
            }
            .modal-fullscreen-sm-down .modal-body {
              overflow-y: auto;
            }
            .modal-fullscreen-sm-down .modal-footer {
              border-radius: 0;
            }
          }
          @media (max-width: 767.98px) {
            .modal-fullscreen-md-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
            }
            .modal-fullscreen-md-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
            }
            .modal-fullscreen-md-down .modal-header {
              border-radius: 0;
            }
            .modal-fullscreen-md-down .modal-body {
              overflow-y: auto;
            }
            .modal-fullscreen-md-down .modal-footer {
              border-radius: 0;
            }
          }
          @media (max-width: 991.98px) {
            .modal-fullscreen-lg-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
            }
            .modal-fullscreen-lg-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
            }
            .modal-fullscreen-lg-down .modal-header {
              border-radius: 0;
            }
            .modal-fullscreen-lg-down .modal-body {
              overflow-y: auto;
            }
            .modal-fullscreen-lg-down .modal-footer {
              border-radius: 0;
            }
          }
          @media (max-width: 1199.98px) {
            .modal-fullscreen-xl-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
            }
            .modal-fullscreen-xl-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
            }
            .modal-fullscreen-xl-down .modal-header {
              border-radius: 0;
            }
            .modal-fullscreen-xl-down .modal-body {
              overflow-y: auto;
            }
            .modal-fullscreen-xl-down .modal-footer {
              border-radius: 0;
            }
          }
          @media (max-width: 1399.98px) {
            .modal-fullscreen-xxl-down {
              width: 100vw;
              max-width: none;
              height: 100%;
              margin: 0;
            }
            .modal-fullscreen-xxl-down .modal-content {
              height: 100%;
              border: 0;
              border-radius: 0;
            }
            .modal-fullscreen-xxl-down .modal-header {
              border-radius: 0;
            }
            .modal-fullscreen-xxl-down .modal-body {
              overflow-y: auto;
            }
            .modal-fullscreen-xxl-down .modal-footer {
              border-radius: 0;
            }
          }
          
          .modal .close {
          	position: absolute;
          	padding: 12px;
          	top: 2px;
          	right: 1px;
          	cursor: pointer;
          }
          /*.modal-dialog.login-modal-wrapper {*/
          	/*width: 346px;*/
          /*}*/
          .login-form {
          	text-align: center;
          }
          .modal-content {
          	position: relative;
          	background-color: #fff;
          	border-radius: 6px;
          	-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
          	box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
          	background-clip: padding-box;
          	outline: 0;
          }
          .modal-dialog.login-modal-wrapper.dark {
              box-shadow: -12px 0px 8px 0px rgb(0 0 0);
          }
          .login-modal .login-form, .login-modal-wrapper .login-form, .signup-modal .login-form {
          	margin-top: 0;
          	margin-left: 5px;
          	margin-right: 5px;
          	margin-bottom: 4px;
              width: 280px;
          }
          .btn-facebook,.btn-facebook-link {
          	color: #fff;
          	background-color: #3b5998;
          	border-color: #3b5998
          }
          .login-modal .login-form .panel-body .signin-buttons, .login-modal-wrapper .login-form .panel-body .signin-buttons, .signup-modal .login-form .panel-body .signin-buttons {
          	display: -webkit-box;
          	display: -ms-flexbox;
          	display: flex;
          	-webkit-box-orient: vertical;
          	-webkit-box-direction: normal;
          	-ms-flex-direction: column;
          	flex-direction: column;
          	-webkit-box-pack: justify;
          	-ms-flex-pack: justify;
          	justify-content: space-between;
          	-webkit-box-align: center;
          	-ms-flex-align: center;
          	align-items: center;
          }
          .btn-facebook-link:hover,.btn-facebook:hover {
          	color: #fff;
          	background-color: #344e86;
          	border-color: #344e86
          }
          
          .btn-facebook-link.active,.btn-facebook-link:active,.btn-facebook.active,.btn-facebook:active {
          	color: #fff;
          	background-color: #2d4373;
          	border-color: #3b5998
          }
          
          .btn-facebook-link.active .fa,.btn-facebook-link:active .fa,.btn-facebook.active .fa,.btn-facebook:active .fa {
          	color: #fff
          }
          
          .btn-facebook-link:focus,.btn-facebook:focus {
          	color: #fff;
          	background-color: #3b5998;
          	border-color: #3b5998
          }
          .btn-block {
          	width: 100%;
          }
          .btn-facebook-link.active,.btn-facebook-link:active,.btn-facebook.active,.btn-facebook:active,.open>.dropdown-toggle .btn-facebook,.open>.dropdown-toggle .btn-facebook-link {
          	background-image: none
          }
          
          .btn-facebook-link.disabled,.btn-facebook-link.disabled.active,.btn-facebook-link.disabled:active,.btn-facebook-link.disabled:hover,.btn-facebook-link[disabled],.btn-facebook-link[disabled].active,.btn-facebook-link[disabled]:active,.btn-facebook-link[disabled]:hover,.btn-facebook.disabled,.btn-facebook.disabled.active,.btn-facebook.disabled:active,.btn-facebook.disabled:hover,.btn-facebook[disabled],.btn-facebook[disabled].active,.btn-facebook[disabled]:active,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook,fieldset[disabled] .btn-facebook-link,fieldset[disabled] .btn-facebook-link.active,fieldset[disabled] .btn-facebook-link:active,fieldset[disabled] .btn-facebook-link:hover,fieldset[disabled] .btn-facebook.active,fieldset[disabled] .btn-facebook:active,fieldset[disabled] .btn-facebook:hover {
          	background-color: #4c70ba;
          	border-color: #4c70ba
          }
          .login-modal .login-form .panel-body .signin-buttons .btn-google,.login-modal-wrapper .login-form .panel-body .signin-buttons .btn-google,.signup-modal .login-form .panel-body .signin-buttons .btn-google {
          	background-color: #282828;
          }
          .login-modal .login-form .panel-body .btn, .login-modal-wrapper .login-form .panel-body .btn, .signup-modal .login-form .panel-body .btn {
          	height: 44px;
          	font-size: 16px;
          	line-height: 26px;
          	border-radius: 7px;
          	margin: 4px 0 8px;
          }
          .login-modal .login-form .panel-body .signin-buttons .auth-btn, .login-modal-wrapper .login-form .panel-body .signin-buttons .auth-btn, .signup-modal .login-form .panel-body .signin-buttons .auth-btn {
          	display: inline;
          	margin-left: 8px;
          }
          .login-modal .login-form .panel-body .hr-with-text,.login-modal-wrapper .login-form .panel-body .hr-with-text,.signup-modal .login-form .panel-body .hr-with-text {
          	display: -webkit-box;
          	display: -ms-flexbox;
          	display: flex;
          	-webkit-box-orient: horizontal;
          	-webkit-box-direction: normal;
          	-ms-flex-direction: row;
          	flex-direction: row;
          	-webkit-box-pack: justify;
          	-ms-flex-pack: justify;
          	justify-content: space-between;
          	white-space: nowrap;
          	margin: 8px auto
          }
          
          .login-modal .login-form .panel-body .hr-with-text .or,.login-modal-wrapper .login-form .panel-body .hr-with-text .or,.signup-modal .login-form .panel-body .hr-with-text .or {
          	font-size: 14px
          }
          
          .login-modal .login-form .panel-body .hr-with-text .horizontal-line,.login-modal-wrapper .login-form .panel-body .hr-with-text .horizontal-line,.signup-modal .login-form .panel-body .hr-with-text .horizontal-line {
          	width: 45%;
          	height: 9px;
          	border-bottom: 1px solid #eee
          }

          .login-modal .login-form .panel-body .password-forgot, .login-modal-wrapper .login-form .panel-body .password-forgot, .signup-modal .login-form .panel-body .password-forgot {
          	text-align: center;
          	text-decoration: underline;
          	font-weight: 600;
          	color: #222;
          	margin-top: 12px;
          }
          #authentication-panel a {
          	font-weight: 600;
          }
          .login-modal .login-form .panel-body .password-forgot a, .login-modal-wrapper .login-form .panel-body .password-forgot a, .signup-modal .login-form .panel-body .password-forgot a {
          	color: #222;
          	font-size: 14px;
          	text-decoration: underline;
          }
          .login-modal .signup-link, .login-modal-wrapper .signup-link, .signup-modal .signup-link {
          	color: #222;
          	text-align: center;
          	font-size: 14px;
          	line-height: 74px;
          	padding: 0;
          }
          .login-modal .signup-link button, .login-modal-wrapper .signup-link button, .signup-modal .signup-link button {
          	color: #2a1c60;
          	font-weight: 300;
          	padding: 0;
          	border: none;
          	outline: 0;
          	background-color: transparent;
          	font-family:'coco';
          	text-transform: uppercase;
          	
          }
          .login-modal .login-form p, .login-modal-wrapper .login-form p, .signup-modal .login-form p {
          	text-align: center;
          	color: #222;
          	font-size: 24px;
          	font-weight: 700;
          	margin-bottom: 20px;
          	margin-top: 6px;
          }
          .login-modal .signup-form h2, .login-modal .signup-form p, .signup-modal .signup-form h2, .signup-modal .signup-form p {
          	margin-bottom: 6px;
          	text-align: center;
          	padding: 0 40px;
          	font-size: 14px;
          	line-height: 20px;
          	margin-top: 8px;
          	color: #222;
          }
          .login-modal .signup-form h1, .signup-modal .signup-form h1 {
          	line-height: 40px;
          	margin: 8px 0 0;
          	font-weight: 700;
          	text-align: center;
          	color: #222;
          	font-size: 22px;
          	font-family: DinRounded,"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
          }
          .login-modal .signup-form h2, .login-modal .signup-form p, .signup-modal .signup-form h2, .signup-modal .signup-form p {
          	margin-bottom: 6px;
          	text-align: center;
          	padding: 0 40px;
          	font-size: 14px;
          	line-height: 20px;
          	margin-top: 8px;
          	color: #222;
          }
          .login-modal .signup-form .panel-body .policy-agreement, .signup-modal .signup-form .panel-body .policy-agreement {
          	font-size: 12px;
          	text-align: center;
          	display: table;
          	max-width: 300px;
          	color: #6f6f6f;
          	margin: 26px auto 16px;
          	line-height: 15px;
          }
          .login-modal .signup-form .panel-body .btn, .signup-modal .signup-form .panel-body .btn {
          	height: 44px;
          	font-size: 13px;
          	line-height: 26px;
          	border-radius: 100px;
          }
          .login-modal .signup-form .panel-body .signin-buttons .btn-google, .signup-modal .signup-form .panel-body .signin-buttons .btn-google {
          	margin-top: 8px;
          	background-color: #282828;
          }
          .login-modal .signup-form .panel-body .btn, .signup-modal .signup-form .panel-body .btn {
          	height: 54px;
          	font-size: 16px;
          	line-height: 16px;
          	border-radius: 1px;
          }
          .login-modal .signup-form .panel-body .hr-with-text, .signup-modal .signup-form .panel-body .hr-with-text {
          	display: -webkit-box;
          	display: -ms-flexbox;
          	display: flex;
          	-webkit-box-orient: horizontal;
          	-webkit-box-direction: normal;
          	-ms-flex-direction: row;
          	flex-direction: row;
          	-webkit-box-pack: justify;
          	-ms-flex-pack: justify;
          	justify-content: space-between;
          	white-space: nowrap;
          	margin: 8px auto;
          	-webkit-box-align: center;
          	-ms-flex-align: center;
          	align-items: center;
          }
          .login-modal .signup-form .panel-body .hr-with-text .horizontal-line, .signup-modal .signup-form .panel-body .hr-with-text .horizontal-line {
          	width: 45%;
          	height: 1px;
          	border-bottom: 1px solid #eee;
          }
          .login-modal .signup-form .panel-body p:last-of-type, .signup-modal .signup-form .panel-body p:last-of-type {
          	text-align: center;
          	margin-top: 26px;
          	margin-bottom: 0;
          	font-size: 17px;
          	line-height: 45px;
          	white-space: nowrap;
          	padding: 0;
          }
          .login-modal .signup-form h2, .login-modal .signup-form p, .signup-modal .signup-form h2, .signup-modal .signup-form p {
          	margin-bottom: 6px;
          	text-align: center;
          	padding: 0 40px;
          	font-size: 14px;
          	line-height: 20px;
          	margin-top: 8px;
          	color: #222;
          }
          .login-modal .signup-form .panel-body p:last-of-type .login, .signup-modal .signup-form .panel-body p:last-of-type .login {
          	color: #2a1c60;
          	font-weight: 300;
          	padding: 0;
          	border: none;
          	outline: 0;
          	background-color: transparent;
          }
          .login-modal .signup-form .panel-body .policy-agreement a, .signup-modal .signup-form .panel-body .policy-agreement a {
          	color: #2a1c60;
          	font-weight: 600;
          }
          .modal-dialog.signup-modal-wrapper .signup-modal #authentication .panel-body {
          	padding: 12px 33px 20px;
          	padding-left: 33px;
          	padding-right: 33px;
          }
          
          .form-label {
            margin-bottom: 0.5rem;
            color: white;
          }
          
          .col-form-label {
            padding-top: calc(0.375rem + 1px);
            padding-bottom: calc(0.375rem + 1px);
            margin-bottom: 0;
            font-size: inherit;
            line-height: 1.5;
          }
          
          .col-form-label-lg {
            padding-top: calc(0.5rem + 1px);
            padding-bottom: calc(0.5rem + 1px);
            font-size: 1.25rem;
          }
          
          .col-form-label-sm {
            padding-top: calc(0.25rem + 1px);
            padding-bottom: calc(0.25rem + 1px);
            font-size: 0.875rem;
          }
          
          .form-text {
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #6c757d;
          }
          
          .form-control {
            display: block;
            width: 100%;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-control {
              transition: none;
            }
          }
          .form-control[type=file] {
            overflow: hidden;
          }
          .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer;
          }
          .form-control:focus {
            color: #212529;
            background-color: #fff;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .form-control::-webkit-date-and-time-value {
            height: 1.5em;
          }
          .form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1;
          }
          .form-control::placeholder {
            color: #6c757d;
            opacity: 1;
          }
          .form-control:disabled, .form-control[readonly] {
            background-color: #e9ecef;
            opacity: 1;
          }
          .form-control::file-selector-button {
            padding: 0.375rem 0.75rem;
            margin: -0.375rem -0.75rem;
            -webkit-margin-end: 0.75rem;
            margin-inline-end: 0.75rem;
            color: #212529;
            background-color: #e9ecef;
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-control::file-selector-button {
              transition: none;
            }
          }
          .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: #dde0e3;
          }
          .form-control::-webkit-file-upload-button {
            padding: 0.375rem 0.75rem;
            margin: -0.375rem -0.75rem;
            -webkit-margin-end: 0.75rem;
            margin-inline-end: 0.75rem;
            color: #212529;
            background-color: #e9ecef;
            pointer-events: none;
            border-color: inherit;
            border-style: solid;
            border-width: 0;
            border-inline-end-width: 1px;
            border-radius: 0;
            -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-control::-webkit-file-upload-button {
              -webkit-transition: none;
              transition: none;
            }
          }
          .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
            background-color: #dde0e3;
          }
          
          .form-control-plaintext {
            display: block;
            width: 100%;
            padding: 0.375rem 0;
            margin-bottom: 0;
            line-height: 1.5;
            color: #212529;
            background-color: transparent;
            border: solid transparent;
            border-width: 1px 0;
          }
          .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
            padding-right: 0;
            padding-left: 0;
          }
          
          .form-control-sm {
            min-height: calc(1.5em + (0.5rem + 2px));
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            border-radius: 0.2rem;
          }
          .form-control-sm::file-selector-button {
            padding: 0.25rem 0.5rem;
            margin: -0.25rem -0.5rem;
            -webkit-margin-end: 0.5rem;
            margin-inline-end: 0.5rem;
          }
          .form-control-sm::-webkit-file-upload-button {
            padding: 0.25rem 0.5rem;
            margin: -0.25rem -0.5rem;
            -webkit-margin-end: 0.5rem;
            margin-inline-end: 0.5rem;
          }
          
          .form-control-lg {
            min-height: calc(1.5em + (1rem + 2px));
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            border-radius: 0.3rem;
          }
          .form-control-lg::file-selector-button {
            padding: 0.5rem 1rem;
            margin: -0.5rem -1rem;
            -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
          }
          .form-control-lg::-webkit-file-upload-button {
            padding: 0.5rem 1rem;
            margin: -0.5rem -1rem;
            -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
          }
          
          textarea.form-control {
            min-height: calc(1.5em + (0.75rem + 2px));
          }
          textarea.form-control-sm {
            min-height: calc(1.5em + (0.5rem + 2px));
          }
          textarea.form-control-lg {
            min-height: calc(1.5em + (1rem + 2px));
          }
          
          .form-control-color {
            max-width: 3rem;
            height: auto;
            padding: 0.375rem;
          }
          .form-control-color:not(:disabled):not([readonly]) {
            cursor: pointer;
          }
          .form-control-color::-moz-color-swatch {
            height: 1.5em;
            border-radius: 0.25rem;
          }
          .form-control-color::-webkit-color-swatch {
            height: 1.5em;
            border-radius: 0.25rem;
          }
          
          .form-select {
            display: block;
            width: 100%;
            padding: 0.375rem 2.25rem 0.375rem 0.75rem;
            -moz-padding-start: calc(0.75rem - 3px);
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 0.75rem center;
            background-size: 16px 12px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-select {
              transition: none;
            }
          }
          .form-select:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .form-select[multiple], .form-select[size]:not([size="1"]) {
            padding-right: 0.75rem;
            background-image: none;
          }
          .form-select:disabled {
            background-color: #e9ecef;
          }
          .form-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #212529;
          }
          
          .form-select-sm {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            padding-left: 0.5rem;
            font-size: 0.875rem;
          }
          
          .form-select-lg {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            padding-left: 1rem;
            font-size: 1.25rem;
          }
          
          .form-check {
            display: block;
            min-height: 1.5rem;
            padding-left: 1.5em;
            margin-bottom: 0.125rem;
          }
          .form-check .form-check-input {
            float: left;
            margin-left: -1.5em;
          }
          
          .form-check-input {
            width: 1em;
            height: 1em;
            margin-top: 0.25em;
            vertical-align: top;
            background-color: #fff;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border: 1px solid rgba(0, 0, 0, 0.25);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
          }
          .form-check-input[type=checkbox] {
            border-radius: 0.25em;
          }
          .form-check-input[type=radio] {
            border-radius: 50%;
          }
          .form-check-input:active {
            filter: brightness(90%);
          }
          .form-check-input:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .form-check-input:checked {
            background-color: #0d6efd;
            border-color: #0d6efd;
          }
          .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
          }
          .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
          }
          .form-check-input[type=checkbox]:indeterminate {
            background-color: #0d6efd;
            border-color: #0d6efd;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
          }
          .form-check-input:disabled {
            pointer-events: none;
            filter: none;
            opacity: 0.5;
          }
          .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
            opacity: 0.5;
          }
          
          .form-switch {
            padding-left: 2.5em;
          }
          .form-switch .form-check-input {
            width: 2em;
            margin-left: -2.5em;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            background-position: left center;
            border-radius: 2em;
            transition: background-position 0.15s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-switch .form-check-input {
              transition: none;
            }
          }
          .form-switch .form-check-input:focus {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
          }
          .form-switch .form-check-input:checked {
            background-position: right center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
          }
          
          .form-check-inline {
            display: inline-block;
            margin-right: 1rem;
          }
          
          .btn-check {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
          }
          .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
            pointer-events: none;
            filter: none;
            opacity: 0.65;
          }
          
          .form-range {
            width: 100%;
            height: 1.5rem;
            padding: 0;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
          }
          .form-range:focus {
            outline: 0;
          }
          .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .form-range::-moz-focus-outer {
            border: 0;
          }
          .form-range::-webkit-slider-thumb {
            width: 1rem;
            height: 1rem;
            margin-top: -0.25rem;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            -webkit-appearance: none;
            appearance: none;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-range::-webkit-slider-thumb {
              -webkit-transition: none;
              transition: none;
            }
          }
          .form-range::-webkit-slider-thumb:active {
            background-color: #b6d4fe;
          }
          .form-range::-webkit-slider-runnable-track {
            width: 100%;
            height: 0.5rem;
            color: transparent;
            cursor: pointer;
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
          }
          .form-range::-moz-range-thumb {
            width: 1rem;
            height: 1rem;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            -moz-appearance: none;
            appearance: none;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-range::-moz-range-thumb {
              -moz-transition: none;
              transition: none;
            }
          }
          .form-range::-moz-range-thumb:active {
            background-color: #b6d4fe;
          }
          .form-range::-moz-range-track {
            width: 100%;
            height: 0.5rem;
            color: transparent;
            cursor: pointer;
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
          }
          .form-range:disabled {
            pointer-events: none;
          }
          .form-range:disabled::-webkit-slider-thumb {
            background-color: #adb5bd;
          }
          .form-range:disabled::-moz-range-thumb {
            background-color: #adb5bd;
          }
          
          .form-floating {
            position: relative;
          }
          .form-floating > .form-control,
          .form-floating > .form-select {
            height: calc(3.5rem + 2px);
            line-height: 1.25;
          }
          .form-floating > label {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            padding: 1rem 0.75rem;
            pointer-events: none;
            border: 1px solid transparent;
            transform-origin: 0 0;
            transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .form-floating > label {
              transition: none;
            }
          }
          .form-floating > .form-control {
            padding: 1rem 0.75rem;
          }
          .form-floating > .form-control::-moz-placeholder {
            color: transparent;
          }
          .form-floating > .form-control::placeholder {
            color: transparent;
          }
          .form-floating > .form-control:not(:-moz-placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
          }
          .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
          }
          .form-floating > .form-control:-webkit-autofill {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
          }
          .form-floating > .form-select {
            padding-top: 1.625rem;
            padding-bottom: 0.625rem;
          }
          .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          }
          .form-floating > .form-control:focus ~ label,
          .form-floating > .form-control:not(:placeholder-shown) ~ label,
          .form-floating > .form-select ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          }
          .form-floating > .form-control:-webkit-autofill ~ label {
            opacity: 0.65;
            transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          }
          
          .input-group {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            width: 100%;
          }
          .input-group > .form-control,
          .input-group > .form-select {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0;
          }
          .input-group > .form-control:focus,
          .input-group > .form-select:focus {
            z-index: 3;
          }
          .input-group .btn {
            position: relative;
            z-index: 2;
          }
          .input-group .btn:focus {
            z-index: 3;
          }
          
          .input-group-text {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
          }
          
          .input-group-lg > .form-control,
          .input-group-lg > .form-select,
          .input-group-lg > .input-group-text,
          .input-group-lg > .btn {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            border-radius: 0.3rem;
          }
          
          .input-group-sm > .form-control,
          .input-group-sm > .form-select,
          .input-group-sm > .input-group-text,
          .input-group-sm > .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            border-radius: 0.2rem;
          }
          
          .input-group-lg > .form-select,
          .input-group-sm > .form-select {
            padding-right: 3rem;
          }
          
          .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
          .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
          .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
          .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
          }
          .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
          }
          
          .valid-feedback {
            display: none;
            width: 100%;
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #198754;
          }
          
          .valid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: 0.25rem 0.5rem;
            margin-top: 0.1rem;
            font-size: 0.875rem;
            color: #fff;
            background-color: rgba(25, 135, 84, 0.9);
            border-radius: 0.25rem;
          }
          
          .was-validated :valid ~ .valid-feedback,
          .was-validated :valid ~ .valid-tooltip,
          .is-valid ~ .valid-feedback,
          .is-valid ~ .valid-tooltip {
            display: block;
          }
          
          .was-validated .form-control:valid, .form-control.is-valid {
            border-color: #198754;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
          }
          .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
          }
          
          .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
            padding-right: calc(1.5em + 0.75rem);
            background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
          }
          
          .was-validated .form-select:valid, .form-select.is-valid {
            border-color: #198754;
          }
          .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
            padding-right: 4.125rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
            background-position: right 0.75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
          }
          .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
          }
          
          .was-validated .form-check-input:valid, .form-check-input.is-valid {
            border-color: #198754;
          }
          .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
            background-color: #198754;
          }
          .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
          }
          .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
            color: #198754;
          }
          
          .form-check-inline .form-check-input ~ .valid-feedback {
            margin-left: 0.5em;
          }
          
          .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
          .was-validated .input-group .form-select:valid,
          .input-group .form-select.is-valid {
            z-index: 1;
          }
          .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
          .was-validated .input-group .form-select:valid:focus,
          .input-group .form-select.is-valid:focus {
            z-index: 3;
          }
          
          .invalid-feedback {
            display: none;
            width: 100%;
            margin-top: 0.25rem;
            font-size: 0.875em;
            color: #dc3545;
          }
          
          .invalid-tooltip {
            position: absolute;
            top: 100%;
            z-index: 5;
            display: none;
            max-width: 100%;
            padding: 0.25rem 0.5rem;
            margin-top: 0.1rem;
            font-size: 0.875rem;
            color: #fff;
            background-color: rgba(220, 53, 69, 0.9);
            border-radius: 0.25rem;
          }
          
          .was-validated :invalid ~ .invalid-feedback,
          .was-validated :invalid ~ .invalid-tooltip,
          .is-invalid ~ .invalid-feedback,
          .is-invalid ~ .invalid-tooltip {
            display: block;
          }
          
          .was-validated .form-control:invalid, .form-control.is-invalid {
            border-color: #dc3545;
            padding-right: calc(1.5em + 0.75rem);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right calc(0.375em + 0.1875rem) center;
            background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
          }
          .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
          }
          
          .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
            padding-right: calc(1.5em + 0.75rem);
            background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
          }
          
          .was-validated .form-select:invalid, .form-select.is-invalid {
            border-color: #dc3545;
          }
          .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
            padding-right: 4.125rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
            background-position: right 0.75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
          }
          .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
          }
          
          .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
            border-color: #dc3545;
          }
          .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
            background-color: #dc3545;
          }
          .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
          }
          .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
            color: #dc3545;
          }
          
          .form-check-inline .form-check-input ~ .invalid-feedback {
            margin-left: 0.5em;
          }
          
          .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
          .was-validated .input-group .form-select:invalid,
          .input-group .form-select.is-invalid {
            z-index: 2;
          }
          .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
          .was-validated .input-group .form-select:invalid:focus,
          .input-group .form-select.is-invalid:focus {
            z-index: 3;
          }
          
          
          .btn {
            display: inline-block;
            font-weight: 450;
            line-height: 1.5;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            border-radius: 0.25rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          }
          @media (prefers-reduced-motion: reduce) {
            .btn {
              transition: none;
            }
          }
          .btn:hover {
            color: #212529;
          }
          .btn-check:focus + .btn, .btn:focus {
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
          }
          .btn:disabled, .btn.disabled, fieldset:disabled .btn {
            pointer-events: none;
            opacity: 0.65;
          }
          
          .btn-primary {
            color: #fff;
            background-color: #fff;
          }
          .btn-primary:hover {
            color: #fff;
            background-color: #fff;
          }
          .btn-check:focus + .btn-primary, .btn-primary:focus {
            color: #fff;
            background-color: #fff;
          }
          .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #fff;
          }
          .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
          }
          .btn-primary:disabled, .btn-primary.disabled {
            color: #fff;
            background-color: #fff;
            border-color: #fff;
          }
          
          
          
          .btn-primary:focus{
          	box-shadow: 0 0 0 0.25rem #494949;
          }
          
          .btn-primary:active{
          	box-shadow: 0 0 0 0.25rem #494949;
          }
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          @media (min-width: 600px) {
          	.modal-dialog {
          		width:500px;
          		margin: 15px auto
          	}
          }
          
          @media (min-width: 768px) {
          	.modal-dialog {
          		width:600px;
          	}
          
          	.modal-content {
          		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
          		box-shadow: 0 5px 15px rgba(0,0,0,.5)
          	}
          
          	.modal-sm {
          		width: 500px
          	}
          }

          @media (min-width: 992px) {
          	.modal-lg {
          		width:900px
          	}
          }
          .modal-dialog.dark .modal-content {
              background-color: #282828;
              background-image: url(/img/regg.jpg);
          	background-repeat: no-repeat;
          	background-size: 100% 100%;
          
          }
          .modal-dialog.dark .modal-content .form-control:focus {
            background-color: rgb(44,44,44);
          }
          .modal-dialog.dark .btn-primary {
          	background-color: rgb(25 46 25 / 24%);
              color: #00b439;
          }
          .modal-dialog.dark .btn-check:focus+.btn-primary, .btn-primary:focus {
            background-color: white;
            color: rgb(44,44,44);
          }
          .modal-dialog.dark .login-modal .login-form p,
          .modal-dialog.dark .login-modal-wrapper .login-form p,
          .modal-dialog.dark .signup-modal .login-form p,
          .modal-dialog.dark #authentication-panel a,
          .modal-dialog.dark .login-modal .signup-link,
          .modal-dialog.dark .login-modal-wrapper .signup-link,
          .modal-dialog.dark .signup-modal .signup-link,
          .modal-dialog.dark .modal-content,
          .modal-dialog.dark .login-modal .signup-link button,
          .modal-dialog.dark .login-modal-wrapper .signup-link button,
          .modal-dialog.dark .signup-modal .signup-link button,
          .modal-dialog.dark .login-modal .signup-form h2,
          .modal-dialog.dark .login-modal .signup-form p,
          .modal-dialog.dark .signup-modal .signup-form h2,
          .modal-dialog.dark .signup-modal .signup-form p,
          .modal-dialog.dark .login-modal .signup-form .panel-body p:last-of-type .login,
          .modal-dialog.dark .signup-modal .signup-form .panel-body p:last-of-type .login,
          .modal-dialog.dark .login-modal .signup-form h1,
          .modal-dialog.dark .signup-modal .signup-form h1 {
            color: #54697f;
            border-radius: 0.1rem;
            text-align:center;
           
          }
          .modal-body form input {
              background: rgb(54, 54, 54) !important;
          	color: #fffcfc !important;
          	border: 1px solid rgb(54, 54, 54) !important;
          }
          
          div.alphabet .nothover {cursor: default;}
          
          div.alphabet > span.nothover > i:before {
            display:none;
          }
          div.alphabet > span.nothover > i>img {
            width: 46px
          
          }
          div.alphabet > span.nothover > i>img.auth {
            width: 40px
          }
          
          @media (max-width: 920px){
               
               div.alphabet > span.nothover > i>img {
            width: 16px
                    
               }
               
               div.alphabet > span.nothover > i>img.auth{
                    width:19px;
               }
          }

          /*form*/
          .styles_popup__hP12r .styles_popupInner__aoInk {
              display: flex;
              flex-direction: column;
              padding: 50px 120px !important;
          }

          .styles_popup__hP12r {
              border-radius: 15px;
              margin-top: 6px;
              position: relative;
              width: fit-content;
          }

          .rui-Typography-reset {
              cursor: auto;
              margin: 0;
              widows: 2;
              hyphens: none;
              padding: 0;
              tab-size: 8;
              direction: ltr;
              font-size: medium;
              font-style: normal;
              list-style: disc outside none;
              text-align: left;
              visibility: visible;
              empty-cells: show;
              font-family: inherit;
              font-weight: normal;
              line-height: normal;
              text-indent: 0;
              text-shadow: none;
              white-space: normal;
              caption-side: top;
              font-stretch: normal;
              font-variant: normal;
              word-spacing: normal;
              border-radius: 0;
              border-spacing: 0;
              letter-spacing: normal;
              text-transform: none;
              vertical-align: baseline;
              border-collapse: separate;
              text-align-last: auto;
          }


          .rui-Typography-h2 {
              margin: 20px 0;
              font-size: 20px;
              font-style: normal;
              font-family: Montserrat, sans-serif;
              font-weight: 900;
              line-height: 25px;
              letter-spacing: 0;
          }

          .styles_popup__hP12r .styles_popupTitle__MIrZb {
              margin: 0;
              text-align: center;
              color: #c5c8c1;
              padding-right: 15px;
          }
          .styles_columns__2_rhe {
              display: flex;
              flex-direction: column;
          }
          .styles_columns__2_rhe .styles_leftColumn__k_O3r {
              flex-shrink: 0;
          }
          .styles_list__dSWiO {
              display: flex;
              justify-content: center;
          }
          .rui-Typography-h3 {
              color: #918e8e !important;
              margin: 20px 0;
              margin-top: 2vh;
              font-size: 12px;
              font-style: normal;
              font-family: 'venom';
              font-weight: 500;
              line-height: 20px;
              letter-spacing: 0;
              text-align: center !important;
          }
          .rui-FieldStatus-message {
              display: none;
          }
          .styles_columns__2_rhe .styles_title__tsamW {
              margin: 0 0 20px!important;
          }
          .rui-FormGroup-root {
              cursor: auto;
              margin: 0;
              widows: 2;
              hyphens: none;
              padding: 0;
              tab-size: 8;
              direction: ltr;
              font-size: 14px;
              font-style: normal;
              list-style: disc outside none;
              text-align: left;
              visibility: visible;
              empty-cells: show;
              font-family: Montserrat, sans-serif;
              font-weight: normal;
              line-height: 20px;
              text-indent: 0;
              text-shadow: none;
              white-space: normal;
              caption-side: top;
              font-stretch: normal;
              font-variant: normal;
              word-spacing: normal;
              border-radius: 0;
              border-spacing: 0;
              letter-spacing: normal;
              text-transform: none;
              vertical-align: baseline;
              border-collapse: separate;
              text-align-last: auto;
          }
          .rui-FormGroup-normal {
              margin-bottom: 20px;
          }
          .rui-FormGroup-inner {
              position: relative;
          }
          .rui-FormGroup-inner {
              width: 100%;
              display: inline-block;
              margin-left: 0;
              vertical-align: top;
          }
          /*./form*/


                                               .rui-Typography-reset {
                                                   cursor: auto;
                                                   margin: 0;
                                                   widows: 2;
                                                   hyphens: none;
                                                   padding: 0;
                                                   tab-size: 8;
                                                   direction: ltr;
                                                   font-size: medium;
                                                   font-style: normal;
                                                   list-style: disc outside none;
                                                   text-align: left;
                                                   visibility: visible;
                                                   empty-cells: show;
                                                   font-family: inherit;
                                                   font-weight: normal;
                                                   line-height: normal;
                                                   text-indent: 0;
                                                   text-shadow: none;
                                                   white-space: normal;
                                                   caption-side: top;
                                                   font-stretch: normal;
                                                   font-variant: normal;
                                                   word-spacing: normal;
                                                   border-radius: 0;
                                                   border-spacing: 0;
                                                   letter-spacing: normal;
                                                   text-transform: none;
                                                   vertical-align: baseline;
                                                   border-collapse: separate;
                                                   text-align-last: auto;
                                               }
          .rui-Typography-h1 {
              margin: 15px 0;
              font-size: 26px;
              font-style: normal;
              font-family: Montserrat, sans-serif;
              font-weight: 700;
              line-height: 30px;
              letter-spacing: 0;
          }
          @media (max-device-width: 767px) {
              .rui-Typography-h1 {
                  font-size: 26px;
                  font-weight: 700;
                  line-height: 30px;
              }
          }
          .rui-Typography-h2 {
              margin: 20px 0;
              font-size: 20px;
              font-style: normal;
              font-family: 'coco';
              font-weight: 900;
              line-height: 25px;
              letter-spacing: 2px;
              text-transform: uppercase;
          }
          @media (max-device-width: 767px) {
              .rui-Typography-h2 {
                  font-size: 20px;
                  font-weight: 900;
                  line-height: 25px;
              }
          }
          .rui-Typography-h3 {
              color: #343b4c;
              margin: 20px 0;
              margin-bottom: 1vh;
              font-size: 15px;
              font-style: normal;
              font-family: Montserrat, sans-serif;
              font-weight: 500;
              line-height: 20px;
              letter-spacing: 0;
          }
          @media (max-device-width: 767px) {
              .rui-Typography-h3 {
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 20px;
              }
          }
          .rui-Typography-text {
              margin: 20px 0;
              font-size: 14px;
              font-style: normal;
              font-family: Montserrat, sans-serif;
              font-weight: 500;
              line-height: 20px;
              letter-spacing: 0;
          }
          @media (max-device-width: 767px) {
              .rui-Typography-text {
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 20px;
              }
          }
          .rui-Typography-quote {
              margin: 30px 0;
              font-size: 22px;
              font-style: italic;
              border-left: 3px solid #315efb;
              font-family: Georgia, serif;
              font-weight: 400;
              line-height: 32px;
              border-color: #315efb;
              padding-left: 37px;
          }
          .rui-Typography-quote p {
              margin: 0;
          }
          .rui-Typography-quote p + p {
              margin-top: 20px;
          }
          .rui-Typography-epigraph {
              margin: 20px 0;
              font-size: 22px;
              font-style: italic;
              font-family: Georgia, serif;
              font-weight: 400;
              line-height: 32px;
          }
          .rui-Typography-source {
              font-size: 11px;
              font-family: Roboto, sans-serif;
              font-weight: 400;
          }
          .rui-Typography-timestamp {
              font-size: 12px;
              font-family: Roboto, sans-serif;
              font-weight: 400;
          }
          .rui-Typography-description {
              margin: 20px 0 25px;
              font-size: 12px;
              font-family: Roboto, sans-serif;
              font-weight: 400;
              line-height: 15px;
          }
          .rui-Typography-galleryDescription {
              font-size: 13px;
              font-family: CorsicaRamblerLX, sans-serif;
              font-weight: 400;
              line-height: 20px;
          }
          .rui-Typography-photoSource {
              font-size: 12px;
              font-family: Roboto, sans-serif;
              font-weight: 400;
          }
          .rui-Typography-list {
              margin: 30px 0;
              position: relative;
              font-size: 14px;
              font-style: normal;
              list-style: none;
              font-family: Montserrat, sans-serif;
              font-weight: 500;
              line-height: 20px;
              padding-left: 40px;
              letter-spacing: 0;
          }
          .rui-Typography-list li + li {
              margin-top: 15px;
          }
          .rui-Typography-list li:before {
              left: 0;
              position: absolute;
          }
          ul.rui-Typography-list li:before {
              width: 10px;
              height: 10px;
              content: "";
              background: rgb(199, 202, 212);
              margin-top: 9px;
              border-radius: 50%;
          }
          ol.rui-Typography-list {
              counter-reset: order;
          }
          ol.rui-Typography-list li:before {
              color: #b0b4c2;
              content: counter(order)".";
              font-size: 22px;
              font-weight: 400;
              line-height: 25px;
              counter-increment: order;
          }
          .rui-Typography-uppercase {
              letter-spacing: 0.11818181818181818em;
              text-transform: uppercase;
          }

                                                       .rui-Button-button {
                                                           border: none;
                                                           cursor: pointer;
                                                           margin: 0;
                                                           widows: 2;
                                                           display: inline-block;
                                                           hyphens: none;
                                                           outline: none !important;
                                                           padding: 0;
                                                           position: relative;
                                                           tab-size: 8;
                                                           direction: ltr;
                                                           font-size: medium;
                                                           box-sizing: border-box;
                                                           list-style: disc outside none;
                                                           text-align: center;
                                                           visibility: visible;
                                                           empty-cells: show;
                                                           font-family: Montserrat, sans-serif;
                                                           font-weight: 600;
                                                           line-height: normal;
                                                           text-indent: 0;
                                                           text-shadow: none;
                                                           user-select: none;
                                                           white-space: normal;
                                                           caption-side: top;
                                                           font-stretch: normal;
                                                           font-variant: normal;
                                                           word-spacing: normal;
                                                           border-radius: 20px;
                                                           border-spacing: 0;
                                                           letter-spacing: 0;
                                                           text-transform: normal;
                                                           vertical-align: baseline;
                                                           border-collapse: separate;
                                                           text-align-last: auto;
                                                       }
          @media (max-device-width: 767px) {
              .rui-Button-button {
                  font-weight: 600;
                  letter-spacing: 0;
              }
          }
          .rui-Button-button, .rui-Button-button * {
              transition: background-color .2s, border .2s, box-shadow .2s;
          }
          .rui-Button-button:before, .rui-Button-button:after {
              top: 0;
              left: 0;
              right: 0;
              border: 1px solid transparent;
              bottom: 0;
              content: "";
              display: block;
              position: absolute;
              transition: all .2s;
              border-radius: 20px;
              pointer-events: none;
          }
          .rui-Button-button[disabled] {
              pointer-events: none;
          }
          .rui-Button-button::-moz-focus-inner {
              border: none !important;
              outline: none !important;
          }
          .rui-Button-isRounded.rui-Button-button, .rui-Button-isRounded:before, .rui-Button-isRounded:after {
              border-radius: 9999px !important;
          }
          .rui-Button-isLoading {
              opacity: 0;
              pointer-events: none;
          }
          .rui-Button-loader {
              font-size: 3px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-loader {
                  font-size: 4px;
              }
          }
          .rui-Button-content {
              display: block;
              padding: 0 20px;
              overflow: hidden;
              position: relative;
              white-space: nowrap;
              text-overflow: ellipsis;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
          }
          .rui-Button-content:before {
              width: 0;
              height: 100%;
              content: "";
              display: inline-block;
              vertical-align: middle;
          }
          .rui-Button-content > * {
              vertical-align: middle;
          }
          @media (max-device-width: 767px) {
              .rui-Button-content {
                  padding: 0 25px;
              }
          }
          .rui-Button-block {
              width: 100%;
              display: block;
          }
          .rui-Button-size-medium {
              font-size: 14px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-size-medium {
                  font-size: 14px;
              }
          }
          .rui-Button-size-medium .rui-Button-content {
              height: 40px;
              line-height: 40px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-size-medium .rui-Button-content {
                  height: 40px;
                  line-height: 40px;
              }
          }
          .rui-Button-size-small {
              font-size: 14px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-size-small {
                  font-size: 14px;
              }
          }
          .rui-Button-size-small .rui-Button-content {
              height: 40px;
              line-height: 40px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-size-small .rui-Button-content {
                  height: 40px;
                  line-height: 40px;
              }
          }
          .rui-Button-overlay {
              top: 0;
              left: 0;
              right: 0;
              width: 100%;
              bottom: 0;
              cursor: pointer;
              height: 100%;
              opacity: 0;
              z-index: 1;
              position: absolute;
          }
          .rui-Button-icon {
              display: inline-block;
              margin-top: -2px;
              transition: fill .2s;
          }
          .rui-Button-iconPosition-right .rui-Button-icon {
              margin-left: 5px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-iconPosition-right .rui-Button-icon {
                  margin-left: 10px;
              }
          }
          .rui-Button-iconPosition-left .rui-Button-icon {
              margin-right: 5px;
          }
          @media (max-device-width: 767px) {
              .rui-Button-iconPosition-left .rui-Button-icon {
                  margin-right: 10px;
              }
          }
          a.styles_link___lR7s {
              color: #c3b169;
              text-decoration: none;
          }
          a.styles_link___lR7s:hover {
              color: #f0da82;
          }
          .rui-Button-type-primary {
              background: #247f54;
              text-decoration: none;
          }
          .rui-Button-type-primary:active:active {
              background: rgb(39, 75, 200);
          }
          .rui-Button-type-primary:hover {
              background: #348d63;
              text-decoration: none;
          }
          .rui-Button-type-primary[disabled] {
              background: #f5f7f8;
          }
          .rui-Button-type-primary, .rui-Button-type-primary * {
              color: #fff;
          }
          .rui-Button-type-primary .rui-Button-icon {
              fill: #fff;
          }
          .rui-Button-type-primary .rui-Button-loader {
              color: #fff;
          }
          html[data-focus-source="other"] .rui-Button-type-primary:focus:after {
              top: -3px;
              left: -3px;
              right: -3px;
              bottom: -3px;
              border-color: #315efb;
              border-radius: 22px;
          }
          .rui-Button-type-primary[disabled], .rui-Button-type-primary[disabled] * {
              color: #afb5c9;
          }
          .rui-Button-type-primary[disabled] .rui-Button-icon {
              fill: rgb(199, 202, 212);
          }
          .rui-Button-type-secondary {
              background: #eff5ff;
              text-decoration: none;
          }
          .rui-Button-type-secondary:active:active {
              background: #e0ebff;
          }
          .rui-Button-type-secondary:hover {
              background: #e0ebff;
              text-decoration: none;
          }
          .rui-Button-type-secondary[disabled] {
              background: #f3f4f7;
          }
          .rui-Button-type-secondary, .rui-Button-type-secondary * {
              color: #343b4c;
          }
          .rui-Button-type-secondary .rui-Button-icon {
              fill: #315efb;
          }
          .rui-Button-type-secondary .rui-Button-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-Button-type-secondary:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: #315efb;
              border-radius: 20px;
          }
          .rui-Button-type-secondary[disabled], .rui-Button-type-secondary[disabled] * {
              color: #afb6c9;
          }
          .rui-Button-type-secondary[disabled] .rui-Button-icon {
              fill: rgb(199, 202, 212);
          }
          .rui-Button-type-secondary:hover, .rui-Button-type-secondary:hover * {
              color: #315efb;
          }
          .rui-Button-type-secondary:active:active, .rui-Button-type-secondary:active:active * {
              color: #274bc8;
          }
          .rui-Button-type-secondary:active:active .rui-Button-icon {
              fill: rgb(39, 75, 200);
          }
          .rui-Button-type-outline {
              background: transparent;
              text-decoration: none;
          }
          .rui-Button-type-outline:active:active {
              background: transparent;
          }
          .rui-Button-type-outline:hover {
              text-decoration: none;
          }
          .rui-Button-type-outline, .rui-Button-type-outline * {
              color: #343b4c;
          }
          .rui-Button-type-outline:before {
              border-color: #eff5ff;
          }
          .rui-Button-type-outline .rui-Button-icon {
              fill: #315efb;
          }
          .rui-Button-type-outline .rui-Button-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-Button-type-outline:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: #e0ebff;
              border-radius: 20px;
          }
          .rui-Button-type-outline[disabled], .rui-Button-type-outline[disabled] * {
              color: #afb5c9;
          }
          .rui-Button-type-outline[disabled]:before {
              border-color: rgb(231, 232, 236);
          }
          .rui-Button-type-outline[disabled] .rui-Button-icon {
              fill: rgb(199, 202, 212);
          }
          .rui-Button-type-outline:hover, .rui-Button-type-outline:hover * {
              color: #315efb;
          }
          .rui-Button-type-outline:hover:before {
              border-color: #e0ebff;
          }
          .rui-Button-type-outline:active:active, .rui-Button-type-outline:active:active * {
              color: rgb(39, 75, 200);
          }
          .rui-Button-type-outline:active:active:before {
              border-color: #e0ebff;
          }
          .rui-Button-type-outline:active:active .rui-Button-icon {
              fill: rgb(39, 75, 200);
          }
          .rui-Button-type-flat {
              background: transparent;
              text-decoration: none;
          }
          .rui-Button-type-flat:active:active {
              background: transparent;
          }
          .rui-Button-type-flat:hover {
              background: transparent;
              text-decoration: none;
          }
          .rui-Button-type-flat, .rui-Button-type-flat * {
              color: #315efb;
          }
          .rui-Button-type-flat .rui-Button-icon {
              fill: #315efb;
          }
          .rui-Button-type-flat .rui-Button-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-Button-type-flat:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: none;
              border-radius: 20px;
          }
          .rui-Button-type-flat[disabled], .rui-Button-type-flat[disabled] * {
              color: #f3f4f7;
          }
          .rui-Button-type-flat[disabled] .rui-Button-icon {
              fill: rgb(199, 202, 212);
          }
          .rui-Button-type-flat:hover, .rui-Button-type-flat:hover * {
              color: #2c54e2;
          }
          .rui-Button-type-flat:active:active, .rui-Button-type-flat:active:active * {
              color: #274bc8;
          }
          .rui-Button-type-danger {
              background: #ff564e;
              text-decoration: none;
          }
          .rui-Button-type-danger:active:active {
              background: rgb(204, 68, 62);
          }
          .rui-Button-type-danger:hover {
              background: rgb(229, 77, 70);
              text-decoration: none;
          }
          .rui-Button-type-danger[disabled] {
              background: #f5f7f8;
          }
          .rui-Button-type-danger, .rui-Button-type-danger * {
              color: #fff;
          }
          .rui-Button-type-danger .rui-Button-icon {
              fill: #fff;
          }
          .rui-Button-type-danger .rui-Button-loader {
              color: #fff;
          }
          html[data-focus-source="other"] .rui-Button-type-danger:focus:after {
              top: -3px;
              left: -3px;
              right: -3px;
              bottom: -3px;
              border-color: #ff564e;
              border-radius: 22px;
          }
          .rui-Button-type-danger[disabled], .rui-Button-type-danger[disabled] * {
              color: #afb5c9;
          }
          .rui-Button-type-danger[disabled] .rui-Button-icon {
              fill: rgb(199, 202, 212);
          }

                                                         .rui-Tooltip-anchor {
                                                             display: inline-block;
                                                         }

                                                       .rui-IconButton-button {
                                                           border: none !important;
                                                           cursor: pointer;
                                                           margin: 0;
                                                           widows: 2;
                                                           display: inline-block;
                                                           hyphens: none;
                                                           outline: none;
                                                           padding: 0;
                                                           position: relative;
                                                           tab-size: 8;
                                                           direction: ltr;
                                                           font-size: medium;
                                                           box-sizing: border-box;
                                                           font-style: normal;
                                                           list-style: disc outside none;
                                                           text-align: left;
                                                           visibility: visible;
                                                           empty-cells: show;
                                                           font-family: inherit;
                                                           font-weight: normal;
                                                           line-height: normal;
                                                           text-indent: 0;
                                                           text-shadow: none;
                                                           user-select: none;
                                                           white-space: normal;
                                                           caption-side: top;
                                                           font-stretch: normal;
                                                           font-variant: normal;
                                                           word-spacing: normal;
                                                           border-radius: 50%;
                                                           border-spacing: 0;
                                                           letter-spacing: normal;
                                                           text-transform: none;
                                                           vertical-align: middle;
                                                           border-collapse: separate;
                                                           text-align-last: auto;
                                                       }
          .rui-IconButton-button, .rui-IconButton-button * {
              transition: background-color .2s, border .2s, box-shadow .2s;
          }
          .rui-IconButton-button:before, .rui-IconButton-button:after {
              top: 0;
              left: 0;
              right: 0;
              /*border: 1px solid transparent;*/
              bottom: 0;
              content: "";
              display: block;
              position: absolute;
              transition: all .2s;
              border-radius: 50%;
              pointer-events: none;
          }
          .rui-IconButton-button[disabled] {
              pointer-events: none;
          }
          .rui-IconButton-button::-moz-focus-inner {
              border: none !important;
              outline: none !important;
          }
          .rui-IconButton-overlay {
              top: 0;
              left: 0;
              right: 0;
              width: 100%;
              bottom: 0;
              cursor: pointer;
              opacity: 0;
              z-index: 1;
              position: absolute;
          }
          .rui-IconButton-icon {
              flex: none;
              width: 1em;
              height: 1em;
              margin: auto;
              font-size: 45%;
              transition: fill .2s;
          }
          .rui-IconButton-size-medium .rui-IconButton-icon, .rui-IconButton-size-small .rui-IconButton-icon {
              font-size: 19px;
          }
          @media (max-device-width: 767px) {
              .rui-IconButton-size-medium .rui-IconButton-icon, .rui-IconButton-size-small .rui-IconButton-icon {
                  font-size: 16px;
              }
          }
          .rui-IconButton-isLoading {
              opacity: 0;
              pointer-events: none;
          }
          .rui-IconButton-loader {
              font-size: 3px;
          }
          @media (max-device-width: 767px) {
              .rui-IconButton-loader {
                  font-size: 4px;
              }
          }
          .rui-IconButton-content {
              width: 1em;
              height: 1em;
              display: flex;
          }
          .rui-IconButton-size-medium {
              font-size: 40px;
          }
          @media (max-device-width: 767px) {
              .rui-IconButton-size-medium {
                  font-size: 40px;
              }
          }
          .rui-IconButton-size-small {
              font-size: 30px;
          }
          @media (max-device-width: 767px) {
              .rui-IconButton-size-small {
                  font-size: 30px;
              }
          }
          .rui-IconButton-type-primary {
              background: #315efb;
          }
          .rui-IconButton-type-primary .rui-IconButton-iconWithStandardColor {
              color: #fff;
          }
          .rui-IconButton-type-primary:hover {
              background: rgb(44, 84, 225);
          }
          .rui-IconButton-type-primary:active {
              background: rgb(39, 75, 200);
          }
          .rui-IconButton-type-primary[disabled] {
              background: #f5f7f8;
          }
          .rui-IconButton-type-primary .rui-IconButton-loader {
              color: #fff;
          }
          html[data-focus-source="other"] .rui-IconButton-type-primary:focus:after {
              top: -3px;
              left: -3px;
              right: -3px;
              bottom: -3px;
              border-color: #315efb;
          }
          .rui-IconButton-type-primary[disabled] .rui-IconButton-iconWithStandardColor {
              color: rgb(199, 202, 212);
          }
          .rui-IconButton-type-secondary {
              background: #eff5ff;
          }
          .rui-IconButton-type-secondary .rui-IconButton-iconWithStandardColor {
              color: #315efb;
          }
          .rui-IconButton-type-secondary:hover {
              background: #e0ebff;
          }
          .rui-IconButton-type-secondary:active {
              background: #e0ebff;
          }
          .rui-IconButton-type-secondary[disabled] {
              background: #f3f4f7;
          }
          .rui-IconButton-type-secondary .rui-IconButton-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-IconButton-type-secondary:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: #315efb;
          }
          .rui-IconButton-type-secondary[disabled] .rui-IconButton-iconWithStandardColor {
              color: rgb(199, 202, 212);
          }
          .rui-IconButton-type-secondary:active .rui-IconButton-iconWithStandardColor {
              color: rgb(39, 75, 200);
          }
          .rui-IconButton-type-outline {
              background: transparent;
          }
          .rui-IconButton-type-outline:before {
              border-color: #eff5ff;
          }
          .rui-IconButton-type-outline .rui-IconButton-iconWithStandardColor {
              color: #315efb;
          }
          .rui-IconButton-type-outline:active {
              background: transparent;
          }
          .rui-IconButton-type-outline .rui-IconButton-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-IconButton-type-outline:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: #e0ebff;
          }
          .rui-IconButton-type-outline[disabled]:before {
              border-color: rgb(231, 232, 236);
          }
          .rui-IconButton-type-outline[disabled] .rui-IconButton-iconWithStandardColor {
              color: rgb(199, 202, 212);
          }
          .rui-IconButton-type-outline:active:before {
              border-color: #e0ebff;
          }
          .rui-IconButton-type-outline:active .rui-IconButton-iconWithStandardColor {
              color: rgb(39, 75, 200);
          }
          .rui-IconButton-type-outline:hover:before {
              border-color: #e0ebff;
          }
          .rui-IconButton-type-flat {
              background: transparent;
          }
          .rui-IconButton-type-flat .rui-IconButton-iconWithStandardColor {
              color: #315efb;
          }
          .rui-IconButton-type-flat:hover {
              background: transparent;
          }
          .rui-IconButton-type-flat:active {
              background: transparent;
          }
          .rui-IconButton-type-flat .rui-IconButton-loader {
              color: #315efb;
          }
          html[data-focus-source="other"] .rui-IconButton-type-flat:focus:after {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-color: none;
          }
          .rui-IconButton-type-flat[disabled] .rui-IconButton-iconWithStandardColor {
              color: rgb(199, 202, 212);
          }
          .rui-IconButton-type-danger {
              background: #ff564e;
          }
          .rui-IconButton-type-danger .rui-IconButton-iconWithStandardColor {
              color: #fff;
          }
          .rui-IconButton-type-danger:hover {
              background: rgb(229, 77, 70);
          }
          .rui-IconButton-type-danger:active {
              background: rgb(204, 68, 62);
          }
          .rui-IconButton-type-danger[disabled] {
              background: #f5f7f8;
          }
          .rui-IconButton-type-danger .rui-IconButton-loader {
              color: #fff;
          }
          html[data-focus-source="other"] .rui-IconButton-type-danger:focus:after {
              top: -3px;
              left: -3px;
              right: -3px;
              bottom: -3px;
              border-color: #ff564e;
          }
          .rui-IconButton-type-danger[disabled] .rui-IconButton-iconWithStandardColor {
              color: rgb(199, 202, 212);
          }

                                                       .rui-FormGroup-root {
                                                           cursor: auto;
                                                           margin: 0;
                                                           widows: 2;
                                                           hyphens: none;
                                                           padding: 0;
                                                           tab-size: 8;
                                                           direction: ltr;
                                                           font-size: 14px;
                                                           font-style: normal;
                                                           list-style: disc outside none;
                                                           text-align: left;
                                                           visibility: visible;
                                                           empty-cells: show;
                                                           font-family: Montserrat, sans-serif;
                                                           font-weight: normal;
                                                           line-height: 20px;
                                                           text-indent: 0;
                                                           text-shadow: none;
                                                           white-space: normal;
                                                           caption-side: top;
                                                           font-stretch: normal;
                                                           font-variant: normal;
                                                           word-spacing: normal;
                                                           border-radius: 0;
                                                           border-spacing: 0;
                                                           letter-spacing: normal;
                                                           text-transform: none;
                                                           vertical-align: baseline;
                                                           border-collapse: separate;
                                                           text-align-last: auto;
                                                       }
          @media (max-device-width: 767px) {
              .rui-FormGroup-root {
                  font-size: 14px;
                  line-height: 20px;
              }
          }
          .rui-FormGroup-normal {
              margin-bottom: 20px;
          }
          .rui-FormGroup-inline {
              margin-bottom: 15px;
          }
          .rui-FormGroup-label {
              width: 100%;
              display: inline-block;
              font-weight: 600;
              margin-bottom: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-FormGroup-label {
                  font-weight: 600;
              }
          }
          .rui-FormGroup-inner {
              position: relative;
          }
          @media (min-width: 768px) {
              .rui-FormGroup-normal {
                  margin-bottom: 20px;
              }
              .rui-FormGroup-normal .rui-FormGroup-label {
                  width: 100%;
              }
              .rui-FormGroup-inline {
                  display: flex;
                  align-items: flex-start;
                  margin-bottom: 30px;
              }
              .rui-FormGroup-inline .rui-FormGroup-label {
                  max-width: 172px;
                  line-height: 1;
                  margin-left: 0;
                  margin-bottom: 0;
              }
              .rui-FormGroup-inline .rui-FormGroup-inner {
                  flex: 1;
                  width: auto;
              }
              .rui-FormGroup-inner {
                  width: 100%;
                  display: inline-block;
                  margin-left: 0;
                  vertical-align: top;
              }
              .rui-FormGroup-small.rui-FormGroup-inline .rui-FormGroup-label {
                  padding-top: 12px;
              }
              .rui-FormGroup-medium.rui-FormGroup-inline .rui-FormGroup-label {
                  padding-top: 15px;
              }
          }

                                                       .rui-FieldStatus-success .rui-FieldStatus-message {
                                                           color: #28bc00;
                                                       }
          .rui-FieldStatus-warning .rui-FieldStatus-message {
              color: #ffc000;
          }
          .rui-FieldStatus-error .rui-FieldStatus-message {
              color: #ff564e;
          }
          .rui-FieldStatus-message {
              cursor: auto;
              margin: 0;
              widows: 2;
              hyphens: none;
              padding: 0;
              tab-size: 8;
              direction: ltr;
              font-size: 12px;
              font-style: normal;
              list-style: disc outside none;
              margin-top: 5px;
              text-align: left;
              visibility: visible;
              empty-cells: show;
              font-family: Montserrat, sans-serif;
              font-weight: 500;
              line-height: 20px;
              margin-left: 20px;
              text-indent: 0;
              text-shadow: none;
              white-space: normal;
              caption-side: top;
              font-stretch: normal;
              font-variant: normal;
              word-spacing: normal;
              border-radius: 0;
              border-spacing: 0;
              letter-spacing: normal;
              text-transform: none;
              vertical-align: baseline;
              border-collapse: separate;
              text-align-last: auto;
          }
          @media (max-device-width: 767px) {
              .rui-FieldStatus-message {
                  font-size: 12px;
                  margin-top: 5px;
                  line-height: 20px;
                  margin-left: 20px;
              }
          }

                                                       .rui-Input-input {
                                                           color: #343b4c;
                                                           width: 100%;
                                                           border: 0 solid;
                                                           cursor: auto;
                                                           margin: 0;
                                                           widows: 2;
                                                           display: block;
                                                           hyphens: none;
                                                           outline: 0;
                                                           padding: 0;
                                                           tab-size: 8;
                                                           direction: ltr;
                                                           font-size: medium;
                                                           background: #eff5ff;
                                                           box-shadow: none;
                                                           box-sizing: border-box;
                                                           list-style: disc outside none;
                                                           text-align: left;
                                                           transition: all 200ms ease;
                                                           visibility: visible;
                                                           empty-cells: show;
                                                           font-family: Montserrat, sans-serif;
                                                           font-weight: 500;
                                                           line-height: normal;
                                                           text-indent: 0;
                                                           text-shadow: none;
                                                           white-space: normal;
                                                           border-color: transparent;
                                                           caption-side: top;
                                                           font-stretch: normal;
                                                           font-variant: normal;
                                                           word-spacing: normal;
                                                           border-radius: 0;
                                                           border-spacing: 0;
                                                           letter-spacing: 0;
                                                           text-transform: none;
                                                           vertical-align: baseline;
                                                           border-collapse: separate;
                                                           text-align-last: auto;
                                                           -webkit-appearance: none;
                                                       }
          @media (max-device-width: 767px) {
              .rui-Input-input {
                  font-weight: 500;
                  letter-spacing: 0;
              }
          }
          .rui-Input-input:enabled:hover {
              background: #e0ebff;
          }
          .rui-Input-icon:hover ~ .rui-Input-input {
              background: #e0ebff;
          }
          .rui-Input-input:focus {
              background: #eff5ff;
          }
          .rui-Input-textareaRoot .rui-Input-input {
              height: 100%;
              resize: vertical;
          }
          .rui-Input-input::-ms-reveal, .rui-Input-input::-ms-clear {
              display: none;
          }
          .rui-Input-input::-webkit-calendar-picker-indicator {
              display: none;
          }
          .rui-Input-input:enabled:hover, .rui-Input-icon:hover ~ .rui-Input-input:enabled {
              border-color: transparent;
          }
          .rui-Input-input:disabled {
              color: #c6cad8;
              cursor: not-allowed;
              background: #f3f4f7;
              border-color: transparent;
          }
          .rui-Input-input.rui-Input-filled[type="password"] {
              font-family: monospace;
          }
          .rui-Input-input:focus + .rui-Input-activeBorder + .rui-Input-placeholder {
              display: none;
          }
          .rui-Input-input::-webkit-input-placeholder {
              color: #8d96b2;
              opacity: 1;
              transition: opacity 140ms linear;
          }
          .rui-Input-input::-moz-placeholder {
              color: #8d96b2;
              opacity: 1;
              transition: opacity 140ms linear;
          }
          .rui-Input-input:-moz-placeholder {
              color: #8d96b2;
              opacity: 1;
              transition: opacity 140ms linear;
          }
          .rui-Input-input:-ms-input-placeholder {
              color: #8d96b2;
              opacity: 1;
              transition: opacity 140ms linear;
          }
          .rui-Input-input::placeholder {
              color: #8d96b2;
              opacity: 1;
              transition: opacity 140ms linear;
          }
          .rui-Input-input:disabled::-webkit-input-placeholder {
              color: #dde0e8;
              opacity: 1;
          }
          .rui-Input-input:disabled::-moz-placeholder {
              color: #dde0e8;
              opacity: 1;
          }
          .rui-Input-input:disabled:-moz-placeholder {
              color: #dde0e8;
              opacity: 1;
          }
          .rui-Input-input:disabled:-ms-input-placeholder {
              color: #dde0e8;
              opacity: 1;
          }
          .rui-Input-input:disabled::placeholder {
              color: #dde0e8;
              opacity: 1;
          }
          .rui-Input-input:focus::-webkit-input-placeholder {
              opacity: 0.54;
          }
          .rui-Input-input:focus::-moz-placeholder {
              opacity: 0.54;
          }
          .rui-Input-input:focus:-moz-placeholder {
              opacity: 0.54;
          }
          .rui-Input-input:focus:-ms-input-placeholder {
              opacity: 0.54;
          }
          .rui-Input-input:focus::placeholder {
              opacity: 0.54;
          }
          .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-input::-webkit-input-placeholder {
              opacity: 0.54;
          }
          .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-input::-moz-placeholder {
              opacity: 0.54;
          }
          .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-input:-moz-placeholder {
              opacity: 0.54;
          }
          .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-input:-ms-input-placeholder {
              opacity: 0.54;
          }
          .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-input::placeholder {
              opacity: 0.54;
          }
          .rui-Input-error.rui-Input-isEnabled .rui-Input-input {
              background: #fcfeab;
          }
          .rui-Input-warning.rui-Input-isEnabled .rui-Input-input {
              background: #fff8e5;
          }
          .rui-Input-success.rui-Input-isEnabled .rui-Input-input {
              background: #e9f8e5;
          }
          .rui-Input-success.rui-Input-isEnabled .rui-Input-input:enabled:hover {
              background: #e9f8e5;
          }
          .rui-Input-icon:hover ~ .rui-Input-success.rui-Input-isEnabled .rui-Input-input {
              background: #e9f8e5;
          }
          .rui-Input-success.rui-Input-isEnabled .rui-Input-input:focus {
              background: #e9f8e5;
          }
          .rui-Input-warning.rui-Input-isEnabled .rui-Input-input:enabled:hover {
              background: #fff8e5;
          }
          .rui-Input-icon:hover ~ .rui-Input-warning.rui-Input-isEnabled .rui-Input-input {
              background: #fff8e5;
          }
          .rui-Input-warning.rui-Input-isEnabled .rui-Input-input:focus {
              background: #fff8e5;
          }
          .rui-Input-error.rui-Input-isEnabled .rui-Input-input:enabled:hover {
              background: #fcff6c;
          }
          .rui-Input-icon:hover ~ .rui-Input-error.rui-Input-isEnabled .rui-Input-input {
              background: #ffeeed;
          }
          .rui-Input-error.rui-Input-isEnabled .rui-Input-input:focus {
              background: #fcff6c;
          }
          .rui-Input-withRightIcon .rui-Input-input::-webkit-calendar-picker-indicator {
              margin: 0;
              display: block;
              padding: 0;
              position: absolute;
              background: transparent;
          }
          .rui-Input-input[type="month"]::-webkit-clear-button, .rui-Input-input[type="month"]::-webkit-inner-spin-button, .rui-Input-input[type="date"]::-webkit-clear-button, .rui-Input-input[type="date"]::-webkit-inner-spin-button, .rui-Input-input[type="time"]::-webkit-clear-button, .rui-Input-input[type="time"]::-webkit-inner-spin-button {
              display: none;
          }
          .rui-Input-input[type="month"]::-webkit-date-and-time-value, .rui-Input-input[type="date"]::-webkit-date-and-time-value, .rui-Input-input[type="time"]::-webkit-date-and-time-value {
              margin: 0;
              text-align: left;
          }
          .rui-Input-withStatusLine .rui-Input-activeBorder {
              transform: scaleX(0.6) scaleY(0);
              border-width: 0 0 2px;
              transform-origin: center bottom;
          }
          .rui-Input-withOutline .rui-Input-input {
              border-width: 1px;
              border-radius: 20px;
          }
          .rui-Input-regular .rui-Input-activeBorder {
              border-width: 1px;
              border-radius: 20px;
          }
          .rui-Input-awesome .rui-Input-activeBorder {
              border-radius: 20px;
          }
          .rui-Input-promo .rui-Input-input {
              border-width: 1px 0;
              border-top-color: transparent!important;
          }
          .rui-Input-promo .rui-Input-input, .rui-Input-promo .rui-Input-input:disabled {
              background: none;
          }
          .rui-Input-promo .rui-Input-activeBorder {
              border-radius: 20px;
          }
          .rui-Input-medium .rui-Input-input {
              font-size: 14px;
          }
          .rui-Input-medium input.rui-Input-input {
              height: 40px;
          }
          .rui-Input-medium .rui-Input-characterCounter {
              line-height: 40px;
          }
          .rui-Input-medium.rui-Input-textareaRoot .rui-Input-input {
              padding-top: 15px;
              padding-bottom: 15px;
          }
          .rui-Input-medium .rui-Input-icon {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-medium .rui-Input-input::-webkit-calendar-picker-indicator {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-medium .rui-Input-eye {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-medium .rui-Input-placeholder {
              font-size: 14px;
              pointer-events: none;
          }
          .rui-Input-medium.rui-Input-withOutline .rui-Input-placeholder {
              padding-left: 19px;
          }
          .rui-Input-medium.rui-Input-withOutline .rui-Input-input {
              padding-left: 19px;
              padding-right: 19px;
          }
          .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-regular .rui-Input-input {
              padding-left: 39px;
          }
          .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-awesome .rui-Input-input {
              padding-left: 40px;
          }
          .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-promo .rui-Input-input {
              padding-left: 21px;
          }
          .rui-Input-medium.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-regular .rui-Input-input {
              padding-right: 39px;
          }
          .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input {
              padding-right: 69px;
          }
          .rui-Input-medium.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-awesome .rui-Input-input {
              padding-right: 40px;
          }
          .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input {
              padding-right: 70px;
          }
          .rui-Input-medium.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-promo .rui-Input-input {
              padding-right: 21px;
          }
          .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input {
              padding-right: 51px;
          }
          .rui-Input-medium.rui-Input-withEye.rui-Input-regular .rui-Input-iconRight, .rui-Input-medium.rui-Input-withEye.rui-Input-awesome .rui-Input-iconRight {
              right: 40px;
          }
          .rui-Input-medium.rui-Input-withEye.rui-Input-promo .rui-Input-iconRight {
              right: 21px;
          }
          .rui-Input-medium.rui-Input-withCounter .rui-Input-input {
              padding-right: 39px;
          }
          .rui-Input-medium.rui-Input-regular .rui-Input-iconLeft, .rui-Input-medium.rui-Input-awesome .rui-Input-iconLeft {
              left: 10px;
          }
          .rui-Input-medium.rui-Input-promo .rui-Input-iconLeft {
              left: 0;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withRightIcon .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-input {
              padding-right: 40px;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye.rui-Input-withRightIcon .rui-Input-input {
              padding-right: 69px;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-iconRight {
              right: 40px;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition) .rui-Input-iconRight {
              right: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition) .rui-Input-iconRight {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-iconRight {
                  right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye.rui-Input-withRightIcon .rui-Input-input {
                  padding-right: 69px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withRightIcon .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-input {
                  padding-right: 40px;
              }
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition).rui-Input-withLeftIcon .rui-Input-input {
              padding-left: 40px;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition) .rui-Input-iconLeft {
              left: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition) .rui-Input-iconLeft {
                  left: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition).rui-Input-withLeftIcon .rui-Input-input {
                  padding-left: 40px;
              }
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-endPosition) .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-endPosition) .rui-Input-activeBorder, .rui-Input-medium.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-endPosition) .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-endPosition) .rui-Input-activeBorder {
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
          }
          .rui-Input-medium.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-startPosition) .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-startPosition) .rui-Input-activeBorder, .rui-Input-medium.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-startPosition) .rui-Input-input, .rui-Input-medium.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-startPosition) .rui-Input-activeBorder {
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
          }
          .rui-Input-medium.rui-Input-promo .rui-Input-iconRight {
              right: 0;
          }
          .rui-Input-medium.rui-Input-promo .rui-Input-input::-webkit-calendar-picker-indicator {
              right: 0;
          }
          .rui-Input-medium.rui-Input-regular .rui-Input-iconRight, .rui-Input-medium.rui-Input-awesome .rui-Input-iconRight {
              right: 10px;
          }
          .rui-Input-medium.rui-Input-regular .rui-Input-input::-webkit-calendar-picker-indicator, .rui-Input-medium.rui-Input-awesome .rui-Input-input::-webkit-calendar-picker-indicator {
              right: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-regular .rui-Input-input::-webkit-calendar-picker-indicator, .rui-Input-medium.rui-Input-awesome .rui-Input-input::-webkit-calendar-picker-indicator {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-regular .rui-Input-iconRight, .rui-Input-medium.rui-Input-awesome .rui-Input-iconRight {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-regular .rui-Input-iconLeft, .rui-Input-medium.rui-Input-awesome .rui-Input-iconLeft {
                  left: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withCounter .rui-Input-input {
                  padding-right: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withEye.rui-Input-promo .rui-Input-iconRight {
                  right: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withEye.rui-Input-regular .rui-Input-iconRight, .rui-Input-medium.rui-Input-withEye.rui-Input-awesome .rui-Input-iconRight {
                  right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input {
                  padding-right: 51px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-promo .rui-Input-input {
                  padding-right: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input {
                  padding-right: 70px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-awesome .rui-Input-input {
                  padding-right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input {
                  padding-right: 69px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input, .rui-Input-medium.rui-Input-withEye.rui-Input-regular .rui-Input-input {
                  padding-right: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-promo .rui-Input-input {
                  padding-left: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-awesome .rui-Input-input {
                  padding-left: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withLeftIcon.rui-Input-regular .rui-Input-input {
                  padding-left: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withOutline .rui-Input-input {
                  padding-left: 19px;
                  padding-right: 19px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-withOutline .rui-Input-placeholder {
                  padding-left: 19px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-placeholder {
                  font-size: 16px;
              }
          }
          .rui-Input-medium .rui-Input-eyeWrapper:after {
              top: -10px;
              left: -10px;
              right: -10px;
              bottom: -10px;
              content: " ";
              display: block;
              position: absolute;
              border-radius: 20px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-eyeWrapper:after {
                  top: -10px;
                  bottom: -10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-eye {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-input::-webkit-calendar-picker-indicator {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-icon {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium.rui-Input-textareaRoot .rui-Input-input {
                  padding-top: 20px;
                  padding-bottom: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium input.rui-Input-input {
                  height: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium input.rui-Input-input[type="month"], .rui-Input-medium input.rui-Input-input[type="date"], .rui-Input-medium input.rui-Input-input[type="time"] {
                  line-height: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-medium .rui-Input-input {
                  font-size: 16px;
              }
          }
          .rui-Input-small .rui-Input-input {
              font-size: 14px;
          }
          .rui-Input-small input.rui-Input-input {
              height: 40px;
          }
          .rui-Input-small .rui-Input-characterCounter {
              line-height: 40px;
          }
          .rui-Input-small.rui-Input-textareaRoot .rui-Input-input {
              padding-top: 15px;
              padding-bottom: 15px;
          }
          .rui-Input-small .rui-Input-icon {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-small .rui-Input-input::-webkit-calendar-picker-indicator {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-small .rui-Input-eye {
              width: 20px;
              height: 20px;
              line-height: 20px;
          }
          .rui-Input-small .rui-Input-placeholder {
              font-size: 14px;
              pointer-events: none;
          }
          .rui-Input-small.rui-Input-withOutline .rui-Input-placeholder {
              padding-left: 19px;
          }
          .rui-Input-small.rui-Input-withOutline .rui-Input-input {
              padding-left: 19px;
              padding-right: 19px;
          }
          .rui-Input-small.rui-Input-withLeftIcon.rui-Input-regular .rui-Input-input {
              padding-left: 39px;
          }
          .rui-Input-small.rui-Input-withLeftIcon.rui-Input-awesome .rui-Input-input {
              padding-left: 40px;
          }
          .rui-Input-small.rui-Input-withLeftIcon.rui-Input-promo .rui-Input-input {
              padding-left: 21px;
          }
          .rui-Input-small.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-regular .rui-Input-input {
              padding-right: 39px;
          }
          .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input {
              padding-right: 69px;
          }
          .rui-Input-small.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-awesome .rui-Input-input {
              padding-right: 40px;
          }
          .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input {
              padding-right: 70px;
          }
          .rui-Input-small.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-promo .rui-Input-input {
              padding-right: 21px;
          }
          .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input {
              padding-right: 51px;
          }
          .rui-Input-small.rui-Input-withEye.rui-Input-regular .rui-Input-iconRight, .rui-Input-small.rui-Input-withEye.rui-Input-awesome .rui-Input-iconRight {
              right: 40px;
          }
          .rui-Input-small.rui-Input-withEye.rui-Input-promo .rui-Input-iconRight {
              right: 21px;
          }
          .rui-Input-small.rui-Input-withCounter .rui-Input-input {
              padding-right: 39px;
          }
          .rui-Input-small.rui-Input-regular .rui-Input-iconLeft, .rui-Input-small.rui-Input-awesome .rui-Input-iconLeft {
              left: 10px;
          }
          .rui-Input-small.rui-Input-promo .rui-Input-iconLeft {
              left: 0;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withRightIcon .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-input {
              padding-right: 40px;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye.rui-Input-withRightIcon .rui-Input-input {
              padding-right: 69px;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-iconRight {
              right: 40px;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition) .rui-Input-iconRight {
              right: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition) .rui-Input-iconRight {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-iconRight {
                  right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye.rui-Input-withRightIcon .rui-Input-input {
                  padding-right: 69px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withRightIcon .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-endPosition).rui-Input-withEye .rui-Input-input {
                  padding-right: 40px;
              }
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition).rui-Input-withLeftIcon .rui-Input-input {
              padding-left: 40px;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition) .rui-Input-iconLeft {
              left: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition) .rui-Input-iconLeft {
                  left: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-inGroup.rui-Input-promo:not(.rui-Input-startPosition).rui-Input-withLeftIcon .rui-Input-input {
                  padding-left: 40px;
              }
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-endPosition) .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-endPosition) .rui-Input-activeBorder, .rui-Input-small.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-endPosition) .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-endPosition) .rui-Input-activeBorder {
              border-top-right-radius: 0;
              border-bottom-right-radius: 0;
          }
          .rui-Input-small.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-startPosition) .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-regular:not(.rui-Input-startPosition) .rui-Input-activeBorder, .rui-Input-small.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-startPosition) .rui-Input-input, .rui-Input-small.rui-Input-inGroup.rui-Input-awesome:not(.rui-Input-startPosition) .rui-Input-activeBorder {
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
          }
          .rui-Input-small.rui-Input-promo .rui-Input-iconRight {
              right: 0;
          }
          .rui-Input-small.rui-Input-promo .rui-Input-input::-webkit-calendar-picker-indicator {
              right: 0;
          }
          .rui-Input-small.rui-Input-regular .rui-Input-iconRight, .rui-Input-small.rui-Input-awesome .rui-Input-iconRight {
              right: 10px;
          }
          .rui-Input-small.rui-Input-regular .rui-Input-input::-webkit-calendar-picker-indicator, .rui-Input-small.rui-Input-awesome .rui-Input-input::-webkit-calendar-picker-indicator {
              right: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-regular .rui-Input-input::-webkit-calendar-picker-indicator, .rui-Input-small.rui-Input-awesome .rui-Input-input::-webkit-calendar-picker-indicator {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-regular .rui-Input-iconRight, .rui-Input-small.rui-Input-awesome .rui-Input-iconRight {
                  right: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-regular .rui-Input-iconLeft, .rui-Input-small.rui-Input-awesome .rui-Input-iconLeft {
                  left: 10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withCounter .rui-Input-input {
                  padding-right: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withEye.rui-Input-promo .rui-Input-iconRight {
                  right: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withEye.rui-Input-regular .rui-Input-iconRight, .rui-Input-small.rui-Input-withEye.rui-Input-awesome .rui-Input-iconRight {
                  right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input {
                  padding-right: 51px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withRightIcon.rui-Input-promo .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-promo .rui-Input-input {
                  padding-right: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input {
                  padding-right: 70px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withRightIcon.rui-Input-awesome .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-awesome .rui-Input-input {
                  padding-right: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withEye.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input {
                  padding-right: 69px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withRightIcon.rui-Input-regular .rui-Input-input, .rui-Input-small.rui-Input-withEye.rui-Input-regular .rui-Input-input {
                  padding-right: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withLeftIcon.rui-Input-promo .rui-Input-input {
                  padding-left: 21px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withLeftIcon.rui-Input-awesome .rui-Input-input {
                  padding-left: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withLeftIcon.rui-Input-regular .rui-Input-input {
                  padding-left: 39px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withOutline .rui-Input-input {
                  padding-left: 19px;
                  padding-right: 19px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-withOutline .rui-Input-placeholder {
                  padding-left: 19px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-placeholder {
                  font-size: 16px;
              }
          }
          .rui-Input-small .rui-Input-eyeWrapper:after {
              top: -10px;
              left: -10px;
              right: -10px;
              bottom: -10px;
              content: " ";
              display: block;
              position: absolute;
              border-radius: 20px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-eyeWrapper:after {
                  top: -10px;
                  bottom: -10px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-eye {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-input::-webkit-calendar-picker-indicator {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-icon {
                  width: 20px;
                  height: 20px;
                  line-height: 20px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small.rui-Input-textareaRoot .rui-Input-input {
                  padding-top: 15px;
                  padding-bottom: 15px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small input.rui-Input-input {
                  height: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small input.rui-Input-input[type="month"], .rui-Input-small input.rui-Input-input[type="date"], .rui-Input-small input.rui-Input-input[type="time"] {
                  line-height: 40px;
              }
          }
          @media (max-device-width: 767px) {
              .rui-Input-small .rui-Input-input {
                  font-size: 16px;
              }
          }
          .rui-Input-root {
              cursor: auto;
              margin: 0;
              widows: 2;
              hyphens: none;
              padding: 0;
              position: relative;
              tab-size: 8;
              direction: ltr;
              font-size: medium;
              box-sizing: border-box;
              font-style: normal;
              list-style: disc outside none;
              text-align: left;
              visibility: visible;
              empty-cells: show;
              font-family: Montserrat, sans-serif;
              font-weight: normal;
              line-height: normal;
              text-indent: 0;
              text-shadow: none;
              white-space: normal;
              caption-side: top;
              font-stretch: normal;
              font-variant: normal;
              word-spacing: normal;
              border-radius: 0;
              border-spacing: 0;
              letter-spacing: normal;
              text-transform: none;
              vertical-align: baseline;
              border-collapse: separate;
              text-align-last: auto;
          }
          .rui-Input-characterCounter {
              top: 0;
              color: #b0b4c2;
              right: 15px;
              bottom: 0;
              margin: auto;
              position: absolute;
              font-size: 11px;
              font-weight: 400;
          }
          .rui-Input-textareaRoot .rui-Input-characterCounter {
              top: auto;
              bottom: 10px;
              line-height: 1.36;
          }
          .rui-Input-characterCounterWarn {
              color: #ffc000;
          }
          .rui-Input-characterCounterError {
              color: #ff564e;
          }
          .rui-Input-activeBorder {
              top: 0;
              left: 0;
              right: 0;
              border: 0 solid transparent;
              bottom: 0;
              position: absolute;
              transition: all 140ms linear;
              pointer-events: none;
          }
          .rui-Input-input:focus + .rui-Input-activeBorder, .rui-Input-isEnabled.rui-Input-isFocused .rui-Input-activeBorder {
              transform: none;
              border-color: transparent;
          }
          .rui-Input-success.rui-Input-isEnabled .rui-Input-activeBorder {
              transform: none;
              border-color: transparent;
          }
          .rui-Input-error.rui-Input-isEnabled .rui-Input-activeBorder {
              transform: none;
              border-color: transparent;
          }
          .rui-Input-warning.rui-Input-isEnabled .rui-Input-activeBorder {
              transform: none;
              border-color: transparent;
          }
          .rui-Input-icon {
              top: 0;
              color: #8d96b2;
              bottom: 0;
              margin: auto;
              position: absolute;
              font-size: 0;
          }
          .rui-Input-textareaRoot .rui-Input-icon {
              margin-top: 10px;
          }
          @media (max-device-width: 767px) {
              .rui-Input-textareaRoot .rui-Input-icon {
                  margin-top: 10px;
              }
          }
          .rui-Input-eye {
              border: 0;
              cursor: pointer;
              outline: 0;
              pointer-events: auto;
          }
          .rui-Input-eye:hover {
              color: #6062ae;
          }
          .rui-Input-eye:active {
              color: #606a2e;
          }
          .rui-Input-regular .rui-Input-eye, .rui-Input-awesome .rui-Input-eye {
              right: 10px;
          }
          .rui-Input-promo .rui-Input-eye {
              right: 0;
          }
          .rui-Input-isDisabled .rui-Input-eye {
              color: #c6cad8;
              cursor: not-allowed;
              pointer-events: none;
          }
          @media (max-device-width: 767px) {
              .rui-Input-regular .rui-Input-eye, .rui-Input-awesome .rui-Input-eye {
                  right: 10px;
              }
          }
          .rui-Input-iconLeft {
              pointer-events: none;
          }
          .rui-Input-iconRight {
              pointer-events: none;
          }
          .rui-Input-placeholder {
              top: 2px;
              left: 1px;
              color: #8d96b2;
              height: calc(100% - 5px);
              display: flex;
              opacity: 1;
              position: absolute;
              background: #fff;
              transition: opacity 140ms linear;
              align-items: center;
          }
                                                       .rui-Checkbox-checkbox {
                                                           cursor: pointer;
                                                           margin: 0;
                                                           widows: 2;
                                                           display: inline-block;
                                                           hyphens: none;
                                                           padding: 0;
                                                           position: relative;
                                                           tab-size: 8;
                                                           direction: ltr;
                                                           font-size: 14px;
                                                           font-style: normal;
                                                           list-style: disc outside none;
                                                           text-align: left;
                                                           transition: color 200ms;
                                                           visibility: visible;
                                                           empty-cells: show;
                                                           font-family: Montserrat, sans-serif;
                                                           font-weight: normal;
                                                           line-height: normal;
                                                           text-indent: 0;
                                                           text-shadow: none;
                                                           user-select: none;
                                                           white-space: normal;
                                                           caption-side: top;
                                                           font-stretch: normal;
                                                           font-variant: normal;
                                                           word-spacing: normal;
                                                           border-radius: 0;
                                                           border-spacing: 0;
                                                           letter-spacing: normal;
                                                           text-transform: none;
                                                           vertical-align: top;
                                                           border-collapse: separate;
                                                           text-align-last: auto;
                                                       }
          .rui-Checkbox-isDisabled {
              cursor: not-allowed;
              pointer-events: none;
          }
          .rui-Checkbox-regular {
              color: #343b4c;
          }
          .rui-Checkbox-regular.rui-Checkbox-isDisabled {
              color: rgba(176, 180, 194, 0.50);
          }
          .rui-Checkbox-regular .rui-Checkbox-fake {
              color: #343b4c;
              background: #fff;
              border-color: #e0ebff;
          }
          .rui-Checkbox-regular.rui-Checkbox-isEnabled:hover .rui-Checkbox-fake {
              color: #315efb;
              border-color: #c1d8ff;
          }
          .rui-Checkbox-regular.rui-Checkbox-isEnabled:active .rui-Checkbox-fake {
              color: rgb(39, 75, 200);
              background: #ffffff;
              border-color: #c1d8ff;
          }
          .rui-Checkbox-regular.rui-Checkbox-isDisabled .rui-Checkbox-fake {
              color: rgba(176, 180, 194, 0.50);
              background: #ffffff;
              border-color: #e8eaf0;
          }
          .rui-Checkbox-regular.rui-Checkbox-isDisabled.rui-Checkbox-isChecked .rui-Checkbox-fake {
              color: #c6cad8;
              background: #f3f4f7;
              border-color: transparent;
          }
          .rui-Checkbox-regular.rui-Checkbox-isChecked .rui-Checkbox-fake {
              color: #ffffff;
              background: #315efb;
              border-color: transparent;
          }
          .rui-Checkbox-regular.rui-Checkbox-isChecked:hover .rui-Checkbox-fake {
              color: #ffffff;
              background: #2c54e2;
              border-color: transparent;
          }
          .rui-Checkbox-regular.rui-Checkbox-isChecked:active .rui-Checkbox-fake {
              color: #ffffff;
              background: #274bc8;
              border-color: transparent;
          }
          html[data-focus-source="other"] .rui-Checkbox-regular .rui-Checkbox-real:focus ~ .rui-Checkbox-fake {
              border-color: #315efb;
          }
          .rui-Checkbox-awesome {
              color: #9a9792;
          }
          .rui-Checkbox-awesome.rui-Checkbox-isDisabled {
              color: rgba(176, 180, 194, 0.50);
          }
          .rui-Checkbox-awesome .rui-Checkbox-fake {
              color: #fff;
              background: #eff5ff;
              border-color: transparent;
          }
          .rui-Checkbox-awesome.rui-Checkbox-isEnabled:hover .rui-Checkbox-fake {
              background: #e0ebff;
              border-color: transparent;
          }
          .rui-Checkbox-awesome.rui-Checkbox-isEnabled.rui-Checkbox-isChecked .rui-Checkbox-fake, .rui-Checkbox-awesome.rui-Checkbox-awesome.rui-Checkbox-indeterminate .rui-Checkbox-fake {
              background: #315efb;
              border-color: transparent;
          }
          .rui-Checkbox-awesome.rui-Checkbox-isEnabled.rui-Checkbox-isChecked:hover .rui-Checkbox-fake, .rui-Checkbox-awesome.rui-Checkbox-isEnabled.rui-Checkbox-indeterminate:hover .rui-Checkbox-fake {
              background: rgb(39, 75, 200);
          }
          .rui-Checkbox-awesome.rui-Checkbox-isDisabled .rui-Checkbox-fake {
              color: rgba(176, 180, 194, 0.50);
              background: #f3f4f7;
              border-color: transparent;
          }
          .rui-Checkbox-fake {
              display: block;
              position: absolute;
              box-sizing: border-box;
              line-height: 0;
              border-style: solid;
              border-width: 1px;
              border-radius: 2px;
              transform-style: preserve-3d;
              transition-duration: 200ms;
              transition-property: border-color, background-color, color;
          }
          .rui-Checkbox-fake:after {
              top: 50%;
              left: 50%;
              border: solid #eff5ff;
              content: "";
              display: block;
              position: absolute;
              transform: translate3d(-50%, -50%, -5px);
              border-width: 0;
              border-radius: 50%;
              transition-duration: inherit;
              transition-property: border-width;
          }
          .rui-Checkbox-isEnabled:active .rui-Checkbox-fake:after {
              border-width: 5px;
          }
          .rui-Checkbox-fake:before {
              top: 0;
              left: 0;
              right: 0;
              bottom: 0.5px;
              height: 2px;
              margin: auto 2px;
              content: "";
              opacity: 0;
              position: absolute;
              transform: scaleX(0.4);
              background: currentColor;
              border-radius: 1px;
              transition-duration: 200ms;
              transition-property: transform, opacity;
          }
          .rui-Checkbox-indeterminate .rui-Checkbox-fake:before {
              opacity: 1;
              transform: scaleX(1);
          }
          .rui-Checkbox-iconright .rui-Checkbox-fake {
              right: 0;
          }
          .rui-Checkbox-iconleft .rui-Checkbox-fake {
              left: 0;
          }
          .rui-Checkbox-real {
              opacity: 8px;
              position: absolute;
              pointer-events: none;
              -webkit-appearance: none;
          }
          .rui-Checkbox-label {
              display: inline-block;
              font-size: 14px;
              font-weight: 500;
          }
          .rui-Checkbox-tick {
              fill: currentColor;
              opacity: 0;
              position: absolute;
              transition-duration: 200ms;
              transition-property: transform, opacity;
          }
          .rui-Checkbox-isChecked .rui-Checkbox-tick {
              opacity: 1;
          }
          .rui-Checkbox-medium.rui-Checkbox-checkbox {
              line-height: 20px;
          }
          .rui-Checkbox-medium .rui-Checkbox-fake {
              top: 4px;
              width: 14px;
              height: 14px;
          }
          .rui-Checkbox-medium .rui-Checkbox-tick {
              top: 4px;
              left: 4px;
              width: 10px;
              height: 10px;
              transform: translateY(-5px);
          }
          .rui-Checkbox-medium .rui-Checkbox-label {
              line-height: 20px;
          }
          .rui-Checkbox-iconright.rui-Checkbox-medium .rui-Checkbox-label {
              padding-right: 30px;
          }
          .rui-Checkbox-iconleft.rui-Checkbox-medium .rui-Checkbox-label {
              padding-left: 30px;
          }
          .rui-Checkbox-isChecked.rui-Checkbox-medium .rui-Checkbox-tick {
              transform: translateY(0);
          }
          .rui-Checkbox-medium .rui-Checkbox-fake:after {
              width: 14px;
              height: 14px;
          }
          .rui-Checkbox-small.rui-Checkbox-checkbox {
              line-height: 13px;
          }
          .rui-Checkbox-small .rui-Checkbox-fake {
              top: 1px;
              width: 13px;
              height: 13px;
          }
          .rui-Checkbox-small .rui-Checkbox-tick {
              top: -1px;
              left: -1px;
              width: 13px;
              height: 13px;
              transform: translateY(-3.9px);
          }
          .rui-Checkbox-small .rui-Checkbox-label {
              line-height: 15px;
          }
          .rui-Checkbox-iconright.rui-Checkbox-small .rui-Checkbox-label {
              padding-right: 18px;
          }
          .rui-Checkbox-iconleft.rui-Checkbox-small .rui-Checkbox-label {
              padding-left: 18px;
          }
          .rui-Checkbox-isChecked.rui-Checkbox-small .rui-Checkbox-tick {
              transform: translateY(0);
          }
          .rui-Checkbox-small .rui-Checkbox-fake:after {
              width: 13px;
              height: 13px;
          }

          .styles_popup__hP12r .styles_popupFooter__1pUND {
              display: flex;
              justify-content: space-around;
              align-items: center;
              border-top: 1px solid;
          }

          a.styles_link___lR7s.styles_link__lCdad {
              border: 0;
              flex: 1 1 auto;
              margin: 0;
              text-align: center;
              outline: 0;
              cursor: pointer;
              transition-duration: .2s;
              transition-property: color,background-color;
              text-decoration: none;
          }


          .modal-content {
              display: none;
          }
          .styles_popup__hP12r {
              pointer-events: auto;
              background: rgb(34, 36, 35);
              background-size: cover;
              background-repeat: repeat;
          }

          .styles_links__20_ex {
              display: flex;
              justify-content: space-between;
              align-items: end;
              margin-top: 22px;
              margin-bottom: 15px;
              padding-left: 1vh;
          }

          .styles_agreement__V9MoN.rui-Typography-reset.rui-Typography-text {
              cursor: auto;
              margin: 0;
              widows: 2;
              hyphens: none;
              padding: 0;
              tab-size: 8;
              direction: ltr;
              font-size: medium;
              font-style: normal;
              list-style: disc outside none;
              text-align: left;
              visibility: visible;
              empty-cells: show;
              font-family: inherit;
              font-weight: normal;
              line-height: normal;
              text-indent: 0;
              text-shadow: none;
              white-space: normal;
              caption-side: top;
              font-stretch: normal;
              font-variant: normal;
              word-spacing: normal;
              border-radius: 0;
              border-spacing: 0;
              letter-spacing: normal;
              text-transform: none;
              vertical-align: baseline;
              border-collapse: separate;
              text-align-last: auto;
              margin-top: 20px;
              margin-bottom: -20px;
          }

          .styles_agreement__V9MoN.rui-Typography-reset.rui-Typography-text a {
              color: #247f54;
          }


          .styles_agreement__V9MoN.rui-Typography-reset.rui-Typography-text * {
              text-decoration: none;
          }
          .styles_agreement__V9MoN.rui-Typography-reset.rui-Typography-text a {
              white-space: nowrap;
          }


          /*.modal-dialog {*/
              /*padding-right: 100%;*/
          /*}*/
          .subscription-inner {
              /*padding-right: 100%;
              width: 100vw;*/
          }

          .modal-dialog.login-modal-wrapper.dark {
              display: block !important;
          }

    .dtth[data-title]:hover:after,          
    .dtth[data-title]:hover:before{          
        opacity: 1;
        visibility: visible;
    }
    
    .dtth[data-title]:hover:after
    {
        top:-46px;
    }
    
    .dtth[data-title]:hover:before
    {
        top:-13px;
    }
    .dtth[data-title]:before
    {
        position: absolute;
        width: 10px;
        height: 10px;
        top:-44px;
        left: 59%;
        transform: rotate(45deg);
        background-color: #1a1a1a00;
        z-index: 99998;
        content: "";
        visibility:hidden;
        opacity:0;
           transition: 0.5s;
    }
    
    .dtth[data-title]:after {
        text-align: center;
        content: attr(data-title);
        background-color: #1d201e;
        color:  #9d9d9d;
        border-radius:5px;
        font-family:'fuddo';
        font-size: 13px;
        position: absolute;
        display: flex;
        justify-content:center;
        align-items: center;
        top: -50px;
        width: 100px;
        left: -29px;
        padding: 10px 14px;
        white-space: nowrap;
        opacity: 0;
        z-index: 99999;
        visibility: hidden;
        justify-content: center;
        transition: 0.5s;
    }
    .dtth[data-title] {
        position: relative;
    }

.dto[data-title]:hover:after,          
.dto[data-title]:hover:before{          
    opacity: 1;
    visibility: visible;
}

.dto[data-title]:hover:after
{
    top:-53px;
}

.dto[data-title]:hover:before
{
    top:-16px;
}
.dto[data-title]:before
{
    position: absolute;
    width: 10px;
    height: 10px;
    top:-16px;
    left: 30%;
    transform: rotate(45deg);
    background-color: #292c2900;
    z-index: 99998;
    content: "";
    visibility:hidden;
    opacity:0;
       transition: 0.4s;
}

.dto[data-title]:after {
    text-align: center;
    content: attr(data-title);
    background-color:#1d201e ;
    color:  #9d9d9d;
    border-radius:5px;
    font-size: 15px;
    position: absolute;
    display: flex;
    justify-content:center;
    align-items: center;
    top: -44px;
    width: 80px;
    left: -20px;
    padding: 10px 12px;
    white-space: nowrap;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    justify-content: center;
    transition: 0.5s;
    font-family:'fuddo';
}
.dto[data-title] {
    position: relative;
}


          
[data-title]:hover:after,
[data-title]:hover:before{
    opacity: 1;
    visibility: visible;
}

[data-title]:hover:after
{
    top:-43px;
}

[data-title]:hover:before
{
    top:-6px;
}



[data-title]:before
{
    position: absolute;
    width: 10px;
    height: 10px;
    top:-44px;
    left: 39%;
    transform: rotate(45deg);
    background-color: #1a1a1a00;
    z-index: 99998;
    content: "";
    visibility:hidden;
    opacity:0;
       transition: 0.5s;
}
[data-title]:after {
    text-align: center;
    content: attr(data-title);
    background-color: #383838;
    color: #949494;
    border-radius:5px;
    font-family: 'fuddo';
    font-size: 15px;
    position: absolute;
    display: flex;
    justify-content:center;
    align-items: center;
    top: -50px;
    width: 100px;
    left: -30px;
    padding: 8px 12px;
    white-space: nowrap;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    justify-content: center;
    transition: 0.5s;
       
}

[data-title] {
    position: relative;
    }

                 #reg-result {
                display: none;
                }

        .modal-content {
                display: block !important;
                }

                #regWithGoogle {
                    display: none;
                }

                #regWithEmail label.form-label {
                    display: none;
                }

        .modal-content > div {
                 /*background: linear-gradient(1deg, #1d2319, #191919);*/
                 background: linear-gradient(179deg, #111311 33%, #151b14);
                }

        button.btn-block.btn.btn-primary.submit-btn {
                    border: none;
                    cursor: pointer;
                    margin: 0;
                    widows: 2;
                    display: inline-block;
                    hyphens: none;
                    outline: none !important;
                    padding: 0;
                    position: relative;
                    tab-size: 8;
                    direction: ltr;
                    font-size: large;
                    box-sizing: border-box;
                    list-style: disc outside none;
                    text-align: center;
                    visibility: visible;
                    empty-cells: show;
                    font-weight: 600;
                    line-height: normal;
                    text-indent: 0;
                    text-shadow: none;
                    user-select: none;
                    white-space: normal;
                    caption-side: top;
                    font-stretch: normal;
                    font-variant: normal;
                    word-spacing: normal;
                    border-radius: 5px;
                    border-spacing: 0;
                    letter-spacing: 1px;
                    text-transform: uppercase;
                    vertical-align: baseline;
                    border-collapse: separate;
                    text-align-last: auto;
                    color: #b2be61;
                    background:  #34453df0;
                }



                button.btn-block.btn.btn-primary.submit-btn {
                    height: 46px;
                }

                .modal-body form input {
                    background: #fcfeab !important;
                }

                .login-modal-wrapper .modal-body {
                  padding: 25px 27px 16px 28px;
                }

                .signin-buttons button {
                    display: block;
                }

                .modal-body form input {
                    background: #262723  !important;
                    border-width: 1px;
                    border-radius: 5px;
                    text-align: center;
                }

                .modal-content {
                    box-shadow: none;
                    border: 0;
                }

                .modal-content {
                    transform: translateY(-38%);
                    top: 45%;
                }

                @media screen and (min-width: 2100px) and (max-width: 2960px) {
                    .modal-content {
                        top: 45%;
                    }
                }


                .modal-content {
                    width: fit-content;
                }

                .modal-dialog {
                    padding-right: 100%;
                }

                #authentication {
                    min-width: 280px;
                }