.fxt-template-layout2 { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*    background-image: url("/images/bg55.jpg");*/ background-position: center; background-size: cover; background-blend-mode: overlay; background-color: rgb(90 91 94 / 39%); }
.accountform label { font-size: 16px; color: #252525; line-height: 1; display: block; margin-bottom: 10px; }

.accountform input { margin-bottom: 15px; min-height: 50px; -webkit-box-shadow: 0 0 8px #c3c3c3; box-shadow: 0 0 0px #ffffff00; border: 1px solid #c1c1c14a; padding: 10px 15px; color: #000000; background-color: #ffffff00; width: 100% }
.p-relative { position: relative; }
.refresh-block { width: 100%; height: 100%; -webkit-transition: all .05s ease; transition: all .05s ease; top: 0; left: 0; position: absolute; z-index: 1000; border-radius: 20px }

.refresh-block { background-color: #ffffff70 }

.refresh-block .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 47%; left: 49%; }
.refresh-block .refresh-loader i { font-size: 30px; color: #5f6629; }

@media only screen and (max-width: 991px) {
 .fxt-template-layout2 { padding: 15px; }
}

.fxt-template-layout2 .fxt-checkbox-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.fxt-template-layout2 .fxt-bg-color {background-color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;/* border: 2px solid #fff; *//*box-shadow: 0 0 5px black;*/position: fixed;left: 0;top: 0;bottom: 0;max-width: 436px;}

.fxt-template-layout2 .fxt-bg-img { background-repeat: no-repeat; background-position: center center; background-size: cover; margin: 0; padding: 0; }
.fxt-template-layout2 .fxt-content {padding: 42px;width: 100%;position: relative;}

@media only screen and (max-width: 1199px) {
 .fxt-template-layout2 .fxt-content { padding: 100px 35px 70px 50px; }
}

@media only screen and (max-width: 991px) {
 .fxt-template-layout2 .fxt-content { padding: 100px 70px 70px 70px; }
}

@media only screen and (max-width: 767px) {
 .fxt-template-layout2 .fxt-content { padding: 80px 50px 50px 50px; }
 }

@media only screen and (max-width: 575px) {
 .fxt-template-layout2 .fxt-content { padding: 60px 30px 30px 30px; }
}

@media only screen and (max-width: 479px) {
 .fxt-template-layout2 .fxt-content { padding: 50px 20px 20px 20px; }
}

.fxt-template-layout2 .fxt-header { text-align: center; width: 100%; max-height: 250px; }

.fxt-template-layout2 .fxt-logo {display: block;margin-bottom: 11px;margin-left: auto;margin-right: auto;max-width: 40vw;}

.fxt-template-layout2 .fxt-logo img { max-width: 250px; }

.fxt-template-layout2 .fxt-form { text-align: center; }

.fxt-template-layout2 .fxt-form .fxt-otp-logo { margin-bottom: 20px; display: block; }

.fxt-template-layout2 .fxt-form h2 { font-weight: 700; margin-bottom: 5px; }

.fxt-template-layout2 .fxt-form p { margin-bottom: 30px; font-size: 17px; }

.fxt-template-layout2 .fxt-form p span { display: block; }

.fxt-template-layout2 .fxt-form label { margin-bottom: 15px; font-size: 18px; font-weight: 500; }

.fxt-template-layout2 .fxt-form .form-group { position: relative; z-index: 1; margin-bottom: 15px; }

.fxt-template-layout2 .fxt-form .form-control {-webkit-box-shadow: 0 0 8px #c3c3c3;box-shadow: 0 0 0px #ffffff00;border: 1px solid #2926264a;padding: 8px 14px;color: #000000;background-color: #ffffff00;border-radius: 0;}

.color-blue { border-color: #217dc4 !important }

.color-red { border-color: #e11919 !important; }

.fxt-template-layout2 .fxt-form input::-webkit-input-placeholder { color: #606060; font-size: 15px; font-weight: 300; }

.fxt-template-layout2 .fxt-form input::-moz-placeholder { color: #606060; font-size: 15px; font-weight: 300; }

.fxt-template-layout2 .fxt-form input:-moz-placeholder { color: #606060; font-size: 15px; font-weight: 300; }

.fxt-template-layout2 .fxt-form input:-ms-input-placeholder { color: #606060; font-size: 15px; font-weight: 300; }

.fxt-template-layout2 .fxt-form .fxt-form-row { display: flex; flex-wrap: wrap; margin-bottom: 25px; }

.fxt-template-layout2 .fxt-form .fxt-form-row .fxt-form-col { text-align: center; margin-right: 10px; flex-basis: 0; flex-grow: 1; }

.fxt-template-layout2 .fxt-form .fxt-form-row .fxt-form-col:last-child { margin-right: 0; }

.fxt-template-layout2 .fxt-form .fxt-form-btn { margin-bottom: 20px; }


.fxt-template-layout2 .fxt-btn-fill {font-family: 'Roboto', sans-serif;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 500;-webkit-box-shadow: none;box-shadow: none;outline: none;border: 0;color: #fff;border-radius: 3px;background-color: #ff5555;padding: 9px 36px;margin-bottom: 9px;width: 100%;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.fxt-template-layout2 .fxt-btn-fill:hover {box-shadow: 0 0 10px #fff;background-color: #262a2d;}

.fxt-template-layout2 .fxt-btn-fill:focus { outline: none; }

.fxt-template-layout2 .switcher-text { color: #ae0a0a; font-size: 15px; margin-bottom: 5px; display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.fxt-template-layout2 .switcher-text:hover { color: #000000; }

.fxt-template-layout2 .switcher-text2 { color: #63bbff; font-size: 15px; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.fxt-template-layout2 .switcher-text2.inline-text { margin-left: 3px; }

.fxt-template-layout2 .switcher-text2:hover { color: #000000; }

.fxt-template-layout2 .fxt-style-line { overflow: hidden; text-align: center; }

.fxt-template-layout2 .fxt-style-line h2 { text-align: center; font-weight: 300; margin-bottom: 30px; font-size: 20px; color: #606060; display: inline-block; position: relative; padding: 0 25px; z-index: 1; }

.fxt-template-layout2 .fxt-style-line h2:before {display: inline-block;content: "";height: 1px;width: 100%;background-color: rgb(71 67 67 / 55%);left: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;z-index: 1;}

.fxt-template-layout2 .fxt-style-line h2:after {display: inline-block;content: "";height: 1px;width: 100%;background-color: rgb(71 67 67 / 55%);right: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;z-index: 1;}

.fxt-template-layout2 ul.fxt-socials { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -5px; margin-left: -5px; margin-bottom: 20px; }

.fxt-template-layout2 ul.fxt-socials li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }

@media only screen and (max-width: 575px) {
 .fxt-template-layout2 ul.fxt-socials li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
}

@media only screen and (max-width: 350px) {
 .fxt-template-layout2 ul.fxt-socials li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
}

.fxt-template-layout2 ul.fxt-socials li a { border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; height: 60px; width: 80px; border: 1px solid; border-color: #cfcfcf; background-color: #fefefe; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.fxt-template-layout2 ul.fxt-socials li a i { border-radius: 2px 0 0 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; }

.fxt-template-layout2 .checkbox { padding-left: 5px; margin-right: 30px; margin-bottom: 5px; }

.fxt-template-layout2 .checkbox label { padding-left: 20px; color: #606060; margin-bottom: 0; font-size: 15px; position: relative; }

.fxt-template-layout2 .checkbox label:before { content: ""; position: absolute; width: 16px; height: 16px; top: 4px; left: 0; margin-left: -5px; border: 1px solid; border-color: #dcdcdc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

.fxt-template-layout2 .checkbox label:after { position: absolute; margin-left: -20px; padding-left: 3px; font-size: 10px; color: #555555; }

.fxt-template-layout2 .checkbox input[type="checkbox"] { display: none; }

.fxt-template-layout2 .checkbox input[type="checkbox"]:checked + label::after { font-family: 'Font Awesome 5 Free'; content: "\f00c"; font-weight: 900; color: #ffffff; left: 15px; top: 4px; }

.fxt-template-layout2 .checkbox input[type="checkbox"]:checked + label::before { background-color: #000000; border-color: #8f8f8f; }

@media only screen and (max-width: 767px) {
 .fxt-template-layout2 ul.fxt-socials li a { font-size: 18px; height: 50px; width: 60px; }
}

.fxt-template-layout2 ul.fxt-socials li a:hover { background-color: #ffffff; border-color: #ffffff; -webkit-box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 62px 0 rgba(0, 0, 0, 0.1); }

.fxt-template-layout2 ul.fxt-socials li.fxt-google a { color: #CC3333; }

.fxt-template-layout2 ul.fxt-socials li.fxt-apple a { color: #132133 !important; }

.fxt-template-layout2 ul.fxt-socials li.fxt-facebook a { color: #3b5998 !important; }


html { height: 100%; }

body { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; height: 100%; line-height: 1.7; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: #646464; background-color: #fff; }

p { margin: 0 0 20px 0; color: #646464; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; font-family: 'Roboto', sans-serif; margin: 0 0 20px 0; color: #111; }

h1,
h2 { line-height: 1.2; }

h3,
h4,
h5,
h6 { line-height: 1.4; }

h1 { font-size: 36px; }

@media only screen and (max-width: 1199px) {
 h1 { font-size: 34px; }
}

@media only screen and (max-width: 991px) {
 h1 { font-size: 32px; }
}

@media only screen and (max-width: 767px) {
 h1 { font-size: 30px; }
}

h2 { font-size: 28px; }

@media only screen and (max-width: 1199px) {
 h2 { font-size: 26px; }
}

@media only screen and (max-width: 991px) {
 h2 { font-size: 24px; }
}

@media only screen and (max-width: 767px) {
 h2 { font-size: 22px; }
}

h3 { font-size: 22px; }

@media only screen and (max-width: 991px) {
 h3 { font-size: 20px; }
}

@media only screen and (max-width: 767px) {
 h3 { font-size: 18px; }
}

h4 { font-size: 20px; }

@media only screen and (max-width: 991px) {
 h4 { font-size: 18px; }
}

@media only screen and (max-width: 767px) {
 h4 { font-size: 16px; }
}

h5 { font-size: 18px; }

@media only screen and (max-width: 991px) {
 h5 { font-size: 16px; }
}

a { text-decoration: none; }

a:active,
a:hover,
a:focus { text-decoration: none; }

a:active,
a:hover,
a:focus { outline: 0 none; }

img { max-width: 100%; height: auto; }

ul { list-style: outside none none; margin: 0; padding: 0; }

.preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: #fff; z-index: 999999; }

.preloader .inner { width: 99px; height: 99px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.preloader .inner > div { border-radius: 50%; position: absolute; -webkit-animation-name: circle_rotate; animation-name: circle_rotate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear cubic-bezier(0.075, 0.82, 0.165, 1); animation-timing-function: linear cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-animation-duration: 2s; animation-duration: 2s; }

.preloader .inner .line1 { width: 100%; height: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 6px solid #740eaf; border-left: 6px solid rgba(116, 14, 175, 0); border-right: 6px solid rgba(116, 14, 175, 0); border-bottom: 6px solid rgba(116, 14, 175, 0); -webkit-animation-delay: 0s; animation-delay: 0s; }

.preloader .inner .line2 { width: 70%; height: 70%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 6px solid #9726d8; border-left: 6px solid rgba(151, 38, 216, 0); border-right: 6px solid rgba(151, 38, 216, 0); border-bottom: 6px solid rgba(151, 38, 216, 0); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.preloader .inner .line3 { width: 40%; height: 40%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 6px solid #be70eb; border-left: 6px solid rgba(190, 112, 235, 0); border-right: 6px solid rgba(190, 112, 235, 0); border-bottom: 6px solid rgba(190, 112, 235, 0); -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

@-webkit-keyframes circle_rotate {
 50%, 100% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
}

@keyframes circle_rotate {
 50%, 100% { -webkit-transform: rotate(405deg); transform: rotate(405deg); }
}

.fxt-template-animation { position: relative; z-index: 1; width: 100%; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.fxt-template-animation .fxt-opacity { opacity: 0; }

.fxt-template-animation .fxt-transformY-50 { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }



.loaded.fxt-template-animation { opacity: 1; }

.loaded.fxt-template-animation .fxt-opacity { opacity: 1; -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); }

.loaded.fxt-template-animation .fxt-transformY-50 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 1.3s cubic-bezier(0.075, 0.82, 0.165, 1); }


.loaded.fxt-template-animation .fxt-transition-delay-1 { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }

.loaded.fxt-template-animation .fxt-transition-delay-2 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

.loaded.fxt-template-animation .fxt-transition-delay-3 { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

.loaded.fxt-template-animation .fxt-transition-delay-4 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

.dis-none { display: none !important; }

.captc-img { position: absolute; left: 10px; top: 4px; max-width: 120px; }

.pleft-120 { padding-left: 120px !important; }

#change-image { position: absolute; top: 10px; right: 5px; width: 20px; height: 20px; color: #5a5a5a; }

@media only screen and (max-width: 767px) {
 .fxt-form-btn {display:none}
}
#change-image i { font-size: 15px; }