#wv-message-box{
  display: none;
}

#wv-message-box.active{
  display: block;
  padding: 20px;
  border: 1px solid #efefef;
}
#wv-message-box.success{
  background-color: #cfffb6;
}
#wv-message-box.error{
  background-color: #ff6161;
    color: #fff;
}
#wv-message-box i.fas{
  margin-right: 5px;
}
#webver-register{
  padding-bottom: 20px;
}

#webver-register .wv-default-drop-file {
  position: absolute;
    text-align: center;
    left: 0;
    right: 0;
}

#webver-register label {
    min-width: 125px;
    display: inline-block;
    font-size: 16px;
}
#webver-register .group {
    padding: 20px 40px;
    background: #efefef;
}

#webver-register .hidden {
    display: none;
}
#webver-register .group {
    margin-top:10px;
    margin-bottom:10px;
    padding: 20px 40px;
    background: #efefef;
    overflow: hidden;
    position: relative;
}
#webver-register p.field {
      display: inline-block;
      width: 49%;
      box-sizing: border-box;
}
#webver-register .group100 p.field {
      display: inline-block;
      width: 100%;
      box-sizing: border-box;
}
#webver-register .group100>p.field:nth-child(1) {
      border-bottom: 1px solid #e4e4e4;
      padding-bottom: 20px;
}




#webver-register .group100 .field.send{
  position: absolute;
  bottom: 0;
    left: 40px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  #webver-register .group100 .field.send{
    left: 15px;
  }
}
#webver-register .g-recaptcha {
    margin-bottom: -36px;
    position: relative;
    top: -54px;
    right: -130px;
}
#webver-register label.error{
  color: red;
}

#webver-register p.wv-acceptterms {
    margin-bottom: 95px;
}

label[for="acceptterms"]{
  width: calc(100% - 35px);
  margin-left: 10px;
  margin-top: -4px;

}
input[name="acceptterms"]{
  vertical-align: top;
}





#webver-register .btn:hover {
      background: #ffffff !important;
      transition: all 0.5s ease 0s;
      --webkit-transition: all 0.5s ease 0s;
      color: #172e59;
}
#webver-register .btn{
      transition: all 0.5s ease 0s;
      --webkit-transition: all 0.5s ease 0s;
}

#webver-register #send.btn, #webver-register #add.btn, #webver-register #send.remove{
      /*color: #fff;*/
}
#webver-register input[type="text"] {
width:100%;
}
#webver-register input.error {
border-color: red;
}
#webver-register input.valid {
border-color: green;
}
#webver-register input[disabled="true"] {
cursor: not-allowed;
}
#webver-register input#add {
  text-align: center;
      margin: 0 auto;
      display: block;
      border-radius: 0 !important;
      height: auto;
      width: auto;
      position: relative;
      top: 0px;
      line-height: 34px;
      border-color: #b01319;
}


#webver-register p.btn-cnt-remove {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}
#webver-register .header {
    margin-top:20px;
    margin-bottom: 20px;
}




@media (max-width:768px) {
  #webver-register .group.fields{
    position: relative;
    padding: 15px 15px;
  }
  #webver-register p.field {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
  }
    #webver-register p.field.phone{
      position: absolute;
      bottom:0;
      left: 15px;
      right: 15px;
      width: auto;
    }
    #webver-register p.field.email{
      position: absolute;
      bottom:85px;
      left: 15px;
      right: 15px;
      width: auto;
    }
    #webver-register .group1.fields{
      position: relative;
      padding: 15px 15px;
      padding-bottom: 170px;
    }

}


#webver-register .g-recaptcha {
  margin-bottom: 0px;
      position: relative;
      top: -70px;
      right: 0px;
}




@media (min-width:768px) {
  .sidebar-main.off-canvas,.sidebar-main.is--left{
    display: none !important;
  }
}


@-webkit-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-webkit-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-moz-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-ms-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-moz-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-webkit-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@-o-keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
@keyframes uilsquare {
  0% {
    background-color: #047ab3;
  }
  1% {
    background-color: #00cde8;
  }
  11% {
    background-color: #00cde8;
  }
  21% {
    background-color: #047ab3;
  }
  100% {
    background-color: #047ab3;
  }
}
.uil-squares-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
.uil-squares-css div {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  background-color: #047ab3;
}
.uil-squares-css div > div {
  position: absolute;
  top: 0;
  left: 0;
  -ms-animation: uilsquare 1s linear infinite;
  -moz-animation: uilsquare 1s linear infinite;
  -webkit-animation: uilsquare 1s linear infinite;
  -o-animation: uilsquare 1s linear infinite;
  animation: uilsquare 1s linear infinite;
  width: 40px;
  height: 40px;
}
.uil-squares-css > div:nth-of-type(1) {
  top: 30px;
  left: 30px;
}
.uil-squares-css > div:nth-of-type(1) > div {
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.uil-squares-css > div:nth-of-type(2) {
  top: 30px;
  left: 80px;
}
.uil-squares-css > div:nth-of-type(2) > div {
  -ms-animation-delay: 0.125s;
  -moz-animation-delay: 0.125s;
  -webkit-animation-delay: 0.125s;
  -o-animation-delay: 0.125s;
  animation-delay: 0.125s;
}
.uil-squares-css > div:nth-of-type(3) {
  top: 30px;
  left: 130px;
}
.uil-squares-css > div:nth-of-type(3) > div {
  -ms-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.uil-squares-css > div:nth-of-type(4) {
  top: 80px;
  left: 130px;
}
.uil-squares-css > div:nth-of-type(4) > div {
  -ms-animation-delay: 0.375s;
  -moz-animation-delay: 0.375s;
  -webkit-animation-delay: 0.375s;
  -o-animation-delay: 0.375s;
  animation-delay: 0.375s;
}
.uil-squares-css > div:nth-of-type(5) {
  top: 130px;
  left: 130px;
}
.uil-squares-css > div:nth-of-type(5) > div {
  -ms-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.uil-squares-css > div:nth-of-type(6) {
  top: 130px;
  left: 80px;
}
.uil-squares-css > div:nth-of-type(6) > div {
  -ms-animation-delay: 0.625s;
  -moz-animation-delay: 0.625s;
  -webkit-animation-delay: 0.625s;
  -o-animation-delay: 0.625s;
  animation-delay: 0.625s;
}
.uil-squares-css > div:nth-of-type(7) {
  top: 130px;
  left: 30px;
}
.uil-squares-css > div:nth-of-type(7) > div {
  -ms-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.uil-squares-css > div:nth-of-type(8) {
  top: 80px;
  left: 30px;
}
.uil-squares-css > div:nth-of-type(8) > div {
  -ms-animation-delay: 0.875s;
  -moz-animation-delay: 0.875s;
  -webkit-animation-delay: 0.875s;
  -o-animation-delay: 0.875s;
  animation-delay: 0.875s;
}

#webver-register .required-marker {
    position: relative;
    top:-4px;
}
#webver-register input.btn.remove {
    background: #b01319;
}

.wv-acceptterms input[type="checkbox"]{
  width: 20px !important;
  height: 20px;
}
