* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: block; }

.text-b {
  font-weight: 600;
  /*font-family: 'Aileron Bold';*/ }

.text-danger {
  color: #ff0000; }

.text-14 {
  font-size: 14px; }

.text-15 {
  font-size: 15px; }

.text-16 {
  font-size: 16px; }

.text-17 {
  font-size: 17px; }

.w-100 {
  width: 100%; }

svg {
  vertical-align: middle; }

.m-0 {
  margin: 0px !important; }

.p-0 {
  padding: 0px !important; }

/*margin-bottom*/
mb-0 {
  margin-bottom: 0; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

/*margin-top*/
mt-0 {
  margin-top: 0px; }

.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

/*margin-left*/
.ml-0 {
  margin-left: 0px; }

.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-25 {
  margin-left: 25px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

/*margin-right*/
.mr-0 {
  margin-right: 0px; }

.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-25 {
  margin-right: 25px; }

.mr-30 {
  margin-right: 30px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

/*padding-bottom*/
.pb-0 {
  padding-bottom: 0px; }

.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

/*padding-top*/
.pt-0 {
  padding-top: 0px; }

.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

/*padding-left*/
.pl-0 {
  padding-left: 0px; }

.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

/*padding-right*/
.pr-0 {
  padding-right: 0px; }

.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

/*padding*/
/*Login Info Start*/
/*Login left side*/
.rightLoginSet {
  width: 35%;
  float: right;
  height: 100%;
  overflow-y: auto;
  padding-right: 14px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .rightLoginSet .loginLogo {
    max-width: 250px;
    margin: 0 auto; }
  .rightLoginSet h2 {
    margin: 20px 0 20px;
    text-align: center;
    font-size: 24px;
    /*font-family: 'Aileron Bold';*/
    color: #333 !important;
    font-weight: 600; }
    .rightLoginSet h2 svg {
      width: 28px;
      height: 28px;
      fill: #333; }
  .rightLoginSet .ClsFullWith {
    width: 100%;
    display: inline-block;
    /*position: absolute;
    transform: translateY(-50%);
    top: 50%;*/ }
  .rightLoginSet .loginBottomSet {
    width: calc(100% - 0px);
    margin: 0px auto;
    padding: 0; }
    .rightLoginSet .loginBottomSet .login-content {
      width: 100%;
      max-width: 320px;
      margin: 0 auto; }
      .rightLoginSet .loginBottomSet .login-content .login-form .form-control {
        height: 40px;
        font-size: 15px;
        font-weight: 400;
        background: #ffffff;
        box-shadow: none;
        border-radius: 0;
        border: 0 !important;
        border-bottom: 2px solid #333 !important;
        padding: 0; }
        .rightLoginSet .loginBottomSet .login-content .login-form .form-control:hover, .rightLoginSet .loginBottomSet .login-content .login-form .form-control:focus {
          border: 0 !important;
          border-bottom: 2px solid #333 !important; }
      .rightLoginSet .loginBottomSet .login-content .loginCheckBox label {
        font-weight: normal; }
      .rightLoginSet .loginBottomSet .login-content .loginBtn {
        border-color: #727f90;
        background: #ffffff;
        padding: 10px 25px;
        color: #333;
        margin: 0px;
        transition: all 0.3s linear 0s;
        width: 100%;
        border-radius: 3px; }
        .rightLoginSet .loginBottomSet .login-content .loginBtn svg {
          fill: #333;
          width: 14px;
          height: 14px;
          vertical-align: middle; }
        .rightLoginSet .loginBottomSet .login-content .loginBtn:hover, .rightLoginSet .loginBottomSet .login-content .loginBtn:focus, .rightLoginSet .loginBottomSet .login-content .loginBtn:active {
          color: #fff;
          border-color: #727f90;
          background: #727f90;
          outline: none;
          box-shadow: none; }
          .rightLoginSet .loginBottomSet .login-content .loginBtn:hover svg, .rightLoginSet .loginBottomSet .login-content .loginBtn:focus svg, .rightLoginSet .loginBottomSet .login-content .loginBtn:active svg {
            fill: #fff; }
    .rightLoginSet .loginBottomSet .clsPwd {
      position: relative; }
      .rightLoginSet .loginBottomSet .clsPwd .toggle-password {
        position: absolute;
        right: 5px;
        top: 40px;
        color: #727f90;
        font-size: 18px;
        cursor: pointer; }
      .rightLoginSet .loginBottomSet .clsPwd input[type="text"] + .toggle-password:before {
        content: "\f06e"; }
    .rightLoginSet .loginBottomSet .btn-link {
      font-weight: 400;
      /*color: #727f90;*/
      text-decoration: none;
      text-align: right; }
      .rightLoginSet .loginBottomSet .btn-link:hover, .rightLoginSet .loginBottomSet .btn-link:focus {
        color: #727f90;
        text-decoration: none; }
    .rightLoginSet .loginBottomSet .reg_link {
      font-size: 13px; }

/*Login info*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  box-shadow: 0 0 0px 1000px #ffffff inset !important; }

span.clsOr {
  position: absolute;
  top: 10px;
  left: 50%;
  right: 50%;
  text-align: center; }

/*Login left side*/
/*slideImg*/
.login-left-container {
  background: #fff;
  height: 100vh; }
  .login-left-container .container-image {
    width: 65%;
    float: left;
    overflow: hidden;
    height: 100%; }
    .login-left-container .container-image .wrapper {
      min-height: 100vh;
      overflow: hidden;
      width: 100%; }
      .login-left-container .container-image .wrapper .hero-gallery-inner {
        display: flex;
        flex-wrap: wrap; }
        .login-left-container .container-image .wrapper .hero-gallery-inner .gallery-column {
          width: 33.33%;
          padding: 10px 0; }
          .login-left-container .container-image .wrapper .hero-gallery-inner .gallery-column a {
            margin: 10px 5px;
            box-shadow: 0 0 1px #777;
            display: block; }
            .login-left-container .container-image .wrapper .hero-gallery-inner .gallery-column a img {
              width: 100%; }

.top-animation {
  animation: c 60s linear infinite alternate; }

.reverse-animation {
  animation: d 50s linear infinite alternate; }

.last-animation {
  animation: e 40s linear infinite alternate; }

@keyframes c {
  0% {
    tranform: translateY(0); }
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

@keyframes d {
  0% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  to {
    tranform: translateY(0); } }

@keyframes e {
  0% {
    tranform: translateY(0); }
  to {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); } }

/*slideImg end*/
/*Login Info End*/
.translate_lang {
  display: none !important; }

/*boxSec*/
.soezy-logo {
  width: 200px;
  margin: 0 auto; }
  .soezy-logo img {
    max-width: 100%; }

.boxSec {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%; }

.boxBg {
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  height: auto;
  border-radius: 5px;
  border: solid 1px #efefef;
  box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.1); }

.loginBtn {
  border-color: #727f90;
  background: #ffffff;
  padding: 10px 25px;
  color: #333;
  margin: 0px;
  transition: all 0.3s linear 0s;
  width: 100%;
  border-radius: 3px; }
  .loginBtn svg {
    fill: #333;
    width: 14px;
    height: 14px;
    vertical-align: middle; }
  .loginBtn:hover, .loginBtn:focus, .loginBtn:active {
    color: #fff;
    border-color: #727f90;
    background: #727f90;
    outline: none;
    box-shadow: none; }
    .loginBtn:hover svg, .loginBtn:focus svg, .loginBtn:active svg {
      fill: #fff; }

/*boxSec*/