/*log in*/

.com-users.view-login section#sp-main-body {
    background: #e6e7e8;
        background-image: url(/images/0_FOC/bg01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.reg-login-form-wrap {
    padding: 30px !important;
    border-radius: 30px !important;
    box-shadow: 0px 0px 10px #00000030;
}
@media only screen and (min-width: 992px) {
.com-users.view-login section#sp-main-body {
    min-height: 900px;
    display: flex;
    align-items: center;
}}

.com-users.view-login .form-links {
    text-align: center!important;
}

.com-users.view-login header#sp-header {
    display: none;
}

/*element*/
.sp-page-title:before {
    position: absolute;
    /*content: '';*/
    background: url(/images/0_Dreamztech/element/element.png);
    background-size: contain;
    width: 150px;
    height: 150px;
    top: -50px;
    right: -50px;
    z-index: 0;
}
.sp-page-title:before {
    animation-name            : rotate;
    animation-duration        : 20s     ;
    animation-iteration-count : infinite  , infinite  ;
    animation-direction       : alternate , alternate ;
}
@keyframes rotate {
    from { transform: rotate(90deg); }
    to   { transform: rotate(0); }
}

/*error*/
.error-page .error-message-title {
  font-size: 48px;
  color: #353535!important;
  font-weight: 700;
  font-family: 'Roboto'!important;
  margin-top: 20px;
  margin-bottom: 0;
}
.error-page .error-message {
  font-size: 18px;
  color: #353535!important;
  line-height: 1;
  margin-bottom: 30px;
}

img.error-logo.custom404 {
    width: 500px;
}

/*btn*/
/*all*/
.error-page .btn
{  
color:#fff!important;text-transform:uppercase;
border:0px!important;font-weight:normal;line-height:1.33!important;
padding:14px 25px!important;}

.btn:focus, .sppb-btn:focus{box-shadow:none!important;outline:none!important;opacity:0.5;}
.btn:hover .fa, .sppb-btn:hover .fa{color:#000!important;}



/*btn text */
.error-page .btn,
.view-login button.btn.btn-primary.btn-block{
  text-transform: uppercase;
  color:#fff;
  transition: 0.5s;
  background-size: 200% auto;
  border-radius: 100px!important;
 }

/*gradient hover*/
.error-page .btn:hover,
.view-login button.btn.btn-primary.btn-block:hover{
  background-position: right center; opacity:1!important;
}

/*gradient*/
.error-page a.btn.btn-primary.btn-lg,
.view-login button.btn.btn-primary.btn-block{
background-image: linear-gradient(to right, #b31217 0%, #e52d27  51%, #b31217  100%)!important;
  box-shadow: 0 5px 20px #ff0000a1;
}

.view-login button.btn.btn-primary.btn-block {
    WIDTH: 100%!important;
    padding: 15px!important;
}

.view-login button:hover i.fa.fa-angle-right {
    color: #ffff!important;
}