body .mt-30 {
    margin-top: 30px;
}

body .mt-40 {
    margin-top: 40px;
}

body .mt-60 {
    margin-top: 60px;
}

body .mt-90 {
    margin-top: 90px;
}

body .mb-10 {
    margin-bottom: 10px;
}

body .mb-15 {
    margin-bottom: 15px;
}

body .mb-30 {
    margin-bottom: 30px;
}

body .mb-60 {
    margin-bottom: 60px;
}

body .mb-90 {
    margin-bottom: 90px;
}

.separator-bottom {
    border-bottom: 1px #cdcdcd solid;
}

body .pb-10 {
    padding-bottom: 10px;
}

body .pb-15 {
    padding-bottom: 15px;
}

body .pb-30 {
    padding-bottom: 30px;
}

body .pb-40 {
    padding-bottom: 40px;
}

body .pb-60 {
    padding-bottom: 60px;
}


body .content input.formcontrol {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

body .content input.formcontrol,
body .content select.formcontrol,
.content .nice-select {
    height: 38px !important;
    border-radius: 5px !important;
    background-color: #EFEFEF !important;
    border-color: #E0E0E0 !important;
    margin: 0 !important;
    border: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    font-size: 14px;
}


/*-- .carousel-control --*/

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-size: 14px;
}

/*-- /.carousel-control --*/

.default-button {
    padding: 11px 20px;
    background-color: var(--vc-c-corp-blue);
    color: var(--vc-c-white);
}

.default-button:hover {
    color: #fff;
    background: #cd1b27;
}

@media (max-width: 780px) {
    .default-button {
        width: 100%;
    }
}

/*-- page-login --*/
.vccp-change-password-success {
    color: green;
}

.vccp-login-error,
.vccp-change-password-error {
    color: red;
}

.red-star {
    content: '*';
    color: red;
}

.reliability-requirements {
    padding-top: 15px;
    font-size: 12px;
    font-style: italic;
}

.password-container {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

#loginform a {
    font: normal normal bold 14px/30px Oxygen;
    color: #3289C5;
}

#loginform .vcc-loginform-submit-container,
#loginform .vcc-loginform-label {
    display: block;
    margin-top: 25px;
}

#loginform .vcc-loginform-label div {
    font: normal normal bold 14px/30px Oxygen;
    color: #333333;
}

#loginform input[type=text],
#loginform input[type=password] {
    background-color: #EFEFEF;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    height: 38px;
}

#loginform .frm_form_submit_style {
    font: normal normal normal 14px/19px Oxygen;
    letter-spacing: 0.35px;
    width: 100%;
    background-color: #FF9900;
}

/*-- /page-login --*/

@import 'header.css';
@import 'footer.css';

:root {
    --vc-c-white: #FFF;
    --vc-c-corp-blue: #254E77;
    --vc-c-corp-blue-hover: #15385a;
    --vc-c-corp-cyan: #3289C5;
    --vc-c-grey: #666666;
    --vc-c-lightgrey: #DEDEDE;
    --vc-c-mouse: #868E96;
    --vc-c-gold: #FF9900;
}

body {
    margin: 0;
    font: normal normal normal 14px/28px Oxygen;
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

section,
footer {
    margin: 100px 0 0 0;
}

a,
a:hover {
    text-decoration: none;
}

button,
input {
    border: 0;
    outline: 0;
}

.inner {
    max-width: 1240px;
    padding: 0 35px;
    margin: 0 auto;
}

.hidden {
    position: relative;
    width: 1px;
    height: 1px;
    z-index: -1;
    top: -1000px;
    left: -10000px;
}

.button-yellow {
    background-color: var(--vc-c-gold);
    color: var(--vc-c-white);
}

/* Grid line color */
.bg-dark-gray {
    background-color: #e0e0e0;
}

.bg-light-gray {
    background-color: #efefef;
}

.bg-dark-gray,
.bg-light-gray {
    font-size: 12px;
    color: #333;
}

/* Slick slider base view */
.slick-arrow {
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 5;
    font-family: "Font Awesome 6 Free";
    background: transparent;
}

.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

.slick-prev::before {
    content: "\f053";
    /* display: block; */
    font-family: "FontAwesome";
    font-size: 20px;
    z-index: 5;
}

.slick-next::before {
    content: "\f054";
    /* display: block; */
    font-family: "FontAwesome";
    font-size: 20px;
    z-index: 5;
}

.slick-dots {
    width: 100%;
    position: absolute;
    top: calc(100% - 50px);
    display: flex;
    justify-content: center;
    gap: 20px;

}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    background-color: transparent;
}

.slick-dots li.slick-active::marker {
    color: var(--vc-c-gold);
}

.slick-dots li::marker {
    font-size: 30px;
    color: var(--vc-c-lightgrey);
}

/* /Slick slider base view */


/* Main menu style */


/* /Main menu style */


.colmd-12 {
    width: 100%;
}

.Btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 9px 12px;
    font: normal normal normal 14px/19px Oxygen;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.Btn-orange {
    background-color: #FF9900;
    color: white;
}

.Btn-orange:hover {
    background-color: #dd8000;
}

.Btn-primary {
    background-color: #254E77;
    color: white;
}

.Btn-primary:hover {
    background-color: #12324f;
    text-decoration: none;
    color: white;
}

.main-block .content .title {
    color: rgb(37 78 119) !important;
    text-align: left !important;
    margin-left: 0 !important;
    font: normal normal normal 26px/28px Oxygen !important;
}

.formgroup {
    padding-top: 8px;
    color: #333333;
    font: normal normal bold 14px/30px Oxygen;
    text-align: left;
}

.formcontrol:focus,
.formcontrol:active,
.formcontrol:focus-visible {
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    outline: none;
}

.formgroup label {
    text-align: left;
}

.formcontrol {
    display: block;
    width: 100%;
    /*height: 20px;*/
    /*padding: 6px 12px;*/
    /*font-size: 14px;*/
    font: normal normal normal 14px/24px Oxygen;
    line-height: 1.42857143;
    color: #868E96;
    background-color: #EFEFEF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    padding: 9px;
}

select.formcontrol::-webkit-scrollbar {
    /*width: 14px;*/
    height: 14px;
    width: 10px;
    margin-left: -5px;
}

select.formcontrol::-webkit-scrollbar-track {
    border: #e0e0e0;
    background-color: #eaeaea;
}

select.formcontrol::-webkit-scrollbar-thumb {
    background-color: #BABABA;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.login-block .formcontrol {
    width: 95%;
}

.formgroup select {
    height: 38px;
    width: 100%;
}

.colmd-6 {
    width: 50%;
}

.image-div img {
    width: 100%;
}

.description-image-items-block {
    width: 100%;
    display: flex;
    gap: 30px;
    align-items: center;
}

.description-image-items-block .colmd-6 {
    position: relative;
}

.description-image-items-block .colmd-6:first-child,
.profile-edit-form .colmd:first-child,
.formrow .colmd-6:first-child {
    padding-right: 15px;
}

.formrow .colmd-6:nth-child(2) {
    padding-left: 15px;
}

.profile-edit-form .colmd:nth-child(2) {
    margin-left: 31px;
}

.description-image-items-block .colmd-6 .list-div {
    margin: 0;
}

.main-block .content .left-block p,
.main-block .content .container p {
    font: normal normal normal 14px/30px Oxygen;
    color: #333333;
}

.description-image-items-block .checkmark {
    position: relative;
    display: inline-block;
    top: 0;
    width: 24px;
    height: 22px;

    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    background-color: unset;
    z-index: -1;
}

.description-image-items-block .checkmark_stem {
    position: absolute;
    width: 3px;
    height: 11px;
    background-color: #3289C5;
    left: 13px;
    top: 6px;
}

.description-image-items-block .checkmark_kick {
    position: absolute;
    width: 4px;
    height: 3px;
    background-color: #3289C5;
    left: 9px;
    top: 14px;
}

.underunder-header-block,
.under-header-block {
    width: 100%;
    height: 46px;
    background-color: #254E77;
    border-top: 1px white solid;
}

/* Style the tab */


/* Style the buttons inside the tab */
.tab a {
    text-decoration: none;
    width: 22%;
    text-align: center;
    text-transform: uppercase;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: #FFFFFF;
    font: normal normal bold 14px/28px Oxygen;
}

.under-header-block .tab a {
    width: 25%;
    padding-right: unset;
    padding-left: unset;
}

.underunder-header-block .tab a {
    width: 20%;
    padding-right: unset;
    padding-left: unset;
}

/* Change background color of buttons on hover */
.tab a:hover,
.tab a.active {
    background-color: #FFFFFF;
    color: #254E77;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.profile-edit-form {
    width: 100%;
    display: flex;
}

.colmd-4 {
    width: 31.59692570452605%;
}

.profile-edit-form .image-block {
    height: 370px;
    width: 100%;
    background-repeat: no-repeat round;
}

.formrow,
.Row {
    width: 100%;
    display: flex;
}

.colmd-8 {
    width: 65.75576430401366%;
}

.profile-image-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    height: 370px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.profile-edit-form .checkbox-label {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.profile-edit-form .checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.profile-edit-form .checkmark {
    position: absolute;
    top: 9px;
    left: 0;
    height: 12px;
    width: 12px;
    border: 1px solid #3289C5;
    border-radius: 3px;
    background-color: unset;
}

/* On mouse-over, add a grey background color */
.profile-edit-form .checkbox-label:hover input~.checkmark {
    border: 1px solid #3289C5;
}

/* When the checkbox is checked, add a blue background */
.profile-edit-form .checkbox-label input:checked~.checkmark {
    border: 1px solid #3289C5;
}


/* Create the checkmark/indicator (hidden when not checked) */
.profile-edit-form .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.profile-edit-form .checkbox-label input:checked~.checkmark:after {
    display: block;
    box-shadow: 2px 0px 0px white;
}

/* Style the checkmark/indicator */
.profile-edit-form .checkbox-label .checkmark::after {
    left: 5px;
    top: -2px;
    width: 4px;
    height: 10px;
    border: solid #3289C5;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

.profile-edit-form .checkbox {
    display: flex;
}

.description-image-items-block .colmd-6:first-child {
    font-weight: 400;
    margin-left: 30px;
    font-size: 14px;
}

.profile-edit-form .checkbox .checkbox-label {
    font-weight: 400;
    margin-right: 30px;
    font-size: 14px;
}

.description-image-items-block .colmd-6:first-child,
.birthday-select-fields:first-child {
    margin-left: unset;
}

.birthday-select-fields {
    margin-left: 22px;
}

#mySelectOffer .carousel-indicators {
    display: none;
}

.outlined_button_div {
    width: 80%;
    margin-left: 10%;
}

#mySelectOffer .carousel-control {
    opacity: unset;
    background: unset;
}

#mySelectOffer .carousel-control.left {
    background-image: unset;
}

#mySelectOffer .carousel-control span {
    background-color: #254E77;
    height: 36px;
    width: 36px;
    border-radius: 20px;
    padding-top: 10px;
}

#mySelectOffer .carousel-control span:hover {
    background-color: #12324f;
}

#mySelectOffer .carousel-control.right {
    background-image: unset;
}

#mySelectOffer .carousel-inner,
#mySelectOffer .chartContainer {
    width: 70%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

#mySelectOffer .carousel-inner .item {
    padding: 5px;
    min-height: 450px;
}

#mySelectOffer .carousel-inner .item .item-container {
    border: 1px solid #E0E0E0;
}

#mySelectOffer .carousel-inner .item .title {
    width: 100%;
    text-align: center;
}

.offsetmd-3 {
    margin-left: 25%;
}

.offsetmd-2 {
    margin-left: 16.666667%;
}

#mySelectOffer .carousel-inner .item .price {
    color: #FF9900;
    font: normal normal bold 18px/22px Oxygen;
}

body .profile-edit-form .checkbox .checkbox-label {
    white-space: nowrap;
}

@media (max-width: 991px) {
    #mySelectOffer .carousel-inner {
        width: 100%;
    }

    #mySelectOffer .carousel-control {
        width: 5%;
    }

    .profile-edit-form .checkbox {
        display: flex;
        flex-wrap: wrap !important;
        margin-left: -15px;
        width: calc(100% + 15px);
    }

    body .profile-edit-form .checkbox .checkbox-label {
        flex: 0 0 calc(12% - 5px);
        margin: 0 5px 0 15px;
        white-space: nowrap;
        padding-left: 15px;
        padding-right: 0;
    }
}

.outlined_button {
    border-color: #537494;
}

.outlined_button:hover {
    border-color: #537494;
    text-decoration: none;
    background-color: #254E77;
    color: white;
}

.main-block #mySelectOffer .item .title {
    margin-left: unset;
    max-width: 100%;
}

.content .container {
    padding-left: 0;
    padding-right: 0;
}

.main-block .content .container .Row .text {
    text-align: left;
    padding-bottom: 20px;
    padding-top: 12px;
}

.main-block .content .container #mySelectOffer .carousel-inner .period_text {
    font: normal normal bold 14px/30px Oxygen;
}

.view_document_page .main-block .content .left-block p,
.main-block .content .container p {
    text-align: left;
}

.pdfs-list-div {
    text-align: left;
    margin-top: 36px;
}

.pdfs-list-div .one-pdf {
    padding-bottom: 10px;
}

.pdfs-list-div .one-pdf .pdf-button {
    background-color: #254E77;
    width: 36px;
    height: 36px;
    border-radius: 22px;
    border: unset;
}

.pdfs-list-div .one-pdf .pdf-button:hover {
    background-color: #12324f;
    color: white;
    cursor: pointer;
}

.pdfs-list-div .one-pdf .pdf-button img {
    width: 100%;
    margin-top: 4px;
}

.pdfs-list-div .one-pdf a {
    text-decoration: none;
}

.pdfs-list-div .one-pdf:hover,
.pdfs-list-div .one-pdf:hover a:hover,
.pdfs-list-div .one-pdf a label:hover,
.main-block .grid-container .details-button:hover {
    cursor: pointer;
}

.pdfs-list-div .one-pdf a label {
    margin-left: 11px;
    font: normal normal bold 14px/46px Oxygen;
    color: #3289C5;
}

.notextdecoration {
    text-decoration: none;
}

.back-booking-btn-div {
    width: 158px;
    margin-top: 96px;
    padding-bottom: 100px;
}

.single_booking_essential_info_page .back-booking-btn-div {
    margin-top: 91px;
}

.update-details-btn-div {
    width: 138px;
    margin-top: 25px;
}

.back-booking-btn-div a,
.update-details-btn-div a {
    border-radius: unset;
    height: 29px;
    font: normal normal normal 14px/19px Oxygen;
    vertical-align: bottom;
    font-size: 17px;
    padding-top: 11px;
}

.passenger-info-form-block {
    padding-top: 32px;
    padding-bottom: 34px;
}

.passenger-info-form-block .form-title {
    font: normal normal normal 18px/22px Oxygen !important;
    color: rgb(37 78 119) !important;
    text-align: left !important;
    margin-left: 0 !important;
}

.single_booking_essential_info_page .colmd-6 {
    width: 48.7%;
}

.single_booking_essential_info_page input.formcontrol {
    width: 96%;
}

.passenger-info-form-block .emergency_phone p {
    position: absolute;
    margin-top: 4px;
    max-width: 37.5%;
}

.passenger-info-form-block hr {
    margin-top: 14px;
    color: #EFEFEF;
}

.zendesk-chat {
    width: 250px;
    padding: 20px;
    bottom: 0;
    right: 0;
    color: white;
    position: absolute;
    background-color: #244e77;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}

.canvasjs-chart-credit {
    display: none;
}

.map-block {
    margin-top: 30px;

}

.marker-label {
    position: absolute;
    display: inline-block;
    padding: 9px 11px 15px 12px;
    height: 10px;
    width: 10px;
    vertical-align: middle;
    /*padding-left: 6px;*/
    /*padding-right: 6px;*/
    color: #254e77;
    background-color: #ffffff;
    border-radius: 28px;
    margin-left: 5px;
    margin-top: -35px;

}

.marker-label::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 38px;
    background-color: white;
    opacity: 0.1;
}

.gmnoprint,
.gm-fullscreen-control {
    display: none;
}

.image-ship-one {
    height: 100%;
}

.main-block .grid-container .grid-top .details-button {
    margin-right: 10px;
}

.my_booking_upcoming .grid-container .item-block-img {
    margin-top: 21px;
}

.sort-label-div {
    float: right;
    margin-top: 10px;
    text-wrap: none;
    font: normal normal bold 12px/19px Oxygen;
    color: #254E77;
}

#sortBySelect {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    /* needed for Firefox: */
    overflow: hidden;
    /*width: 120%;*/
    color: #254E77;
    font: normal normal bold 12px/19px Oxygen;
}

.under-block-2 {
    height: 38px;
    background-color: white;
}

.tab a {
    box-sizing: border-box;
}

.container-booking-previous .icon-div img {
    width: 84px;
}

.container-quotes .pdf-column a {
    text-decoration: none;
    color: white;
}

/*-----------------------*/

.main-block {
    margin-top: 40px;
}

.main-block .title div {
    width: 80%;
}

.main-block .content,
.main-block .title,
.tab {
    width: 100%;
}

.main-block .content .container {
    width: 100%;
}

.main-block .title {
    display: table;
    text-align: center;

}

.main-block .title div {
    display: table-row;
    line-height: 1.5em;
    font-size: 2em;
    white-space: nowrap;
}

.main-block .title h1 {
    font: italic normal normal 32px/34px Droid Serif;
    padding: 0 10px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    color: #31587f;
}

.main-block .title span.spacer {
    display: table-cell;
}

.main-block .title span.spacer:after {
    display: inline-block;
    width: 100%;
    content: ".";
    font-size: 0;
    color: transparent;
    height: 2px;
    background: #cdcdcd;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

@media (max-width: 991px) {
    .main-block .title span.spacer {
        vertical-align: middle;
        width: 9%;
        min-width: 36px;
    }

    .main-block .title span.spacer:after {
        top: -5px;
    }
}

@media (max-width: 400px) {

    .main-block .title div {
        white-space: unset;
    }
}

.main-block .title>a {
    font-size: .4em;
    vertical-align: middle;
    background: #25a2a4;
    color: #fff;
    text-transform: uppercase;
    font-family: monospace;
    border-radius: .5em;
    padding: .3em .5em;
    text-decoration: none;
}

@media (max-width: 991px) {
    .tab {
        display: grid;
        grid-template-columns: 1fr 1fr;
        overflow: hidden;
    }

    .offsetmd-2 {
        margin-left: unset;
    }

    .my_booking_upcoming .grid {
        margin-top: 30px;
    }

    .my_booking_upcoming .ul-items {
        width: 33%;
        padding-top: 5px;
    }

    .my_booking_upcoming .ul-items .details-button {
        width: 91vw;
        margin-top: 34px;
    }

    .my_booking_upcoming .ul-items-two {
        width: 65%;
        padding-top: 5px;
        vertical-align: top !important;
    }

    .my_booking_upcoming .item1 {
        text-align: left;
        max-width: 91vw;
    }

    .my_booking_upcoming .item2 {
        max-width: 91vw;
        padding-left: unset !important;
    }

    .my_booking_upcoming .item1 .item-block-img {
        width: 100%;
        height: auto;
    }

    .profile-edit-form {
        display: block;
    }

    .main-block .content,
    .main-block .title,
    .tab {
        margin-left: unset;
        width: 100%;
        max-width: 100%;
    }

    .main-block .content .left-block {
        width: 100%;
        padding-right: unset;
    }

    .description-image-items-block.first .image-div img {
        height: unset;
    }

    .colmd-6,
    .colmd-4,
    .colmd-8 {
        width: 100%;
    }

    .description-image-items-block .list-div>div {
        padding-left: 5px;
    }

    .description-image-items-block:nth-child(1n) .colmd-6 .list-div,
    .description-image-items-block:nth-child(2n) .colmd-6 .list-div {
        /*margin-top: 11%;*/
        margin-top: unset;
        position: relative;
    }

    .description-image-items-block .colmd-6:nth-child(2) {
        padding-left: unset;
    }

    .outlined_button_div {
        margin-left: unset;
    }

    .tab {
        /*padding-left: 20px;*/
        /*width: 95%;*/
        max-width: 100%;
    }

    .underunder-header-block,
    .under-header-block {
        height: auto;
    }

    .underunder-header-block .tab a,
    .under-header-block .tab a {
        /*width: 196px;*/
        width: 100%;
        padding: 9px 16px;
    }

    .profile-edit-form .colmd:nth-child(2) {
        margin-left: unset;
    }

    .formrow {
        display: block;
    }

    .formrow .colmd-6:nth-child(2) {
        padding-left: unset;
    }

    .formrow .colmd-6:first-child {
        padding-right: unset;
    }

    .birthday-select-fields-row {
        display: flex;
    }

    .birthday-select-fields {
        width: 30.33%;
        margin-left: 5%;
    }

    .birthday-select-fields:first-child {
        margin-left: unset;
    }

    #mySelectOffer .item {
        width: 95%;
        margin-left: 2.5%;
    }

    .outlined_button_div {
        width: 95%;
        margin-left: 2.5%;
    }

    #mySelectOffer .carousel-inner .item {
        text-align: center;
    }

    #mySelectOffer .carousel-inner .item .item-text-content {
        margin-left: 16.666667%;
        width: 65.75576430401366%;
    }

    #mySelectOffer .carousel-inner .item .title h2 {
        text-align: center;
    }

    .outlined_button_div div {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 170px;
    }
}

@media (max-width: 805px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: 27%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 28vw;

    }
}

@media (max-width: 646px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: 20%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 20vw;

    }
}

@media (max-width: 610px) {

    .main-block .title div h1 {
        padding: 3px;
        white-space: break-spaces;
    }

    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: 14%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 16vw;
    }
}

@media (max-width: 546px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: 5%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 9vw;
    }
}

@media (max-width: 470px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: -1%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 2vw;
    }
}

@media (max-width: 468px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        margin-top: -3%;
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 1vw;

    }
}

@media (max-width: 430px) {
    .description-image-items-block:nth-child(2n) {
        display: block;
        /*margin-top: 10%;*/
    }

    .description-image-items-block.first .colmd-6:first-child {
        top: 5vw;

    }

    .description-image-items-block.first .colmd-6:nth-child(1n) {
        margin-top: unset;
    }

    .description-image-items-block.first .colmd-6 .list-div {
        top: 40%;
    }
}

body .nice-select .list {
    width: 100% !important;
}

.nice-select:not(.open) .list {
    display: none;
}


.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
}

@media (max-width: 991px) {
    .grid-2 {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
}


.vcc-table {}

.vcc-table .vcc-table-row {
    display: grid;
    background-color: #E0E0E0;
    padding: 0 30px 0 20px;
    margin: 2px auto 0;
}

.vcc-table .vcc-table-row:nth-child(2n) {
    background-color: #EFEFEF;
}

.vcc-table .vcc-table-col {
    font: normal normal normal 12px/14px Oxygen;
    display: flex;
    align-items: center;
    height: 56px;
    text-align: center;
    color: black;
}

.vcc-table .vcc-button {
    font: normal normal normal 14px/19px Oxygen;
    display: flex;
    width: 120px;
    height: 40px;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.35px;
    color: var(--vc-c-white);
    background: var(--vc-c-corp-blue);
    border-radius: 200px;
}

#quotes-popup {
    display: none;
    width: 40%;
}