/*fonts*/

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Light.woff2') format('woff2'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Regular.woff2') format('woff2'), url('../fonts/Gilroy-Regular.woff') format('woff'), url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Medium.woff2') format('woff2'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-SemiBold.woff2') format('woff2'), url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/*fonts-END*/


/*specification*/

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

body {
    color: #043148;
    font-family: 'Gilroy', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

.container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.btn {
    background: #F78D20;
    border-radius: 4px;
    font-size: 16px;
    box-shadow: 0px 4px 4px rgba(247, 141, 32, 0.22);
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.btn:hover {
    -webkit-box-shadow: 2px 4px 8px 0px rgba(247, 141, 32, 0.6);
    -moz-box-shadow: 2px 4px 8px 0px rgba(247, 141, 32, 0.6);
    box-shadow: 2px 4px 8px 0px rgba(247, 141, 32, 0.6);
    transition: all 0.3s ease;
}

.btn img {
    margin-left: 15px;
}

.btn1 {
    width: 270px;
    min-width: 270px;
}

.btn2 {
    width: 240px;
    min-width: 240px;
}

li {
    list-style-type: none;
}

li a {
    color: #043148;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}

hr {
    background: #DDE3F4;
    height: 1px;
    width: 100%;
    border: none;
}

.title {
    font-weight: 600;
    font-size: 52px;
    line-height: 60px;
    text-align: center;
    color: #043148;
    line-height: 60px;
}

.inp {
    padding: 22px;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
    background: #FFFFFF;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    color: #313131;
}

.inp::placeholder {
    font-weight: 600;
    font-size: 14px;
    color: #313131;
}

.inp::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.inp::-webkit-outer-spin-button,
.inp::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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


/*specification-END*/

.header {
    position: relative;
    padding: 29px 0px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.04);
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-content {
    display: flex;
    align-items: center;
}

.header-menu {
    margin-left: 110px;
    display: flex;
}

.header-menu li {
    list-style-type: none;
    margin-right: 60px;
}

.header-menu li:last-child {
    margin-right: 0;
}

.header-menu li a {
    color: #043148;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.header-menu li:hover>a {
    color: #F78D20;
}

.header-menu .sub-menu {
    visibility: hidden;
    position: absolute;
    top: 60px;
    left: -40px;
    width: 326px;
    background: #fff;
    padding: 21px 50px 28px 38px;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    transition: all 0.2s ease;
    z-index: 2;
}

.header-menu .sub-menu li {
    margin-right: 0;
    margin-bottom: 15px;
}

.header-menu .sub-menu li:last-child {
    margin-bottom: 0;
}

.header-menu .sub-menu li a {
    transition: none;
}

.menu-item-has-children {
    position: relative;
    padding-right: 18px;
}

.menu-item-has-children:hover .sub-menu {
    visibility: visible;
}

.menu-item-has-children:hover:after {
    background-image: url(../images/children-arrow-active.svg);
}

.menu-item-has-children:after {
    content: '';
    width: 10.5px;
    height: 7px;
    background-image: url(../images/children-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% - 2px);
    right: 0px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.body_fixed {
    padding-top: 113px;
}

.body_fixed .blog-sidebar {
    top: 113px;
}

.body_fixed .header {
    position: fixed;
    top: 0;
    left: 0 !important;
    right: 0;
    width: auto !important;
    z-index: 3;
    background: #fff;
}

.menu-mobile {
    right: -1000px;
    padding: 70px 30px;
    z-index: 999;
    position: fixed;
    top: 0;
    right: -1000px;
    width: 340px;
    height: 100%;
    background: #fff;
    transition: all .3s;
    text-align: center;
}

.menu-mobile li a {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 26px;
}

.menu-mobile li {
    list-style-type: none;
    margin-bottom: 30px;
}

.mobile-btn {
    display: none;
}

.mobile-btn a {
    color: #fff !important;
    font-size: 20px !important;
}

.burger-menu {
    display: none;
    width: 30px;
    height: 20px;
    transform: rotate(0deg);
    transition: .3s ease-in-out;
    cursor: pointer;
    z-index: 3;
}

.burger-menu span {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 100;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .35s ease-in-out;
    /* height: 2px; */
    /* background-color: #F78D20; */
    border-radius: 20px;
}

.burger-menu span:nth-child(1) {
    border: 1px solid #F78D20;
    top: 0px;
}

.burger-menu span:nth-child(2),
.burger-menu span:nth-child(3) {
    border: 1px solid #F78D20;
    top: 8.5px;
}

.burger-menu span:nth-child(4) {
    border: 1px solid #F78D20;
    top: 17px;
}

.logo a img {
    width: 180px;
}

.mobile-close {
    right: -1000px;
    width: 30px;
    height: 20px;
    transition: .3s ease-in-out;
    cursor: pointer;
    z-index: 9999;
    position: fixed;
    top: 30px;
}

.mobile-close span {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    left: 0;
    transition: .35s ease-in-out;
    height: 2px;
    background-color: #F78D20;
    border-radius: 20px;
    top: 9px;
}

.mobile-close span:nth-child(1) {
    transform: rotate(45deg);
}

.mobile-close span:nth-child(2) {
    transform: rotate(-45deg);
}

.menu-mobile.active {
    right: 0;
}

.mobile-close.active {
    right: 30px;
}

.menu-mobile::before {
    content: '';
    top: 0;
    left: -1000px;
    width: calc(100% - 340px);
    height: 100%;
    background: rgba(15, 15, 15, .7);
    transition: all .3s;
}

.menu-mobile.active::before {
    position: fixed;
    opacity: 1;
    z-index: 9;
    left: 0;
}

.header-btn {
    /* width: 200px; */
    width: 180px;
    /* min-width: 200px; */
    min-width: 180px;
    height: 49px;
    font-size: 14px;
}

.head-img-mobile {
    display: none;
}

.head-img img {
    width: 738px;
    height: auto;
}

.footer {
    background: #F3F6FC;
}

.footer-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 49px 0px 30px;
}

.footer-left {
    display: flex;
    align-items: center;
}

.footer-logo {
    width: 230px;
}

.footer-left__text {
    margin-top: 7px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #043148;
    max-width: 215px;
}

.footer-left__text span {
    display: none;
}

.copyright {
    padding: 31px 0px 35px;
    font-weight: 300;
    font-size: 13px;
    text-align: center;
    color: #043148;
}

.head {
    padding: 74px 0px 90px;
    background: #F3F6FC;
    /* min-height: 940px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

.big-container {
    width: calc(1170px + 210px * 2);
    margin-left: auto;
    margin-right: auto;
}

.head-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*display: none;*/
}

.head-form {
    padding-left: 210px;
}

.step {
    width: 602px;
}

.step-nav {
    display: flex;
    margin-bottom: 25px;
}

.step-nav__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 80px;
}

.step-nav .step-nav__item:last-child {
    margin-right: 0;
}

.step-nav__number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 30px;
    color: #3FA420;
    border: 1.8px solid #3FA420;
    border-radius: 50%;
    line-height: 0;
    padding-top: 2px;
}

.step-nav__number.active {
    color: #FFFFFF;
    border: none;
    background: #3FA420;
}

.step-arrow {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: -65px;
    width: 50px;
    height: 11px;
    background: url(../images/step-arrow.svg) no-repeat center;
    background-size: contain;
}

.step-nav__text {
    margin-top: 10px;
    font-size: 16px;
    color: #4F4F4F;
}

.step-title {
    font-weight: 600;
    font-size: 52px;
    line-height: 60px;
    color: #043148;
}

.step-title2 {
    font-size: 48px;
    line-height: 60px;
}

.step-list {
    margin: 23px 0px 35px;
    color: #313131;
}

.step-list h3 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-weight: 600;
    font-size: 18px;
    line-height: 37px;
}

.step-list h3 img {
    margin-right: 20px;
}

.step1-inputs {
    display: flex;
    /*justify-content: space-between;*/
    margin-bottom: 18px;
}

.step1-inputs__item {
    position: relative;
    margin-right: 10px;
}

.step1-inputs__item {
    display: flex;
    flex-direction: column;
    width: 280px;
}

.ui-autocomplete {
    width: 280px !important;
    padding: 0;
    border-radius: 4px;
    /* -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 20%); */
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 20%); */
    -webkit-box-shadow: 0px 4px 25px rgba(105, 114, 132, 0.2);
    box-shadow: 0px 4px 25px rgba(105, 114, 132, 0.2);
}

.ui-menu .ui-menu-item-wrapper {
    /* border-radius: 2px; */
    padding: 10px 20px;
    color: #313131;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.ui-menu .ui-menu-item .ui-state-active {
    background-color: #F78D20;
    border: 1px solid #F78D20;
    color: #FFF;
}

.ui-menu-item {
    border-bottom: 1px solid #E6E7E8;
}

.ui-menu-item:last-child {
    border-bottom: none;
}

.step1-inputs__item label,
.select-label {
    font-size: 13px;
    color: #828282;
    position: absolute;
    top: -8px;
    left: 20px;
    z-index: 2;
    display: flex;
}

.step1-inputs__item label::before,
.select-label::before {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #F3F6FC;
    position: absolute;
    bottom: 6px;
    left: -5px;
    z-index: -1;
}

.step1-inputs__item label::after,
.select-label::before {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 5px;
    left: -5px;
    z-index: -1;
}

.info {
    position: relative;
    cursor: pointer;
    margin-left: 2px;
    margin-top: -2px;
}

.lastInp-wrapper .info {
    margin-top: -4px;
}

.info-zip img {
    width: 9px;
    height: 9px;
}

.info:hover .zip-dropdown {
    visibility: visible;
}

.info span {
    visibility: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 171px;
    height: 49px;
    font-size: 13px;
    line-height: 15px;
    padding: 0px 5px 0px 9px;
    background: #fff;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
    font-weight: 300;
    color: #828282;
    z-index: 2;
}

.info-zip span {
    top: -60px;
    left: -44px;
}

.info-zip span::before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 30px;
    width: 35px;
    height: 15px;
    background: url(../images/info-triangle.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.info-right span {
    top: -17px;
    left: 30px;
}

.info-right span::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -9px;
    height: 35px;
    width: 15px;
    background: url(../images/info-triangle-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.info-active:hover .zip-dropdown,
.info-active .zip-dropdown {
    visibility: visible;
}

.info-difference:hover .zip-dropdown,
.info-difference .long-distance {
    visibility: visible;
}

.transport {
    margin: 20px 0px 25px;
    width: 580px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: -webkit-fit-content;
    height: -moz-fit-content;
}

.transport-label {
    width: 90px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.transport-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 2px solid #3FA420;
    border-radius: 2px;
    margin-bottom: 10px;
}

.transport label p {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #313131;
    text-align: center;
}

.transport input[type="radio"] {
    display: none;
}

.transport input[type="radio"]:checked+label .transport-img {
    background: #3FA420;
}

.transport-img img:nth-child(2) {
    display: none;
}

.transport input[type="radio"]:checked+label>.transport-img img:first-child {
    display: none;
}

.transport input[type="radio"]:checked+label>.transport-img img:nth-child(2) {
    display: block;
}

.step2-elements-row {
    display: flex;
    margin-bottom: 10px;
}

.step2-select {
    width: 280px;
    margin-right: 10px;
    position: relative;
}

.select-inp {
    cursor: pointer;
    position: relative;
    width: 100%;
    /* height: 100%; */
}

.select-inp:after {
    content: '';
    width: 16px;
    height: 8px;
    background: url(../images/select-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 3.5px);
    right: 16px;
    transition: all 0.3s ease;
    z-index: 2;
    pointer-events: none;
}

.select-inp.active:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.select-inp {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* text-indent: 1px; */
    text-overflow: '';
}

.select-inp input {
    width: 280px;
    height: 60px;
    font-size: 13px;
    color: #828282;
    font-weight: 400;
    position: relative;
}

.select-inp input::placeholder {
    font-size: 13px;
    color: #828282;
    font-weight: 400;
}

.step2-select-two .select-inp input,
.step2-select-two .select-inp input::placeholder {
    font-size: 14px;
    color: #313131;
    font-weight: 600;
}

.steps2-checkbox {
    display: flex;
    margin-bottom: 26px;
}

.steps2-checkbox__item input {
    display: none;
}

.steps2-checkbox__item {
    width: 280px;
    margin-top: 15px;
    padding-left: 52px;
    margin-right: 10px;
}

.steps2-checkbox label {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #313131;
}

.steps2-checkbox label::before {
    content: '';
    width: 34px;
    height: 34px;
    background: #FFFFFF;
    border: 1px solid #E6E7E8;
    border-radius: 2px;
    position: absolute;
    top: -10px;
    left: -52px;
    cursor: pointer;
}

.steps2-checkbox label::after {
    display: none;
    content: '';
    width: 24px;
    height: 16px;
    background: url(../images/check-mark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: -46px;
}

.steps2-checkbox__item input[type="checkbox"]:checked+label::after {
    display: block;
}

.steps2-checkbox label span {
    display: block;
    font-size: 13px;
    color: #828282;
    font-weight: 400;
    margin-top: 3px;
}

.step2-form {
    display: none;
}

.step2-form.current {
    display: block;
}

.running {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
}

.running p {
    font-weight: 600;
    font-size: 14px;
    color: #313131;
    margin-right: 20px;
}

.running-inp input {
    display: none;
}

.date-inp input {
    display: block;
    position: absolute;
    opacity: 0;
}

.choice-date-error {
    position: absolute;
    top: 20px;
    right: -150px;
    color: red;
}

.running-inp label {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    color: #313131;
    margin-right: 24px;
    padding-left: 44px;
    position: relative;
    height: 34px;
    display: flex;
    align-items: center;
}

.running-inp label::before {
    content: '';
    width: 34px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #E6E7E8;
    position: absolute;
    top: 0;
    left: 0;
}

.running-inp input.error-text+label::before {
    border: 1px solid red;
}

.running-inp label::after {
    display: none;
    content: '';
    width: 34px;
    height: 34px;
    background: #F78D20;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
}

.running-inp input[type="radio"]:checked+label::after {
    display: block;
}

.step-inputs__item-width {
    width: 570px;
}

.inputs__item {
    position: relative;
}

.inputs__item input {
    width: 100%;
}

.form3-wrapper {
    width: 570px;
    display: flex;
    justify-content: space-between;
    margin: 20px 0px 14px;
}

.form3-item {
    width: 130px;
}

.form3-item p {
    font-weight: 600;
    font-size: 14px;
    color: #313131;
    margin-bottom: 10px;
}

.form3-item-inputs {
    display: flex;
}

.form3-item-inputs input:first-child {
    margin-right: 7px;
}

.form3-item-inputs input {
    width: 50%;
    padding: 22px 10px 22px 22px;
    -moz-appearance: textfield;
}

.form3-item-inputs input::-webkit-outer-spin-button,
.form3-item-inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form3-item__last input {
    width: 100%;
}

.step3-wrapper {
    margin-top: 24px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
}

.step3-left {
    /*margin-right: 35px;*/
    /*min-width: 280px;*/
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 280px;
}

.step3-radios {
    margin-bottom: 10px;
}

.step3-inputs {
    display: flex;
    flex-direction: column;
    width: 280px;
    margin-top: 86px;
}

.lastInp-wrapper {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.lastInp-wrapper label {
    position: absolute;
    right: 10px;
    top: calc(50% - 3px);
}

.step3-inputs input,
.lastInp-wrapper input {
    height: 60px;
    margin-top: 10px;
    font-size: 13px;
    color: #828282;
    font-weight: 400;
}

.lastInp-wrapper input {
    width: 100%;
    margin-top: 0;
}

.step3-inputs input::placeholder,
.lastInp-wrapper input::placeholder {
    font-size: 13px;
    color: #828282;
    font-weight: 400;
}

/* .inpPhone::-webkit-input-placeholder {
    color: red;
} */

.stepe3Btn {
    margin: 40px 0px;
}

.agree {
    width: 270px;
    font-size: 12px;
    line-height: 19px;
    color: #828282;
}

.step3-right {
    /*margin-bottom: -155px;*/
    /*margin-bottom: -300px;*/
}

.ui-widget {
    font-family: 'Gilroy', sans-serif;
}

.ui-datepicker {
    /* padding: 30px 32px 10px; */
    padding: 25px 32px 10px;
}

.ui-widget.ui-widget-content {
    width: 295px;
    border: none;
}

.ui-widget-header {
    font-size: 14.8px;
    line-height: 17px;
    text-align: center;
    color: #333333;
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    font-size: 12.36px;
    line-height: 14px;
    border: none;
    background: none;
    display: flex;
    justify-content: center;
}

.ui-datepicker th {
    /* padding: 30px 0px 10px; */
    padding: 10px 0px 10px;
    color: #3FA420;
    font-weight: 600;
}

/*.datepicker-flex .ui-widget.ui-widget-content,*/
/*.datepicker-flex-modal .ui-widget.ui-widget-content {*/
/*    max-height: 285px;*/
/*}*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 30px;
    border-radius: 50%;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0;
    font-weight: 600 !important;
}

.ui-datepicker-current-day {
    background: #3FA420;
    border-radius: 50%;
}

.ui-datepicker-current-day a {
    color: #fff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #454545;
}

.ui-datepicker td {
    width: 30px;
}

.ui-widget-header .ui-icon {
    width: 6px;
    height: 10px;
    background-image: url(../images/date-arrow.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-left: 0;
    left: auto;
    right: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 6px;
    height: 100%;
    cursor: pointer;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none;
    background: none;
    border-width: 0;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev {
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-prev {
    margin-top: -5px;
}

.datepicker-availiable {
    display: flex;
    flex-direction: column-reverse;
}

.datepicker-availiable p {
    max-width: 295px;
    border-top: 2px solid #F3F6FC;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 25px 7px;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}

.step-form .step-block {
    display: none;
}

.step-form .step-block:first-of-type {
    display: block;
}

.step-form .step-block.hidden {
    display: none;
}

.step-form .step-block.visible {
    display: block;
}

.step-form .steps button {
    border: 0;
}

.step-form .steps [disabled] {
    background: none;
}

.step-form .steps .active {
    background: #eee;
}

.error-text {
    color: red;
    border: 1px solid red !important;
}

span.error-text {
    display: none !important;
}

.form-processing {
    display: none;
}

.loading {
    text-align: center;
}

.loading-logo {
    width: 200px;
    height: 200px;
    padding: 55px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.loading-logo::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 6px solid #F78D20;
    border-radius: 50%;
    border-top-color: #3FA420;
    animation: 1.5s spin infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading-list {
    margin-top: 32px;
    height: 180px;
}

.loading-list li {
    display: none;
    font-weight: 600;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: #043148;
}

.result {
    display: none;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.result-item {
    display: none;
}

.result-item-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.result-item__left {
    display: flex;
    align-items: center;
    margin-right: 45px;
}

.result-title {
    width: 150px;
    font-weight: 600;
    font-size: 24px;
    color: #043148;
}

.result-item__right {
    display: flex;
    align-items: center;
}


/*stars*/

:root {
    --star-size: 30px;
    --star-color: #E0E0E0;
    --star-background: #F78D20;
}

.Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    margin-left: 40px;
}

.Stars::before {
    content: '★★★★★';
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.result-process {
    width: 36px;
    height: 24px;
    background: url(../images/process-done.svg);
    background-position: center;
    background-repeat: no-repeat;
    animation: 2s process;
    position: relative;
}

.result-process::before {
    content: attr(data-got);
    font-size: 18px;
    color: #043148;
    width: 215px;
    position: absolute;
    top: 0;
    right: -235px;
    animation: 2s processText;
}

.modal-result .result-process::before {
    width: 160px;
    right: -190px;
}

@keyframes process {
    from {
        background: url(../images/process.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    15% {
        background: url(../images/process1.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    30% {
        background: url(../images/process2.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    45% {
        background: url(../images/process3.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    60% {
        background: url(../images/process4.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    75% {
        background: url(../images/process5.svg);
        background-position: center;
        background-repeat: no-repeat;
    }

    99% {
        background: url('');
    }

    to {
        background: url(../images/process-done.svg);
        background-position: center;
        background-repeat: no-repeat;
    }
}

@keyframes processText {
    from {
        content: attr(data-in);
    }

    15% {
        content: attr(data-in);
    }

    30% {
        content: attr(data-in);
    }

    45% {
        content: attr(data-in);
    }

    60% {
        content: attr(data-in);
    }

    75% {
        content: attr(data-in);
    }

    to {
        content: attr(data-got);
    }
}

.how {
    padding: 170px 0px 160px;
}

.how-btn-mobile {
    display: none;
}

.how-wrapper {
    padding-top: 35px;
}

.how-wrapper .how-item:first-child {
    margin-top: 0;
}

.how-item {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
}

.how-img {
    line-height: 0;
}

.how-img img {
    max-width: 618px;
    height: auto;
}

.how-content {
    padding-top: 55px;
    width: 430px;
}

.how-item__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
}

.how-item__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
    margin-top: 5px;
}

.how-content .btn {
    margin-top: 30px;
}

.blue-section {
    background: #F3F6FC;
    padding: 110px 0px 100px;
}

.white-block {
    background: #fff;
    padding: 67px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    border-radius: 8px;
}

.white-block__text {
    padding-right: 40px;
    font-weight: 600;
    font-size: 30px;
    color: #043148;
}

.why {
    padding: 160px 0px;
}

.why-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.why-item {
    width: 368px;
    text-align: center;
}

.why-img img {
    max-width: 100%;
    height: auto;
}

.why-text {
    margin-top: 40px;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #043148;
}

.partners {
    padding-bottom: 160px;
}

.partners-subtitle {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #313131;
    width: 585px;
    margin: 18px auto 40px;
}

.partners-slider .slick-slider .slick-list {
    height: 200px;
}

.partners-slider .item {
    width: 235px;
    height: 160px;
    background: #FFFFFF;
    border: 1px solid #E6E7E8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 34px;
    margin: 0px 5px;
}

.partners-slider .slick-list {
    height: 230px;
}

.partners-slider .slick-list .slick-track {
    margin-top: 35px;
}

.partners-slider .item.slick-current,
.partners-slider .item.slick-center {
    box-shadow: 0px 0px 15px rgba(129, 129, 129, 0.1);
    transform: scale(1.32, 1.25);
}

.partners-slider .item img {
    max-width: 100%;
    height: auto;
}

.slick-slider .slick-prev {
    cursor: pointer;
    font-size: 0;
    border: none;
    width: 12px;
    height: 34px;
    background: url(../images/slider-arrow.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    position: absolute;
    top: calc(50% - 6px);
    left: -60px;
    outline: none;
}

.slick-slider .slick-next {
    cursor: pointer;
    font-size: 0;
    border: none;
    width: 12px;
    height: 34px;
    background: url(../images/slider-arrow.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 6px);
    right: -60px;
    outline: none;
}

.reviews {
    padding: 160px 0px;
}

.reviews-slider {
    padding-top: 36px;
}

.reviews-slider .slick-track {
    display: flex;
}

.reviews-slider .item {
    height: inherit !important;
    margin: 0px 15px;
    display: flex;
    flex-direction: column;
}

.reviews-text {
    padding: 40px 45px;
    height: 100%;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    color: #313131;
    background: #F3F6FC;
    border-radius: 6px;
}

.reviews-author {
    position: relative;
    padding-top: 28px;
    display: flex;
    align-items: center;
}

.reviews-author::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 100px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 33px 50px;
    border-color: transparent transparent #f3f6fc transparent;
    transform: rotate(330deg);
}

.reviews-author p {
    margin-left: 25px;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
    font-weight: 700;
}

.faq {
    padding-bottom: 170px;
}

.faq .title {
    margin-bottom: 40px;
}

.questions-details {
    padding: 27px 20px;
    margin-top: 20px;
    background: #FFF;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    border-radius: 6px;
    position: relative;
    margin-bottom: 10px;
}

.questions-details::before {
    content: '';
    background: #F78D20;
    border-radius: 8px 0px 0px 8px;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.questions-details summary {
    padding: 0 20px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    color: #043148;
}

.questions-details summary::-webkit-details-marker {
    display: none;
}

.summary-arrow {
    margin-left: 20px;
}

.questions-details[open] .summary-arrow img {
    transform: rotate(180deg);
}

.questions-details hr {
    margin: 18px 0px 28px;
}

.questions-details p {
    padding: 0 20px;
    font-weight: 300;
    font-size: 17px;
    line-height: 32px;
    color: #313131;
    margin-bottom: 10px;
}

.questions-content {
    padding-bottom: 30px;
}

.faq-btn {
    margin: 40px auto 0px;
}

.page-content {
    padding: 50px 0px;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
}

.page-content p {
    margin-bottom: 10px;
}

.page-content img {
    max-width: 100%;
    height: auto;
}

.modal {
    background: rgb(49 49 49 / 40%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    /* align-items: center; */
    align-items: flex-start;
    justify-content: center;
    visibility: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    overflow-x: auto;
    padding: 50px 0px 20px;
}

.modal.active {
    /*display: flex;*/
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.modal-wrapper {
    position: relative;
    width: 680px;
    background: #F3F6FC;
    border-radius: 8px;
    /* padding: 50px 60px 50px 40px; */
    padding: 50px 30px 50px 40px;
}

.close {
    cursor: pointer;
    position: absolute;
    top: -65px;
    right: -65px;
    z-index: 1;
}

.close-img-black {
    display: none;
}

.modal-form {
    padding-left: 0;
}

.tab_item {
    display: none;
}

.tab_item:first-child {
    display: block;
}

.faq-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.faq-tabs .tab {
    cursor: pointer;
    width: 260px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F78D20;
    font-size: 20px;
    line-height: 36px;
    background: #FFFFFF;
    border: 1px solid #F78D20;
    border-radius: 6px 0px 0px 6px;
    font-weight: 600;
}

.faq-tabs .tab:nth-child(2) {
    border-radius: 0px 6px 6px 0px;
}

.faq-tabs .tab.active {
    background: #F78D20;
    color: #FFFFFF;
}


/*06.06.2021*/

.vehicle-btn-box {
    display: flex;
}

.btn-add,
.btn-add_modal {
    position: relative;
    width: 280px;
    min-width: 280px;
    margin-left: 20px;
    color: #F78D20;
    background: #fff;
    box-shadow: 0px 4px 4px rgba(247, 141, 32, 0.22);
    border-radius: 4px;
    border: 1px solid #F78D20;
}

.btn-add:not(.save_tab):before,
.btn-add_modal:not(.save_tab):before {
    content: '+\00a0';
}

.save_tab {
    border: 1px solid #3FA420;
    color: #3FA420;
    box-shadow: none;
}

.save_tab:hover {
    box-shadow: 0px 4px 4px rgba(63, 164, 32, 0.22);
}

.vehicle-tabs {
    position: fixed;
    bottom: 0;
    left: auto;
    right: auto;
    display: flex;
    z-index: 1;
}

.vehicle-tabs .item {
    margin-right: 7px;
    width: 125px;
    padding: 5px 3px 3px 10px;
    background: #F3F6FC;
    border-top: 1px solid #3FA420;
    border-left: 1px solid #3FA420;
    border-right: 1px solid #3FA420;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vehicle-tabs .item.hide {
    display: none;
}

.vehicle-tabs .item::before {
    cursor: pointer;
    line-height: 17px;
    color: #313131;
}

.vehicle-tabs .item:nth-child(1)::before {
    content: '1st Vehicle';
}

.vehicle-tabs .item:nth-child(2)::before {
    content: '2nd Vehicle';
}

.vehicle-tabs .item:nth-child(3)::before {
    content: '3rd Vehicle';
}

.vehicle-tabs .item:nth-child(4)::before {
    content: '4th Vehicle';
}

.vehicle-tabs .item:nth-child(5)::before {
    content: '5th Vehicle';
}

.vehicle-tabs .item:nth-child(6)::before {
    content: '6th Vehicle';
}

.vehicle-tabs .item.active {
    background: #3FA420;
}

.vehicle-tabs .item.active::before {
    color: #FFFFFF;
}

.vehicle-tabs .item.active .vehicle-delete:before {
    background: #fff;
}

.vehicle-tabs .item.active .vehicle-delete:after {
    background: #fff;
}

.modal-vehicle-tabs {
    position: absolute;
}

.vehicle-hidden .vehicle-tabs {
    display: none;
}

.modal-vehicle-tabs .item:nth-child(1)::before {
    content: '1st';
}

.modal-vehicle-tabs .item:nth-child(2)::before {
    content: '2nd';
}

.modal-vehicle-tabs .item:nth-child(3)::before {
    content: '3rd';
}

.modal-vehicle-tabs .item:nth-child(4)::before {
    content: '4th';
}

.modal-vehicle-tabs .item:nth-child(5)::before {
    content: '5th';
}

.modal-vehicle-tabs .item:nth-child(6)::before {
    content: '6th';
}

.modal-vehicle-tabs .item {
    width: 60px;
}

.modal-vehicle-tabs .item.active {
    width: 125px;
}

.modal-vehicle-tabs .item.active:nth-child(1)::before {
    content: '1st Vehicle';
}

.modal-vehicle-tabs .item.active:nth-child(2)::before {
    content: '2nd Vehicle';
}

.modal-vehicle-tabs .item.active:nth-child(3)::before {
    content: '3rd Vehicle';
}

.modal-vehicle-tabs .item.active:nth-child(4)::before {
    content: '4th Vehicle';
}

.modal-vehicle-tabs .item.active:nth-child(5)::before {
    content: '5th Vehicle';
}

.modal-vehicle-tabs .item.active:nth-child(6)::before {
    content: '6th Vehicle';
}

.vehicle-delete {
    cursor: pointer;
    position: relative;
}

.vehicle-delete:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    border-radius: 8px;
}

.vehicle-delete:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 1px;
    background: #000;
    transform: rotate(-45deg);
    border-radius: 8px;
}


/*Blog*/

.breadcrumbs {
    background: #F3F6FC;
    padding: 17px 0px;
    color: #8DA2AC;
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
}

.breadcrumbs-list li,
.breadcrumbs-list li a,
.separator {
    font-size: 12px;
    line-height: 16px;
}

.separator {
    margin: 0px 5px;
}

.blog-page {
    padding: 60px 0px 180px;
}

.blog-title {
    font-size: 52px;
    line-height: 62px;
    color: #043148;
}

.blog-subtitle {
    margin-top: 15px;
    max-width: 1000px;
    font-size: 24px;
    line-height: 40px;
    color: #313131;
    font-weight: 400;
}

.blog-box {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-wrapper {}

.blog-wrapper-container {
    /* display: grid; */
    /* grid-template-columns: repeat(auto-fill, 31%); */
    /* justify-content: space-between; */
    /* width: 870px; */
    width: 900px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.pagination {
    display: flex;
    justify-content: center;
}

.wp-pagenavi {
    display: flex;
    align-items: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    background: none;
    border: none;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #313131;
    margin: 0;
    padding: 0;
    margin: 0px 17px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.wp-pagenavi span.current {
    border: 1px solid #F78D20;
    border-radius: 50%;
    width: 42px;
    margin: 0;
    font-weight: 700;
    color: #F78D20;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    font-size: 0;
    height: 18px;
    width: 9px;
    background: url(../images/pagination-arrow.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.wp-pagenavi .nextpostslink {
    transform: rotate(180deg);
}

.article {
    width: 270px;
    text-decoration: none;
    margin-bottom: 50px;
}

.article-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #043148;
}

.article .article-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #313131;
    margin: 6px 0px;
}

.article .article-date {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #313131;
}

.article-img {
    width: 100%;
    height: 160px;
    overflow: hidden;
    margin-bottom: 23px;
    border-radius: 8px;
}

.article-img img {
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

.article>.article-img img {
    transition: transform 0.3s linear;
    width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.article:hover>.article-img img {
    transform: scale(1.1);
}

.blog-sidebar {
    position: sticky;
    top: 0px;
    width: 270px;
    height: 100%;
}

.sidebar-start {
    padding-top: 30px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    line-height: 0;
}

.sidebar-start__title {
    padding: 0px 27px;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #043148;
}

.btn-sidebar {
    width: calc(100% - 70px);
    margin: 16px auto 27px;
    min-width: auto;
    height: 54px;
    font-size: 14px;
}

.sidebar-item {
    margin-bottom: 33px;
}

.sidebar-info {
    padding: 20px 10px 15px;
    background: #F3F6FC;
    border-radius: 8px;
}

.sidebar-info__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #043148;
    padding: 0px 18px;
}

.sidebar-info hr {
    margin: 14px 0px 20px;
    background: #DDE3F4;
    height: 1px;
    border: none;
    width: 100%;
}

.sidebar-info-list {
    padding: 0px 18px;
}

.sidebar-info-list__item {
    margin-bottom: 20px;
}

.sidebar-info-list__item:hover h3 {
    color: #6c7a80;
}

.sidebar-info-list__item .active h3 {
    color: #f78d20;
}

.sidebar-info-list__item h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #313131;
    margin-bottom: 8px;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.sidebar-info-list__item p {
    font-weight: 300;
    font-size: 13px;
    line-height: 13px;
    color: #313131;
}

.sidebar-share {
    background: #FFFFFF;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
}

.sidebar-social {
    display: flex;
    padding: 0px 18px;
}

.sidebar-social__item {
    text-decoration: none;
    margin-left: 12px;
}

.sidebar-social .sidebar-social__item:first-child {
    margin-left: 0;
}

.btn-single {
    width: 260px;
    margin-top: 30px;
}

.single-img {
    margin: 60px 0px 20px;
    border-radius: 8px;
}

.single-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.single-content {
    width: 870px;
}

.single-content p:not(.shortcode-calculator p) {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
    margin-bottom: 30px;
}

.single-content img:not(.shortcode-calculator img) {
    max-width: 100%;
    height: auto !important;
    border-radius: 8px !important;
}

.single-content iframe {
    max-width: 100%;
}

.related-articles {
    margin-top: 60px;
}

.related-title {
    font-size: 36px;
    line-height: 48px;
    color: #043148;
}

.related-wrapper {
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 31%);
    justify-content: space-between;
}

.guides-wrapper {
    padding-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 49%);
    justify-content: space-between;
}

.guides-article {
    display: flex;
    height: 210px;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    border-radius: 8px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    position: relative;
    z-index: 1;
}

.guides-article:hover {
    -webkit-transform: scale(1, 1.1);
    -moz-transform: scale(1, 1.1);
    -o-transform: scale(1, 1.1);
    z-index: 0;
}

.guides-article .article-img {
    margin-bottom: 0;
    min-width: 200px;
    width: 200px;
    min-height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.guides-content {
    padding: 30px 40px 20px 40px;
    background: #FFFFFF;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.last-article {
    width: 100%;
    height: 210px;
    background: #F3F6FC;
    padding: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    text-decoration: none;
}

.last-article:hover {
    -webkit-transform: scale(1, 1.1);
    -moz-transform: scale(1, 1.1);
    -o-transform: scale(1, 1.1);
}

.last-article-text {
    width: 215px;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #043148;
}

.last-article-btn {
    width: 200px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #F78D20;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    color: #F78D20;
    font-weight: 700;
}


/* Loader */

#form_loader {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff85;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

#gear {
    width: 200px;
}

#gear img {
    width: 100%;
    height: auto;
    animation: rotateGear 2.5s infinite linear;
}

@keyframes rotateGear {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#form_loader.active {
    visibility: visible;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.please-wait {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 50px;
    left: 0;
    justify-content: center;
    z-index: 999;
}

.please-wait.active {
    display: flex;
}

.please-wait p {
    font-size: 20px;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer-right {
    display: flex;
    align-items: center;
}

.footer-social {
    margin-top: 10px;
    display: flex;
}

.footer-social__item {
    margin-right: 4px;
    text-decoration: none;
}

.footer-social__item:last-child {
    margin-right: 0;
}

.footer-social__item img {
    max-width: 33px;
    height: auto;
}

.footer-main {
    display: flex;
}

.footer-main-item {
    margin-right: 91px;
}

.footer-main .footer-main-item:last-child {
    margin-right: 0;
}

.footer-main-item h3 {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: #043148;
    margin-bottom: 5px;
}

.footer-main-item ul li {
    margin-bottom: 6px;
}

.footer-main-item ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #043148;
}

.services-box {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.services-box-wrapper {
    width: 870px;
}

.services-box-wrapper__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shipping-services-item {
    width: 420px;
    text-decoration: none;
    display: block;
    margin-bottom: 60px;
}

.services-item__img {
    width: 100%;
    height: 260px;
    overflow: hidden;
    border-radius: 8px;
}

.shipping-services-item__img img {
    transition: transform 0.3s linear;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-radius: 8px;
}

.shipping-services-item:hover>.shipping-services-item__img img {
    transform: scale(1.1);
}

.shipping-services-item__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #043148;
    margin: 28px 0px 12px;
}

.shipping-services-item__more {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #F78D20;
}

.effortless {
    padding-top: 150px;
    padding-bottom: 160px;
}

.effortless-subtitle {
    margin: 18px auto 53px;
    width: 970px;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #313131;
}

.effortless-box {
    display: flex;
    justify-content: space-between;
}

.effortless-item {
    width: 270px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.effortless-item img {
    width: 100%;
    height: auto;
}

.effortless-item p {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-top: 25px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.how-works {
    padding-bottom: 150px;
}

.how-works .title {
    margin-bottom: 50px;
}

.how-works-item {
    margin-bottom: 110px;
}

.how-works-item:last-child {
    margin-bottom: 0;
}

.how-works-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.how-works-content {
    position: relative;
    width: 470px;
}

.how-number {
    position: absolute;
    top: 0;
    left: -50px;
    font-weight: 800;
    font-size: 120px;
    line-height: 48px;
    color: #DDE3F4;
    z-index: -1;
}

.how-works-item__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 12px;
}

.how-works-item__text {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
}

.questions-button {
    cursor: auto !important;
    padding: 9px 20px 9px 40px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    color: #043148;
}

.services-white-block {
    padding: 67px 80px;
}

.cost {
    padding: 150px 0px;
}

.tab_item {
    display: none;
}

.tab_item:first-child {
    display: block;
}

.cost-wrapper {
    padding-top: 40px;
}

.cost-tabs {
    display: flex;
    justify-content: center;
}

.cost-tab {
    width: 300px;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #1F2428;
    position: relative;
    cursor: pointer;
    margin-bottom: 40px;
    /*    font-family: 'Barlow', sans-serif;*/
}

.cost-tab.active {
    color: #F07440;
}

.cost-tab.active::before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #F07440;
}

.cost-table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
}

.mobile-table {
    display: none;
}

.transit-table {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.cost-table tr:nth-child(odd) {
    background: #F3F6FC;
    border-radius: 4px;
}

.cost-table tr th,
.cost-table tr td {
    padding: 24px;
    /*    font-family: 'Barlow', sans-serif;*/
}

.cost-table tr th {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
}

.cost-table tr td {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
}

.table-center {
    text-align: center;
}

.under-text {
    margin-top: 22px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.transportation-services {
    padding-bottom: 150px;
}

.transportation-services-slider {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 23px;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    top: calc(40% - 6px);
}

.transportation-services__item {
    text-decoration: none;
    width: 370px;
    display: block;
    margin: 0px 15px;
}

.transportation-services__item__img {
    display: block;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 8px;
}

.transportation-services__item__img img {
    transition: transform 0.3s linear;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    border-radius: 8px;
}

.transportation-services__item:hover>.transportation-services__item__img img {
    transform: scale(1.1);
}

.transportation-services__item .shipping-services-item__title {
    margin: 23px 0px 12px;
}

.service-block {
    padding-bottom: 150px;
}

.transport {
    flex-direction: column;
}

.transport-slider {
    width: 100%;
    padding: 0px 20px;
}

.multi-step-form {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

.step2-form {
    margin-top: 25px;
}

.transport-slider .slick-next,
.transport-slider .slick-prev {
    background-image: url(../images/slider-arrow-orange.svg);
    width: 11px;
    height: 32.5px;
    top: 16px;
}

.transport .transport-slider .slick-next {
    right: 0px;
}

.transport .transport-slider .slick-prev {
    left: 0px;
}

.datepicker-inp,
.datepicker-inp-modal {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.popup.active {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.popup {
    visibility: hidden;
    opacity: 0;
    overflow-x: auto;
    background: rgb(49 49 49 / 50%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    transition: all 0.3s ease;
    padding: 50px 0px 20px;
    align-items: flex-start;

    overflow-y: scroll;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popup-wrapper {
    position: relative;
    background: #F3F6FC;
    border-radius: 8px;
    width: 480px;
    padding: 47px 40px 56px;
}

.popup-wrapper .close {
    position: absolute;
    top: -45px;
    right: -45px;
}

.popup-wrapper .close img {
    width: 50px;
    height: auto;
}

.popup-wrapper p {
    padding: 0 30px;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    color: #043148;
}

.popup-wrapper input,
.popup-wrapper textarea {
    width: 100%;
}

.popup-wrapper textarea {
    height: 100px;
}

.popup-wrapper button[type="submit"] {
    margin: 41px auto 0px;
}

.popup-wrapper .inp-label {
    margin-top: 28px;
}

.inp-label {
    position: relative;
}

.inp-label label {
    font-size: 13px;
    color: #828282;
    position: absolute;
    top: -8px;
    left: 20px;
    z-index: 2;
    display: flex;
}

.inp-label label::before {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #F3F6FC;
    position: absolute;
    bottom: 6px;
    left: -5px;
    z-index: -1;
}

.inp-label label::after {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 5px;
    left: -5px;
    z-index: -1;
}

.wrapper-verificate {
    display: flex;
    align-items: center;
}

.wrapper-verificate .inp {
    border-right: none;
}


/*.wrapper-verificate .info span{
	right: 25px;
	left: auto;
	
}

.wrapper-verificate .info-right span::before{
	left: auto;
	right: -9.5px;
	transform: rotate(180deg);
}*/

.verify-info {
    visibility: hidden;
    position: absolute;
    top: calc(50% - 25px);
    left: -8px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 12px;
    line-height: 14px;
    width: 175px;
    padding: 0px 5px 0px 9px;
    background: #fff;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
    font-weight: 300;
    color: #828282;
    z-index: 2;
}

.verify-info.info-active {
    visibility: visible;
}

.verify-info::after {
    content: '';
    position: absolute;
    top: 7px;
    right: -9px;
    height: 35px;
    width: 15px;
    background: url(../images/info-triangle-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: rotate(180deg);
}

.step3-inputs .verify {
    min-width: 80px;
    height: 60px;
    margin-top: 10px;
    margin-left: -4px;
    position: relative;
    background: #3FA420;
    border: 1px solid #E6E7E8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #FFFFFF;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.step3-inputs .verify:hover {
    background: #3fa420c9;
}

.verify-code-block {
    margin-top: 10px;
    display: flex;
    background: #FFFFFF;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
}

.step3-inputs .verify-code {
    text-align: center;
    width: 180px;
    height: 30px;
    margin-top: 0;
    padding: 0px 23px;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    line-height: 17px;
    background: none;
    border: none;
    outline: none;
}

.step3-inputs .verify-code.error-text {
    border: 1px solid red;
}

.step3-inputs .verify-code:placeholder {
    font-weight: 400;
    color: #828282;
    font-size: 13px;
}

.resend-code {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    border-left: 1px solid #E6E7E8;
    padding: 0px 9px;
}

.resend-code__text {
    color: #3FA420
}

.resend-code__timer {
    color: #828282;
}


/* New */

button.btn-prev {
    display: flex;
    align-items: center;
    margin-top: 30px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #F78D20;
    border: none;
    background: transparent;
    outline: none;
}

button.btn-prev img {
    margin-right: 7px;
}

.step-nav__item.btn-next,
.step-nav__item.btn-prev {
    cursor: pointer;
}

.blog-wrapper-container.grid-none {
    grid: none;
    width: 870px;
    margin-left: 0;
}

.grid-none .article {
    margin-left: 0;
}

.blog-articles-title {
    font-weight: 600;
    font-size: 28px;
    color: #043148;
    margin-bottom: 20px;
}

.big-article.article {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.big-article:hover {
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.2);
}

.big-article__img {
    min-width: 452px;
    max-width: 452px;
    overflow: hidden;
    border-radius: 8px;
}

.big-article__img img {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 8px;
}

.big-article .article-content {
    padding: 17px 25px 10px 22px;
}

.big-article .article-title {
    font-size: 22px;
}

.big-article .article-text {
    margin: 21px 0px 14px;
}

.big-article__link {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #F78D20;
    text-decoration: none;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.big-article__link:hover {
    color: #313131;
}

.blog-btn,
.blog-articles-title.mobile,
.drop-choice {
    display: none;
}


/* cookie */

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    background: rgba(4, 49, 72, 0.8);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 3000ms;
}

.cookiealert a {
    color: #FFFFFF;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.cookiealert a:hover {
    color: #F78D20;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    padding: 15px;
}

.cookiealert .closecookies {
    position: absolute;
    top: calc(50% - 26px);
    right: 80px;
    cursor: pointer;
    padding: 15px;
}

.popup-leave,
.popup-thank {
    padding: 50px 0px 20px;
    align-items: flex-start;
}

.popup-leave .popup-title {
    font-size: 38px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popup-leave .popup-wrapper,
.popup-thank .popup-wrapper {
    width: 465px;
}

.popup-leave .popup-wrapper {
    padding: 35px 36px 35px;
}

.popup-leave p {
    text-align: left;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #043148;
}

.help-wrapper {
    margin-bottom: 25px;
}

.help-btn {
    position: relative;
    display: flex;
    align-items: center;
    background: #3FA420;
    box-shadow: 0px 4px 4px rgba(63, 164, 32, 0.22);
    border-radius: 4px;
    padding: 18px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.help-btn:hover {
    background: #4BC526;
}

.help-btn.form_modal {
    background: #F78D20;
    box-shadow: 0px 4px 4px rgba(247, 141, 32, 0.2);
}

.help-btn.form_modal:hover {
    background: #FEA244;
}

.help-btn__text {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.help-btn__img {
    width: 29px;
    margin-right: 31px;
}

.help-btn__img img {
    max-width: 100%;
    height: auto;
}

.help-form {
    display: none;
    margin-top: -4px;
    background: #FFFFFF;
    border: 1px solid #3FA420;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 27px 20px 19px;
}

.help-form__text {
    margin-bottom: 13px;
}


/* .help-inp {
    padding: 20px 23px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    color: #043148;
    outline: none;
}

.help-inp::placeholder {
    font-weight: 600;
    font-size: 13px;
    color: #043148;
} */

.help-inp {
    font-size: 13px;
    color: #043148;
    font-weight: 600;
    padding: 18px 23px;
}

.help-inp::placeholder {
    font-weight: 600;
    font-size: 13px;
    color: #043148;
}

.help-inputs .inp {
    border-radius: 0;
    margin-top: -1px;
}

.help-inputs .inp:first-child {
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.help-inputs .inp:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.help-inputs .error-text {
    position: relative;
}

.help-submit {
    margin-top: 25px;
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 258px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    background: #F78D20;
    box-shadow: 0px 4px 4px rgba(247, 141, 32, 0.22);
    border-radius: 4px;
    text-decoration: none;
}

.help-submit img {
    margin-left: 30px;
}

.help-submit:hover {
    box-shadow: 2px 4px 8px 0px rgb(247 141 32 / 60%);
}

.popup::-webkit-scrollbar {
    display: none;
}

.inp-relative {
    position: relative;
}

.inp-relative label {
    font-size: 13px;
    color: #828282;
    position: absolute;
    top: -6px;
    left: 23px;
    z-index: 2;
    display: flex;
}

.inp-relative label::after {
    content: '';
    width: calc(100% + 8px);
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 7px;
    left: -4px;
    z-index: -1;
}

.mini-help-inputs .inp {
    padding: 12px 23px;
}

.mini-help-inputs .inp-relative .inp {
    border-radius: 0;
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.help-margin-bottom {
    margin-bottom: 19px;
}

.help-zip {
    display: flex;
}

.help-zip .delivery-zip,
.help-zip .inp-relative {
    width: 50%;
}

.help-zip .delivery-zip {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.help-zip .inp-relative .inp {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.help-zip .info {
    position: absolute;
    margin: 0;
    top: -3px;
    right: -10px;
}

.help-zip .info-zip img {
    width: 7px;
    height: auto;
}

.popup-leave textarea {
    height: 106px;
}

#help_date {
    cursor: pointer;
}

#ui-datepicker-div:not(.freight-datepicker-calendar) {
    top: auto !important;
    bottom: 20px;
}

.popup-thank .popup-wrapper {
    transform: translateY(-100%);
    transition: all 500ms ease-out;
}

.popup-thank.active .popup-wrapper {
    transform: translateY(0%);
}

.popup-thank .popup-wrapper {
    padding: 41px 36px 53px;
}

.popup-thank__img {
    text-align: center;
}

.popup-thank__img img {
    max-width: 278px;
    height: auto;
}

.popup-thank__title {
    margin: 28px 0px;
    font-weight: 700;
    font-size: 38px;
    line-height: 36px;
    text-align: center;
    color: #41A432;
}

.popup-thank__text {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #828282;
}

.thank-info-column {
    max-width: 390px;
    margin: 30px auto 40px;
    padding: 15px 76px 30px;
    background: #FFFFFF;
    border: 1px solid #3FA420;
    border-radius: 5px;
    text-align: center;
}

.thank-info-column__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #313131;
}

.thank-btn {
    width: 176px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 23px 13px;
    font-weight: 700;
    font-size: 16px;
    color: #3A3A3A;
    border: 1px solid #F78D20;
    filter: drop-shadow(0px 4px 4px rgba(247, 141, 32, 0.22));
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #FFFFFF;
}

.thank-btn:hover {
    background: #F78D20;
    color: #FFFFFF;
}

.thank-info-column .thank-btn {
    margin: 18px auto 20px;
}

.thank-social {
    display: flex;
    justify-content: center;
}

.thank-social__item {
    text-decoration: none;
    margin-right: 3px;
}

.thank-social .thank-social__item:last-child {
    margin-right: 0;
}

.return-to-site {
    width: 111px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #F78D20;
    border-bottom: 1px dashed #F78D20;
    transition: all 0.3s ease;
}

.return-to-site:hover {
    color: #3A3A3A;
    border-bottom: 1px dashed #3A3A3A;
}


/* popup phone */

.popup-phone .popup-wrapper {
    padding: 30px 22px 15px;
    max-width: 465px;
}

.popup-phone .help-form__text {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 19px;
}

.popup-phone .help-margin-bottom {
    margin-bottom: 23px;
}

.popup-phone .help-btn__text {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
}

.popup-phone .help-btn {
    justify-content: center;
}

.help-btn-big .help-btn__text {
    font-size: 32px;
    line-height: 40px;
}

.help-form-phone {
    padding: 35px 20px 40px;
}

.help-form-phone .help-form__text {
    font-weight: 500;
    font-size: 24px;
    line-height: 25px;
    color: #043148;
    padding: 0 25px;
}

.help-phone-btn {
    text-align: center;
}

.help-form-phone .help-submit {
    display: inline-flex;
    max-width: 100%;
    width: auto;
    padding: 19px;
    margin-top: 0;
    min-width: 240px;
}

.help-form-phone .help-submit img {
    margin-left: 20px;
}

.help-transport {
    width: 100%;
    margin: 40px 0px 35px;
}

.help-transport .transport-slider {
    padding: 0px 15px 0px 11px;
}

.help-transport .slick-next,
.help-transport .slick-prev {
    background-image: url(../images/slider-arrow-help.svg);
    height: 42.5px;
    top: 9px;
}

.help-transport-title span {
    /* margin: 0px 4px; */
    text-transform: lowercase;
}

.thank-from-phone,
.thank-from-referral {
    display: none;
}

.thank-phone .thank-from-phone,
.thank-referral .thank-from-referral {
    display: block;
}

.thank-phone .thank-default,
.thank-referral .thank-default {
    display: none;
}

.popup-thank__title span {
    display: block;
    font-size: 30px;
}

.thank-from-phone .popup-thank__title {
    margin: 11px 0;
}

.popup-thank__call {
    margin: 29px 0px 15px;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    color: #797979;
}

.thank-from-phone .help-transport-btn {
    max-width: 266px;
    margin-bottom: 39px;
}


/* Form switch */

.form-switch {
    padding: 27px 38px 27px 17px;
    /*margin-top: 15px;*/
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
}

.switcher {
    display: flex;
    align-items: center;
}

.switcher.business {
    width: 230px;
    margin-right: 70px;
}

.switcher input {
    display: none;
}

.switcher input+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switcher input+label {
    width: 61px;
    height: 34px;
}

.switcher input+label:before,
.switcher input+label:after {
    border: 1px solid #E6E7E8;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    content: "";
    transition: all 0.2s ease;
}

.switcher input+label:before {
    right: 0px;
    background: #fff;
    border-radius: 60px;
}

.switcher input+label:after {
    width: 32px;
    height: 32px;
    margin: 0;
    background: #FFFFFF;
    border-radius: 100%;
}

.switcher input:checked+label:before {
    border: 1px solid #3FA420;
}

.switcher input:checked+label:after {
    margin-left: calc(100% - 34px);
    border: 1px solid #3FA420;
    background-color: #3FA420;
}

.switcher-text {
    font-size: 18px;
    margin-left: 12px;
    font-weight: 500;
    font-size: 14px;
    color: #313131;
}

.select-rooms {
    display: none;
    position: relative;
    /* margin: 18px 0px 36px; */
    margin: 0px 0px 15px;
    width: 280px;
}

.select-rooms label::before {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #F3F6FC;
    position: absolute;
    bottom: 6px;
    left: -5px;
    z-index: -1;
}

.select-rooms label::after {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 5px;
    left: -5px;
    z-index: -1;
}

.thank {
    display: none;
}

.thank-wrapper {
    display: flex;
    align-items: flex-start;
}

.thank-img img {
    max-width: 600px;
    height: auto;
}

.thank-content {
    width: 753px;
    margin-left: 40px;
    padding-top: 10px;
}

.thank-title {
    font-weight: 500;
    font-size: 70px;
    line-height: 79px;
    color: #043148;
}

.thank-title span {
    display: block;
    font-weight: 700;
    color: #41A432;
}

.thank-text {
    max-width: 600px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #828282;
    margin: 30px 0px;
}

.want-moving {
    position: relative;
    text-align: center;
    padding: 28px 33px 40px;
    background: #FFFFFF;
    border-radius: 5px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #313131;
    /* mask-image: radial-gradient(circle 20px at calc(50% - 10px) calc(100%), transparent 20px, #F3F6FC 0); */
    /* -webkit-mask-image: radial-gradient(circle 20px at calc(50% - 10px) calc(100%), transparent 20px, #F3F6FC 0); */
}

.want-moving img {
    position: absolute;
    bottom: -16px;
    left: calc(50% - 19px);
}

.moving-service {
    position: relative;
    margin: 30px 0px 75px;
    padding: 35px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
}

.moving-service-text {
    width: 246px;
    position: absolute;
    top: -14px;
    left: calc(50% - 123px);
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #043148;
    background: #F3F6FC;
}

.moving-service .select-rooms {
    display: block;
    width: calc(50% - 7px);
    margin: 0;
}

.moving-service .btn {
    width: calc(50% - 7px);
    height: 61px;
    padding: 10px;
}

.moving-service .btn img {
    margin-right: 22px;
}

.thank-info {
    padding: 22px 20px 25px;
    background: #F3F6FC;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.thank-info.back-white {
    background: #FFFFFF;
    border: none;
}

.thank-info__text {
    width: 322px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #313131;
}

.thank-info .thank-btn {
    margin: 0;
}

.modal-thank .thank-wrapper {
    flex-direction: column;
}

.modal-thank .thank-img {
    margin-left: auto;
    margin-right: auto;
}

.modal-thank .thank-img img {
    max-width: 373px;
}

.modal-thank .thank-content {
    padding-top: 36px;
    width: 100%;
    margin-left: 0;
}

.modal-thank .thank-title {
    font-size: 48px;
    line-height: 48px;
}

.modal-thank .thank-text {
    margin: 20px 0px 30px;
}

.modal-thank .want-moving {
    font-size: 22px;
    line-height: 27px;
}

.modal-thank .moving-service {
    padding: 35px 24px;
    margin: 30px 0px;
}

.modal-thank .moving-service .btn {
    text-align: left;
}

.modal-thank .thank-social {
    margin-top: 12px;
}

.modal-thank .thank-social__item {
    margin-right: 11px;
}

.thank-content .return-to-site {
    display: none;
}

.simple-shipping-wrapper {
    padding-top: 42px;
    display: flex;
    justify-content: space-between;
}

.simple-shipping__img img {
    max-width: 603px;
    height: auto;
}

.simple-shipping__text {
    padding-top: 48px;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #313131;
    margin-left: 85px;
    text-align: left;
}

.states-how .how-item:nth-child(2) .how-item__text,
.states-how .how-item:nth-child(3) .how-item__text {
    margin-top: 30px;
}

.states-blue-section .white-block {
    padding: 52px 100px;
}

.states-blue-section .white-block__text {
    line-height: 48px;
    max-width: 500px;
}

.cost .title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.cost .btn {
    max-width: 290px;
    margin: 62px auto 0;
}

.statesBlock {
    padding-bottom: 72px;
}

.statesBlock .title {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}

.statesBlock-subtitle {
    margin: 24px 0px 60px;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #313131;
}

#states_map {
    text-align: center;
}

.states-map-svg {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#state_info {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px rgba(129, 129, 129, 0.1);
    border-radius: 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    /* display: flex; */
    /* align-items: center; */
    color: #313131;
    padding: 26px;
    text-transform: uppercase;
}

#state_info svg {
    width: 21px;
    height: 10px;
    fill: #F78D20;
    margin-left: 6px;
}

.state-item path {
    cursor: pointer;
    transition: all 0.2s ease;
}

.state-item:hover .state-item__area,
.state-item.active .state-item__area {
    fill: #3FA420;
}

.state-item:hover .state-item__text,
.state-item.active .state-item__text {
    fill: #fff;
}


/* .state-popup {
    visibility: visible;
    opacity: 1;
} */

.btn-green {
    background: #3FA420;
}

.state-popup-text {
    font-size: 20px;
    line-height: 32px;
    text-align: left;
    color: #313131;
    margin-bottom: 15px;
    font-weight: 500;
}

.state-popup-buttons {
    display: flex;
    justify-content: space-between;
}

.state-popup-buttons .btn {
    width: 49%;
    box-shadow: none;
}

.state-popup-buttons .popup_cancel {
    background: transparent;
    border: 1px solid #F78D20;
    color: #F78D20;
}

.state-popup-buttons .popup_cancel:hover {
    background: #fff;
}

.state-popup-buttons .btn-green:hover {
    background: #4BC526;
}

#state_popup .popup-wrapper {
    padding: 35px 25px 35px;
}

.head-states {
    padding: 40px 0px 60px;
    /* min-height: 720px; */
}

#state_popup_name {
    color: #F78D20;
}

.select-state .select-inp {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 15px auto 20px;
}

.select-state .btn {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}

.select-state .btn.not {
    background: #DFDCD8;
    box-shadow: none;
}

.select-state {
    display: none;
}

.states-cost .under-text {
    color: #9AA6B4;
}

.to_state {
    cursor: pointer;
}

.breadcrumbs .to_state {
    color: #8DA2AC;
}


/* Call buttons */

.call-buttons-active .header-menu {
    margin-left: 65px;
}

.call-buttons-active .header-menu li {
    margin-right: 45px;
}

.call-buttons-active .menu-freight-pages .header-menu,
.menu-freight-pages .header-menu {
    margin-left: 110px;
}

.call-buttons-active .menu-freight-pages .header-menu li,
.menu-freight-pages .header-menu li {
    margin-right: 70px;
}

.menu-freight-pages .header-menu li:last-child {
    margin-right: 0;
}

.call-buttons-active .header-buttons-wrapp,
.call-buttons-active .call-buttons-wrapp {
    display: flex;
}

.call-btn,
.header-call {
    display: none;
    color: #F78D20;
    background: #FFFFFF;
    border: 1px solid #F78D20;
    margin-right: 15px;
}

.header-call {
    margin-right: 25px;
}

.header-call svg {
    fill: none;
    stroke: #F78D20;
    margin-left: 15px;
}

.call-buttons-active .header-call,
.call-buttons-active .call-btn {
    display: flex;
}

.call-buttons-active .white-block {
    padding: 67px 70px;
}

.mobile-call-btn {
    display: none;
}

.select-other {
    display: flex;
    position: relative;
}

.select-other__arrow {
    position: absolute;
    top: 13px;
    right: 5px;
    z-index: 2;
    padding: 8px;
    cursor: pointer;
}


/* .select-other__arrow:after {
    content: '';
    width: 22px;
    height: 21px;
    background: url(../images/arrow-reverse.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 11px);
    right: calc(50% - 10.5px);
} */

.select-other__arrow img {
    max-width: 22px;
    height: auto;
}


/* .select-other .inp {
    color: #828282;
    font-weight: 400;
} */

.select-other .inp::placeholder {
    color: #828282;
    font-weight: 400;
}

.select-inp.hide,
.select-other.hide {
    display: none;
}

.select-other.step1-inputs__item {
    margin-bottom: 0px;
}


/* Select2 */

.select-inp-select2 .select-inp {
    padding: 0;
}

.select-inp-select2 .select-inp:after {
    display: none;
}

.select-inp-select2 .select2-choice {
    height: 100%;
    padding: 22px;
    border: none;
    border-radius: 4px;
    background: #FFFFFF;
    outline: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #313131;
}

.select2-container .select2-choice .select2-arrow {
    display: none;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    box-shadow: none;
}

.select2-container.error-text .select2-chosen {
    color: red;
}

.select2-drop {
    /* border-top: 1px solid #E6E7E8; */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0px 4px 25px rgba(105, 114, 132, 0.2);
    margin-top: 4px;
    border: 1px solid #E6E7E8;
}

.select2-results .select2-highlighted {
    background-color: #F78D20;
}

.select2-results .select2-highlighted .select2-result-label {
    color: #fff;
}

.select2-search {
    padding: 4px;
}

.select2-search input {
    background: none !important;
    padding: 6px 10px;
    outline: none;
    border-radius: 4px;
    border: 1px solid #E6E7E8;
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #313131;
}

.select2-results {
    margin: 0;
    padding: 0;
    text-align: center;
    max-height: 290px;
}


/* .select2-drop-active {
    border: none;
} */

.select2-results .select2-result-label {
    font-size: 14px;
    line-height: 17px;
    color: rgb(49, 49, 49);
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid rgb(230, 231, 232);
}

.select2-results .select2-disabled {
    background: transparent;
}

.select2-results .select2-disabled .select2-result-label {
    /* color: #999; */
    display: none;
}

.select2-no-results {
    padding: 10px;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    background: none;
    border: none;
    box-shadow: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: none;
}

.show_select_load .select-inp {
    opacity: 0.5;
    pointer-events: none;
}

.show_select_load::before {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    padding: 10px;
    border: 3px solid #f5f5f5;
    border-right-color: #f78d20;
    border-radius: 50%;
    -webkit-animation: rotate 0.7s infinite linear;
    z-index: 1;
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.select2-container.select-inp {
    height: 100%;
}

.validation_fail {
    color: red;
    border: 1px solid red;
}

.validation_fail::placeholder {
    color: red;
}

.show_inp_load input {
    opacity: 0.6;
}

.show_inp_load::before {
    content: '';
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    padding: 10px;
    border: 3px solid #ebf1fc;
    border-right-color: #F78D20;
    border-radius: 50%;
    -webkit-animation: rotate 0.7s infinite linear;
    z-index: 1;
}

.message-popup {
    padding: 0;
    align-items: center;
}

.header-open {
    display: none;
}

.checkbox-permission {
    display: flex;
    position: relative;
    padding-left: 40px;
    margin-top: 40px;
}

.checkbox-permission input[type="checkbox"] {
    /* display: none; */
    opacity: 0;
    height: 0;
    width: 0;
}

.checkbox-permission label {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #313131;
    border: 1px solid transparent;
}

.checkbox-permission label::before {
    content: '';
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    position: absolute;
    top: calc(50% - 13px);
    left: -40px;
    cursor: pointer;
}

.checkbox-permission label::after {
    display: none;
    content: '';
    width: 18px;
    height: 10px;
    background: url(../images/check-mark-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 4px);
    left: -36px;
}

.checkbox-permission input.error-text+label {
    border: 1px solid red;
}

.checkbox-permission input:checked+label::after {
    display: block;
}

.checkbox-permission input:checked+label::after {
    display: block;
}

.checkbox-permission input:checked+label::before {
    background: #3DAB40;
    border: 1px solid #3DAB40;
}

.use-number {
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    color: #828282;
    margin-top: 24px;
    max-width: 610px;
}

.use-number a,
.use-number span {
    color: #828282;
    text-decoration: underline;
}

.head.head-states-moving {
    padding: 40px 0px 60px;
    /* min-height: 720px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-states-moving .head-img {
    position: static;
}

.head-states-moving .head-img img {
    width: 760px;
    height: auto;
}

.head-states-moving .head-form {
    padding-left: 210px;
}

/* .head-states-moving .step3-left {
    flex-direction: column;
} */

.head-states-moving .head-wrapper {
    align-items: center;
}

.effortless-states {
    padding-top: 100px;
    padding-bottom: 0 !important;
}

.effortless-states .btn1 {
    width: 315px;
    margin: 55px auto 0;
}

.effortless-states .title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.reviews-states {
    padding: 80px 0px;
    margin: 80px 0px;
    background: #F3F6FC;
}

.reviews-states .reviews-text {
    background: #ffffff;
}

.reviews-states .reviews-author::before {
    border-color: transparent transparent #fff transparent;
}

.faq-states {
    padding-bottom: 80px;
}

.how-states .how-wrapper {
    border-top: none;
}

.short-text {
    position: relative;
}

.short-text.hide p {
    height: 150px;
    overflow: hidden;
}

.short-text .read-more {
    text-align: left;
    display: block;
    cursor: pointer;
    text-decoration-line: underline;
    color: #F78D20;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
}

.btn-add-mobile {
    display: none;
}

.blog-wrapper-container .big-article.article {
    margin-left: 0;
}

.single-content .advertising {
    margin-left: 0;
    margin-bottom: 20px;
}

.blog-wrapper-container .article {
    margin-left: 30px;
}

.article.advertising {
    width: 100%;
}

.advertising {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.advertising-close {
    cursor: pointer;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 2;
    line-height: 0;
}

.sidebar-item .advertising-close {
    width: 23px;
    height: 23px;
}

.advertising-close::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/cookie-close.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.advertising a img {
    transition: transform 0.3s linear;
    width: 100%;
    height: auto;
    display: block;
    /* -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden; */
    border-radius: 8px;
}

.advertising a:hover img {
    transform: scale(1.06);
}

.advertising-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    background: rgba(14, 79, 113, 0.7);
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.advertising-popup.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 3000ms;
}

.advertising-popup__link {
    max-width: 950px;
    max-height: 90px;
    overflow: hidden;
}

.advertising-popup__link img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    height: auto;
    transition: transform 0.3s linear;
}

.advertising-popup__link:hover img {
    transform: scale(1.03);
}

.advertising-popup__link,
.advertising-popup__close {
    margin-left: auto;
}

.advertising-popup__close {
    cursor: pointer;
}

.advertising-popup__close img {
    width: 70px;
    height: auto;
}

.calculator-svg {
    position: relative;
    width: 20px;
}

.btn .calculator-svg {
    margin-left: 10px;
}

.calculator-svg::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/calculator2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
}

.mobile-btn a {
    display: flex;
}

.mobile-btn .calculator-svg {
    width: 25px;
}

.mobile-btn .calculator-svg::before {
    width: 25px;
    height: 25px;
    top: calc(50% - 13px);
}

.ui-autocomplete-loading {
    background: #fff url("../images/Spinner.gif") right 10px center no-repeat !important;
}

.select2-container .select2-choice>.select2-chosen {
    overflow: visible;
}


/* .single-shipping-services .head {
    min-height: auto;
    padding: 74px 0px 100px;
} */

.inp-load {
    position: relative;
}

.inp-load::before {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    padding: 8px;
    border: 2px solid #ebf1fc;
    border-right-color: #F78D20;
    border-radius: 50%;
    -webkit-animation: rotate 0.7s infinite linear;
    z-index: 1;
}

.btn:disabled,
.btn[disabled] {
    opacity: 0.6;
}

.inp-hint {
    display: none;
    color: #313131;
    font-size: 14px;
    position: absolute;
    top: calc(50% - 8px);
    right: 5px;
    pointer-events: none;
}

.head-main {
    padding: 74px 0px 90px;
    background: #F3F6FC;
}

.head-block {
    display: flex;
    align-items: center;
}

.head-block-content {
    max-width: 570px;
}

.head-block-img img {
    max-width: 100%;
    height: auto;
}

.head-freight .head-block-img {
    max-width: 600px;
}

.head-freight .step-list {
    margin: 60px 0px 80px;
}

.head-freight .step-list h3 {
    line-height: 1.9;
}

.effortless-freight {
    padding: 80px 0px;
}

.effortless-freight .title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.our-services {
    padding-top: 80px;
}

.our-services .title {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.our-services .btn {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    min-width: 300px;
}

.our-services-wrapper {
    position: relative;
    width: 520px;
    height: 520px;
    margin: 32px auto 40px;
    border-radius: 50%;
    border: 2px solid #3693E7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-services-item {
    display: flex;
    align-items: center;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
}

.our-services-img img {
    max-width: 260px;
    height: auto;
}

.our-services-item-content {
    width: 305px;
}

.our-services-item__img {
    margin-left: 38px;
    width: 96px;
    border-radius: 6px;
}

.our-services-item__img img {
    max-width: 100%;
    height: auto;
}

.our-services-item__title {
    margin-bottom: 6px;
    color: #043148;
    font-size: 19px;
    font-weight: 600;
    line-height: 115%;
}

.our-services-item__text {
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    line-height: 166.667%;
}

.our-services-item:nth-child(1) {
    bottom: 43px;
    left: -328px;
}

.our-services-item:nth-child(6) {
    bottom: 43px;
    right: -328px;
}

.our-services-item:nth-child(3) {
    bottom: auto;
    top: 43px;
    left: -328px;
}

.our-services-item:nth-child(4) {
    bottom: auto;
    top: 43px;
    right: -328px;
}

.our-services-item:nth-child(2) {
    bottom: 210px;
    left: -378px;
}

.our-services-item:nth-child(5) {
    bottom: 210px;
    right: -378px;
}

.our-services-item:nth-child(4),
.our-services-item:nth-child(5),
.our-services-item:nth-child(6) {
    left: auto;
    flex-direction: row-reverse;
    text-align: left;
}

.our-services-item:nth-child(4) .our-services-item__img,
.our-services-item:nth-child(5) .our-services-item__img,
.our-services-item:nth-child(6) .our-services-item__img {
    margin-left: 0;
    margin-right: 38px;
}

.who {
    padding: 100px 0px;
}

.who-wrapper {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.who-img img {
    max-width: 500px;
    height: auto;
}

.who-content {
    width: 600px;
}

.who-tabs {
    margin-bottom: 24px;
    position: relative;
}

.who-tabs::before {
    content: '';
    width: 100%;
    border-bottom: 1px solid #043148;
    position: absolute;
    bottom: 1px;
    right: 0;
}

.who-tabs .slick-track {
    transform: translate3d(0px, 0px, 0px) !important;
}

.who-tabs__item {
    color: #043148;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    padding-bottom: 16px;
    cursor: pointer;
}

.who-tabs__item.slick-current {
    color: #F78D20;
    border-bottom: 3px solid #F78D20;
}

.who-slider__item p {
    color: #313131;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 17px;
}

.who-slider__item h1,
.who-slider__item h2,
.who-slider__item h3,
.who-slider__item h4,
.who-slider__item h5,
.who-slider__item h6 {
    margin-bottom: 6px;
    color: #043148;
    font-weight: 600;
    line-height: 115%;
}

.who-slider__item h3,
.who-slider__item h4,
.who-slider__item h5,
.who-slider__item h6 {
    font-size: 24px;
}

.faq-freight {
    padding: 100px 0px 120px;
}

.freight-drayage {
    padding: 80px 0px 140px;
    color: #313544;
}

.freight-drayage__title {
    max-width: 715px;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
}

.freight-form {
    margin-top: 50px;
    padding: 40px 25px 65px;
    border-radius: 8px;
    background: #EEF1FB;
    box-shadow: 0px 0px 30px 0px rgba(39, 39, 39, 0.06);
}

.freight-form__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32.4px;
    margin-bottom: 20px;
}

.freight-form input {
    width: 100%;
}

.freight-form textarea {
    resize: vertical;
    width: 100%;
    height: 62px;
    min-height: 62px;
}

.freight-form .btn {
    width: 270px;
    min-width: 270px;
}

.freight-form .checkbox-permission label {
    color: #313131;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.freight-form .use-number {
    color: #8F929B;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 24px 0px 40px;
}

.freight-form-box {
    width: 569px;
    margin-bottom: 32px;
}

.freight-form-box.last {
    margin-bottom: 16px;
}

.freight-form-box__title {
    font-size: 22px;
    font-weight: 400;
    line-height: 32.4px;
    margin-bottom: 24px;
}

.inp-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.inp-flex .inp-wrapp {
    width: calc(50% - 4.5px);
}

.inp-wrapp {
    position: relative;
}

.label-top {
    font-size: 13px;
    color: #828282;
    position: absolute;
    top: -7px;
    left: 20px;
    z-index: 2;
    display: flex;
}

.label-top::before {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #F3F6FC;
    position: absolute;
    bottom: 7px;
    left: -5px;
    z-index: -1;
}

.label-top::after {
    content: '';
    width: calc(100% + 10px);
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    left: -5px;
    z-index: -1;
}

.freight-thank-you {
    padding: 166px 0px 205px;
    background: #F3F6FC;
    border-bottom: 1px solid #DDE3F4;
}

.freight-thank-you .thank-wrapper {
    align-items: center;
}

.freight-thank-you .thank-info {
    margin-bottom: 37px;
}

.freight-form-tabs {
    display: flex;
    margin-bottom: 16px;
    border-bottom: 1px solid #3FA420;
}

.freight-form-tabs input[type="radio"] {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.freight-form-tabs label {
    padding: 9px;
    width: 50%;
    text-align: center;
    color: #313131;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    border: 1px solid #E6E7E8;
    background: #FFF;
    border-bottom: none;
    border-radius: 4px 4px 0px 0px;
    cursor: pointer;
}

.freight-form-tabs input[type="radio"]:checked+label {
    background: #3FA420;
    color: #FFF;
    border: 1px solid #3FA420;
    border-bottom: none;
}

.freight-choice-date {
    display: flex;
    flex-wrap: wrap;
}

.freight-choice-date input[type="radio"] {
    /* visibility: hidden; */
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.freight-choice-date__label {
    margin-right: 50px;
    margin-bottom: 16px;
}

.freight-choice-date__label:nth-child(even) {
    margin-right: 0;
}

.freight-choice-date__label:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.freight-choice-date label {
    width: 216px;
    height: 34px;
    padding-left: 45px;
    display: flex;
    align-items: center;
    color: #313131;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    position: relative;
    cursor: pointer;
}

.freight-choice-date label::before {
    content: '';
    width: 34px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #E6E7E8;
    position: absolute;
    top: 0;
    left: 0;
}

.freight-choice-date input[type="radio"]:checked+label::before {
    display: block;
    background: #3FA420;
    border: none;
}

.freight-choice-date input[type="radio"].error-text+label::before {
    border: 1px solid red;
}

.freight-datepicker-wrapper {
    position: relative;
}

.freight-datepicker {
    width: 295px;
    position: relative;
    display: none;
    position: absolute;
    bottom: -355px;
    left: 0;
    z-index: 4;
    box-shadow: 35px 45px 73px 0px rgba(32, 32, 35, 0.07);
    border-radius: 8px;
}

.freight-datepicker .ui-datepicker {
    padding: 45px 30px 70px;
}

.freight-datepicker .ui-datepicker .ui-datepicker-title,
.freight-datepicker .ui-datepicker th,
.freight-datepicker .ui-datepicker td span,
.freight-datepicker .ui-datepicker td a {
    font-weight: 500 !important;
}

.datepicker-text {
    width: 100%;
    position: absolute;
    top: 12px;
    left: 0;
    color: #313544;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.datepicker-text::before {
    content: '';
    width: 100%;
    border-bottom: 1px solid #E6E7E8;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.datepicker-buttons {
    max-width: 220px;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
}

.datepicker-buttons button {
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all 0.2s ease;
}

.datepicker-done {
    border-radius: 5px;
    background: #3FA420;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
}

.datepicker-buttons button:hover {
    opacity: 0.8;
}

.datepicker-cancel {
    background: none;
}

.freight-datepicker-input {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.freight-datepicker-input.error-text+.freight-datepicker .ui-datepicker {
    border: 1px solid red;
}

.previous-page {
    text-decoration: none;
    color: #F78D20;
    font-weight: 700;
}

.previous-page img {
    margin-right: 5px;
}

.freight-services .form-switch {
    padding: 14px 10px;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.freight-select {
    display: block;
    margin: 0;
}


.freight-select.disabled:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(238, 241, 251, 45%);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.freight-select.disabled .select-label {
    z-index: 3;
}

.freight-select.disabled .select-label:after {
    background: #F3F6FC;
}

.freight-services .switcher-text {
    max-width: 160px;
}

.pac-logo:after {
    background-image: none !important;
    height: 0px;
    content: none;
    display: none;
}

.pac-container {
    -webkit-box-shadow: 0px 4px 25px rgba(105, 114, 132, 0.2);
    box-shadow: 0px 4px 25px rgba(105, 114, 132, 0.2);
    margin-top: 3px;
    border-radius: 4px;
    border-top: none;
}

.pac-item {
    font-size: 13px;
    padding: 4px 10px;
    cursor: pointer;
}

.pac-item-query {
    font-size: 14px;
    padding-right: 4px;
}

.pac-icon {
    background-image: url(../images/location.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pac-icon {
    margin-top: 5px;
    margin-right: 8px;
}

.info-zip .error-zip {
    display: none;
    width: 200px;
    font-size: 12px;
    line-height: 14px;
    color: #828282;
    border: 1px solid #329414;
}

.info-right .error-zip {
    display: none;
    width: 200px;
    font-size: 12px;
}

.info-active .error-zip {
    visibility: visible;
}

.info-active-zip .error-zip {
    display: flex;
}

.info-active-zip .error-zip::before {
    background-image: url(../images/info-triangle-zip.svg);
    bottom: -10px;
    height: 16px;
}

.modal .info-active-zip .error-zip::before,
.head-states-moving .info-active-zip .error-zip::before,
.step-to-calculator .info-active-zip .error-zip::before {
    bottom: -9px;
}

.info-active-zip .zip-dropdown {
    display: none;
}

.info-active-zip+.error-text {
    color: inherit !important;
}

.name-info .info span {
    width: 176px;
    font-size: 12px;
    padding: 0px 4px 0px 7px;
}

.download-guide-btn {
    width: 162px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 44px;
    cursor: pointer;
}

.download-guide-btn .download-guide-btn__text {
    color: #0f1b24;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.download-guide-btn:hover .download-guide-btn__text {
    color: #F78D20;
}

.download-icon {
    width: 15px;
    height: 22px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.53846 17L7.53846 1L7.53846 17ZM7.53846 17L13.0769 11.4615L7.53846 17ZM7.53846 17L2 11.4615L7.53846 17Z" fill="%23242424"/><path d="M7.53846 17L7.53846 0.999999M7.53846 17L13.0769 11.4615M7.53846 17L2 11.4615" stroke="%23242424" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 21H14" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 21px;
}

.download-guide-btn:hover .download-icon {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.53846 17L7.53846 1L7.53846 17ZM7.53846 17L13.0769 11.4615L7.53846 17ZM7.53846 17L2 11.4615L7.53846 17Z" fill="%23242424"/><path d="M7.53846 17L7.53846 0.999999M7.53846 17L13.0769 11.4615M7.53846 17L2 11.4615" stroke="%23F78D20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 21H14" stroke="%23F78D20" stroke-width="2" stroke-linecap="round"/></svg>');
}

.download-guide-block {
    border-radius: 8px;
    background: #F3F6FC;
    width: 100%;
    padding: 40px 32px;
    cursor: pointer;
}

.download-guide-block .download-guide-btn {
    margin-top: 22px;
}

.download-guide-block__text {
    color: #0F1B24;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    max-width: 700px;
}

.download-guide-block:hover .download-guide-btn__text {
    color: #F78D20;
}

.download-guide-block:hover .download-icon {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.53846 17L7.53846 1L7.53846 17ZM7.53846 17L13.0769 11.4615L7.53846 17ZM7.53846 17L2 11.4615L7.53846 17Z" fill="%23242424"/><path d="M7.53846 17L7.53846 0.999999M7.53846 17L13.0769 11.4615M7.53846 17L2 11.4615" stroke="%23F78D20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 21H14" stroke="%23F78D20" stroke-width="2" stroke-linecap="round"/></svg>');
}

.popup-blog-subscription {
    align-items: normal;
    padding: 0;
}

.popup-blog-subscription .popup-wrapper {
    width: 520px;
    padding: 60px;
    background: #FFF;
    border-radius: 4px;
    margin-top: auto;
    margin-bottom: auto;
}

.popup-blog-subscription .popup-wrapper .close {
    top: 24px;
    right: 24px;
}

.popup-blog-subscription .close img {
    display: block;
    width: 16px;
}

.popup-blog-subscription .popup-wrapper p {
    text-align: left;
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 0;
}

.popup-blog-subscription__form {
    margin-top: 40px;
}

.popup-blog-subscription__title {
    font-size: 32px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
    max-width: 372px;
}

.popup-blog-subscription__form label {
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
    display: block;
}

.popup-blog-subscription__form .inp {
    padding: 16px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 16px;
}

.popup-blog-subscription__form .inp::placeholder {
    color: rgba(49, 49, 49, 0.40);
    font-weight: 400;
    font-size: 15px;
}

.popup-blog-subscription .popup-wrapper button[type="submit"] {
    margin-top: 24px;
    width: 200px;
    min-width: 200px;
    height: 49px;
    font-size: 14px;
}

.sidebar-logistics-marketing {
    padding: 38px 28px;
    text-align: center;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.07);
}

.sidebar-logistics-marketing .sidebar-start__title {
    padding: 0 !important;
    margin: 32px 0;
}

.sidebar-logistics-marketing .btn-sidebar {
    margin: 0 auto !important;
    width: 100%;
}

.sidebar-logistics-marketing img {
    max-width: 100%;
}


/* Form with 4 steps */

.form-fourth-step {
    align-items: flex-start;
    position: relative;
}

.form-fourth-step .head-img {
    line-height: 0;
    margin-top: 34px;
}

.step-nav__item-fourth {
    width: 70px;
}

.step-nav__item-fourth .step-nav__text {
    white-space: nowrap;
}

.form-fourth-step .stepe3Btn {
    margin: 32px 0 18px;
}

.form-fourth-step .use-number {
    margin-top: 0;
}

.company-loader {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F3F6FC;
    z-index: 99;
    display: flex;
    justify-content: center;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.company-loader.active {
    visibility: visible;
}

.company-loader-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.company-loader-content {
    margin-top: auto;
    margin-bottom: auto;
}

.company-loader__img {
    text-align: center;
    line-height: 0;
}

@keyframes rotateGearReverse {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-359deg);
    }
}

.company-loader__img img {
    animation: rotateGearReverse 4s infinite linear;
}

.company-loader__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 48px 0 24px;
}

.company-loader__text {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

.step-content-top {
    margin-bottom: 32px;
}

.step-content-top h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px
}

.step-subtitle2 {
    line-height: 150%;
}

.step-subtitle {
    font-weight: 300;
    margin-top: 16px;
    line-height: 150%;
}

.step-subtitle-info {
    padding-left: 30px;
    position: relative;
    display: flex;
}

.step-subtitle-required {
    display: flex;
}

.step-subtitle-required span {
    margin-right: 4px;
}

.step-subtitle-info span {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.2C11.9765 15.2 15.2 11.9765 15.2 8C15.2 4.02355 11.9765 0.8 8 0.8C4.02355 0.8 0.8 4.02355 0.8 8C0.8 11.9765 4.02355 15.2 8 15.2ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="%231F2428"/><path d="M8.8002 4.8C8.8002 5.24183 8.44202 5.6 8.0002 5.6C7.55837 5.6 7.2002 5.24183 7.2002 4.8C7.2002 4.35817 7.55837 4 8.0002 4C8.44202 4 8.8002 4.35817 8.8002 4.8Z" fill="%231F2428"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.40039 12V7.19995H8.60039V12H7.40039Z" fill="%231F2428"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2px;
    left: 0;
}

.form-fourth-step .step-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.carriers {
    position: relative;
    margin: 32px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.carrier-input {
    opacity: 0;
    position: absolute;
}

.carrier {
    cursor: pointer;
    width: calc(50% - 4px);
    padding: 24px;
    border-radius: 4px;
    border: 1px solid #AFB0B2;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    height: 110px;
    position: relative;
}

.carrier:nth-child(3),
.carrier:nth-child(4) {
    margin-bottom: 0;
}

.carrier-input:not(:disabled)+.carrier:hover,
.carrier-input:checked+label {
    background: #043148;
    color: #fff;
}

.carrier.best-choice {
    border: 2px solid #3FA420;
}

.carrier-input:disabled+label {
    border: 1px solid rgba(175, 176, 178, 0.30);
}

.carrier-input:disabled+label .carrier-content,
.carrier-input:disabled+label .carrier-stars,
.carrier-input:disabled+label .unavailable-text {
    opacity: 0.3;
}

.carrier-input:disabled+label::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: not-allowed;
}

.best-choice-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    background: #3FA420;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 4px;
    padding: 2px 8px;
}

.carrier-input:disabled+label .best-choice-text {
    display: none;
}

.unavailable-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    color: #0F1B24;
    background: rgba(15, 27, 36, 0.2);
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 4px;
    padding: 2px 8px;
    display: none;
}

.carrier-input:disabled+label .unavailable-text {
    display: block;
}

.unavailable-hint {
    padding: 16px 33px 18px;
    background-color: #fff;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    position: absolute;
    top: 28px;
    left: 37px;
    z-index: 1;
    width: 370px;
    visibility: hidden;
    cursor: not-allowed;
}

.carrier-input:disabled+label:hover .unavailable-hint {
    visibility: visible;
}

.unavailable-hint p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
}

.unavailable-hint p:last-child {
    margin-bottom: 0;
}

.carrier-content {
    max-width: 268px;
    margin-right: 16px;
}

.carrier-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}

.carrier-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    margin-top: 4px;
}

.carrier-stars {
    line-height: 0;
}

.carrier-stars svg {
    stroke: #0F1B24;
    transition: all 0.3s ease;
}

.carrier-input:not(:disabled)+.carrier:hover .carrier-stars svg,
.carrier-input:checked+label .carrier-stars svg {
    stroke: #fff;
}

.carriers-error {
    color: #F30000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    display: none;
}

.carriers-error.show {
    display: block;
}

.company {
    border-radius: 4px;
    background: #FFF;
    padding: 16px 24px 12px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    margin-bottom: 8px;
    position: relative;
}

.company::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 3;
    opacity: 0.6;
    display: none;
}

.companies.max-selected .company:not(:has(.company-input:checked))::before {
    display: block;
}

.company:last-child {
    margin-bottom: 0;
}

.company:has(.company-input:checked) {
    border: 1px solid #3FA420;
    background: #EFFCE9;
}

.company-input {
    position: absolute;
    opacity: 0;
}

.company-main {
    display: block;
    cursor: pointer;
}

.company-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.company-top-left {
    display: flex;
}

.company-checkbox {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #D6D6D6;
    margin-top: 10.5px;
    position: relative;
    transition: all 0.2s ease;
    cursor: pointer;
}

.company-checkbox::before {
    content: '';
    width: 16px;
    height: 17px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.07129 7.64286L6.92843 11.5L12.9284 5.5" stroke="%231F2428" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: -1px;
    opacity: 0;
    transition: all 0.2s ease;
}

.company-input:checked+label .company-checkbox {
    border: 1px solid #1F2428;
}

.company-input:checked+label .company-checkbox::before {
    opacity: 1;
}

.company-logo {
    width: 60px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    overflow: hidden;
    margin: 0 12px;
}

.company-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.company-name {
    max-width: 400px;
    padding-top: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    color: #1F2428;
}

.company-reviews {
    display: flex;
    align-items: center;
    padding-top: 7px;
    color: rgba(15, 27, 36, 0.50);
}

.company-reviews__rating {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.company-reviews__number {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.company-reviews__rating span {
    position: relative;
    display: block;
    width: 80px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.7328 6.47719L9.59144 6.14245L8.00008 2.29085L6.40877 6.14099L2.26778 6.47708L5.42552 9.19617L4.46637 13.2554L8.00011 11.083L11.5388 13.2585L10.5799 9.20028L13.7328 6.47719ZM1.4376 7.08188C1.30277 6.96551 1.20542 6.81182 1.15781 6.6402C1.11021 6.46857 1.11448 6.2867 1.1701 6.1175C1.22346 5.94785 1.32662 5.79818 1.46617 5.68794C1.60572 5.57771 1.77521 5.512 1.9526 5.49938L5.71823 5.19375L7.16948 1.6825C7.23719 1.51786 7.35229 1.37706 7.50019 1.27797C7.64808 1.17888 7.82208 1.12598 8.0001 1.12598C8.17812 1.12598 8.35212 1.17888 8.50002 1.27797C8.64791 1.37706 8.76302 1.51786 8.83073 1.6825L10.282 5.195L14.0476 5.49938C14.2248 5.51191 14.3942 5.57743 14.5338 5.68743C14.6733 5.79743 14.7765 5.94684 14.8301 6.11625C14.886 6.28562 14.8904 6.46775 14.8428 6.63963C14.7952 6.81151 14.6977 6.96541 14.5626 7.08188L11.6926 9.56063L12.5676 13.2638C12.6087 13.4371 12.5974 13.6186 12.5352 13.7855C12.473 13.9524 12.3627 14.0971 12.2182 14.2013C12.0756 14.307 11.9043 14.3671 11.7268 14.3738C11.5494 14.3805 11.3741 14.3334 11.2239 14.2388L8.0001 12.2569L4.78135 14.2356C4.63112 14.3303 4.4558 14.3773 4.27836 14.3707C4.10093 14.364 3.92965 14.3038 3.78698 14.1981C3.64252 14.094 3.53221 13.9493 3.47002 13.7824C3.40782 13.6155 3.39654 13.4339 3.4376 13.2606L4.3126 9.5575L1.4376 7.08188Z" fill="%23F78D20"/></svg>');
    background-position: center;
    background-size: 16px 16px;
    margin-right: 8px;
}

.company-reviews__rating span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8301 6.6165C14.7765 6.44708 14.6733 6.29768 14.5338 6.18768C14.3942 6.07768 14.2248 6.01216 14.0476 5.99962L10.282 5.69525L8.83073 2.18275C8.76302 2.01811 8.64791 1.8773 8.50002 1.77821C8.35212 1.67912 8.17812 1.62622 8.0001 1.62622C7.82208 1.62622 7.64808 1.67912 7.50019 1.77821C7.35229 1.8773 7.23719 2.01811 7.16948 2.18275L5.71823 5.694L1.9526 5.99962C1.77521 6.01225 1.60572 6.07795 1.46617 6.18819C1.32662 6.29843 1.22346 6.4481 1.1701 6.61775C1.11448 6.78694 1.11021 6.96882 1.15781 7.14044C1.20542 7.31207 1.30277 7.46575 1.4376 7.58212L4.3126 10.0577L3.4376 13.7609C3.39654 13.9342 3.40782 14.1158 3.47002 14.2826C3.53221 14.4495 3.64252 14.5942 3.78698 14.6984C3.92965 14.8041 4.10093 14.8642 4.27836 14.8709C4.4558 14.8776 4.63112 14.8305 4.78135 14.7359L8.0001 12.7571L11.2239 14.739C11.3741 14.8337 11.5494 14.8807 11.7268 14.874C11.9043 14.8673 12.0756 14.8072 12.2182 14.7015C12.3627 14.5973 12.473 14.4527 12.5352 14.2858C12.5974 14.1189 12.6087 13.9373 12.5676 13.764L11.6926 10.0609L14.5626 7.58212C14.6977 7.46565 14.7952 7.31175 14.8428 7.13988C14.8904 6.968 14.886 6.78586 14.8301 6.6165Z" fill="%23F78D20"/></svg>') repeat-x;
    background-size: 16px 16px;
    z-index: 2;
}

.stars::before {
    width: calc(var(--stars, 0) * 20%);
}

.company-center {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease;
}

.company.full .company-center {
    max-height: 700px;
}

.company-center-content {
    width: calc(100% - 200px);
    margin-right: 20px;
}

.company-desc {
    color: rgba(15, 27, 36, 0.50);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.company-labels {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-top: 12px;
}

.company-labels li {
    padding-left: 14px;
    max-width: calc(50% - 26px);
    color: #0F1B24;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-right: 12px;
    position: relative;
    margin-bottom: 4px;
}

.company-labels li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0F1B24;
    position: absolute;
    top: 7.5px;
    left: 0;
}

.company-benefits {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 170px;
}

.company-benefits li {
    border-radius: 4px;
    background: #3FA420;
    padding: 2px 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin-bottom: 8px;
}

.company-benefits li:last-child {
    margin-bottom: 0;
}

.company-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.company-agree {
    display: flex;
    max-width: 600px;
}

.company-agree span {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.company-agree p {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin-left: 4px;
}

.company-details {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-right: 20px;
    position: relative;
    transition: all 0.3s ease;
}

.company-bottom:hover .company-details {
    opacity: 0.6;
}

.company-details::after {
    content: '';
    width: 12px;
    height: 10px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.5L6 8.5L11 3.5" stroke="%231F2428" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    right: 0;
    transition: all 0.3s ease;
}

.company.full .company-details::after {
    transform: rotate(-180deg);
}

.text-stop {
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    margin: 40px 0;
}

.carrier-call {
    margin-bottom: 40px;
}

.carrier-call-first,
.carrier-call-second {
    padding: 24px;
    background-color: #fff;
    border-radius: 4px;
}

.carrier-call-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #0F1B24;
    transition: all 0.3s ease;
}


.carrier-call-first:hover {
    background: #043148;
    color: #fff;
}

.carrier-call__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}

.carrier-call__subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.carrier-call__orange {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #F78D20;
    margin-top: 16px;
}

.carrier-call__img {
    line-height: 0;
}

.carrier-call-first .carrier-call__img svg path,
.carrier-call-first .carrier-call__img svg rect {
    transition: all 0.3s ease;
}

.carrier-call-first:hover .carrier-call__img svg path {
    fill: #fff;
}

.carrier-call-first:hover .carrier-call__img svg rect {
    stroke: #fff;
}

.carrier-call-copy {
    margin-top: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.carrier-call-copy p {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.carrier-call-copy .copy-icon {
    line-height: 0;
    margin-left: 13px;
    cursor: pointer;
    position: relative;
}

.copy-tooltip {
    position: absolute;
    top: -35px;
    right: -10px;
    cursor: pointer;
    display: block;
    font-size: 12px;
    width: 132px;
    color: #fff;
    background: #1F2428;
    padding: 14px 10px;
    border-radius: 20px;
    opacity: 0;
    transform: translateY(10px) translateX(50%);
    transition: all 0.3s ease;
}

.copy-tooltip.active {
    opacity: 1;
    transform: translateY(0) translateX(50%);
}

.companies-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.companies-info-left {
    display: flex;
    align-items: center;
}

.top-carriers-btn {
    width: 166px;
    height: 36px;
    box-shadow: none;
    font-size: 15px;
    text-transform: capitalize;
}

.top-carriers-btn:not(:disabled):hover {
    box-shadow: none;
    opacity: 0.8;
}

.top-carriers-btn:disabled {
    box-shadow: none;
    cursor: not-allowed;
}

.companies-info-results {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.companies-info__call {
    margin-left: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: #1F2428;
}

.companies-info__call p {
    color: rgba(31, 36, 40, 0.50);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.2s ease;
}

.companies-info__call-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
    margin-left: 8px;
    border-radius: 4px;
    border: 1px solid #1F2428;
    padding: 9px 16px 7px;
    transition: all 0.2s ease;
}

.companies-info__call:hover p {
    opacity: 0.7;
}

.companies-info__call:hover .companies-info__call-btn {
    opacity: 0.8;
}

.companies-call-second {
    padding: 24px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 16px;
}

.companies-form-submit:disabled {
    opacity: 0.6;
}

.select-company-unavailable {
    width: 370px;
    padding: 26px 33px;
    background-color: #fff;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    position: absolute;
    bottom: -44px;
    right: 24px;
    z-index: 4;
    display: none;
}

.companies.max-selected .company:not(:has(.company-input:checked)):hover .select-company-unavailable {
    display: block !important;
}

.select-company-unavailable p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 8px;
}

.select-company-unavailable p:last-child {
    margin-bottom: 0;
}

.form-fourth-step .thank-wrapper {
    align-items: center;
}

.form-fourth-step .thank-content {
    width: 761px;
}

.form-fourth-step .thank-text {
    max-width: 100%;
    margin: 24px 0 40px;
    color: #313131;
}

.form-fourth-step .thank-info {
    background: #FFFFFF;
}

.form-fourth-step .thank-info__text {
    line-height: normal;
    width: 279px;
}

.form-fourth-step .thank-title {
    font-weight: 600;
}

.form-fourth-step .thank-social__item {
    margin-right: 16px;
}

.step-buttons-results {
    display: flex;
    align-items: center;
}

.step-buttons-results .companies-info-results {
    margin-right: 24px;
}

.light-btn {
    background: transparent;
    border: 0;
    outline: none;
    color: #AFB0B2;
    text-decoration: none;
    font-size: 16px;
    line-height: 14px;
}

.popup-call {
    padding: 20px 0;
}

.popup-call .popup-wrapper {
    width: 612px;
    padding: 32px;
    border-radius: 16px;
    margin-top: auto;
    margin-bottom: auto;
}

.popup-call-landing .popup-wrapper {
    border-radius: 4px;
}

.popup-cross {
    width: 24px;
    line-height: 0;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popup-cross:hover {
    transform: rotate(90deg);
}

.popup-call__image {
    text-align: center;
    line-height: 0;
    margin-bottom: 32px;
}

.popup-call__image img {
    max-width: 240px;
    height: auto;
}

.popup-call__title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    color: #043148;
}

.popup-call__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #313131;
    margin-top: 12px;
}

.popup-call__separator {
    width: 100%;
    border-bottom: 1px solid #3FA420;
    margin: 24px 0;
}

.popup-call-landing .popup-call__separator {
    border-bottom: 1px solid #F78D20;
}

.popup-call__list {
    margin: 32px 0;
    padding: 32px 0 32px 64px;
    border-top: 1px solid #3FA420;
    border-bottom: 1px solid #3FA420;
}

.popup-call__list-block {
    border-top: 1px solid #F78D20;
    border-bottom: 1px solid #F78D20;
}

.popup-call__list li {
    display: flex;
    align-items: flex-end;
    margin-bottom: 24px;
}

.popup-call__list li:last-child {
    margin-bottom: 0;
}

.popup-call__list li strong {
    color: #3FA420;
    font-size: 24px;
    line-height: 0.8;
    font-weight: 600;
    width: 19px;
    opacity: 0.5;
    margin-right: 16px;
}

.popup-call__list-block li strong {
    color: #F78D20;
}

.popup-call__list li svg {
    margin-right: 12px;
    min-width: 24px;
}

.maybe-later {
    font-size: 16px;
    color: #F78D20;
    text-decoration: none;
    font-weight: 700;
    margin-top: 8px;
    display: inline-block;
    padding: 14.5px;
}

.fill-form {
    display: none;
    text-align: center;
    padding: 14.5px 24px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%;
    color: #F78D20;
    border: 1px solid #F78D20;
    background: transparent;
    border-radius: 4px;
    width: 240px;
    transition: all 0.3s ease;
    margin-top: 16px;
}

.popup-call__smalltext {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #313131;
}

.popup-call-thank {
    max-width: 512px;
    margin-left: auto;
    margin-right: auto;
}

.popup-call-thank .popup-call__text {
    font-size: 20px;
}

.popup-call-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup-call-buttons {
    display: flex;
    justify-content: space-between;
}

.popup-call-thank__text {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 32px;
    font-weight: 600;
}

.popup-call-buttons .popup-call__btn {
    width: calc(50% - 8px);
}

.popup-call__btn {
    display: inline-block;
    text-align: center;
    padding: 14.5px 24px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%;
    color: #F78D20;
    border: 1px solid #F78D20;
    border-radius: 4px;
    width: 240px;
    transition: all 0.3s ease;
}

.popup-call__btn:hover {
    border: 1px solid #3FA420;
    background: #3FA420;
    color: #fff;
}

.popup-call-landing .popup-call__btn:not(.orange):hover {
    border: 1px solid #142B3B;
    background: #142B3B;
}

.popup-call__btn.orange {
    background: #F78D20;
    border: 1px solid #F78D20;
    color: #fff;
}

.popup-call__btn.orange:hover {
    opacity: 0.7;
}

.popup-call__copy {
    padding: 13px 35px;
    display: flex;
    align-items: center;
    color: #F78D20;
    font-size: 16px;
    font-weight: 700;
    line-height: 125%;
    text-decoration: none;
    margin-top: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.popup-call__copy:hover {
    color: #313131;
}

.popup-call__copy svg {
    margin-left: 16px;
    min-width: 21px;
}

.popup-call__copy svg path {
    transition: all 0.3s ease;
}

.popup-call__copy:hover svg path {
    fill: #313131;
}

.copy-number {
    position: relative;
}

.popup-call .copy-tooltip {
    padding: 10px 10px;
    border-radius: 6px;
}