@font-face {
    font-display: swap;
    font-family: Lato;
    src: local("Lato"),local("Lato"), url(../fonts/lato/Lato-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: Lato;
    src: local("Lato"),local("Lato"), url(../fonts/lato/Lato-Regular.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: Lato-bold;
    src: local("Lato"),local("Lato"),url(../fonts/lato/Lato-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: local("GothamPro"),local("Gotham-Pro"),url(../fonts/gotham-pro/GothamPro.woff2) format("woff2"),url(../fonts/gotham-pro/GothamPro.woff) format("woff"),url(../fonts/gotham-pro/GothamPro.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: local("GothamPro"),local("Gotham-Pro"),url(../fonts/gotham-pro/GothamPro-Medium.woff2) format("woff2"),url(../fonts/gotham-pro/GothamPro-Medium.woff) format("woff"),url(../fonts/gotham-pro/GothamPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: GothamPro;
    src: local("GothamPro"),local("Gotham-Pro"),url(../fonts/gotham-pro/GothamPro-Bold.woff2) format("woff2"),url(../fonts/gotham-pro/GothamPro-Bold.woff) format("woff"),url(../fonts/gotham-pro/GothamPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: MADEEvolveSans;
    src: local("MADEEvolveSans"),url(../fonts/made-evolve-sans/MADEEvolveSans-Medium.woff2) format("woff2"),url(../fonts/made-evolve-sans/MADEEvolveSans-Medium.woff) format("woff"),url(../fonts/made-evolve-sans/MADEEvolveSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: MADEEvolveSans;
    src: local("MADEEvolveSans"),url(../fonts/made-evolve-sans/MADEEvolveSans-Bold.woff2) format("woff2"),url(../fonts/made-evolve-sans/MADEEvolveSans-Bold.woff) format("woff"),url(../fonts/made-evolve-sans/MADEEvolveSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: OpenSans;
    src: local("Lato"),local("Lato"), url(../fonts/Open_Sans/static/OpenSans/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

:root {
    --c1: #324885;
    --c2: #344988;
    --c3: #26386d;
    --c4: #3b3d43;
    --c5: #778093;
    --c6: #e2e5f0;
    --c7: #f3f6fb;
    --c8: #d5ac52;
    --c9: #eb3434;
    --c10: #ffffff;
    --c11: #dee5fe;
    --c12: #d0d4e1;
    --c13: #4767b1;
    --ct1: #f84646;
    --ct2: #2196F3;
    --ct3: #FF9800;
    --ct4: #4dc852;
    --ct5: #d3471b;
    --ct6: #7a45d8;
    --ct7: #f3bf00;
    --ct8: #5881BE;
    --f2: 'Lato',sans-serif;
    --f1: 'GothamPro',sans-serif;
    --f3: 'MADEEvolveSans',sans-serif;
    --anim: 0.3s ease-out;
}
html {
    --fs: 1vw;
    --offset: 1vw;
    --offset-sm: calc(0.75 * var(--offset));
    --offset-md: calc(1.25 * var(--offset));
    --offset-lg: calc(2 * var(--offset));
    --offsetH: calc(var(--offset-lg) * 6.5);
    height: 100%;
    box-sizing: border-box;
}
body{
	margin:0;
}
*{
	font-family: var(--f2), sans-serif !important;
}
.main-panel {
    background: #DCE7F1;
}
body .sidebar .logo {
    border: none;
    /* margin-bottom: 140px; */
}
body .card {
    margin-bottom: 10px;
}
.calc-bg{
	height: 100vh;
	position: relative;
}
#calc-bg-slider{
	top: 0;
	width:100%;
	position: absolute;
}
.topbar{
	background-color: white;
	/*padding: 10px 0;*/
}
.head{
	margin-top:175px;
}
.logo img{
	height: 44px;
}
.head{
	color:white;
}
.head small{
	font-size: 20px;
}
.calculator{
	margin-top:50px;
	color:white;
	background-color: #1e3952d4;
    padding: 15px;
    border-radius: 10px;
}
.calculator-sm{
    margin-top:0;
    color:white;
    background: #5881BE;
    padding: 32px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.calculator-sm .small {
    color: #CED4DA;
}
.front{
	position: relative;
	z-index: 1;
}
.bg-item{
	position: relative;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 999;
    background-color:rgba(0,0,0,.2);
}
.popup .form{
    background-color: white;
    border-radius: 5px;

}
.popup .form label{
    color: #778093;
    font-size: .85em;
}
.popup .header{
    padding: var(--offset-md);
}
.popup .header span{
    font-family: var(--f1);
    font-weight: 500;
    font-size: 1em;
    line-height: 1.3;
    color: var(--c3);
}
.popup .form .submit{
    color: var(--c10);
    background-color: var(--c8);
    width:100%;
}
.popup .form input{
    width: 100%;
    margin: 0;
    padding: var(--offset-sm) var(--offset-md);
    font-size: .85em;
    background-color: var(--c7);
    border-radius: 5px;
    white-space: nowrap;
    border: none !important;
    outline:none;
    resize: none;
}
.form__file .input, .input, input, select, textarea {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--c5);
    font-family: var(--f1);
}
.popup .form .btn-wrap{
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: var(--offset-lg);
}
.popup .form{
    width: calc(var(--offsetH) * 1.5);
}
.popup .body{
    padding: var(--offset-md);
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*background-color: #22384b;*/
    /*border: 1px solid #000;*/
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #000;
    color: #fffcfc;
}
.calculate{
    margin-top: 33px;
}
.select2-container--default .select2-selection--multiple {
    display: block;
    min-height: 40px;
    border: 2px solid #D1DCE6;
    box-sizing: border-box;
    border-radius: 8px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid #D1DCE6;
    box-sizing: border-box;
    border-radius: 8px;
}
.langs img{
    width:30px;
}
.col-md-25{
    flex: 0 0 30.666667%;
    max-width: 18.666667%;
}
.countries{
    margin-top: 18px;
}
.calc-bg .countries button {
    color: #fff;
}
.calc-bg .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000;
}

.countries button{
    border: 0;
    outline: 0;
    margin: 5px 0;
    /* display: inline; */
    background-color: transparent;
    cursor: pointer;
    font-size: 13px;
}
.add-item-button, .remove-item-button {
    border: 0 !important;
    outline: 0 !important;
    margin: 5px 0;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}
.add-item-button {
    color: #6E7A85;
    margin-top: 0 !important;
    margin-bottom: 25px;
}
.remove-item-button {
    color: #CF3C3C;
}
.calculate{
    background-color: var(--c8);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 9px;
    position: relative;
    top: -4px;
}
.calculate:hover{
    background-color:var(--c5);
}
.topbar{
    background: #243b4dbd;
    padding: 25px 0;

}
#loginTrigger{
    background-color: var(--c8);
    color:white;
    border:none;
    box-shadow: none;
}
#loginTrigger:hover{
    background-color:var(--c5);
}
.kurs{
    color: white;
    margin-left: 10px;
}
.kurs_image{
    height:30px;
    margin-left: 15px;
}

.block-selected .selected-item {
    display: none;
}

.border-radius-20 {
    border-radius: 20px;
    border-color: #fff;
}
.border-radius-12 {
    border-radius: 12px;
    border-color: #fff;
}
.border-radius-8 {
    border-radius: 8px;
    border-color: transparent;
}
.countries button.btn-custom-primary {
    background-color: var(--ct8);
}
.countries .btn-custom-primary {
    max-width: 95px;
    width: 95px;
    border: 1px solid var(--ct8) !important;
    color: #fff;
    border-radius: 5px;
}
.countries .btn-custom-primary:hover {
    color: var(--ct8);
    background-color: #fff;
}
.btn-custom-primary {
    cursor: pointer;
}
.btn-custom-primary.edit-row {
    color: #43608D;
    font-size: 16px;
}
.bg-gray-light {
    /* grey/light */
    background: #F5F8FA;
}
.color-gray-light {
    color: #6E7A85;
}

.card label span {
    text-transform: none;
}
.card label span+span {
    font-weight: bold;
}

.form-check .list-group li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form-check .list-group {
    list-style: none;
    width: 80%;
    margin-top: 0 !important;
}

.btn-gray {
    background: #5881BE;
    border-radius: 8px;
    color: #fff;
}
.form-check .card .card-body {
    padding: 0;
    margin: 0;
}
.card .card-body {
    padding: 10px 30px 10px 30px;
}

.purpose .card .card-body {
    background: transparent;
}

.form-check  .card-body  .form-check-label .svg-rect,
.form-check  .card-body .form-check-label .svg-rect {
    fill: #B7B7B7;
}
.form-check  .card-body .form-check-input:checked + .form-check-label .svg-rect,
.form-check  .card-body .form-check-input:focus + .form-check-label .svg-rect {
    fill: #747474;
}
.form-check  .card-body .form-check-label {
    background: #F5F9FD;
}
.form-check  .card-body .form-check-input:checked + .form-check-label,
.form-check  .card-body .form-check-input:focus + .form-check-label {
    background: #EBF3FD;
}
.form-check .card-body .form-check-label span {
    margin-left: 5px;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-space-between {
    justify-content: space-between;
}
.flex-align-items {
    align-content: center;
    align-items: center;
}

.purpose .form-check  .card-body .form-check-label,
.qty_travellers .form-check  .card-body .form-check-label {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-around;
    padding: 10px 15px;
}
h3 {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
}
.purpose .card,
.qty_travellers .card {
    border: none;
}

.text-input,
.text-input:focus {
    background: #FFFFFF;
    /* grey/light3 */
    border: 2px solid #D1DCE6;
    box-sizing: border-box;
    border-radius: 8px;
}

.form-group.submit-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #072B50;
    border-radius: 12px;
    margin: 0;
}
.form-group.submit-button .btn{
    padding: 21px 0 21px 0;
    color: rgba(255, 255, 255, 1);
    border: none;
    outline: none;
    cursor: pointer;
}
.form-group.submit-button .btn:disabled{
    color: rgba(255, 255, 255, 0.5);
}

.form-group.save-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(108, 117, 125, 0.005);
    border-radius: 12px;
    margin: 0;
}
.form-group.save-button .btn{
    padding: 21px 0 21px 0;
    color: rgba(255, 255, 255, 0.9);
    border: none;
    outline: none;
}
.add-item-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.add-item-block .add-item-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.add-item-block .add-item-button img {
    margin: 0 5px;
}
.sidebar .nav li a.nav-link, body>.navbar-collapse .nav li a.nav-link {
    padding: 10px 45px;
}

.sidebar .nav li a.nav-link p, body>.navbar-collapse .nav li a.nav-link p {
    margin-left: 15px;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 5px !important;
}
.policy-type .card-body {
    padding: 15px 15px;
}
.policy-type .policy-type-select-block {
    padding: 15px;
}

.policy-type .card-body label span {
    margin-left: 5px;
}
.sidebar .nav li .nav-link {
    margin: 5px;
}
.form-control {
    padding-top: 6px;
}
.error {
    color: red;
}
.fixed-sidebar {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    /* height: 500px; */
    padding: 0;
    background: transparent;
    top: 10px;
    bottom: auto;
}
.btn-status {
    border-radius: 25px;
    padding: 5px 10px;
}
.text-bold.btn-status {
    background: transparent !important;
    color: #000 !important;
}
.btn-success {
    background: #24C38E;
}
.btn-black {
    background: #000000;
}
.btn-draft {
    background: #9A9CA9;
}
.btn-brake {
    background: #C32424;
}
.btn-brak {
    background: #000;
}

.card-body .btn-success {
    color: #24C38E !important;
}
.card-body .btn-black {
    color: #000000 !important;
}
.card-body .btn-draft {
    color: #9A9CA9 !important;
}
.card-body .btn-brake {
    color: #C32424 !important;
}
.card-body .btn-brak {
    color: #000 !important;
}
.table>thead>tr>th {
    font-weight: bold;
    color: #000;
    text-align: center !important;
}

.alert.alert-success {
    background-color: #659515 !important;
}

.report-page.my-policy .card .card-header .form-check-radio {
    margin-bottom: 0;
    margin-right: 5px;
}
.report-page.my-policy .card .card-header label.form-check-label.btn-success {
    background: #24C38E !important;
}
.report-page.my-policy .card .card-header label.form-check-label {
    padding-left: 10px;
    color: #fff;
    min-width: 100px;
    text-align: center;
}
.report-page .card .card-header label.form-check-label {
    padding-left: 0;
    display: block;
    margin-right: 10px;
}
.report-page .card .card-header .form-check-date {
    overflow: visible;
}

.sidebar .nav li .nav-link.active,
body>.navbar-collapse .nav li .nav-link.active {
    background: rgba(255, 255, 255, 0.13);
    opacity: 1;
}

.btn-primary:hover {
    background-color: #007bff;
}
.login-form {
    width: 60%;
}

.w-100 {
    width: 100%;
}
.pt-100 {
    padding-top: 100px;
}
.btn.submit.login-submit {
    background: #43608D;
    color: #fff;
    padding: 15px 0 15px;
}
input.form-control.text-input {
    padding: 12px 10px 12px 20px;
}

label.alcohol-label {
    position: relative;
}
input.alcohol:checked + label.alcohol-label>span {
    background: url("/assets/img/icons/alcohol_checked.svg");
    background-repeat: no-repeat;
}
label.alcohol-label span {
    background: url("/assets/img/icons/alcohol.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 31px;
    position: absolute;
    right: 0;
    margin: 5px;
    margin-bottom: 0;
    bottom: -20px;
    padding: 5px;
    cursor: pointer;
}
input.alcohol {
    visibility: hidden;
}
.card .additional-risk .table tbody td {
    padding: 6px;
}
.card .additional-risk .table thead th {
    padding-bottom: 0;
}

.card .additional-risk .table thead th.text-left {
    text-align: left !important;
}
.card .additional-risk .table thead th.text-right {
    text-align: right !important;
}
.passport-input {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: start;
}
.passport-input input.pass_sery {
    width: 50px;
    padding: 12px 10px 12px 10px;
}
.passport-input input.pass_number {
    width: 130px;
}
#country-block-first .select2-container {
    width: 300px !important;
}

/*MEDIA*/

@media only screen and (max-width: 1400px) {
    .container.head {
        margin-top: 4rem;
    }
    .header.pt-100 {
        padding-top: 35px;
    }

    .header.pt-100 .logo img {
        height: 54px !important;
    }
    .flex-item.login-form .body.pt-100 {
        padding-top: 40px;
    }
}