@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/museo-sans-rounded");
@keyframes fade {
  0% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes inputHighlighter {
  0% {
    background: #5264ae;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes fadeEffect {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  to {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@font-face {
  font-family: "UKIJJe";
  src: url("../fonts/UKIJJe.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: none;
}

input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input:not([type=radio]):not([type=checkbox]) {
  -webkit-appearance: none;
  border-radius: 0;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.logo {
  width: 250px;
  height: auto;
  margin-right: 10px;
  padding-top: 10px;
  margin-top: 3px;
}

.header {
  display: none;
}

.section2 {
  max-width: 100%;
  margin-top: 20px;
}

.section2-mid {
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 20px;
}

.section2-mid-left {
  max-width: 767px;
  padding: 30px;
  background: #f2f2f2;
}
.section2-mid-left a {
  color: #162954;
}
.section2-mid-left a:hover {
  color: red;
  transition-duration: 0.2s;
}
.section2-mid-left p {
  font-size: 14px;
  margin-bottom: 0;
  opacity: 0.7;
  line-height: 24px;
}
.section2-mid-left h1 {
  font-weight: 400;
  font-size: 24px;
  color: #1c1c1c;
  margin-bottom: 20px;
}

.section2-mid-right {
  max-width: 767px;
}

.section2-mid-right1 {
  max-width: 767px;
  padding: 20px 20px 20px 30px;
  margin-top: 20px;
  background: #f2f2f2;
}
.section2-mid-right1 p {
  font-size: 14px;
  line-height: 24px;
  opacity: 0.7;
  margin-bottom: 5px;
}
.section2-mid-right1 h2 {
  text-transform: uppercase;
  opacity: 0.9;
  font-weight: 600;
  margin-bottom: 5px;
}
.section2-mid-right1 a {
  color: #162954;
}
.section2-mid-right1 a:hover {
  color: red;
  transition-duration: 0.2s;
}

.section2-mid-right2 {
  padding: 10px;
  max-width: 767px;
  background: #f2f2f2;
  margin-top: 20px;
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
}
.section2-mid-right2 h3 {
  font-weight: 600;
  margin-bottom: 8px;
}
.section2-mid-right2 p {
  font-size: 14px;
  line-height: 24px;
  opacity: 0.7;
}
.section2-mid-right2 a {
  color: #162954;
  display: block;
  margin-top: 7px;
}
.section2-mid-right2 a:hover {
  color: red;
}

.section3 {
  max-width: 100%;
}

.section3-mid {
  max-width: 479px;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 38px;
}

.section3-mid-card1 {
  max-width: 479px;
  min-height: 162.2px;
  background-image: url(../images/State-Restoration-Services-Roof-Inspection-Worker.jpg);
  background-size: 100%;
  margin-bottom: 20px;
}

.section3-mid-card1-cover {
  width: 100%;
  min-height: 162.2px;
  background: rgba(0, 0, 0, 0.3);
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  color: #ffffff;
}
.section3-mid-card1-cover h3 {
  color: white;
  font-size: 27px;
  margin-bottom: 25px;
}
.section3-mid-card1-cover a {
  display: block;
  width: 200px;
  height: 30px;
  background: white;
  line-height: 30px;
  text-align: center;
  color: black;
  margin-top: 30px;
  font-weight: bold;
}
.section3-mid-card1-cover p {
  color: white;
  line-height: 24px;
  font-weight: 550;
  font-size: 14px;
  display: none;
}
.section3-mid-card1-cover span {
  color: #ffffff !important;
}
.section3-mid-card1-cover span.orget {
  font-size: 14px;
  display: block;
  text-align: right;
  margin-bottom: 40px;
  font-weight: bold;
  margin-top: -4px;
}
.section3-mid-card1-cover span.orgetZ {
  font-size: 14px;
  text-align: right;
  margin-bottom: 40px;
  font-weight: bold;
}

.section3-mid-card2 {
  max-width: 767px;
  color: #ffffff;
  background: #162954;
  position: relative;
  padding-left: 25px;
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 30px;
}
.section3-mid-card2 p:first-child {
  font-size: 36px;
  line-height: 40px;
}
.section3-mid-card2 p:nth-child(2) {
  font-size: 13px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.section3-mid-card2 input {
  margin-right: 0;
  min-width: 240px;
  height: 40px;
  border-style: none;
  border: 1px solid white;
  padding-left: 20px;
  padding-left: 10px;
}
.section3-mid-card2 button {
  margin-left: 0;
  position: absolute;
  height: 40px;
  width: 40px;
  border-style: none;
  background: white;
  border-style: none;
}
.section3-mid-card2 i {
  color: black;
}

.fa-paper-plane {
  font-size: 20px;
  color: white;
  cursor: pointer;
}

.mb20 {
  margin-bottom: 20px;
}

.payment-finished {
  width: 100%;
  min-height: calc(100vh - 96px);
  background-color: #f9f9ff;
  position: fixed;
  top: 96px;
  left: 0;
  z-index: 2;
}
.payment-finished .payment-finished-content {
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
  border: 1px solid rgb(227, 229, 232);
  width: 100%;
  box-shadow: rgba(192, 192, 192, 0.5) 0px 40px 40px -40px;
  width: 657px;
  border-top: 5px #1d2a40 solid;
  margin: 16px auto;
  padding: 25px 38px 34px 38px;
}
.payment-finished .payment-finished-content .payment-finished-title {
  font-size: 36px;
  color: #1d2a40;
  text-align: center;
  width: 100%;
  display: block;
  line-height: 44px;
  font-weight: bold;
}
.payment-finished .payment-finished-content .payment-finished-information {
  padding: 16px 70px;
}
.payment-finished .payment-finished-content .payment-finished-information .line-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 12px;
}
.payment-finished .payment-finished-content .payment-finished-information .line-item .line-item-desc {
  color: rgb(57, 58, 61);
}
.payment-finished .payment-finished-content .download-receipt-button {
  margin: 10px 70px 0 70px;
  border: none;
  background-color: #1d2a40;
  color: rgb(255, 255, 255);
  height: 36px;
  min-width: 100px;
  border-radius: 4px;
  font-size: 16px;
  padding: 0px 18px;
  cursor: pointer;
  width: 100%;
  max-width: 439px;
}
.payment-finished .payment-finished-content .download-invoice-button {
  margin: 12px 70px 0 70px;
  border: 2px solid rgb(107, 108, 114);
  background-color: rgb(255, 255, 255);
  color: #1d2a40;
  height: 36px;
  min-width: 100px;
  border-radius: 4px;
  font-size: 16px;
  padding: 0px 18px;
  cursor: pointer;
  width: 100%;
  max-width: 439px;
}
.payment-finished .payment-finished-content .rights-reserved-block {
  font-size: 12px;
  text-align: center;
  display: block;
  color: #848588;
  width: 100%;
  margin-top: 10px;
}

.make-payment-content {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  background-color: #f9f9ff;
  display: block;
}
.make-payment-content .office-address-block {
  display: flex;
  align-items: center;
}
.make-payment-content .office-address-make-payment {
  display: inline-block;
}
.make-payment-content .make-payment-header {
  width: 100%;
  background-color: #f9f9ff;
  padding: 8px 32px;
  display: flex;
  justify-content: space-between;
  height: 96px;
  align-items: center;
}
@media (max-width: 1024px) {
  .make-payment-content .make-payment-header {
    padding: 8px 20px;
  }
}
.make-payment-content .make-payment-header .make-payment-logo {
  height: 60px;
  width: auto;
}
@media (max-width: 690px) {
  .make-payment-content .make-payment-header .make-payment-logo {
    height: 50px;
  }
}
@media (max-width: 524px) {
  .make-payment-content .make-payment-header .make-payment-logo {
    height: 40px;
  }
}
@media (max-width: 430px) {
  .make-payment-content .make-payment-header .make-payment-logo {
    height: 38px;
  }
}
@media (max-width: 390px) {
  .make-payment-content .make-payment-header .make-payment-logo {
    height: 36px;
  }
}
.make-payment-content .make-payment-header .make-payment-userIcon {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  color: #393a3d;
  background-color: #d4d7dc;
  text-align: center;
  line-height: 24px;
}
.make-payment-content .make-payment-header .make-payment-userIcon:hover {
  color: black;
  transition: all ease 0.3s;
}
.make-payment-content .make-payment-header .login-block {
  display: flex;
  align-items: center;
  padding-top: 10px;
}
.make-payment-content .make-payment-header .make-payment-userIcon-link {
  color: #6b6c72;
  border-bottom: 4px solid #f9f9ff;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.make-payment-content .make-payment-header .make-payment-signin-button {
  display: block;
  padding: 0 5px 10px;
  border-bottom: 4px solid #f9f9ff;
  color: #6b6c72;
  margin-right: 10px;
}
.make-payment-content .make-payment-header .make-payment-signin-button:hover {
  color: black;
  transition: all ease 0.3s;
  border-bottom: 4px solid #162954;
}
.make-payment-content .main-wrapper {
  word-break: break-word;
  max-width: 1040px;
  width: 100%;
  margin: 20px auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper {
    flex-direction: column;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left {
  max-width: 650px;
  width: 100%;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content {
  padding: 30px 66px;
  width: 100%;
  border: 1px solid #e3e5e8;
  border-radius: 16px;
  box-shadow: 0 40px 40px -40px rgba(192, 192, 192, 0.5);
  background-color: white;
  position: relative;
}
@media (max-width: 800px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content {
    padding: 30px 46px;
  }
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content {
    padding: 0;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .company-logo-small-screens {
  background-color: white;
  border: 1px solid #e3e5e8;
  border-radius: 4px;
  box-sizing: content-box;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -30px;
  left: calc(50% - 30px);
  align-items: center;
  justify-content: center;
  display: none;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .company-logo-small-screens {
    display: flex;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .company-logo-small-screens img {
  width: 40px;
  height: 40px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .company-name-small-screens {
  text-align: center;
  text-transform: uppercase;
  display: none;
  font-weight: bold;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .company-name-small-screens {
    display: block;
    margin: 40px 20px 0 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-button {
  display: none;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #162954;
  cursor: pointer;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-button i {
  margin-left: 3px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-button {
    display: block;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-button.open .fa-chevron-down {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block {
  box-shadow: rgba(0, 0, 0, 0.035) 0px 5px 20px 0px inset;
  width: 100%;
  background-color: #f4f5f8;
  margin-bottom: 10px;
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block .container {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  padding: 26px 40px 0px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block .container .invoice-line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 14px;
  color: #393a3d;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block .container .invoice-line span {
  color: black;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block .container .total-line {
  font-weight: bold;
  margin-bottom: 12px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block .container .view-invoice-button {
  color: #393a3d;
  border: solid 2px #6b6c72;
  background: none;
  height: 36px;
  min-width: 80px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  max-width: 290px;
  width: 100%;
  line-height: 34px;
  margin-bottom: 15px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .view-invoice-information-block hr {
  border-top: 1px solid #e3e5e8;
  margin-bottom: 11px;
  width: 100%;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .payment-amount-label {
  font-size: 12px;
  color: #8c9097;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .payment-amount-label {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content #make-payment-payment-amount {
  display: block;
  font-size: 30px;
  line-height: 39px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content #make-payment-payment-amount {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .payment-method-warning {
  font-size: 12px;
  opacity: 0.7;
  display: block;
  word-wrap: break-word;
}
@media (max-width: 480px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .payment-method-warning {
    margin: 0 20px 25px 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li {
  list-style: none;
  max-width: 123px;
  text-align: center;
  width: 100%;
  margin: 8px 0;
  min-width: 85px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li {
    max-width: 165px;
  }
}
@media (max-width: 445px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li {
    min-width: 64px;
  }
}
@media (max-width: 380px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li {
    min-width: 62px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li span {
  color: rgb(57, 58, 61);
  font-size: 16px;
}
@media (max-width: 445px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li span {
    font-size: 12px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li .payment-options {
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(236, 238, 241);
  border-radius: 4px;
  margin-bottom: 8px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options li .active-payment-option {
  border-top: 4px solid #162954;
  font-weight: bold;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .list-of-payment-options .margin-left {
  margin-left: 8px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .debit-card-block {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-information {
  margin-bottom: 25px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-information,
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .payee-information {
  display: flex;
  justify-content: space-between;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-fields-style {
  border: 1px solid rgb(212, 215, 220);
  border-radius: 4px;
  min-height: 36px;
  width: 100%;
  padding-left: 8px;
  font-size: 14px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-fields-style::-moz-placeholder {
  color: rgba(132, 133, 136, 0.3);
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-fields-style::placeholder {
  color: rgba(132, 133, 136, 0.3);
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-labels-style {
  line-height: 20px;
  font-size: 12px;
  color: rgb(74, 74, 74);
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-number-field {
  width: 58%;
  margin-right: 7px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-exp-date-field {
  width: 20%;
  min-width: 61px;
  margin-right: 7px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .cvv-field {
  width: 15%;
  min-width: 56px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-name-field {
  width: 58%;
  margin-right: 7px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-country-field {
  width: 20%;
  min-width: 61px;
  margin-right: 7px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .card-zip-field {
  width: 15%;
  min-width: 56px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .accepting-terms {
  font-size: 12px;
  color: rgb(132, 133, 136);
  line-height: 1.33;
  letter-spacing: -0.1px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .accepting-terms {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .accepting-terms a {
  color: rgb(132, 133, 136);
  text-decoration: underline;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .make-payment-button-pay {
  height: 48px;
  min-width: 120px;
  width: 100%;
  border-radius: 4px;
  font-size: 19px;
  line-height: 24px;
  padding: 0 18px;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
  background-color: #162954;
  color: white;
  margin-top: 15px;
  border-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .make-payment-button-pay {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
  }
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .make-payment-button-pay i {
  font-size: 15px;
  margin-right: 5px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .make-payment-button-pay span {
  margin-left: 8px;
}
.make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .rights-reserved-block {
  font-size: 12px;
  text-align: center;
  display: block;
  color: #848588;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-left .main-wrapper-left-content .rights-reserved-block {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
  }
}
.make-payment-content .main-wrapper .main-wrapper-right {
  max-width: 330px;
  width: 100%;
}
@media (max-width: 768px) {
  .make-payment-content .main-wrapper .main-wrapper-right {
    display: none;
  }
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content {
  max-width: 330px;
  width: 100%;
  border: 1px solid #e3e5e8;
  border-radius: 16px;
  background-color: white;
  padding-top: 10px;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .right-container-make-payment-logo {
  height: auto;
  max-width: 295px;
  width: calc(100% - 32px);
  margin: 0 16px;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .company-name-block {
  margin: 10px 16px 15px 16px;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .invoice-number-block,
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .due-date-block,
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .invoice-amount-block {
  margin: 0px 16px 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #393a3d;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .total-block {
  width: 100%;
  border-top: 4px solid #f4f5f8;
  border-bottom: 4px solid #f4f5f8;
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .actions-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px 16px 16px 16px;
  padding: 15px 0 0 0;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .view-invoice-button {
  color: #393a3d;
  border: solid 2px #6b6c72;
  background: none;
  height: 24px;
  min-width: 80px;
  padding: 0 18px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .other-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #6b6c72;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .other-actions i {
  cursor: pointer;
}
.make-payment-content .main-wrapper .main-wrapper-right .main-wrapper-right-content .other-actions .fa-print {
  margin-left: 20px;
}
.make-payment-content .main-wrapper .main-wrapper-right .second {
  padding: 16px;
  margin-top: 15px;
}
.make-payment-content .main-wrapper .main-wrapper-right .office-information {
  color: #212529;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.make-payment-content .contact-information-block-small-screens {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  padding: 6px 40px 15px;
}
.make-payment-content .contact-information-block-title {
  font-size: 14px;
}
.make-payment-content .contact-information-block {
  font-size: 14px;
  line-height: 21px;
  color: #212529;
}
.make-payment-content .contact-information-block i {
  margin-right: 10px;
  text-align: center;
  width: 14px;
}
.make-payment-content .contact-information-block a {
  color: #162954;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1750px);
  }
}
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 120px;
  margin: auto;
  overflow: hidden;
  position: relative;
  max-width: 1120px;
}
.slider::before, .slider::after {
  content: "";
  height: 120px;
  position: absolute;
  width: 200px;
  z-index: 2;
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  display: flex;
  width: 1750px;
  /* Adjust based on the number of slides */
  animation: scroll 40s linear infinite;
  /* Adjust animation duration as needed */
}
.slider .slide {
  height: 120px;
  max-width: 450px;
  padding: 10px 20px;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1750px);
    /* Adjust based on the number of slides */
  }
}

.section1-testimonials {
  width: 100%;
  margin: 70px auto;
  text-align: center;
}
.section1-testimonials h1 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 35px;
  letter-spacing: 0.155em;
  color: #343434;
}
.section1-testimonials h4 {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: #343434;
}
.section1-testimonials > h1 {
  text-align: center;
  font-size: 25px;
}

.section1-textimonials-text {
  max-width: 730px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.section1-textimonials-text > p {
  text-align: center;
}
.section1-textimonials-text .reviews__information {
  text-align: center;
}
.section1-textimonials-text .reviews__information span {
  display: block;
}

.section2-testimonials {
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.section2-testimonials-left {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.section2-testimonials-left .testimon-box.pl-0 {
  padding-left: 0;
}
.section2-testimonials-left .testimon-box.pr-0 {
  padding-right: 0;
}

.testimon-box {
  display: flex;
  margin-bottom: 50px;
  height: 200px;
  max-width: 570px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  display: flex;
  margin-bottom: 50px;
  height: 200px;
  max-width: 570px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
}

.stars i {
  font-size: 16px;
  color: #162954;
}

#Testimonial1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 21;
  background-color: rgba(0, 0, 0, 0.8);
}

.Testimonial1-centr {
  max-width: 600px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 500px;
  margin: auto;
  z-index: 22;
  display: none;
}

.Testimonial1-centr-top {
  width: 100%;
  background-color: #162954;
  padding: 15px 30px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Testimonial1-centr-top i {
  font-size: 25px;
  cursor: pointer;
}

.Testimonial1-centr-general {
  width: 100%;
  max-height: 500px;
  padding: 30px 55px;
  background-color: white;
  overflow-y: auto;
}
.Testimonial1-centr-general p {
  line-height: 24px;
}
.Testimonial1-centr-general i {
  font-size: 16px;
  color: #162954;
}

.footer {
  width: 100%;
  margin-top: 40px;
  background: #f8f8f8;
}
.footer p a.footer__lead {
  color: #fff;
}

.chevron-up-icon1 {
  width: 50px;
  height: 50px;
  background: #162954;
  position: fixed;
  bottom: 80px;
  left: 10px;
  opacity: 0.8;
  cursor: pointer;
  transition: 0.3s;
  border: 2px solid #ffffff;
  display: none;
  font-size: 30px;
  color: white;
  text-align: center;
  font-weight: bold;
  z-index: 999999;
}
.chevron-up-icon1:hover {
  opacity: 1;
  transition: 0.3s;
}

#beginning {
  width: 0;
  height: 0;
}

.enterValidValue,
.notificationLeftBottom {
  position: fixed;
  bottom: 50px;
  left: 20px;
  padding: 0 20px;
  height: 50px;
  background: rgba(241, 100, 97, 0.9);
  color: white;
  text-align: center;
  line-height: 50px;
  display: none;
}
.enterValidValue i,
.notificationLeftBottom i {
  color: white;
  width: 25px;
  height: 25px;
  border: 1px solid white;
  border-radius: 50%;
  margin-right: 10px;
  line-height: 23px;
}

.chait-window {
  opacity: 1;
  visibility: hidden;
  position: fixed;
  z-index: 3;
  bottom: 10px;
  right: 10px;
  width: 300px;
  height: 70px;
  background: #162954;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  padding: 13px 10px 15px 20px;
  transition: 1s;
}
.chait-window .fa-chevron-up {
  font-size: 18px;
  margin-top: -20px;
  margin-right: 5px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  transition: 0.3s;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
  border: 1px solid white;
}
.chait-window .fa-chevron-up:hover {
  background: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
}

.requesrPhoneCall {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 3px;
}

.closedChaitWindow {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.fa-phone-alt {
  margin-right: 10px;
}

.callback {
  height: 120px;
  transition: 1s;
}

.increaseHeight {
  height: 30px !important;
}

.rotateChecron {
  transform: rotate(180deg);
}

.openedChaitWindow {
  transition: 0.6s;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0;
  margin-top: 10px;
  margin-left: -30px;
}
.openedChaitWindow #phoneNumberCallBack {
  height: 25px;
  margin-right: 10px;
  padding-left: 7px;
  border-style: none;
}
.openedChaitWindow #submitCallBack {
  height: 25px;
  color: black;
  transition: 0.3s;
  padding: 2px 4px;
  cursor: pointer;
  border-style: none;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.openedChaitWindow #submitCallBack:hover {
  background: #162954;
  color: #ffffff;
  border: 1px solid #ffffff;
}

.licenses {
  width: 100%;
}

#referralInformation-name {
  width: 100%;
  width: 100%;
}

.wrapper {
  width: 100%;
  display: inline-block;
  width: 100%;
  display: inline-block;
}

#referralInformation-phone {
  width: 100%;
  width: 100%;
}

.closed-dropdown {
  display: none;
}

.forgotpassword.result {
  margin-top: 20px;
  text-align: center;
  font-size: 15px;
  max-width: 300px;
  color: green;
}

.group {
  position: relative;
  margin-bottom: 45px;
}
.group input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: none;
  border-bottom: 1px solid #000;
}
.group input:focus {
  outline: none;
  border-color: #162954;
}
.group input:focus ~ label {
  top: -20px;
  font-size: 14px;
  color: #000;
}
.group input:focus ~ .bar:before {
  width: 50%;
}
.group input:focus ~ .bar:after {
  width: 50%;
}
.group input:focus ~ .highlight {
  animation: inputHighlighter 0.3s ease;
}
.group input:valid ~ label {
  top: -20px;
  font-size: 14px;
  color: #000;
}
.group label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.group .bar {
  position: relative;
  display: block;
  width: 300px;
}
.group .bar:before {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #f7be38;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  left: 50%;
}
.group .bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #f7be38;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  right: 50%;
}
.group .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.group.checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.group.checkbox input {
  position: relative;
  width: auto;
}
.group.checkbox label {
  width: auto;
  top: unset !important;
  left: 20px !important;
}

.notification {
  text-align: center;
  position: fixed;
  bottom: 50px;
  left: 20px;
  width: 280px;
  height: 50px;
  background: #71c341;
  color: #fff;
  text-align: center;
  line-height: 50px;
  display: none;
}

.notification.CCC.red {
  color: #fff;
  display: unset;
}

.overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  position: fixed;
  cursor: default;
  transition: opacity 0.5s;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.overlay:target + .popup {
  top: 20%;
  visibility: visible;
  opacity: 1;
}

.popup {
  top: 0;
  right: 0;
  left: 0;
  font-size: 14px;
  z-index: 10;
  display: block;
  visibility: hidden;
  margin: 0 auto;
  width: 90%;
  min-width: 320px;
  max-width: 600px;
  position: fixed;
  border-radius: 4px;
  background-color: #ffffff;
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all ease 0.5s;
}
.popup .head {
  padding: 30px 20px 20px;
  border-bottom: 1px solid #dddddd;
  background: #fafafa;
  font-size: 18px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: bold;
}
.popup form {
  padding: 20px;
}
.popup form label {
  font-size: 14px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: bold;
}
.popup form input {
  margin-top: 10px;
}

.close {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 15px;
  background-color: rgba(61, 61, 61, 0.8);
  box-shadow: 0px 0px 10px #000;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  transition: all ease 0.8s;
}
.close:before {
  color: rgba(255, 255, 255, 0.9);
  content: "X";
  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
  font-size: 12px;
}
.close:hover {
  background-color: rgba(252, 20, 0, 0.8);
  transform: rotate(360deg);
}

.notification.red {
  background: rgba(241, 100, 97, 0.9);
}
.notification.red i {
  color: white;
  width: 25px;
  height: 25px;
  border: 1px solid white;
  border-radius: 50%;
  margin-right: 10px;
  line-height: 23px;
}

.overlay___head_img {
  height: 100vh;
  width: 100vw;
  background: transparent;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
  display: none;
}

.reviews {
  padding: 20px 0;
}
.reviews .reviews__row {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.reviews .reviews__row .reviews-container {
  padding: 0px 0;
  overflow: hidden;
}
.reviews .reviews__row .reviews-button-prev {
  font-weight: bold;
}
.reviews .reviews__row .reviews-button-prev:after {
  font-size: 24px;
  color: rgba(128, 128, 128, 0.6);
}
.reviews .reviews__row .reviews-button-next {
  font-weight: bold;
}
.reviews .reviews__row .reviews-button-next:after {
  font-size: 24px;
  color: rgba(128, 128, 128, 0.6);
}
.reviews .reviews__row .reviews__block {
  position: relative;
  overflow: hidden;
}
.reviews .reviews__row .reviews__block * {
  font-family: "Open Sans", sans-serif;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container {
  margin-right: 20px;
  margin-left: 20px;
  overflow: hidden;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track {
  display: flex;
  flex-direction: row;
  transition: 0.7s;
  padding: 20px 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item {
  position: relative;
  padding: 0 8px;
  transition: transform 300ms ease-out;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item:hover {
  transform: translate(0, -5px);
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner {
  border-top-width: 2px !important;
  border-bottom-width: 2px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  background-color: #fff !important;
  border-style: solid !important;
  border-color: #e5e5e5 !important;
  background: #fff !important;
  border-radius: 4px !important;
  padding: 15px !important;
  margin: 0 !important;
  display: block;
  font-family: "Poppins";
  font-size: 14px;
  color: #000;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__img img {
  width: 40px !important;
  margin: 0 15px 0 0 !important;
  height: 40px !important;
  padding: 0 !important;
  display: block;
  border-radius: 30px;
  min-width: initial !important;
  max-width: initial !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__name .carhead__namme a {
  font-weight: bold;
  font-size: 15px;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  margin-bottom: 2px;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__name .carhead__date {
  color: #595959;
  font-size: 12px !important;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__google {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .caritem__head .carhead__google img {
  max-width: 100%;
  max-height: 100%;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__stars {
  margin-bottom: 6px;
  margin-top: 15px;
  white-space: nowrap;
  outline: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__stars .carousel__star {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: -3px;
  background-size: contain;
  background-repeat: no-repeat;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__stars .carousel__star.f {
  background-image: url(https://cdn.trustindex.io/assets/platform/Google/star/f.svg);
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__content {
  line-height: 20.3px !important;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 10px;
  height: 81.2px !important;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__content::-webkit-scrollbar-track {
  border-radius: 0;
  background: #ededed;
  scroll-behavior: smooth;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__content::-webkit-scrollbar {
  width: 5px;
  scroll-behavior: smooth;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #919191;
  scroll-behavior: smooth;
}
.reviews .reviews__row .reviews__block .carousel .carousel__container .carousel__track .carousel__item .caritem__inner .carousel__content:hover::-webkit-scrollbar-thumb {
  scroll-behavior: smooth;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons {
  margin-top: -12px;
  width: 100%;
  position: absolute;
  top: 50%;
  height: 0;
  left: 0;
  z-index: 1;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev {
  background: transparent;
  border: none;
  position: absolute;
  display: inline-block;
  padding: 0;
  width: 20px;
  height: 30px;
  display: block;
  opacity: 1;
  transition: all 200ms ease-out;
  font-size: 31px;
  left: 2px;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:before {
  content: "";
  background: #ccc;
  width: 17px;
  height: 3px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
  position: absolute;
  top: 18px;
  left: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:after {
  content: "";
  background: #ccc;
  width: 17px;
  height: 3px;
  display: block;
  transform: rotate(-45deg);
  border-radius: 2px;
  position: absolute;
  top: 8px;
  left: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:disabled {
  display: none;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:focus {
  outline: none;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnPrev:active {
  outline: none;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext {
  background: transparent;
  border: none;
  position: absolute;
  display: inline-block;
  padding: 0;
  width: 20px;
  height: 30px;
  display: block;
  opacity: 1;
  transition: all 200ms ease-out;
  font-size: 31px;
  right: 2px;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:before {
  content: "";
  background: #ccc;
  width: 17px;
  height: 3px;
  display: block;
  transform: rotate(45deg);
  border-radius: 2px;
  position: absolute;
  top: 8px;
  right: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:after {
  content: "";
  background: #ccc;
  width: 17px;
  height: 3px;
  display: block;
  transform: rotate(-45deg);
  border-radius: 2px;
  position: absolute;
  top: 18px;
  right: 0;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:disabled {
  display: none;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:hover {
  cursor: pointer;
  transform: scale(1.2);
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:focus {
  outline: none;
}
.reviews .reviews__row .reviews__block .carousel .carousel__buttons .carousel__btnNext:active {
  outline: none;
}
.reviews .reviews__row .reviews__block:first-child {
  width: 33%;
}
.reviews .reviews__row .reviews__block:nth-child(2) {
  width: 100%;
}
.reviews .reviews__row .reviews__block.reviews__infoblock {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 50px 0;
  justify-content: center;
}
.reviews .reviews__row .reviews__block.reviews__infoblock img {
  width: 33%;
  height: 42px;
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__stars {
  margin-bottom: 3px;
  margin-top: 0;
  white-space: nowrap;
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__stars .carousel__star {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: -3px;
  background-size: contain;
  background-repeat: no-repeat;
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__stars .carousel__star.f {
  background-image: url(https://cdn.trustindex.io/assets/platform/Google/star/f.svg);
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__stars i {
  color: #f6bb06;
  font-size: 24px;
  margin: 5px 0 9px;
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__information {
  font-size: 14px;
}
.reviews .reviews__row .reviews__block.reviews__infoblock .reviews__information span {
  display: block;
  font-size: 16px;
}

.carousel-verified-review {
  display: inline-block;
  background: url(/images/verified.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-left: 7px;
  position: relative;
  z-index: 2;
}
.carousel-verified-review:hover .carousel-verified-tooltip {
  opacity: 1;
  margin-left: 20px;
}
.carousel-verified-review .carousel-verified-tooltip {
  color: #fff !important;
  background-color: #3b404b !important;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 11px !important;
  line-height: 22px !important;
  font-weight: 500;
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: 25px;
  top: -4px;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.carousel-verified-review .carousel-verified-tooltip:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #3b404b transparent transparent;
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -5px;
}

.testimon-box__heading .stars {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.testimon-box__heading .stars .carousel-verified-review {
  margin-right: 15px;
}
.testimon-box__heading .stars i {
  font-size: 24px;
  color: #162954;
  margin-right: 10px;
}
.testimon-box__heading .heading__name {
  font-weight: 600;
  font-size: 16px;
  color: #565656;
  margin-bottom: 15px;
  display: block;
}

img.licenses-block__license.bigminim {
  width: 100%;
  display: block;
  max-width: 70%;
  margin: 30px auto 50px;
}

.container-reviews {
  max-width: 1400px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

.admin .container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  height: unset;
  max-height: unset;
}

.form_group__steps {
  display: flex;
  flex-direction: column;
  flex: 0 1 45%;
  margin: 0 2%;
}
.form_group__steps:first-child {
  margin-left: 0;
}
.form_group__steps:last-child {
  margin-right: 0;
}
.form_group__steps label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  color: #000;
}

.form_group__steps_foot {
  display: flex;
  font-size: 18px;
  flex: 0 1 100%;
  position: relative;
}
.form_group__steps_foot .searchUs__btn {
  background-color: #41b6e6;
  color: #fff;
  text-transform: uppercase;
}

.form_group__steps_foot.checkboxes {
  flex-direction: column;
}
.form_group__steps_foot.checkboxes .form_group__steps_check {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.form_group__steps_foot.checkboxes .form_group__steps_check label {
  font-size: 14px;
  margin-bottom: 0;
}
.form_group__steps_foot.checkboxes .form_group__checkbox {
  margin-right: 10px;
}

.form_group__steps_foot_steps {
  border: 2px solid #7ec8ef;
  width: 100%;
  padding: 10px;
  background-color: #f1f4ff;
}
.form_group__steps_foot_steps:focus {
  outline: none;
}
.form_group__steps_foot_steps:active {
  border-left: none;
  outline: none;
}

.formgroup_steps_but.button {
  position: relative;
  top: 0;
  width: 44px;
  height: 21px;
  border-radius: 10.5px !important;
  margin: -20px 0 0 0;
  overflow: hidden;
}

.formgroup_steps_but.button.r {
  border-radius: 0;
}
.formgroup_steps_but.button.r .layer {
  border-radius: 0;
}

.button_section {
  width: 100%;
  display: flex;
  align-items: center;
  max-height: 30px;
}

.button_section2 {
  width: 100%;
  display: flex;
  align-items: center;
}
.button_section2 .formgroup_steps_but {
  min-width: 44px;
}
.button_section2 label {
  max-width: 280px;
  text-align: justify;
}

.conformationofowning {
  display: none;
}

.formgroup_steps_but {
  display: inline-block;
  margin-right: 20px !important;
}
.formgroup_steps_but .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 50%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.formgroup_steps_but .checkbox:checked + .knobs:before {
  content: "YES";
  left: 25px;
  background-color: #0b305b;
}
.formgroup_steps_but .button-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.formgroup_steps_but .knobs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s ease all;
}
.formgroup_steps_but .knobs:before {
  position: absolute;
  content: "NO";
  left: 2px;
  background-color: #b20001;
  top: 2px;
  width: 12px;
  height: 5px;
  color: #fff;
  font-size: 6px;
  font-weight: bold;
  text-align: center;
  border-radius: 50% !important;
  line-height: 6px;
  padding: 6px 2px;
  border-radius: 0;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  transition: 0.3s ease all;
}
.formgroup_steps_but .layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.3s ease all;
  width: 100%;
  background-color: #e4eaf8;
  transition: 0.3s ease all;
  z-index: 1;
}

.disclaimer {
  background: #fff;
  margin-top: 20px;
  text-align: center;
  border: 1px solid #d0ecf8;
  border-radius: 5px;
}

.disclaimer__header {
  background: #d0ecf8;
  color: #41b6e6;
  padding: 15px 0;
}

.disclaimer__body {
  padding: 25px 15px;
}

.disclaimer__footer {
  padding: 20px 0;
  font-size: 15px;
}

.formgroup_steps_but.button.step5_check {
  margin-top: 20px;
}

.wrapper-signature {
  position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin-top: 20px;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  height: 200px;
  border: 1px solid #ccc;
  background-color: white;
}

.sign-btn {
  background: #357b58;
  color: #fff;
  padding: 10px 20px;
  margin-top: 15px;
  border-color: #357b58;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
}

#calc-1-inner-warning {
  margin-bottom: 20px;
  margin-top: -10px;
}

#calc-2-inner-warning {
  margin-bottom: 20px;
  margin-top: -10px;
}

.coapplicant-block h2 {
  margin-bottom: 40px;
}
.coapplicant-block h3 {
  margin-bottom: 40px;
}

.dn-p {
  display: none;
}

.dn {
  opacity: 0;
}

td.printcheckbox {
  position: absolute;
  left: -20px;
  top: 3px;
}

span#close-chaitwindow {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  color: #fff;
}

.iko__select {
  min-width: 100%;
}

.table_sort table {
  border-collapse: collapse;
}
.table_sort th {
  cursor: pointer;
}

.residential-roofing-pickers {
  display: flex;
  flex-wrap: wrap;
}

.collap {
  position: relative;
}
.collap:before {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: absolute;
  right: 7px;
  top: calc(100% - 10px);
  transform: rotate(225deg) translate(-100%, 0px);
  transition: 0.3s;
}

.collap.ord2ord:before {
  transform: rotate(45deg);
  top: calc(100% - 10px);
  position: absolute;
  right: 3px;
}

img.licenses-block__license {
  max-width: 20%;
  margin: 1.6%;
  box-shadow: 3px 4px 17px 3px rgba(0, 0, 0, 0.39);
  box-shadow: 3px 4px 17px 3px rgba(0, 0, 0, 0.39);
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.licenses-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.minimized {
  cursor: pointer;
}

.btnYellow {
  width: 200px;
  height: 40px;
  border: 3px solid #162954;
  background: #162954;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
}
.btnYellow:hover {
  border-color: #162954;
  background: white;
  color: #162954;
  transition: 0.3s;
}

.magnify-blo#magnify {
  display: none;
  position: fixed;
  max-width: 600px;
  z-index: 9999;
  overflow: auto;
}
.magnify-blo#magnify img {
  width: 100%;
}

#overlay.magnify-bloz {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  z-index: 9990;
}

.magnify-blo #close-popup {
  width: 10px;
  height: 10px;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: -25px;
  right: -25px;
}
.magnify-blo #close-popup:hover {
  animation: rota 4s infinite normal;
  animation-iteration-count: 1;
}

.dropsss_select {
  padding: 9px 10px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #000;
  border-style: none;
  background: #f2f2f2;
  border: 2px solid #162954;
}

.google__logo_testimonials {
  max-width: 250px;
  margin: 60px auto 10px;
  display: block;
}

.stars-testimonials-top {
  text-align: center;
}
.stars-testimonials-top i {
  font-size: 34px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
  margin-left: 10px;
}

.testimon-box__rightcolumn {
  max-width: 490px;
  width: 100%;
}

.testimon-box__leftcolumn {
  margin-right: 20px;
}
.testimon-box__leftcolumn img {
  width: 50px;
}

.star-time {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #767676;
  text-transform: lowercase;
}

.testimon-box__content {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 165.9%;
  color: #000000;
}
.testimon-box__content.testimonial_content_more {
  display: none;
}

.testimon-box__footer {
  text-align: right;
  margin-top: 20px;
  display: block;
}
.testimon-box__footer a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: #565656;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}

.advertising-line {
  background: #162954;
  padding: 3.7px 0 2.8px;
  font-weight: 800;
  font-size: 17px;
  color: #ffffff;
}

a.forgotpass {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: #000;
  transition: 0.3s;
}
a.forgotpass:hover {
  color: #febe1b;
}

div#close-popup {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  background: transparent;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 46px;
  color: #4c4c4c;
  cursor: pointer;
  opacity: 1;
  transition: 0.3s;
}

#close-popup:hover {
  opacity: 1;
}
#close-popup:before {
  position: absolute;
  left: 50%;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
  transform: rotate(45deg) translateX(-50%);
}
#close-popup:after {
  position: absolute;
  left: 50%;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #fff;
  transform: rotate(-45deg) translateX(-50%);
}

section.section_infoblock {
  background: url(../images/infoblock_bg.png);
  background-size: cover;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 50px 0 100px;
  position: relative;
}

.section__infoblock_overlay {
  background: linear-gradient(90deg, #000, transparent);
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 70%;
}

.section_infoblock-mid {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 9;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.section_infoblock-info {
  max-width: 500px;
  color: #fff;
}

h2.infoblock__heading {
  font-weight: bold;
  font-size: 38px;
  letter-spacing: 0.095em;
  color: #ffffff;
  margin-bottom: 20px;
}

.infoblock__text {
  margin-bottom: 50px;
  font-weight: 500;
  font-style: normal;
  font-size: 21px;
  line-height: 1.3;
  color: #ffffff;
}

.testimonials__heading__blocks__mid {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.testimonials__heading__blocks__mid .testimonials__heading__blocks__column {
  width: 100%;
  max-width: 360px;
  padding-bottom: 20px;
}
.testimonials__heading__blocks__mid .testimonials__heading__blocks__column h2 {
  margin-bottom: 20px;
}
.testimonials__heading__blocks__mid .testimonials__heading__blocks__column .video {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
}
.testimonials__heading__blocks__mid .testimonials__heading__blocks__column .description {
  width: 100%;
  height: 200px;
}

.testimonials__button {
  display: block;
  width: 200px;
  height: 40px;
  margin: 0 auto;
  border: 3px solid #162954;
  background: #162954;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.careers__post {
  margin-top: 40px;
}
.careers__post img {
  width: 100%;
}

.mapblock {
  max-width: 300px;
  background: #fff;
  display: flex;
  padding: 9px 4px 9px 11px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  border-radius: 2px;
  position: absolute;
  left: 11px;
  top: 10px;
  width: 100%;
  justify-content: space-between;
}
.mapblock a:hover {
  text-decoration: underline;
}
.mapblock a:hover .navigate-icon {
  opacity: 1;
}
.mapblock a:hover .tooltip-anchor {
  display: block;
}

h3.mapblock__heading {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 14px;
  color: black;
}

.mapblock__leftcol p {
  margin-top: 6px;
}

.mapblock__reviews {
  padding-top: 2px;
}
.mapblock__reviews a {
  color: #2c6bb2;
  padding-left: 6px;
  font-size: 12px;
}
.mapblock__reviews span {
  color: #b35815;
  font-weight: 500;
  font-size: 14px;
}

.mapblock__link {
  color: #2c6bb2;
  font-size: 12px;
  font-weight: 400;
}

.mapblock__link.pt10 {
  display: block;
  padding-top: 9px;
}

.gm-style .icon {
  background-image: url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png);
  background-size: 70px 210px;
}
.gm-style .rating-star {
  display: inline-block;
  width: 11px;
  height: 11px;
  overflow: hidden;
}
.gm-style .rating-full-star {
  background-position: 48px 165px;
}
.gm-style .navigate-icon {
  width: 22px;
  height: 22px;
  overflow: hidden;
  margin: 0 auto;
  border: 0;
  background-position: 0px 0px;
  opacity: 0.8;
}

.gm-star {
  color: #5b5b5b;
  font-size: 12px;
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.navigate__link {
  padding: 0 14px;
  display: block;
}

.navigate-text {
  margin-top: 5px;
  text-align: center;
  color: #2c6bb2;
  font-size: 12px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.map {
  position: relative;
  height: 400px;
}

.mapblock__stars {
  display: inline-flex;
}

.tooltip-anchor {
  width: 50%;
  display: none;
  font-size: 12px;
  color: #5b5b5b;
  position: relative;
  float: right;
  z-index: 1;
}

.tooltip-tip-outer {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  background-color: transparent;
  position: absolute;
  left: -8px;
  border-bottom: 8px solid #cbcbcb;
}

.tooltip-tip-inner {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  background-color: transparent;
  position: absolute;
  left: -8px;
  border-bottom: 8px solid white;
  z-index: 1;
  top: 1px;
}

.tooltip-content {
  position: absolute;
  top: 8px;
  left: -70px;
  line-height: 137%;
  padding: 10px 12px 10px 13px;
  width: 210px;
  margin: 0;
  border: 1px solid #cbcbcb;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
}

.residentialnewcolorpicker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 50px 0;
}

.residentialcolorpicker {
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
  text-align: center;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
}

.residentialcolorpicker__checkbox {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.residentialcolorpicker__into {
  width: calc(100% - 5px);
  height: 80px;
  margin: 0 auto;
  transition: 0.3s;
}
.residentialcolorpicker__into img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s;
}

.residentialcolorpicker__name {
  position: absolute;
  top: 0;
  left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: bold;
  color: #fff;
  transition: 0.3s;
  font-size: 12px;
  text-align: left;
}

.residentialcolorpicker.active_cp {
  transition: 0.3s;
  flex: 0 1 100%;
}
.residentialcolorpicker.active_cp .residentialcolorpicker__name {
  visibility: visible;
  opacity: 1;
  height: auto;
  font-size: 16px;
}
.residentialcolorpicker.active_cp .residentialcolorpicker__into {
  border: 2px solid red;
  height: 260px;
  transition: 0.3s;
}

.residentialnewcolorpicker.closed-dropdown {
  display: none;
}

.section1-about {
  width: 100%;
  background: #bfbfbf;
}

.section1-about-mid {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
}
.section1-about-mid h1 {
  font-size: 30px;
  line-height: 40px;
  color: #333333;
}

.section2-about {
  width: 100%;
  padding-bottom: 20px;
}

.section2-about-mid {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.section2-about-mid .right .title {
  padding-left: 60px;
}
.section2-about-mid .right .title p {
  font-size: 16px;
  height: 5px;
  margin-bottom: 30px;
  position: relative;
}
.section2-about-mid .right .title p:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 44px;
  box-shadow: -3px 3px 7px 0px rgba(251, 6, 52, 0.2);
  background-color: #b10005;
  left: -60px;
  top: 10px;
}
.section2-about-mid .right h1 {
  font-size: 45px;
  letter-spacing: -1px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 30px;
}
.section2-about-mid .right .text1 {
  font-size: 16px;
  line-height: 25px;
}
.section2-about-mid .right .text2 {
  font-size: 16px;
  line-height: 25px;
  position: relative;
  padding-left: 21px;
  margin-left: 30px;
  margin-top: 40px;
  margin-bottom: 50px;
}
.section2-about-mid .right .text2:before {
  content: "";
  width: 5px;
  height: 70px;
  background-color: #b10005;
  box-shadow: -3px 3px 7px rgba(251, 176, 52, 0.2);
  position: absolute;
  top: 3px;
  left: 0;
}
.section2-about-mid .right .numbersBlock {
  display: flex;
  justify-content: space-between;
}
.section2-about-mid .right .numbersBlock .block span {
  font-size: 50px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 30px;
  color: #b10005;
}
.section2-about-mid .right .numbersBlock .block p {
  font-size: 16px;
  line-height: 25px;
}

.section3-about {
  width: 100%;
  background-color: #162954;
  margin-bottom: 25px;
}

.section3-about-mid {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  padding: 25px 20px 20px 20px;
  align-items: center;
  flex-direction: row;
}
.section3-about-mid .left {
  max-width: 400px;
  display: flex;
  flex-direction: column;
}
.section3-about-mid .left h2 {
  position: relative;
  font-size: 35px;
  margin-bottom: 40px;
  max-width: 340px;
  color: white;
  padding-left: 25px;
}
.section3-about-mid .left h2:before {
  content: "";
  width: 5px;
  height: 60px;
  background-color: #b10005;
  box-shadow: -3px 3px 7px rgba(251, 176, 52, 0.2);
  position: absolute;
  top: 10px;
  left: 0;
}
.section3-about-mid .left p {
  font-size: 16px;
  color: white;
  line-height: 25px;
}
.section3-about-mid .right {
  max-width: 740px;
}
.section3-about-mid .right img {
  max-width: 100%;
  height: auto;
}

.section11-about {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 10px;
  position: relative;
}
.section11-about .cover {
  width: 100%;
  height: 100%;
  background-color: rgba(193, 193, 193, 0.1);
}
.section11-about h2 {
  font-size: 40px;
  font-weight: bold;
  color: #162954;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 25px;
}
.section11-about::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.06;
  background-image: url("/images/download.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  z-index: -1;
}
.section11-about .section11-about-mid {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 20px 50px 20px;
}
.section11-about .section11-about-mid .content {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.section11-about .section11-about-mid .content .img {
  max-width: 330px;
  margin-right: 25px;
}
.section11-about .section11-about-mid .content .img img {
  max-width: 330px;
}
.section11-about .section11-about-mid .content .text {
  max-width: 720px;
}
.section11-about .section11-about-mid .content .text P {
  margin-bottom: 15px;
}
.section11-about .section11-about-mid .content .text a {
  padding: 5px 10px;
  color: #ffffff;
  background: #162954;
  text-align: center;
  border: 2px solid #162954;
  line-height: 54px;
  font-size: 16px;
  cursor: pointer;
}

.callToActionBlockAllPages {
  margin-top: 20px;
  width: 100%;
  height: 328px;
  background-image: url(../images/rev_sliderhome6.jpg);
  background-position: center;
  background-size: 100%;
}
.callToActionBlockAllPages .overlay_callToActionBlockAllPages {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.callToActionBlockAllPages .container {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 60px;
  display: block;
}
.callToActionBlockAllPages .container .red {
  color: #b10005;
  background-color: white;
  padding: 0 5px;
}
.callToActionBlockAllPages .container h2 {
  color: white;
  max-width: 665px;
  font-size: 35px;
  margin-bottom: 30px;
  font-weight: bold;
}
.callToActionBlockAllPages .container .buttonBlock {
  display: block;
  max-width: 400px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  height: 58px;
  border-radius: 29px;
  background-color: #162954;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 0 32px;
}
.callToActionBlockAllPages .container .buttonBlock i {
  font-family: fontawesome !important;
  font-style: normal;
}
.callToActionBlockAllPages .container .buttonBlock input {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #162954;
  color: white;
  max-width: 120px;
}
.callToActionBlockAllPages .container .buttonBlock span {
  color: white;
}
.callToActionBlockAllPages .container .buttonBlock .button {
  background-color: #b10005;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.thankyou {
  position: fixed;
  z-index: 151;
  transform: translate(-50%, -50%);
  max-width: 600px;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  opacity: 0;
  visibility: hidden;
  left: -500px;
  top: -500px;
  transition: 0.3s;
}

.thankyou.active {
  opacity: 1;
  visibility: visible;
  left: 50%;
  top: 50%;
}

.thankyou__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 150;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.thankyou__overlay.active {
  opacity: 1;
  visibility: visible;
}

.thankyou__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 30px;
}

.thankyou__check {
  color: #162954;
  font-size: 60px;
  border: 1px solid #162954;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 20px;
}

.thankyou__heading {
  font-size: 34px;
  color: #555555;
  font-weight: 400;
}

.thankyou__text {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
}

.thankyou__backtosite {
  background: #162954;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  margin-top: 20px;
  color: #000;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.3s;
  color: #fff;
  cursor: pointer;
}
.thankyou__backtosite:hover {
  opacity: 0.9;
}

.thankyou__close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 25px;
  cursor: pointer;
  transition: 0.3s;
}
.thankyou__close:hover {
  opacity: 0.9;
}

#dateoflose_var {
  max-width: 60px;
  border-left: 2px solid #35475b;
}

#dateoflose_time {
  max-width: 60px;
  border-left: 2px solid #35475b;
}

.signmodal {
  position: fixed;
  z-index: 99999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
}

.signmodal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.cont {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0px 20px;
}

#addCustomerForm .notes {
  margin-top: 30px;
}
#addCustomerForm .notes__heading {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
#addCustomerForm .notes__body {
  width: 100%;
  min-height: 150px;
  resize: none;
  border: 2px solid #7ec8ef;
  padding: 20px;
  outline: none;
}
#addCustomerForm .notes__body:hover, #addCustomerForm .notes__body:active {
  outline: none;
}

section.admin {
  min-height: 900px;
}

.document {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 5px 15px 5px 15px;
  border: 2px solid #41b6e6;
  margin-bottom: 10px;
}
.document__title {
  color: #41b6e6;
  margin-bottom: 3px;
}
.document__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.document__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.document__actions a {
  color: #41b6e6;
  transition: 0.3s;
  margin-right: 5px;
  cursor: pointer;
}
.document__actions a:hover {
  color: #1eaae4;
}
.document__foot {
  margin-top: 5px;
}
.document__foot span.green {
  color: green;
}
.document__foot span.red {
  color: red;
}
.document__foot span {
  font-size: 13px;
}

.viewdocument {
  margin-top: 140px;
}

.image-is-required {
  color: red;
  font-size: 12px;
  margin-top: 5px;
}

.modal {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  position: fixed;
  left: auto;
  top: 19px;
  right: 200px;
  z-index: 1000;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.modal__overlay {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.modal__overlay.active {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.modal__close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.modal__wrapper {
  background: #fff;
  max-width: 600px;
  padding: 40px 20px;
}
.modalnotification {
  border-top: 5px solid #0b305b;
  top: 117px;
  max-width: 350px;
  width: 100%;
}
.modalnotification .modal__wrapper {
  padding: 20px 20px 40px 20px;
}
.modalnotification .modal__header {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.modalnotification .modal__body {
  text-align: center;
  font-size: 14px;
  margin-top: 15px;
}
.modalreportproblem {
  max-width: 900px;
  width: 100%;
  border: 1px solid white;
  border-radius: 5px;
  max-height: calc(100% - 44px);
  overflow: auto;
}
.modalreportproblem::-webkit-scrollbar {
  width: 1px;
}
.modalreportproblem .table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -o-border-image: initial;
  border-image: initial;
}
.modalreportproblem .table th {
  font-weight: bold;
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -o-border-image: initial;
  border-image: initial;
  background: rgb(239, 239, 239);
}
.modalreportproblem .table .preview-block {
  max-width: 150px;
  width: 40%;
}
.modalreportproblem .table tbody tr:nth-child(2n+1) {
  background: rgb(255, 255, 255);
}
.modalreportproblem .table td {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  -o-border-image: initial;
  border-image: initial;
  padding: 8px;
}
.modalreportproblem .table i:hover {
  opacity: 0.8;
}
.modalreportproblem .table i {
  padding: 10px;
  cursor: pointer;
}
.modalreportproblem .table .menu-change-media {
  position: absolute;
  background-color: #f6f5f3;
  margin-left: -30px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  background-clip: padding-box;
  width: 100px;
  display: flex;
  justify-content: space-between;
  padding: 0 5px;
}
.modalreportproblem .table .delete-media {
  font-size: 20px;
  color: rgb(176, 0, 5);
  cursor: pointer;
}
.modalreportproblem .fa-xmark {
  cursor: pointer;
}
.modalreportproblem .video-recording-block,
.modalreportproblem .audio-recording-block {
  margin-bottom: 20px;
  margin-top: 5px;
}
.modalreportproblem .buttonBackEnd {
  background-color: #1d2a40;
  border: 1px solid #1d2a40;
  border-radius: 5px;
  transition: 0.3s;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  width: 200px;
  margin-top: 15px;
}
.modalreportproblem .video-recording-block button,
.modalreportproblem .audio-recording-block button {
  background-color: #1d2a40;
  border: 1px solid #1d2a40;
  transition: 0.3s;
  padding: 5px 20px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.modalreportproblem .video-recording-block button:hover,
.modalreportproblem .audio-recording-block button:hover {
  background: #466289;
}
.modalreportproblem .video-recording-block button:disabled,
.modalreportproblem .audio-recording-block button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.modalreportproblem .preview-video {
  max-width: 200px;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.modalreportproblem .video-recording-block.disabled,
.modalreportproblem .audio-recording-block.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.modalreportproblem .loading-block {
  background: url("/console/assets/img/loading-new.gif");
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: no-drop;
}
.modalreportproblem .select2-container--default .select2-selection--single {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
  min-height: 32px;
}
.modalreportproblem .select2-selection--single:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 42%;
  border-top: 8px solid #888;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.modalreportproblem .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.modalreportproblem .select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 42%;
  border-top: 8px solid #888;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.modalreportproblem .container-for-buttons-recording {
  max-width: 420px;
  justify-content: space-between;
  display: flex;
}
.modalreportproblem .select2-container--default .select2-selection--multiple,
.modalreportproblem .select2-container--default .select2-selection--single {
  border-radius: 0;
}
.modalreportproblem .video-recording-block-head,
.modalreportproblem .audio-recording-block-head {
  margin-bottom: 20px;
  margin-top: 5px;
}
.modalreportproblem .video-recording-block-head button,
.modalreportproblem .audio-recording-block-head button {
  background-color: #1d2a40;
  border: 1px solid #1d2a40;
  transition: 0.3s;
  padding: 5px 20px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.modalreportproblem .video-recording-block-head button:hover,
.modalreportproblem .audio-recording-block-head button:hover {
  background: #466289;
}
.modalreportproblem .video-recording-block-head button:disabled,
.modalreportproblem .audio-recording-block-head button:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.modalreportproblem .video-recording-block-head.disabled,
.modalreportproblem .audio-recording-block-head.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.modalreportproblem .table-media-files-head mark {
  word-break: break-word;
}
.modalreportproblem .iframe-responsive {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
  min-height: 200px;
}
.modalreportproblem .text-record {
  display: block;
  margin-bottom: 5px;
  background: transparent;
  color: red;
}
.modalreportproblem .select2-container--default .select2-results > .select2-results__options {
  max-height: 400px;
}
.modalreportproblem .table-media-files tr td:last-child,
.modalreportproblem .table-audio-attachment tr td:last-child {
  width: 52px;
}
.modalreportproblem .audio-preview {
  width: 100%;
}
.modalreportproblem .table .preview-block {
  max-width: auto;
  width: 40%;
}
.modalreportproblem .table .preview-block img {
  width: 100%;
}
.modalreportproblem .headertop {
  z-index: 9999;
}
.modalreportproblem .loading-image {
  display: block;
  margin-bottom: 5px;
  background: transparent;
}
.modalreportproblem .customer_account .address .address-href {
  color: #000;
}
.modalreportproblem .customer_account .address .address-href:hover {
  opacity: 0.8;
}
.modalreportproblem .table-media-files-preview thead tr th:first-child {
  max-width: 200px;
}
.modalreportproblem .edit-contact-container .primaryContact {
  display: none !important;
}
.modalreportproblem .project-container .edit-contact-container .primaryContact {
  display: flex !important;
}
.modalreportproblem .form__header-application-settings button {
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 20px;
}
.modalreportproblem .checkbox-application-settings-container .change-all {
  text-align: right;
}
.modalreportproblem .checkbox-application-settings-container .change-all td {
  padding-top: 10px;
}
.modalreportproblem .custom-field-container {
  margin-bottom: 25px;
}
.modalreportproblem .custom-field-container h4 {
  margin-bottom: 10px;
}
.modalreportproblem .custom-field-container .custom-field-item + .custom-field-item {
  margin-top: 15px;
}
.modalreportproblem .custom-field-container .custom-field-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.modalreportproblem .custom-field-container .custom-field-item i {
  cursor: pointer;
}
.modalreportproblem .custom-field-container button {
  background-color: #0b305b;
  border: 1px solid #0b305b;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  margin-top: 15px;
}
.modalreportproblem .financingapplication-info .edit-step {
  float: right;
  color: #0b305b;
  cursor: pointer;
}
.modalreportproblem .edit-table-contact {
  cursor: pointer;
}
.modalreportproblem .financingapplication-info input {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
}
.modalreportproblem .financingapplication-info .save-step {
  float: right;
  color: #0b305b;
  cursor: pointer;
}
.modalreportproblem .financingapplication-info mark {
  margin-left: 15px;
}
.modalreportproblem .note__comment {
  position: relative;
}
.modalreportproblem .edit-note__comment {
  position: absolute;
  right: 15px;
  top: 10px;
}
.modalreportproblem .edit-note__comment i {
  font-size: 18px;
  cursor: pointer;
}
.modalreportproblem .edit-note__comment i + i {
  padding-left: 10px;
}
.modalreportproblem .note__comment-content-edit {
  margin-top: 15px;
}
.modalreportproblem .dataTables_wrapper .dataTables_info {
  clear: none;
  margin-left: 10px;
  padding-top: 0;
}
.modalreportproblem .div-flex {
  display: flex;
}
.modalreportproblem .copy-info-btn {
  cursor: pointer;
}
.modalreportproblem__wrapper {
  padding: 0 0 40px 0;
  max-width: 100%;
}
.modalreportproblem .header_modal_window {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1d2a40;
  color: white;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.modalreportproblem .modal__container {
  padding: 0 20px;
}
.modalreportproblem .modal__container .form__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
.modalreportproblem .modal__container .form__group label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.modalreportproblem .modal__container .form__group textarea,
.modalreportproblem .modal__container .form__group input,
.modalreportproblem .modal__container .form__group select {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 100%;
}
.modalreportproblem .modal__container .form__group:nth-child(1n+1) {
  padding-right: 20px;
}
.modalfinancing__wrapper {
  text-align: left;
  border-radius: 3px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
}
.modalfinancing__wrapper p {
  font-size: 14px;
}
.modalfinancing__buttons {
  text-align: center;
  margin-top: 20px;
}
.modalfinancing__buttons a {
  background: #162954;
  color: #fff;
  padding: 15px 25px;
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
}
.modalfinancing__buttons span {
  background: #162954;
  color: #fff;
  padding: 15px 25px;
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
  margin-right: 20px;
}
.modalfinancing__success {
  max-width: 150px;
  margin: 0 auto 30px;
  border: 1px solid #0051ac;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalfinancing__success img {
  width: 100%;
  padding: 40px;
}

.modalreportproblem {
  z-index: 1002;
}

.modalreportproblem__overlay {
  z-index: 1001;
}

.hoverlabel {
  position: relative;
}
.hoverlabel__hover {
  cursor: pointer;
}
.hoverlabel__hover:hover ~ .hoverinfo {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.hoverinfo {
  position: absolute;
  top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  font-size: 13px;
  box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.16);
}

.formula {
  background: #f4f9fd;
  padding: 20px;
  margin-top: 20px;
}
.formula #livingarea-otherlabel.active {
  display: none;
}
.formula #livingarea-other.active {
  display: unset;
  width: unset;
  background-color: #f4f9fd;
  opacity: 1;
  visibility: visible;
  border: 1px solid #162954;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 3px;
  font-size: 13px;
  outline: none;
  height: 40px;
}
.formula__ul {
  padding-left: 0 !important;
}
.formula__heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.formula__heading i {
  margin: 0 15px;
  font-size: 13px;
  color: #adadad;
}
.formula__heading i.active {
  color: #000;
}
.formula__link {
  color: #adadad;
  cursor: pointer;
}
.formula__link.active {
  font-weight: 600;
  color: #000;
}
.formula__imgchecks {
  display: flex;
  align-items: center;
}
.formula__imgchecks-check {
  margin-right: 20px;
  flex: 0 1 25%;
  background-color: #fff;
}
.formula__imgchecks-check:last-child {
  margin-right: 0;
}
.formula__imgchecks-check input {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  margin-left: -3px;
  display: none;
}
.formula__imgchecks-check input:checked ~ label span.name {
  border: 1px solid #162954;
  border-top: none;
}
.formula__imgchecks-check label {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: 0.3s;
}
.formula__imgchecks-check label span {
  font-size: 13px;
}
.formula__imgchecks-check label span.name {
  border: 1px solid transparent;
  border-top: none;
  display: flex;
  flex-direction: column;
}
.formula__imgchecks-check label span.name b {
  font-size: 14px;
}
.formula__imgchecks-check label span.name b,
.formula__imgchecks-check label span.name span {
  min-height: 24px;
}
.formula__imgchecks-check label img {
  max-width: 100%;
}
.formula__checks {
  display: flex;
  align-items: center;
}
.formula__checks-check {
  margin-right: 5px;
}
.formula__checks-check input {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
  margin-left: -3px;
  display: none;
}
.formula__checks-check input:checked ~ label {
  background: #162954;
  color: #fff;
}
.formula__checks-check label {
  border: 1px solid #162954;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 3px;
  font-size: 13px;
}
.formula__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.formula__next {
  color: #0b305b;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.formula__calculate {
  border: 1px solid #162954;
  transition: 0.3s;
  display: block;
  height: 46px;
  width: 100%;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  padding: 10px 20px;
  color: #fff;
  background-color: #162954;
}
.formula__calculate:hover {
  color: #162954;
  background-color: transparent;
}
.formula__btn {
  display: none;
}
.formula__btn.active {
  display: unset;
}
.formula__content {
  display: none;
}
.formula__content.active {
  display: block;
}
.formula__content-livingarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9ba2ac;
  padding: 5px 20px;
  margin-bottom: 20px;
}
.formula__content-livingarea span {
  color: #4f4f4f;
}
.formula__content-livingarea .livingareasize {
  margin-left: 10px;
  color: #000000;
}
.formula__content-livingarea .livingareaedit {
  text-decoration: underline;
  cursor: pointer;
}

.sectionGetEstimateAllPages {
  width: 100%;
  background-color: #162954;
}
.sectionGetEstimateAllPages .containerGetEstimateAllPages {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding-top: 7px;
  padding-bottom: 7px;
}
.sectionGetEstimateAllPages .containerGetEstimateAllPages a {
  color: white;
}
.sectionGetEstimateAllPages .containerGetEstimateAllPages .left .top {
  margin-bottom: 6px;
}
.sectionGetEstimateAllPages .containerGetEstimateAllPages .right .firstOne {
  background-color: transparent;
  border: 1px solid white;
  transition: 0.3s;
  color: white;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 20px;
}
.sectionGetEstimateAllPages .containerGetEstimateAllPages .right .secondtOne {
  background-color: white;
  border: 1px solid white;
  transition: 0.3s;
  color: #162954;
  cursor: pointer;
  font-size: 13px;
  padding: 10px 20px;
}

.sectionPageTitleAllPages {
  width: 100%;
}
.sectionPageTitleAllPages .containerPageTitleAllPages {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  padding-top: 5px;
}
.sectionPageTitleAllPages .containerPageTitleAllPages .line {
  border-bottom: 1.5px solid #c3bdbd;
  max-width: 1140px;
  padding-bottom: 4px;
}
.sectionPageTitleAllPages .containerPageTitleAllPages a {
  color: #666666;
}
.sectionPageTitleAllPages .containerPageTitleAllPages span {
  color: #cccccc;
}

.quesionsBlockALlPages {
  width: 100%;
  background-color: #f4f9fd;
  margin-top: 20px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages {
  max-width: 1180px;
  padding: 20px 20px 30px 20px;
  margin: 0 auto;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages h2 {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 20px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages .block {
  background-color: #e4eaf8;
  border-left: 3px solid #162954;
  padding: 6px 10px 6px 15px;
  display: block;
  max-width: 650px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages .block a {
  color: #162954;
  border-bottom: 1px dotted #162954;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages ul li input[type=checkbox]:checked ~ label i {
  transform: rotate(180deg);
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages ul li input[type=checkbox]:checked ~ ul {
  display: block;
  height: auto;
  transition: 1s;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages h3 {
  font-size: 20px;
  line-height: 31px;
  opacity: 0.9;
  margin-top: 30px;
  margin-bottom: 15px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages p {
  font-size: 14px;
  line-height: 24px;
  opacity: 0.7;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages ul {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages ul > li {
  margin-top: 8px;
  margin-bottom: 15px;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages label {
  cursor: pointer;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages label:hover {
  color: #162954;
}
.quesionsBlockALlPages .containerQuesionsBlockALlPages li ul {
  display: block;
  padding-left: 20px;
  height: 0;
  overflow: hidden;
  transition: 1s;
  font-weight: 400;
  font-size: 16px;
}

.faqnewformula__result {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
}

.section1-roofingEstimateCalculator {
  width: 100%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 20px 0 20px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator p {
  font-size: 16px;
  line-height: 24px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator {
  background-color: #f4f9fd;
  padding: 10px 15px;
  margin-top: 20px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator h4 {
  margin-top: 22px;
  margin-bottom: 12px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator input[type=radio] {
  display: none;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .firstBlock label {
  border: 1px solid #162954;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 3px;
  font-size: 13px;
  cursor: pointer;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator input:checked ~ label {
  background: #162954;
  color: #fff;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator input[type=checkbox]:not(:checked) {
  background: #fff;
  color: #162954;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .calc__group {
  display: inline-block;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .secondBlock label {
  border: 1px solid #162954;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection {
  max-width: calc(25% - 10px);
  width: 100%;
  margin-right: 10px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection:last-child {
  margin-right: 0;
  max-width: 25%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection span.name {
  font-size: 14px;
  margin-bottom: 5px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock .selectionBlock .selection label {
  cursor: pointer;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .thirdBlock label {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock input {
  transition: 0.3s;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock input:checked ~ label {
  background-color: #fff;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection {
  margin-right: 5px;
  width: calc(8.3333333333% - 5px);
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock .selection:last-child {
  margin-right: 0;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock input:checked ~ label {
  border-style: solid;
  transition: 0.3s;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock label {
  border: 1px dashed #162954;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fourthBlock .selectionBlock label img {
  max-width: 80px;
  cursor: pointer;
  width: 100%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .fifthBlock input {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 50%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .sixthBlock input {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 50%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .seventhBlock select {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 50%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .eightBlock input {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 50%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .ninehtBlock input {
  border: 1px solid #c2c2c2;
  outline: none;
  padding: 10px;
  width: 50%;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .tenhtBlock label {
  border: 1px solid #162954;
  padding: 7px 20px;
  display: inline-block;
  transition: 0.3s;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .button {
  border: 1px solid #162954;
  transition: 0.3s;
  display: block;
  height: 46px;
  width: 100%;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  padding: 10px 20px;
  color: #fff;
  background-color: #162954;
  margin-top: 30px;
  margin-bottom: 30px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .priceRanges {
  display: flex;
  max-width: 800px;
}
.section1-roofingEstimateCalculator .container-roofingEstimateCalculator .formula-roofingEstimateCalculator .priceRanges .blocks {
  max-width: 250px;
}

.prices {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.prices .price {
  flex: 0 1 33.3333333333%;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e8ea;
  margin-right: 10px;
}
.prices .price:last-child {
  margin-right: 0;
}
.prices .price__heading {
  display: flex;
  flex-direction: column;
  margin: 20px 0 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e8ea;
}
.prices .price__name {
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 5px;
}
.prices .price__cost {
  font-size: 17px;
  font-weight: 600;
  font-family: "serif";
}
.prices .price__lines {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.prices .price__linenbg {
  padding: 10px 0;
  min-height: 44px;
}
.prices .price__line {
  border-bottom: 1px solid #e5e8ea;
  width: 100%;
  padding: 10px 0;
  min-height: 44px;
}
.prices .price__line:first-child {
  border-top: none;
}
.prices .price__line:last-child {
  border-bottom: none;
}
.prices .price__btn {
  background: #162954;
  display: block;
  padding: 12px 0;
  color: #fff;
  border: 1px solid #162954;
  transition: 0.3s;
}
.prices .price__btn:hover {
  color: #273961;
  background-color: transparent;
}

.section2-store {
  width: 100%;
}

.section2-store-mid {
  max-width: 1180px;
  padding-right: 5px;
  padding-left: 20px;
  margin: 0 auto;
}
.section2-store-mid h1 {
  margin-bottom: 10px;
  padding-right: 15px;
}
.section2-store-mid p {
  padding-right: 15px;
}
.section2-store-mid .items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.section2-store-mid .items .item {
  max-width: 273px;
  width: 100%;
  border: 1px solid #ccc;
  margin: 10px 15px 0 0;
  transition: 0.1s;
  padding: 0 0 25px 0;
}
.section2-store-mid .items .item:hover {
  border: 1px solid black;
  transition: 0.1s;
}
.section2-store-mid .items .item .img_wrapper {
  min-height: 197px;
}
.section2-store-mid .items .item img {
  max-width: 273px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.section2-store-mid .items .item .description {
  font-size: 16px;
  padding: 0 16px;
  min-height: 46px;
}
.section2-store-mid .items .item p {
  font-weight: bold;
  margin: 5px 0;
  padding: 0 16px;
  font-size: 20px;
}
.section2-store-mid .items .item form {
  margin-left: 16px;
  margin-top: 10px;
}

.cooporationBlock {
  background-color: #293f5f;
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
}
.cooporationBlock .container {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  color: white;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cooporationBlock .container .page_send_to_customer_logo {
  width: 100px;
}
.cooporationBlock .container span {
  margin: 0 5px;
}

.insuranceClaimBenefitsSection2 .sameas__button {
  margin-right: 0 !important;
}
.insuranceClaimBenefitsSection2 .pre-approved-additional-expenses-label {
  font-weight: bold;
}

.additionalUncoveredRepairs {
  margin-top: 5px !important;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 12px !important;
}
.additionalUncoveredRepairs span {
  display: block;
  margin-top: 5px;
}

.cheboxInsuranceClaimBenefitsApplication {
  width: 15px !important;
  height: 15px !important;
  margin-top: 3px;
  cursor: pointer;
}

.blockForChebox {
  align-items: top;
}
.blockForChebox label {
  cursor: pointer;
  color: black;
}
.blockForChebox label a {
  color: #293f5f;
}

#id_no {
  text-transform: uppercase;
}

.blockForChebox4 {
  margin-bottom: 20px;
}

.descriptionForCheckbox4 {
  font-size: 12px;
  font-style: italic;
}

.creditBureauBlock {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.creditBureauBlock .creditBureau {
  max-width: 200px;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  margin-right: 20px;
}
.creditBureauBlock .creditBureau .bureauName {
  font-size: 16px;
  font-weight: bold;
}
.creditBureauBlock .creditBureau span {
  display: block;
  font-size: 14px;
}

.container {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.container .page_send_to_customer_logo {
  width: 100px;
}
.container span {
  margin: 0 5px;
}

.additionalUncoveredRepairs {
  margin-top: 5px !important;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 12px !important;
}
.additionalUncoveredRepairs span {
  display: block;
  margin-top: 5px;
}

.cheboxInsuranceClaimBenefitsApplication {
  width: 15px !important;
  height: 15px !important;
  margin-top: 3px;
  cursor: pointer;
}

.blockForChebox {
  align-items: top;
}
.blockForChebox label {
  cursor: pointer;
}

.blockForChebox4 {
  margin-bottom: 20px;
}

.page_send_to_customer_link_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #0d263f;
  padding: 10px 25px 7px 25px;
  align-items: center;
}
.page_send_to_customer_link_header .page_send_to_customer_logo {
  max-width: 270px;
  margin-top: 0;
  height: 55px;
}
.page_send_to_customer_link_header .for_phones {
  display: none;
}
.page_send_to_customer_link_header .phone_block {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.page_send_to_customer_link_header .left {
  margin-bottom: -3px;
}
.page_send_to_customer_link_header .left i {
  font-size: 19px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  background-color: #293f5f;
  border-radius: 50%;
  text-align: center;
  color: #e8e8e8;
  margin-right: 10px;
}
.page_send_to_customer_link_header .right a {
  color: white;
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
}
.page_send_to_customer_link_header .right span {
  color: white;
  font-size: 12px;
  letter-spacing: 0.4px;
}

.page_send_to_customer_link_footer {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-right: 7px solid #1d2a40;
  margin-right: 1px;
  border-top: 2px solid #e8f7fc;
}
.page_send_to_customer_link_footer .left {
  min-height: 83px;
  max-height: 83px;
  min-width: 83px;
  max-width: 83px;
  background-color: #1d2a40;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_send_to_customer_link_footer .left img {
  width: 55px;
  height: 55px;
}
.page_send_to_customer_link_footer .right {
  padding-right: 16px;
  font-weight: bold;
}
.page_send_to_customer_link_footer .right p {
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page_send_to_customer_link_footer .right span {
  color: #0b305b;
  letter-spacing: 1.5px;
  font-size: 18px;
  text-align: right;
  margin-top: 5px;
  line-height: 22px;
  -webkit-text-size-adjust: 100%;
}

.page_send_to_customer_link_footer_bottom {
  width: 100%;
  background-color: #e8edf2;
  padding-top: 12px;
  padding-bottom: 10px;
}
.page_send_to_customer_link_footer_bottom .container {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.page_send_to_customer_link_footer_bottom .container .links a {
  font-size: 14px;
  color: #0b305b;
}
.page_send_to_customer_link_footer_bottom .container .rights_reserved {
  font-size: 14px;
}
.page_send_to_customer_link_footer_bottom .container .rights_reserved span {
  color: #0b305b;
}

.section2-financing-application {
  width: 100%;
  background-color: white;
  height: 100%;
  font-weight: 300;
}
.section2-financing-application-steps {
  text-align: center;
  padding-top: 20px;
}

.ssndescribtion {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.ssndescribtion span i {
  color: #0b305b;
}
.ssndescribtion span {
  font-size: 14px;
}
.ssndescribtion #showssn,
.ssndescribtion #showssn_coaplicant {
  color: #0b305b;
  font-size: 14px;
  cursor: pointer;
  padding-right: 1px;
  font-weight: bold;
}

.section2-userinvitation .ssndescribtion i {
  color: green;
}

.section2-financing-application_container {
  max-width: 1180px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  min-height: 805px;
  padding-bottom: 30px;
  font-family: "Wix Madefor Text", sans-serif;
}
.section2-financing-application_container .minimumamount {
  display: block;
}
.section2-financing-application_container .mothlyrentmortagepaymentblock {
  display: none;
}
.section2-financing-application_container .project_address_block {
  display: none;
}
.section2-financing-application_container .section2-financing-application-steps {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  text-align: unset !important;
}
.section2-financing-application_container .tab__btnline {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  max-width: 800px;
  margin: 15px auto 0 auto;
}
.section2-financing-application_container .tab__btnline button {
  margin-right: 20px;
}
.section2-financing-application_container .tab__btnline button:last-child {
  margin-right: 0;
}
.section2-financing-application_container .disclaimerBlock {
  background: #f1f5f8;
  padding: 8px 10px;
  margin: 20px 0;
  font-size: 14px;
  border: 1px solid #ecf0f3;
  text-align: justify;
}
.section2-financing-application_container .disclaimerBlock a {
  color: #0033a0;
  font-weight: bold;
}
.section2-financing-application_container .disclaimerBlock p {
  display: block;
  margin-top: 10px;
}
.section2-financing-application_container #nextBtn {
  background-color: #0b305b;
  color: #ffffff;
  border: none;
  font-size: 17px;
  display: block;
  cursor: pointer;
  max-width: 200px;
  width: 100%;
  height: 40px;
}
.section2-financing-application_container .final {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 400px;
  text-align: center;
}
.section2-financing-application_container .final a {
  margin-top: 20px;
}
.section2-financing-application_container .btn {
  background-color: #0b305b;
  color: #ffffff;
  border: none;
  padding: 10px 100px;
  font-size: 17px;
  display: inline-block;
  cursor: pointer;
}
.section2-financing-application_container #prevBtn {
  background-color: #bbbbbb;
  color: #ffffff;
  border: none;
  max-width: 140px;
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
}
.section2-financing-application_container h1 {
  margin-bottom: 10px;
  padding-right: 15px;
  text-align: center;
}
.section2-financing-application_container {
  /* Style the input fields */
}
.section2-financing-application_container input {
  padding: 9px 10px 9px 10px;
  width: 100%;
  font-size: 16px;
  border: 0.0625rem solid #6b7789;
}
.section2-financing-application_container input:-moz-read-only:not([type=checkbox]) {
  background: #fdfeff;
  opacity: 0.7;
  cursor: no-drop;
}
.section2-financing-application_container input:disabled:not([type=checkbox]), .section2-financing-application_container input:read-only:not([type=checkbox]) {
  background: #fdfeff;
  opacity: 0.7;
  cursor: no-drop;
}
.section2-financing-application_container select {
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border: 0.0625rem solid #6b7789;
}
.section2-financing-application_container .select2 {
  width: 100% !important;
}
.section2-financing-application_container .select2-container .select2-selection {
  height: 38px;
  border: 0.0625rem solid #6b7789;
  font-size: 16px;
  border-radius: 0;
}
.section2-financing-application_container .select2-container .select2-selection .select2-selection__rendered {
  line-height: 36px;
}
.section2-financing-application_container .select2-container .select2-selection .select2-selection__arrow {
  height: 35px;
  right: 5px;
}
.section2-financing-application_container .select2-container .select2-selection .select2-selection__arrow b {
  border-width: 7px 6px 0 6px !important;
}
.section2-financing-application_container {
  /* Mark input boxes that gets an error on validation: */
}
.section2-financing-application_container .invalid {
  border: 0.125rem solid #cf102d !important;
}
.section2-financing-application_container select.invalid ~ .select2 .select2-selection {
  border-color: #cf102d;
}
.section2-financing-application_container {
  /* Hide all steps by default: */
}
.section2-financing-application_container .welcome_message {
  font-size: 22px !important;
  display: block;
}
.section2-financing-application_container .tab .incomesource {
  max-width: 360px;
}
.section2-financing-application_container .tab .incomesource .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.2s;
}
.section2-financing-application_container .tab .incomesource .title i {
  font-size: 14px;
  cursor: pointer;
}
.section2-financing-application_container .tab .incomesource .title i:hover {
  color: #0b305b;
  font-size: 14px;
}
.section2-financing-application_container .tab .phonenumbermaskdesign input {
  letter-spacing: 1px;
  font-weight: 400;
}
.section2-financing-application_container .tab.welcomeTab {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  min-height: 420px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
}
.section2-financing-application_container .tab.welcomeTab span {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.section2-financing-application_container .tab .welcome-tab-list-container {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours {
  max-width: 360px;
  min-width: 223px;
  min-height: 241px;
  background-color: white;
  max-height: 241px;
  margin-bottom: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  padding: 20px 20px 10px 20px;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .working-hours-title {
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 25px;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks {
  display: flex;
  width: 100%;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks i {
  width: 20px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 20px;
  padding-top: 5px;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours {
  margin-bottom: 10px;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours span {
  display: block;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: normal;
}
.section2-financing-application_container .tab .welcome-tab-list-container .welcome-tab-working-hours .welcome-tab-blocks .hours .limited-staff {
  font-size: 12px;
  font-style: italic;
}
.section2-financing-application_container .tab .under_field_description {
  color: #4e5969;
  font-size: 14px;
}
.section2-financing-application_container .tab h3 {
  font-size: 16px;
  color: #162954;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 40px;
  display: inline-block;
}
.section2-financing-application_container .tab .tab_title {
  font-size: 20px;
  color: #162954;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: inline-block;
}
.section2-financing-application_container .tab div.form__group {
  max-width: 360px;
  margin: 15px 0 4px 0;
}
.section2-financing-application_container .tab div.form__group label {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
.section2-financing-application_container .tab div.form__group label span {
  opacity: 0.8;
  margin-left: 3px;
  font-size: 14px;
  font-weight: normal;
}
.section2-financing-application_container .tab div.form__group .inline {
  display: flex;
}
.section2-financing-application_container .tab div.form__group_checkbox {
  display: flex;
  min-height: 38px;
}
.section2-financing-application_container .tab div.form__group_checkbox input {
  margin-right: 7px;
  width: unset;
  align-items: top;
}
.section2-financing-application_container .tab div.form__group_checkbox label {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}
.section2-financing-application_container .tab div.form__group .inline .inlone_block_select1 {
  width: 43%;
  margin-right: 3px;
}
.section2-financing-application_container .tab div.form__group .inline .inlone_block_select2 {
  width: calc(28.5% - 3px);
  margin-right: 3px;
}
.section2-financing-application_container .tab div.form__group .inline .inlone_block_select3 {
  width: calc(28.5% - 3px);
}
.section2-financing-application_container .tab .zip__group {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 360px;
  width: 100%;
}
.section2-financing-application_container .tab .zip__group .firstzip {
  width: 100%;
}
.section2-financing-application_container .tab .zip__group span {
  min-height: 62px;
  display: flex;
  align-items: center;
  padding: 36px 12px 0;
  padding-bottom: 0;
}
.section2-financing-application_container .tab .zip__group label {
  display: flex !important;
  align-items: center;
}
.section2-financing-application_container .tab .zip__group label .requiredLabel {
  opacity: 0.8;
  margin-left: 3px;
  font-size: 14px;
  font-weight: normal;
}
.section2-financing-application_container .tab span.addAdditionalBtn {
  font-size: 14px;
  cursor: pointer;
  margin-top: -10px;
  margin-bottom: 12px;
  color: #0b305b;
  font-weight: bold;
  max-width: 360px;
  width: 100%;
  display: flex;
  align-items: center;
}
.section2-financing-application_container .tab span.addAdditionalBtn i {
  font-size: 10px;
  margin-left: 3px;
  margin-bottom: -3px;
}
.section2-financing-application_container .tab span.removeAdditionalIncomeSource {
  display: none;
}
.section2-financing-application_container .tab .formgroup_steps_but {
  margin: 10px 0;
}
.section2-financing-application_container .tab .list2b {
  margin-bottom: 8px;
  padding: 20px 30px;
  list-style: none;
  border-left: 4px solid #162954;
  background: #f5f9fc;
  text-align: left;
  min-height: 241px;
  margin-right: 20px;
}
.section2-financing-application_container .tab .list2b li {
  padding: 4px 15px 4px 15px;
  margin: 5px 0;
  transition-duration: 0.3s;
}
.section2-financing-application_container .yourannualincomeis {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
  max-width: 360px;
  display: block;
}
.section2-financing-application_container .tab__note {
  max-width: 1180px;
  font-weight: bold;
  color: #0b305b;
  font-size: 15px;
}
.section2-financing-application_container .tab__note:nth-child(2) {
  margin-top: 10px;
}
.section2-financing-application_container {
  /* Make circles that indicate the steps of the form: */
}
.section2-financing-application_container .step {
  display: inline-block;
  color: #0d263f;
  font-size: 21px;
  font-weight: bold;
  margin: 10px 0;
}
.section2-financing-application_container .step .marginright {
  margin-right: 5px;
  font-size: 20px;
  background-color: #e4eaf8;
  padding: 5px 12px 5px 15px;
  border-left: 4px solid #0b305b;
}

.insuranceClaimBenefitsSection2 .notify-info,
.financingApplicationSection2 .notify-info {
  width: 100%;
  text-align: left;
  display: flex;
  margin-top: 25px;
}
.insuranceClaimBenefitsSection2 .notify-info .main-text,
.financingApplicationSection2 .notify-info .main-text {
  font-size: 16px !important;
  color: #000;
  font-weight: normal !important;
  display: block;
  margin-bottom: 10px !important;
}
.insuranceClaimBenefitsSection2 .notify-info .additional-text,
.financingApplicationSection2 .notify-info .additional-text {
  font-size: 16px !important;
  color: #b10005;
  display: block;
  text-decoration: underline;
  margin-bottom: 10px !important;
}
.insuranceClaimBenefitsSection2 .icon-of-notify-info,
.financingApplicationSection2 .icon-of-notify-info {
  width: 60px;
  height: 70px;
  display: block;
  margin-right: 20px;
}
.insuranceClaimBenefitsSection2 .tab.welcomeTab,
.financingApplicationSection2 .tab.welcomeTab {
  max-width: 800px;
}

.labelForDefinitions-acknowledgements {
  text-align: left !important;
}

.definitions-acknowledgements-tab {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: left;
  margin-bottom: 15px;
  align-items: center;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 {
  --borderColor: #48c;
  --borderWidth: 0.125em;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 label {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  background: #fff;
  font-size: 1.8em;
  border-radius: 0.125em;
  display: inline-block;
  border: var(--borderWidth) solid var(--borderColor);
  width: 1em;
  height: 1em;
  position: relative;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:before,
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:after {
  content: "";
  position: absolute;
  background: var(--borderColor);
  width: calc(var(--borderWidth) * 3);
  height: var(--borderWidth);
  top: 50%;
  left: 10%;
  transform-origin: left center;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:before {
  transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(0);
  transition: transform 200ms ease-in 200ms;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:after {
  width: calc(var(--borderWidth) * 5);
  transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(0);
  transform-origin: left center;
  transition: transform 200ms ease-in;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:checked:before {
  transform: rotate(45deg) translate(calc(var(--borderWidth) / -2), calc(var(--borderWidth) / -2)) scaleX(1);
  transition: transform 200ms ease-in;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:checked:after {
  width: calc(var(--borderWidth) * 5);
  transform: rotate(-45deg) translateY(calc(var(--borderWidth) * 2)) scaleX(1);
  transition: transform 200ms ease-out 200ms;
}
.definitions-acknowledgements-tab .checkbox-wrapper-40 input[type=checkbox]:focus {
  outline: calc(var(--borderWidth) / 2) dotted rgba(0, 0, 0, 0.25);
}

.regularBusinessHours {
  color: #000;
}
.regularBusinessHours .regularBusinessHours_heading {
  font-size: 16px !important;
  margin-top: 8px !important;
  margin-bottom: 5px !important;
  font-weight: bold !important;
  display: block;
}
.regularBusinessHours .regularBusinessHours_hours {
  font-size: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 3px !important;
  display: block;
}

.hidden {
  display: none !important;
}

#financingapplication_body input {
  color: #444;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px !important;
}

.reportproblem {
  color: black;
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 50%;
  text-align: center;
  line-height: 30px !important;
  font-size: 12px;
  cursor: pointer;
}

.tooltipNew {
  position: relative;
  display: inline-block;
}
.tooltipNew i {
  font-size: 8px;
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  border-radius: 100%;
  text-align: center;
  line-height: 12px;
  cursor: pointer;
}
.tooltipNew.active i {
  color: red;
  border: 1px solid red;
}
.tooltipNew .tooltipNewtext {
  visibility: hidden;
  background-color: #e4eaf8;
  color: #505358;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  width: 350px;
  overflow-y: scroll;
  max-height: 93px;
  top: 0px;
  left: 80px;
  padding: 5px 10px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  overflow-wrap: break-word;
}
.tooltipNew.active .tooltipNewtext {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}

.faq_search_block {
  position: relative;
  margin-bottom: 10px;
  margin-top: 5px;
}

.faq_search_icon {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: grey;
}

#faq_search {
  width: 100%;
  height: 40px;
  border-style: none;
  background: #f2f2f2;
  padding-left: 10px;
  border: 1px solid #f2f2f2;
}

.searchDescription {
  margin-top: 10px;
}

#userinvitation_body input {
  color: #444;
}

.userinvitation_header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #0b305b;
  padding: 10px 25px 7px 25px;
  align-items: center;
}
.userinvitation_header .userinvitation_logo {
  max-width: 180px;
  margin-top: 0;
}
.userinvitation_header .for_phones {
  display: none;
}
.userinvitation_header .for_phones img {
  max-width: 45px;
}
.userinvitation_header .phone_block {
  display: flex;
  align-items: center;
  margin-top: -5px;
}
.userinvitation_header .left {
  margin-bottom: -3px;
}
.userinvitation_header .left i {
  font-size: 19px;
  height: 46px;
  width: 46px;
  line-height: 42px;
  border: 2px solid #45bce5;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin-right: 10px;
}
.userinvitation_header .right a {
  color: white;
  display: block;
  font-weight: bold;
  letter-spacing: 1px;
}
.userinvitation_header .right span {
  color: white;
  font-size: 16px;
  letter-spacing: 0.4px;
}

.userinvitation_footer {
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-right: 7px solid #10477f;
  margin-right: 1px;
  border-top: 2px solid #e8f7fc;
}
.userinvitation_footer .left {
  min-height: 83px;
  max-height: 83px;
  min-width: 83px;
  max-width: 83px;
  background-color: #0b305b;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userinvitation_footer .left img {
  width: 55px;
  height: 55px;
}
.userinvitation_footer .right {
  padding-right: 16px;
  font-weight: bold;
}
.userinvitation_footer .right p {
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 1px;
}
.userinvitation_footer .right span {
  color: #0b305b;
  letter-spacing: 1.5px;
  font-size: 18px;
  text-align: right;
  margin-top: 5px;
  line-height: 22px;
  -webkit-text-size-adjust: 100%;
}

.userinvitation_footer_bottom {
  width: 100%;
  background-color: #e8edf2;
  padding-top: 12px;
  padding-bottom: 10px;
}
.userinvitation_footer_bottom .container {
  max-width: 1180px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.userinvitation_footer_bottom .container .links a {
  font-size: 14px;
  color: #0b305b;
}
.userinvitation_footer_bottom .container .rights_reserved {
  font-size: 14px;
}
.userinvitation_footer_bottom .container .rights_reserved span {
  color: #0b305b;
}

.section2-userinvitation {
  width: 100%;
  background-color: #f7fcfe;
  height: 100%;
  font-weight: 300;
}
.section2-userinvitation-steps {
  text-align: center;
  padding-top: 20px;
}

.section2-userinvitation_container {
  max-width: 1180px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  min-height: 805px;
  padding-bottom: 30px;
}
.section2-userinvitation_container .section2-userinvitation-steps {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  text-align: unset !important;
}
.section2-userinvitation_container .tab__btnline {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding-bottom: 20px;
  max-width: 360px;
  margin: 0 auto;
  margin-top: 20px;
}
.section2-userinvitation_container .tab__btnline button {
  margin-right: 20px;
}
.section2-userinvitation_container .tab__btnline button:last-child {
  margin-right: 0;
}
.section2-userinvitation_container #nextBtn,
.section2-userinvitation_container #toLoginPage {
  background-color: #0b305b;
  color: #ffffff;
  border: none;
  font-size: 17px;
  display: block;
  cursor: pointer;
  max-width: 200px;
  width: 100%;
  height: 40px;
}
.section2-userinvitation_container #toLoginPage {
  max-width: unset;
}
.section2-userinvitation_container .finalTab {
  max-width: 600px;
  margin: 100px auto;
  min-height: unset;
}
.section2-userinvitation_container .finalTab h3 {
  margin-bottom: 15px;
}
.section2-userinvitation_container .final {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 400px;
  text-align: center;
}
.section2-userinvitation_container .final a {
  margin-top: 20px;
}
.section2-userinvitation_container .btn {
  background-color: #0b305b;
  color: #ffffff;
  border: none;
  padding: 10px 100px;
  font-size: 17px;
  display: inline-block;
  cursor: pointer;
}
.section2-userinvitation_container #prevBtn {
  background-color: #bbbbbb;
  color: #ffffff;
  border: none;
  max-width: 140px;
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 17px;
  cursor: pointer;
}
.section2-userinvitation_container h1 {
  margin-bottom: 10px;
  padding-right: 15px;
  text-align: center;
}
.section2-userinvitation_container {
  /* Style the input fields */
}
.section2-userinvitation_container input {
  padding: 9px 10px 9px 10px;
  width: 100%;
  font-size: 16px;
  border: 0.0625rem solid #6b7789;
}
.section2-userinvitation_container input:-moz-read-only:not([type=checkbox]) {
  background: #fdfeff;
  opacity: 0.7;
  cursor: no-drop;
}
.section2-userinvitation_container input:disabled:not([type=checkbox]), .section2-userinvitation_container input:read-only:not([type=checkbox]) {
  background: #fdfeff;
  opacity: 0.7;
  cursor: no-drop;
}
.section2-userinvitation_container select {
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border: 0.0625rem solid #6b7789;
}
.section2-userinvitation_container .select2 {
  width: 100% !important;
}
.section2-userinvitation_container .select2-container .select2-selection {
  height: 38px;
  border: 0.0625rem solid #6b7789;
  font-size: 16px;
  border-radius: 0;
}
.section2-userinvitation_container .select2-container .select2-selection .select2-selection__rendered {
  line-height: 36px;
}
.section2-userinvitation_container .select2-container .select2-selection .select2-selection__arrow {
  height: 35px;
  right: 5px;
}
.section2-userinvitation_container .select2-container .select2-selection .select2-selection__arrow b {
  border-width: 7px 6px 0 6px !important;
}
.section2-userinvitation_container {
  /* Mark input boxes that gets an error on validation: */
}
.section2-userinvitation_container .invalid {
  border: 0.125rem solid #cf102d !important;
}
.section2-userinvitation_container select.invalid ~ .select2 .select2-selection {
  border-color: #cf102d;
}
.section2-userinvitation_container {
  /* Hide all steps by default: */
}
.section2-userinvitation_container .welcome_message {
  font-size: 22px !important;
  display: block;
}
.section2-userinvitation_container .tab .phonenumbermaskdesign input {
  letter-spacing: 1px;
  font-weight: 400;
}
.section2-userinvitation_container .tab.welcomeTab {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  min-height: 420px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
}
.section2-userinvitation_container .tab.welcomeTab span {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.section2-userinvitation_container .tab .under_field_description {
  color: #4e5969;
  font-size: 14px;
}
.section2-userinvitation_container .tab h3 {
  font-size: 16px;
  color: #162954;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 40px;
  display: inline-block;
}
.section2-userinvitation_container .tab .tab_title {
  font-size: 20px;
  color: #162954;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 20px;
  display: inline-block;
}
.section2-userinvitation_container .tab div.form__group {
  max-width: 360px;
  margin: 15px 0 4px 0;
}
.section2-userinvitation_container .tab div.form__group label {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
.section2-userinvitation_container .tab div.form__group label span {
  opacity: 0.8;
  margin-left: 3px;
  font-size: 14px;
  font-weight: normal;
}
.section2-userinvitation_container .tab div.form__group .inline {
  display: flex;
}
.section2-userinvitation_container .tab div.form__group_checkbox {
  display: flex;
  min-height: 38px;
}
.section2-userinvitation_container .tab div.form__group_checkbox input {
  margin-right: 7px;
  width: unset;
  align-items: top;
}
.section2-userinvitation_container .tab div.form__group_checkbox label {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}
.section2-userinvitation_container .tab div.form__group .inline .inlone_block_select1 {
  width: 43%;
  margin-right: 3px;
}
.section2-userinvitation_container .tab div.form__group .inline .inlone_block_select2 {
  width: calc(28.5% - 3px);
  margin-right: 3px;
}
.section2-userinvitation_container .tab div.form__group .inline .inlone_block_select3 {
  width: calc(28.5% - 3px);
}
.section2-userinvitation_container .tab .zip__group {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 360px;
  width: 100%;
}
.section2-userinvitation_container .tab .zip__group .firstzip {
  width: 100%;
}
.section2-userinvitation_container .tab .zip__group span {
  min-height: 62px;
  display: flex;
  align-items: center;
  padding: 36px 12px 0;
  padding-bottom: 0;
}
.section2-userinvitation_container .tab .zip__group label {
  display: flex !important;
  align-items: center;
}
.section2-userinvitation_container .tab .zip__group label .requiredLabel {
  opacity: 0.8;
  margin-left: 3px;
  font-size: 14px;
  font-weight: normal;
}
.section2-userinvitation_container .tab .formgroup_steps_but {
  margin: 10px 0;
}
.section2-userinvitation_container .tab .list2b {
  margin-bottom: 8px;
  padding: 10px 0;
  list-style: none;
  border-left: 4px solid #162954;
  background: #e4eaf8;
  text-align: left;
}
.section2-userinvitation_container .tab .list2b li {
  padding: 10px 15px 10px 15px;
  margin: 3px 0;
  transition-duration: 0.3s;
}
.section2-userinvitation_container .tab__note {
  max-width: 1180px;
  font-weight: bold;
  color: #0b305b;
  font-size: 15px;
}
.section2-userinvitation_container .tab__note:nth-child(2) {
  margin-top: 10px;
}
.section2-userinvitation_container {
  /* Make circles that indicate the steps of the form: */
}
.section2-userinvitation_container .step {
  display: inline-block;
  color: #00339f;
  font-size: 21px;
  font-weight: bold;
  margin: 20px 0;
}
.section2-userinvitation_container .step .marginright {
  margin-right: 5px;
  font-size: 20px;
  background-color: #e4eaf8;
  padding: 5px 12px 5px 15px;
  border-left: 4px solid #0b305b;
}

.wbfore {
  display: flex;
  background: #fff;
}
.wbfore.select2-results__option--selected {
  background: #dddddd;
}
.wbfore.select2-results__option--highlighted {
  background: #5897fb;
}
.wbfore::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.doc {
  text-align: center;
}

#showssn {
  color: #0b305b;
  font-size: 14px;
  cursor: pointer;
  padding-right: 1px;
  font-weight: bold;
}

.loginFormTitle {
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}

.btn-show-middlename-suffix,
.btn-hide-middlename-suffix {
  cursor: pointer;
}

.formgroup_steps_but.button.r {
  min-width: 43px !important;
}

.viewdocument.prewievDocsPage {
  margin-top: 5px;
}
.viewdocument.prewievDocsPage .container {
  display: block;
}
.viewdocument.prewievDocsPage hr {
  margin: 15px auto;
}

.addFles input {
  background: none;
  border: none;
  padding-left: 0;
}

.mf_attchBox {
  padding: 0 4px;
  display: block;
}

.mf_attchBox.addFles input.contactsFormInput {
  margin-bottom: 0;
}

.mf_files_label {
  font-size: 0.7rem;
}

.ppClip {
  cursor: pointer;
  margin-bottom: 3px;
}
.ppClip i {
  color: #06152f;
  font-size: 0.9rem;
}

.nw_thankyoutab .nw_thankyoutab__icon {
  width: 76px;
  margin-bottom: 40px;
}
.nw_thankyoutab h3.nw_thankyoutab__title {
  margin: 0;
  font-size: 36px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  color: #0e2740;
}
.nw_thankyoutab p.nw_thankyoutab_text {
  font-size: 20px;
  font-family: "WixMadeForDisplay", sans-serif;
  margin-bottom: 30px;
  color: #0e2740;
}
.nw_thankyoutab .thankyoutab_btn {
  padding: 20px 100px;
  max-width: 350px;
  font-size: 20px;
  font-family: "WixMadeForDisplay", sans-serif;
  font-weight: 400;
  background: #0d263f;
  transition: 0.3s;
  margin-top: 0;
}
.nw_thankyoutab .thankyoutab_btn:hover {
  background: #163656;
}

.kc_container .kc_articleThumb figure {
  background: #fff;
  padding: 5px;
  border-radius: 4px;
}
.kc_container .kc_articleThumb figure img {
  max-width: 100%;
}
.kc_container .kc_articleThumb figure figcaption {
  text-align: center;
  opacity: 0.7;
  font-size: 0.9rem;
}
.kc_container .kc_articleContent {
  margin-top: 20px;
}

.kc_catDescription {
  margin-bottom: 30px;
}

.kc_ArticlesList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kc_ArticlesList .kc_articleItem {
  width: 49%;
  border: 1px solid #eee;
  margin-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0.1098039216);
  box-sizing: border-box;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-thumb {
  max-height: 300px;
  overflow: hidden;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-thumb img {
  max-width: 100%;
  width: 100%;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data {
  margin: 5px 10px;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data .kc_articleItem-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #0d263f;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data .kc_articleItem-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data .kc_articleItem-info a {
  background: #0d263f;
  color: #fff;
  padding: 10px 40px;
  font-weight: bold;
  transition: 0.3s;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data .kc_articleItem-info a:hover {
  background: #e8edfc;
  color: #0d263f;
}
.kc_ArticlesList .kc_articleItem .kc_articleItem-data .kc_articleItem-info span {
  font-size: 0.9rem;
  font-style: italic;
}
.kc_ArticlesList .kc_noArticles {
  font-size: 1.3rem;
  font-weight: bold;
  color: #01273f;
}

.kc_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kc_pagination a {
  padding: 5px 12px;
  background: #01273f;
  color: #fff;
  margin: 10px 4px;
  border-radius: 3px;
  box-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0.1);
}
.kc_pagination a:hover {
  background: #e8edfc;
  color: #0d263f;
}
.kc_pagination a.active {
  background: #e8edfc;
  color: #0d263f;
}

.article-title-block {
  width: 100%;
  min-height: 450px;
  height: 100%;
}
.article-title-block .article-title-block-container {
  max-width: 1180px;
  padding: 0 20px;
  width: 100%;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
  min-height: 450px;
  height: 100%;
}
.article-title-block .article-title-block-container .icon-down {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: 40px;
  right: 20px;
  z-index: 4;
}
.article-title-block .article-title-block-container .icon-down img {
  width: 25px;
  rotate: 90deg;
}
.article-title-block .article-title-block-container .article-title-block-overlay {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  max-width: 1140px;
  width: 100%;
  max-height: 490px;
  height: 490px;
  padding: 20px;
}
.article-title-block .article-title-block-container .article-title-block-overlay .overlay-fill {
  width: 100%;
  max-height: 430px;
  height: 100%;
  background: linear-gradient(90deg, #0d263f 0%, rgba(13, 38, 63, 0) 100%);
  border-radius: 10px;
}
.article-title-block .article-title-block-container .article-title-block-content {
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  max-width: 1140px;
  width: 100%;
  padding: 35px 40px;
}
.article-title-block .article-title-block-container .article-title-block-content nav {
  display: block;
}
.article-title-block .article-title-block-container .article-title-block-content nav ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.article-title-block .article-title-block-container .article-title-block-content nav li {
  color: white;
  height: 20px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.article-title-block .article-title-block-container .article-title-block-content nav li span {
  width: 15px;
  height: 20px;
}
.article-title-block .article-title-block-container .article-title-block-content nav li span:after {
  content: " / ";
  color: white;
}
.article-title-block .article-title-block-container .article-title-block-content nav .last-breadcrumb {
  overflow: hidden;
  display: block;
}
.article-title-block .article-title-block-container .article-title-block-content nav a {
  font-size: 14px;
  margin-right: 10px;
  color: white;
  display: block;
  height: 20px;
}
.article-title-block .article-title-block-container .article-title-block-content .author-and-date {
  margin-top: 110px;
  color: white;
  font-size: 14px;
}
.article-title-block .article-title-block-container .article-title-block-content .author-and-date .author {
  margin-right: 10;
}
.article-title-block .article-title-block-container .article-title-block-content .author-and-date .author:after {
  content: "•";
  color: white;
}
.article-title-block .article-title-block-container .article-title-block-content .article-title {
  font-size: 40px;
  font-weight: bold;
  max-width: 600px;
  width: 100%;
  color: white;
  margin-top: 10px;
}
.article-title-block .kc_articleThumb {
  max-width: 1180px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 450px;
  z-index: 2;
}
.article-title-block .kc_articleThumb .image-wrapper {
  padding: 20px;
  border-radius: 10px;
  max-height: 450px;
  overflow: hidden;
}
.article-title-block .kc_articleThumb .image-wrapper .image-cover {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  max-height: 430px;
  height: 100%;
}
.article-title-block .kc_articleThumb img {
  width: 100%;
  border-radius: 10px;
}

.article-content {
  padding: 20px 0;
}
.article-content p {
  padding: 10px 0;
}
.article-content h2 {
  display: block;
  border-top: 1px solid #d9e0e8;
  border-bottom: 1px solid #d9e0e8;
  padding: 15px 0;
}
.article-content h3 {
  display: block;
  padding: 15px 0;
  display: flex;
  align-items: center;
}
.article-content h3:before {
  content: "›";
  display: inline-block;
  font-size: 15px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #b10005;
  color: white;
  text-align: center;
  line-height: 18px;
  margin-right: 10px;
}
.article-content ul,
.article-content ol {
  list-style: none;
}
.article-content li {
  margin-bottom: 5px;
}

.loadMorePostsBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.loadMorePostsBox .loadMorePosts {
  background: #0d263f;
  color: #fff;
  padding: 10px 40px;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 4px;
  font-weight: bold;
  min-width: 300px;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
}
.loadMorePostsBox .loadMorePosts:hover {
  background: #e8edfc;
  color: #0d263f;
}

.articlesPreloader {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.articlesPreloader span {
  font-size: 1.4rem;
  margin-right: 10px;
}
.articlesPreloader img {
  width: 36px;
}

.headerNonLinkTitle {
  color: #fff;
  padding: 0 !important;
}

.container-404 {
  padding: 50px 20px !important;
}
.container-404 h3 {
  font-size: 3rem;
  color: #01273f;
}
.container-404 p {
  margin-top: 10px;
  color: #111;
  font-size: 1.2rem;
}/*# sourceMappingURL=style.css.map */