.check-to__input-label {
.error-field {
border-color: red;
}
.error-message {
font-size: 15px;
color: red;
}
}
.links {
margin-bottom: 30px;
display: flex;
flex-direction: row;
align-items: center;
overflow-x: auto;
.link {
white-space: nowrap;
position: relative;
margin-right: 15px;
padding-right: 15px;
&.active {
color: initial;
text-decoration: none;
outline: none;
}
}
.link:not(:last-child)::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 1px;
height: 25px;
background-color: #057ed6;
}
}
.default-text-block-with-title {
padding: 52px 20px;
p {
margin-top: 15px;
}
}
.is-layout-flex.wp-container-7.wp-block-columns.mt120.mb120:nth-child(even) {
.is-layout-flow.wp-block-column.is-vertically-aligned-top:nth-child(1) {
order: 2;
}
.is-layout-flow.wp-block-column.is-vertically-aligned-top:nth-child(2) {
order: 1;
}
}
.btn.partner-item__register {
background-color: #057ed6 !important;
&:hover {
background-color: #0071ce !important;
}
}
.insurance.insurance-face.wide-cont.banner {
.insurance-profit__image-arrow {
margin-right: 15px;
width: unset;
height: unset;
min-width: unset;
.insurance-profit__img {
width: 20px;
height: 20px;
min-width: unset;
}
}
.partner-item {
@media screen and (max-width: 767px) {
margin-bottom: unset;
}
}
.partner-item__image {
@media screen and (max-width: 767px) {
margin-top: 30px;
}
}
.sk-law__value {
margin-top: 15px;
}
.insurance-profit__list {
margin-top: 30px;
}
.insurance-face__img.w-100 {
@media screen and (max-width: 767px) {
margin-top: 30px;
}
}
}
.insurance-right {
.insurance__title {
@media screen and (max-width: 767px) {
width: unset;
}
}
.insurance-right__block.post-content {
@media screen and (max-width: 1200px) {
padding-left: unset;
padding-right: unset;
}
}
}
.partner-item__link {
color: #057ed6 !important;
&:hover {
color: #0071ce !important;
}
}
.gis-features {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
.gis-feature {
padding: unset;
}
}
.check-to__input-label {
width: 100%;
}
.check-to__input-field {
height: 61px;
}
.pick-up {
padding-bottom: 20px;
gap: 20px;
border-bottom: 2px solid #007bff;
@media screen and (max-width: 767px) {
flex-direction: column !important;
}
label {
margin-bottom: unset;
}
a {
margin-bottom: unset;
display: flex;
align-items: center;
justify-content: center;
height: 61px;
opacity: 1;
@media screen and (max-width: 767px) {
width: 100%;
}
&.active {
background-color: #0071ce !important;
opacity: 0.5 !important;
}
}
}
.more-pick-up {
padding-top: 20px;
gap: 20px;
@media screen and (max-width: 767px) {
flex-direction: column !important;
}
a {
margin-bottom: unset;
display: flex;
align-items: center;
justify-content: center;
height: 61px;
opacity: 1;
@media screen and (max-width: 767px) {
width: 100%;
}
&.active {
background-color: #0071ce !important;
opacity: 0.5 !important;
}
}
}
.company {
padding-bottom: unset !important;
@media screen and (max-width: 767px) {
padding-left: unset !important;
padding-right: unset !important;
}
h2 {
margin-bottom: 25px;
}
.company-cards {
@media screen and (max-width: 767px) {
width: 100% !important;
}
.company-info-name {
padding: 10px 20px;
display: grid;
grid-template-columns: 160px 320px 125px 125px 160px 85px;
align-items: center;
gap: 20px;
background-color: #F2F4F7;
border: 1px solid #D0D5DD;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
@media screen and (max-width: 767px) {
display: none;
}
p {
margin-top: unset;
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #111111;
}
}
.company-card {
padding: 20px;
display: grid;
grid-template-columns: 160px 320px 125px 125px 160px 85px;
align-items: center;
gap: 20px;
height: 120px;
border-left: 1px solid #D0D5DD;
border-right: 1px solid #D0D5DD;
border-bottom: 1px solid #D0D5DD;
@media screen and (max-width: 767px) {
margin-top: 15px;
padding: 12px 15px;
grid-template-columns: 1fr;
align-items: unset;
gap: 12px;
height: unset;
border: 1px solid #D0D5DD;
border-radius: 15px;
&:nth-child(2) {
margin-top: unset;
}
}
&:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.company-logo {
width: 100%;
height: 44px;
@media screen and (max-width: 767px) {
width: 160px;
}
img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
}
.company-name {
display: flex;
flex-direction: column;
@media screen and (max-width: 767px) {
padding-bottom: 12px;
border-bottom: 1px solid #D0D5DD;
}
a {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #057ED6;
text-decoration: unset;
border-bottom: unset;
opacity: 1;
transition: opacity 0.4s ease-in-out;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
&:hover {
opacity: 0.5;
}
}
p {
margin-top: 2px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #344054;
}
}
.company-amount {
display: flex;
flex-direction: column;
align-items: flex-start;
@media screen and (max-width: 767px) {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.title {
margin-top: unset;
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #101828;
@media screen and (max-width: 767px) {
order: 2;
}
}
.text {
margin-top: 2px;
padding: 2px 8px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #344054;
background-color: #F9FAFB;
border: 1px solid #EAECF0;
border-radius: 16px;
@media screen and (max-width: 767px) {
order: 1;
}
}
}
.company-benefit {
display: flex;
flex-direction: column;
align-items: flex-start;
@media screen and (max-width: 767px) {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.title {
margin-top: unset;
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: #17B26A;
@media screen and (max-width: 767px) {
order: 2;
}
}
.text {
margin-top: 2px;
padding: 2px 8px;
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #344054;
background-color: #F9FAFB;
border: 1px solid #EAECF0;
border-radius: 16px;
@media screen and (max-width: 767px) {
order: 1;
}
}
}
.company-affairs {
position: relative;
.affairs-dropdown {
position: absolute;
top: -17px;
left: 0;
right: 0;
padding: 5px 8px 5px 12px;
background-color: #F9FAFB;
border: 1px solid #EAECF0;
border-radius: 16px;
height: auto;
max-height: 35px;
overflow: hidden;
cursor: pointer;
transition: max-height 0.2s ease-in-out;
@media screen and (max-width: 767px) {
position: relative;
top: unset;
left: unset;
right: unset;
height: unset;
max-height: unset;
overflow: unset;
}
&.active {
max-height: 500px;
transition: max-height 0.6s ease-in-out;
.item-affairs {
.icons {
transform: rotate(180deg);
}
}
}
.item-affairs {
display: grid;
align-items: center;
grid-template-columns: 70px 40px 16px;
gap: 5px;
@media screen and (max-width: 767px) {
position: relative;
grid-template-columns: max-content max-content;
justify-content: space-between;
gap: unset;
&:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 6px;
border-bottom: 1px dotted #98A2B3;
}
}
.title {
margin-top: unset;
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #667085;
@media screen and (max-width: 767px) {
padding-right: 5px;
position: relative;
z-index: 1;
background-color: #F9FAFB;
}
}
.text {
margin-top: unset;
font-size: 14px;
font-weight: 600;
line-height: 22px;
color: #344054;
@media screen and (max-width: 767px) {
padding-left: 5px;
position: relative;
z-index: 1;
background-color: #F9FAFB;
}
}
.icons {
width: 100%;
height: 16px;
transform: rotate(0deg);
transition: transform 0.4s ease-in-out;
@media screen and (max-width: 767px) {
display: none;
}
svg {
display: block;
width: 100%;
height: 100%;
}
}
}
}
}
.company-button {
width: 100%;
a {
margin-bottom: unset;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 35px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #FFFFFF;
background-color: #057ED6;
border-radius: 6px;
}
}
}
}
}
#multistep-calculator-form {
width: 100%;
fieldset {
padding: unset;
}
.buttons {
display: flex;
flex-direction: row;
align-items: center;
.button {
margin-right: 15px;
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
&:hover {
background-color: #0056b3;
}
}
}
}
@media screen and (max-width: 767px) {
.default-text-block-with-title {
padding: 40px 20px;
}
.insurance.insurance-face {
.insurance-face__content {
.btn.btn-blue-2 {
max-width: unset;
}
}
}
.is-layout-flex.wp-container-7.wp-block-columns.mt120.mb120 {
margin-top: 30px;
margin-bottom: 30px;
}
.is-layout-flex.wp-container-7.wp-block-columns.mt120.mb120:nth-child(even) {
.is-layout-flow.wp-block-column.is-vertically-aligned-top:nth-child(1) {
order: 1;
}
.is-layout-flow.wp-block-column.is-vertically-aligned-top:nth-child(2) {
order: 2;
}
}
}
@media screen and (max-width: 680px) {
.gis-features {
display: flex;
width: unset;
margin: unset;
grid-template-columns: unset;
.gis-feature {
display: grid;
grid-template-columns: 52px auto;
gap: 15px;
}
}
}
.archive-container {
.grid {
margin-bottom: 30px;
}
.after-grid-pagination {
margin-bottom: 30px;
}
}.bfl{
margin-bottom: 25px;
}
.bfl__item__header h4 {
font-size: 32px;
color: #000;
}
.bfl__input_items{
display: flex;
flex-direction: column;
gap: 25px;
}
.bfl__form{
transition: .3s ease all;
}
.bfl__form.sending {
filter: blur(4px);
cursor: progress;
}
.bfl__form.sending .bfl__input_items {
pointer-events: none;
}
.bfl__form .bfl__item{
padding: 20px 15px;
background-color: #fafafa;
border: 1px solid #cccccc;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 25px;
height: unset;
margin: 0;
}
@media(max-width: 600px){
.bfl__item__header h4 {
font-size: 22px;
}
.bfl__form .bfl__item{
gap: 15px;
}
}
.bfl__form .bfl__item.radio {
display: inline-block;
overflow: hidden;
}
.bfl__radio_item {
display: inline-block;
float: left;
}
.bfl__form .bfl__item.processing {
filter: blur(5px);
}
.bfl__form .bfl__item.radio input[type=radio] {
display: none;
}
.bfl__form .bfl__item.radio label {
display: inline-block;
cursor: pointer;
padding: 0px 15px;
line-height: 34px;
border: 1px solid #999;
border-right: none;
user-select: none;
}
.bfl__form .bfl__item.radio .bfl__radio_item:first-child label {
border-radius: 6px 0 0 6px;
}
.bfl__form .bfl__item.radio .bfl__radio_item:last-child label {
border-radius: 0 6px 6px 0;
border-right: 1px solid #999;
} .bfl__form .bfl__item.radio input[type=radio]:checked + label {
background: #0071ce;
color: #FFF;
} .bfl__form .bfl__item.radio label:hover {
opacity: .6;
} .bfl__form .bfl__item.radio input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
.bfl__form .bfl__item .bfl__input_item{
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.bfl__form .bfl__item .bfl__input_item .error{
font-size: 80%;
color: #FD0000;
}
.bfl__form .bfl__item *{
margin: 0;
}
.bfl__form .bfl__item .bfl__inputs{
display: flex;
flex-direction: column;
gap: 15px;
}
.bfl__form .bfl__item .bfl__inputs.bfl_flex-row{
display: flex;
flex-direction: row;
gap: 15px;
}
.bfl__form .bfl__item .bfl__inputs.half-row{
display: flex;
flex-direction: row;
width: 50%;
padding-right: 7.5px;
}
@media(max-width: 600px){
.bfl__form .bfl__item .bfl__inputs.bfl_flex-row{
flex-direction: column;
}
.bfl__form .bfl__item .bfl__inputs.half-row{
width: 100%;
padding-right: unset;
}
}
.bfl__form .bfl__item input:not([type="radio"], [type="checkbox"]), .bfl__form .bfl__item select {
width: 100%;
padding: 11px 16px 12px 16px;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 14px;
line-height: 150%;
font-weight: normal;
color: #000000;
opacity: 0.7;
-webkit-appearance: none;
outline: none;
transition: border 0.2s linear;
max-width: 100%;
box-sizing: border-box;
}
.bfl__form .bfl__item input::placeholder, .bfl__form .bfl__item select::placeholder {
transition: ease-in-out .2s all;
}
.bfl__form .bfl__item input:not([type="radio"], [type="checkbox"], .active)::placeholder, .bfl__form .bfl__item select::placeholder {
color: transparent;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label){
position: absolute;
left: 15px;
line-height: 1;
top: 10px;
transition: ease-in-out .2s all;
z-index: 1;
} .bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label) span{
padding: 0 6px 0 6px;
font-size: 16px;
line-height: 150%;
color: #000000;
opacity: 0.4;
z-index: 1;
position: relative;
}
.bfl__form .bfl__item label span sup, .bfl__form .bfl__item label span sub{
line-height: 0;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label).active span{
opacity: 1;
color: #0000003b;
background-color: #FFF;
}
.bfl__form .bfl__item label:not(.radio__label, .toggle-pill__label).active{
position: absolute;
font-size: 80%;
top: -15px;
} input.processing {
pointer-events: none;
filter: blur(1px);
}
a#getEmptyBlank{
width: 100%;
padding: 11px 16px 12px 16px;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
font-size: 14px;
line-height: 150%;
font-weight: normal;
color: #000000;
opacity: 0.7;
-webkit-appearance: none;
outline: none;
transition: border 0.2s linear;
max-width: 100%;
box-sizing: border-box;
display: block;
margin-bottom: 20px;
text-decoration: unset;
text-align: center;
} .toggle-pill input[type="checkbox"] {
display: none;
}
.toggle-pill input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #f3f3f3;
box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #50565a;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill input[type="checkbox"]:checked + label {
background: #fff;
}
.toggle-pill input[type="checkbox"]:checked + label:before {
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
}  .toggle-pill-bw{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.toggle-pill-bw input[type="checkbox"] {
display: none;
}
.toggle-pill-bw input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
background: #50565a;
border-radius: 1em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #f7f2f2;
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill-bw input[type="checkbox"]:checked + label {
background: #057ed6;
}
.toggle-pill-bw input[type="checkbox"]:checked + label:before {
left: 1.6em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}  .toggle-pill-color input[type="checkbox"] {
display: none;
}
.toggle-pill-color input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #e84d4d;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-color input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #fff;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
background: #47cf73;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
}  .toggle-pill-dark input[type="checkbox"] {
display: none;
}
.toggle-pill-dark input[type="checkbox"] + label {
display: block;
position: relative;
width: 3em;
height: 1.6em;
margin-bottom: 20px;
border-radius: 1em;
background: #303e58;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.toggle-pill-dark input[type="checkbox"] + label:before {
content: "";
display: block;
width: 1.2em;
height: 1.2em;
border-radius: 1em;
background: #e84d4d;
position: absolute;
left: 0.2em;
top: 0.2em;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.toggle-pill-dark input[type="checkbox"]:checked + label:before {
background: #47cf73;
box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
left: 1.6em;
-webkit-transform: rotate(295deg);
transform: rotate(295deg);
} .bfl__form .bfl__item .bfl__input_item.checkbox {
flex-direction: row-reverse;
justify-content: space-between;
}
.bfl__form .bfl__item .bfl__input_item.checkbox label:not(.radio__label, .toggle-pill__label), .bfl__form .bfl__item .bfl__input_item.checkbox label:not(.radio__label, .toggle-pill__label).active {
position: static;
font-size: 80%;
display: flex;
justify-content: center;
align-items: center;
background: unset;
}
.bfl__form .bfl__input_item.checkbox label span, .bfl__form .bfl__input_item.checkbox label.active span {
padding: 0 6px 0 6px;
font-size: 16px;
line-height: 150%;
color: #000000;
opacity: 1;
z-index: 1;
position: relative;
background-color: unset;
}
.bfl__form .bfl__item input[type="submit"]{
cursor: pointer;
background-color: #057ed6;
transition: .3s ease all;
font-size: 14px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
border: unset;
opacity: 1;
}
.bfl__form .bfl__item input[type="submit"]:hover{
background-color: #0071ce;
}
.graph-modal__close:focus {
outline: none;
}
.graph-modal__content {
display: flex;
flex-direction: column;
gap: 15px;
}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.disable-scroll{position:relative;overflow:hidden;height:100vh;position:fixed;left:0;top:0;width:100%}.graph-modal{--transition-time:0.3s;position:fixed;inset:0;z-index:1000;display:flex;padding:30px 0;background-color:rgba(0,0,0,.7);cursor:pointer;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transition:opacity var(--transition-time),visibility var(--transition-time)}.graph-modal__container{position:relative;width:1000px;margin:auto;display:block;background-color:#fff;border-radius:10px;padding:20px;cursor:default;display:none}@media (max-width:1024px){.graph-modal__container{width:90%}}.graph-modal__close{position:absolute;right:10px;top:10px;border:none;padding:0;width:20px;height:20px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");cursor:pointer}.graph-modal.is-open{opacity:1;visibility:visible;transition:opacity var(--transition-time),visibility var(--transition-time)}.graph-modal__container.graph-modal-open{display:block}.fade{opacity:0}.fade,.fade.animate-open{transition:opacity var(--transition-time)}.fade.animate-open{opacity:1}.fadeInUp{opacity:0;transform:translateY(-100px)}.fadeInUp,.fadeInUp.animate-open{transition:transform var(--transition-time),opacity var(--transition-time)}.fadeInUp.animate-open{opacity:1;transform:translateY(0)}