/*Common*/
* {
    box-sizing: border-box;
    outline:none;
}

body {
    background: #FFFFFF;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin:0;
    padding:0;
    border:none;
    outline: none;
    vertical-align: baseline;
    min-height:100vh;
}
b, strong {
    font-weight: 600;
}
.text-center {
    text-align:center;
}
.text-right {
    text-align:right;
}

a {
    color: #4E7FFF;
}

a:hover, a:focus {
    color: unset;
}


.small {
   font-size:inherit;
}
.wrapper {
    padding-top:45px;
    padding-bottom:45px;
    padding:110px 0;
}
.wrapper.small {
     padding-top:45px;
     padding-bottom:45px;
}
.top-45 {
    padding-top:45px;
}
.bottom-45 {
    padding-bottom:45px;
}

.spacer {
     padding-top:38px;
     padding-bottom:38px;
}
.border-top {
    border-top: 1px solid #E2E8F6;
}

.bg-color {
    background: rgba(229, 237, 255, 0.4);
}

.container {
    position:relative;
    padding:0 22px;
    width:100%;
    max-width:1600px;
    margin:auto;
}


.flex-row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center;
}


.flex-row.between {
    justify-content:space-between;
}

.flex-row.around {
    justify-content:space-around;
}

.flex-row.center {
    justify-content:center;
}

.flex-row.wrap {
    flex-wrap:wrap;
}

.flex-row.stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items:stretch;
}

.flex-row.align-top {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items:unset;
}

.flex-row.reverse {
    flex-direction:row-reverse;
}

.flex-row > .flex-col-6 {
    width:50%;
}


.flex-row.padding-10 > .flex-col-6 {
    padding:0px 10px;
}

.flex-row.padding-10 > .flex-col-6 {
    padding:0px 10px;
}

.flex-row.padding-10 > .flex-col-6:first-child {
    padding-left:0;
} 

.flex-row.padding-10 > .flex-col-6:last-child {
    padding-right:0;
} 

.flex-row-4 {
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    flex-wrap:wrap;
}

.flex-row-4 > .item {
   display:block;
   width:calc(25% - 8px);
   max-width:377px;
   margin:0px 4px;
}



.image-100 {
    max-width:100%;
}

.image-adjustable  img {
    max-width:100%;
}
.input-field {
    position:relative;
    margin-bottom:10px;
    width:100%;
}
.input-field  input[type=text],
.input-field  input[type=number] {
    width:100%;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    outline:none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #555555;
    padding:12px 24px;
}



.transition__smooth {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.transition__fast {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}


.button__blue {
    display:inline-block;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    background: #4E7FFF;
    color:#FFF;
    border-radius: 4px;
    color: #FFFFFF;
    text-decoration:none!important;
    outline:none!important;
    padding:13px 46px;
}


.button__blue:hover, 
.button__blue:focus {
    background: #5c88f8;
    color:#FFF;
}


.button__white {
    display:inline-block;
    background: transparent;
    border: 1px solid #4E7FFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding:11px 20px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #4E7FFF;
    text-decoration:none;
    outline:none!important;
}

.button__white:hover {
    text-decoration:underline;
    color: #4E7FFF;
}

.button__category {
    color: #777777;
    text-decoration:none;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 4px;
    padding:11px 22px;
    margin:0px 4px;
    margin-bottom:5px;
    display:inline-block;
}

.button__category:hover,
.button__category:focus {
    color: #3ABD48;
}

.button__category.active {
    color: #3ABD48;
    border-color: #3ABD48;
}



.button__green {
    background: #3ABD48;
    border-radius: 6px;
    padding: 9px 24px;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
    text-decoration:none;
    text-align:center
}

.button__green:hover,
.button__green:focus {
    text-decoration:underline;
     color: #FFFFFF;
}


.button__filtermore {
    padding: 9px 24px;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    text-decoration:none;
    text-align:center;
    background: rgba(255, 255, 255, 0.01);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    backdrop-filter: blur(11px);
    border-radius: 6px;
    position:relative;
}
.button__filtermore:hover {
    text-decoration: underline;
}

.button__filtermore:after {
    content: "";
    display: inline-block;
    background: url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width: 12px;
    height: 7px;
    margin-left: 11px;
    position: relative;
    filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(118deg) brightness(108%) contrast(100%);
}



.button__transparent {
    color: #777777;
    text-decoration: none;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 4px;
    padding: 11px 22px;
    margin: 0px 4px;
    margin-bottom: 5px;
    display: inline-block;
}

.button__transparent:hover,
.button__transparent:focus {
    color: #4E7FFF;
    border: 1px solid #4E7FFF;
}

.button__transparent.active {
    color: #4E7FFF;
    border: 1px solid #4E7FFF;
}


.link__map {
    background: url(../images/vectors/ico_location.svg) 0 0 no-repeat;
    padding-left: 18px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #162D5A;
    text-decoration:none;
}

.link__map:hover {
    text-decoration:underline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background: #E9E9E9;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4E7FFF;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    background: #4E7FFF;
    text-decoration: none;
}

.category-wrapper {

}

.category-wrapper > .category-menu {

}


.breadcrumb {
    list-style-type:none;
    margin:0px;
    padding:0px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #4E7FFF;
    padding-left:3px;
    background:transparent;
    border-radius:0;
}

.breadcrumb > li {
    display:inline-block;
    margin-right:5px;

}

.breadcrumb > li > a {
    color: #777777;
    text-decoration:none;
}

.breadcrumb > li > a:hover {
    color: #4E7FFF;
    text-decoration:underline;
}


.breadcrumb > li:after {
    content:'·';
    display:inline-block;
    margin-left:5px;
    color: #777777;
}

.breadcrumb > li:last-child:after {
    display:none;
}


.breadcrumb>li+li:before {
    display:none;
    content:'';
}

.site-content h3 {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
}

.site-content h2 {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 66px;
    color: #162D5A;
}

.h2-title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 66px;
    color: #162D5A;
    margin-bottom:36px;
}

.flex-h2-title {
    margin-bottom:36px;
}

.flex-h2-title > .h2-title {
    margin:0px;
}


.textbox {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    color: #556066;
    font-size: 15px;
    line-height: 24px;
    min-height:50px;
    transition: border-color .2s;
    padding: 12px 24px;

}

.custom-combo {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #555555;

    min-height:50px;
    transition: border-color .2s;
    position:relative;
    overflow:initial;
    padding:0;
}


.custom-combo > .combo-container {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    height:100%;
    padding: 12px 24px;
    cursor:pointer;
}

.custom-combo > .combo-container > .name{
    width:100%;
    text-align:left;
    margin:0px 5px 0px 10px;
    text-shadow:none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select:none;
    height:initial;
}


.custom-combo > .combo-container > input {
    border:none;
    outline:none;
    background:transparent;
    font-size:14px;
    margin:0;
    height:36px;
    width:95%;
    padding:0px;
    text-align:left;
}


.custom-combo > .combo-dropdown {
    position:absolute;
    width:100%;
    min-height:200px;
    max-height:300px;
    top:38px;
    left:0px;
    border-radius: 8px;
    background:white;
    box-shadow: -4px 5px 18px rgba(29,42,68,.13);
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    box-sizing: border-box;
    outline:none;
    z-index:999;
}

.custom-combo > .combo-dropdown > .combo-filter {
    -webkit-appearance: none;
    margin:0;
    padding:0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px 8px 0 0;
    border: none;
    height: 48px;
    width: 100%;
    position:relative;
    display:flex;
    align-items:center;
    border-bottom: 1px solid #f1f1f5;
}
.custom-combo > .combo-dropdown > .combo-filter > input {
    -webkit-appearance: none;
    margin:0;
    padding:0;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background:inherit;
    text-align:left;
    box-shadow:none;
    width:100%;
}
.custom-combo > .combo-dropdown > .combo-filter:before {
    content:' ';
    width:20px;
    display:inline-block;
    background:red;
}


.custom-combo > .combo-dropdown > .combo-items {
    width:100%;
    max-height:200px;
    overflow:auto;
    padding:10px 0px;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
    background:inherit;
}


.custom-combo > .combo-dropdown > .combo-items > .item {
    width:100%;
    height:34px;
    padding:0px 20px;
    display:flex;
    align-items:center;
    background:inherit;
    color:#000;
    box-shadow:none;
    text-shadow:none;
    color: #556066;
    box-sizing: border-box;
    cursor:pointer;
    user-select:none;
    font-weight:normal;
    font-size:14px;
    text-align:left;
    gap:5px;
}
.custom-combo > .combo-dropdown > .combo-items > .item:hover {
    background:#0068ff;
    background: #4E7FFF;
    color:#fff;
}

.custom-combo > .combo-dropdown > .combo-items > .item > span {
    display:block;
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.custom-combo > .combo-container > .carret {
    background: url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width: 12px;
    height: 7px;
    margin-left: 11px;
    position: relative;
}


.custom-checkbox {
    display:block;
    position:relative;
    min-height:23px;
}

.custom-checkbox > input[type=checkbox] {
    display:none;
}

.custom-checkbox > input[type=checkbox] + label {
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #777777;
    cursor:pointer;
    position:relative;
    padding:2px 10px;
    padding-left:35px;
    min-height:23px;
    user-select:none;
    display:block;
}

.custom-checkbox > input[type=checkbox] + label:before {
    content:'';
    display:inline-block;
    width:23px;
    height:23px;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 3px;
    position:absolute;
    left:0;
    top:0;
}


.custom-checkbox > input[type=checkbox]:checked + label:before {
    background-color: #3ABD48;
    background-image:url(../images/vectors/checkbox.svg);
    background-position:center center;
    background-repeat:no-repeat;
}


.custom-accordion {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 8px;
    margin:8px 0;
    padding:26px 0;
}


.custom-accordion > .title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
    margin:0px 49px;
    cursor:pointer;
    user-select:none;
    position:relative;
}

.custom-accordion > .title > span {
    display:block;
    padding-right:20px;
}

.custom-accordion.expanded > .title {
    margin-bottom:24px;
}


.custom-accordion > .title:after {
    content: '';
    display: block;
    background: url(../images/vectors/arrow_big.svg) 0 0 no-repeat;
    width: 14px;
    height: 8px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    position: absolute;
    right: 0;
    top: 5px;
}

.custom-accordion.expanded > .title:after {
    transform: rotate(180deg) translate(2px, 2px);
}

.custom-accordion > .content {
    width:100%;
    border-top:solid 1px #E2E8F6;
    padding:0px 49px;
    visibility: hidden;
    opacity: 0;
    height: 1px;
    overflow: hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.custom-accordion.expanded > .content {
    visibility: visible;
    opacity: 1;
    height: initial;
    overflow: initial;
    padding-top:30px;
}



.complex-combo {
    position:relative;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    background:#FFF;
}

.complex-combo > .textbox, 
.complex-combo > .custom-combo {
    border:none;
    border-radius:0px;
}

#tbPeriodCount {
    width:90px;
}

/*Header menu*/
.header {
    background: #FFFFFF;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    border-bottom:1px solid #E2E8F6;
    z-index:20;
}

.header .logo {
    text-align:center;
    border-right: 1px solid #E2E8F6;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:18px 0px 6px;
    padding-right:37px;
}

.header .logo > a {
    display:block;
}
.header .logo > a img {
    width:100%;
    max-width:277px;
}

.header .main-menu {
 

}

.menu-holder {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

ul.menu {
    list-style-type:none;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    flex-wrap:wrap;
}

ul.menu > li {
    position:relative;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display:flex;
    align-items: center;
    margin:0 27px;
    vertical-align: baseline;
    transition:none;
}

ul.menu > li.submenu:after{
    content: "";
    background:url(../images/vectors/dots.svg) 0 0 no-repeat;
    width:14px;
    height:4px;
    text-align:center;
    /*position:absolute;
    right:2px;*/
    display:inline-block;
    margin-left:8px;
}


ul.menu > li > a,
ul.menu > li > ul > li > a {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #222222;
    border:none;
    text-decoration:none;
    padding: 10px 0px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

ul.menu li > a:hover {
    border:none;
    text-decoration:none;
    color: #4E7FFF;
}

ul.menu li > a:after {
    content:'';
    position:absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom:0;
    fill: #222222;
    background-color:#222222;
    fill: #4E7FFF;
    background-color:#4E7FFF;
    z-index: 2;
    opacity:0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

ul.menu  li:hover > a:after,
ul.menu  li.active > a:after
 {
    opacity:1;
}

ul.menu > li > ul {
    display:block;
    z-index:10;
    position:absolute;
    bottom:0px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    left:-27px;
    width:100%;
    min-width:130px;
    background:white;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 5%), 0 2px 4px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    list-style-type:none;
    margin:0px;
    padding:0px;
    opacity:0;
    visibility:hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.2,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.2,.005,1);
    transition-timing-function: cubic-bezier(.58,.2,.005,1);
}


ul.menu > li.submenu:hover > ul {
    bottom:10px;
    opacity:1;
    visibility:visible;
    border-top:none;
}

ul.menu > li > ul > li {
    display:block;
    position:relative;
}

ul.menu > li > ul > li > a {
     display:block;
     padding: 10px 20px;
     -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

ul.menu > li > ul > li > a:hover {
    border:none;
    text-decoration:none;
    color:#4E7FFF;
}


#main-menu .toggler {
    display:none;
}

#mobile-menu-toggler {
    float: none;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 0;
    top: 0px;
    left: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    position: relative;
    width:17px;
    height:15px;
}

.navbar-toggle {
    position: relative;
}

.navbar-toggle .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.navbar-toggle .icon-bar {
    width:15px;
    margin: 0px;
    margin-bottom: 2px;
    margin-left: 0;
    background: #4E7FFF;
    border-radius: 0;
    display: block;
    height: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-toggle .icon-bar:last-child {
    margin-bottom: 0px;
}

.navbar-toggle.navOpen .icon-bar {
    position: absolute;
    top: 5px;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    margin-top:0;
}

.navbar-toggle.navOpen .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggle.navOpen .icon-bar:nth-child(3) {
    opacity: 0.0;
}

.navbar-toggle.navOpen .icon-bar:nth-child(4) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header .aside-right {
    text-align:right;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.location-selector {
    position:relative;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 4px;
    padding:6px 25px;
    cursor:pointer;
}

.location-selector > .name {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    color: #222222;
    display:flex;
    justify-content:center;
    align-items:center;
    user-select:none;
}

.location-selector > .name::before {
    display:inline-block;
    content:'';
    background:url(../images/vectors/location.svg) 0 0 no-repeat;
    width:13px;
    height:16px;
    margin-right:8px;
}
.location-selector > .name::after {
    content:'';
    display:inline-block;
    content:'';
    background:url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width:9px;
    height:5px;
    margin-left:10px;
}


.location-selector .location-popup {
    position:absolute;
    bottom:-10px;
    right:0;
    opacity:0;
    visibility:hidden;
    background:#fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 4px;
    width:300px;
    height:210px;
    text-align:left;
    display:flex;
    flex-direction:column;
}


/*.location-selector:hover .location-popup,*/
.location-selector.selected .location-popup {
    opacity:1;
    visibility:visible;
    bottom:0px;
}

.location-selector .location-popup .current {
    position:relative;
    width:100%;
    padding:6px 15px;
    border-bottom: 1px solid #E2E8F6;
}

.location-selector .location-popup .current  span {
    font-weight:bold;
}

.location-selector .location-popup .city-holder {
    overflow:auto;
    width:100%;
    height:100%;
    padding:6px 0px;
}


.location-selector .location-popup .town {
    width:100%;
    background:transparent;
    padding:0px 15px;
}

.location-selector .location-popup .town:hover {
    color:white;
    background: #4E7FFF;
}


/*Search*/
.search-menu {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 4px;
    padding:14px;
    margin-left:9px;
    cursor:pointer;
    position:initial;
}

.search-menu:before {
    content:'';
    display:block;
    background:url(../images/vectors/search.svg) 0 0 no-repeat;
    width:16px;
    height:16px;
}


.search-menu .search-popup {
    position:absolute;
    bottom:-20px;
    /*right:0;*/
    opacity:0;
    visibility:hidden;
    padding:15px 22px;
    background:#fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 4px;
    /*width:400px;*/
    width:100%;
    left:0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);

}

.search-menu:hover .search-popup {
    opacity:1;
    visibility:visible;
    bottom:10px;
}


.search-menu .input-field::before {
   content:'';
   background:url(../images/vectors/search.svg) 0 0 no-repeat;
   width:16px;
   height:16px;
   display:block;
   position:absolute;
   left:5px;
   top:17px;
   opacity:0.6;

}



/*Main*/
.site-content {
    padding-top:90px;
    min-height:82vh;
}
#section-title {
    padding-top:7px;
    padding-bottom:0px;
}

#section-title .h2-title {
    line-height: 66px;
}

#section-title .h2-title::before, .ruble-green:before {
    width:33px;
    height:33px;
    background: #3ABD48;
    border-radius:50%;
    display:inline-block;
    color:#fff;
    content: "\20BD";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    line-height:1;
    top: -8px;
    position: relative;
    margin-right: 10px;
    background:url(../images/vectors/rouble.svg) 0 0 no-repeat;
    content:'';
    top:-14px;
}



#main-banner {
    margin-top:24px;
    justify-content:space-between;
}


#main-banner > .banner {
    height:393px;
    color:white;
    display: flex;
    align-items: center;
    padding:20px;

}

#main-banner > .banner.blue {
    width:calc(60% - 8px);
    background:url(../images/custom/businessman.png) 0 0 no-repeat;
    background-position:bottom right;
    background-color: #4E7FFF;
    border-radius: 12px;
    max-width:920px;
    padding-left:80px;
}


#main-banner > .banner.green {
    width:calc(40% - 8px);
    background:url(../images/custom/house.png) 0 0 no-repeat;
    background-position:bottom center;
    background-color: #3ABD48;
    border-radius: 12px;
    max-width:613px;
     padding-left:60px;

}
#main-banner > .banner > .content {
    display:flex;
    flex-direction:column;
}

#main-banner .button__white {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    background: #FFFFFF;
    border:none;
    border-radius: 6px;
    padding:14px 48px;
}


#main-banner > .banner .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 58px;
}



#main-banner > .banner .description {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    min-height:40px;
    margin-bottom:36px;
}


#main-banner > .banner.blue .title {
    max-width:417px;
}


#main-banner > .banner.green .title {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
}

#main-banner > .banner.green .button {
    text-align: center;
}
#main-banner .banner.blue .button__white {
    color: #4E7FFF;
}

#main-banner .banner.green .button__white {
    color: #3ABD48;
}


/**/

#section-services {
    padding-top:90px;
}


#section-services .h2-title {
    margin-bottom:15px;
}

.our-services {
    margin:15px 0 40px;
}


.our-services > .item {
    height:228px;
    background: #FFFFFF;
    /*border: 1px solid #E2E8F7;*/
    border: 1px solid #CDD5E9;
    border-radius: 6px;
    padding:30px 23px;
    position:relative;
    overflow:hidden;
}

.our-services > .item:hover {
    box-shadow: 0px 23px 28px -16px rgba(188, 193, 207, 0.45);
}
.our-services > .item > a {
    position:relative;
    z-index:1;
    line-height:1;
    text-decoration:none;
    padding:0px 23px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.our-services > .item > a p {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #162D5A;
    margin: 1em 0;
}

.our-services > .item > a  span {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
}

.our-services > .item::before {
    content:'';
    display:block;
    position:absolute;
    background-color: #F5F8FF;
    border-radius:50%;
    bottom: -50%;
    right: -8%;
    padding:128px;
    z-index:0;
}

.our-services > .item.user::before {
    background:url(../images/services/1.svg) 50% 25% no-repeat;
    background-color: #F5F8FF;
}

.our-services > .item.home::before {
    background:url(../images/services/2.svg) 50% 25% no-repeat;
    background-color: #F5F8FF;
}

.our-services > .item.loan::before {
    background:url(../images/services/3.svg) 50% 25% no-repeat;
    background-color: #F5F8FF;
}

.our-services > .item.mortage::before {
    background:url(../images/services/4.svg) 50% 25% no-repeat;
    background-color: #F5F8FF;
}

.block__bg {
    width:100%;
    padding:34px;
    background: rgba(230, 237, 255, 0.4);
    border-radius: 6px;
    margin:22px 0;
}


#block__rates {
    margin:43px 0;
}
.exchange-rates {
    width:100%;
    max-width:700px;
    margin:auto;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #777777;

}

.exchange-rates > .title,
.exchange-rates b {
    color: #162D5A;
    font-weight: 700;
}


.exchange-rates .m_rate {
    display:inline-block;
    margin:0 16px;
}

.exchange-rates .m_rate > span {
    margin-left:10px;
}

.exchange-rates .m_rate > span::after {
    display:inline-block;
    content:'';
    width:11px;
    height:13px;
    margin-left:12px;
}
.exchange-rates .m_rate > span.down::after {
    background:url(../images/vectors/arrow_red_down.svg) 0 0 no-repeat;
}


.exchange-rates .m_rate > span.up::after {
    background:url(../images/vectors/arrow_green_up.svg) 0 0 no-repeat;
}

#offers {
    margin:44px 0;
    align-items:stretch;
}

#offers {
    margin:44px 0;
    align-items:stretch;
}
#offers .item {
    max-width: 377px;
    min-height: 238px;
    background: #FFFFFF;
    border-radius: 13px;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    padding:10px;
    margin-bottom: 8px;
}


#offers.only-4 > .flex-row-4  > .item:nth-child(5),
#offers.only-4 > .flex-row-4  > .item:nth-child(6),
#offers.only-4 > .flex-row-4  > .item:nth-child(7),
#offers.only-4 > .flex-row-4  > .item:nth-child(8){
    display: none;
}

#offers .item:hover {
    border: 1px solid transparent;
    box-shadow: 0px 23px 28px -16px rgba(188, 193, 207, 0.45);
}
#offers .item > a {
    text-decoration:none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
}
#offers .item .content {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
    padding:40px 24px 33px;
}

#offers .item .content > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
    margin-bottom:5px;
    position:relative;
    padding-right:55px;
    min-height: 36px;
}

#offers .item .content > .title .image {
    position:absolute;
    top:0px;
    right:0px;
    width: 51px;
    height: 51px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow: hidden;
}
#offers .item .content > .title .image img {
    max-width:100%;
    margin:auto;
}

#offers .item .content > .rating {
    display:flex;
    align-items:center;
    margin-bottom:31px;
    padding-right: 55px;
}

#offers .item .content > .rating:before {
    display:inline-block;
    content:'';
    background:url(../images/vectors/star.svg) 0 0 no-repeat;
    width:17px;
    height:17px;
    margin-right:5px;
}

#offers .item .content > .percent {
    margin-bottom:13px;
    background:url(../images/vectors/line_outline.svg) 0 0 no-repeat;
    padding-left:33px;
}

#offers .item .content > .period {
    background:url(../images/vectors/cal_outline.svg) 0 0 no-repeat;
    padding-left:33px;
}

#offers .item .content > .percent > p,
#offers .item .content > .period > p{
    font-weight: 600;
    font-size: 18px;
    color: #162D5A;
    line-height:18px;
    margin:0;
}


#offers-loans{
    margin: 44px 0;
}

#offers-loans .offer{
    width: calc(25% - 8px);
    max-width: 377px;
    min-height: 238px;
    margin: 0px 4px;
    margin-bottom: 8px;
}

#offers-loans .offer .offer-info{
    max-width: none!important;
}


#offers-loans.only-4 > .flex-row-4  > .offer:nth-child(5),
#offers-loans.only-4 > .flex-row-4  > .offer:nth-child(6),
#offers-loans.only-4 > .flex-row-4  > .offer:nth-child(7),
#offers-loans.only-4 > .flex-row-4  > .offer:nth-child(8){
    display: none;
}

#offers-loans .offer-info .offer-title>span {
    min-height: 42px;
}

.best-offers .text-center{
    margin:44px 0;
}

#offers-loans .text-center,
#offers .text-center{
    margin-top:44px;
}



/**/
#articles {
    margin:44px 0;
}

#articles .item {
    max-width: 377px;
    min-height: 352px;
    background: #FFFFFF;
    border-radius: 13px;
}

#articles .item:hover {
    box-shadow: 0px 23px 28px -16px rgba(188, 193, 207, 0.45);
}

#articles .item > a {
    text-decoration:none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
}

#articles .item > a > .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#articles .item > a > .content > .image {
    width:100%;
    height: 189px;
    background-position:center center;
    background-size: cover;
    overflow:hidden;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

#articles .item > a > .content > .info {
    min-height:163px;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 13px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding:13px 39px 39px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#articles .item > a > .content > .info > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #162D5A;
    margin-bottom:8px;

}

#articles .item > a > .content > .info  .date {
    background:url(../images/vectors/calendar_gray.svg) 0 0 no-repeat;
    padding-left:21px;
}

#articles .item > a > .content > .info  .views {
    background:url(../images/vectors/eye_gray.svg) 0 2px no-repeat;
    padding-left:21px;
    margin-left:10px;
}


#reviews {
    margin:30px 0;
}

#reviews .flex-col-6 {
    padding:0px 8px;
}

#reviews .flex-col-6:first-child {
    padding-left:0;
}

#reviews .flex-col-6:last-child {
    padding-right:0;
}

#reviews .item {
    width:100%;
    padding:40px;
    padding-right:66px;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 13px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
}

#reviews .item .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
    margin-bottom:15px;
}

#reviews .item .mark {
    background: #F9B44C;
    color:#fff;
    display:inline-block;
    min-width:26px;
    min-height:26px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
}


#reviews .item .preview {
    margin-bottom:25px;
}


#reviews .item .date {
    background: url(../images/vectors/calendar.svg) 0 0 no-repeat;
    padding-left: 21px;
}

#reviews .item .date i{
    display: none!important;
}

#reviews .item .author {
    background: url(../images/vectors/user.svg) 0 1px no-repeat;
    padding-left: 20px;
    margin:0px 25px;
}

#reviews .item .location {
    background: url(../images/vectors/location.svg) 0 0 no-repeat;
    padding-left: 21px;
}

#qa-glossary {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    align-items: stretch;
    align-items:baseline;
}

#qa-glossary .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
}

#qa-glossary .description {
    margin-top:9px;
}

.block-qa {
    width:calc(66% - 8px);
    max-width:1043px;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 13px;
    padding:36px 43px 46px;
    margin-right:8px;
    min-height:435px;
    min-height: 420px;
}

.block-qa .title {
    color: #162D5A;
}

.block-glossary {
    width:calc(34% - 8px);
    max-width:492px;
    padding:36px 43px 46px;
    position:relative;
    background: #4E7FFF;
    border-radius: 13px;
    margin-left:8px;
    color:#fff;
}

.block-glossary::before {
    position:absolute;
    right:29px;
    top:-9px;
    display:block;
    content:'';
    background: url(../images/vectors/bookmark.svg) 0 0 no-repeat;
    width:37px;
    height:47px;
}

.block-glossary .item-list {
    margin-bottom:18px;
}
.block-glossary .item-list a {
    margin:8px 0;
    display:block;
    font-family: 'Circe';
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #FFFFFF;
}

.block-glossary .item-list p{
    margin:0;
}

.block-glossary .item-list p a{
    display: initial;
}


.item-expandable {
}

.item-expandable > .content {
    margin-top:8px;
    width:100%;
    height:0px;
    overflow:hidden;
    opacity:0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.item-expandable.expanded > .name {
   cursor:pointer;
}

.item-expandable > .name:after {
    content:"";
    display:inline-block;
    background: url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width:12px;
    height:7px;
    margin-left:11px;
    position:relative;
}

.item-expandable.expanded > .name:after {
    transform:rotate(-180deg);
    top:-2px;
}

.item-expandable.expanded > .content {
    overflow:initial;
    height:initial;
    opacity:1;
}

.block-qa .item,
.item-list.qa-items .item {
    margin:8px 0;
}

.block-qa .item .name,
.item-list.qa-items .item .name {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #162D5A;
    cursor:pointer;
}

.block-qa .item .name:hover,
.item-list.qa-items .item .name:hover {
    color: #4E7FFF;
}

.block-qa .item .name:hover::after,
.item-list.qa-items .item .name.name:hover::after {
    filter: brightness(0) saturate(100%) invert(44%) sepia(32%) saturate(3256%) hue-rotate(208deg) brightness(101%) contrast(102%);
}

.block-qa .item-list {
    margin-bottom:46px;
}

#advantages {
    align-items:stretch;
    margin-top:30px;
}

#advantages > .item {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    padding:55px 46px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #777777;
}

#advantages > .item > .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:center;
    height: 100%;
}

#advantages > .item > .content > .image {
    text-align:center;
    margin-bottom:27px;
}


#advantages > .item .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #162D5A;
    margin-bottom:7px;

}


.popular__categories {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    padding:8px 0px;
}
.popular__categories .item {
    padding-right:10px;
    margin-bottom:40px;
    margin-bottom:0px;
}

#popular__categories .item {
    width:20%;
    padding-right:10px;
    margin-bottom:40px;
    margin-bottom:0px;
}

.popular__categories.mb-40 .item {
    margin-bottom:40px!important;
}

.popular__categories ul {
    list-style:none;
    margin:8px 0px;
    margin:0;
    padding:0;

}

.popular__categories .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #162D5A;
}

.popular__categories ul li a {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #555555;
    text-decoration:none;
}


.popular__categories ul li a:hover {
    text-decoration:underline;
    color: #4E7FFF;
}

.popular__categories ul li a.active {
    color: #3ABD48;
    font-weight:600;
}

#banner-full {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:57px 93px;
    border-radius:13px;
    color:#fff;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    background:url(../images/custom/women_with_balls.png) 0 0 no-repeat;
    background-color: #4E7FFF;
    background-position:bottom right;
    background-size:contain;
   
}

#banner-full .offer {
    max-width:433px;
}

#banner-full .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    color: #FFFFFF
}

#banner-full .button__white {
    background:#fff;
}
/*FOOTER*/
.footer {
    background: rgba(229, 237, 255, 0.4);
    padding:0;
    margin:0;
    position: relative;
}

.footer > .container {
    min-height:47px;
}

.footer .fr__bordered {
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-left:none;
    border-right:none;

}
.footer .fr__bordered > .container > .flex-row > .flex-col {
    padding-top:40px;
    padding-bottom:30px;
}

.footer .fr__bordered > .container > .flex-row {
    justify-content: space-between;
}

.footer p {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #777777;
    margin:23px 0;
}



.footer .fr__bordered p {
    margin:0;
}

.footer-menu {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
}


.footer-menu > li {
    margin-right:85px;
    margin-bottom:11px;
}

.footer-menu > li a {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #162D5A;
    text-decoration:none;
}
.footer-menu > li a:hover {
    text-decoration:underline;
}


.footer-contacts {
    border-left:1px solid #E2E8F6;
    padding-left:40px;
    min-width:492px;

}
.footer-contacts em {
    display:block;
    text-decoration:none;
    text-transform:none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #555555;
}

.footer-contacts a.phone {
    text-decoration:none;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    line-height:1;
    color: #162D5A;
    margin:6px 0 1px;
}

.footer-contacts a.phone:hover {
    text-decoration:underline;
}


.footer .soc__links {
    margin-top:8px;

}

.social__link {
    background: #F5F8FF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration:none!important;
    margin-right:9px;
    padding:7px;
    display:inline-block;
}

.social__link > span {
    display: none;
}

.social__link i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}


.social__link:hover {
     border: 1px solid #a7bef9;
}

/*SEARCH PANEL*/


.search-panel {
    position:relative;
    width:100%;
}


.search-panel > .preview {
    width:100%;
    position:relative;
}

.search-panel > .preview{
    width:100%;
    position:relative;
    background-image:url('../images/custom/man_laptop.png');
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:initial;
    border-radius:18px;
}

.search-panel > .preview.bg.loan{    
    background-image:url('../images/custom/money.png');
    background-position: center center;
}

.search-panel > .bg:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    border-radius:18px;
}



.search-panel > .preview > .content {
    position:relative;
    max-height:353px;
    padding:60px 65px 67px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    color: #FFFFFF;
}


.search-panel > .preview > .content > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 66px;
    color: #FFFFFF;
    text-align: center;
    margin:0;
}


.search-panel > .preview > .content > .description {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 66px;
    color: #FFFFFF;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    max-width:914px;
    padding:0px 40px;
    margin-bottom:22px;
}


.search-panel > .preview.bg.loan > .content > .description{
    max-width: 1180px;
}


.search-panel > .preview > .content > .items {
    width:100%;

}

.search-panel > .preview > .content > .items > .f_block {
    min-width:200px;
    margin:0px 9px;
    display: flex;
    flex-direction: column;
}

.search-panel > .preview > .content > .items > .f_block.full {
    width:100%;
}

.search-panel > .preview > .content > .items > .f_block > .title {
    min-height:24px;
    width:100%;
    margin-bottom:7px;
}

.search-panel > .preview.panel-blue > .content {
    padding:0;
}
.search-panel > .preview.panel-blue {
    padding-top:30px;
    padding-bottom:30px;
    background: #4E7FFF;
}


.search-panel .filter-panel {
    margin-top:18px;
    padding: 0 65px 0px;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;
    border-radius: 6px;
    font-family: 'SF Pro Display';
    font-style: normal;
    margin-bottom:24px;
    visibility:hidden;
    opacity:0;
    height:1px;
    overflow:hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.search-panel.expanded .filter-panel {
    padding:41px 65px 54px;
    visibility:visible;
    opacity:1;
    height:initial;
    overflow:initial;
}

.search-panel .button__filtermore:after {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);

}
.search-panel.expanded .button__filtermore:after {
    transform: rotate(180deg) translate(2px, 2px);

}

.search-panel .filter-panel > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #162D5A;
    margin-bottom:18px;
}

.search-panel .filter-panel .f-block > .f-title {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    padding-left:2px;
    margin-bottom:7px;
}

.search-panel .filter-panel > .flex-row,
.search-panel .filter-panel > .flex-row-4 {
    margin:14px 0;
}

.search-panel .filter-panel > .flex-row-4 > .item:first-child {
    margin-left:0;
}

.search-panel .filter-panel > .flex-row-4 > .item:last-child {
    margin-right:0;
}


.search-panel .filter-panel .flex-row > .custom-checkbox {
    margin-right:55px;
}

.search-panel .button__clear {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 13px 30px;
}

.search-panel .button__clear::after {
    content:'';
    display:inline-block;
    background:url(../images/vectors/ico_refresh.svg) 0px 0px no-repeat;
    width:16px;
    height:18px;
    margin-left:11px;
}


.search-panel #period-selector {
    min-width:269px;
}

.search-panel .bank-selector {
    width:calc(100% - 220px);
}


.search-panel .loan #period-selector {
    min-width: 240px;
}
/**/

.binary-selector {
    position:relative;
    display:flex;
    align-items:center;
    padding:0;
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    height:50px;
}


.binary-selector > a {
    width:50%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border: 1.5px solid #4E7FFF;
    border-radius: 6px;
    text-decoration:none;

}
.binary-selector > a:last-child {
     border-top-left-radius:0px;
     border-bottom-left-radius:0px;

}
.binary-selector > a:first-child {
     border-top-right-radius:0px;
     border-bottom-right-radius:0px;
}

.binary-selector > a:only-child {
     border-radius: 6px;
}
.binary-selector > a:hover {
    text-decoration:underline;
}
.binary-selector > a.active {
    background:#4E7FFF;
    color:#fff;
     text-decoration:none;
}
.price-selector .range {
    padding:0 3px;
    position:relative;
}
.price-selector .ui-slider-handle, 
.price-selector .ui-slider-handle.ui-state-default {
    outline: none;
    background: #FFFFFF;
    border: 4px solid #3ABD48;
    box-sizing: border-box;
    border-radius: 50%;
    width:16px;
    height:16px;
    top:-9px;
}



/**/
.price-selector  .ui-slider-range + span {
    visibility:hidden;
}
.price-selector .ui-widget.ui-widget-content {
    border: none;
    background:transparent;
}

.price-selector .ui-slider-range {
    border: none;
    border-top: 3px solid #3ABD48;
    height: 1px;
    top: -2px;
}

.buttons-radio {
    display:block;
    position:relative;
    font-size: 14px;
    line-height: 21px;
}



.buttons-radio .button__category:hover {
    color: #4E7FFF;
}

.buttons-radio .button__category.active {
    color: #4E7FFF;
    border:solid 1px #4E7FFF;
}


/**/
.filter-additional-tags {
    width:95%;
    margin:auto;
}

.filter-additional-tags a {
    margin:5px 13px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    text-decoration:underline;
}

.filter-additional-tags a.show__more,
.letter-selector  a.show__more{
    color: #A4A4A4;
    text-decoration:none;
    font-weight:400;
    background:url(../images/vectors/arrow_gray.svg) 0 0 no-repeat;
    background-position:right center;
    padding-right:20px;
}

.filter-additional-tags a:hover {
    text-decoration:underline;
}

.filter-additional-tags > .category-wrapper {
}


.filter-additional-tags > .category-wrapper {
    width: 100%;
    height: 55px;
    overflow: auto;
    margin:15px 0;
}


.filter-additional-tags > .category-wrapper > .category-menu {
    display: inline-flex;
    padding: 0px;
    margin: 0px;
    width: max-content;
}


.filter-additional-tags span.active {
    margin:5px 13px;
    color: #3ABD48;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
}

.filter-additional-tags .category-wrapper::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);	background-color: #F5F5F5;	border-radius: 5px;}
.filter-additional-tags .category-wrapper::-webkit-scrollbar{	width: 5px; height: 5px; 	background-color: #F5F5F5;}
.filter-additional-tags .category-wrapper::-webkit-scrollbar-thumb{	border-radius: 5px;	background-color: #FFF;	background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4e7fff), to(#4e7fff),color-stop(.6,#4e7fff));}


.filter-additional-tags .hidden-item{
    display: none;
}

.filter-additional-tags .category-wrapper.show-all{
    height: unset;
    overflow: unset;
}

.filter-additional-tags .category-wrapper.show-all > .category-menu{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}

.filter-additional-tags .category-wrapper.show-all .hidden-item{
    display: initial;
}

.filter-additional-tags #filter-alltags{
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    padding:0px;
    opacity: 0;
    transition: .2s;
    margin:0;
    margin-top: -40px;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.filter-additional-tags #filter-alltags.shown{
    visibility: visible;
    opacity: 1;
    height: initial;
    overflow: initial;
    margin-bottom: 40px;
}

.filter-additional-tags #filter-alltags .category-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: flex-start;
}

.offer{
}

.offer-name{
    background: white;
    position: relative;    
    display: inline-block;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 6px 6px 0px 0px;   
     min-width: 140px;
    max-width: 270px;
    padding: 9px 23px 6px 23px;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;    
    color: #3ABD48;    
}

.offer-name > div{    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.offer-name.blue{
    color: #4E7FFF;
}

.offer-name::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #fff;
}

.offer-info{
    background: white;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 0px 8px 8px 8px;
    max-width: 305px;
    padding: 26px;
    font-weight: 500;
    font-size: 17px;
    line-height: 17px;
    padding:20px 10px;
}

.offer-info img{
    max-width: 51px;
    height: 51px;
    margin-right:10px;
}

.offer-info div:first-child, .offer-info .info-3{
    margin-bottom: 34px;
}

.offer-info .offer-title ,.offer-info .rating{    
    font-weight: 700;
    font-size: 21px;
    line-height: 18px;
}

.offer-info .offer-title{
    color: #162D5A;    
    width:100%;
}

.offer-info .offer-title>span{
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4E7FFF;
    margin-top: 5px;
}

.offer-info .rating{
    align-self: baseline;
    color: rgba(22, 45, 90, 0.47);
    min-width: 56px;
}

.offer-info .rating::before{
    content: '';
    display: inline-block;
    background: url('/images/vectors/star.svg') 00 no-repeat;
    width: 20px;
    height: 20px;
}


.offer-info .info-1, 
.offer-info .info-2, 
.offer-info .info-3{
    padding:0 22px;
}

.offer-info .info-1{
    margin-bottom: 14px;
}

.offer-info .info-2{
    margin-bottom: 9px;
}

.offer-info .info-2 span, .offer-info .info-3 span{
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
    width: 80px;
    margin-right: 20px;
}


.offer-info .btn-money{
    text-align:center;
}

.offer-info .get-money{
    font-family: 'Circe';
    padding: 13px 61px;
    background-color: #3ABD48;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 4px;
}

.gallery .owl-nav{
    position: absolute;
    right: 0;
    top: -100px;
}

.gallery .owl-nav button.owl-prev, .gallery .owl-nav button.owl-next{
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 47px;
    width: 41px;
    height: 41px;
}

.gallery .owl-nav button.owl-prev:hover, .gallery .owl-nav button.owl-next:hover{
    background: rgb(241, 241, 241);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    width: 30px;
    transition: all 0.3s;
}

.filter-sortmode {
    font-family: 'SF Pro Display';
    font-style: normal;
    color: #777777;
    margin-top: 60px;
}

.filter-sortmode > span,.filter-sortmode.loan-sort > div > span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
}

.filter-sortmode .sorter {
    display:inline-block;
}

.filter-sortmode ul {
    list-style-type:none;
    margin:0;
    padding:0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #777777;
}

.filter-sortmode ul > li {
    display:inline-block;
    margin:0px 11px;
    cursor:pointer;
    user-select:none;
}

.filter-sortmode ul > li:hover {
    text-decoration:underline;
}

.filter-sortmode > a{
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4E7FFF;
    text-decoration: none;
}


.credit-item-list .filter-sortmode {
    margin-bottom:23px;
}

/**/
.credit-item-list {
    margin:23px 0;
}
.credit-item {
    width:100%;
    position:relative;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 8px;
    margin:4px 0;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin-bottom:11px;
}

.credit-item.loan-item{
    margin-bottom: 26px;
}

.credit-item > .main {
    position:relative;
    padding:30px 65px;
}

.credit-item > .main > .main-row {
    width:calc(100% - 240px);
    max-width:1110px;
    padding-right:20px;
}

.credit-item > .main > .main-row > .customer > .logo  {
    display:flex;
    justify-content:center;
    align-items:center;
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 4px;
    margin-right:26px;
    width: 51px;
    height: 51px;
    padding:5px;
}

.credit-item > .main > .main-row > .customer > .logo.loan{
    border: none;
    padding: 0;
}

.credit-item > .main > .main-row .logo img {
    max-width:100%;
    height:auto;
}

.credit-item > .main > .main-row > .customer {
    margin-top:5px;
    /*max-width: 250px;*/
}
.credit-item > .main > .main-row > .customer > .name {
    font-size: 14px;
    line-height: 21px;
    color: #4E7FFF;
}

.credit-item > .main > .main-row > .customer > .name > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
    margin-bottom:5px;
}

.credit-item > .main > .main-row > .customer > .name > .title:hover {
    text-decoration:none;
}


.credit-item > .main > .main-row > .info {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #162D5A;
}

.credit-item.loan-item > .main > .main-row > .info{
    margin-left: 60px;
}

.credit-item > .main > .main-row > .info  .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
    margin-bottom:5px;
    padding-left:32px;

}

.credit-item > .main > .main-row > .info  .title.approval {
    background: url(../images/vectors/ico_check.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info  .title.percent{
    background: url(../images/vectors/line_outline.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info  .title.period {
    background: url(../images/vectors/cal_outline.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info  .title.ammount {
    background: url(../images/vectors/ico_rouble_grey.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info  .title.approval,
.credit-item > .main > .main-row > .info  .title.percent,
.credit-item > .main > .main-row > .info  .title.period,
.credit-item > .main > .main-row > .info  .title.ammount
{    
    padding-top: 0px;
}

.credit-item > .main > .main-row > .info > .flex-row > .item {
    margin-right:100px;
}

.credit-item > .main > .main-row > .info > .flex-row > .item.loan{
    margin-right: 30px;
} 

.credit-item > .main > .main-row > .info > .flex-row > .item:first-child {
    margin-right:34px;
}

.credit-item > .main > .main-row > .info > .flex-row > .item:last-child {
    margin-right:0px;
}

.credit-item > .main > .main-row > .info .percent,
.credit-item > .main > .main-row > .info .period,
.credit-item > .main > .main-row > .info .ammount,
.credit-item > .main > .main-row > .info .approval
{    
    padding-left: 33px;
    min-height:25px;
    padding-top: 3px;
}

.credit-item > .main > .main-row > .info .percent {
    background: url(../images/vectors/line_outline.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info .period {
    background: url(../images/vectors/cal_outline.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info .ammount {
    background: url(../images/vectors/wallet.svg) 0 0 no-repeat;
}

.credit-item > .main > .main-row > .info .percent.loan,
.credit-item > .main > .main-row > .info .period.loan,
.credit-item > .main > .main-row > .info .ammount.loan{
    background: none;
}


.credit-item > .main > .tokens {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #777777;
    margin-top:15px;
    min-height: 37px;
}

.credit-item > .main > .tokens .token {
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 4px;
    padding:7px 13px;
    margin-right:8px;
    margin-bottom:7px;
    display:inline-block;
}

.credit-item > .main  > .actions {
    position:absolute;
    top:40px;
    right:50px;
    width:230px;
}

.credit-item > .main .actions .carret {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    box-sizing: border-box;
    border-radius: 6px;
    width:42px;
    height:42px;
    margin-left:9px;
    text-decoration:none;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}


.credit-item > .main > .actions .button__green {
    font-size: 16px;
    line-height: 32px;
}

.credit-item > .main  .actions .carret:before {
    content:'';
    display:block;
    background: url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width: 12px;
    height: 7px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.credit-item.expanded > .main .actions .carret:before {
    transform:rotate(180deg) translate(2px, 2px);
}


.credit-item > .additional {
    width:100%;
    height:1px;
    overflow:hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    visibility:hidden;
    opacity:0;
    border-top: 1px solid #E2E8F6;
    padding:0px 65px;
}

.credit-item.expanded > .additional {
    visibility:visible;
    overflow:initial;
    height:initial;
    opacity:1;
    margin-top:29px;
    padding:30px 65px;
}

.credit-item.expanded > .additional.loan{
    margin:0;
}

.credit-item.bank-group  .link__showmore {

}



.credit-item.bank-group  .link__showmore::after{
    content: '';
    display: inline-block;
    background: url(../images/vectors/arrow.svg) 0 0 no-repeat;
    width: 12px;
    height: 7px;
    margin-left:5px;
    filter: invert(43%) sepia(57%) saturate(2347%) hue-rotate(208deg) brightness(100%) contrast(102%);
}
.credit-item.bank-group > .more-credits {
    width:100%;
    height:1px;
    overflow:hidden;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    visibility:hidden;
    opacity:0;
    border-top: 1px solid #E2E8F6;
    padding:0px 10px;
}

.credit-item.bank-group.more-expanded > .more-credits {
    visibility:visible;
    overflow:initial;
    height:initial;
    opacity:1;
    margin-top:4px;
    padding:4px 10px;
}

.credit-item.loan-item.bank-group.more-expanded > .more-credits {
    padding:10px 10px;
}

.result-pagination {
    margin-top:20px;
    text-align:center;
}


.result-pagination > .button__blue {
    width:100%;
    display:block;
    text-align:center;
    margin-bottom:30px;
}


.info-message {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
}

.info-message > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #162D5A;
    margin-bottom:5px;
}

.info-message > .title > span.time {
    color: #4E7FFF;
    margin-left:5px;
}

.info-message > .title > span.time:before {
    content:'';
    background:url(../images/vectors/clock_outline.svg) 0 0 no-repeat;
    width:23px;
    height:23px;
    display:inline-block;
    margin-right:5px;
    position: relative;
    top: 5px;
}
/**/
.banner-offer-blue {
    width:100%;
    background: #4E7FFF;
    border-radius: 12px;
    padding:52px 70px;
    color:#FFF;
    margin:42px 0;
}

.banner-offer-green {
    position: relative;
    width:100%;
    background: #3ABD48;
    border-radius: 12px;
    padding:52px 65px 52px 0px;
    color:#FFF;
    margin:42px 0;
}

.banner-offer-blue .image{
    margin-right:37px;
    width:22%;
    max-width:245px;
    text-align:center;
}

.banner-offer-blue .content,.banner-offer-green .content {
    width:100%;
}

.banner-offer-green::before{
    content: '';
    display: inline-block;
    background: url('/images/custom/green-banner-hand.png') 00 no-repeat;
    background-size: cover;
    width: 402px;
    height: 330px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.banner-offer-green.kredit-offer::before{
    background: url('/images/custom/green-banner-clear.png') 00 no-repeat;
    background-size: cover;
}

.banner-offer-green .content{
    padding-left: 400px;
    z-index: 9999;
}

.banner-offer-blue .content > .title,.banner-offer-green .content > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    color: #FFFFFF;
    margin-bottom:5px;
}

.banner-offer-blue .content > .description,.banner-offer-green .content > .description {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom:16px;
}

.banner-offer-blue .content > .flex-row,.banner-offer-green .content > .flex-row {
    align-items:baseline;
}

.banner-offer-blue .content > .flex-row > .item,.banner-offer-green .content > .flex-row > .item  {
    width:100%;
    max-width:269px;
    margin:0px 8px;
}
.banner-offer-blue .content > .flex-row > .item.big,.banner-offer-green .content > .flex-row > .item.big {
    max-width:359px;
    min-width: 200px;
}
.banner-offer-blue .content > .flex-row > .item.small,.banner-offer-green .content > .flex-row > .item.small  {
    max-width:202px;
}
.banner-offer-blue .content > .flex-row > .item:first-child,.banner-offer-green .content > .flex-row > .item:first-child {
    margin-left:0px;
}

.banner-offer-blue .content > .flex-row > .item:last-child,.banner-offer-green .content > .flex-row > .item:last-child {
    margin-right:0px;
}

.banner-offer-blue .content > .flex-row > .item > .title,.banner-offer-green .content > .flex-row > .item > .title {
    font-size: 15px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom:7px;
}

.banner-offer-blue .content > .flex-row > .item > .button__green {
    display:block;
}

.banner-offer-green .content > .flex-row > .item > .button__blue {
    display:block;
    line-height: 32px;
    text-align: center;
    padding: 14px 30px;    
    min-width: 203px;
}

.banner-offer-green .custom-combo,.banner-offer-green .text {
    height: 60px;
}


.banner-offer-green .input-field input[type=text]{
    line-height: 26px;
    padding: 16px 24px;
}
/**/


.loan-adv{
    padding: 29px 42px;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 13px;
    max-width: 378px;
    min-height: 176px;
    width: 100%;
    color: #162D5A;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}

.loan-adv:not(:last-child){
    margin-right: 14px;
}

.loan-adv img{
    margin-bottom: 18px;
    width: 43px;
    height: 43px;
}

.loan-adv span{
    display: block;
    color: #777777;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
}

/**/

.table-loan{
    border:1px solid #dee5e9;
    border-radius: 7px 7px 0px 0px;;
}

.table-loan .table-head{
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #333333;
    background: #F5F8FF;
    height: 54px;
}

.table-loan .table-head .column{
    color: #333333 ;
    font-weight: 500 ;
    font-size: 15px;
    line-height: 21px;
}

.table-loan .column{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 28px 0 28px 34px;
    width: 100%;
    text-align: center;
    font-family: 'SF Pro Display';
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #555555;
}

#table-loan .table-body a{
    color: #555555;
    text-decoration: none;
}

.table-loan .column:first-child{
    padding-left: 64px;
}

.table-loan .column:not(:last-child){
    border-right: 1px solid #dee5e9;    
}

#table-loan .table-body .loan-name{
    max-width: 598px;
    font-family: 'Circe';
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
}

#table-loan .loan-total{
    max-width: 496px;
}

#table-loan .loan-term{
    max-width: 231px;
}

#table-loan .loan-percent{
    max-width: 232px;
}

.table-loan .table-body .table-row{
    border-top: 1px solid #dee5e9;
    background: #fff;
}

.filter-up, .filter-down{
    position: relative;
}

.filter-up::before{
    content:''; 
    display: block;
    position: absolute;
    bottom:0;
    left:5px;
    background: url('../images/vectors/arrow-filter-top.svg') 00 no-repeat;
    width: 10px;
    height: 9px;
}

.filter-down::before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left:5px;
    background: url('../images/vectors/arrow-filter-bot.svg') 00 no-repeat;
    width: 10px;
    height: 9px;
}

/**/

.banner-offer-blue .button__white{
    background: white;
    border-radius: 6px;
    font-family: 'Circe';
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    padding: 12px 49px;
    min-width: 203px;
    text-align: center;
}

.banner-offer-blue.mfo-faq{
    font-family: 'Circe';
    font-style: normal;
    background: url('../images/custom/bg-blue-faq.jpg') 00 no-repeat;
}

.banner-offer-blue .faq-1{    
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    max-width: 400px;
}

.banner-offer-blue .faq-img-1,.banner-offer-blue .faq-img-2{
    display: flex;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
}

.banner-offer-blue .faq-img-1>img{
    display: inline-block;
    width: 145px;
    height: 145px;
}

.banner-offer-blue .faq-img-2>img{
    display: inline-block;
    width: 145px;
    height: 145px;
}

.banner-offer-blue .faq-img-1 span, .banner-offer-blue .faq-img-2 span{
    display: block;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-top: 6px;
}

.banner-offer-blue .faq-img-2{
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
}

.faq-block{
    display: inline-block;
    padding: 15px;
    line-height: 25px;
}


/**/
.tab-list > ul.menu,.additional.loan > .tab-list > .scroll > ul.menu {
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-bottom:26px;
}

.tab-list > ul.menu > li,.additional.loan > .tab-list > .scroll > ul.menu > li {
    margin:0px 18px;
}

.tab-list > ul.menu > li:first-child, .additional.loan > .tab-list > .scroll > ul.menu > li:first-child {
    margin-left:0;
}
.additional.loan

.tab-list > ul.menu > li > a, .additional.loan > .tab-list > .scroll > ul.menu > li > a {
    padding:5px 0;
}

.tab-list > ul.menu > li.active > a, .additional.loan > .tab-list > .scroll > ul.menu > li.active > a {
    color: #4E7FFF;
}



.tab-list >.tabs > .tab {
    display:none;
}

.tab-list >.tabs > .tab.active {
    display:block;
}

/**/

.table-inerpolated {
    width:100%;
}

.table-inerpolated > .line {
    padding:16px 24px;
}

.table-inerpolated > .line:nth-child(odd) {
    background: #F5F8FF;
    border-radius: 5px;
}

.table-inerpolated > .line > .name {
    width:40%;
    max-width:480px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #555555;
}

.table-inerpolated > .line > .value {
    width:60%;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #333333;
}

.table {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-size: 15px;
    line-height: 21px;
}

.table > .line  {
    padding:3px 0;
    align-items: flex-start;
}

.table > .line > .name {
    width:40%;
    font-weight: 400;
    color: #555555;
}

.table > .line > .value {
    width:60%;
    font-weight: 500;
    color: #333333;

}
/**/


.form-credit {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 6px;
    padding:40px 56px;
    font-family: 'SF Pro Display';
    font-style: normal;
    margin-top:10px;
}

.form-credit > .title {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #162D5A;
    margin-bottom:18px;
}

.form-credit > .content > .item {
    width:33.3%;
    padding:0px 8px;
    margin-bottom:18px;

}

.form-credit > .content > .item .title {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    margin-bottom:7px;
}

.form-credit > .content > .item > .flex-row > .flex-col-6 {
    margin:0px 8px;
}

.form-credit > .content > .item > .flex-row > .flex-col-6:first-child {
    margin-left:0;
}

.form-credit > .content > .item > .flex-row > .flex-col-6:last-child {
    margin-right:0;
}


.form-credit .actions {
    padding-left:8px;
}


.form-credit .actions > .confirm {
    display:block;
    margin-bottom:30px;
}

.form-credit .actions > .confirm a {
    text-decoration:none;
}

.form-credit .actions .button__green {
    display:inline-block;
    width:202px;
}


/*Banks*/
.top-border {
    border-top: 1px solid #E2E8F6;
}

.result-list {
    margin:23px 0;
    font-size:15px;
}

.panel-blue {
    width:100%;
    padding:50px 45px;
    background: #4E7FFF;
    border-radius: 12px;
    position:relative;
    margin:13px 0;
    color:#FFF;
}

#section-banks .additional-filter {
    margin-bottom:23px;
}


#section-banks .additional-filter .location-link {
    min-width:125px;
}

#section-banks .additional-filter .letter-selector {
    max-width:  calc(100% - 125px);
}


#bank-search > .input-field {
    width:calc(100% - 210px);
}
#bank-search >  .button {
    min-width:202px;
}

#section-banks .filter-sortmode.top-border {
    padding-top:35px;
}

.letter-selector ul {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
}

.letter-selector ul > li {
    margin-right:10px;
}


.flex-grid > .grid-header {
    background: #F5F8FF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-bottom:none;
    border-radius: 7px 7px 0px 0px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #333333;

}


.flex-grid > .grid-header > .column {
    text-align:center;
    padding:17px 34px;
    border-left: 1px solid #E2E8F6;
}

.flex-grid > .grid-header > .column:first-child {
    border-left: none;
}

.flex-grid > .grid-header > .column.left {
    text-align:left;
}

.flex-grid .flex-row {
    align-items: stretch;
}


 .flex-grid .grid-header > .column.left {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}

#bank-list .flex-grid .flex-row {
    width:100%;
    justify-content: space-evenly;
}

.flex-grid .grid-body {
    border-left: 1px solid #E2E8F6;
    border-right: 1px solid #E2E8F6;
}

.flex-grid .grid-body >  .flex-row {
   border-bottom: 1px solid #E2E8F6;
}

.flex-grid .flex-row > .column:first-child {
    border-left: none;
}


.flex-grid .grid-body .flex-row > .column {
    text-align: center;
    padding: 17px 34px;
    border-left: 1px solid #E2E8F6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-grid .grid-body .flex-row > .column.left {
    justify-content: flex-start;
    text-align: left;
}

#bank-list .flex-grid .flex-row > .column {
    text-align:center;
    padding:17px 34px;
    border-left: 1px solid #E2E8F6;
    display: flex;
    align-items: center;
    justify-content:center;
    width:100%;
}
#bank-list .flex-grid .flex-row > .column.left {
    justify-content:flex-start;
    text-align:left;
}
#bank-list .flex-grid .grid-header > .column {
    display: flex;
    align-items: center;
    justify-content:center;
    overflow:hidden;
}

#bank-list .flex-grid .grid-header > .column.left {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}

#bank-list .flex-grid .flex-row > .column:first-child {
    border-left: none;
}

#bank-list .flex-grid .flex-row > .column:nth-child(1) {
    max-width:581px;
    max-width:1024px;
    min-width:350px;
}

#bank-list .flex-grid .flex-row > .column:nth-child(2) {
    max-width:400px;
    max-width:310px;
    min-width:200px;
}

#bank-list .flex-grid .flex-row > .column:nth-child(3) {
    max-width:205px;
    min-width: 120px;
}

#bank-list .flex-grid .flex-row > .column:nth-child(4) {
    max-width:100px;
    min-width: 90px;
}

#bank-list .flex-grid .flex-row > .column:nth-child(5) {
    max-width:100px;
    min-width: 90px;
}


#bank-list .flex-grid.mfoItems .flex-row > .column:nth-child(4) {
    max-width: 220px;
    min-width: 160px;
}


.credit-item-list .main .loan-tags{
    position: absolute;
    background: white;
    top: -10px;
    padding: 0 10px;
    left: 51px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 21px;
}

.credit-item-list .main .loan-tags div{
    display: inline-block;    
}

.credit-item-list .main .loan-tags div:first-child{
    color: #4E7FFF;
    margin-right: 21px;
}

.credit-item-list .main .loan-tags div:nth-child(2){
    color: #888888;
}

.credit-item-list .main .loan-tags div span{
    color: #F9B44C;
}

.credit-item-list .main .loan-tags div span::before{
    content: '';
    display: inline-block;
    background: url(../images/vectors/star.svg) 00 no-repeat;
        background-size: contain;
    width: 13px;
    height: 10px;
    margin-left: 4px;
}

.credit-item.loan-item > .main{
    padding: 30px 45px;
}

.credit-item.loan-item > .main > .main-row{
    width: calc(100% - 440px);
    width: 100%;
    max-width: unset;
    padding: 0;
}

.credit-item.loan-item > .main .actions{
    width: auto;
    display: block;
    min-width: 412px;
    margin-left: 20px;
}

.credit-item.loan-item > .main .actions .button__green,
.credit-item.loan-item > .main .actions .button__blue{
    display: inline-block;
    line-height: 32px;
    padding: 7px 26px;
    width: 173px;
    text-align: center;
}

.credit-item.loan-item > .main  .actions .button__green{
    margin-right: 5px;
}

.credit-item.loan-item > .main  .actions .carret{
    width: 46px;
    height: 46px;
}

.credit-item.loan-item > .main  .actions .carret:before{
    width: 10px;
}

.credit-item.loan-item > .main > .tokens{
    min-height: unset;
    margin-top: unset;
}


.credit-item.loan-item > .main > .main-row > .info > .flex-row {
    gap: 25px;
}

.credit-item.loan-item > .main > .main-row > .info > .flex-row > .item {
    margin: 0!important;
}

.credit-item.loan-item.bank-group .link__showmore {
    margin-top: 10px;
    display: block;
}

#bank-list .main > .flex-row {
    align-items:center;
    justify-content:space-between;
}

#bank-list .image {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 4px;
    width:151px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px 16px;
    margin-right:39px;
    overflow:hidden;
}

#bank-list .image  img {
    width:100%;
    height:auto;
}

#bank-list .title {
    width:calc(100% - 151px);
}

#bank-list .title a {
    font-family: 'Circe';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    color: #162D5A;
    text-decoration:none;
    word-break:break-all;
}

#bankItems {
    border-left: 1px solid #E2E8F6;
    border-right: 1px solid #E2E8F6;
}

#title-banks {
    margin-bottom:11px;
}


.bank__logo {
    width:140px;
}

.bank__logo img {
    max-width:100%;
    margin:auto;
}

.credit-information .info-blocks {
    width:100%;
    max-width:calc(100% - 400px);
    display:flex;
    flex-wrap:wrap;
}

.credit-information .info-blocks .block {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 8px;
    width:100%;
    max-width:280px;
    margin:4px;
    margin-top:0px;
    margin-bottom:8px;
    padding:30px 26px;
    padding:30px 20px;
    display:flex;
    align-items:center;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
}

.credit-information .info-blocks .block::before {
    display:block;
    content:'';
}

.credit-information .info-blocks .block.type-1::before {
    background:url(../images/ico_kredit/1.svg) 0 0 no-repeat;
    width:16px;
    height:21px;
    margin-right:9px;
}

.credit-information .info-blocks .block.type-2::before {
    background:url(../images/ico_kredit/2.svg) 0 0 no-repeat;
    width:24px;
    height:24px;
    margin-right:7px;
}

.credit-information .info-blocks .block.type-3::before {
    background:url(../images/ico_kredit/3.svg) 0 0 no-repeat;
    width:16px;
    height:21px;
    margin-right:8px;
}

.credit-information .info-blocks .block.type-4::before {
    background:url(../images/ico_kredit/4.svg) 0 0 no-repeat;
    width:26px;
    height:28px;
    margin-right:10px;
}

.credit-information .info-blocks .block.type-5::before {
    background:url(../images/ico_kredit/5.svg) 0 0 no-repeat;
    width:19px;
    height:20px;
    margin-right:8px;
}

.credit-information .info-blocks .block.type-6::before {
    background:url(../images/ico_kredit/6.svg) 0 0 no-repeat;
    width:23px;
    height:24px;
    margin-right:8px;
}

.credit-information .info-blocks .block > .value {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #162D5A;
    margin-left:14px;
    margin-left:9px;
}

.credit-information .action {
    padding:33px 36px;
    background: rgba(230, 237, 255, 0.4);
    border-radius: 6px;
    text-align:center;
    max-width:380px;
    width:100%;
}

.credit-information .action .button__green {
    display:block;
    margin-bottom:14px;
}

.credit-information .action p {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #777777;
    margin:2px 0;
}

.credit-information .action p.updated {
    color: #4E7FFF;
}

/*Price calculator*/

.price-calculator .interface {
    width:100%;
    max-width:calc(100% - 420px);
}

.price-calculator .f_block {
    margin-bottom:16px;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
 }
.price-calculator .f_block.small {
    margin-bottom:10px;
}
.price-calculator .f_block > .title {
    color: #777777;
    margin-bottom:7px;
}

.price-calculator .interface > .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #162D5A;
    margin:8px 0;
    margin-bottom:16px;
}


.price-calculator .interface .custom-checkbox > label {
    font-size: 15px;
    line-height: 24px;
    color: #222222;
}

.price-calculator .result {
    max-width:400px;
    width:100%;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-size: 15px;
    line-height: 23px;
    color: #777777;
}

.price-calculator .result .block {
    border-top: 1px solid #E2E8F6;
    padding:22px 0;
}

.price-calculator .result .block:first-child {
    border-top:none;
    padding-top:0;
}

.price-calculator .result .block > .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #888888;
    margin-bottom:3px;

}

.price-calculator .result .block > .value {
    font-weight: 600;
    font-size: 36px;
    line-height: 36px; 
    color: #162D5A;
    display:flex;
    align-items:center;
    font-size: 30px;
    line-height: 30px; 
}


.price-calculator .result .block > #calculator_value-1::after {
    content:'';
    display:block;
    background: url(../images/ico_kredit/2.svg) 0 0 no-repeat;
    background-size:contain;
    width: 28px;
    height: 28px;
    margin-left: 16px;
}

.price-calculator .result .block > #calculator_value-2::after {
    content:'';
    display:block;
    background: url(../images/vectors/wallet2.svg) 0 0 no-repeat;
    background-size:contain;
    width: 28px;
    height: 27px;
    margin-left: 14px;
}
.price-calculator .result .block > #calculator_value-3 {
    color: #3ABD48;
}
.price-calculator .result .block > #calculator_value-3::after {
    content:'';
    display:block;
    background: url(../images/vectors/wallet.svg) 0 0 no-repeat;
    background-size:contain;
    width: 30px;
    height: 27px;
    margin-left: 16px;
    filter: invert(62%) sepia(45%) saturate(717%) hue-rotate(76deg) brightness(92%) contrast(87%);
    filter: invert(62%) sepia(60%) saturate(717%) hue-rotate(76deg) brightness(100%) contrast(100%);
}
/**/
.ico-search-green::before {
    width: 33px;
    height: 33px;
    background: #3ABD48;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    top: -8px;
    position: relative;
    margin-right: 10px;
    background: url(../images/vectors/ico_search_green.svg) 0 0 no-repeat;
    content: '';
    top: -14px;
}


.phone__info {
    margin-bottom:5px;
}
.phone__info > span {
    color: #777777;
}


.credit-information .action .phone__info {
    margin-bottom:2px;
    font-size:14px;
    line-height:18px;
}


.credit-information .action .phone__info > span {
    display:block;
    width:100%;
    font-size:13px;

}
/*ATMS*/

#atms-list .flex-grid .flex-row > .column:nth-child(1) {
    /*max-width:481px;
    min-width:350px;
    */
    width:30%;
    display:none;
}

#atms-list .flex-grid .flex-row > .column:nth-child(2) {
    /*max-width:500px;
    min-width:400px;*/
    width:60%;
    border-left:none;
}

#atms-list .flex-grid .flex-row > .column:nth-child(3) {
    /*max-width:207px;
    min-width: 120px;*/
    width:40%;
}


#atms-list .phones {
    margin-top:5px;
    font-size:13px;
}

#atms-list .phones > span {
    margin-right:8px;
}

#atms-list .phones > span::after {
    content:';';
    display:inline-block;
}


#bankpage_modeselector > .binary-selector {
    width:100%;
    max-width:200px;
}

/*OTHER*/


.preview__expandable {
    position:relative;
    margin-bottom:40px;
}


.preview__expandable > .content {
    width:100%;
    height:182px;
    overflow:hidden;
     background: linear-gradient(180deg, #222222 27.5%, rgba(34, 34, 34, 0) 80.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.preview__expandable > .btn-expand {
    position:absolute;
    left:0px;
    bottom:-10px;
}
.preview__expandable.expanded > .content {
    overflow:initial;
    height:initial;
    background:#fff;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}


.preview__expandable.expanded > .btn-expand {
    display:none;
}

.block-bordered {
    background: #FFFFFF;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
    border-radius: 8px;
    padding:50px 64px;
}

.block-bordered.small {
    padding:40px 44px;
}


.rubsymb::after {
    content: "\20BD";
}


.towns-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content:center;
    justify-content: stretch;
    width: 100%;
    height: 100%;
}

.towns-list > .town-item {
    width:25%;
    width:16%;
    min-width:170px;
    padding:0px;
}


.towns-list > .town-item > p {
    font-weight:bold;
    font-size:22px;
}


.towns-list > .town-item > ul {
    list-style-type:none;
    margin:0;
    padding:0;
}


.towns-list > .town-item > ul > li, 
.location-selector-window .popular-towns span.ct {
    cursor:pointer;
    margin-bottom:10px;
    color: #295FFE;
}

.towns-list > .town-item > ul > li:hover,
.location-selector-window .popular-towns span.ct:hover{
   color: #FF7000;
}


.location-selector-window {
   font-family: 'Noto Sans';
}

.location-selector-window .town-filter {
    border: 1px solid #A7B1CB;
    border-radius: 6px;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #77928E;
    margin:0px;
    outline: none;
    width:100%;
    padding:8px 22px;
}

.location-selector-window .s_title {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 35px;
    color: #313233;
}

.location-selector-window .s_column {
    width:100%;
    max-width:460px;
}


.location-selector-window .popular-towns {
    margin:30px 0;
}

.location-selector-window .popular-towns span {
    margin-right:5px;
}

.location-selector-window .popular-towns span.ct::after {
    display:inline-block;
    content:',';
    color: #313233;
}

.location-selector-window .popular-towns span.ct:last-child::after {
    display:none;
}


/**/
.popupBackDrop {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: rgb(103 133 163 / 60%);
    background: rgba(0,0,0,0.32);
    z-index: 999999;
    overflow:hidden;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
}

.popupBackDrop.animated {
     opacity: 0;
}


.popupBackDrop.animated.shown {
    opacity: 1;
    background: rgba(0,0,0,0.65);
}


.popupWindow {
    min-width:250px;
    min-height:200px;
    background:#FFF;
    color:black;
    box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.16), 0 0 1px 0 rgba(0,0,0,.16);
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.2);
    border-radius:20px;
    box-sizing:border-box;
    position:absolute;
    font-family: 'Roboto', helvetica, arial, sans-serif;
}

.popupWindow.modal-type {
    min-width:initial;
    min-height:initial;
    width:90%;
    height:90%;
    position:absolute;
    z-index: 999999;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.16), 0 0 1px 0 rgba(0,0,0,.16);
}


.popupWindow.animated {
    transition: all .4s cubic-bezier(.25,.8,.25,1);
}

.popupWindow.modal-type.confirm-type {
    width:initial;
    height:initial;
    min-width:400px;
}
.popupWindow > .popup-container {
    position:relative;
    width:100%;
    height:100%;
}
.popupWindow > .popup-container > div {
    padding:15px 20px;
}
.popupWindow > .popup-container > .head {
    height:40px;
    width:100%;
    background: #6593d7;
    background:#FFF;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    font-family: 'Roboto', helvetica, arial, sans-serif;
    line-height:1;
    display:flex;
    flex-direction:row;
    padding:10px 20px 10px 19px;
    font-weight:bold;

}
.popupWindow > .popup-container > .head > span {
    
    font-size:16px;
    /*color:#eaeaea;
    text-shadow: 1px 1px 1px #000000b8;*/
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:100%;
    color:#7386A3;
}

.popupWindow > .popup-container > .head.move {
    cursor:move;
}

.popupWindow > .popup-container > .head > button.close {
    -webkit-box-align: baseline;
    align-items: baseline;
    border-width: 0px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: inherit;
    font-style: normal;
    font-weight: normal;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border-radius: 3px;
    cursor: pointer;
    /*height: 2.28571em;
    line-height: 2.28571em;*/
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    vertical-align: middle;
    width: auto;
    outline: none !important;
    color: #000 !important;
    text-shadow:none!important;
    font-size:33px;
    margin-top: -11px;
    margin-right: 0px
}

.popupWindow > .popup-container > .head > button.close > span {
    display:none;
}

.popupWindow > .popup-container > .head > button.close {
    width:18px;
    height:18px;
    background:url(/images/close.svg) 0 0 no-repeat;
    margin-top: 0;
    opacity:1;
}

.popupWindow > .popup-container > .head > button.close:hover {
     opacity:1;
}

.popupWindow > .popup-container > .content {
    width:100%;
    padding:10px 20px;
}



.popupWindow > .popup-container > .content.nice-scroll {
    height:calc(100% - 82px);
    overflow:auto;
    padding:15px 20px;
    position:relative;
}

.popupWindow > .popup-container > .footer {
    background: #f9fbfc;
    height:50px;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    padding:10px 20px 10px 19px;
    position:absolute;
    left:0;
    bottom:0;
}


.popupWindow > .popup-container > .footer > .button {
    font-size: 16px; 
    background-color: #3F53D9;
    border-radius: 3px; 
    color: #ffffff; 
    display: block;
    font-family: sans-serif; 
    line-height: 20px; 
    text-align: center; 
    text-decoration: none; 
    text-size-adjust: none; 
    margin-left:15px;
    padding: 5px 20px;
    transition: all 300ms ease;
    background: linear-gradient(97.25deg, #6BFFE4 -70.76%, #5197FF 133.16%);
}


.popupWindow > .popup-container > .footer > .button:hover {
    background: #0068ff;
    background: linear-gradient(92.14deg, rgba(107, 255, 228, 0.66) -17.01%, rgba(81, 151, 255, 0.66) 112.14%);
}

.popupWindow > .popup-container > .footer > .button.cancel {
    background-color:transparent;
    background:transparent!important;
    color:black;
}

.popupWindow > .popup-container > .footer > .button.cancel:hover {
    background-color: #e6e9ef;
    background:#e6e9ef;
}

.grafik__table {
    width:98%;
    margin:auto;
    border: 1px solid #E6EAED;
}

.grafik__table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
}
.grafik__table table th,
.grafik__table table td {
  height: 55px;
  border-bottom: 1px solid #E6EAED;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}

.grafik__table table tr:nth-child(2n+1) td {
  background: #F5F8FA;
}
.grafik__table table th {
  color: #88919D;
}
.grafik__table table td {
  color: #444444;
}
.th-mobile, .td-mobile {
  display: none;
}


/*CONVERTER*/
.block-converter{
    max-width: 1060px;
    background: rgba(230, 237, 255, 0.4);
}


.valute-converter{
    position: relative;
}


.valute-converter .valute-left,
.valute-converter .valute-right{
    width: 100%;
}

.valute-converter .center-switch{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}


.valute-converter .center-switch::before{
    content:'';
    display: block;
    background: url(/images/services/3.svg) 0 0 no-repeat;
    background-size: contain;
    width:53px;
    height:53px;
    cursor: pointer;
}


.valute-converter .valute-block{
    background: white;
    padding: 10px 25px;
    border-radius: 10px;
    border: 1px solid #CDD5E9;/*#E2E8F6;*/
}

.valute-converter .block-title{
    font-weight: 600;
    font-size: 22px;
    font-weight: 600;

}


.valute-converter .valute-input{
    position: relative;
    width:100%;
    margin-bottom: 10px;

}

.valute-converter .valute-input > input{
    background: #f7f7f7;
    border:none;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #555555;
    padding: 12px 24px;
    padding: 18px 24px 12px;
    width:100%;
}

.valute-converter .valute-input > input+label{
    position: absolute;
    pointer-events: none;
    left: 21px;
    top: 22px;
    line-height: 20px;
    transition: .3s;
    color: #bdced3;
    display: inline-block;
    background: transparent;
    padding: 0 3px;
    z-index: 0;
    color: #585757;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}



.valute-converter .valute-input > input:focus + label, 
.valute-converter .valute-input > input.valid + label {
    top: 0px;
    z-index: 20;
    font-size: 12px;
    line-height: 22px;
    color: #959595;
}


.valute-converter .custom-combo{
    border:none;
}

.valute-converter .custom-combo > .combo-container {
    padding: 12px 6px;
}
/*END*/
.mobile-only {
    display:none;
}