@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
body {
    padding: 0;
    margin: 0 auto;
    /*max-width: 1920px;*/
    font-family: 'PT Sans';
max-width: 100%;
    overflow-x: hidden;
}
p {
    margin: 0;
    padding: 0
}
ul,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}
a,
button {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
    text-decoration: none
}
a:before,
a:after,
button:before,
button:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
:before,
:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
button,
input,
textarea {
    outline: none;
    font-family: 'PT Sans'
}
textarea,
input {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0
}
.forma:after {
    content: " ";
    display: block;
    clear: both
}
button {
    cursor: pointer;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0
}
.textBlock .img-size-news {
	float: right;
}
.invisLink {
    position: relative;
    z-index: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.invisLink>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap
}
.cfix:after,
.list:after {
    content: " ";
    display: block;
    clear: both
}
.left {
    float: left
}
.right {
    float: right
}
.container {
    width: 1230px;
    margin: 0 auto
}
.table {
    display: table
}
.tableCell {
    display: table-cell;
    vertical-align: middle
}
.singleLink {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}
.singleLink.underline {
    text-decoration: underline;
    text-transform: none
}
.singleLink.underline:hover {
    opacity: 1;
    text-decoration-color: transparent
}
.leftIconLink {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}
.leftIconLink .iconBl {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff
}
.leftIconLink .txt {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.leftIconLink:hover .iconBl {
    color: #fac705
}
.leftIconLink:hover .txt {
    color: #fac705
}
.btn {
    display: table;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}
.btn.btnFull {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    border: solid 1px #bfbfbf;
    padding: 3px 27px
}
.btn.btnFull:hover {
    background-color: #d9d9d9
}
.btn.btnFullBlue {
    color: #35748a;
    font-size: 16px;
    padding: 3px 27px;
    border: solid 1px #35748a;
    position: relative;
    z-index: 4
}
.btn.btnFullBlue:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    color: #fff;
    background: #648e9f;
    background: -moz-linear-gradient(left, #648e9f 0%, #bbddeb 100%);
    background: -webkit-linear-gradient(left, #648e9f 0%, #bbddeb 100%);
    background: linear-gradient(to right, #648e9f 0%, #bbddeb 100%)
}
.btn.btnFullBlue:hover {
    color: #fff
}
.btn.btnFullBlue:hover:before {
    opacity: 1
}
.btn.btnYellow {
    padding: 3px 27px;
    color: #083556;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background: #ffca00;
    background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: linear-gradient(to right, #ffca00 0%, #fce760 100%)
}
.btn.btnYellow:hover {
    background: #fce760;
    background: -moz-linear-gradient(left, #fce760 0%, #ffca00 100%);
    background: -webkit-linear-gradient(left, #fce760 0%, #ffca00 100%);
    background: linear-gradient(to right, #fce760 0%, #ffca00 100%)
}
.btn.btnBlue {
    padding: 3px 27px;
    color: #fff;
    font-size: 16px;
    background: #23425b;
    background: -moz-linear-gradient(left, #23425b 0%, #35748a 100%);
    background: -webkit-linear-gradient(left, #23425b 0%, #35748a 100%);
    background: linear-gradient(to right, #23425b 0%, #35748a 100%)
}
.btn.btnBlue:hover {
    background: #35748a;
    background: -moz-linear-gradient(left, #35748a 0%, #23425b 100%);
    background: -webkit-linear-gradient(left, #35748a 0%, #23425b 100%);
    background: linear-gradient(to right, #35748a 0%, #23425b 100%)
}
.textBlock .capOne {
    display: block;
    color: #305f85;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px
}
.textBlock .capOne+* {
    margin-top: 7px
}
.textBlock .capOne .countCommentTit {
    position: relative;
    top: -2px;
    font-size: 12px;
    color: #991919;
    padding: 2px 0 2px 26px;
    margin-left: 10px
}
.textBlock .capOne .countCommentTit:before {
    content: "\e913";
    font-family: 'icomoon';
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    font-size: 20px;
    line-height: 18px;
    color: #991919;
    font-weight: normal;
    margin-top: -7px
}
.textBlock .capTwo {
    display: block;
    color: #305f85;
    font-weight: bold;
    font-size: 24px
}
.textBlock .capTwo+* {
    margin-top: 7px
}
.textBlock .capThree {
    display: block;
    color: #333333;
    font-weight: bold;
    font-size: 20px
}
.textBlock .capThree+* {
    margin-top: 17px
}
.textBlock p {
    font-size: 16px;
    color: #333333;
    line-height: 20px
}
.textBlock p+ul {
    margin-top: 18px
}
.textBlock p+ol {
    margin-top: 16px
}
.textBlock p+* {
    margin-top: 17px
}
.textBlock .pictureInTxt,
.textBlock>img {
    max-width: 100%;
    margin: 18px 0 7px;
    display: block
}
.textBlock .pictureInTxt+p,
.textBlock>img+p {
    clear: both
}
.textBlock .pictureInTxt img,
.textBlock>img img {
    max-width: 100%
}
.textBlock ul {
    padding-left: 15px
}
.textBlock ul.dashed {
    padding-left: 35px
}
.textBlock ul.dashed li::before {
    content: "";
    position: absolute;
    left: -19px;
    top: 10px;
    width: 10px;
    height: 1px;
    background-color: #333333
}
.textBlock ul li {
    font-size: 16px;
    color: #333333;
    line-height: 19px;
    position: relative
}
.textBlock ul li::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 8px;
    width: 4px;
    height: 4px;
    margin-top: 0px;
    background-color: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
.textBlock ul+p {
    margin-top: 20px
}
.textBlock ol {
    list-style-type: decimal;
    padding-left: 36px;
    text-align: justify;
    margin-top: 1em;
}
.textBlock ol li {
    font-size: 16px;
    /*color: #305f85;*/
    color: inherit;
    line-height: 19px;
    font-weight: 400;
}
.textBlock ol li::marker {
  font-size: 1.2em;
  color: #305f85;
}
.textBlock ol li p {
    color: #333333;
    font-weight: normal
}
.textBlock ol li+li {
    margin-top: 4px
}
.textBlock ol+* {
    margin-top: 19px
}
.iconBl {
    font-size: 16pt;
}
.iconBl.circle {
    border: solid 1px #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding: 5px
}
.inputLine.inputIcons input {
    display: inline-block;
    vertical-align: middle;
    width: 68%
}
.inputLine.inputIcons .inputInconBl {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: center;
    text-transform: uppercase;
    color: #24445c;
    font-size: 16px;
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -2px
}
.inputLine input {
    width: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, 0.25);
    font-size: 16px;
    color: #fff;
    padding: 7px 13px
}
.inputLine input:focus {
    background-color: rgba(255, 255, 255, 0.5)
}
.inputLine .selectric-wrapper {
    background: transparent;
    border-bottom: solid 3px rgba(35, 66, 91, 0.5)
}
.inputLine .selectric-wrapper .selectric {
    border: 0;
    background: transparent
}
.inputLine .selectric-wrapper .label {
    color: #23425b;
    font-size: 16px;
    border: 0;
    background: transparent;
    height: 32px;
    margin: 0
}
.inputLine .selectric-wrapper .button {
    background: transparent;
    width: 30px
}
.inputLine .selectric-wrapper .button:after {
    background: transparent;
    border-top-color: #23425b
}
.inputLine .selectric-wrapper .selectric-items {
    background-color: #fff;
    border: 0px
}
.inputLine .selectric-wrapper .selectric-scroll ul li {
    color: #23425b;
    font-size: 14px;
    text-decoration: underline;
    text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s;
    padding: 5px 10px
}
.inputLine .selectric-wrapper .selectric-scroll ul li:hover {
    background-color: transparent;
    color: #23425b;
    text-decoration-color: #23425b;
    -moz-text-decoration-color: #23425b
}
.inputLine .selectric-wrapper .selectric-scroll ul li.highlighted {
    background-color: transparent;
    color: #4b9bb4
}
.inputLine+.inputLine {
    margin-top: 9px
}
.chekBl {
    position: relative
}
.chekBl:hover {
    opacity: .75;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.chekBl label {
    cursor: pointer;
    font-size: 12px;
    color: #23425b;
    display: table;
    padding-left: 25px;
    position: relative
}
.chekBl label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    border: solid 2px #23425b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 13px;
    height: 13px;
    margin-top: -8px
}
.chekBl label:after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    background-color: #23425b;
    width: 7px;
    height: 7px;
    margin-top: -3px
}
.chekBl input {
    display: none
}
.chekBl input:checked+label:after {
    opacity: 1
}
.chekBl input:disabled+label {
    pointer-events: none;
    opacity: .4
}
.bankBl .ratingAdd .ratingTextAdd.color1 {
    color: #d34d14 !important
}
.bankBl .ratingAdd .ratingTextAdd.color2 {
    color: #ef9c06 !important
}
.bankBl .ratingAdd .ratingTextAdd.color3 {
    color: #fac705 !important
}
.bankBl .ratingAdd .ratingTextAdd.color4 {
    color: #c9cf2e !important
}
.bankBl .ratingAdd .ratingTextAdd.color5 {
    color: #7a972c !important
}
.bankBl .ratingAdd:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 38px
}
.bankBl .ratingAdd .progresBar {
    width: 130px;
    height: 28px
}
.courseForma .forma input {
text-align:center;}

.exit a {
    float: right;
    /*padding-top: 15px;*/
    color: #2d637b;
    /*font-size: 12px;*/
    /*font-weight: bold;*/
    font-weight: 700;
    font-size: 18px;
    border: 1px solid #35738a;
    padding: 6px 12px;
    margin-top: 10px;
}
.exit a:hover {
    text-decoration: none;
    color:  #23425b;
    border-color: #35738a;
}

@media (max-width:767px) {
    .bankBl .ratingAdd .progresBar {
        height: 14px;
        width: 86px !important
    }
}

@media (max-width: 479px){
.exit a {
    padding: 4px 0;
}
}
.bankBl .ratingAdd .progresBar .progress {
    width: 100%
}
.bankBl .ratingAdd .progresBar .progress:after {
    left: -14px;
    width: calc(100% + 25px);
    background-size: auto 167px;
    background-position: 27px 0px;
    background-repeat: repeat
}
@media (max-width:767px) {
    .bankBl .ratingAdd .progresBar .progress:after {
        background-size: auto 110px;
        background-position: 23px 0px;
        background-repeat: repeat
    }
}
.bankBl .ratingAdd .progresBar .progressValue {
    left: -14px;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: content-box
}
.bankBl .ratingAdd .progresBar:not(.sets):not(:hover) .progressValue {
    left: -44px
}
.progresBar {
    position: relative;
    width: 87px;
    height: 14px;
    overflow: hidden;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #968b84 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #968b84 100%);
    background: radial-gradient(ellipse at center, #fff 0%, #968b84 100%)
}
.progresBar.vercical {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.progresBar:not(.done) .progresBar .progressValue {
    width: 0px !important
}
.progresBar .progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer
}
.progresBar .progress:after {
    content: "";
    position: absolute;
    left: -14px;
    top: 0;
    width: calc(100% + 25px);
    height: 100%;
    background-image: url("../../img/bgprogress.png");
    background-size: auto 110px;
    background-position: 23px 0px;
    background-repeat: repeat;
    -moz-transform: skew(-46deg);
    -ms-transform: skew(-46deg);
    -webkit-transform: skew(-46deg);
    -o-transform: skew(-46deg);
    transform: skew(-46deg)
}
.progresBar .progress .progressValue {
    position: absolute;
    left: -8px;
    top: 0;
    height: 100%;
    -moz-transform: skew(-46deg);
    -ms-transform: skew(-46deg);
    -webkit-transform: skew(-46deg);
    -o-transform: skew(-46deg);
    transform: skew(-46deg);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s
}
.progresBar .progress .progressValue.trans {
    -webkit-transition: background 0.3s, width 0.3s;
    -moz-transition: background 0.3s, width 0.3s;
    -o-transition: background 0.3s, width 0.3s;
    transition: background 0.3s, width 0.3s
}
.progresBar .progress .progressValue.color1 {
    background-color: #d34d14
}
.progresBar .progress .progressValue.color2 {
    background-color: #ef9c06
}
.progresBar .progress .progressValue.color3 {
    background-color: #fac705
}
.progresBar .progress .progressValue.color4 {
    background-color: #c9cf2e
}
.progresBar .progress .progressValue.color5 {
    background-color: #7a972c
}
.whiteBlock {
    background-color: #fff;
/*    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)*/
}
/*
@media (max-width:1439px) {
    .container {
        width: 1200px;
        padding: 0 15px
    }
}
@media (max-width:1199px) {
    .container {
        width: 992px
    }
}
*/
@media (max-width:991px) {
    .container {
        width: 768px
    }
    .textBlock .capOne {
        font-size: 24px;
        line-height: 30px
    }
    .textBlock .capOne+* {
        margin-top: 20px
    }
    .textBlock .capTwo {
        font-size: 20px
    }
    .textBlock .capTwo+* {
        margin-top: 15px
    }
    .textBlock i,
    .textBlock b,
    .textBlock span,
    .textBlock p {
        font-size: 14px;
        line-height: 18px
    }
    .textBlock ul li {
        font-size: 14px;
        line-height: 18px
    }
    .textBlock ol li {
        font-size: 14px;
        line-height: 18px
    }
    .articleBlock .textBlock i,
    .articleBlock .textBlock b,
    .articleBlock .textBlock span,
    .articleBlock .textBlock p {
        font-size: 16px;
        line-height: 21px
    }
    .articleBlock .textBlock ul li {
        font-size: 16px;
        line-height: 21px
    }
    .articleBlock .textBlock ol li {
        font-size: 16px;
        line-height: 21px
    }
    .chekBl label {
        padding-left: 20px
    }
    .chekBl label:before {
        width: 10px;
        height: 10px;
        margin-top: -6px
    }
    .chekBl label:after {
        left: 4px;
        top: 50%;
        width: 6px;
        height: 6px;
        margin-top: -2px
    }
}
@media (max-width:767px) {
    .container {
        width: 100%
    }
    .textBlock .capOne {
        font-size: 22px;
        line-height: 26px
    }
    .textBlock .capTwo {
        font-size: 20px
    }
    .textBlock .capThree+* {
        margin-top: 10px
    }
    .textBlock img {
        margin: 14px auto 9px;
        margin-top: 14px;
        text-align: center;
        float: none;
        display: table;
        max-width: 100%
    }
}
@media (max-width:479px) {
    .container {
        width: 100%
    }
    .textBlock .capOne {
        font-size: 18px
    }
    .textBlock .capTwo {
        font-size: 18px
    }
    .textBlock .capTwo+* {
        margin-top: 15px
    }
    .textBlock .capThree {
        font-size: 16px;
        line-height: 18px
    }
    .textBlock i,
    .textBlock b,
    .textBlock span,
    .textBlock p {
        line-height: 17px
    }
    .textBlock>img {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        max-width: inherit
    }
}
body input::-webkit-input-placeholder,
body input::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #fff !important
}
body input::-moz-placeholder,
body input::-moz-placeholder,
body textarea::-moz-placeholder,
body textarea::-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important
}
body input:-ms-input-placeholder,
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
    opacity: 1 !important;
    color: #fff !important
}
body input:-moz-placeholder,
body input:-moz-placeholder,
body textarea:-moz-placeholder,
body textarea:-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important
}
body .subscribeBl input::-webkit-input-placeholder,
body .subscribeBl input::-webkit-input-placeholder,
body .subscribeBl textarea::-webkit-input-placeholder,
body .subscribeBl textarea::-webkit-input-placeholder,
body .menuFormForm input::-webkit-input-placeholder,
body .menuFormForm input::-webkit-input-placeholder,
body .menuFormForm textarea::-webkit-input-placeholder,
body .menuFormForm textarea::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #333 !important
}
body .subscribeBl input::-moz-placeholder,
body .subscribeBl input::-moz-placeholder,
body .subscribeBl textarea::-moz-placeholder,
body .subscribeBl textarea::-moz-placeholder,
body .menuFormForm input::-moz-placeholder,
body .menuFormForm input::-moz-placeholder,
body .menuFormForm textarea::-moz-placeholder,
body .menuFormForm textarea::-moz-placeholder {
    opacity: 1 !important;
    color: #333 !important
}
body .subscribeBl input:-ms-input-placeholder,
body .subscribeBl input:-ms-input-placeholder,
body .subscribeBl textarea:-ms-input-placeholder,
body .subscribeBl textarea:-ms-input-placeholder,
body .menuFormForm input:-ms-input-placeholder,
body .menuFormForm input:-ms-input-placeholder,
body .menuFormForm textarea:-ms-input-placeholder,
body .menuFormForm textarea:-ms-input-placeholder {
    opacity: 1 !important;
    color: #333 !important
}
body .subscribeBl input:-moz-placeholder,
body .subscribeBl input:-moz-placeholder,
body .subscribeBl textarea:-moz-placeholder,
body .subscribeBl textarea:-moz-placeholder,
body .menuFormForm input:-moz-placeholder,
body .menuFormForm input:-moz-placeholder,
body .menuFormForm textarea:-moz-placeholder,
body .menuFormForm textarea:-moz-placeholder {
    opacity: 1 !important;
    color: #333 !important
}
.ymaps-2-1-65-float-button-icon {
    display: none !important
}
.textAreaBl ul {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -ms-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -ms-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    border: solid 1px #bfbfbf;
    border-bottom: 0;
    display: block;
    margin-bottom: -1px;
    padding: 3px 22px
}
.textAreaBl ul li {
    display: inline-block;
    vertical-align: middle
}
.textAreaBl ul li span {
    cursor: pointer;
    display: block;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}
.textAreaBl ul li span img {
    display: block;
    height: 13px;
    margin-top: -3px
}
@media (max-width:767px) {
    .textAreaBl ul li span img {
        margin-top: -4px
    }
}
.textAreaBl ul li span:hover {
    opacity: .5
}
.textAreaBl ul li+li {
    margin-left: 19px
}
.textAreaBl ul li:nth-child(4) {
    margin-left: 24px
}
.textAreaBl ul li:nth-child(5) {
    margin-left: 10px
}
.textAreaBl ul li:nth-child(6) {
    margin-left: 25px
}
.textAreaBl textarea {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -ms-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -ms-border-top-left-radius: 0px;
    border-top-left-radius: 0px
}
.dropMore {
    display: none
}
.dropModal {
    cursor: pointer;
    display: inline-block
}
.wrapper {
    background-image: url("../../img/bgbody.png");
    /*background-image: url("../../img/bgbody.webp");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
    overflow: hidden;
    min-height: auto
}
.wrapper .wrapperIn {
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 195px
}
header {
    background-color: #fff;
    position: relative;
    /*box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.5), 5px 0 5px -5px rgba(0, 0, 0, 0.5), -5px 0 5px -5px rgba(0, 0, 0, 0.5), 0 0px 0px 0px transparent*/
}
header .logo {
    float: left;
    margin: 17px 0px 0px 0px
}
header .coursesHeader {
    float: left;
    margin-left: 18%;
}
header .countryBl {
    float: right;
    padding-top: 25px
}
header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #fff
}
.logo {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.logo img {
    display: inline-block;
    vertical-align: middle;
    width: 160px
}
.logo .txt {
    display: inline-block;
    vertical-align: -12px;
    font-size: 12px;
    color: #000;
    letter-spacing: 0.2px;
    margin-left: 2px
}
.logo:hover {
    opacity: .5
}
.coursesHeader .block {
    padding: 15px 0px 15px 19px;
    position: relative;
    float: left
}
.coursesHeader .block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    background-image: url("../../img/linegradient.png");
    background-repeat: no-repeat;
    width: 1px;
    height: 97px
}
.coursesHeader .block:after {
    opacity: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    background-image: url("../../img/linegradient.png");
    background-repeat: no-repeat;
    width: 1px;
    height: 97px
}
.coursesHeader .block .titBl {
    overflow: hidden;
    width: 100%;
    padding-right: 39px
}
.coursesHeader .block .titBl .tit {
    color: #333366;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
font-weight:bold;
}
.coursesHeader .block .titBl .desrTit {
    float: right;
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    margin-top: 3px
}
.coursesHeader .block .list {
    display: flex;
    margin-top: 9px;
    margin-left: 2px
}
.coursesHeader .block .list .item {
    width: 120px;
}
.coursesHeader .block .list .item .name {
    display: block;
    font-size: 10pt;
    line-height: 16px;
    font-weight: bold;
    color: #333366;
}
.coursesHeader .block .list .item .name .small {
    font-size: 7px;
    vertical-align: 2px;
    position: relative;
    top: -2px
}
.coursesHeader .block .list .item .vol {
    display: inline-block;
    vertical-align: top;
    color: #333333;
    font-size: 12px;
    position: relative;
    padding-right: 10px
}
.coursesHeader .block .list .item .vol:before {
    content: "";
    position: absolute;
    right: 1px;
    top: 50%;
    border-top: solid 4px #23435c;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 0px #23435c;
    margin-top: -2px
}
.coursesHeader .block .list .item .vol+.vol {
    border-left: solid 1px #bfbfbf;
    padding-left: 2px
}
.coursesHeader .block .list .item .vol.down:before {
    border-top: solid 4px #ff0000;
    border-bottom: solid 0px #ff0000
}
.coursesHeader .block .list .item .vol.up:before {
    border-top: solid 0px #00a651;
    border-bottom: solid 4px #00a651
}
.coursesHeader .block+.block {
    margin-left: -9px
}
.coursesHeader .block+.block:after {
    opacity: 1
}
.coursesHeader .block+.block .list .item {
    width: 67px
}
.countryBl .tit {
    color: #808080;
    font-size: 16px
}
.countryBl .countrySelect .country {
    display: block;
    cursor: pointer;
    color: #0c4370;
    font-size: 20px;
    position: relative;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.countryBl .countrySelect .country:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    border-top: solid 4px #0c4370;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 0px #0c4370
}
.countryBl .countrySelect .country:hover {
    opacity: .5
}
.lineTopContent {
    position: relative;
    z-index: 2;
    background: #23425b;
    background: -moz-linear-gradient(left, #23425b 0%, #35738a 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #23425b), color-stop(100%, #35738a));
    background: -webkit-linear-gradient(left, #23425b 0%, #35738a 100%);
    background: -o-linear-gradient(left, #23425b 0%, #35738a 100%);
    background: -ms-linear-gradient(left, #23425b 0%, #35738a 100%);
    background: linear-gradient(to right, #23425b 0%, #35738a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4', endColorstr=' $color2-h4-a2', GradientType=1);
    padding: 5px 0
}
.lineTopContent .qeustLink {
    float: right
}
.lineTopContent .qeustLink .btn {
    padding: 8px 60px
}
.menu {
    float: left;
    padding: 8px 0;
    overflow: hidden
}
.menu .linkPage {
    float: left;
    margin-left: 77px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: relative
}
.menu .linkPage:hover {
    color: #fac705
}
.menu .linkPage:hover:before {
    border-top-color: #fac705
}
.menu .oneLevel {
    float: left;
    display: flex
}
.menu .oneLevel>li+li {
    margin-left: 77px
}
.menu .oneLevel>li.ui-tabs-active>a {
    color: #fac705
}
.menu .oneLevel>li.ui-tabs-active>a:before {
    opacity: 1;
    border-top-color: #fac705
}
.menu .oneLevel>li>a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: relative
}
.menu .oneLevel>li>a:hover {
    color: #fac705
}
.menu .oneLevel>li>a:hover:before {
    opacity: 1;
    border-top-color: #fac705
}
.menu .oneLevel>li>a:before {
    opacity: .5;
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    border-top: solid 4px #fff;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 0px #fff;
    margin-top: -2px
}
.menu .twoLevel {
    display: none
}
.greetings {
    padding: 24px 0 6px
}
.greetings .creditsBlock {
    display: none
}
.greetings .diesBl {
   /* width: 95%;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    float: left
}
.greetings .diesBl .item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.greetings .diesBl .item .in {
    padding: 6px 12px;
    position: relative
}
.greetings .diesBl .item .in img {
    position: absolute;
    right: 31px;
    top: 50%;
    height: 70px;
    margin-top: -35px;
    display: block;
    opacity: 0.5
}
.greetings .diesBl .item.color1 {
    background: #716963;
    background: -moz-linear-gradient(left, #716963 0%, #968b84 100%);
    background: -webkit-linear-gradient(left, #716963 0%, #968b84 100%);
    background: linear-gradient(to right, #716963 0%, #968b84 100%)
}
.greetings .diesBl .item.color1:hover {
    background: #968b84;
    background: -moz-linear-gradient(left, #968b84 0%, #716963 100%);
    background: -webkit-linear-gradient(left, #968b84 0%, #716963 100%);
    background: linear-gradient(to right, #968b84 0%, #716963 100%)
}
.greetings .diesBl .item.color2 {
    background: #ce810a;
    background: -moz-linear-gradient(left, #ce810a 0%, #fac605 100%);
    background: -webkit-linear-gradient(left, #ce810a 0%, #fac605 100%);
    background: linear-gradient(to right, #ce810a 0%, #fac605 100%)
}
.greetings .diesBl .item.color2:hover {
    background: #fac605;
    background: -moz-linear-gradient(left, #fac605 0%, #ce810a 100%);
    background: -webkit-linear-gradient(left, #fac605 0%, #ce810a 100%);
    background: linear-gradient(to right, #fac605 0%, #ce810a 100%)
}
.greetings .diesBl .item.color3 {
    background: #387487;
    background: -moz-linear-gradient(left, #387487 0%, #4b9ab3 100%);
    background: -webkit-linear-gradient(left, #387487 0%, #4b9ab3 100%);
    background: linear-gradient(to right, #387487 0%, #4b9ab3 100%)
}
.greetings .diesBl .item.color3:hover {
    background: #4b9ab3;
    background: -moz-linear-gradient(left, #4b9ab3 0%, #387487 100%);
    background: -webkit-linear-gradient(left, #4b9ab3 0%, #387487 100%);
    background: linear-gradient(to right, #4b9ab3 0%, #387487 100%)
}
.greetings .diesBl .item.color4 {
    background: #ce810a;
    background: -moz-linear-gradient(left, #ce810a 0%, #ef9c06 100%);
    background: -webkit-linear-gradient(left, #ce810a 0%, #ef9c06 100%);
    background: linear-gradient(to right, #ce810a 0%, #ef9c06 100%)
}
.greetings .diesBl .item.color4:hover {
    background: #ef9c06;
    background: -moz-linear-gradient(left, #ef9c06 0%, #ce810a 100%);
    background: -webkit-linear-gradient(left, #ef9c06 0%, #ce810a 100%);
    background: linear-gradient(to right, #ef9c06 0%, #ce810a 100%)
}
.greetings .diesBl .item.color5 {
    background: #5b7121;
    background: -moz-linear-gradient(left, #5b7121 0%, #7a972c 100%);
    background: -webkit-linear-gradient(left, #5b7121 0%, #7a972c 100%);
    background: linear-gradient(to right, #5b7121 0%, #7a972c 100%)
}
.greetings .diesBl .item.color5:hover {
    background: #7a972c;
    background: -moz-linear-gradient(left, #7a972c 0%, #5b7121 100%);
    background: -webkit-linear-gradient(left, #7a972c 0%, #5b7121 100%);
    background: linear-gradient(to right, #7a972c 0%, #5b7121 100%)
}
.greetings .diesBl .item.color6 {
    background: #9e3a0f;
    background: -moz-linear-gradient(left, #9e3a0f 0%, #d34d14 100%);
    background: -webkit-linear-gradient(left, #9e3a0f 0%, #d34d14 100%);
    background: linear-gradient(to right, #9e3a0f 0%, #d34d14 100%)
}
.greetings .diesBl .item.color6:hover {
    background: #d34d14;
    background: -moz-linear-gradient(left, #d34d14 0%, #9e3a0f 100%);
    background: -webkit-linear-gradient(left, #d34d14 0%, #9e3a0f 100%);
    background: linear-gradient(to right, #d34d14 0%, #9e3a0f 100%)
}
.greetings .diesBl .item .name {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    display: table
}
.greetings .diesBl .item .name br {
    display: none
}
.greetings .diesBl .item p {
    color: #fff;
    font-size: 12px;
    margin-top: 9px;
    display: table;
    max-width: 60%;
    line-height: 15px
}
.greetings .courseBlock {
    width: 100%;
    float: right
}
.greetings .courseBlock .courseForma {
    padding: 13px 15px
}
.greetings .courseBlock .courseForma .labelsLine {
    display: flex
}
.greetings .courseBlock .courseForma .labelsLine  span {
    width: 30%;
    font-size: 12px;
text-align:center;
    color: #fff;
    opacity: .5
}
.greetings .courseBlock .courseForma .labelsLine span:first-child {
    width: 100px
}
.greetings .courseBlock .courseForma .forma {
    margin-top: 3px;
    position: relative;
    left: 2px
}
.greetings .courseBlock .courseForma .labelsLine{
text-align:center;}
.greetings .courseBlock .courseForma .forma .inputLine .labelsLine .inputInconBl {
    width: 34%;
}
.greetings .courseBlock .courseForma .forma .inputLine .inputInconBl+* {
   /* margin-left: 9px*/
}
.greetings .courseBlock .courseForma .forma .inputLine input {
    width: 34%;
}
.greetings .courseBlock .courseForma .forma .inputLine input+input {
    margin-left: -2px
}
.greetings .courseBlock .courseForma .forma .inputLine+.inputLine {
    margin-top: 11px
}
.greetings .courseBlock .courseForma .btn {
    margin: 25px auto 0;
    width: 169px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}
.greetings .courseBlock .courseForma .btn:not(:hover) {
    color: #fff
}
.greetings .courseBlock .courseForma .btn:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    background: #ffca00;
    background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: linear-gradient(to right, #ffca00 0%, #fce760 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.greetings .courseBlock .courseForma .btn:hover {
    border-color: transparent;
    background: transparent;
    color: #083556
}
.greetings .courseBlock .courseForma .btn:hover:before {
    opacity: 1
}
.greetings .courseBlock .converter {
    padding: 10px 14px
}
.greetings .courseBlock .converter .lineLink .txt {
    font-size: 12px;
    color: #fff;
    opacity: .5;
    float: left
}
.greetings .courseBlock .converter .lineLink .link {
    font-size: 12px;
    color: #fff;
    opacity: .5;
    text-decoration: underline;
    float: right;
    display: table;
    margin-right: 5px;
    text-decoration: underline
}
.greetings .courseBlock .converter .lineLink .link:hover {
    text-decoration-color: transparent
}
.greetings .courseBlock .converter .forma {
    margin-top: 3px
}
.greetings .courseBlock .converter .textConvertor {
    margin-top: 6px
}
.greetings .courseBlock .converter .textConvertor p {
    opacity: .5;
    line-height: 12px;
    font-size: 10px;
    color: #fff
}
.greetings .courseBlock .tab .tbody .item {
    min-height: 286px
}
.tabBlueBlock {
    background: #35738a;
    background: -moz-linear-gradient(left, #35738a 0%, #23435c 100%);
    background: -webkit-linear-gradient(left, #35738a 0%, #23435c 100%);
    background: linear-gradient(to right, #35738a 0%, #23435c 100%);
    min-height: 298px
}
.tabBlueBlock .thead ul {
    display: flex
}
.tabBlueBlock .thead ul li {
    cursor: pointer;
    background-color: #285565;
    width: 50%;
    text-align: center;
    padding: 13px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.tabBlueBlock .thead ul li span {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    opacity: .5
}
.tabBlueBlock .thead ul li.active {
    background-color: transparent
}
.tabBlueBlock .thead ul li.active span {
    opacity: 1
}
.tabBlueBlock .thead ul li:hover {
    opacity: .5
}
html.Chrome:not(.Android) footer .socialFooter ul li a .iconBl {
    line-height: 38px
}
html.Chrome:not(.Android) footer .socialFooter ul li a .iconBl[class*='vk']:before {
    position: relative;
    left: -2px
}
footer {
    padding: 21px 0;
    background: #334c61;
    background: -moz-linear-gradient(left, #334c61 0%, #252f45 100%);
    background: -webkit-linear-gradient(left, #334c61 0%, #252f45 100%);
    background: linear-gradient(to right, #334c61 0%, #252f45 100%)
}
footer .copyText {
    float: left
}
footer .copyText p {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    opacity: .5
}
footer .socialFooter {
    float: right
}
footer .socialFooter ul li {
    display: inline-block;
    vertical-align: middle
}
footer .socialFooter ul li+li {
    margin-left: 8px
}
footer .socialFooter ul li a {
    display: block;
    opacity: .5;
    text-align: center
}
footer .socialFooter ul li a:hover {
    opacity: 1
}
footer .socialFooter ul li a .iconBl {
    color: #fff;
    font-size: 26px;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 37px
}
footer .socialFooter ul li a .iconBl[class*='vk']:before {
    position: relative;
    left: -2px
}
.infoBanksMain {
    padding: 45px 52px 106px
}
.infoBanksMain .textBlock {
    max-width: 879px
}
.reklamaBlock img {
    max-width: 100%
}
.reklamaBlock+* {
    margin-top: 28px
}
.scrollTop {
    opacity: 0;
    position: fixed;
    right: calc(50% - 616px);
    bottom: 24px;
    cursor: pointer;
    background-image: url("../../img/arrowscrolltop.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}
.scrollTop.visible {
    opacity: 1;
    z-index: 5
}
.scrollTop:hover {
    background-color: rgba(0, 0, 0, 0.5)
}
.contentPageMain {
    /*min-height: 750px;*/
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
    overflow: hidden
}
.lineVercticalLinks {
    position: relative;
   /* width: 155px;*/
    background: #35738a;
    background: -moz-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #35738a), color-stop(100%, #23435c));
    background: -webkit-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -o-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -ms-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: linear-gradient(to bottom, #35738a 0%, #23435c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4-a2', endColorstr='$textColor1-h2', GradientType=0)
}
.lineVercticalLinks .linkTop ul li a {
    position: relative;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 26px 0 26px 25px;
    letter-spacing: -.5px;
    line-height: 19px
}
.lineVercticalLinks .linkTop ul li a:hover {
    background-color: #285767;
text-decoration: none;
}
.lineVercticalLinks .linkTop ul li a.active {
    background-color: #285767
}
.lineVercticalLinks .linkTop ul li a.active:before {
    display: block
}
.lineVercticalLinks .linkTop ul li a:before {
    display: none;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border-top: solid 10px transparent;
    border-left: solid 0px #fff;
    border-right: solid 10px #fff;
    border-bottom: solid 10px transparent;
    margin-top: -10px
}
.lineVercticalLinks .linkTop ul li+li {
    border-top: solid 1px #bfbfbf
}
.lineVercticalLinks .linkTop ul li:last-child {
    border-bottom: solid 1px #bfbfbf
}
.lineVercticalLinks .linkBot {
    /*position: absolute;
    right: 0;
    bottom: 0;
    width: 100%*/
}
.lineVercticalLinks .linkBot ul {
    margin-bottom: 0;
}
.lineVercticalLinks .linkBot ul li {
    display: table;
    width: 100%;
    height: 71px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.lineVercticalLinks .linkBot ul li:hover {
    background-color: #285767
}
.lineVercticalLinks .linkBot ul li.active {
    background-color: #285767
}
.lineVercticalLinks .linkBot ul li span[class*='icon'] {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 54px;
    text-align: center;
    font-size: 25px;
    line-height: 71px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0px;
    border: 0px
}
.lineVercticalLinks .linkBot ul li span,
.lineVercticalLinks .linkBot ul li a {
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background-position: 15px center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px 0px 54px;
    letter-spacing: -.5px;
    line-height: 18px
}
.lineVercticalLinks .linkBot ul li+li {
    border-top: solid 1px #bfbfbf
}
.lineVercticalLinks .linkBot ul li:first-child {
    border-top: solid 1px #bfbfbf
}
.lineVercticalLinks .linkBot ul li:first-child [class*='icon'] {
    opacity: 0.5
}
.lineVercticalLinks .linkBot ul li:nth-child(2) [class*='icon'] {
    opacity: 0.5
}
.lineVercticalLinks .linkBot ul li:last-child span,
.lineVercticalLinks .linkBot ul li:last-child a {
    color: #fac705
}
.lineVerticalNews {
    /*padding: 24px 30px;*/
    /*width: 800px*/
    /*text-align: justify;*/
}
.lineVerticalNews+.lineVerticalRight {
    padding-top: 16px
}
.lineVerticalRight {
    padding: 0px;
    width: 300px
}
.lineVerticalRight .mapBank [class*='title'] {
    position: relative;
    z-index: 2;
    margin-top: -42px
}
.creditsBlock .listCreditsSmall {
    padding-top: 16px;
    padding-bottom: 16px
}
.creditsBlock .listCreditsSmall .line {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: flex;
    padding: 6px 29px 6px 14px
}
.creditsBlock .listCreditsSmall .line:hover {
    background-color: rgba(255, 255, 255, 0.25)
}
.creditsBlock .listCreditsSmall .line:hover .name {
    font-weight: bold
}
.creditsBlock .listCreditsSmall .line:hover .pr {
    font-weight: bold
}
.creditsBlock .listCreditsSmall .line .tit {
    width: 70%
}
.creditsBlock .listCreditsSmall .line .tit .name {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fac705;
    font-size: 16px;
    display: block
}
.creditsBlock .listCreditsSmall .line .tit .bankName {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    font-size: 14px;
    display: block
}
.creditsBlock .listCreditsSmall .line .pr {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 30%;
    color: #fff;
    font-size: 16px;
    text-align: right
}
.creditsBlock .listCreditsSmall .allCreditsLink {
    float: right;
    padding-right: 30px
}
.titleVertical {
    color: #305f85;
    font-size: 20px;
    font-weight: bold
}
.lineVerticalLeft {
    width: calc(100% - 325px)
}
.lineVerticalRight .newBl .bot:before {
    font-size: 16px
}
.lineVerticalRight .newBl .pictureNew .prosmotrs:before {
    left: 5px;
    font-size: 20px
}
.newBl .pictureNew {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110% auto;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.newBl .pictureNew:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: -1
}
.newBl .pictureNew:hover {
    background-size: 120% auto
}
.newBl .pictureNew:hover:after {
    opacity: .25
}
.newBl .pictureNew .faceBl {
    position: absolute;
    left: 2px;
    top: 2px
}
.newBl .pictureNew .prosmotrs {
    position: absolute;
    right: 10px;
    bottom: -4px;
    font-size: 12px;
    color: #fff;
    padding: 10px 0 10px 36px
}
.newBl .pictureNew .prosmotrs:before {
    content: '\e90b';
    font-family: 'icomoon';
    display: block;
    position: absolute;
    width: 36px;
    left: 0px;
    top: 50%;
    font-size: 30px;
    line-height: 16px;
    color: #fff;
    margin-top: -8px
}
.newBl .pictureNew .desr.reclamamarker {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 12px;
    color: #fff;
    border: solid 1px #d14c14c4;
    padding: 0px 12px;
    background: linear-gradient(to right, #D14C14,#9F3B0F);
    z-index: 1;
}
.newBl .pictureNew .desr {
    position: absolute;
    left: 10px;
    bottom: 12px;
    font-size: 12px;
    color: #fff;
    border: solid 1px #fff;
    padding: 0px 12px;
    background-color: rgba(0, 0, 0, 0.25)
}
.newBl .pictureNew .desr.exclusive {
    background-color: #ff0000
}
.newBl .pictureNew .nameNews {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5px 20px 5px 9px;
    line-height: 21px
}
.newBl .txt {
    position: relative
}
.newBl .txt .link:hover {
    opacity: .5
}
.newBl .txt p {
    color: #333333;
    font-size: 16px;
    line-height: 20px
}
.newBl .txt p+p {
    margin-top: 5px
}
.newBl .bot {
    margin-top: 0px;
    padding: 10px 0 10px 25px;
    position: relative
}
.newBl .bot:before {
    content: "\e92b";
    font-family: 'icomoon';
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    font-size: 20px;
    line-height: 18px;
    color: #808080;
    margin-top: -5px
}
.newBl .bot .commentNumer {
    color: #808080;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}
.newBl .bot .coommentTime {
    color: #808080;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}
.newBl.vertical .pictureNew {
    float: left;
    width: 240px;
    height: 120px
}
.newBl.vertical .txt {
    padding-left: 21px;
    float: left;
    width: calc(100% - 240px)
}
.newBl.vertical .listNews .new {
    overflow: hidden
}
.newBl.vertical .listNews .new .txt {
    padding-left: 30px;
    top: -5px
}
.newBl.vertical .listNews .new .txt .link {
    color: #23425b;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px
}
.newBl.vertical .listNews .new .txt .link+* {
    margin-top: 3px
}
.newBl.vertical .listNews .new .bot {
    margin-top: -5px
}
.newBl.vertical .listNews .new+.new {
    margin-top: 29px
}
.newBl.vertical .listNews .new+.pictureBanners {
    margin-top: 35px
}
.newBl.tileNews .pictureNew {
    width: 100%;
    height: 168px;
    position: relative
}
.newBl.tileNews .tileBanner {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.newBl.tileNews table {
    width: 100%;
    border-collapse: collapse
}
.newBl.tileNews table tr td {
    position: relative;
    width: calc(100% / 4)
}
.newBl.readingNews {
    margin-top: 14px
}
.newBl.readingNews+.creditApplic {
    margin-top: 11px
}
.newBl.readingNews .listNews .new {
    overflow: hidden
}
.newBl.readingNews .listNews .new .pictureNew {
    width: 100px;
    height: 75px;
    float: left;
    position: relative;
    background-size: cover
}
.newBl.readingNews .listNews .new .pictureNew:hover {
    background-size: cover
}
.newBl.readingNews .listNews .new .pictureNew .prosmotrs {
    right: 5px;
    font-size: 10px;
    background-size: 24px;
    padding-left: 30px
}
.newBl.readingNews .listNews .new .txt {
    position: relative;
    top: -5px;
    float: left;
    width: calc(100% - 100px);
    padding-left: 19px;
    min-height: 86px
}
.newBl.readingNews .listNews .new .txt .link {
    font-size: 16px;
    font-weight: bold;
    color: #23425b;
    line-height: 20px;
    display: table
}
.newBl.readingNews .listNews .new .txt .bot {
    position: absolute;
    left: 19px;
    background-size: 18px;
    padding-left: 23px;
    bottom: -2px
}
.newBl.readingNews .listNews .new .txt .bot .commentNumer,
.newBl.readingNews .listNews .new .txt .bot .coommentTime {
    font-size: 10px
}
.newBl.readingNews .listNews .new+.new {
    margin-top: 12px
}
.newBl.readingNews+.pictureBannersVertical {
    margin-top: 19px
}
.newBl .newDay .pictureNew {
    width: 440px;
    height: 265px
}
.newBl .newDay .txt {
    padding-left: 21px;
    float: left;
    width: calc(100% - 440px)
}
.newBl .newDay .txt .link {
    color: #991919;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px
}
.newBl .newDay .txt .link+* {
    margin-top: 3px
}
.newBl .newDay+* {
    margin-top: 41px
}
.newBl .linksBot .btn {
    margin-top: 31px
}
.faceBl {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 117px;
    height: 117px;
    border: solid 2px #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #0094ba
}
.faceBl:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    background-image: url("../../img/faceblfon.png");
    width: 240px;
    height: 120px;
    background-repeat: no-repeat;
    z-index: -1
}
.pictureBanners {
    cursor: pointer
}
.pictureBanners img {
    width: 100%;
    display: block
}
.pictureBanners+.new {
    margin-top: 45px
}
.pictureBannersVertical {
    width: 100%
}
.pictureBannersVertical .line {
    width: 100%;
    height: 100%;
    min-height: 315px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 32/45;
}
.breadCrumbs {
    padding: 15px 0 11px
}
.breadCrumbs ul li {
    display: inline;
    vertical-align: middle;
    margin-right: 23px;
    margin-right: 23px
}
.breadCrumbs ul li a {
    font-size: 12px;
    color: #808080;
    position: relative;
    text-decoration: underline;
    text-decoration-color: transparent;
    display: inline-block
}
.breadCrumbs ul li a:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 5px;
    width: 1px;
    height: 50%;
    background-color: #808080
}
.breadCrumbs ul li a:hover {
    text-decoration-color: #808080
}
.breadCrumbs ul li span {
    font-size: 12px;
    color: #333333
}
.alsoRead .tit {
    color: #305f85;
    font-size: 24px;
    font-weight: bold
}
.alsoRead .tit+* {
    margin-top: 17px
}
.alsoRead .newBl .listNews {
    display: flex;
    justify-content: space-between
}
.alsoRead .newBl .listNews .new {
    position: relative;
    width: 270px;
    height: 170px
}
.alsoRead .newBl .listNews .new .pictureNew {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.alsoRead .newBl .listNews .new .pictureNew:hover {
    background-size: 110% 110%
}
.alsoRead+.textBlock {
    margin-top: 45px
}
.pageContent {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px
}
.pageContent:not(.mapPage) {
    padding-bottom: 20px
}
.pageContent+.infoBanksMain {
    margin-top: 24px
}
.articleBlock {
   padding: 0px 125px 49px 300px;
 /*padding: 0px 15% 5% 15%;*/
}
.articleBlock .infoArticleBottom {
    margin-top: 21px
}
.articleBlock .infoArticleBottom .sourceBl .tit {
    color: #333333;
    font-size: 12px
}
.articleBlock .infoArticleBottom .sourceBl .link {
    font-size: 12px;
    color: #305f85;
    margin-left: 4px
}
.articleBlock .infoArticleBottom .sourceBl .link:hover {
    text-decoration: underline
}
.articleBlock .infoArticleBottom .tagsBl {
    margin-top: 15px;
    padding-left: 31px;
    position: relative
}
.articleBlock .infoArticleBottom .tagsBl:before {
    content: "\e90c";
    font-family: 'icomoon';
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    color: #808080
}
.articleBlock .infoArticleBottom .tagsBl .tit {
    color: #808080;
    font-style: italic;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}
.articleBlock .infoArticleBottom .tagsBl ul {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}
.articleBlock .infoArticleBottom .tagsBl ul li {
    display: inline-block;
    vertical-align: middle
}
.articleBlock .infoArticleBottom .tagsBl ul li a {
    color: #808080;
    font-size: 12px;
    text-decoration: underline
}
.articleBlock .infoArticleBottom .tagsBl ul li a:hover {
    text-decoration: none
}
.articleBlock .infoArticleBottom .socialBottomArticle {
    margin-top: 13px;
    overflow: hidden
}
.articleBlock .infoArticleBottom .socialBottomArticle .left {
    padding-top: 10px
}
.articleBlock .infoArticleBottom .socialBottomArticle .left .tit {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-size: 12px;
    font-style: italic
}
.articleBlock .infoArticleBottom .socialBottomArticle .left .socialList {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}
.articleBlock .infoArticleBottom .socialBottomArticle .left .socialList ul li {
    display: inline-block;
    vertical-align: middle
}
.articleBlock .infoArticleBottom .socialBottomArticle .left .socialList ul li+li {
    margin-left: 3px
}
.articleBlock .infoArticleBottom .socialBottomArticle .right {
    padding: 7px 0 7px 43px;
    position: relative
}
.articleBlock .infoArticleBottom .socialBottomArticle .right img {
    width: 34px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -17px;
    display: block
}
.articleBlock .infoArticleBottom .socialBottomArticle .right span {
    font-size: 12px;
    color: #333333
}
.articleBlock .infoArticleBottom .socialBottomArticle .right span a {
    color: #305f85
}
.articleBlock .infoArticleBottom .socialBottomArticle .right span a:hover {
    text-decoration: underline
}
.articleBlock .alsoRead {
    clear: both;
    margin: 21px 0 0
}
.articleBlock .alsoRead .newBl .listNews .new {
    width: 230px;
    height: 120px
}
.articleBlock .alsoRead .newBl .listNews .new .pictureNew .nameNews {
    padding: 5px 10px 5px 9px;
    line-height: 19px
}
.articleBlock .alsoRead .btn {
    margin-top: 24px
}
.articleBlock .discussion {
    margin-top: 29px
}
.articleBlock {
    padding: 0 48px 48px;
}
.formaArticle {
    overflow: hidden
}
.formaArticle+* {
    margin-top: 18px;
    display: table
}
.formaArticle .right {
    padding-top: 9px
}
.formaArticle .authorBl {
    width: 335px;
    display: inline-block;
    vertical-align: middle
}
.formaArticle .authorBl .pic {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
.formaArticle .authorBl .txt {
    padding-left: 7px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 55px)
}
.formaArticle .authorBl .txt .name-auth {
    font-size: 12px;
    font-style: italic;
    color: #333333
}
.formaArticle .authorBl .txt .date-auth {
    color: #808080;
    font-size: 12px
}
.formaArticle .fontBl {
    display: inline-block;
    vertical-align: middle
}
.formaArticle .fontBl .tit {
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    font-size: 12px
}
.formaArticle .fontBl ul {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px
}
.formaArticle .fontBl ul li {
    display: inline-block;
    vertical-align: middle
}
.formaArticle .fontBl ul li:before {
    display: none
}
.formaArticle .fontBl ul li .but {
    cursor: pointer;
    display: block;
    color: #bfbfbf;
    border: solid 2px #bfbfbf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 21px;
    height: 21px;
    line-height: 15px;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.formaArticle .fontBl ul li .but:hover {
    opacity: .5
}
.formaArticle .socialList {
    display: inline-block;
    vertical-align: middle
}
.formaArticle .socialList ul {
    padding-left: 0
}
.formaArticle .socialList ul li {
    display: inline-block;
    vertical-align: middle
}
.formaArticle .socialList ul li:before {
    display: none
}
.formaArticle .socialList ul li+li {
    margin-left: 2px
}
.formaArticle .prosmotrArticle {
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    font-size: 12px;
    padding: 10px 0 10px 36px;
    margin-left: 2px;
    position: relative
}
.formaArticle .prosmotrArticle:before {
    content: '\e90b';
    font-family: 'icomoon';
    display: block;
    position: absolute;
    width: 36px;
    left: 0px;
    top: 50%;
    font-size: 30px;
    line-height: 16px;
    color: #808080;
    margin-top: -8px;
    opacity: 0.5
}
.quoteBlock {
    position: relative;
    margin: 20px 0 !important;
    padding: 11px 0 18px;
    text-align: center
}
.quoteBlock:before,
.quoteBlock:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../../img/quoteline.png");
    background-repeat: repeat-y;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 2px
}
.quoteBlock:after {
    top: auto;
    bottom: 0
}
.quoteBlock p {
    font-size: 18px;
    font-style: italic;
    line-height: 22px
}
.quoteBlock p b {
    color: #991919;
    font-weight: bold;
    font-style: italic
}
.discussion {
    border-top: solid 1px #bfbfbf;
    padding-top: 11px
}
.discussion .tit {
    color: #23425b;
    font-size: 24px;
    font-weight: bold
}
.discussion .newComment {
    margin-top: 15px;
    position: relative
}
.discussion .newComment .pic {
    margin-top: 13px;
    border: solid 1px #bfbfbf;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.discussion .newComment .pic.noimage {
    background-size: inherit;
    background-position: 3px 10px
}
.discussion .newComment .inpTxt {
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: top;
    padding-left: 16px
}
.discussion .newComment .inpTxt .textAreaBl textarea {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -ms-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -ms-border-top-left-radius: 0px;
    border-top-left-radius: 0px
}
.discussion .newComment .inpTxt textarea {
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    resize: none;
    width: 100%;
    color: #808080;
    font-size: 12px;
    width: 100%;
    height: 120px;
    padding: 10px 22px
}
.discussion .newComment .inpTxt .btn {
    margin-top: 17px
}
.discussion .newComment .ratingAdd {
    position: absolute;
    right: 24px;
    bottom: -6px
}
.discussion .newComment .ratingAdd .ratingTextAdd {
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    font-size: 14px;
    margin-right: 55px;
    text-align: right;
    position: relative
}
.discussion .newComment .ratingAdd .ratingTextAdd:before {
    content: "";
    position: absolute;
    right: -23px;
    top: 50%;
    background-image: url("../../img/arrowrightrating.png");
    width: 8px;
    height: 17px;
    margin-top: -8px
}
.discussion .newComment .ratingAdd .progresBar {
    display: inline-block;
    vertical-align: middle
}
.discussion .commentsBl {
    border-top: solid 1px #bfbfbf;
    padding-top: 11px;
    margin-top: 22px
}
.discussion .commentsBl .listComments .item .pic {
    margin-top: 13px;
    border: solid 1px #bfbfbf;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.discussion .commentsBl .listComments .item .pic.noimage {
    background-size: inherit;
    background-position: 3px 10px
}
.discussion .commentsBl .listComments .item .txt {
    width: calc(100% - 71px);
    display: inline-block;
    vertical-align: 2px;
    margin-left: 16px
}
.discussion .commentsBl .listComments .item .txt .tit {
    position: relative;
    display: block;
    width: 100%
}
.discussion .commentsBl .listComments .item .txt .tit+* {
    margin-top: 5px
}
.discussion .commentsBl .listComments .item .txt .tit .name {
    color: #305f85;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    min-width: 102px
}
.discussion .commentsBl .listComments .item .txt .tit .date {
    display: inline-block;
    vertical-align: 2px;
    font-size: 12px;
    color: #808080;
    font-weight: normal
}
.discussion .commentsBl .listComments .item .txt .tit .likesBl {
    position: absolute;
    right: 0;
    top: 8px;
    width: 70px;
    display: flex;
    justify-content: space-between
}
.discussion .commentsBl .listComments .item .txt .tit .likesBl .likes,
.discussion .commentsBl .listComments .item .txt .tit .likesBl .dislikes {
    background: transparent;
    cursor: pointer;
    background-position: center -20px;
    background-repeat: no-repeat;
    width: 28px;
    height: 16px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.discussion .commentsBl .listComments .item .txt .tit .likesBl .likes:hover,
.discussion .commentsBl .listComments .item .txt .tit .likesBl .dislikes:hover {
    color: transparent;
    background-position: center 50%
}
.discussion .commentsBl .listComments .item .txt .tit .likesBl .likes {
    color: #5c7221;
    background-image: url("../../img/like.png")
}
.discussion .commentsBl .listComments .item .txt .tit .likesBl .dislikes {
    color: #d24d14;
    padding-left: 10px;
    background-image: url("../../img/dislike.png")
}
.discussion .commentsBl .listComments .item .textBlock {
    width: 100%
}
.discussion .commentsBl .listComments .item .countComment {
    cursor: pointer;
    padding-left: 25px;
    margin-top: 5px;
    position: relative
}
.discussion .commentsBl .listComments .item .countComment:before {
    content: '\e92b';
    font-family: 'icomoon';
    display: block;
    position: absolute;
    width: 20px;
    left: 0px;
    top: 50%;
    font-size: 16px;
    line-height: 18px;
    color: #808080;
    margin-top: -5px
}
.discussion .commentsBl .listComments .item .countComment .text {
    cursor: pointer;
    color: #808080;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-color: #808080;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.discussion .commentsBl .listComments .item .countComment:hover .text {
    text-decoration-color: transparent
}
.discussion .commentsBl .listComments .item.answer {
    padding-left: 100px;
    margin-top: 2px
}
.discussion .commentsBl .listComments .item.answerBank {
    position: relative;
    margin-top: 14px;
    padding-left: 155px;
    margin-bottom: 51px
}
.discussion .commentsBl .listComments .item.answerBank .printingBank {
    position: absolute;
    right: 0;
    top: 0;
    width: 172px;
    height: 173px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.discussion .commentsBl .listComments .item.answerBank .pic {
    display: none
}
.discussion .commentsBl .listComments .item.answerBank .tit .name {
    font-size: 13px
}
.discussion .commentsBl .listComments .item.answerBank .tit+* {
    margin-top: 10px
}
.discussion .commentsBl .listComments .item.answerBank .txt {
    width: calc(100% - 15px);
    position: relative
}
.discussion .commentsBl .listComments .item.answerBank .txt:after {
    content: "";
    position: absolute;
    left: -49px;
    top: 6px;
    background-color: #e5eff3;
    width: 10px;
    height: 100%
}
.discussion .commentsBl .listComments .item.answerBank .txt .textBlock p {
    line-height: 18px
}
.discussion .commentsBl .listComments .item.answerBank .txt .textBlock p+p {
    margin-top: 4px
}
.discussion .commentsBl .listComments .item+.item:not([class*="answer"]) {
    margin-top: 10px
}
.discussion .commentsBl .listComments .item+.item:not([class*="answer"]) .txt {
    border-top: solid 1px #bfbfbf
}
.discussion .commentsBl .listComments .item:last-child .txt {
    border-bottom: solid 1px #bfbfbf;
    padding-bottom: 22px
}
.discussion .commentsBl .btn {
    margin: 18px auto 0
}
.discussion .commentsBl+.reklamaBlock {
    margin-top: 25px
}
.discussion+.pictureBanners {
    margin-top: 48px
}
.discussion .ratingComment+* {
    margin-top: 10px
}
.discussion .ratingComment .progresBar {
    width: 86px;
    display: inline-block;
    vertical-align: middle
}
.discussion .ratingComment .ratingText {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px
}
.discussion .ratingComment .ratingText.color1 {
    color: #c9cf2e
}
.discussion .ratingComment .ratingText.color2 {
    color: #fac705
}
.discussion .ratingComment .ratingText.color3 {
    color: #7a972c
}
.discussion .ratingComment .ratingText.color4 {
    color: #d24d14
}
.creditApplic {
    margin-top: 0;
    background: #35738a;
    background: -moz-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #35738a), color-stop(100%, #23435c));
    background: -webkit-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -o-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: -ms-linear-gradient(top, #35738a 0%, #23435c 100%);
    background: linear-gradient(to bottom, #35738a 0%, #23435c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4-a2', endColorstr='$textColor1-h2', GradientType=0);
    padding: 13px 28px 22px
}
.creditApplic+* {
    margin-top: 15px
}
.creditApplic .tit {
    color: #fff;
    font-size: 24px
}
.creditApplic .tit+* {
    margin-top: 21px
}
.creditApplic .forma .inputLine input {
    height: 30px;
    padding: 0px 13px;
    width: calc(86% + 2px);
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.creditApplic .forma .inputLine .inputInconBl {
    height: 30px;
    width: 12%
}
.creditApplic .forma .inputLine .inputInconBl [class*='icon'] {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #23425b;
    text-align: center
}
.creditApplic .forma .inputLine+.inputLine {
    margin-top: 10px
}
.creditApplic .listBanksCredits {
    margin-top: 21px;
    width: 100%;
    overflow: hidden
}
.creditApplic .listBanksCredits .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 5px
}
.creditApplic .listBanksCredits .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0
}
.creditApplic .listBanksCredits .checkAll {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer
}

.subscribeBl .main-user-consent-request span {
    color: #000;
    width: auto;
    padding-left: .5rem;
    line-height: 22px;
}

.subscribeBl .main-user-consent-request span > a {
    color: inherit;
}

.blockMod .main-user-consent-request {
    margin-top: 1rem;
}

.creditApplic .listBanksCredits .checkAll+label {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1)
}
.creditApplic .listBanksCredits .checkAll.active+label {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}
.creditApplic .listBanksCredits ul {
    display: block;
    white-space: nowrap;
	margin-bottom: 0;
}

.main-user-consent-request {margin-bottom: 0;}

.main-user-consent-request span {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    display: inline-block;
    width: calc(100% - 25px);
    float: right;
    opacity: .5;
    line-height: 17px;
}

.menuFormForm .main-user-consent-request span {
    color: #000;
    width: auto;
    padding-left: 10px;
    line-height: 20px;
    padding-bottom: .5rem;
}

.creditApplic .listBanksCredits ul li {
    width: 56px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}
.creditApplic .listBanksCredits ul li input {
    display: none
}
.creditApplic .listBanksCredits ul li input:checked+label {
    color: #fac705;
    opacity: 1
}
.creditApplic .listBanksCredits ul li input:checked+label img.wIcon {
    opacity: 0
}
.creditApplic .listBanksCredits ul li input:checked+label img.cIcon {
    opacity: 1
}
.creditApplic .listBanksCredits ul li .active+label {
    color: #fac705;
    opacity: 1
}
.creditApplic .listBanksCredits ul li .active+label img.wIcon {
    opacity: 0
}
.creditApplic .listBanksCredits ul li .active+label img.cIcon {
    opacity: 1
}
.creditApplic .listBanksCredits ul li label {
    cursor: pointer;
    display: block;
    font-size: 10px;
    color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5
}
.creditApplic .listBanksCredits ul li label img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: auto;
    height: 25px;
    margin: 0px auto;
    opacity: 0;
    display: block
}
.creditApplic .listBanksCredits ul li label img+img {
    margin-top: -25px;
    position: relative;
    z-index: 2;
    margin-bottom: 3px
}
.creditApplic .listBanksCredits ul li label img.wIcon {
    opacity: 1
}
.creditApplic .listBanksCredits ul li label:hover {
    opacity: .7
}
.creditApplic .btn {
    margin: 0 auto;
    margin-top: 17px;
    padding: 8px 0;
    width: 100%
}
.creditApplic .desr {
    opacity: .5;
    color: #fff;
    font-size: 12px;
    margin-top: 8px;
    line-height: 16px
}
html.Firefox .banksBlock .menuBanks>ul>li>span:before,
html.Firefox .banksBlock .menuBanks>ul>li>a:before {
    width: 20px;
    bottom: -12px
}
html.Firefox .banksBlock .listCredits .itemCredits .sub:before {
    bottom: -1px
}
html.Firefox .banksBlock .listBanks .listBankContent .item:not(.noDrop)::before {
    bottom: -10px
}
html.Firefox .banksBlock .listBanks .listBankContent .item.open:not(.noDrop)::before {
    bottom: -2px
}
.closeBank span {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #333;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -0.5px
}
.closeBank span:nth-child(1) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.closeBank span:nth-child(2) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.banksBlock {
    padding: 0px 26px 0
}
.banksBlock .bankSearchBl {
    padding: 16px 29px;
    position: relative;
    background-image: url("../../img/bgsearchbanks.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px
}
.banksBlock .bankSearchBl .tit span {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}
.banksBlock .bankSearchBl .tit span .country {
    cursor: pointer;
    opacity: .5;
    text-decoration: underline;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.banksBlock .bankSearchBl .tit span .country:hover {
    opacity: 1
}
.banksBlock .bankSearchBl .bankLineBotSearchBl {
    margin-top: 22px
}
.banksBlock .bankSearchBl .bankLineBotSearchBl .search {
    width: 300px;
    position: relative
}
.banksBlock .bankSearchBl .bankLineBotSearchBl .search input {
    font-size: 16px;
    background: transparent;
    color: #98b4bf;
    border: 0;
    border-bottom: solid 1px #98b4bf;
    width: 100%;
    padding-right: 24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .bankSearchBl .bankLineBotSearchBl .search input:focus {
    border-bottom-color: #fff
}
.banksBlock .bankSearchBl .bankLineBotSearchBl .search .btnSearch {
    position: absolute;
    right: 6px;
    top: 0px;
    width: 15px;
    height: 15px;
    background: none
}
.banksBlock .bankSearchBl .bankLineBotSearchBl .search .btnSearch:hover {
    opacity: .5
}
.banksBlock .bankSearchBl .linkMaps {
    position: absolute;
    right: 21px;
    bottom: 19px;
    color: #98b4bf;
    padding: 0 0px 0 21px;
    text-decoration: underline;
    text-decoration-color: transparent
}
.banksBlock .bankSearchBl .linkMaps:hover {
    text-decoration-color: #98b4bf
}
.banksBlock .bankSearchBl .linkMaps img {
    width: 15px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0px
}
.banksBlock .menuBanks {
    margin-top: 32px;
	display:none;
}
.banksBlock .menuBanks>ul {
    min-width: 100%;
    border-bottom: solid 1px #bfbfbf;
    display: block;
    white-space: nowrap;
    padding: 0 30px 11px;
    display: table
}
.banksBlock .menuBanks>ul>li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.banksBlock .menuBanks>ul>li:last-child {
    padding-right: 5px
}
.banksBlock .menuBanks>ul>li>span,
.banksBlock .menuBanks>ul>li>a {
    font-size: 16px;
    color: #648e9e;
    position: relative
}
.banksBlock .menuBanks>ul>li>span:before,
.banksBlock .menuBanks>ul>li>a:before {
    content: "\e912";
    font-family: 'icomoon';
    font-size: 10px;
    color: #bfbfbf;
    opacity: 0;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -10px;
    width: 18px;
    height: 11px;
    background-color: #fff;
    font-weight: normal;
    text-align: center
}
@media (max-width:991px) {
    .banksBlock .menuBanks>ul>li>span:before,
    .banksBlock .menuBanks>ul>li>a:before {
        bottom: -14px
    }
}
.banksBlock .menuBanks>ul>li>span:hover,
.banksBlock .menuBanks>ul>li>a:hover {
    color: #23425b
}
.banksBlock .menuBanks>ul>li>span.active,
.banksBlock .menuBanks>ul>li>a.active {
    color: #23425b;
    font-weight: bold
}
.banksBlock .menuBanks>ul>li>span.active:before,
.banksBlock .menuBanks>ul>li>a.active:before {
    opacity: 1;
	background: #fff;
    margin-bottom: 2px;
}
.banksBlock .menuBanks>ul>li>span.drop:after,
.banksBlock .menuBanks>ul>li>a.drop:after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    border-top: solid 4px #98b4bf;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 1px transparent
}
.banksBlock .menuBanks>ul>li>span.drop+ul,
.banksBlock .menuBanks>ul>li>a.drop+ul {
    border: solid 1px #bfbfbf;
    z-index: -1;
    opacity: 0;
    width: 140px;
    position: absolute;
    right: -15px;
    top: 100%;
    padding: 5px;
    text-align: right;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .menuBanks>ul>li>span.drop+ul li a,
.banksBlock .menuBanks>ul>li>a.drop+ul li a {
    font-size: 16px;
    color: #98b4bf
}
.banksBlock .menuBanks>ul>li>span.drop+ul li a:hover,
.banksBlock .menuBanks>ul>li>a.drop+ul li a:hover {
    color: #23425b
}
.banksBlock .menuBanks>ul>li>span.drop+ul li+li,
.banksBlock .menuBanks>ul>li>a.drop+ul li+li {
    margin-top: 10px
}
.banksBlock .menuBanks>ul>li>span.drop+ul:hover,
.banksBlock .menuBanks>ul>li>a.drop+ul:hover {
    z-index: 5;
    opacity: 1
}
.banksBlock .menuBanks>ul>li>span.drop.dropMore:hover+ul,
.banksBlock .menuBanks>ul>li>a.drop.dropMore:hover+ul {
    z-index: 5;
    opacity: 1
}
.banksBlock .menuBanks>ul>li+li {
    margin-left: 25px
}
.banksBlock .listBanks {
    border: solid 1px #bfbfbf;
    margin-top: 5px
}
.banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(1) {
    width: 170px
}
.banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(2) {
    width: 300px
}
.banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(3) {
    width: 200px
}
.banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(1) {
    width: 199px;
    text-align: left
}
.banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(2) {
    width: 167px
}
.banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(3) {
    width: 166px
}
.banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(4) {
    width: 143px
}
.banksBlock .listBanks.optionCourse .listBankContent .item {
    padding-left: 0;
    padding-right: 0
}
.banksBlock .listBanks.optionCourse .listBankContent .item.open {
    padding-bottom: 0
}
.banksBlock .listBanks.optionCourse .listBankContent .item.open .closeBank {
    display: block
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 0
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic {
    width: 230px;
    text-align: center
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .nameBank {
    width: 197px;
    padding-left: 0
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line {
    width: 167px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line .val {
    position: relative;
    z-index: 3;
    display: table
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line .val:before {
    right: -14px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line .desr {
    color: #808080;
    font-size: 16px;
    display: block
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line:last-child {
    width: 140px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse {
    display: none;
    margin-top: 20px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 25px 5px;
    border-top: solid 1px #f0f4f6
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
    position: relative;
    z-index: 3;
    width: 424px;
    font-size: 16px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank .adress {
    color: #333333;
    font-size: 16px;
    font-weight: normal;
    display: block
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line {
    position: relative;
    z-index: 3;
    width: 165px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line .val {
    display: table
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line .val:before {
    right: -14px
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line .desr {
    color: #808080;
    font-size: 16px;
    display: block
}
.banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line:last-child {
    width: 138px
}
.banksBlock .listBanks .titleListBank {
    padding: 12px 0;
    border-bottom: solid 1px #bfbfbf
}
.banksBlock .listBanks .titleListBank ul {
    display: flex;
    justify-content: left;
    margin-left: 18%;
}
.banksBlock .listBanks .listBankContent .item {
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 20px 29px 20px 29px;
    border-bottom: solid 1px #bfbfbf;
    z-index: 3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .listBanks .listBankContent .item:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    z-index: 5
}
.banksBlock .listBanks .listBankContent .item:hover:not(.noDrop):before {
    background-color: transparent
}
.banksBlock .listBanks .listBankContent .item:hover:not(.noDrop):after {
    opacity: 1
}
.banksBlock .listBanks .listBankContent .item:not(.noDrop):hover {
    margin-top: -1px;
    padding-top: 21px
}
.banksBlock .listBanks .listBankContent .item .lineRatings {
    border-top: solid 0px #bfbfbf
}
.banksBlock .listBanks .listBankContent .item.open {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
    z-index: 5;
    background-color: #fff;
    margin-top: -1px;
    padding-top: 21px
}
.banksBlock .listBanks .listBankContent .item.open .lineRatings {
    height: 157px;
    border-top: solid 1px #bfbfbf;
    margin-top: 21px;
    padding-top: 10px
}
.banksBlock .listBanks .listBankContent .item.open .lineRatings+.closeBank {
    display: block
}
.banksBlock .listBanks .listBankContent .item.open:not(.noDrop):after {
    opacity: 1;
    border-top: solid 1px transparent;
    border-right: solid 11px transparent;
    border-left: solid 11px transparent;
    border-bottom: solid 11px #e1e1e1;
    margin-left: -11px;
    bottom: -2px
}
@media (max-width:767px) {
    .banksBlock .listBanks .listBankContent .item.open:not(.noDrop):after {
        margin-left: -10px;
        border-right: solid 10px transparent;
        border-left: solid 10px transparent;
        border-bottom: solid 10px #e1e1e1
    }
}
.banksBlock .listBanks .listBankContent .item.open:not(.noDrop):before {
    bottom: -1px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
@media (max-width:767px) {
    .banksBlock .listBanks .listBankContent .item.open:not(.noDrop):before {
        bottom: -2px
    }
}
.banksBlock .listBanks .listBankContent .item:not(.noDrop):before {
    content: "\e911";
    font-family: 'icomoon';
    position: absolute;
    font-size: 11px;
    color: #bfbfbf;
    left: 50%;
    bottom: -11px;
    width: 20px;
    height: 11px;
    margin-left: -10px;
    background-color: #fff
}
.banksBlock .listBanks .listBankContent .item:not(.noDrop):after {
    opacity: 0;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    border-top: solid 9px #fff;
    margin-left: -11px;
    bottom: -9px;
    margin-left: -10px
}
.banksBlock .listBanks .listBankContent .item .progresBar {
    position: absolute;
    left: -7px;
    top: 100px
}
.banksBlock .listBanks .listBankContent .item .picBank {
    width: 150px;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 23px;
    z-index: 5
}
.banksBlock .listBanks .listBankContent .item .picBank:hover {
    opacity: .5
}
.banksBlock .listBanks .listBankContent .item .nameBank {
    color: #305f85;
    font-size: 20px;
    font-weight: bold;
    width: 202px;
    padding-left: 24px;
    z-index: 5
}
.banksBlock .listBanks .listBankContent .item .nameBank:hover {
    opacity: .5
}
.banksBlock .listBanks .listBankContent .item .infoBank {
    width: 292px
}
.banksBlock .listBanks .listBankContent .item .infoBank ul li p {
    color: #808080;
    font-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
    display: table;
    line-height: 18px;
    position: relative
}
.banksBlock .listBanks .listBankContent .item .infoBank ul li a {
    color: #333333;
    font-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    display: table;
    position: relative;
    z-index: 3;
    text-decoration: underline;
    text-decoration-color: transparent
}
.banksBlock .listBanks .listBankContent .item .infoBank ul li a:hover {
    text-decoration-color: #333333
}
.banksBlock .listBanks .listBankContent .item .infoBank ul li+li {
    margin-top: 15px
}
.banksBlock .listBanks .listBankContent .item .timeBank {
    min-height: 175px
}
.banksBlock .listBanks .listBankContent .item .timeBank ul li {
    color: #333333;
    font-size: 16px
}
.banksBlock .listBanks .listBankContent .item .timeBank ul li span {
    color: #808080
}
.banksBlock .listBanks .listBankContent .item .timeBank .nowBank {
    color: #648e9e;
    font-size: 16px;
    margin-top: 27px;
    display: block
}
.banksBlock .listBanks .listBankContent .item .openBank {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    cursor:pointer;
}
.banksBlock .listBanks .listBankContent .item .openBank.hidden {
    display: none
}
.banksBlock .listBanks .listBankContent .item .closeBank {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 7px;
    width: 15px;
    height: 16px;
    display: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .listBanks .listBankContent .item .closeBank:hover {
    opacity: .5
}
.banksBlock .titTopBank {
    color: #808080;
    font-size: 16px
}
.banksBlock .listCredits {
    margin-top: 6px;
    border: solid 1px #bfbfbf;
    position: relative
}
.banksBlock .listCredits .titleListCredits {
    padding: 13px 0;
    border-bottom: solid 1px #bfbfbf
}
.banksBlock .listCredits .titleListCredits ul {
    display: flex
}
.banksBlock .listCredits .titleListCredits ul li span {
    color: #808080;
    font-size: 16px;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .listCredits .titleListCredits ul li span:hover {
    text-decoration-color: #808080
}
.banksBlock .listCredits .titleListCredits ul li:nth-child(1) {
    width: 332px;
    padding-left: 30px
}
.banksBlock .listCredits .titleListCredits ul li:nth-child(2) {
    width: 98px
}
.banksBlock .listCredits .titleListCredits ul li:nth-child(3) {
    width: 169px
}
.banksBlock .listCredits .titleListCredits .sortBl {
    display: none
}
.banksBlock .listCredits .itemCredits .sub {
    display: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    position: relative
}
.banksBlock .listCredits .itemCredits .sub:before {
    content: "\e911";
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 10px;
    color: #bfbfbf;
    font-weight: normal;
    position: absolute;
    left: 50%;
    text-align: center;
    width: 20px;
    height: 11px;
    margin-left: -10px;
    background-color: #fff;
    bottom: 0px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.banksBlock .listCredits .itemCredits .sub:after {
    content: "";
    position: absolute;
    left: 50%;
    opacity: 1;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    border-bottom: solid 9px #e1e1e1;
    margin-left: -10px;
    bottom: -1px;
    z-index: 2
}
.banksBlock .listCredits .itemCredits .sub .lineCredits {
    cursor: inherit;
    border-color: rgba(191, 191, 191, 0.5);
    min-height: inherit
}
.banksBlock .listCredits .itemCredits .sub .lineCredits .col .name {
    font-size: 16px
}
.banksBlock .listCredits .itemCredits .nameCreits {
    padding: 2px 29px 6px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    background: #35738a;
    background: -moz-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #35738a), color-stop(100%, #23425b));
    background: -webkit-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -o-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -ms-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: linear-gradient(to right, #35738a 0%, #23425b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4-a2', endColorstr=' $textColor1-h1', GradientType=1)
}
.banksBlock .listCredits .itemCredits>.lineCredits {
    min-height: 96px
}
.banksBlock .listCredits .itemCredits .lineCredits {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 0;
    position: relative;
    border-top: solid 1px #bfbfbf;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer
}
.banksBlock .listCredits .itemCredits .lineCredits:first-child {
    border-top: 0
}
.banksBlock .listCredits .itemCredits .lineCredits .col .name {
    font-weight: bold;
    color: #305f85;
    font-size: 16px
}
.banksBlock .listCredits .itemCredits .lineCredits .col span {
    font-size: 14px;
    color: #808080
}
.banksBlock .listCredits .itemCredits .lineCredits .col span.nomer,
.banksBlock .listCredits .itemCredits .lineCredits .col span .nomer {
    color: #333333
}
.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
    width: 332px;
    padding-left: 15px
}
.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(2) {
    width: 98px
}
.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(3) {
    width: 169px
}
.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(4) {
    width: 123px
}
.banksBlock .listCredits .itemCredits .lineCredits .col .btn {
    padding: 3px 15px;
    z-index: 4
}
.banksBlock .listCredits .itemCredits .lineCredits .col .desr {
    color: #808080;
    font-size: 16px;
    display: table
}
.banksBlock .listCredits .itemCredits .lineCredits .col .picBank {
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0 auto
}
.banksBlock .listCredits .itemCredits .lineCredits:hover:not(.open) {
    border-color: transparent !important;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25)
}
.banksBlock .listCredits .itemCredits .lineCredits:hover:not(.open)+.sub+.lineCredits {
    border-color: transparent !important
}
.banksBlock .listCredits .itemCredits .lineCredits:hover:not(.open)+.lineCredits {
    border-color: transparent !important
}
.banksBlock .listCredits .itemCredits .lineCredits:hover:not(.open) .btnFullBlue {
    color: #fff
}
.banksBlock .listCredits .itemCredits .lineCredits:hover:not(.open) .btnFullBlue:before {
    opacity: 1
}
.banksBlock .listCredits .itemCredits .lineCredits .lineOpen {
    display: none
}
.banksBlock .listCredits .itemCredits .lineCredits .openBank {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2
}
.banksBlock .listCredits .itemCredits .lineCredits .openBank.hidden {
    display: none
}
.banksBlock .listCredits .itemCredits .lineCredits .closeBank {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 7px;
    width: 15px;
    height: 16px;
    display: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.banksBlock .listCredits .itemCredits .lineCredits .closeBank:hover {
    opacity: .5
}
.banksBlock .listCredits .bottomLinkLine {
    padding: 10px 0;
    border-top: solid 1px #bfbfbf
}
.banksBlock .listCredits .bottomLinkLine a {
    text-transform: uppercase;
    font-size: 16px;
    color: #808080;
    display: table;
    margin: 0 auto;
    text-decoration: underline;
    text-decoration-color: transparent
}
.banksBlock .listCredits .bottomLinkLine a:hover {
    text-decoration-color: #808080
}
.banksBlock .listCredits+.pictureBanners {
    margin: 28px 0
}
.banksBlock .listCredits.listSimilar {
    margin-bottom: 40px
}
.banksBlock .listCredits.listSimilar .lineCredits {
    border-top: 0
}
.banksBlock .listCredits.listSimilar .lineCredits+.lineCredits {
    border-top: solid 1px #bfbfbf
}
.banksBlock .listCredits.listSimilar .lineCredits .nameMobile,
.banksBlock .listCredits.listSimilar .lineCredits .iconMobile {
    display: none
}
.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(1) {
    width: 300px;
    padding-left: 0
}
.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(2) {
    width: 230px;
    padding-right: 25px;
    padding-left: 29px
}
.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(3) {
    padding-right: 25px;
    width: 192px
}
.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(4) {
    width: 170px
}
.banksBlock .listCredits.listSimilar .titleListCredits {
    border-bottom: solid 1px #bfbfbf
}
.banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(1) {
    width: 300px;
    text-align: center;
    padding-left: 0
}
.banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(2) {
    width: 230px;
    padding-left: 29px
}
.infoBank img {
    width: 15px;
    height: 15px
}
.infoBank p,
.infoBank a,
.infoBank span {
    padding-left: 23px;
    position: relative
}
.infoBank p.adress,
.infoBank a.adress,
.infoBank span.adress {
    padding-left: 0px
}
.infoBank p img,
.infoBank a img,
.infoBank span img {
    position: absolute;
    top: 50%;
    margin: 0px;
    margin-top: -7.5px;
    left: 0px
}
.infoBank .information p img.wIcon,
.infoBank .information span img.wIcon,
.infoBank .information a img.wIcon {
    display: block
}
.infoBank .information p img.cIcon,
.infoBank .information span img.cIcon,
.infoBank .information a img.cIcon {
    display: none
}
.sliderReviewsBanks {
    position: relative;
    padding: 40px 0 25px
}
.sliderReviewsBanks .item .rewBank {
    position: relative;
    z-index: 3;
    max-width: 730px;
    margin: 0 auto
}
.sliderReviewsBanks .item .rewBank .top {
    display: table;
    margin: 0 auto
}
.sliderReviewsBanks .item .rewBank .top span {
    font-size: 24px;
    color: #305f85;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle
}
.sliderReviewsBanks .item .rewBank .top .picBank {
    display: none;
    vertical-align: middle;
    width: 205px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
	
}
.sliderReviewsBanks .item .rewBank .con {
    margin-top: 25px;
    text-align: center
}
.sliderReviewsBanks .item .rewBank .con p {
    line-height: 19px;
    color: #333333;
    font-size: 16px
}
.sliderReviewsBanks .item .rewBank .bot {
    display: table;
    margin: 20px auto 0
}
.sliderReviewsBanks .item .rewBank .bot .name {
    color: #305f85;
    font-size: 14px;
    display: inline
}
.sliderReviewsBanks .item .rewBank .bot .date {
    color: #808080;
    font-size: 14px;
    display: inline
}
.sliderReviewsBanks .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 6px
}
.sliderReviewsBanks .owl-dots .owl-dot {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: middle;
    background-color: #83b9cf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px
}
.sliderReviewsBanks .owl-dots .owl-dot+.owl-dot {
    margin-left: 10px
}
.sliderReviewsBanks .owl-dots .owl-dot:hover,
.sliderReviewsBanks .owl-dots .owl-dot.active {
    background-color: #305f85
}
.sliderReviewsBanks .owl-nav .owl-prev {
    background-image: url("../../img/arrowslider1.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 39px;
    color: transparent;
    z-index: 4;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    left: 0
}
.sliderReviewsBanks .owl-nav .owl-prev:hover {
    opacity: .5
}
.sliderReviewsBanks .owl-nav .owl-next {
    background-image: url("../../img/arrowslider2.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 39px;
    color: transparent;
    float: right;
    z-index: 4;
    top: 50%;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    margin-top: -20px;
    position: absolute;
    right: 0
}
.sliderReviewsBanks .owl-nav .owl-next:hover {
    opacity: .5
}
.oftenSearch {
    margin-top: 50px;
    border-top: solid 1px #bfbfbf;
    padding-top: 23px;
    max-width: 900px
}
.oftenSearch .tit {
    color: #305f85;
    font-weight: bold;
    font-size: 24px
}
.oftenSearch .tit+.list {
    margin-top: 14px
}
.oftenSearch .list {
    display: flex;
    width: 100%
}
.oftenSearch .list .item {
    width: calc(100% / 3)
}
.oftenSearch .list .item .name {
    color: #333333;
    font-size: 16px;
    font-weight: bold
}
.oftenSearch .list .item .name+* {
    margin-top: 11px
}
.oftenSearch .list .item ul li {
    padding-right: 5px
}
.oftenSearch .list .item ul li a {
    color: #648e9f;
    font-size: 14px;
    text-decoration: underline;
    text-decoration-color: transparent
}
.oftenSearch .list .item ul li a:hover {
    text-decoration-color: #648e9f
}
.oftenSearch.oftenFull {
    max-width: 100%;
    margin-top: 0px;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px
}
.oftenSearch.oftenFull .list .item {
    width: calc(100% / 4)
}
.bankBl {
    padding: 12px 25px;
    padding: 0px 25px 12px
}
.bankBl .infoBank {
    display: grid;
    background-image: url("../../img/bginfobank.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 35px 0px 20px;
    justify-content: space-between;
    gap: 30px;
    grid-template-rows: auto 1fr auto;
}
.bankBl .infoBank .picture {
    padding: 10px;
    width: 190px;
    height: 230px;
    border: solid 1px #fff;
    grid-row-end: 3;
    grid-row-start: 1;
}
.bankBl .infoBank .picture .pic {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 170px
}
.bankBl .infoBank .picture .link {
    padding: 5px 0
}
.bankBl .infoBank .picture .link ul {
    display: flex
}
.bankBl .infoBank .picture .link ul li {
    width: 50%;
    position: relative
}
.bankBl .infoBank .picture .link ul li:before {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 27px;
    background-color: #fff
}
.bankBl .infoBank .picture .link ul li+li:before {
    opacity: 1
}
.bankBl .infoBank .picture .link ul li a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: table;
    margin: 0 auto;
    line-height: 17px;
    padding-left: 0px
}
.bankBl .infoBank .picture .link ul li a:hover {
    color: #fac705
}
.bankBl .infoBank .information {
    width: 400px;
}
.bankBl .infoBank .title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    display: block;
    line-height: 1.2;
    grid-column-start: 2;
    grid-column-end: 4;
}
.bankBl .infoBank .information .name .drop {
    cursor: pointer;
    color: #a4d8eb;
    text-decoration: underline;
    text-decoration-color: #a4d8eb;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.bankBl .infoBank .information .name .drop:hover {
    text-decoration-color: transparent
}
.bankBl .infoBank .information .adress {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 20px
}
.bankBl .infoBank .information ul {
    margin-top: 12px;
    margin-bottom: 7px;
    min-height: 38px;
}
.bankBl .infoBank .information a {
    font-size: 16px;
    color: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 23px;
    text-decoration: underline;
    text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s
}
.bankBl .infoBank .information a+a {
    margin-left: 15px
}
.bankBl .infoBank .information a:hover {
    text-decoration-color: #fff;
    -moz-text-decoration-color: #fff
}
.bankBl .infoBank .ratingBank {
}
.bankBl .infoBank .ratingBank .tit {
    display: block;
    text-align: right;
    color: #fff;
    font-size: 16px;
    width: 100%
}
.bankBl .infoBank .ratingBank .list {
    margin-top: 5px
}
.bankBl .infoBank .ratingBank .list .line {
    padding: 4px 10px 4px 0px;
    border-right: solid 1px #fff;
    height: 25px;
    position: relative;
    background-image: url("../../img/ratingprog2.png");
    background-repeat: no-repeat;
    background-position: center
}
.bankBl .infoBank .ratingBank .list .line.step2 .prog {
    background: #4b9bb4;
    background: -moz-linear-gradient(left, #4b9bb4 0%, #387487 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #387487), color-stop(100%, #387487));
    background: -webkit-linear-gradient(left, #4b9bb4 0%, #387487 100%);
    background: -o-linear-gradient(left, #4b9bb4 0%, #387487 100%);
    background: -ms-linear-gradient(left, #4b9bb4 0%, #387487 100%);
    background: linear-gradient(to right, #4b9bb4 0%, #387487 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h7', endColorstr='$color2-h6', GradientType=1)
}
.bankBl .infoBank .ratingBank .list .line.step2 .prog:before {
    border-right-color: #4b9bb4
}
.bankBl .infoBank .ratingBank .list .line.step1 .prog {
    background: #7a972c;
    background: -moz-linear-gradient(left, #7a972c 0%, #5c7221 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #5c7221), color-stop(100%, #5c7221));
    background: -webkit-linear-gradient(left, #7a972c 0%, #5c7221 100%);
    background: -o-linear-gradient(left, #7a972c 0%, #5c7221 100%);
    background: -ms-linear-gradient(left, #7a972c 0%, #5c7221 100%);
    background: linear-gradient(to right, #7a972c 0%, #5c7221 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color6-h1', endColorstr='$color6-h3', GradientType=1)
}
.bankBl .infoBank .ratingBank .list .line.step1 .prog:before {
    border-right-color: #7a972c
}
.bankBl .infoBank .ratingBank .list .line.step3 .prog {
    background: #fac605;
    background: -moz-linear-gradient(left, #fac605 0%, #b47604 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fac605), color-stop(100%, #083556));
    background: -webkit-linear-gradient(left, #fac605 0%, #b47604 100%);
    background: -o-linear-gradient(left, #fac605 0%, #b47604 100%);
    background: -ms-linear-gradient(left, #fac605 0%, #b47604 100%);
    background: linear-gradient(to right, #fac605 0%, #b47604 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color4-h4', endColorstr=' $color4-h5', GradientType=1)
}
.bankBl .infoBank .ratingBank .list .line.step3 .prog:before {
    border-right-color: #fac605
}
.bankBl .infoBank .ratingBank .list .line.step4 .prog {
    background: #bb4512;
    background: -moz-linear-gradient(left, #bb4512 0%, #9e3a0f 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #9e3a0f), color-stop(100%, #9e3a0f));
    background: -webkit-linear-gradient(left, #bb4512 0%, #9e3a0f 100%);
    background: -o-linear-gradient(left, #bb4512 0%, #9e3a0f 100%);
    background: -ms-linear-gradient(left, #bb4512 0%, #9e3a0f 100%);
    background: linear-gradient(to right, #bb4512 0%, #9e3a0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color7-h3', endColorstr='  $color7', GradientType=1)
}
.bankBl .infoBank .ratingBank .list .line.step4 .prog:before {
    border-right-color: #bb4512
}
.bankBl .infoBank .ratingBank .list .line .prog {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s
}
.bankBl .infoBank .ratingBank .list .line .prog:not(.done) {
    width: 0px !important
}
.bankBl .infoBank .ratingBank .list .line .prog:before {
    content: "";
    position: absolute;
    left: -13px;
    top: 0;
    border-top: solid 12px transparent;
    border-left: solid 1px transparent;
    border-right: solid 12px #000;
    border-bottom: solid 12px transparent
}
.bankBl .infoBank .ratingBank .list .line .name {
    color: #fff;
    font-size: 12px;
    float: left;
    position: relative;
    z-index: 2
}
.bankBl .infoBank .ratingBank .list .line .count {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    float: right;
    position: relative;
    z-index: 2
}
.bankBl .infoBank .ratingBank .list .line+.line {
    margin-top: 3px
}
.bankBl .infoBank .menuinBank {
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: 20px;
    padding: 10px 0;
    grid-column-start: 1;
    grid-column-end: 4;
}
.bankBl .infoBank .menuinBank:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    width: calc(100% + 54px);
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: -1
}
.bankBl .infoBank .menuinBank ul {
    display: flex;
    justify-content: space-around
}
.bankBl .infoBank .menuinBank ul li a {
    color: #fff;
    font-size: 16px
}
.bankBl .infoBank .menuinBank ul li a.active {
    color: #648e9e;
    font-weight: bold
}
.bankBl .infoBank .menuinBank ul li a:hover {
    color: #648e9e
}
.bankBl>.textBlock {
    padding: 24px 31px 0px
}
.bankBl .banksBlock {
    padding: 0
}
.bankBl .discussion {
    padding: 19px 0 20px 30px
}
.bankBl .discussion .textBlock p {
    font-size: 14px
}
.bankBl .discussion .textBlock p+* {
    margin-top: 0
}
.bankBl .textBlock+.tableCourse {
    margin-top: 53px
}
.bankBl .pictureBanners+.filterCourse {
    margin-top: 30px
}
.bankBl .filterCourse+.tableCourse,
.bankBl .filterCourse+.banksBlock {
    margin-top: 35px
}
.bankBl .filterCourse+.titpaddLeft {
    margin-top: 22px
}
.mapBank .titleVertical+* {
    margin-top: 15px
}
.mapBank .mapBankBl {
    position: relative;
    width: 100%;
    height: 313px;
    z-index: 2
}
.mapBank .mapBankBl .in {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.mapBank .mapBankBl .in ul {
    position: absolute;
    bottom: -6px;
    /*left: 10px;*/
    width: 100%;
    display: flex;
   /* width: calc(100% - 20px);*/
    background-color: rgba(49, 105, 128, 0.75);
    padding: 1px 7px
}
.mapBank .mapBankBl .in ul li {
    width: 50%
}
.mapBank .mapBankBl .in ul li span {
    color: #fff;
    font-size: 16px;
    display: table;
    margin: 0 auto
}
.mapBank .mapBankBl .in ul li span b {
    font-size: 20px
}
.mapBank .mapBankBl .in:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /*width: calc(100% - 20px);
    height: calc(100% - 20px);*/
width:100%;
height:100%;
    border: solid 10px rgba(49, 105, 128, 0.75);
    pointer-events: none
}
.mapBank .mapBankBl .in .map {
    z-index: -1
}
.mapBank+.creditApplic {
    margin-top: 27px
}
.prodServBank {
    margin-top: 19px
}
.prodServBank .listProd {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}
.prodServBank .listProd .item {
    cursor: pointer;
    width: calc(50% - 10px)
}
.prodServBank .listProd .item .in {
    padding: 15px 30px;
    height: 96px;
    margin-bottom: 1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative
}
.prodServBank .listProd .item .in:hover {
    background: #4b9bb4
}
.prodServBank .listProd .item .in:hover .name,
.prodServBank .listProd .item .in:hover .txt {
    color: #fff
}
.prodServBank .listProd .item .in:hover:before {
    opacity: 0
}
.prodServBank .listProd .item .in:before {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(left, #fff 0%, #e5e5e5 100%);
    background: linear-gradient(to right, #fff 0%, #e5e5e5 100%)
}
.prodServBank .listProd .item .in .name {
    color: #305f85;
    font-size: 24px;
    font-weight: bold;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.prodServBank .listProd .item .in .txt {
    color: #305f85;
    font-size: 14px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.prodServBank .listProd .item .in img {
    position: absolute;
    right: 28px;
    top: 50%;
    height: 68px;
    margin-top: -34px;
    display: block;
    opacity: 0.7
}
.prodServBank .textBlock {
    margin-top: 21px;
    padding: 12px 10px 12px 26px;
    border-top: solid 1px #bfbfbf
}
.prodServBank .infoBotBank {
    margin-top: 30px;
    padding-left: 30px
}
.prodServBank .infoBotBank ul li span {
    font-size: 16px;
    font-style: italic
}
.prodServBank .infoBotBank ul li span b {
    font-style: normal;
    color: #305f85
}
.prodServBank .infoBotBank ul li+li {
    margin-top: 15px
}
.prodServBank .lineRatings {
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    height: inherit;
    margin-top: 35px;
    padding: 21px 30px 40px
}
.prodServBank .lineRatings .tit {
    font-size: 24px;
    padding-left: 0
}
.prodServBank .sliderReviewsBanks {
    padding-bottom: 47px
}
.prodServBank .bannerLine {
    padding: 23px 0
}
.prodServBank .newBl {
    padding: 34px 30px
}
.prodServBank .newBl .tit {
    font-size: 24px;
    color: #305f85;
    font-weight: bold;
    padding-left: 0;
    border-bottom-width: 3px
}
.prodServBank .newBl .listNews {
    margin-top: 18px
}
.prodServBank .newBl .listNews .new+.new {
    margin-top: 28px
}
.prodServBank .newBl .linksBot .btn {
    display: table;
    margin: 31px auto 0
}
.linkSocial {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px
}
.linkSocial:hover {
    opacity: .5
}
.lineRatings {
    height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    position: relative;
    overflow: hidden
}
.lineRatings .tit {
    font-size: 16px;
    color: #305f85;
    font-weight: bold
}
.lineRatings .listRatings {
    width: 100%;
    margin-top: 15px
}
.lineRatings .listRatings .line {
    display: flex;
    width: 100%;
    max-width: 651px;
    position: relative
}
.lineRatings .listRatings .line .place {
    color: #fff;
    font-size: 12px
}
.lineRatings .listRatings .line .numer {
    color: #808080;
    font-size: 14px;
    width: 168px;
    text-align: center
}
.lineRatings .listRatings .line .txt {
    font-size: 14px;
    color: #333333;
    text-align: right;
   /* width: 135px*/
}
.lineRatings .listRatings .line+.line {
    margin-top: 3px
}
.lineRatings .listRatings .line .progRating {
    position: relative;
    width: 298px;
    height: 25px;
    z-index: 3;
    padding: 0 6px;
    line-height: 20px
}
.lineRatings .listRatings .line .progRating .lineProg {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 2px);
    z-index: -1;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s
}
.lineRatings .listRatings .line .progRating .lineProg:not(.done) {
    width: 0px !important
}
.lineRatings .listRatings .line .progRating .lineProg.step2 {
    background: #387487;
    background: -moz-linear-gradient(left, #387487 0%, #4b9bb4 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #387487), color-stop(100%, #4b9bb4));
    background: -webkit-linear-gradient(left, #387487 0%, #4b9bb4 100%);
    background: -o-linear-gradient(left, #387487 0%, #4b9bb4 100%);
    background: -ms-linear-gradient(left, #387487 0%, #4b9bb4 100%);
    background: linear-gradient(to right, #387487 0%, #4b9bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h6', endColorstr=' $color2-h7', GradientType=1)
}
.lineRatings .listRatings .line .progRating .lineProg.step1 {
    background: #5c7221;
    background: -moz-linear-gradient(left, #5c7221 0%, #7a972c 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #5c7221), color-stop(100%, #7a972c));
    background: -webkit-linear-gradient(left, #5c7221 0%, #7a972c 100%);
    background: -o-linear-gradient(left, #5c7221 0%, #7a972c 100%);
    background: -ms-linear-gradient(left, #5c7221 0%, #7a972c 100%);
    background: linear-gradient(to right, #5c7221 0%, #7a972c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color6-h3', endColorstr=' $color6-h1', GradientType=1)
}
.lineRatings .listRatings .line .progRating .lineProg.step1:after {
    border-left-color: #7a972c
}
.lineRatings .listRatings .line .progRating .lineProg.step3 {
    background: #b47604;
    background: -moz-linear-gradient(left, #b47604 0%, #fac605 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fac605), color-stop(100%, #4b9bb4));
    background: -webkit-linear-gradient(left, #b47604 0%, #fac605 100%);
    background: -o-linear-gradient(left, #b47604 0%, #fac605 100%);
    background: -ms-linear-gradient(left, #b47604 0%, #fac605 100%);
    background: linear-gradient(to right, #b47604 0%, #fac605 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color4-h5', endColorstr=' $color4-h4', GradientType=1)
}
.lineRatings .listRatings .line .progRating .lineProg.step3:after {
    border-left-color: #fac605
}
.lineRatings .listRatings .line .progRating .lineProg.step4 {
    background: #9e3a0f;
    background: -moz-linear-gradient(left, #9e3a0f 0%, #bb4512 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #9e3a0f), color-stop(100%, #bb4512));
    background: -webkit-linear-gradient(left, #9e3a0f 0%, #bb4512 100%);
    background: -o-linear-gradient(left, #9e3a0f 0%, #bb4512 100%);
    background: -ms-linear-gradient(left, #9e3a0f 0%, #bb4512 100%);
    background: linear-gradient(to right, #9e3a0f 0%, #bb4512 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color7', endColorstr='  $color7-h3', GradientType=1)
}
.lineRatings .listRatings .line .progRating .lineProg.step4:after {
    border-left-color: #bb4512
}
.lineRatings .listRatings .line .progRating .lineProg:after {
    content: "";
    position: absolute;
    right: -17px;
    top: 0;
    z-index: -1;
    border-top: solid 11px transparent;
    border-right: solid 5px transparent;
    border-left: solid 12px #4b9bb4;
    border-bottom: solid 12px transparent
}
.lineRatings .listRatings .line .progRating .lineProg:before {
    content: "";
    position: absolute;
    right: -27px;
    top: -2px;
    width: 27px;
    height: 26px;
    background-image: url("../../img/arrowprograting.png");
    background-repeat: no-repeat;
    z-index: 2
}
.lineRatings .listRatings .line .progRating:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../../img/ratingprog.png");
    width: 323px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: -1
}
.lineRatings .btn {
    position: absolute;
    right: 4px;
    top: 45px;
    padding: 3px 36px
}
.bannerLine {
    padding: 8px 0;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf
}
.titpaddLeft {
    width: 100%;
    color: #305f85;
    font-size: 24px;
    font-weight: bold;
    padding-left: 28px
}
.titpaddLeft+.listCredits {
    margin-top: 23px
}
.titpaddLeft+.banksBlock {
    margin-top: 28px
}
.titpaddLeft .dropBl {
    text-decoration: underline;
    color: #648e9e
}
.cardBl {
    padding: 18px 0 42px
}
.listCards {
    margin-top: 6px;
    border: solid 1px #bfbfbf
}
.listCards .itemCard .nameCard {
    padding: 4px 29px;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    background: #35738a;
    background: -moz-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #35738a), color-stop(100%, #23425b));
    background: -webkit-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -o-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: -ms-linear-gradient(left, #35738a 0%, #23425b 100%);
    background: linear-gradient(to right, #35738a 0%, #23425b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4-a2', endColorstr=' $textColor1-h1', GradientType=1)
}
.listCards .itemCard .line {
    display: flex;
    padding: 6px 0 0
}
.listCards .itemCard .line:hover .picCard .pic {
    left: -10px;
    top: -10px;
    -webkit-box-shadow: 25px 25px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 25px 25px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 25px 25px 15px 0px rgba(0, 0, 0, 0.25)
}
.listCards .itemCard .line .picCard {
    width: 300px;
    height: 215px;
    /*display: flex;*/
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}
.listCards .itemCard .line .picCard .pic {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    width: 240px;
    height: 155px;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25)
}
.listCards .itemCard .line .infoCard {
	padding-right:10px;
    width: 635px;
padding-bottom:10%;
}
.listCards .itemCard .line .infoCard .desr {
    color: #808080;
    font-size: 12px;
    display: block
}
.listCards .itemCard .line .infoCard .name {
    color: #305f85;
    font-size: 20px;
    font-weight: bold;
    display: block;
    height: 60px
}
.listCards .itemCard .line .infoCard ul li {
    padding-left: 0px;
    color: #808080;
    font-size: 12px
}
.listCards .itemCard .line .infoCard ul li img {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    margin-right: 10px;
    position: relative;
    top: -2px
}
.listCards .itemCard .line .infoCard ul li b {
    color: #333333;
    font-weight: normal;
    font-size: 16px
}
.listCards .itemCard .line .infoCard ul li+li {
    margin-top: 7px
}
.listCards .itemCard .line .link {
    padding-top: 20px;
	padding-bottom: 30px;
}
.listCards .itemCard .line+.line {
    border-top: solid 1px #bfbfbf
}
.listCards .botTableLink {
    border-top: solid 1px #bfbfbf
}
.widthFilter{
display:block;
max-width:200px;
}
.filterBl {
    display: flex;
    padding: 12px 0;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    margin: 22px 0
}
.filterBl .forma {
    width: 55%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 30px
}
.filterBl .forma .inputLine {
    width: 200px
}
.filterBl .forma .inputLine+.inputLine {
    margin-top: 0
}
.filterBl .formaChek {
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    width: 239px;
    margin-left: 100px;
    justify-content: space-between
}
.filterBl .formaChek .chekBl label {
    font-size: 16px
}
.filterBl.filterPaymentCards .forma {
    padding-top: 0px;
    width: calc(100% - 30px)
}
.filterBl.filterPaymentCards .formaChek {
    display: block;
    margin-left: 0;
    padding-left: 45px
}
.filterBl.filterPaymentCards .formaChek .chekBl+.chekBl {
    margin-top: 10px
}
.botTableLink {
    padding: 10px 0
}
.botTableLink .txt {
    cursor: pointer;
    color: #808080;
    font-size: 16px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.botTableLink .txt:hover {
    text-decoration-color: #808080
}
.mapsInfoBlock .filterBl {
    border: 0;
    padding: 6px 0 0px
}
.mapBlock {
    clear: both;
    width: 100%;
    height: 766px;
    position: relative
}
.mapBlock .searchMapBl {
    position: absolute;
    right: 25px;
    top: 21px;
    width: 300px
}
.mapBlock .searchMapBl .lineSerchMap {
    position: relative;
    border: solid 1px #bfbfbf;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
}
.mapBlock .searchMapBl .lineSerchMap input {
    width: 100%;
    background-color: #fff;
    color: #333333;
    border: 0;
    padding: 0 32px;
    font-size: 16px;
    height: 37px;
    border: solid 1px #bfbfbf
}
.mapBlock .searchMapBl .lineSerchMap input:focus {
    border: solid 1px #305f85
}
.mapBlock .searchMapBl .lineSerchMap .point {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    display: block
}
.mapBlock .searchMapBl .lineSerchMap .btn {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7.5px
}
.mapBlock .searchMapBl .lineSerchMap .btn:hover {
    opacity: .5
}
.mapBlock .searchMapBl .listSearchMap {
    position: relative;
    margin-top: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    height: 711px;
    overflow: hidden;
    border: solid 1px #bfbfbf;
    background-color: #fff;
    display: none
}
.mapBlock .searchMapBl .listSearchMap.open {
    display: block
}
.mapBlock .searchMapBl .listSearchMap .listBanks {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 711px;
    overflow: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.mapBlock .searchMapBl .listSearchMap .line {
    cursor: pointer;
    padding: 7px 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.mapBlock .searchMapBl .listSearchMap .line .name {
    color: #305f85;
    font-size: 16px;
    font-weight: bold;
    display: table
}
.mapBlock .searchMapBl .listSearchMap .line .adress {
    color: #333333;
    font-size: 14px;
    display: table;
    height: 37px;
    line-height: 25px
}
.mapBlock .searchMapBl .listSearchMap .line .timeWork {
    color: #648e9e;
    font-size: 12px
}
.mapBlock .searchMapBl .listSearchMap .line+.line {
    border-top: solid 1px #bfbfbf
}
.mapBlock .searchMapBl .listSearchMap .line:hover {
    background-color: rgba(0, 0, 0, 0.1)
}
.mapBlock .searchMapBl .listSearchMap .line.active .fullBankMap {
    display: block
}
.mapBlock .searchMapBl .listSearchMap .fullbank {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap.active {
    display: block
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap>div {
    padding: 6px 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap>div+div {
    border-top: solid 1px #bfbfbf
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic {
    position: relative;
    width: 100%;
    height: 155px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../../img/shadowpicfuulbank.png");
    background-repeat: repeat-x;
    width: 100%;
    height: 48px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .back {
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    background-image: url("../../img/arrowleft.png");
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 5;
    position: absolute;
    left: 5px;
    top: -2px;
    padding: 5px 0 5px 23px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .back:hover {
    opacity: .5
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .close {
    outline: none;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    z-index: 5
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .close span {
    display: table;
    width: 22px;
    height: 1px;
    background-color: #f0f4f6;
    margin-bottom: 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    top: 15px;
    left: 50%;
    margin-left: -12px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .close span:nth-child(2) {
    opacity: 0
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .close span:last-child {
    margin-bottom: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -39px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .pic .close:hover {
    opacity: .5
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoTxt {
    padding-bottom: 25px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoTxt .name {
    color: #305f85;
    font-size: 16px;
    font-weight: bold;
    display: table
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoTxt .desr {
    color: #333333;
    font-size: 12px;
    display: table
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap img {
    width: 15px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 1px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap div:not(.infoBot) p,
.mapBlock .searchMapBl .listSearchMap .fullBankMap div:not(.infoBot) a {
    padding-left: 25px;
    position: relative
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap a,
.mapBlock .searchMapBl .listSearchMap .fullBankMap li,
.mapBlock .searchMapBl .listSearchMap .fullBankMap p,
.mapBlock .searchMapBl .listSearchMap .fullBankMap span {
    position: relative
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoWork {
    position: relative
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoWork span {
    color: #808080;
    font-size: 14px;
    display: block
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone {
    position: relative;
    padding: 7px 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone .more {
    cursor: pointer;
    color: #648e9e;
    font-size: 14px;
    position: absolute;
    right: 17px;
    top: 9px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone .more:before {
    display: none
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone .more:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    border-top: solid 0px #648e9e;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
    border-bottom: solid 4px #648e9e;
    margin-top: -2px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone ul li {
    background-position: left center;
    background-repeat: no-repeat
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone ul li a {
    color: #808080;
    font-size: 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone ul li a:hover {
    color: #305f85
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoPhone ul li+li {
    margin-top: -5px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoAdress {
    padding: 12px 0 16px 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoAdress p {
    color: #808080;
    font-size: 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoSite {
    padding: 12px 0 16px 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoSite a {
    color: #305f85;
    font-size: 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoSite a:hover {
    color: #808080
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoMail {
    padding: 12px 0 16px 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoMail a {
    color: #808080;
    font-size: 14px
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoMail a:hover {
    color: #305f85
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoBtn {
    padding: 29px 0
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoBtn .btn {
    margin: 0 auto
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoBot {
    padding: 10px 0
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoBot a {
    font-size: 14px;
    text-transform: uppercase;
    color: #808080;
    display: table;
    margin: 0 auto
}
.mapBlock .searchMapBl .listSearchMap .fullBankMap .infoBot a:hover {
    text-decoration: underline
}
.mapBlock .searchMapBl .listSearchMap.active .listBanks {
    left: -100%;
    position: absolute
}
.mapBlock .searchMapBl .listSearchMap.active .fullbank {
    left: 0
}
.bankNews {
    padding: 21px 0px 21px 30px
}
.bankNews .titpaddLeft {
    padding-left: 0
}
.bankNews .newBl {
    margin-top: 17px
}
.bestCursWrapp {
    position: relative
}
.bestCurs {
    display: block;
    color: #991919;
    font-size: 12px;
    position: absolute;
    left: -26px;
    text-transform: uppercase;
    bottom: calc(50% - 7px);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.bestCurs:before {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: "";
    position: absolute;
    width: 1px;
    height: 97px;
    left: 30px;
    top: -25px;
    background-repeat: no-repeat;
    background-image: url("../../img/linegradient.png")
}
.tableCourse.courseBank {
    margin-bottom: 34px
}
.tableCourse.courseBank .table .thead .tr .td:first-child {
    width: 226px
}
.tableCourse.courseBank .table .thead .tr .td:nth-child(2) {
    width: 200px
}
.tableCourse.courseBank .table .thead .tr .td:nth-child(3) {
    width: 165px
}
.tableCourse.courseBank .table .thead .tr .td:nth-child(4) {
    width: 165px
}
.tableCourse.courseBank .table .tbody .tr .td {
    padding: 26px 0
}
.tableCourse .table {
    display: table;
    width: 100%;
    border: solid 1px #bfbfbf
}
.tableCourse .table+.lineOtherCountry {
    border: solid 1px #bfbfbf;
    border-top: 0
}
.tableCourse .table .thead {
    display: table-row-group
}
.tableCourse .table .thead .tr {
    display: table-row
}
.tableCourse .table .thead .tr .td {
    cursor: pointer;
    padding: 12px 0;
    color: #808080;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle
}
.tableCourse .table .thead .tr .td:first-child {
    width: 98px
}
.tableCourse .table .thead .tr .td:nth-child(2) {
    width: 230px
}
.tableCourse .table .thead .tr .td:hover {
    text-decoration: underline
}
.tableCourse .table .trGroup {
    display: table-row-group
}
.tableCourse .table .tbody {
    display: table-row-group
}
.tableCourse .table .tbody .tr {
    position: relative;
    display: table-row
}
.tableCourse .table .tbody .tr .td {
    position: relative;
    padding: 34px 0;
    border-top: solid 1px #bfbfbf;
    display: table-cell;
    vertical-align: middle
}
.tableCourse .table .tbody .tr .td img {
    display: table;
    margin: 0 auto
}
.tableCourse .table .tbody .tr .td .znak {
    color: #bfbfbf;
    font-size: 20px;
    display: block;
    text-align: center
}
.tableCourse .table .tbody .tr .td .name {
    font-size: 20px;
    color: #305f85;
    font-weight: bold
}
.tableCourse .table .tbody .tr .td .desr {
    display: block;
    color: #808080
}
.tableCourse .table .tbody .tr:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 5
}
.tableCourse .table .tbody .tr.best .bestCurs {
    display: block
}
.tableCourse .botTableLink {
    border: solid 1px #bfbfbf;
    border-top: 0
}
.tableCourse+.pictureBanners {
    margin-top: 30px
}
.lineOtherCountry {
    padding: 11px 29px
}
.lineOtherCountry .text {
    color: #808080;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}
.lineOtherCountry ul {
    display: inline-block;
    vertical-align: middle
}
.lineOtherCountry ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 17px
}
.lineOtherCountry ul li:before {
    content: "";
    position: absolute;
    right: -9px;
    margin-top: -4px;
    top: 50%;
    width: 1px;
    height: 50%;
    background-color: #648e9e
}
.lineOtherCountry ul li a {
    color: #648e9e;
    font-size: 16px
}
.lineOtherCountry ul li a:hover {
    color: #305f85
}
.lineOtherCountry ul li a.active {
    color: #305f85
}
.lineOtherCountry ul li:last-child {
    margin-right: 0px
}
.lineOtherCountry ul li:last-child:before {
    display: none
}
.filterCourse {
    background-image: url("../../img/bgfiltercourse.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 23px 30px 32px;
    position: relative
}
.filterCourse .tit {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}
.filterCourse .tit .drop {
    cursor: pointer;
    color: #98b4bf;
    text-decoration: underline;
    text-decoration-color: #98b4bf;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.filterCourse .tit .drop:hover {
    text-decoration-color: transparent
}
.filterCourse .lineFilter {
    margin-top: 30px
}
.filterCourse .lineFilter .forma {
    display: flex
}
.filterCourse .lineFilter .forma .inputLine .selectric-wrapper {
    padding-bottom: 5px;
    border-bottom-color: rgba(255, 255, 255, 0.5)
}
.filterCourse .lineFilter .forma .inputLine .selectric-wrapper .label {
    color: #fff
}
.filterCourse .lineFilter .forma .inputLine .selectric-wrapper .button:after {
    border-top-color: #fff
}
.filterCourse .lineFilter .forma .inputLine:first-child .selectric-wrapper {
    width: 170px
}
.filterCourse .lineFilter .forma .inputLine:last-child .selectric-wrapper {
    width: 170px
}
.filterCourse .lineFilter .forma .inputLine+.inputLine {
    margin-top: 0;
    margin-left: 30px
}
.filterCourse .iconCalc {
    cursor: pointer;
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: none
}
.filterCourse .iconCalc span:not([class*='icon']) {
    display: none;
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin-left: 13px
}
.filterCourse .iconCalc span:not([class*='icon']):nth-child(1) {
    margin-top: 22px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.filterCourse .iconCalc span:not([class*='icon']):nth-child(2) {
    margin-top: -2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.filterCourse .iconCalc [class*='icon'] {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 50px;
    margin-top: 0px;
    color: #98b4bf
}
.filterCourse .iconCalc.selected [class*='icon'] {
    display: none
}
.filterCourse .btn {
    color: #fff;
    display: none
}
.filterCourse .btn:hover {
    background-color: #fff;
    color: #000
}
.filterCredits {
    position: relative;
    background-image: url("../../img/bgcredits.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 23px 30px 30px
}
.filterCredits .tit {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}
.filterCredits .tit .drop {
    cursor: pointer;
    color: #98b4bf;
    text-decoration: underline;
    text-decoration-color: #98b4bf;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.filterCredits .tit .drop:hover {
    text-decoration-color: transparent
}
.filterCredits .lineRanges {
    margin-top: 33px;
    display: flex
}
.filterCredits .lineRanges .range {
    width: 300px
}
.filterCredits .lineRanges .range.rangeMoung .textCour {
    margin-left: 46px
}
.filterCredits .lineRanges .range.rangeMoung .irs-single {
    left: 62px !important;
    top: -15px;
    width: 35px
}
.filterCredits .lineRanges .range.rangeMoung .irs-max,
.filterCredits .lineRanges .range.rangeMoung .irs-min {
    display: none
}
.filterCredits .lineRanges .range.rangeMoung .irs-grid {
    bottom: 14px;
    left: 10px !important
}
.filterCredits .lineRanges .range.rangeMoung .irs-grid .irs-grid-text {
    font-size: 12px;
    color: #fff
}
.filterCredits .lineRanges .range+.range {
    margin-left: 35px
}
.filterCredits .lineChek {
    margin-top: 22px;
    display: flex
}
.filterCredits .lineChek .chekBl label {
    color: #fff;
    font-size: 16px
}
.filterCredits .lineChek .chekBl label:before {
    border-color: #fff
}
.filterCredits .lineChek .chekBl label:after {
    background-color: #fac705
}
.filterCredits .lineChek .chekBl+.chekBl {
    margin-left: 35px
}
.filterCredits .btn {
    position: absolute;
    right: 15px;
    bottom: 25px;
    color: #fff;
    padding: 3px 46px;
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    z-index: 1;
    overflow: hidden
}
.filterCredits .btn:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    background: #ffca00;
    background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: linear-gradient(to right, #ffca00 0%, #fce760 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.filterCredits .btn:hover {
    border-color: transparent;
    background: transparent;
    color: #083556
}
.filterCredits .btn:hover:before {
    opacity: 1
}
.filterCredits .iconCalc {
    cursor: pointer;
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: none
}
.filterCredits .iconCalc span:not([class*='icon']) {
    display: none;
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin-left: 13px
}
.filterCredits .iconCalc span:not([class*='icon']):nth-child(1) {
    margin-top: 22px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.filterCredits .iconCalc span:not([class*='icon']):nth-child(2) {
    margin-top: -2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.filterCredits .iconCalc [class*='icon'] {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 50px;
    margin-top: 0px;
    color: #98b4bf
}
.filterCredits .iconCalc.selected [class*='icon'] {
    display: none
}
.filterCredits+.banksBlock {
    margin-top: 20px
}
.range {
    width: 369px
}
.range .textSum {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 6px
}
.range .textCour {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 6px;
    margin-left: 120px
}
.range .irs {
    margin-top: -16px
}
.range .irs-grid-pol {
    background: transparent
}
.range .irs-line {
    height: 3px;
    background-color: rgba(255, 255, 255, 0.5)
}
.range .irs-max,
.range .irs-min {
    top: 33px;
    font-size: 12px;
    color: #fff;
    visibility: visible !important;
    background: transparent
}
.range .irs-single {
    font-size: 24px;
    color: #ffca00;
    background-color: rgba(8, 53, 86, 0.5);
    left: 52px !important;
    top: -15px;
    width: 112px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}
.range .irs-slider {
    background-image: url("../../img/rangedisk.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    top: 16px;
    cursor: pointer
}
.val {
    color: #333333;
    font-size: 16px;
    position: relative
}
.val:before {
    content: "";
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -3px
}
.val.bot:before {
    border-top: solid 5px #ff0000;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 0px #ff0000
}
.val.top:before {
    border-top: solid 0px #00a651;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 5px #00a651
}
.menubutt {
    display: none;
    width: 27px;
    height: 19px;
    background: transparent;
    border: 0
}
.menubutt span {
    background-color: #fff;
    width: 100%;
    height: 2px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.menubutt span+span {
    margin-top: 5px
}
.menubutt.selected span:first-child {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px
}
.menubutt.selected span:nth-child(2) {
    opacity: 0
}
.menubutt.selected span:last-child {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -9px
}
.desrMobile {
    display: none
}
.sortBl {
    display: none;
    text-align: right;
    z-index: 5;
    position: relative;
    padding-right: 25px
}
.sortBl .txt {
    color: #808080;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1px
}
.sortBl .listSort {
    display: inline-block;
    vertical-align: middle;
    position: relative
}
.sortBl .listSort .val {
    cursor: pointer;
    color: #808080;
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    line-height: 23px
}
.sortBl .listSort .val:before {
    content: "";
    position: absolute;
    right: -13px;
    margin-top: -1px;
    top: 50%;
    border-top: solid 3px #808080;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
    border-bottom: solid 0px transparent
}
.sortBl .listSort:hover .list {
    display: block
}
.sortBl .listSort:hover .list:hover {
    display: block
}
.sortBl .listSort .list {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: calc(100% + 40px);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
    right: -15px
}
.sortBl .listSort .list .item {
    color: #808080;
    font-size: 12px
}
.sortBl .listSort .list .item>* {
    color: #808080;
    font-size: 12px
}
.sortBl .listSort .list .item+.item {
    margin-top: 5px
}
.menuBl {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: solid 1px #bfbfbf
}
.menuBl:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    background-image: url("../../img/arrowlinktop1.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 19px;
    height: 10px;
    background-color: #fff
}
.menuBl .listSubFirsh {
    background: transparent;
    border: 0;
    width: calc(50% / 2);
    padding: 0;
    margin: 0;
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #e6e6e6;
    min-height: 288px
}
.menuBl .listSubFirsh .line {
    float: none;
    margin: 0;
    padding: 0
}
/*.menuBl .listSubFirsh .line:nth-child(6) a{border-bottom:0}*/
.menuBl .listSubFirsh .line.ui-tabs-active .linkIcon {
    background-color: #958a83;
    border-bottom-color: #958a83
}
.menuBl .listSubTwo {
    min-height: 288px;
    width: calc(50% / 2);
    border-right: solid 1px #bfbfbf;
    border-bottom: solid 1px #e6e6e6;
    position: relative;
    overflow: hidden
}
.menuBl .listSubTwo .lineSearchSub {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-bottom: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6
}
.menuBl .listSubTwo .lineSearchSub input {
    border: 0;
    background: transparent;
    color: #648e9e;
    font-size: 16px;
    padding: 12px 54px 13px;
    width: 100%
}
.menuBl .listSubTwo .lineSearchSub input:focus {
    color: #387487
}
.menuBl .listSubTwo .lineSearchSub button {
    background: transparent;
    cursor: pointer;
    position: absolute;
    left: 25px;
    top: 50%;
    background-image: url("../../img/ic-search.png");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -8px
}
.menuBl .listSubTwo .lineSearchSub button:hover {
    opacity: .5
}
.menuBl .listSubTwo .lineList {
    width: calc(100% + 17px);
    height: 239px;
    margin-top: 48px;
    position: relative;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-shadow: inset 0px -35px 50px -50px #000;
    -moz-box-shadow: inset 0px -35px 50px -50px #000;
    box-shadow: inset 0px -35px 50px -50px #000
}
@media (max-width:1199px) {
    .menuBl .listSubTwo .lineList {
        width: 100%
    }
}
.menuBl .listSubTwo .lineList .line:last-child .linkIcon {
    border-bottom: 0
}
.menuBl .listSubTwo .line.active .linkIcon {
    background-color: #4b9ab3
}
.menuBl .listSubTwo .line .linkIcon {
    color: #333333;
    background-position: 20px center
}
.menuBl .listSubTwo .line .linkIcon:hover {
    background-color: #4b9bb4;
    color: #fff
}
/*.menuBl .listSubTwo .line:nth-child(6) a{border-bottom:0}*/
.menuBl .line {
    position: relative
}
.menuBl .line .curBl {
    position: absolute;
    left: 0;
    top: 0;
    left: 25px;
    top: 50%;
    font-size: 18px;
    color: #bfbfbf;
    margin-top: -13px;
    z-index: 5
}
.menuBl .line.ui-tabs-active .linkIcon {
    color: #fff !important
}
.menuBl .line.ui-tabs-active .linkIcon,
.menuBl .line.active .linkIcon {
    color: #fff !important
}
.menuBl .line.ui-tabs-active .linkIcon [class*='icon'],
.menuBl .line.active .linkIcon [class*='icon'] {
    color: #fff !important
}
.menuBl .line.ui-tabs-active .linkIcon:before,
.menuBl .line.active .linkIcon:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    border-top: solid 9px transparent;
    border-right: solid 9px #fff;
    border-left: solid 0px transparent;
    border-bottom: solid 9px transparent;
    margin-top: -9px
}
.menuBl .line.ui-tabs-active .curBl,
.menuBl .line.active .curBl {
    color: #fff
}
.menuBl .linkIcon {
    position: relative;
    color: #333333;
    background: transparent;
    display: block;
    font-size: 16px;
    padding: 11px 13px 11px 56px;
    background-position: 25px center;
    background-repeat: no-repeat;
    border-bottom: solid 1px #e6e6e6
}
.menuBl .linkIcon [class*='icon'] {
    display: block;
    position: absolute;
    height: 100%;
    width: 56px;
    top: 0px;
    left: 0px;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
    color: #968b84
}
.menuBl .linkIcon:hover {
    background-color: #d9d9d9
}
.menuBl .linkIcon:hover [class*='icon'] {
    color: #fff
}
.menuBl .statFormaMenu {
    width: 50%
}
.menuBl .statFormaMenu .infBanksMenu .pic {
    width: 100%;
    height: 203px;
    background-position: center;
    background-repeat: no-repeat
}
.menuBl .statFormaMenu .infBanksMenu .links ul {
    display: flex;
    flex-wrap: wrap;
    border-top: solid 1px #e6e6e6
}
.menuBl .statFormaMenu .infBanksMenu .links ul li {
    width: calc(100% / 5)
}
.menuBl .statFormaMenu .infBanksMenu .links ul li a {
    padding: 12.25px 0 12.25px;
    min-height: 47.5px;
    display: block;
    text-align: center;
    color: #333333;
    font-size: 16px;
    border-bottom: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6
}
.menuBl .statFormaMenu .infBanksMenu .links ul li a:hover {
    background-color: #fac705
}
.menuBl .statFormaMenu .cursMaps {
    position: relative
}
.menuBl .statFormaMenu .cursMaps .cursFont {
    position: absolute;
    right: 17px;
    top: 0;
    font-size: 150px;
    color: #f0f4f6;
    line-height: 120px;
    top: -7px
}
.menuBl .statFormaMenu .cursMaps .listCursMap {
    display: flex
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item {
    width: calc(100% / 3);
    padding: 21px 5px 13px 29px
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .tit {
    color: #808080;
    font-size: 12px
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val {
    position: relative;
    display: block;
    color: #333333
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val .val-count {
    opacity: .75;
    font-size: 50px
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val .val-cur {
    opacity: .75;
    font-size: 20px
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val.bot:before {
    border-top-color: #ff0000
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val.top:before {
    border-top: solid 0px transparent;
    border-bottom: solid 5px #00a651
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 16px;
    border-top: solid 5px #fff;
    border-right: solid 5px transparent;
    border-left: solid 5px transparent;
    border-bottom: solid 0px transparent
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item .val:after {
    content: "";
    position: absolute;
    right: -4px;
    top: -8px;
    background-color: #e6e6e6;
    width: 1px;
    height: 73px
}
.menuBl .statFormaMenu .cursMaps .listCursMap .item:last-child .val:after {
    display: none
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu {
    position: relative
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .lineTxt {
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 0;
    top: 0;
    padding: 2px 26px 2px 30px
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .lineTxt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #305f85;
    opacity: .75;
    width: 100%;
    height: 100%
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .lineTxt .txt {
    font-size: 14px;
    color: #fff;
    position: relative;
    float: left
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .lineTxt .expand {
    float: right;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
    position: relative
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .lineTxt .expand:hover {
    text-decoration: none
}
.menuBl .statFormaMenu .cursMaps .mapBlMenu .map {
    width: 100%;
    height: 167px;
    background-position: center;
    background-repeat: no-repeat
}
.menuBl .statFormaMenu .creditApplic {
    position: relative;
    background: transparent;
    background-image: url("../../img/bgcredits2.jpg");
    background-size: cover;
    height: 288px;
    border-bottom: solid 1px #e6e6e6;
    padding-left: 100px;
    background-position: center -35px;
    padding-top: 18px
}
.menuBl .statFormaMenu .creditApplic .tit {
    font-size: 30px;
    color: #333333
}
/*.menuBl .statFormaMenu .creditApplic .tit+ {
    margin-top: 16px
}*/
.menuBl .statFormaMenu .creditApplic .forma {
    margin-bottom: 18px
}
.menuBl .statFormaMenu .creditApplic .forma .inputLine input {
    color: #bfbfbf;
    background-color: #fff
}
.menuBl .statFormaMenu .creditApplic .forma .left {
    width: 47%
}
.menuBl .statFormaMenu .creditApplic .forma .right {
    width: 47%
}
.menuBl .statFormaMenu .creditApplic .desr {
    color: #333333;
    margin-top: 35px;
    width: 280px;
    opacity: 1;
    padding-left: 10px;
    position: relative;
    display: block
}
.menuBl .statFormaMenu .creditApplic .desr:before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    font-size: 14px
}
.menuBl .statFormaMenu .creditApplic .btn {
    font-weight: normal;
    width: 242px;
    margin: 0;
    color: #fff;
    background: #23435c;
    background: -moz-linear-gradient(left, #23435c 0%, #35738a 100%);
    background: -webkit-linear-gradient(left, #23435c 0%, #35738a 100%);
    background: linear-gradient(to right, #23435c 0%, #35738a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$textColor1-h2', endColorstr=' $color2-h4-a2', GradientType=1)
}
.menuBl .statFormaMenu .creditApplic .btn:hover {
    background: #35738a;
    background: -moz-linear-gradient(left, #35738a 0%, #23435c 100%);
    background: -webkit-linear-gradient(left, #35738a 0%, #23435c 100%);
    background: linear-gradient(to right, #35738a 0%, #23435c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2-h4-a2', endColorstr=' $textColor1-h2', GradientType=1)
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits {
    overflow: hidden;
    display: block;
    width: 72px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    margin-top: 0;
    -webkit-box-shadow: inset 0px -35px 50px -50px #000;
    -moz-box-shadow: inset 0px -35px 50px -50px #000;
    box-shadow: inset 0px -35px 50px -50px #000
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul {
    display: block;
    height: 287px;
    overflow: auto;
    margin-right: -17px;
    margin-bottom: 0
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li {
    width: 100%;
    padding: 11px 0 10px;
    display: block
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li .checkAll.active+label {
    color: #23425b;
    opacity: 1;
    filter: inherit
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li .checkAll.active+label img.wIcon {
    opacity: 0
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li .checkAll.active+label img.cIcon {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li input:checked+label {
    color: #23425b;
    opacity: 1;
    filter: inherit
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li input:checked+label img.wIcon {
    opacity: 0
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li input:checked+label img.cIcon {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label {
    color: #000;
    opacity: .5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label img.wIcon {
    opacity: 0
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label img.cIcon {
    opacity: 1;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1)
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label:hover {
    opacity: 0.3
}
.menuBl .statFormaMenu .creditApplic .listBanksCredits ul li+li {
    border-top: solid 1px #bfbfbf
}
.menuBl .statFormaMenu .linksStat {
    padding: 10px 30px
}
.menuBl .statFormaMenu .linksStat ul {
    display: flex;
    flex-wrap: wrap
}
.menuBl .statFormaMenu .linksStat ul li {
    margin-bottom: 18px;
    width: calc(100% / 2)
}
.menuBl .statFormaMenu .linksStat ul li a {
    color: #333333;
    font-size: 16px
}
.menuBl .statFormaMenu .linksStat ul li a:hover {
    text-decoration: underline
}
.messageError {
    margin-bottom: 25px;
    text-align: center;
    min-height: 423px;
    padding: 165px 0 0
}
.messageError .name {
    font-size: 300px;
    color: #4b9ab3;
    font-weight: bold;
    opacity: .2;
    line-height: 10px
}
.messageError .txt {
    color: #305f85;
    font-size: 16px;
    text-transform: uppercase;
    font-size: 40px
}
.messageError .btn {
    display: table;
    margin: 96px auto 0;
    position: relative
}
.bodyModal {
    overflow: hidden;
    padding-right: 17px
}
.modalsScroll {
    overflow: auto;
    position: fixed;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none
}
.modalsScroll .modals {
    height: 100vh;
    width: 100%
}
.modalsScroll .modals.table {
    display: table
}
.modalsScroll .modals .tCell {
    padding: 0 15px;
    overflow: auto;
    display: table-cell;
    vertical-align: middle
}
.modalsScroll.open {
    z-index: 55;
    display: block
}
.modalsScroll .close {
    outline: none;
    z-index: 30;
    background: transparent;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 20px;
    height: 20px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    font-size: 14px;
    line-height: 30px
}
.modalsScroll .close span {
    display: table;
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 30px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 14px;
    right: 4px;
    margin-left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.modalsScroll .close span:last-child {
    margin-bottom: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px
}
.modalsScroll .close:hover {
    opacity: .5
}
.modalsScroll #overlay {
    z-index: 4;
    position: fixed;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
    opacity: .5
}
.modalsScroll .blockMod {
    position: relative;
    z-index: 5;
    display: none;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25)
}
.modalsScroll .blockMod#orderModal {
    width: 300px
}
.modalsScroll .blockMod#mapModal {
    width: 1030px
}
.more {
    cursor: pointer;
    position: relative;
    display: table;
    z-index: 2
}
.more:hover .moreBl {
    display: block
}
.more:hover:before {
    display: block
}
.more:before {
    margin-left: -12.5px;
    display: none;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 25px;
    height: 12px;
    background-image: url("../../img/arrowtopmore.png");
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.moreBl {
    display: none;
    width: 900px;
    position: absolute;
    left: 0;
    top: calc(100% + 12px);
    padding: 15px 28px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5)
}
.moreBl:hover {
    display: block
}
.moreBl ul {
    display: flex;
    flex-wrap: wrap
}
.moreBl ul li {
    width: calc(100% / 4);
    margin-bottom: 9px
}
.moreBl ul li a {
    color: #333333;
    font-size: 13px;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.moreBl ul li a:hover {
    text-decoration-color: #333333
}
.dropBl {
    display: inline;
    position: relative
}
.dropBl input {
    position: absolute;
    cursor: pointer;
    left: 0;
    color: transparent;
    top: 5px;
    border: 0;
    background: transparent
}
.ui-datepicker-title {
    color: #305f85;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    display: table
}
.ui-datepicker {
    width: 300px;
    height: 300px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25)
}
.ui-datepicker-header {
    padding: 15px 0;
    border-bottom: solid 1px #bfbfbf
}
.ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    left: 15px;
    top: 19px;
    cursor: pointer
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    color: transparent;
    text-indent: 100%;
    background-image: url("../../img/arrowleftrating.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 7px;
    height: 14px;
    overflow: hidden;
    display: block
}
.ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 15px
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
    color: transparent;
    text-indent: 100%;
    background-image: url("../../img/arrowrightrating2.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 7px;
    height: 14px;
    overflow: hidden
}
.ui-datepicker-calendar {
    width: 100%;
    height: calc(100% - 70px)
}
.ui-datepicker-calendar thead th {
    padding: 0px 0 15px;
    color: #333333;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 5px 0 28px
}
.ui-datepicker-calendar thead .ui-datepicker-week-end {
    color: #ff0000;
    font-size: 12px;
    text-align: center;
    font-weight: bold
}
.ui-datepicker-calendar tbody td {
    text-align: center
}
.ui-datepicker-calendar tbody td.selectDay .ui-state-default {
    color: #333333
}
.ui-datepicker-calendar tbody td.ui-datepicker-week-end .ui-state-default {
    color: #ff0000
}
.ui-datepicker-calendar tbody .col {
    color: #333333;
    font-weight: bold;
    font-size: 12px
}
.ui-datepicker-calendar tbody .ui-datepicker-today {
    color: #083556;
    background-color: #fac705;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}
.ui-datepicker-calendar .ui-state-default {
    color: #333333;
    font-size: 16px;
    font-weight: normal
}
.ui-datepicker-calendar .ui-state-default:hover {
    opacity: .5
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    color: #083556;
    font-weight: bold
}
.mapsModalBl {
    padding: 11px 15px;
    background: #357588;
    background: -moz-linear-gradient(top, #357588 0%, #24415b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #357588), color-stop(100%, #24415b));
    background: -webkit-linear-gradient(top, #357588 0%, #24415b 100%);
    background: -o-linear-gradient(top, #357588 0%, #24415b 100%);
    background: -ms-linear-gradient(top, #357588 0%, #24415b 100%);
    background: linear-gradient(to bottom, #357588 0%, #24415b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#357588', endColorstr='#24415b', GradientType=0)
}
.mapsModalBl .lineTop .top {
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: bold
}
.mapsModalBl .lineTop .top .num {
    color: #fac705;
    margin-left: 5px
}
.mapsModalBl .lineTop .desr {
    color: #fff;
    font-size: 16px
}
.mapsModalBl .lineMap {
    margin-top: 15px;
    width: 1000px;
    height: 538px
}
#thankModal {
    width: 570px
}
#comSentModal {
    width: 570px
}
.thankBl {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25)
}
.thankBl .top {
    padding: 10px 0;
    text-align: center
}
.thankBl .top span {
    color: #305f85;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px
}
.thankBl .bot {
    padding: 5px 5px 12px;
    text-align: center;
    border-top: solid 1px #bfbfbf
}
.thankBl .bot span {
    color: #305f85;
    font-size: 16px;
    font-weight: bold
}
.thankBl .bot span.txt {
    font-weight: normal
}
.thankBl .bot ul {
    margin-top: 10px;
    text-align: center
}
.thankBl .bot ul li {
    display: inline-block;
    vertical-align: middle
}
.thankBl .bot ul li a {
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
.thankBl .bot ul li a:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25)
}
.thankBl .bot ul li+li {
    margin-left: 15px
}
.thankPage {
    background-image: url("../../img/bgthankpage.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1920px auto;
    width: 100%;
    height: 100vh;
    min-height: 863px;
    overflow: hidden
}
.thankPage header {
    background-color: rgba(0, 0, 0, 0.25)
}
.thankPage header:before {
    display: none
}
.thankPage header .logo .txt {
    color: #fff
}
.thankPage .coursesHeader .block .titBl .tit {
    color: #99b6c1
}
.thankPage .coursesHeader .block .titBl .desrTit {
    color: #fff
}
.thankPage .coursesHeader .block .list .item .name {
    color: #99b6c1
}
.thankPage .coursesHeader .block .list .item .vol {
    color: #fff
}
.thankPage .coursesHeader .block:before {
    background-image: url("../../img/linegradient2.png")
}
.thankPage .coursesHeader .block:after {
    background-image: url("../../img/linegradient2.png")
}
.thankPage .countryBl .tit {
    color: #fff
}
.thankPage .countryBl .countrySelect .country {
    color: #99b6c1
}
.thankPage .countryBl .countrySelect .country:before {
    border-top-color: #99b6c1
}
.thankBlock {
    padding: 69px 0;
    text-align: center
}
.thankBlock .oneTxt {
    font-weight: bold;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 30px
}
.thankBlock .twoTxt {
    color: #fff;
    font-size: 40px;
    display: block;
    text-align: center;
    margin-top: 6px;
    opacity: .75
}
.thankBlock .btn {
    font-size: 30px;
    color: #fff;
    margin: 110px auto 0;
    text-transform: none;
    position: relative;
    z-index: 2
}
.thankBlock .btn:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    color: #083556;
    background: #ffca00;
    background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: linear-gradient(to right, #ffca00 0%, #fce760 100%)
}
.thankBlock .btn:hover {
    background-color: transparent;
    color: #083556;
    border-color: transparent
}
.thankBlock .btn:hover:before {
    opacity: 1
}
.thankBlock .socialThank {
    background-color: rgba(0, 0, 0, 0.25);
    text-align: center;
    padding: 33px 0;
    margin-top: 150px
}
.thankBlock .socialThank .txt {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 30px
}
.thankBlock .socialThank ul {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle
}
.thankBlock .socialThank ul li {
    display: inline-block;
    vertical-align: middle
}
.thankBlock .socialThank ul li+li {
    margin-left: 7px
}
.thankBlock .socialThank ul li a {
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 65px;
    display: block;
    border: solid 2px #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
.thankBlock .socialThank ul li a span {
    color: #fff;
    font-size: 30px
}
.thankBlock .socialThank ul li a:hover {
    opacity: .5
}
#offerNewsModal {
    width: 100%;
    max-width: 800px
}
#offerNewsModal .btn {
    margin: 17px 0 0;
    float: right
}
#subsModal {
    width: 100%;
    max-width: 370px
}
.subscribeBl {
    background-color: #fff;
    padding: 22px 35px
}
.subscribeBl .forma .inputLine+.inputLine {
    margin-top: 22px
}
.subscribeBl .forma .inputLine input {
    width: 100%;
    color: #808080;
    font-size: 12px;
    border: 0;
    border-bottom: solid 1px #bfbfbf;
    padding: 0;
    padding-bottom: 5px
}
.subscribeBl .forma .inputLine input:focus {
    border-bottom: solid 1px #968b84
}
.subscribeBl .forma .inputLine textarea {
    resize: none;
    width: 100%;
    height: 121px;
    border: solid 1px #bfbfbf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 15px;
    color: #808080;
    font-size: 16px
}
.subscribeBl .forma .btn {
    margin: 32px auto 0;
    padding: 5px 41px
}
#selectCity {
    width: 100%;
    max-width: 1230px
}
.selectCityBlock .top {
    background-color: #2d6174;
    padding: 10px 30px 15px 30px;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25)
}
.selectCityBlock .top .txt {
    max-width: 620px
}
.selectCityBlock .top .txt span {
    display: block;
    color: #fac705;
    font-size: 20px;
    padding: 5px 0 5px 23px;
    font-weight: bold;
    position: relative
}
.selectCityBlock .top .txt span img {
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 15px;
    margin-top: -10px
}
.selectCityBlock .top .txt p {
    font-size: 12px;
    color: #fff;
    margin-top: 3px;
    line-height: 16px
}
.selectCityBlock .top .searchCity {
    position: relative;
    width: 300px;
    margin-right: 69px;
    margin-top: 38px
}
.selectCityBlock .top .searchCity input {
    background: transparent;
    color: #fff;
    border: 0;
    border-bottom: solid 1px #fff;
    opacity: .25;
    font-size: 16px;
    padding: 0 30px;
    width: 100%;
    padding-bottom: 8px
}
.selectCityBlock .top .searchCity input:focus {
    opacity: 1
}
.selectCityBlock .top .searchCity .btn {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 5px
}
.selectCityBlock .top .searchCity .btn:hover {
    opacity: .5
}
.selectCityBlock .con {
    padding: 7px 27px 30px;
    background: #35748a;
    background: -moz-linear-gradient(top, #35748a 0%, #23425b 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #35748a), color-stop(100%, #23425b));
    background: -webkit-linear-gradient(top, #35748a 0%, #23425b 100%);
    background: -o-linear-gradient(top, #35748a 0%, #23425b 100%);
    background: -ms-linear-gradient(top, #35748a 0%, #23425b 100%);
    background: linear-gradient(to bottom, #35748a 0%, #23425b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color2', endColorstr=' $color2-h4', GradientType=0)
}
.selectCityBlock .con .listRegion {
    display: flex;
    justify-content: space-between
}
.selectCityBlock .con .listRegion .region {
    width: calc(100% / 6)
}
.selectCityBlock .con .listRegion .region .nameRegion {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: block
}
.selectCityBlock .con .listRegion .region ul {
    margin-top: 17px
}
.selectCityBlock .con .listRegion .region ul li a {
    font-size: 13px;
    color: #8ec3d8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
.selectCityBlock .con .listRegion .region ul li a:hover {
    color: #fac705
}
.selectCityBlock .con .listRegion .region ul li+li {
    margin-top: 2px
}
.menuBlWrap {
    display: none
}
.menuBlWrap.load {
    display: block
}
.map {
    width: 100%;
    height: 100%;
    position: relative
}
.linkRead {
    display: none
}
.iconFilterCard {
    cursor: pointer;
    display: none;
    background-image: url("../../img/ic-filter.png");
    position: absolute;
    width: 26px;
    height: 20px;
    position: absolute;
    z-index: 4;
    z-index: 6;
    right: 15px;
    top: -82px
}
.iconFilterCard span {
    display: none;
    width: 25px;
    height: 2px;
    background-color: #fff
}
.iconFilterCard span:first-child {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.iconFilterCard span:last-child {
    margin-top: -2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.iconFilterCard.selected {
    top: -70px;
    background-image: none
}
.iconFilterCard.selected span {
    display: block
}
#show-more {
    background-color: #fff;
    padding: 20px 20px 20px;
    max-width: 905px
}
@media (max-width:767px) {
    #show-more {
        /*width: 270px;*/
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px
    }
    #show-more ul li a {
        font-size: 14px;
        line-height: 16px;
        padding-right: 10px;
        padding-left: 20px
    }
}
@media (max-width:479px) {
    #show-more {
        /*width: 250px*/
    }
}
#show-more .close span {
    background-color: #333
}
#show-more ul {
    white-space: normal
}
#show-more ul:after {
    content: " ";
    display: block;
    clear: both
}
#show-more ul li {
    width: calc(25% - 5px);
    display: inline-block;
    vertical-align: middle
}
@media (max-width:767px) {
    #show-more ul li {
        width: calc(50% - 5px)
    }
}
@media (max-width:479px) {
    #show-more ul li {
        width: 100%
    }
}
#show-more ul li a {
    display: inline-block;
    padding: 5px 0px;
    line-height: 18px;
    padding-right: 20px;
    color: #333;
    text-decoration: underline;
    text-decoration-color: transparent;
    -moz-text-decoration-color: transparent;
    -webkit-transition: text-decoration-color 0.3s;
    -moz-transition: text-decoration-color 0.3s;
    -o-transition: text-decoration-color 0.3s;
    transition: text-decoration-color 0.3s
}
#show-more ul li a:hover {
    text-decoration-color: #333;
    -moz-text-decoration-color: #333
}
.progress-container {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 4px;
    background-color: #e1e1e1;
    z-index: 3
}
.progress-container .progress-bar {
    position: absolute;
    background-color: #0094ba;
    height: 100%;
    left: 0px;
    width: 0%
}
.blockMod .in form .creditApplic{
    float: none;
    width: 100%;
}
@media (min-width:768px) {
    .menu {
        display: block !important
    }
    .cardBl .filterBl {
        display: flex !important
    }
}
@media (min-width:480px) {
    .lineFilter {
        display: block !important
    }
}
@media (max-width:1439px) {
    .bankBl {
        padding: 0px 15px
    }
    .banksBlock {
        padding: 0px 15px
    }
    .lineVerticalLeft {
        width: calc(100% - 315px)
    }
    .wrapper .wrapperIn {
        max-width: 1200px
    }
    header .logo {
        margin-left: 0
    }
    /*.greetings .diesBl {
        width: 90%;
    }*/
    .scrollTop {
        right: calc(50% - 588px)
    }
    .lineVerticalNews {
        padding: 24px 5px 24px 25px;
        /*width: 731px*/
    }
    .newBl .newDay .pictureNew {
        width: 400px
    }
    .newBl .newDay .txt {
        width: calc(100% - 400px)
    }
    .pictureBanners img {
        width: 100%
    }
    .articleBlock {
        padding: 0 72px 49px 72px
    }
    .banksBlock .menuBanks ul {
        padding: 0 15px 11px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(1) {
        width: 155px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(2) {
        width: 250px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic {
        width: 150px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
        width: 343px
    }
    .banksBlock .listBanks .listBankContent .item {
        padding: 20px 20px 20px 20px
    }
    .banksBlock .listBanks .listBankContent .item .nameBank {
        width: 180px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank {
        width: 250px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .numer {
        width: 135px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(1) {
        width: 287px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(2) {
        width: 113px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(3) {
        width: 150px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
        width: 300px;
        padding-right: 15px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(2) {
        width: 120px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(3) {
        width: 157px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(5) {
        width: 170px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col .btn {
        padding: 3px 10px;
		font-size: 14px;
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(1) {
        width: 292px
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(2) {
        width: 220px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(1) {
        padding-right: 0
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(2) {
        width: 230px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(3) {
        width: 175px
    }
    .bankBl .infoBank {
        padding: 20px 20px 0px 20px
    }
    .bankBl .infoBank .information {
        width: 345px
    }
    .bankBl .infoBank .menuinBank:before {
        width: calc(100% + 40px)
    }
    .bannerLine img {
        width: 100%
    }
    .listCards .itemCard .line .infoCard {
        width: 555px
    }
    .tableCourse.courseBank .table .thead .tr .td:first-child {
        width: 195px
    }
    .tableCourse.courseBank .table .thead .tr .td:nth-child(5) {
        width: 135px
    }
    .filterBl.filterPaymentCards .forma .inputLine {
        width: 175px
    }
    .filterCourse .lineFilter .forma .inputLine .selectric-wrapper {
        width: 170px
    }
.newBl.readingNews .listNews .new .pictureNew {
    width: 100%;
    height: 85px;
    float: left;
    position: relative;
    background-size: cover;
}
.newBl.readingNews .listNews .new .txt {
    position: relative;
     top: 5px; 
    /* float: left; */
    width: 100% ;
    padding-left: 0px;
    min-height: 86px;
}

}
@media (max-width:1199px) {
    .dropMore {
        display: none
    }
    .dropModal {
        display: inline-block
    }
    .bodyModal {
        padding-right: 0
    }
    .wrapper .wrapperIn {
        padding-top: 0;
        max-width: 992px
    }
    header .coursesHeader {
        margin-left: 70px
    }
    .newBl.tileNews {
        overflow: auto;
        overflow-y: hidden
    }
    .newBl.tileNews table {
        width: 1280px
    }
    .lineTopContent .qeustLink .btn {
        padding: 8px 20px
    }
    .menu .linkPage {
        margin-left: 60px
    }
    .menu .oneLevel>li+li {
        margin-left: 60px
    }
    .greetings {
        padding: 24px 0
    }
    .greetings .diesBl {
        /*width: 92%;*/
        float: none
    }/*
    .greetings .creditsBlock {
        display: block;
        float: right;
        width: calc(50% - 10px)
    }
    .greetings .creditsBlock .listCreditsSmall .line+.line {
        margin-top: 6.7px
    }
    .greetings .creditsBlock .listCreditsSmall .line:nth-child(n+5):not(.allCreditsLink) {
        display: none
    }
    .greetings .courseBlock {
        float: left;
        width: calc(50% - 10px)
    }
    .greetings .courseBlock .forma .inputLine .inputInconBl {
        text-align: left;
        padding-left: 10px
    }
    .greetings .courseBlock .courseForma .labelsLine span {
        width: 143px
    }
    .greetings .courseBlock .courseForma .labelsLine span:first-child {
        width: 163px
    }
    .greetings .courseBlock .courseForma .forma .inputLine .inputInconBl {
        width: 145px
    }
    .greetings .courseBlock .courseForma .forma .inputLine input {
        width: 139px
    }*/
    .contentPageMain {
        min-height: inherit
    }
    .lineVerticalLeft {
        width: 100%
    }
    .lineVerticalNews {
        padding: 24px 25px 44px 25px;

    }
    .lineVerticalRight {
        display: none
    }
    .lineVerticalRight.mobileHorizont {
        display: block;
        width: 100%;
        max-width: 845px;
        margin: 0 auto
    }
    .newBl .pictureNew .nameNews {
        padding: 5px 5px 5px 5px;
        line-height: 18px
    }
    .newBl .newDay .pictureNew {
        height: 225px
    }
    .newBl .linksBot .btn {
        margin: 20px auto 0
    }
    .newBl.readingNews .listNews {
        display: flex;
        flex-wrap: wrap
    }
    .newBl.readingNews .listNews .new {
        width: 50%;
        margin-bottom: 10px
    }
    .newBl.readingNews .listNews .new+.new {
        margin-top: 0
    }
    /*.pictureBannersVertical {
        float: right;
        width: calc(50% - 15px)
    }*/
    .pictureBannersVertical .line {
        height: 383px
    }
    .nowReading {
        overflow: hidden;
        padding-bottom: 50px
    }
    .alsoRead .newBl .listNews {
        justify-content: start
    }
    .alsoRead .newBl .listNews .new {
        width: calc((100% / 3) - 10px)
    }
    .alsoRead .newBl .listNews .new+.new {
        margin-left: 15px
    }
    .alsoRead .newBl .listNews .new .pictureNew .prosmotrs {
        bottom: 3px
    }
    .alsoRead .newBl .listNews .new:nth-child(n+4) {
        display: none
    }
    .articleBlock {
        padding: 16px 0 50px;
        max-width: 845px;
        margin: 0 auto
    }
    .formaArticle .right {
        padding-top: 0
    }
    .formaArticle .fontBl {
        display: none
    }
    .mapBank~.creditApplic+* {
        margin-top: 15px
    }
    .lineVerticalRight .mapBank [class*="title"] {
        margin-top: 15px
    }
    /*.creditApplic {
        float: left;
        width: calc(50% - 15px)
    }*/
    .creditApplic+* {
        margin-top: 0px
    }
    .creditApplic .listBanksCredits:before {
        display: none
    }
    .creditApplic .listBanksCredits ul {
        margin-bottom: 0
    }
    .creditApplic .listBanksCredits ul li {
        width: 84px
    }
    .banksBlock {
        padding: 12px 15px 0
    }
    .banksBlock .menuBanks {
        margin-top: 13px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(1) {
        width: 195px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(2) {
        width: 300px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(3) {
        width: 250px
    }
    .banksBlock .listBanks.opinionClient .listBankContent .item .nameBank {
        width: 218px
    }
    .banksBlock .listBanks.opinionClient .listBankContent .item .infoBank {
        width: 299px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic {
        width: 286px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .nameBank {
        width: 199px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
        width: 480px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(1) {
        width: 380px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(2) {
        width: 122px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(3) {
        width: 157px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
        width: 380px
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(1) {
        width: 380px
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(2) {
        width: 230px
    }
    .banksBlock {
        padding: 0px 15px
    }
    .bankBl {
        padding: 0px 15px
    }
    .bankBl .infoBank .information {
        width: 445px
    }
    .bankBl .discussion {
        padding: 19px 0 20px 0
    }
    .mapBank+.creditApplic {
        margin-top: 15px
    }
    .listCards .itemCard .line .infoCard {
        width: 660px
    }
    .bankNews {
        padding: 21px 0
    }
    .filterBl {
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center
    }
    .filterBl .forma {
        justify-content: start;
        top: 0px
    }
    .filterBl .forma .inputLine+.inputLine {
        margin-left: 30px
    }
    .filterCredits .tit {
        font-size: 24px
    }
    .filterCredits .lineRanges {
        margin-top: 25px
    }
    .filterCredits .lineChek .chekBl label {
        font-size: 14px
    }
    .menuBl {
        flex-wrap: wrap
    }
    .menuBl .listSubFirsh {
        width: 50%
    }
    .menuBl .listSubTwo {
        width: 50%
    }
    .menuBl .line.ui-tabs-active .linkIcon:after,
    .menuBl .line.active .linkIcon:after {
        display: none
    }
    .menuBl .linkIcon {
        position: relative
    }
    .menuBl .linkIcon:after {
        content: "+";
        position: absolute;
        right: 14px;
        top: 50%;
        font-size: 21px;
        color: #808080;
        margin-top: -14px
    }
    .menuBl .statFormaMenu {
        width: 100%
    }
    .menuBl .statFormaMenu .creditApplic {
        width: 100%;
        background-image: url("../../img/bgcreditapplic.jpg");
        padding: 33px 67px;
        background-repeat: no-repeat;
        background-position: center;
        overflow: auto
    }
    .menuBl .statFormaMenu .creditApplic .tit {
        font-size: 24px;
        color: #fff
    }
    .menuBl .statFormaMenu .creditApplic .forma .inputLine input {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.25)
    }
    .menuBl .statFormaMenu .creditApplic .desr {
        color: #fff;
        width: 100%;
        margin-top: 18px
    }
    .menuBl .statFormaMenu .creditApplic .btn {
        width: calc(50% - 20px);
        color: #083556;
        background: #ffca00;
        background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
        background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
        background: linear-gradient(to right, #ffca00 0%, #fce760 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color4-h1', endColorstr='$color4-h2', GradientType=1)
    }
    .menuBl .statFormaMenu .creditApplic .btn:hover {
        background: #ffca00;
        background: -moz-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: -webkit-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: linear-gradient(to right, #fce760 0%, #ffca00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color4-h2', endColorstr='$color4-h1', GradientType=1)
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits {
        padding-left: 0;
        width: 47%;
        background: transparent;
        position: relative;
        float: right;
        overflow: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits ul {
        display: block;
        margin-right: 0;
        height: auto;
        white-space: nowrap
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits ul li {
        padding: 5px 0 5px;
        width: 75px;
        display: inline-block;
        vertical-align: middle
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits ul li input:checked+label {
        color: #fac705
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits ul li label {
        padding-top: 35px;
        color: #fff
    }
    .menuBl .statFormaMenu .creditApplic .listBanksCredits ul li+li {
        border: 0
    }
    .mapsModalBl .lineMap {
        width: 930px
    }
    .thankBlock .oneTxt {
        font-size: 50px
    }
    .thankBlock .twoTxt {
        margin-top: 0;
        font-size: 35px
    }
    .thankBlock .btn {
        font-size: 20px
    }
    .thankBlock .socialThank .txt {
        font-size: 24px
    }
    .thankBlock .socialThank ul li a {
        width: 43px;
        line-height: 51px;
        height: 43px
    }
    .thankBlock .socialThank ul li a span {
        font-size: 26px
    }
    .selectCityBlock .top .txt {
        max-width: 450px
    }
    .selectCityBlock .top .searchCity {
        margin-right: 15px;
        margin-top: 45px
    }
    .selectCityBlock .con .listRegion .region {
        padding-right: 32px
    }
    .modalsScroll .blockMod#orderModal .creditApplic {
        width: 100%
    }
    .modalsScroll .blockMod#mapModal {
        width: 960px
    }
}
@media (max-width:991px) {
    .lineOtherCountry ul li a {
        font-size: 14px
    }
    .lineOtherCountry .text {
        font-size: 14px
    }
    .filterCourse .lineFilter .forma .inputLine:first-child .selectric-wrapper {
        width: 130px
    }
    .filterCourse .lineFilter .forma .inputLine:last-child .selectric-wrapper {
        width: 240px
    }
    .filterCourse .lineFilter .forma .inputLine .range {
        width: 190px
    }
    .nowReading {
        padding-bottom: 0px;
        margin-top: 0px
    }
    .mapBank+.creditApplic {
        margin-top: 0px
    }
    .progRating {
        height: 21px;
        line-height: 17px
    }
    .progRating .lineProg:after {
        border-top-width: 10px;
        border-bottom-width: 10px
    }
    .progRating .lineProg:before {
        display: none
    }
    .progRating:before {
        height: 21px
    }
    .lineVerticalRight .mapBank {
        display: none
    }
    .bestCurs {
        font-size: 10px;
        left: -22px
    }
    .bestCurs:before {
        top: -30px
    }
    .range .irs-line {
        height: 2px
    }
    .filterCourse .lineFilter .forma .inputLine .selectric-wrapper {
        border-bottom-width: 2px;
        padding-bottom: 2px
    }
    .wrapper {
        overflow: hidden;
        background-image: none;
        background-color: #e1e1e1
    }
    .wrapper .wrapperIn {
        max-width: 768px
    }
    header .logo {
        margin-left: 8px;
        margin-bottom: 14px
    }
    header .countryBl {
        padding-top: 19px;
        margin-right: 9px
    }
    .logo img {
        width: 131px
    }
    .logo .txt {
        vertical-align: -10px;
        font-size: 11px;
        margin-left: 1px
    }
    .coursesHeader {
        display: none
    }
    .countryBl .tit {
        font-size: 12px
    }
    .countryBl .countrySelect .country {
        font-size: 16px
    }
    .lineTopContent .qeustLink {
        display: none
    }
    .menu {
        width: 100%;
        float: none;
        padding: 3px 19px 5px 0px
    }
    .menu .linkPage {
        /*float: right;
        margin-left: 0;*/
        font-size: 14px;
        margin-top: 2px
    }
    .menu .oneLevel {
        /*justify-content: space-between;
        width: 78%*/
    }
    .menu .oneLevel>li>a {
        font-size: 14px
    }
    .greetings .creditsBlock {
        margin-top: 9px
    }
    .greetings .creditsBlock .listCreditsSmall .line {
        padding-top: 2px;
        padding-bottom: 4px;
        padding-left: 25px;
        padding-right: 40px;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center
    }
    .greetings .creditsBlock .listCreditsSmall .line+.line {
        margin-top: 6px
    }
    .greetings .diesBl {
        padding: 0 9px;
width:100%;
    }
    .greetings .diesBl .item {
        margin-bottom: 13px
    }
    .greetings .diesBl .item .in {
        padding: 5px 10px
    }
    .greetings .diesBl .item .in img {
        right: 15px;
        height: 50px;
        margin-top: -25px
    }
    .greetings .diesBl .item .name {
        font-size: 20px
    }
    .greetings .diesBl .item p {
        margin-top: 0;
        max-width: 235px
    }
    .greetings .courseBlock {
        padding: 0 9px;
        margin-top: 9px;
        width: calc(49% - 1px);
		float:left;/*
position: absolute;*/
    }
     .creditsBlock {
        padding: 0 9px;
    }
   /* .greetings .courseBlock .courseForma .forma .inputLine .inputInconBl {
        width: 100px
    }
    /*.greetings .courseBlock .courseForma .forma .inputLine input {
        width: 101px
    }*/
    .greetings .courseBlock .courseForma .forma .inputLine+.inputLine {
        margin-top: 5px
    }
    .greetings .courseBlock .converter {
        padding: 3px 14px
    }
    .greetings .courseBlock .converter .forma .inputLine+.inputLine {
        margin-top: 5px
    }
    .greetings .courseBlock .tab .tbody .item {
        min-height: 260px
    }
    .tabBlueBlock .thead ul li {
        padding: 9px 0px
    }
    html.Chrome:not(.Android) footer .socialFooter ul li a .iconBl {
        line-height: 19px
    }
    html.Chrome:not(.Android) footer .socialFooter ul li a .iconBl[class*='vk']:before {
        left: 0px
    }
    html.Chrome.Android footer .socialFooter ul li a .iconBl:before {
        position: relative;
        top: 0px
    }
    footer {
        padding: 14px 0
    }
    footer .copyText {
        padding-left: 9px
    }
    footer .copyText p {
        font-size: 10px;
        line-height: 13px
    }
    footer .socialFooter {
        padding: 4px 9px
    }
    footer .socialFooter ul li+li {
        margin-left: 1px
    }
    footer .socialFooter ul li a .iconBl {
        font-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 18px
    }
    footer .socialFooter ul li a .iconBl[class*='vk']:before {
        left: 0px
    }
    .infoBanksMain {
        padding: 20px 22px 20px
    }
    .reklamaBlock+* {
        margin-top: 17px
    }
    .contentPageMain {
        display: block;
/*margin-top: 18%;*/
    }
    .lineVercticalLinks {
        width: 100%;
        background: transparent;
        background-color: #fff;
        display: block
    }
    .lineVercticalLinks .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 0px
    }
    .lineVercticalLinks .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -20px;
        opacity: 0 !important
    }
    .lineVercticalLinks .mCustomScrollBox,
    .lineVercticalLinks .mCSB_container {
        overflow: visible
    }
    .lineVercticalLinks .in {
        max-width: 904px;
        grid-template-columns: auto auto;
        align-items: center;
        grid-auto-rows: auto;
        align-items: end;
    }
    .lineVercticalLinks .linkTop {
        display: table-cell;
        vertical-align: middle
    }
    .lineVercticalLinks .linkTop ul {
        display: table;
        margin-bottom: 0;
    }
    .lineVercticalLinks .linkTop ul li {
        min-width: 91px;
        display: table-cell;
        vertical-align: middle;
        border-bottom: solid 1px #bfbfbf;
        position: relative
    }
    .lineVercticalLinks .linkTop ul li span,
    .lineVercticalLinks .linkTop ul li a {
        text-align: center;
        color: #648e9e;
        padding: 8px 0;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0;
        white-space: nowrap;
    }
    .lineVercticalLinks .linkTop ul li span:hover,
    .lineVercticalLinks .linkTop ul li a:hover {
        opacity: .5;
        background: transparent
    }
    .lineVercticalLinks .linkTop ul li span.active,
    .lineVercticalLinks .linkTop ul li a.active {
        font-weight: bold;
        background: transparent;
        opacity: 1;
        color: #23425b
    }
    .lineVercticalLinks .linkTop ul li span:before,
    .lineVercticalLinks .linkTop ul li a:before {
        bottom: -8px;
        right: auto;
        left: 50%;
        top: auto;
        border: 0;
        margin: 0;
        background-image: url("../../img/arrowlinktop.png");
        background-repeat: no-repeat;
        width: 15px;
        height: 10px;
        background-color: #fff;
        margin-left: -8px;
        position: absolute;
        z-index: 2
    }
    .lineVercticalLinks .linkTop ul li+li {
        border-top: 0
    }
    .lineVercticalLinks .linkBot {
        display: table-cell;
        vertical-align: middle;
        bottom: auto;
        right: auto;
        width: auto;
        position: static
    }
    .lineVercticalLinks .linkBot ul {
        background-color: #f0f4f6;
        overflow: hidden;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center
    }
    .lineVercticalLinks .linkBot ul li {
        /*min-width: 91px;*/
        position: relative;
        height: auto;
        width: auto;
        display: initial
    }
    .lineVercticalLinks .linkBot ul li:before {
        content: "";
        position: absolute;
        left: 0;
        top: -10px;
        height: 50px;
        width: 1px;
        background-color: #bfbfbf
    }
    .lineVercticalLinks .linkBot ul li:hover {
        opacity: 1;
        background-color: transparent
    }
    .lineVercticalLinks .linkBot ul li:hover [class*='icon'] {
        opacity: 1
    }
    .lineVercticalLinks .linkBot ul li.active {
        background-color: #d8e0e4
    }
    .lineVercticalLinks .linkBot ul li.active [class*='icon'] {
        opacity: 1
    }
    .lineVercticalLinks .linkBot ul li.active span:not([class='icon']) {
        font-weight: bold;
        color: #23425b;
        opacity: 1
    }
    .lineVercticalLinks .linkBot ul li.active span:not([class='icon']):before {
        display: block
    }
    .lineVercticalLinks .linkBot ul li span,
    .lineVercticalLinks .linkBot ul li a {
        opacity: .5;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
        color: #23425b !important;
        padding: 8px 10px 8px 50px;
        border-bottom: solid 1px #bfbfbf;
        display: block
    }
    .lineVercticalLinks .linkBot ul li span:not([class*='icon']):before,
    .lineVercticalLinks .linkBot ul li a:not([class*='icon']):before {
        display: none;
        content: "";
        position: absolute;
        right: 50%;
        top: calc(100% - 8px);
        border-top: solid 0px transparent;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent;
        border-bottom: solid 8px #fff;
        margin-right: -8px
    }
    .lineVercticalLinks .linkBot ul li span[class*='icon'] {
        font-size: 20px;
        line-height: 41px
    }
    .lineVercticalLinks .linkBot ul li+li {
        border-top: 0
    }
    .lineVercticalLinks .linkBot ul li:first-child {
        border-top: 0
    }
    .lineVerticalNews {
        width: 100%
    }
    .lineVerticalRight.mobileHorizont {
        padding: 0 15px
    }
    .newBl.tileNews {
        overflow: auto;
        overflow-y: hidden
    }
    .newBl.tileNews .pictureNew {
        height: 120px
    }
    .newBl.tileNews .pictureNew .desr {
        left: 25px;
        bottom: 4px
    }
    .newBl.tileNews .pictureNew .prosmotrs {
        right: 10px;
        bottom: -6px
    }
    .newBl.tileNews .pictureNew .nameNews {
        max-width: 200px;
        padding-left: 25px;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold
    }
    .newBl.tileNews table {
        width: 1022px
    }
    .newBl .txt p {
        font-size: 14px;
        line-height: 18px
    }
    .newBl .bot {
        margin-top: 17px
    }
    .newBl.vertical .listNews .new+.new {
        margin-top: 10px
    }
    .newBl.vertical .listNews .new+.pictureBanners {
        margin-top: 25px
    }
    .newBl.vertical .listNews .new+.pictureBanners+.new {
        margin-top: 40px
    }
    .newBl .newDay .pictureNew {
        height: 264px;
        width: 430px
    }
    .newBl .newDay .txt {
        width: calc(100% - 430px);
        padding-left: 29px
    }
    .newBl .newDay .txt .link+* {
        margin-top: 2px
    }
    .newBl .newDay+* {
        margin-top: 16px
    }
    .newBl.readingNews .listNews .new .txt {
        padding-right: 10px
    }
    .nowReading .pictureBannersVertical {
        display: none
    }
    .alsoRead .newBl .listNews .new {
        height: 150px
    }
    .alsoRead .newBl .listNews .new .pictureNew .nameNews {
        font-size: 14px
    }
    .alsoRead+.textBlock {
        margin-top: 30px
    }
    .articleBlock {
        padding: 22px 15px 50px
    }
}
@media (max-width:991px) and (min-width:768px) {
    .articleBlock {
        padding-left: 60px;
        padding-right: 60px
    }
    .articleBlock .textBlock .capOne,
    .articleBlock .alsoRead,
    .articleBlock .discussion {
        margin-left: -45px;
        margin-right: -45px
    }
    .articleBlock .textBlock .capOne.discussion,
    .articleBlock .alsoRead.discussion,
    .articleBlock .discussion.discussion {
        padding-left: 45px;
        padding-right: 45px
    }
}
@media (max-width:991px) {
    .articleBlock .alsoRead .newBl .listNews .new {
        height: 150px
    }
    .articleBlock .alsoRead .newBl .listNews .new .pictureNew .nameNews {
        font-size: 14px
    }
    .articleBlock .alsoRead .btn {
        margin-left: auto;
        margin-right: auto
    }
    .creditApplic {
        float: none;
        width: 100%;
        background: transparent;
        background-image: url("../../img/bgcreditapplic.jpg");
        background-repeat: no-repeat;
        background-size: cover;
margin-top:10px;
    }
}
@media (max-width:991px) and (min-width:768px) {
    .creditApplic {
        padding-left: 45px;
        padding-right: 45px
    }
.lineVerticalNews {
    /*width: 768px;*/
}
}
@media (max-width:991px) {
    .creditApplic:after {
        content: " ";
        display: block;
        clear: both
    }
}
@media (max-width:991px) and (min-width:768px) {
    .creditApplic .forma {
        float: left;
        width: 100%
    }
}
@media (max-width:991px) and (min-width:768px) {
    .creditApplic .forma .inputLine {
        float: left;
        width: calc(50% - 30px);
        margin-top: 0px
    }
    .creditApplic .forma .inputLine+.inputLine {
        margin-top: 0px
    }
    .creditApplic .forma .inputLine:nth-child(2n) {
        margin-left: 60px
    }
    .creditApplic .forma .inputLine:nth-child(n+3) {
        margin-top: 15px
    }
}
@media (max-width:991px) and (min-width:768px) {
    .creditApplic .listBanksCredits {
        float: right;
        width: calc(50% - 30px)
    }
}
@media (max-width:991px) {
    .creditApplic .listBanksCredits ul li {
        width: 70px
    }
}
@media (max-width:991px) and (min-width:768px) {
    .creditApplic .btn {
        float: left;
        width: calc(50% - 30px);
        margin-top: 21px
    }
    .creditApplic .desr {
        margin-top: 10px;
        float: left;
        width: calc(50% - 30px)
    }
}
@media (max-width: 479px){
.lineVerticalNews {
    padding: 6px 14px 20px 14px;
    width: 100%;
}
	.capOne h1{
font-size:14pt;} 
}
@media (max-width:991px) {
    .banksBlock .bankSearchBl {
        padding: 21px 17px
    }
    .banksBlock .bankSearchBl .tit span {
        font-size: 24px
    }
    .banksBlock .menuBanks>ul {
        padding: 0 25px 11px
    }
    .banksBlock .menuBanks>ul>li>span,
    .banksBlock .menuBanks>ul>li>a {
        font-size: 12px
    }
    .banksBlock .menuBanks>ul>li>span.drop+ul li a,
    .banksBlock .menuBanks>ul>li>a.drop+ul li a {
        font-size: 12px
    }
    .banksBlock .menuBanks>ul>li+li {
        margin-left: 17px
    }
    .banksBlock .listBanks.opinionClient .titleListBank {
        padding: 5px 0 12px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(1) {
        width: 130px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(2) {
        width: 240px
    }
    .banksBlock .listBanks.opinionClient .titleListBank ul li:nth-child(3) {
        width: 200px
    }
    .banksBlock .listBanks.opinionClient .listBankContent .item .nameBank {
        width: 155px
    }
    .banksBlock .listBanks.optionCourse {
        margin-bottom: 35px
    }
    .banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(1) {
        width: 398px;
        text-align: center
    }
    .banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(2) {
        width: 145px
    }
    .banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(3) {
        width: 140px
    }
    .banksBlock .listBanks.optionCourse .titleListBank ul li:nth-child(4) {
        width: 177px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic {
        width: 180px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic img {
        position: relative;
        left: 10px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .nameBank {
        width: 170px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
        width: 345px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line,
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .lineCourseOtdel .col-line,
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .col-line,
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line {
        width: 115px
    }
    .banksBlock .listBanks .listBankContent .item .progresBar {
        left: -16px;
        top: 77px
    }
    .banksBlock .listBanks .listBankContent .item .picBank {
        width: 100px;
        height: 45px;
        background-size: 85px
    }
    .banksBlock .listBanks .listBankContent .item .nameBank {
        width: 155px;
        font-size: 16px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank {
        width: 238px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li p {
        font-size: 12px;
        padding-left: 20px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li a {
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li+li {
        margin-top: 10px
    }
    .banksBlock .listBanks .listBankContent .item .timeBank {
        min-height: 140px
    }
    .banksBlock .listBanks .listBankContent .item .timeBank ul li {
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .timeBank .nowBank {
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .tit {
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .numer {
        width: 105px;
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .txt {
        width: 120px;
        font-size: 12px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .progRating {
        width: 270px;
        height: 21px;
        line-height: 17px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .progRating .lineProg:after {
        border-top-width: 10px;
        border-bottom-width: 10px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .progRating .lineProg:before {
        display: none
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .progRating:before {
        width: 285px;
        height: 20px;
        background-position: right center
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .btn {
        padding: 3px 25px;
        font-size: 14px
    }
    .banksBlock .titTopBank {
        font-size: 12px
    }
    .banksBlock .listCredits .titleListCredits {
        padding: 5px 0 8px;
        display: none
    }
    .banksBlock .listCredits .titleListCredits ul li span {
        font-size: 12px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(1) {
        width: 241px;
        padding-left: 18px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(2) {
        width: 102px
    }
    .banksBlock .listCredits .titleListCredits ul li:nth-child(3) {
        width: 130px
    }
    .banksBlock .listCredits .itemCredits .nameCreits {
        font-size: 18px;
        padding: 4px 18px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col .name {
        font-size: 16px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col span {
        font-size: 13px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
        width: 269px;
        padding-left: 19px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(2) {
        width: 110px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(3) {
        width: 145px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(4) {
        width: 128px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col .btn {
        font-size: 14px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col .desr {
        font-size: 14px
    }
    .banksBlock .listCredits.listSimilar .titleListCredits {
        border-bottom: 0
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(1) {
        width: 245px
    }
    .banksBlock .listCredits.listSimilar .titleListCredits ul li:nth-child(2) {
        width: 170px;
        padding-left: 0
    }
    .banksBlock .listCredits.listSimilar .lineCredits .colmobile {
        display: block;
        width: 100%;
        position: relative
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(1) {
        width: 215px;
        padding-left: 0
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(2) {
        width: 200px;
        padding-right: 5px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(4) {
        width: 150px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col .btn {
        padding: 3px 0;
        font-size: 14px;
        width: 100%;
        text-align: center
    }
    .infoBank p,
    .infoBank a {
        padding-left: 20px
    }
    .infoBank p img,
    .infoBank a img {
        width: 14px
    }
    .sliderReviewsBanks {
        padding: 40px 0 40px
    }
    .sliderReviewsBanks .item .rewBank .top span {
        font-size: 20px
    }
    .sliderReviewsBanks .item .rewBank .top .picBank {
        background-size: contain;
        width: 165px
    }
    .sliderReviewsBanks .item .rewBank .con {
        max-width: 557px;
        padding: 0 15px;
        margin: 15px auto 0
    }
    .sliderReviewsBanks .item .rewBank .con p {
        line-height: 16px;
        font-size: 14px
    }
    .sliderReviewsBanks .item .rewBank .bot {
        margin: 10px auto 0
    }
    .sliderReviewsBanks .item .rewBank .bot .name {
        font-size: 12px
    }
    .sliderReviewsBanks .item .rewBank .bot .date {
        font-size: 12px
    }
    .sliderReviewsBanks .owl-dots {
        margin-top: 0px
    }
    .oftenSearch {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .oftenSearch .tit {
        font-size: 20px
    }
    .bankBl {
        position: relative
    }
    .bankBl .infoBank .picture {
        width: 155px;
        height: 184px
    }
    .bankBl .infoBank .picture .pic {
        height: 136px;
        background-size: contain
    }
    .bankBl .infoBank .picture .link ul li a {
        line-height: 12px
    }
    .bankBl .infoBank .information {
        width: 320px;
        padding-left: 0
    }
    .bankBl .infoBank .information .name {
        font-size: 24px;
        height: 61px;
        width: 530px;
        max-width: calc(100vw - 200px)
    }
}
@media (max-width:991px) and (max-width:767px) {
    .bankBl .infoBank .information .name {
        max-width: 100%
    }
}
/*for page karty*/
@media (min-width:992px) and (max-width:1214px){
.listCards .itemCard .line .picCard .pic {
    width: 200px;
    height: 135px;
}
.listCards .itemCard .line {
    display: flex;
    padding: 10px;;
}
.listCards .itemCard .line .infoCard {
    padding:10px;
}
}
@media (min-width:1320px) {
.listCards .itemCard .line .picCard .pic {
    width: 200px;
    height: 135px;
}
}
@media (max-width:991px) {
    .bankBl .infoBank .information .adress {
        font-size: 12px
    }
    .bankBl .infoBank .information ul li {
        line-height: 15px
    }
    .bankBl .infoBank .information a {
        font-size: 12px;
        padding-left: 18px;
        background-size: 12px
    }
    .bankBl .infoBank .ratingBank {
        width: 195px;
        padding-top: 62px;
        padding-right: 0
    }
    .bankBl .infoBank .ratingBank .tit {
        font-size: 12px
    }
    .bankBl .infoBank .ratingBank .list .line {
        height: 20px;
        padding: 2px 10px 2px 0px
    }
    .bankBl .infoBank .ratingBank .list .line .prog:before {
        left: -11px;
        border-top-width: 10px;
        border-right-width: 10px;
        border-bottom-width: 10px
    }
    .bankBl .infoBank .ratingBank .list .line .count {
        font-size: 12px
    }
    .bankBl .infoBank .menuinBank {
        padding: 0px 0 4px
    }
    .bankBl .infoBank .menuinBank ul li a {
        font-size: 12px
    }
    .bankBl>.textBlock {
        padding: 24px 0 0
    }
    .bankBl .filterCourse+.tableCourse,
    .bankBl .filterCourse+.banksBlock {
        margin-top: 37px
    }
    .prodServBank {
        margin-top: 26px
    }
    .prodServBank .listProd {
        margin-top: 20px
    }
    .prodServBank .listProd .item {
        width: calc(50% - 19px)
    }
    .prodServBank .listProd .item .in {
        padding: 13px 10px;
        height: 80px;
        margin-bottom: 15px
    }
    .prodServBank .listProd .item .in .name {
        font-size: 20px
    }
    .prodServBank .listProd .item .in .txt {
        font-size: 12px
    }
    .prodServBank .listProd .item .in img {
        right: 5px;
        top: auto;
        margin-top: 0px;
        bottom: 5px;
        height: auto;
        width: 50px
    }
    .prodServBank .textBlock {
        margin-top: 14px;
        padding: 12px 0
    }
    .prodServBank .infoBotBank {
        padding-left: 0
    }
    .prodServBank .lineRatings {
        padding: 20px 0 20px 0
    }
    .prodServBank .lineRatings .tit {
        font-size: 20px
    }
    .prodServBank .lineRatings .btn {
        right: 19px;
        top: 62px;
        padding: 2px 27px;
        font-size: 14px
    }
    .prodServBank .lineRatings .listRatings {
        margin-top: 19px
    }
    .prodServBank .lineRatings .listRatings .numer {
        font-size: 12px;
        width: 110px
    }
    .prodServBank .lineRatings .listRatings .line {
        width: 540px
    }
    .prodServBank .lineRatings .listRatings .line .txt {
        font-size: 12px
    }
    .prodServBank .sliderReviewsBanks {
        padding-top: 20px;
        padding-bottom: 25px
    }
    .prodServBank .newBl {
        padding: 30px 0px
    }
    .prodServBank .newBl .tit {
        font-size: 20px
    }
    .titpaddLeft {
        padding-left: 0;
        font-size: 20px
    }
    .iconFilterCard {
        display: block
    }
    .cardBl {
        padding: 24px 0 40px
    }
    .cardBl>.titpaddLeft {
        font-size: 20px
    }
    .listCards .itemCard .nameCard {
        font-size: 16px
    }
    .listCards .itemCard .line .picCard {
        width: 245px;
        height: 167px;
        background-size: 85%
    }
    .listCards .itemCard .line .picCard .pic {
        left: -10px;
        width: 190px;
        height: 125px
    }
    .listCards .itemCard .line .infoCard {
        width: 490px
    }
    .listCards .itemCard .line .infoCard .name {
        font-size: 16px;
        height: 41px
    }
    .listCards .itemCard .line .infoCard ul li b {
        font-size: 12px
    }
    .listCards .itemCard .line .infoCard ul li img {
        margin-right: 7px
    }
    .listCards .itemCard .line .link .btn {
        font-size: 14px;
        padding: 5px 20px
    }
	.listCards .itemCard .line .bf_link .btn {
        font-size: 14px;
        padding: 5px 20px
    }
    .mapBlock .searchMapBl {
        left: 15px;
        right: auto;
        width: 275px
    }
    .bankNews {
        padding: 15px 0
    }
    .tableCourse .table .thead .tr .td {
        font-size: 14px
    }
    .tableCourse .table .thead .tr .td:first-child {
        width: 73px
    }
    .tableCourse .table .tbody .tr .td .name {
        font-size: 16px
    }
    .tableCourse .table .tbody .tr .td .desr {
        font-size: 14px
    }
    .filterBl {
        margin: 14px 0 27px;
        padding: 10px 0 16px
    }
    .filterBl .forma {
        padding: 0
    }
    .filterBl .forma .inputLine {
        width: 175px
    }
    .filterBl .forma .inputLine .selectric-wrapper {
        border-bottom-width: 2px
    }
    .filterBl .forma .inputLine .label {
        font-size: 14px
    }
    .filterBl .formaChek .chekBl label {
        font-size: 14px
    }
    .filterBl.filterPaymentCards .forma .inputLine {
        width: 150px
    }
    .filterCourse .lineFilter .forma .inputLine .range {
        width: 265px
    }
    .filterCourse .lineFilter .forma .inputLine .range .irs-single {
        font-size: 18px;
        width: 109px
    }
    .filterCourse .lineFilter .forma .inputLine .range .textSum {
        font-size: 14px
    }
    .filterCourse .lineFilter .forma .inputLine .range .textCour {
        font-size: 14px
    }
    .filterCourse .lineFilter .forma .inputLine .selectric-wrapper .label {
        font-size: 14px
    }
    .filterCredits {
        padding-left: 20px;
        padding-right: 20px
    }
    .filterCredits .lineRanges .range {
        width: 50%
    }
    .filterCredits .lineRanges .range.rangeMoung .irs-single {
        top: -9px
    }
    .filterCredits .lineChek .chekBl label:before {
        border-width: 1px;
        margin-top: -6px;
        width: 12px;
        height: 12px
    }
    .filterCredits .lineChek .chekBl label:after {
        left: 4px;
        margin-top: -2px
    }
    .filterCredits .lineChek .chekBl+.chekBl {
        margin-left: 25px
    }
    .filterCredits .btn {
        padding: 3px 35px;
        font-weight: normal
    }
    .range .irs-single {
        font-size: 20px;
        top: -9px;
        line-height: 25px
    }
    .val {
        font-size: 14px
    }
    .messageError {
        height: calc(100vh - 471px);
        min-height: 467px
    }
    .moreBl {
        width: 718px;
        left: -10px;
        padding: 11px 19px
    }
    .moreBl ul li {
        margin-bottom: 2px
    }
    .mapsModalBl .lineMap {
        width: 100%;
        height: 650px;
        max-height: calc(100vh - 100px)
    }
    .thankPage {
        min-height: 100vh;
        height: auto
    }
    .thankBlock {
        padding: 82px 0;
        height: calc(100vh - 81px);
        min-height: 700px;
        position: relative
    }
    .thankBlock .oneTxt {
        margin-top: 48px
    }
    .thankBlock .btn {
        margin: 162px auto 0
    }
    .thankBlock .socialThank {
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 0px;
        margin-top: 0px
    }
    .selectCityBlock .top {
        padding: 15px 30px 15px 18px
    }
    .selectCityBlock .top .txt {
        max-width: 345px
    }
    .selectCityBlock .top .searchCity {
        margin-right: 16px;
        margin-top: 51px
    }
    .selectCityBlock .con {
        padding: 30px 18px 30px
    }
    .selectCityBlock .con .listRegion .region .nameRegion {
        line-height: 20px
    }
    .selectCityBlock .con .listRegion .region ul {
        margin-top: 26px
    }
    .modalsScroll .blockMod#orderModal {
        width: 100%
    }
    .modalsScroll .blockMod#orderModal .creditApplic {
        width: 100%
    }
    .modalsScroll .blockMod#mapModal {
        width: 100%
    }
}
@media (max-width:767px) {
    .breadCrumbs ul li a:before {
        top: 4px
    }
    html.Chrome .breadCrumbs ul li a:before {
        top: 3px
    }
    .infoBank+.textBlock {
        display: none
    }
    .aboutBank .lineVerticalRight .mapBank {
        display: block
    }
    .aboutBank .mapBank+.creditApplic {
        margin-top: 25px
    }
    .wrapper {
        background-image: none
    }
    .wrapper .wrapperIn {
        max-width: 520px
    }
    .lineOtherCountry {
        padding-left: 15px;
        padding-right: 15px
    }
    .banksBlock .menuBanks>ul>li>span:before,
    .banksBlock .menuBanks>ul>li>a:before {
        font-size: 8px;
        width: 14px;
        height: 9px;
        margin-left: -8px
    }
    html.Firefox .banksBlock .menuBanks>ul>li>span:before,
    html.Firefox .banksBlock .menuBanks>ul>li>a:before {
        width: 14px;
        bottom: -14px
    }
    .content {
        overflow: hidden;
        min-height: calc(100vh - 138px - 99px);
        height: auto
    }
    .messageError {
        min-height: calc(100vh - 138px - 99px);
        height: auto
    }
    header .countryBl {
        margin-right: 13px;
        padding-top: 0;
        position: relative;
        top: 57px;
        z-index: 5;
        right: 15px;
        position: absolute;
    }
    .countryBl .tit {
        display: none
    }
    .countryBl .countrySelect .country {
        color: #fff
    }
    .countryBl .countrySelect .country:before {
        right: -13px;
        border-top-color: #fff
    }
    .lineTopContent {
        padding: 12px 4px 12px 16px;
    }
    .menu {
        display: none;
        /*width: calc(100% + 30px);*/
        padding: 0;
        left: -15px;
        top: 12px;
        position: relative
    }
    .menu .linkPage {
        display: none
    }
    .menu .oneLevel {
        display: none
    }
    .menu .oneLevel>li {
        width: 100%;
        border-top: solid 1px rgba(255, 255, 255, 0.5);
        padding: 12px 18px
    }
    .menu .oneLevel>li:last-child {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5)
    }
    .menu .oneLevel>li>a {
        width: 100%;
        display: block
    }
    .menu .oneLevel>li>a:before {
        right: -3px
    }
    .menu .twoLevel {
        display: block
    }
    .menu .twoLevel .line {
        width: 100%;
        border-top: solid 1px rgba(255, 255, 255, 0.5);
        padding: 12px 18px
    }
    .menu .twoLevel .line:last-child {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5)
    }
    .menu .twoLevel .line.open .linkTop {
        color: #fac705
    }
    .menu .twoLevel .line.open .linkTop:before {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        border-top-color: #fac705
    }
    .menu .twoLevel .line .linkTop {
        cursor: pointer;
        width: 100%;
        display: block;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        position: relative
    }
    .menu .twoLevel .line .linkTop:hover {
        color: #fac705
    }
    .menu .twoLevel .line .linkTop:hover:before {
        border-top-color: #fac705
    }
    .menu .twoLevel .line .linkTop:before {
        right: -3px;
        content: "";
        position: absolute;
        top: 50%;
        border-top: solid 4px #fff;
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
        border-bottom: solid 0px #fff;
        margin-top: -2px
    }
    .menu .twoLevel .line a:before {
        display: none
    }
    .menu .threeLevel {
        display: none;
        background-color: #fff;
        width: calc(100% + 36px);
        position: relative;
        top: 12px;
        left: -18px
    }
    .menu .threeLevel .threeLine.open .linkBot {
        color: #fff !important;
        background-color: #958a83
    }
    .menu .threeLevel .threeLine.open .linkBot [class*='icon'] {
        color: #fff
    }
    .menu .threeLevel .threeLine.open .linkBot:before {
        opacity: 1
    }
    .menu .threeLevel .threeLine.open .linkBot:after {
        display: none
    }
    .menu .threeLevel .threeLine+.threeLine {
        border-top: solid 1px #e6e6e6
    }
    .menu .threeLevel .linkBot {
        cursor: pointer;
        background-position: 20px center;
        background-repeat: no-repeat;
        color: #333333;
        font-size: 16px;
        padding: 10px 0 16px 50px;
        display: block;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }
    .menu .threeLevel .linkBot [class*='icon'] {
        display: block;
        position: absolute;
        height: 100%;
        width: 56px;
        top: 0px;
        left: 0px;
        text-align: center;
        font-size: 20px;
        line-height: 48px;
        color: #968b84
    }
    .menu .threeLevel .linkBot:after {
        content: "+";
        position: absolute;
        right: 14px;
        top: 50%;
        font-size: 21px;
        color: #808080;
        margin-top: -14px
    }
    .menu .threeLevel .linkBot:before {
        display: block;
        content: "";
        position: absolute;
        right: 50%;
        top: 100%;
        border-top: solid 9px #958a83;
        border-right: solid 9px transparent;
        border-left: solid 9px transparent;
        border-bottom: solid 0px transparent;
        margin-left: -9px;
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    .menu .threeLevel ul {
        display: none;
        padding: 2px 0 4px
    }
    .menu .threeLevel ul li a {
        padding: 8px 50px;
        display: block;
        color: #333333;
        font-size: 14px
    }
    .menu .threeLevel ul li a:hover {
        text-decoration: underline
    }
    .greetings {
        padding: 20px 0
    }
    .greetings .creditsBlock {
        display: none
    }
    .greetings .diesBl .item {
        min-height: 65px
    }
    .greetings .diesBl .item .in {
        height: 100%
    }
    .greetings .diesBl .item .name {
        font-size: 18px
    }
    .greetings .diesBl .item .name br {
        display: block
    }
    .greetings .diesBl .item p {
        display: none
    }
    .greetings .courseBlock {
        width: 100%
    }
    .greetings .courseBlock .forma .inputLine .inputInconBl {
        text-align: center;
        padding-left: 0px
    }
    .greetings .courseBlock .courseForma .labelsLine span {
        display: inline-block;
        vertical-align: middle;
        width: calc((100% / 3) - 7px)
    }
    .greetings .courseBlock .courseForma .labelsLine span:first-child {
        width: calc(100% / 3);
        margin-right: 15px
    }
    .greetings .courseBlock .courseForma .forma {
        left: 4px
    }
    .greetings .courseBlock .courseForma .forma .inputLine .inputInconBl {
        width: calc(100% / 3)
    }
    .greetings .courseBlock .courseForma .forma .inputLine input {
        width: calc((100% / 3) - 9px)
    }
    footer {
        padding-top: 72px;
        position: relative
    }
    footer .socialFooter {
        position: absolute;
        top: 14px
    }
.articleBlock {
    padding: 2px; 
}
    .contentPageMain {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .lineVerticalNews {
        padding: 10px 10px 20px 10px;
width:100%
    }
    .lineVerticalRight.mobileHorizont {
        /*max-width: 480px*/
    }
    .newBl .pictureNew .prosmotrs {
        right: 15px;
        bottom: 0px
    }
    .newBl .pictureNew .desr {
        left: 18px;
        bottom: 7px
    }
    .newBl .pictureNew .nameNews {
        padding: 5px 14px;
        font-size: 12px;
        line-height: 15px
    }
    .newBl .txt p {
        display: none
    }
    .newBl.vertical .pictureNew {
        width: 180px;
        height: 85px
    }
    .newBl.vertical .listNews .new .pictureNew .prosmotrs {
        right: 10px;
        bottom: 0px;
        background-size: 20px;
        padding: 10px 0 10px 25px
    }
    .newBl.vertical .listNews .new .pictureNew .desr {
        left: 10px;
        bottom: 9px
    }
    .newBl.vertical .listNews .new .txt {
        width: calc(100% - 180px);
        padding-left: 15px
    }
    .newBl.vertical .listNews .new .txt .link {
        min-height: 70px;
        display: block
    }
    .newBl.vertical .listNews .new+.pictureBanners {
        margin-top: 10px
    }
    .newBl.vertical .listNews .new+.pictureBanners+.new {
        margin-top: 20px
    }
    .newBl .newDay .pictureNew {
        height: 180px;
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .newBl .newDay .txt {
        width: 100%;
        padding: 13px 5px 0
    }
    .newBl .newDay .txt .link {
        font-size: 18px;
        line-height: 20px
    }
    .newBl .newDay .txt p {
        display: none
    }
    .newBl .newDay .bot {
        margin-top: 0px
    }
    .newBl .newDay+* {
        margin-top: 8px
    }
    .newBl .linksBot .btn {
        margin: 15px auto 0
    }
    .newBl.readingNews .listNews .new {
        width: 100%
    }
    .newBl.readingNews .listNews .new .txt {
        top: 0
    }
    .newBl.readingNews .listNews .new .txt .link {
        font-size: 14px;
        line-height: 16px
    }
    .faceBl {
        width: 83px;
        height: 83px
    }
    .pictureBanners+.new {
        margin-top: 30px
    }
    .breadCrumbs {
        padding: 4px 0 10px
    }
    .infoArticleBottom .alsoRead .newBl {
        width: calc(100% + 20px)
    }
    .alsoRead .tit {
        font-size: 20px
    }
    .alsoRead .newBl {
        overflow: auto;
        width: 100%
    }
    .alsoRead .newBl .listNews {
        width: 740px;
        justify-content: flex-start
    }
    .alsoRead .newBl .listNews .new .pictureNew .desr {
        left: 10px;
        bottom: 12px
    }
    .alsoRead .newBl .listNews .new+.new {
        margin-left: 15px
    }
    .articleBlock .infoArticleBottom .socialBottomArticle .left {
        width: 100%;
        float: none
    }
    .articleBlock .infoArticleBottom .socialBottomArticle .right {
        width: 100%;
        margin-top: 15px;
        float: none
    }
    .formaArticle .authorBl {
        width: 215px
    }
    .formaArticle .prosmotrArticle {
        background-size: 25px;
        background-position: 6px center
    }
    .countCommentTit {
        background-position: left 1px;
        background-size: 18px
    }
    .bankBl .discussion .newComment .inpTxt .btn {
        margin-top: 65px
    }
    .discussion .newComment .inpTxt textarea+.btn {
        margin-top: 55px
    }
    .discussion .newComment .ratingAdd {
        bottom: 40px;
        right: 0px
    }
    .discussion .newComment .ratingAdd .ratingTextAdd {
        margin-right: 35px
    }
    .discussion .newComment .ratingAdd .progresBar {
        width: 100px;
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    .discussion .newComment .ratingAdd .progresBar .progress {
        width: 100%
    }
    .creditApplic .listBanksCredits ul li {
        width: 95px
    }
    .banksBlock .bankSearchBl .tit span {
        font-size: 22px
    }
    .banksBlock .bankSearchBl .bankLineBotSearchBl .search {
        width: 200px
    }
    .banksBlock .bankSearchBl .bankLineBotSearchBl .search input {
        font-size: 14px
    }
    .banksBlock .bankSearchBl .bankLineBotSearchBl .search .btnSearch {
        top: 3px
    }
    .banksBlock .bankSearchBl .linkMaps {
        font-size: 14px;
        bottom: 25px
    }
    .banksBlock .menuBanks {
        margin-top: 20px;
        overflow-y: hidden;
        overflow-x: auto
    }
    .banksBlock .listBanks.opinionClient .titleListBank {
        display: none
    }
    .banksBlock .listBanks.optionCourse .titleListBank {
        display: none
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item.open .closeBank {
        top: 10px;
        right: 10px;
        margin-top: 0px;
        cursor: pointer;
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank {
        justify-content: space-between;
        width: 100%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic {
        width: 50%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line {
        width: calc(100% / 4)
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse {
        width: 100%;
        margin-top: 25px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel {
        width: 100%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
        width: 49%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line {
        width: calc(100% / 4)
    }
    .banksBlock .listBanks .listBankContent .item {
        padding: 28px 15px 25px
    }
    .banksBlock .listBanks .listBankContent .item:not(.noDop):hover {
        padding-top: 29px
    }
    .banksBlock .listBanks .listBankContent .item .progresBar {
        left: auto;
        top: 15px;
        right: 15px
    }
    .banksBlock .listBanks .listBankContent .item .progresBar.vercical {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .banksBlock .listBanks .listBankContent .item .picBank {
        display: none
    }
    .banksBlock .listBanks .listBankContent .item .nameBank {
        font-size: 16px;
        padding-left: 0
    }
    .banksBlock .listBanks .listBankContent .item .infoBank {
        width: 100%;
        margin-top: 19px
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li p br {
        display: none
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li+li {
        float: left;
        width: 50%
    }
    .banksBlock .listBanks .listBankContent .item .infoBank ul li:last-child {
        margin-top: 27px
    }
    .banksBlock .listBanks .listBankContent .item .timeBank {
        border-top: solid 1px #bfbfbf;
        width: 100%;
        margin-top: 18px;
        padding-top: 10px;
        min-height: inherit
    }
    .banksBlock .listBanks .listBankContent .item .timeBank ul li {
        display: inline
    }
    .banksBlock .listBanks .listBankContent .item .timeBank .nowBank {
        margin-top: 10px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .numer {
        display: none
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .progRating .lineProg {
        height: calc(100% - 1px)
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .btn {
        position: relative;
        left: 0;
        top: 0;
        margin: 20px auto 0
    }
    .banksBlock .listBanks .listBankContent .item .closeBank {
        top: 50%;
        margin-top: 20px
    }
    .banksBlock .listBanks .listBankContent .item.open .lineRatings {
        height: 190px
    }
    .banksBlock .listCredits .titleListCredits>ul {
        display: none
    }
    .banksBlock .listCredits .itemCredits .nameCreits {
        font-size: 16px
    }
    .banksBlock .listCredits .itemCredits .lineCredits {
        flex-wrap: wrap;
        padding: 20px 0 15px
    }
    .banksBlock .listCredits .itemCredits .lineCredits:first-child {
        border-top: 0
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
        width: 100%;
        padding-bottom: 10px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(2) {
        padding-left: 20px;
        width: calc(100% / 3)
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(3) {
        width: calc(100% / 3)
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(4) {
        width: calc(100% / 3);
        padding-left: 15px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(5) {
        width: 100%
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(5) .btn {
        margin: 14px auto 0;
        padding: 4px 37px
    }
    .banksBlock .listCredits .bottomLinkLine a {
        font-size: 12px
    }
    .banksBlock .listCredits+.pictureBanners {
        margin: 20px 0 10px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .nameMobile {
        display: block;
        color: #305f85 !important;
        font-size: 16px !important;
        max-width: 90%;
        padding-left: 15px;
        font-weight: bold
    }
    .banksBlock .listCredits.listSimilar .lineCredits .iconMobile {
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        background-repeat: no-repeat;
        width: 21px;
        height: 21px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col {
        position: relative
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(2) {
        width: 50%;
        padding: 0 15px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(3) {
        width: 50%;
        padding: 0 15px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(4) {
        width: 100%;
        padding-top: 15px
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col .btn {
        display: table;
        padding: 4px 37px;
        width: auto;
        margin: 0 auto
    }
    .banksBlock .listCredits.listSimilar .lineCredits .col .picBank {
        display: none
    }
    .banksBlock {
        padding: 12px 0 0
    }
    .banksBlock .bankSearchBl {
        width: 100%;
        padding: 12px;
        margin-top: 13px;
        height: inherit
    }
    .banksBlock .bankSearchBl .tit span {
        font-size: 20px
    }
    .banksBlock .bankSearchBl .bankLineBotSearchBl .search {
        width: 161px
    }
    .banksBlock .bankSearchBl .linkMaps {
        bottom: 8px;
        padding: 5px 0 5px 21px
    }
    .banksBlock .menuBanks {
        margin-top: 16px
    }
    .banksBlock .menuBanks>ul>li>span,
    .banksBlock .menuBanks>ul>li>a {
        font-size: 12px
    }
    .banksBlock .menuBanks>ul>li>span:before,
    .banksBlock .menuBanks>ul>li>a:before {
        bottom: -14px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item {
        padding: 28px 0px 25px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .pic img {
        left: 0px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .nameBank {
        display: none !important
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line .desrMobile {
        color: #808080
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line:last-child,
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourseBank .col-line .desr {
        display: none !important
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse {
        width: 100%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel {
        width: 100%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank {
        padding-right: 10px;
        width: 50%;
        font-size: 12px;
        padding-left: 25px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .nameBank .adress {
        font-size: 12px
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line {
        width: 25%
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line:last-child,
    .banksBlock .listBanks.optionCourse .listBankContent .item .lineCourse .lineCourseOtdel .col-line .desr {
        display: none !important
    }
    .banksBlock .listBanks.optionCourse .listBankContent .item .closeBank {
        top: 3px;
        right: 4px
    }
    .banksBlock .listBanks .listBankContent .item .timeBank {
        padding-top: 3px
    }
    .banksBlock .listBanks .listBankContent .item .lineRatings .listRatings .line .txt {
        position: absolute;
        right: 0;
        top: 2px;
        z-index: 5
    }
    .banksBlock .listBanks .listBankContent .item .closeBank {
        /*margin-top: 22px;*/
        /*right: 15px;*/
        margin-top: 13px;
        right: 15px;
        display: block;
        top:0;
    }
    .banksBlock .listCredits .itemCredits .nameCreits {
        font-size: 14px;
        padding: 8px 20px
    }
    .banksBlock .listCredits .itemCredits .lineCredits .col .desr {
        font-size: 12px;
        line-height: 16px
    }
    .banksBlock .listCredits .itemCredits .sub .lineCredits {
        padding: 10px 0
    }
    .banksBlock .listCredits .itemCredits .sub .lineCredits .col .name {
        font-size: 14px
    }
    .sliderReviewsBanks .owl-nav {
        display: none
    }
    .oftenSearch {
        display: none
    }
    .infoBank spanspan.address {
        padding-left: 18px
    }
    .bankBl .infoBank {
        width: calc(100% + 30px);
        left: -15px;
        position: relative;
        padding: 20px 0 0;
        gap: 0;
    }
    .bankBl .infoBank.mobileImage .picture {
        display: block;
        width: 100%;
        height: 103px;
        padding: 5px;
        max-width: 450px;
        margin: 0 auto;
        grid-column-start: 1;
        grid-column-end: 4;    
    }
    .bankBl .infoBank.mobileImage .picture .pic {
        height: 100%
    }
    .bankBl .infoBank.mobileImage .picture .link {
        display: none
    }
    .bankBl .infoBank.mobileImage .information {
        margin-top: 20px
    }
    .bankBl .infoBank.mobileImage .title {
        display: none
    }
    .bankBl .infoBank .picture {
        display: none
    }
    .bankBl .infoBank .information {
        width: 100%;
        margin-top: 76px;
        position: relative;
        background-color: #fff;
        padding: 15px;
        grid-column-start: 1;
        grid-column-end: 4; 
    }
    .bankBl .infoBank .information .name {
        font-size: 20px;
        position: absolute;
        top: -83px;
        left: 15px
    }
    .bankBl .infoBank .information .adress {
        padding-left: 18px;
        background-size: 12px;
        display: block;
        width: 100%;
        color: #333333
    }
    .bankBl .infoBank .information .adress br {
        display: none
    }
    .bankBl .infoBank .information ul {
        margin-bottom: 7px;
        float: left
    }
    .bankBl .infoBank .information ul+a {
         margin-top: 28px;
    }
    .bankBl .infoBank .information ul+a+a {
        margin-top: 44px;
        margin-left: -100px
    }
    .bankBl .infoBank .information ul~a {
        float: left;
        margin-left: 20px
    }
    .bankBl .infoBank .information ul li a {
        color: #333333
    }
    .bankBl .infoBank .information a {
        color: #333333
    }
    .bankBl .infoBank .ratingBank {
        display: none
    }
    .bankBl .infoBank .menuinBank {
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
        padding: 0;
        margin: 0;
        background-color: #fff;
        overflow: auto
    }
    .bankBl .infoBank .menuinBank:before {
        display: none
    }
    .bankBl .infoBank .menuinBank ul {
        width: 767px;
        overflow: hidden;
        display: block;
        background-color: #fff
    }
    .bankBl .infoBank .menuinBank ul li {
        width: calc(100% / 9);
        float: left;
        display: block
    }
    .bankBl .infoBank .menuinBank ul li a {
        color: #333333;
        display: block;
        padding: 10px 0;
        width: 100%;
        text-align: center
    }
    .bankBl .infoBank .menuinBank ul li a.active {
        color: #333333;
        background: #fce760;
        background: -moz-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #fce760), color-stop(100%, #ffca00));
        background: -webkit-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: -o-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: -ms-linear-gradient(left, #fce760 0%, #ffca00 100%);
        background: linear-gradient(to right, #fce760 0%, #ffca00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color4-h2', endColorstr='   $color4-h1', GradientType=1)
    }
    .bankBl .infoBank .menuinBank ul li+li {
        border-left: solid 1px #bfbfbf
    }
    .bankBl .discussion {
        border-top: 0
    }
    .bankBl .textBlock+.tableCourse {
        margin-top: 35px
    }
    .bankBl .filterCourse+.tableCourse,
    .bankBl .filterCourse+.banksBlock {
        margin-top: 0
    }
    .tableCourse .sortBl,
    .banksBlock .sortBl {
        display: block !important
    }
    .banksBlock .sortBl {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .banksBlock .sortBl+.listBanks.optionCourse {
        margin-top: 0px
    }
    .prodServBank .listProd .item {
        width: calc(50% - 5px)
    }
    .prodServBank .listProd .item .in {
        padding: 5px 10px;
        height: 66px
    }
    .prodServBank .listProd .item .in .name {
        font-size: 16px
    }
    .prodServBank .listProd .item .in .iconBl {
        background-size: 50px;
        right: 0
    }
    .prodServBank .textBlock {
        padding: 12px 15px 0px;
        margin: 14px -15px 0px;
	text-align: justify;
    font-size: 14pt;

    }
    .prodServBank .infoBotBank ul li span {
        font-size: 16pt;
    }
    .prodServBank .lineRatings {
        padding: 20px 15px 20px;
        margin: 35px -15px 0px;
        width: auto
    }
    .prodServBank .lineRatings .btn {
        position: relative;
        left: auto;
        top: auto;
        margin: 20px auto 0;
        right: auto
    }
    .prodServBank .lineRatings .listRatings {
        display: table;
        margin: 19px auto 0px 0px;
        width: auto
    }
    .prodServBank .lineRatings .listRatings .numer {
        display: none
    }
    .prodServBank .sliderReviewsBanks {
        padding: 20px 0
    }
    .prodServBank .bannerLine {
        padding: 13px 0 10px
    }
    .cardBl .filterBl {
        margin: 0;
        display: none;
        flex-wrap: wrap;
        width: 100%;
        position: absolute;
        top: 95px;
        left: 0;
        z-index: 6;
        background-color: #fff
    }
    .cardBl .filterBl .forma:after {
        display: none
    }
    .listCards .itemCard .line {
        padding: 15px 0;
        flex-wrap: wrap
    }
    .listCards .itemCard .line .picCard {
        height: 130px;
        margin: 0 auto
    }
    .listCards .itemCard .line .infoCard {
        width: 100%;
        padding: 0 15px
    }
    .listCards .itemCard .line .link {
        width: 100%
    }
	.listCards .itemCard .line .bf_link {
        width: 100%
    }
    .listCards .itemCard .line .link .btn {
        padding: 5px 40px;
        margin: 0 auto
    }
	.listCards .itemCard .line .bf_link .btn {
        padding: 5px 40px;
        margin: 0 auto
    }
    .botTableLink .txt {
        font-size: 14px
    }
    .mapsInfoBlock .filterBl {
        display: none
    }
    .infoBank p,
    .infoBank a {
        padding-left: 20px
    }
    .infoBank p img,
    .infoBank a img {
        width: 14px
    }
    .infoBank .information p img.wIcon,
    .infoBank .information span img.wIcon,
    .infoBank .information a img.wIcon {
        display: none
    }
    .infoBank .information p img.cIcon,
    .infoBank .information span img.cIcon,
    .infoBank .information a img.cIcon {
        display: block
    }
    .mapBlock .searchMapBl {
        top: 5px
    }
    .tableCourse .table .thead .tr .td:first-child {
        width: 40px
    }
    .tableCourse .table .thead .tr .td:nth-child(2) {
        width: 145px
    }
    .tableCourse .table .tbody .tr .td img {
        width: 75px
    }
    .tableCourse .lineOtherCountry {
        padding: 5px 10px
    }
    .tableCourse .lineOtherCountry .text {
        font-size: 14px
    }
    .tableCourse .lineOtherCountry ul li a {
        font-size: 14px
    }
    .tableCourse .botTableLink .txt {
        font-size: 14px
    }
    .filterBl {
        padding: 15px 30px
    }
    .filterBl .forma {
        width: 100%
    }
    .filterBl .forma:after {
        display: none
    }
    .filterBl .forma .inputLine {
        width: calc(50% - 15px)
    }
    .filterBl .formaChek {
        width: 100%;
        margin-left: 0;
        justify-content: space-between;
        padding-top: 15px
    }
    .filterBl .formaChek .chekBl {
        width: calc(50% - 15px)
    }
    .filterBl .formaChek .chekBl+.chekBl {
        margin-left: 30px
    }
    .filterBl.filterPaymentCards {
        padding: 15px
    }
    .filterBl.filterPaymentCards .forma {
        width: 100%;
        flex-wrap: wrap
    }
    .filterBl.filterPaymentCards .forma .inputLine {
        width: 100%
    }
    .filterBl.filterPaymentCards .formaChek {
        display: flex;
        justify-content: flex-start;
        padding: 10px 0 0
    }
    .filterBl.filterPaymentCards .formaChek .chekBl+.chekBl {
        margin-left: 15px
    }
    .filterCourse .lineFilter .forma {
        flex-wrap: wrap
    }
    .filterCourse .lineFilter .forma .inputLine {
        width: 100%
    }
    .filterCourse .lineFilter .forma .inputLine .range {
        width: 100%
    }
    .filterCourse .lineFilter .forma .inputLine .selectric-wrapper {
        width: 100%;
        border-width: 2px
    }
    .filterCourse .lineFilter .forma .inputLine+.inputLine {
        margin-left: 0;
        margin-top: 15px
    }
    .filterCredits {
        padding: 20px
    }
    .filterCredits .lineRanges {
        flex-wrap: wrap
    }
    .filterCredits .lineRanges .range {
        width: 100%
    }
    .filterCredits .lineRanges .range+.range {
        margin-left: 0;
        margin-top: 20px
    }
    .filterCredits .lineChek .chekBl label {
        font-size: 12px
    }
    .filterCredits .btn {
        position: relative;
        margin: 20px auto 0;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto
    }
    .menubutt {
        display: block
    }
    .desrMobile {
        display: block;
        font-size: 10px !important;
        color: #333333
    }
    .sortBl {
        display: block !important
    }
    .menuBlWrap {
        display: none
    }
    .menuBl {
        display: none
    }
    .messageError {
        margin-bottom: 0px;
        padding-bottom: 20px;
        padding-top: 105px
    }
    .messageError+.infoBanksMain {
        display: none
    }
    .messageError .name {
        font-size: 170px
    }
    .messageError .txt {
        font-size: 25px
    }
    .messageError .btn {
        margin-top: 69px
    }
    .moreBl {
        width: 446px;
        left: -17px;
        padding: 11px 19px
    }
    .moreBl ul li {
        width: calc(100% / 3)
    }
    #mapModal {
        width: 100%
    }
    .mapsModalBl .lineTop .top {
        max-width: 330px
    }
    .mapsModalBl .lineMap {
        width: 100%
    }
    #thankModal {
        width: 100%;
        max-width: 570px
    }
    #comSentModal {
        width: 100%;
        max-width: 570px
    }
    .thankBl .top {
        padding: 10px
    }
    .thankBl .bot {
        padding: 9px 0 20px
    }
    .thankPage .countryBl {
        display: none
    }
    .thankBlock {
        padding: 50px 0 0;
        height: calc(100vh - 56px);
        min-height: 610px;
        position: relative
    }
    .thankBlock img {
        width: 100px
    }
    .thankBlock .oneTxt {
        font-size: 30px
    }
    .thankBlock .twoTxt {
        font-size: 20px;
        margin-top: 25px
    }
    .thankBlock .btn {
        font-size: 16px;
        margin-top: 50px
    }
    .thankBlock .socialThank {
        margin-top: 0px;
        bottom: 80px
    }
    .thankBlock .socialThank .txt {
        font-size: 18px
    }
    .thankBlock .socialThank ul {
        margin-left: 10px
    }
    .thankBlock .socialThank ul li+li {
        margin-left: 3px
    }
    .thankBlock .socialThank ul li a {
        width: 35px;
        line-height: 36px;
        height: 35px
    }
    .thankBlock .socialThank ul li a span {
        font-size: 18px
    }
    .selectCityBlock .top {
        padding: 15px;
        flex-wrap: wrap
    }
    .selectCityBlock .top .txt {
        width: 100%
    }
    .selectCityBlock .top .txt span {
        font-size: 18px
    }
    .selectCityBlock .top .searchCity {
        width: 100%;
        margin-top: 15px
    }
    .selectCityBlock .con {
        padding: 0;
        min-height: calc(100vh - 155px)
    }
    .selectCityBlock .con .listRegion {
        flex-wrap: wrap
    }
    .selectCityBlock .con .listRegion .region {
        cursor: pointer;
        width: 100%;
        padding: 0 15px
    }
    .selectCityBlock .con .listRegion .region .nameRegion {
        padding: 10px 0
    }
    .selectCityBlock .con .listRegion .region ul {
        padding: 0 15px;
        display: none;
        margin-top: 0;
        overflow: hidden;
        flex-wrap: wrap
    }
    .selectCityBlock .con .listRegion .region ul li {
        float: left;
        width: calc(100% / 2)
    }
    .modalsScroll .blockMod#orderModal {
        width: 300px
    }
    .overlayIn {
        z-index: 5;
        position: fixed;
        background-color: #000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        cursor: pointer;
        display: none;
        opacity: .5
    }
    .mapPage .mapBlock {
        height: 725px
    }
    .newBl .listNews .pictureNew .prosmotrs:before {
        font-size: 20px
    }
    .newBl .bot:before {
        font-size: 16px
    }
    html.Chrome.Android .socialThank ul li a [class*='icon']:before {
        position: relative;
        top: 0px
    }
}
@media (max-width:479px) {
    header .logo {
        margin: 6px 0px 10px 0px
    }
    header .countryBl {
        margin-right: 11px;
        top: 84px
    }
    .logo img {
        width: 107px
    }
    .logo .txt {
        font-size: 10px;
        vertical-align: -7px
    }
.tit h1 {
   font-size:14pt;
}
    .greetings {
        padding: 12px 0 18px
    }
    .greetings .diesBl {
        padding: 0
    }
    .greetings .diesBl .item {
        width: calc(50% - 5px);
        margin-bottom: 11px
    }
    .greetings .diesBl .item .in {
        padding: 5px
    }
    .greetings .diesBl .item .in img {
        right: 10px;
        height: 40px;
        margin-top: -20px
    }
    .greetings .diesBl .item .name {
        font-size: 15px
    }
    .greetings .courseBlock {
        padding: 0
    }
    .greetings .courseBlock .courseForma .labelsLine span:first-child {
        margin-right: 11px
    }
    .greetings .courseBlock .courseForma .forma .inputLine .inputInconBl+* {
        margin-left: 5px
    }
    .greetings .courseBlock .courseForma .btn {
        margin: 20px auto 0
    }
    .greetings .courseBlock .converter {
        padding: 7px 14px 11px
    }
    .greetings .courseBlock .converter .forma .inputLine+.inputLine {
        margin-top: 7px
    }
    .tabBlueBlock .thead ul li {
        padding: 13px 0px
    }
    footer .copyText {
        padding-left: 0
    }
    footer .socialFooter {
        padding: 4px 0
    }
    .infoBanksMain {
        padding: 15px 13px
    }
    .reklamaBlock+* {
        margin-top: 5px
    }
    .lineVerticalNews {
        padding: 6px 14px 20px 14px
    }
    .newBl .pictureNew {
        background-size: cover
    }
    .newBl .pictureNew:hover {
        background-size: cover
    }
    .newBl .pictureNew .desr {
        left: 15px;
        bottom: 9px
    }
    .newBl .bot {
        padding: 10px 0 10px 20px;
        background-size: 16px
    }
    .newBl.vertical .listNews .pictureNew {
        width: 100px;
        height: 72px
    }
    .newBl.vertical .listNews .new .pictureNew .prosmotrs {
        right: 5px;
        bottom: -5px
    }
    .newBl.vertical .listNews .new .pictureNew .desr {
        display: none
    }
    .newBl.vertical .listNews .new .txt {
        top: 0;
        width: calc(100% - 100px);
        padding-left: 10px;
text-align:left;
    }
    .newBl.vertical .listNews .new .txt .link {
        min-height: 45px;
        font-size: 14px;
        line-height: 17px
    }
    .newBl .newDay .txt {
        padding: 13px 0px 0
    }
    .faceBl {
        width: 55px;
        height: 55px
    }
    .faceBl:before {
        width: 100px;
        height: 76px;
        display: none
    }
    .pictureBanners {
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .breadCrumbs {
        padding: 4px 0
    }
    .breadCrumbs ul {
        line-height: 12px
    }
    .nowReading {
        padding-bottom: 15px
    }
    .alsoRead .tit {
        font-size: 18px
    }
    .alsoRead .newBl .listNews .new .pictureNew .nameNews {
        font-size: 12px
    }
    .alsoRead .newBl .listNews .new .pictureNew .prosmotrs {
        bottom: 0px;
        right: 10px
    }
    .alsoRead .newBl .listNews .new .pictureNew .desr {
        left: 10px;
        bottom: 9px
    }
    .alsoRead+.textBlock {
        margin-top: 15px
    }
    .articleBlock .infoArticleBottom .socialBottomArticle .left .tit {
        display: none
    }
    .articleBlock .infoArticleBottom .socialBottomArticle .right {
        display: none
    }
    .articleBlock .alsoRead .btn {
        margin: 18px auto 0
    }
    .articleBlock .discussion {
        margin-top: 18px
    }
    .articleBlock .discussion .newComment .inpTxt textarea+.btn {
        margin-top: 24px !important
    }
    .formaArticle .left {
        width: 100%;
        padding-top: 5px;
        float: none
    }
    .formaArticle .right {
        width: 100%;
        padding-top: 0;
        float: none
    }
    .formaArticle .authorBl {
        width: 100%
    }
    .formaArticle .socialList ul li img {
        margin: 0
    }
    .formaArticle .prosmotrArticle {
        background-size: 27px;
        padding-left: 34px
    }
    .quoteBlock {
        margin: 25px 0 !important;
        padding: 10px 0 10px;
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .quoteBlock p {
        font-size: 14px;
        line-height: 18px
    }
    .discussion {
        padding-top: 17px
    }
    .discussion .tit {
        font-size: 20px
    }
    .discussion .newComment {
        margin-top: 16px
    }
    .discussion .newComment .pic {
        display: none
    }
    .discussion .newComment .inpTxt {
        width: 100%;
        padding-left: 0;
        display: block
    }
    .discussion .newComment .inpTxt textarea {
        height: 96px;
        padding: 10px 10px
    }
    .discussion .newComment .inpTxt textarea+.btn {
        margin-top: 68px !important
    }
    .discussion .newComment .inpTxt .btn {
        margin-left: auto;
        margin-right: auto
    }
    .discussion .newComment .ratingAdd .ratingTextAdd {
        font-size: 12px;
        margin-right: 24px
    }
    .discussion .newComment .ratingAdd .ratingTextAdd:before {
        right: -18px
    }
    .discussion .commentsBl {
        padding-top: 0
    }
    .discussion .commentsBl .listComments .item {
        position: relative
    }
    .discussion .commentsBl .listComments .item .pic {
        position: absolute;
        top: 12px;
        left: 0
    }
    .discussion .commentsBl .listComments .item .txt {
        padding-top: 27px;
        width: 100%;
        margin: 0;
        display: block
    }
    .discussion .commentsBl .listComments .item .txt .tit {
        padding-left: 58px
    }
    .discussion .commentsBl .listComments .item .txt .tit+* {
        margin-top: 19px
    }
    .discussion .commentsBl .listComments .item .txt .tit .name {
        display: block
    }
    .discussion .commentsBl .listComments .item .txt .tit .date {
        display: block
    }
    .discussion .commentsBl .listComments .item .countComment {
        margin-top: 15px
    }
    .discussion .commentsBl .listComments .item.answer {
        padding-left: 30px;
        margin-top: 0px
    }
    .discussion .commentsBl .listComments .item.answer .pic {
        left: 30px
    }
    .discussion .commentsBl .listComments .item.answerBank {
        margin-bottom: 25px
    }
    .discussion .commentsBl .listComments .item.answerBank .txt {
        width: 100%
    }
    .discussion .commentsBl .listComments .item.answerBank .txt .tit {
        padding-left: 0
    }
    .discussion .commentsBl .listComments .item.answerBank .txt:after {
        left: -30px;
        top: 15px
    }
    .discussion .commentsBl .listComments .item.nolikes .txt .tit .likesBl {
        display: none
    }
    .discussion .commentsBl .listComments .item.nolikes .date {
        position: absolute;
        right: 0;
        top: 0
    }
    .discussion .commentsBl .listComments .item+.item:not([class*="answer"]) {
        margin-top: 20px
    }
    .creditApplic .listBanksCredits ul li {
        width: 55px
    }
    .sliderReviewsBanks {
        padding: 30px 0
    }
    .sliderReviewsBanks .item .rewBank .top span {
        display: block;
        text-align: center
    }
    .sliderReviewsBanks .item .rewBank .top .picBank {
        margin: 0 auto;
        display: block
    }
    .bankBl {
        padding: 8px 15px 0;
max-width:470px;
    }
    .bankBl .infoBank {
        padding: 0
    }
    .bankBl .infoBank.mobileImage .picture {
        max-width: 291px;
        margin: 8px auto 0;
        height: 80px
    }
    .bankBl .infoBank.mobileImage .information {
        padding: 12px 15px;
        margin-top: 8px
    }
    .bankBl .infoBank .information {
        margin-top: 106px;
        padding: 10px 15px
    }
    .bankBl .infoBank .information .name {
        top: -96px;
        padding-right: 15px
    }
    .bankBl .banksBlock {
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .mapBank {
        padding-top: 20px
    }
    .prodServBank {
        margin-top: 18px
    }
    .prodServBank .listProd .item .in .iconBl {
        background-size: 100%;
        right: 5px;
        width: 45px;
        height: 45px;
        bottom: 0;
        top: auto
    }
    .prodServBank .lineRatings .tit {
        font-size: 18px
    }
    .prodServBank .lineRatings .listRatings .line {
        position: relative;
        width: 290px
    }
    .prodServBank .lineRatings .listRatings .line .progRating {
        width: 270px
    }
    .prodServBank .lineRatings .listRatings .line .progRating:before {
        background-position: right;
        width: 100%
    }
    .prodServBank .lineRatings .listRatings .line .txt {
        width: 245px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5
    }
    .titpaddLeft {
        font-size: 18px;
        text-align: left;
        padding: 0 10px
    }
    .cardBl {
        padding-top: 0;
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .cardBl>.titpaddLeft {
        display: none
    }
    .cardBl .filterBl {
        top: -180px
    }
    .listCards .itemCard .nameCard {
        font-size: 14px
    }
    .listCards .itemCard .line {
        position: relative
    }
    .listCards .itemCard .line .picCard {
        overflow: hidden;
        height: inherit;
        margin: 80px auto 10px;
        border-bottom: solid 1px #bfbfbf;
        max-width: 290px;
        width: 100%
    }
    .listCards .itemCard .line .picCard .pic {
        left: 0;
        top: 0;
        height: 65px;
        background-position: top;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -ms-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -ms-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .listCards .itemCard .line .infoCard .desr {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        padding: 0 15px
    }
    .listCards .itemCard .line .infoCard .name {
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        padding: 0 15px
    }
    .listCards .itemCard .line:hover .picCard .pic {
        left: 0;
        top: 0;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25)
    }
    .botTableLink {
        padding: 10px 0
    }
    .mapsInfoBlock {
        display: none
    }
    .mapBlock .searchMapBl {
        width: 100%;
        left: 0;
        background-color: #e6e6e6;
        top: 0;
        padding-top: 8px
    }
    .mapBlock .searchMapBl .lineSerchMap {
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
        border: 0
    }
    .bankNews .titpaddLeft {
        display: none
    }
    .tableCourse {
        width: calc(100% + 30px);
        position: relative;
        left: -15px
    }
    .tableCourse .table {
        display: block
    }
    .tableCourse .table .thead {
        padding: 8px 0 12px;
        display: block
    }
    .tableCourse .table .thead .tr {
        display: none
    }
    .tableCourse .table .tbody {
        display: block
    }
    .tableCourse .table .tbody .tr {
        padding: 6px 15px 19px;
        display: flex;
        flex-wrap: wrap;
        border-top: solid 1px #bfbfbf;
        position: relative
    }
    .tableCourse .table .tbody .tr .td {
        display: block;
        border: 0;
        padding: 0
    }
    .tableCourse .table .tbody .tr .td:nth-child(1) {
        position: absolute;
        right: 21px;
        top: 5px
    }
    .tableCourse .table .tbody .tr .td:nth-child(2) {
        width: 100%;
        padding-bottom: 12px
    }
    .tableCourse .table .tbody .tr .td:nth-child(3) {
        width: calc(100% / 3)
    }
    .tableCourse .table .tbody .tr .td:nth-child(4) {
        width: calc(100% / 3)
    }
    .tableCourse .table .tbody .tr .td:nth-child(5) {
        width: calc(100% / 3)
    }
    .tableCourse .table .tbody .tr.best .bestCurs {
        display: none
    }
    .tableCourse .table .tbody .bestCurs {
        display: none
    }
    .tableCourse .lineOtherCountry ul li a {
        font-size: 12px
    }
    .filterBl {
        padding: 0px 15px 10px
    }
    .filterBl .forma .inputLine .label {
        font-size: 12px;
        height: 30px
    }
    .filterBl .forma .inputLine .selectric-wrapper .selectric-scroll ul {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .filterBl .forma .inputLine .selectric-wrapper .selectric-scroll ul li {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px
    }
    .filterBl .formaChek {
        padding-top: 13px
    }
    .filterBl .formaChek .chekBl label {
        font-size: 12px
    }
    .filterBl .formaChek .chekBl label:before {
        margin-top: -8px
    }
    .filterBl .formaChek .chekBl label:after {
        margin-top: -4px
    }
    .filterBl.filterPaymentCards .forma .inputLine+.inputLine {
        margin-top: 10px
    }
    .filterBl.filterPaymentCards .formaChek .chekBl+.chekBl {
        margin-top: 0
    }
    .filterCourse {
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        padding: 15px;
        background-position: 0 170px;
        background-size: 100% auto;
        background-image: url("../../img/bgfiltercoursemobile.jpg");
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }
    .filterCourse.active {
        background-position: 0 0
    }
    .filterCourse.active .tit {
        color: #fff
    }
    .filterCourse.active .iconCalc {
        background-image: none
    }
    .filterCourse.active .iconCalc.selected {
        top: 0px
    }
    .filterCourse.active .iconCalc span {
        display: block
    }
    .filterCourse .tit {
        font-size: 18px;
        max-width: 260px;
        color: #305f85
    }
    .filterCourse .lineFilter {
        display: none;
        margin-top: 20px
    }
    .filterCourse .lineFilter .forma {
        padding-bottom: 110px;
        position: relative
    }
    .filterCourse .lineFilter .forma .inputLine:nth-child(2) {
        position: absolute;
        bottom: 0;
        left:0;
    }
    .filterCourse .lineFilter .forma .inputLine:last-child .selectric-wrapper {
        width: 100%
    }
    .filterCourse .iconCalc {
        display: block
    }
    .filterCourse .btn {
        display: table;
        margin: 79px auto 80px;
        text-transform: none
    }
    .filterCourse+.titpaddLeft {
        display: none
    }
    .filterCredits {
        padding: 10px;
        width: calc(100% + 30px);
        position: relative;
        left: -15px;
        background-position: 0 170px;
        background-image: url("../../img/bgcreditsmobile.jpg");
        background-size: 100% auto;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s
    }
    .filterCredits.active {
        background-position: 0 0
    }
    .filterCredits.active .tit {
        color: #fff
    }
    .filterCredits.active .iconCalc {
        background-image: none
    }
    .filterCredits.active .iconCalc span {
        display: block
    }
    .filterCredits .tit {
        font-size: 18px;
        max-width: 260px;
        color: #305f85
    }
    .filterCredits .iconCalc {
        display: block
    }
    .filterCredits .lineFilter {
        display: none
    }
    .filterCredits .lineRanges {
        margin-top: 45px
    }
    .filterCredits .lineChek {
        flex-wrap: wrap;
        margin-top: 35px
    }
    .filterCredits .lineChek .chekBl {
        width: 50%;
        margin-bottom: 20px
    }
    .filterCredits .lineChek .chekBl+.chekBl {
        margin-left: 0
    }
    .filterCredits .btn {
        margin: 25px auto 35px
    }
    .moreBl {
        width: 280px;
        height: 310px;
        overflow: auto
    }
    .moreBl ul li {
        width: 50%
    }
    .mapsModalBl {
        padding: 15px 15px 15px
    }
    .mapsModalBl .lineTop .top {
        max-width: 225px;
        font-size: 16px
    }
    .mapsModalBl .lineTop .desr {
        font-size: 12px;
        margin-top: 5px
    }
    .mapsModalBl .lineMap {
        height: 470px;
        position: relative
    }
    .thankBlock {
        min-height: 510px
    }
    .thankBlock .oneTxt {
        font-size: 27px;
        margin-top: 9px
    }
    .thankBlock .twoTxt {
        margin-top: 9px;
        line-height: 25px
    }
    .thankBlock .btn {
        margin-top: 55px
    }
    .thankBlock .socialThank {
        padding: 10px 0;
        margin-top: 67px
    }
    .thankBlock .socialThank .txt {
        font-size: 12px
    }
    .thankBlock .socialThank ul li a {
        width: 25px;
        line-height: 23px;
        height: 25px;
        border-width: 1px
    }
    .thankBlock .socialThank ul li a span {
        font-size: 14px
    }
    #subsModal {
        width: 100%;
        max-width: 370px
    }
    #offerNewsModal {
        width: 100%;
        max-width: 800px
    }
    #offerNewsModal .btn {
        margin: 15px auto 0;
        float: none
    }
    .subscribeBl {
        padding: 15px
    }
    .selectCityBlock .top {
        padding: 7px 15px
    }
    .selectCityBlock .top .txt span {
        font-size: 16px;
        line-height: 16px
    }
    .selectCityBlock .top .searchCity input {
        opacity: .5
    }
    .linkRead {
        display: inline;
        font-size: 14px;
        color: #4b9bb4;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-decoration: underline;
        text-decoration-color: transparent
    }
    .linkRead:hover {
        text-decoration-color: #4b9bb4
    }
    .modalsScroll .modals .tCell {
        /*padding: 0;*/
        /*vertical-align: top*/
    }
    /*.bestCurs{display:none}*/
    .textAreaBl ul {
        padding: 2px 11px
    }
    .modalsScroll .blockMod#orderModal {
        margin-top: calc((100vh - 384px) / 2)
    }
    .modalsScroll .blockMod#mapModal .mapsModalBl {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px
    }
    .modalsScroll .blockMod#mapModal .mapsModalBl .lineTop {
        padding-left: 15px;
        padding-right: 15px
    }
    html.Chrome.Android .socialThank ul li a [class*='icon']:before {
        position: relative;
        top: 2px
    }
}
.bankBl .infoBank.forAnyCard{
    display:none;
}
.bankBl .infoBank .iconFilterCard.currentBank,
.bankBl .infoBank.mobileImage .iconFilterCard{
    display: none;
}


.filterOtdelBankomaty .information .iconFilterCard.currentBank{
       display: none;
}
.infoBank .forFindBank{
    display: none;
}
@media (max-width: 767px){
    .infoBank.forAnyCard + .cardBl > .titpaddLeft{
        display: none;
    }
    .filterBl.filterPaymentCards.filterForAnyCards .formaChek{
        width: 50%;
        display: block;
position: absolute;
bottom: 30px;
left: calc(50% + 15px);
    }
    .filterBl.filterForAnyCards .formaChek .chekBl{
        width: 100%;
        margin-top: 7px;
    }
  
    .filterBl.filterForAnyCards .formaChek .chekBl + .chekBl{
        margin-left: 0;
    }
    .cardBl .filterBl.filterForAnyCards{
        padding: 15px 0;
        padding-bottom: 55px;
        top: auto;
    }
    .filterBl.filterPaymentCards.filterForAnyCards .forma .inputLine{
        width: 50%;
        padding: 0 15px;
    }
    .filterKarty .filterBl .forma .inputLine{
        
        width: 50%;
        }
    .filterKarty .filterBl .forma .inputLine +.inputLine{
            
        margin-left: 30px;
        }
    .filterKarty .information .iconFilterCard.currentBank{
       display: block;
       position: absolute;
    }
    .mapBlock .searchMapBl .listSearchMap{
        max-height: 711px;
        height: auto;
    }
    .mapBlock .searchMapBl .listSearchMap .listBanks{
        height: auto;
        max-height: 711px;
        position: relative;
    }
    /* .bankBl .infoBank .iconFilterCard.currentBank{
        display: block;
        position: absolute;
    } */
    .bankBl .infoBank.forAnyCard .information{
        margin-top: 0;
        padding-top: 0;
		padding-bottom: 0;
    }
    .bankBl .infoBank.forAnyCard .information .name {
        color: #305f85;
		position: relative;
		top: auto;
		height: auto;
		left: auto;
    }
    .bankBl .infoBank.forAnyCard .information .iconFilterCard.selected{
        background: none;
    }
    .bankBl .infoBank.forAnyCard .information .iconFilterCard{
        position:absolute;
        top: auto;
        background-image: url("/local/templates/byfin/build/css/../../img/ic-filter2.png");
    }
    .bankBl .infoBank.forAnyCard{
       display: flex;
       background: none;
       padding-top: 0;
    }
    .filterBl.filterForAnyCards .forma .inputLine + .inputLine{
        margin-left: 0px;
    }
    .mapBlock .searchMapBl .listSearchMap.active .fullbank{
        height: auto;
		max-height: 711px;
		position: relative;
    }
	
}

@media (max-width:767px){
    .bankBl .infoBank.forAnyCard + .cardBl{
        padding-top: 0;
    }
    .filterOtdelBankomaty .infoBank .forFindBank{
        display: block;
        position: absolute;
        top: -30px;
        right: 15px;
    }
    .filterOtdelBankomaty .infoBank .information .forFindBank a{
        position: relative;
        color: #98b4bf;
        padding-left: 21px;
        font-size: 15px;
        z-index: 2;
    }
    .filterOtdelBankomaty .infoBank .forFindBank a:before,
    .filterOtdelBankomaty .infoBank .forFindBank a:after{
        content: '';
        display: block;
        position: absolute;
        height: 20px;
        width: 20px;
        top: 50%;
        margin-top: -10px;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
        .filterOtdelBankomaty .infoBank .information .forFindBank a.onListBank{
            
        padding-left: 0;
        padding-right: 27px;
        }
    .filterOtdelBankomaty .infoBank .forFindBank a.onListBank:before{/*! background-image: url("/local/templates/byfin/build/css/../../img/ic-filter2.png"); *//*! right: 0; *//*! left: auto; */}
    .filterOtdelBankomaty .infoBank .forFindBank .onListBank{}
    .filterOtdelBankomaty .infoBank .forFindBank a.onMapBank:after{background-image: url('/local/templates/byfin/build/css/../../img/ic-marker.png');}
    .filterOtdelBankomaty .infoBank .forFindBank .onMapBank{}
    .filterOtdelBankomaty .infoBank .forFindBank a.onListBank svg{
        
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    }
.infoBank.forAnyCard + .cardBl > .titpaddLeft{
        display: none;
    }
    .filterBl.filterPaymentCards.filterForAnyCards .formaChek{
        width: 50%;
        display: block;
position: absolute;
bottom: 30px;
left: calc(50% + 15px);
    }
    .filterBl.filterForAnyCards .formaChek .chekBl{
        width: 100%;
        margin-top: 7px;
    }
  
    .filterBl.filterForAnyCards .formaChek .chekBl + .chekBl{
        margin-left: 0;
    }
    .cardBl .filterBl.filterForAnyCards{
        padding: 15px 0;
        padding-bottom: 55px;
        top: auto;
    }
    .filterBl.filterPaymentCards.filterForAnyCards .forma .inputLine{
        width: 50%;
        padding: 0 15px;
    }
    .filterKarty .filterBl .forma .inputLine{
        
        width: 50%;
        }
    .filterKarty .filterBl .forma .inputLine +.inputLine{
            
        margin-left: 30px;
        }
    .filterKarty .information .iconFilterCard.currentBank{
       display: block;
       position: absolute;
    }
    .mapBlock .searchMapBl .listSearchMap{
        max-height: 711px;
        height: auto;
    }
    .mapBlock .searchMapBl .listSearchMap .listBanks{
        height: auto;
        max-height: 711px;
        position: relative;
    }
    /* .bankBl .infoBank .iconFilterCard.currentBank{
        display: block;
        position: absolute;
    } */
    .bankBl .infoBank.forAnyCard .information{
        margin-top: 0;
        padding-top: 0;
padding-bottom: 0;
    }
    .bankBl .infoBank.forAnyCard .information .name {
        color: #305f85;
position: relative;
top: auto;
height: auto;
left: auto;
font-size:14pt;
    }
    .bankBl .infoBank.forAnyCard .information .iconFilterCard.selected{
        background: none;
    }
    .bankBl .infoBank.forAnyCard .information .iconFilterCard{
        position:absolute;
        top: auto;
        background-image: url("/local/templates/byfin/build/css/../../img/ic-filter2.png");
    }
    .bankBl .infoBank.forAnyCard{
       display: flex;
       background: none;
       padding-top: 0;
    }
    .filterBl.filterForAnyCards .forma .inputLine + .inputLine{
        margin-left: 0px;
    }
    .mapBlock .searchMapBl .listSearchMap.active .fullbank{
        height: auto;
max-height: 711px;
position: relative;
    }
    }
/* 07,12,2018 */
@media (max-width:991px) and (min-width:768px){
    .menuBl .statFormaMenu .creditApplic.menuFormForm .forma .left{
        width: 100%;
    }
    .menuBl .statFormaMenu .creditApplic.menuFormForm .forma .right{
        width: 100%;
        margin-top: 12px;
    }
    .menuBl .statFormaMenu .creditApplic.menuFormForm .listBanksCredits ul li label{
        padding-top:0;
    }
    .menuBl .statFormaMenu .creditApplic.menuFormForm{
        height: auto;
    }
}
/* 10,12,2018*/
.modalsScroll .blockMod.fullMod{
    width: 300px;
}
@media (max-width:991px) and (min-width:768px){
  
    .fullMod .creditApplic .desr{
        float:none;
        width: auto;
    }
    .fullMod .creditApplic .btn{
        float:none;
        width: 100%;
        margin-top: 17px;
    }
    .fullMod .creditApplic .forma .inputLine{
        float:none;
        width: 100%;
    }
    .fullMod .creditApplic{
        padding: 13px 28px 9px;
    }
    .fullMod .creditApplic .forma{
        float:none;
    }
    .fullMod .creditApplic .forma .inputLine + .inputLine,
    .fullMod .creditApplic .forma .inputLine:nth-child(2n),
    .fullMod .creditApplic .forma .inputLine:nth-child(n+3){
        margin-top: 10px;
        margin-left: 0;
    }
}
	.bf_card_info{
		width:100%;
		text-align:left;
		margin-top:20px;
	}
	tr.bf_border th {
		height: 50px;
		border-top:1px solid #808080;
		border-bottom:1px solid #808080;
		margin-bottom:50px;
	}
	.bf_card_info span{
		font-weight:normal;
		color: #808080;
		font-size: 16px;
		text-decoration: underline;
		text-decoration-color: transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.bf_col_1{
		width: 120px;
	}
	.bf_col_2{
		width: 130px;
	}
	.bf_col_3{
		width: 110px;
	}
	.bf_col_4{
		width: 130px;
	}
	.bf_card_info_nowrap{
		display: block;
		width:100%;
		white-space:nowrap;
	}
	.bf_card_info .bf_card_info_color{
		color:black;
		font-weight:bold;
	}
	.bf_value{
		height:50px;
	}
	.bf_card_info .bf_cash_flag{
		text-transform: uppercase;
		font-weight:bold;
		color:#305f85;
	}
	.bf_link{
		float:right;
		margin-top: 15px;
		margin-bottom: 30px;
	}
	
	.bf_link a{
		width: 150px;
		text-align: center;
		color:white;
		background-image: linear-gradient(to right, #79962c 0%, #6a8226 51%, #5c7121 100%);
	}
	
	.bf_link .bf_card_link_a:before{
		width: 150px;
		text-align: center;
		color:white;
		background-image: linear-gradient(to left, #79962c 0%, #6a8226 51%, #5c7121 100%);
	}
	
	.picCard .desr_left{
		color: #808080;
		font-size: 12px;
		display: block;
		padding-left: 27px;
		padding-bottom: 12px;
	}
	.picCard .desr_right{
		margin-right: 27px;
		float: right;
		color: #808080;
		font-size: 12px;
		margin-top: -27px;
		padding-bottom: 12px;
	}
	.picCard{
		display:block;
	}
	.bf_card_icon{
	    padding-left: 5%;
		padding-top: 190px;
		position: absolute;
margin-bottom:5%;
	}
	.bf_link .bf_card_link_a{
		color:white;
	}
	
	.bf_catd_min_size tr{
		height:30px;
	}
	.bf_card_note{
		margin-top: 60px;
		margin-bottom:30px;
		color: #808080;
		font-size: 12px;
  	 	/*display: block;*/
display:none;
	}
	.bf_card_note ul{
		list-style-type:disc;
		margin-left: 20px;
display:none;
	}
.bf_card_tooltip {
  position: relative;
  display: inline-block;
  padding-right: 5px;
}
.bf_card_tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: white;
    color: #808080;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -125%;
    left: 60px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 0 5px;
}
/* Tooltip arrow */
.bf_card_tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #808080 transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.bf_card_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


	
	@media (max-width:991px) {
		.bf_card_info span{
			font-size: 14px;
		}
		.bf_card_icon{
			padding-top: 160px;
		}
		.picCard .desr_left{
			padding-left: 20px;
		}
		.picCard .desr_right{
			margin-right: 40px;
		}
	}
	@media (max-width:767px) {
		.bf_catd_full_size{
			display:none;
		}
		.bf_catd_min_size{
			display:inline-table;
		}
		.infoCard{
			margin-top:60px;
		}
		.bf_card_icon{
			padding-left: 140px;
		}
	}
	@media (min-width:767px) {
		.bf_catd_min_size{
			display:none;
		}
	}
	@media (max-width:479px) {
		.bf_card_icon{
			padding-left:50px;
		}
		.infoCard{
			margin-top:0px;
		}
		.bf_card_icon{
			padding-top: 180px;
			padding-left: 135px;
		}

.banksBlock .listCredits .itemCredits .lineCredits .col .desr {

    font-size: 14pt;
    display: block; 
}
.banksBlock .listCredits .itemCredits .lineCredits  .col {
display:block !important;
flex-basis: 100%;
width:100%;
font-size: 12pt;
}

.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(1) {
    width: 100%;
    padding-left: 0;
}

.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(1) {
display:block;
 width: 100%;
 padding-bottom: 10px;
}
.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(2) {
    display:block !important;
width: 50%;
    padding: 0;
}

.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(2) {
display:block !important;
 width: 50%;
    padding:0px;
text-align:center;
font-size: 14pt;
}

.banksBlock .listCredits.listSimilar .lineCredits .col:nth-child(3) {
    width: 50%;
    padding: 0;
text-align:center;
font-size: 12pt;
text-align:center;
}

.banksBlock .listCredits .itemCredits .lineCredits .col:nth-child(3) {
display:block;
 width: 50%;
    padding:0px;
font-size: 14pt;
text-align:center;
}


.banksBlock .listCredits .itemCredits .lineCredits  .nameMobile {
display:block;
width:100%;
font-size: 14pt;
text-align:center;
margin-bottom:5px;
}

.banksBlock .listCredits.listSimilar .lineCredits .iconMobile {
    display: none;

}

.banksBlock .listCredits .itemCredits .lineCredits .col .picBank {
display:block;
background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0 auto;
}



	}

@media (max-width: 479px){
    .filterBl.filterForAnyCards .formaChek .chekBl + .chekBl{
        margin-top: 10px;
    }
    .filterBl.filterPaymentCards.filterForAnyCards .forma .inputLine + .inputLine{
        margin-top: 0px;
    }
    .bankBl .infoBank.forAnyCard .information{
display: block;        
margin-top: 0px;        
padding: 0px 15px;
max-width:470px;
    }
    .bankBl .cardBl .filterBl.filterForAnyCards{        
top: 0px;
    }
}

.lineVercticalLinks {
    height: 100%;
    /*padding-bottom: 420px;*/
}
.lineVercticalLinks  .in {
    height: 100%;
    display: grid;
    grid-template-rows: 1fr auto; 
}
.listCards .itemCard .line .infoCard {
    width: 100%;
}

tr.bf_border th[class^=bf_col] {
    width: auto;
}


/*creditcard*/

.lineVercticalLinks {
    /*padding-bottom: 420px;*/
}

.listCards .itemCard .line .infoCard>ul {
    -moz-column-count: 2; /* Для Firefox */
    -webkit-column-count: 2; /* Для Safari и Chrome */
    column-count: 2;
    margin: 0;
}

.listCards .itemCard .line .infoCard .name {
    max-width: calc(100% - 200px);
    display: inline-block;
    line-height: 1.25;
    padding-bottom: 1rem;
    margin-top: -.5rem;
}

.listCards .itemCard .line .infoCard .link {
    float: right;
    padding: 0;
}

.listCards .itemCard .line {
    padding: 1.5rem .75rem 1.5rem 1.5rem;
}

.listCards .itemCard .line .picCard {
    width: auto;
    padding-right: 1.5rem;
}

.listCards .itemCard .line .infoCard {
    width: 100%;
}

.listCards .itemCard .line .infoCard {
    padding-bottom: 0;
}

.titpaddLeft+.col-md-3 {
    margin-top: 39px !important;
}

.listCards .itemCard .line .infoCard ul li b {
    font-size: 14px;
}
.listCards .itemCard .line .infoCard .name {
    font-size: 18px;
}
.infoCard .detail_text {
    display: none;
    font-size: 13px;
    color: #333;
    padding-top: 1.5rem;
}
.infoCard .detail_text.show {
    display: block;
}
.infoCard a.show_card_det {
    cursor: pointer;
    font-size: 13px;
}

.infoCard .detail-crd {
    margin-top: 1rem;
}

.infoCard a.show_card_det>img {
    vertical-align: middle;
    display: inline-block;
    margin-right: .5rem;
    transition: .25s ease transform;
}

.infoCard a.show_card_det>span {
    display: inline-block;
    vertical-align: text-top;
    color: #0007;
    border-bottom: 1px solid #0003;
}

.listCards .itemCard .line .infoCard ul li {
    line-height: 20px;
}

.infoCard a.show_card_det.open>img {
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 992px) {
.listCards .itemCard .line .infoCard .name {
    max-width: 100%;
    width: 100%;
}

.listCards .itemCard .line .infoCard .link {
    max-width: 100%;
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 1rem;
}
}

@media (max-width: 804px) {
.listCards .itemCard .line .infoCard>ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
}

@media (max-width: 768px) {
    .listCards .itemCard .line .infoCard>ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .infoCard {
        margin-top: 30px;
    }
}

@media (max-width: 1600px) {
    footer .socialFooter {
      float: left;
      width: 100%;
    }
}

@media (max-width: 640px) {
.listCards .itemCard .line .infoCard>ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
	max-width: 227px;
    margin: auto;
	display: none;
}
.listCards .itemCard .line .infoCard>ul.show {
    display: block;
}
.listCards .itemCard .line .infoCard {
    text-align: center;
}
.listCards .itemCard .line .link .btn {
    padding: 6px 36px;
    color: #083556;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background: #ffca00;
    background: -moz-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: -webkit-linear-gradient(left, #ffca00 0%, #fce760 100%);
    background: linear-gradient(to right, #ffca00 0%, #fce760 100%);
	border: none;
}
.infoCard span.show-block {
	font-size: 14px;
	text-decoration:underline;
}
.listCards .itemCard .line .picCard {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.listCards .itemCard .line .picCard .pic {
    width: 100%;
    max-width: 240px;
    height: 100px;
}

.listCards .itemCard .line+.line {
    padding: 1.75rem 1rem;
}

.banksBlock+.listCards {
    margin: 0 -17px 0 -16px;
}

a.show_card_det {
    display: block !important;
}

a.show_card_det.open {
    padding-top: 1rem;
}
.img-size-news {
	width: 100%;
}

}

/*creditcard*/

.bx-system-auth-form.pb-4+ul {
    display: none;
}

.bx-system-auth-form.pb-4 {
    padding-bottom: 0 !important;
}