body {
    font-family: 'Roboto', 'Arial';
}
.sp_font { font-family: 'Roboto', 'Arial'; }
.roboto { font-family: 'Roboto Condensed', sans-serif; }

.blue, .hover_blue:hover { background-color:#014782; }
.red, .hover_red:hover { background-color:#009ee3; }

@media screen and (max-width: 767px) { /* plus & mobile */
    .mbp_red { background-color: #e74b3c; }
    .mbp_h_200 { height: 200px !important; }
    .mbp_h_250 { height: 250px !important; }
}

@media screen and (min-width: 769px) { /* no plus & no mobile */
    .no_mbp_h_315 { height: 315px; }
}

.green, .hover_green:hover { background-color:#93ae6c; }
.green_white, .hover_green_white:hover { background-color:#d3e6b8; }
.grey_white { background-color:#fafafa; }

.txt_grey2, .hover_txt_grey2:hover { color:#999; }
.txt_blue, .hover_txt_blue:hover { color:#004e6c; }
.txt_red, .hover_txt_red:hover { color:#e74b3c; }
.txt_green, .hover_txt_green:hover { color:#6e8e40; }

.hover_txt_white_i:hover .txt_blue, .hover_txt_white_i:hover .txt_red, .hover_txt_white_i:hover .txt_green, .hover_txt_white_i:hover .txt_dark { color:#fff; }
.hover_fa:hover { font-weight: 700; }

.txt_shadow { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }

.border_blue, .hover_border_blue:hover, .border_red, .hover_border_red:hover, .border_dark_grey { border-style: solid; }
.border_blue, .hover_border_blue:hover { border-color: #004e6c; }
.border_red, .hover_border_red:hover { border-color: #e74b3c; }
.border_green, .hover_border_green:hover { border-color: #93ae6c; }
.border_green2, .hover_border_green2:hover { border-color: #b7d58a; }


.border_gr_white {
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
    border-image-slice: 1;
}

.border_gr_red {
    border-image: linear-gradient(90deg, rgba(231, 75, 60, 0), #e74b3c, rgba(231, 75, 60, 0));
    border-image-slice: 1;
}

.border_gr_red_ {
    border-image: linear-gradient(90deg, #e74b3c, rgba(231, 75, 60, 0), #e74b3c);
    border-image-slice: 1;
}


.border_gr_grey {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    border-image-slice: 1;
}

.border_dark_grey { border-color: #b1b1b1; }

.gr_black_up {
    background-image: linear-gradient(rgba(3, 78, 107, 0.3) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(86, 29, 31, 0.7)  100%);
}

.gr_black_updown {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.3)  100%);
}

.gr_blue_red {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: -webkit-linear-gradient(-30deg, #d77272 10%, #4a569d 90%);
    background: -moz-linear-gradient(-30deg, #d77272 10%, #4a569d 90%);
    background: -ms-linear-gradient(-30deg, #d77272 10%, #4a569d 90%);
    background: -o-linear-gradient(-30deg, #d77272 10%, #4a569d 90%);
    background: linear-gradient(-30deg, #d77272 10%, #4a569d 90%);
}

/*...........*/

.collapse { border-collapse: collapse; }
iframe { max-width:100%; }

.shadow {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.shadow_small, .hover_shadow_small:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.shadow_inset, .hover_shadow_inset:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.shadow_inset_green, .hover_shadow_inset_green:hover {
    box-shadow: 0px 1px 29px #cae8a0 inset;
}

.hover_shadow_medium:hover {
    box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}

.max_w_1100 { max-width:1100px; margin:auto; }
.max_w_1170 { max-width:1170px; margin:auto; }
.max_w_1020 { max-width:1020px; margin:auto; }
.max_w_730 { max-width:730px; margin:auto; }
.max_w_600 { max-width:600px; margin:auto; }
.max_w_360 { max-width:360px; margin:auto; }
.max_h_360 { max-height:360px; }

.w_500 { width:500px; }
.w_250 { width:250px; }
.w_250_ { width:calc(100% - 250px); }
.w_350 { width:350px; }
.w_250 { width:250px; }
.w_175 { width:175px; }
.w_150 { width:150px; }
.w_100 { width:100px; }
.w_100_ { width:calc(100% - 100px); }
.w_110 { width:110px; }
.w_80 { width:80px; }
.w_70 { width:70px; }
.w_60 { width:60px; }
.w_60_ { width:calc(100% - 60px); }
.w_50 { width:50px; }
.w_45 { width:45px; }
.w_40 { width:40px; }
.w_30 { width:30px; }
.w_30_ { width:calc(100% - 30px); }
.w_20 { width:20px; }
.w_20_ { width:calc(100% - 20px); }

.h_15 { height:15px; }
.h_18 { height:18px; }
.h_20 { height:20px; }
.h_27 { height:27px; }
.h_30 { height:30px; }
.h_35 { height:35px; }
.h_35_ { height: calc(100% - 35px); }
.h_40 { height:40px; }
.h_46 { height:46px; }
.h_46_ { height: calc(100% - 46px); }
.h_50 { height:50px; }
.h_60 { height:60px; }
.h_70 { height:70px; }
.h_75 { height:75px; }
.h_100 { height:100px; }
.h_140 { height:140px; }
.h_170 { height:170px; }
.h_200 { height:200px; }
.h_205 { height:205px; }
.h_300 { height:300px; }
.h_400 { height:400px; }
.w_90 { width:90px; }
.w_220 { width:220px; }
.w_220_ { width:calc(100% - 220px); }
.margin_l_60_ { margin-left:-60px; }

.round_2 { border-radius:2px; }
.round_3 { border-radius:3px; }
.round_3_l { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.round_3_r { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.round_t_3 { border-top-left-radius: 3px; border-top-right-radius: 3px; overflow:hidden; }
.round_b_3 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.round_t_5 { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.round_b_5 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.round_l_5 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.round_r_5 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.round_t_r_5 { border-top-right-radius: 5px; }
.round_b_r_5 { border-bottom-right-radius: 5px; }

.round_t_l_5 { border-top-left-radius: 5px; }

.round_5 { border-radius:5px; }

.round_8 { border-radius: 8px; }
.round_b_8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.round_l_8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.round_r_8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.round_15 { border-radius: 15px; }

hr {
    display: inline-block;
    width: 100px;
    border: 0;
    border-top: 2px solid #cb1f22;
    margin-top: 0;
    margin-bottom: 0;
}

/* icar */

/* add */

.set_duration.active { background-color: #6b2347; color: #fff; }



/* swiper menu */

/* swiper menu */





.menu ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.menu ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.menu ul ul
{
    border-top: 1px solid #e74b3c;
    background-color: #fff;
	display:none;
	position:absolute;
	top:100%;
	left:0;
    padding:0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.menu ul ul li
{
    text-transform: capitalize;
	float:none;
    width:280px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #eee;
}

.menu ul ul li:first-child { border-width: 0; }

.menu ul ul li a
{
    padding: 8px 15px;
    font-weight: 400;
}

.menu ul ul ul
{
	top:0;
	left:100%
}

.menu ul li:hover > ul
{
	display:block
}


/* user menu */

.user-menu__list {
    box-sizing: border-box;
    text-align: left;
    box-shadow: 0 4px 8px rgba(1,1,1,0.15);
    display: none;
    position: absolute;
    right: 0;
    z-index: 100000;
}

.user-menu:hover .user-menu__list {
    display: block;
}

.op_black {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
}


/**/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 600px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.chosen-container { min-width: 100px; max-width: 100%; }


.category_arrow { position: relative; }

.category_arrow::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #e74b3c;
    clear: both;
}

.header_search {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fsearch_blue.png);
    background-repeat: no-repeat;
    background-position:10px 5px;
}


.animate_green_red {
    -webkit-animation: animate_green_red 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: animate_green_red 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes animate_green_red {
    0% { background-color: #93ae6c; }
    50% { background-color: #e74b3c; }
    100% { background-color: #93ae6c; }
}

@keyframes animate_green_red {
    0% { background-color: #93ae6c; }
    50% { background-color: #e74b3c; }
    100% { background-color: #93ae6c; }
}

/*  */

.animate_txt_green_red {
    -webkit-animation: animate_txt_green_red 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: animate_txt_green_red 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes animate_txt_green_red {
    0% { color: #93ae6c; }
    50% { color: #e74b3c; }
    100% { color: #93ae6c; }
}

@keyframes animate_txt_green_red {
    0% { color: #93ae6c; }
    50% { color: #e74b3c; }
    100% { color: #93ae6c; }
}

/*  */

.bg_gradient { background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fbg_gradient.gif); }

.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    z-index: 4000;
}

.loader_img {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    background: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Floading.gif) no-repeat center center;

    -webkit-animation-name: rotate;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name: rotate;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
}

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

@-moz-keyframes rotate {
    from {-moz-transform:rotate(0deg);}
    to {  -moz-transform:rotate(360deg);}
}

/* icon */

.unelgee4::before {
  content: "\f3ac";
  color: red;
}

.icon_cyan::before {
  color: #689dc8;
}

.icon_op_5::before {
  opacity: 0.3;
}

/* icon */

.path a {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fway.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
}

.description img {
    max-width: 100%;
}

.description table {
    width: 100% !important;
    border-collapse: collapse;
}

.description table td, .description table th {
    border: 1px solid #e5e5e5;
    padding: 10px;
}


table.table_style_1 {
    width: 100% !important;
    border-collapse: collapse;
}

table.table_style_1 th {
    border-right-color: #fff !important;
    background-color: #e5e5e5;
}

table.table_style_1 td, table.table_style_1 th {
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    padding: 5px 10px;
}

table.table_style_1 th {
    font-weight: 400;
    line-height: 120%;
}

table.table_style_1 td {
    font-weight: 300;
}


.abstract_bg_blue table td, .abstract_bg_blue table th, .abstract_bg_red table td, .abstract_bg_red table th {
    border-color: #fff !important;
}

.abstract_bg_blue table th {
    background-color: #e74b3c !important;
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fabstract_red.jpg);
    background-size: cover;
    font-weight: 500;
    text-transform: uppercase;
}

.description h2 {
    font-weight: 500;
    font-size: 16px;

    color: #0e2129;
    margin-top: 40px;
    padding-bottom: 5px;
    width: 100%;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(90deg, #999, rgba(231, 75, 60, 0), rgba(231, 75, 60, 0));
    border-image-slice: 1;
    
}

.description p {
    width: 100%;
}

/* .description ul {
    list-style-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fcorrect2.png);
    list-style-position: outside;
} */

.description ul {}

.description li { position: relative; list-style: none; margin-bottom: 8px; }
.description li::before {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fcorrect.png);
    position: absolute;
    content: " ";
    top: 0px;
    left: -25px;
    width: 13px;
    height: 14px;
    color: #e74b3c;
}


/*  */
.form .dropdown.active, .selected-value.active { display: block; }
.form .dropdown, .selected-value { display: none; }
.selected-value.active, .dropdown-item.active { color: #6e8e40; font-weight: 700; }

.swiper-slide iframe { width: 100%; height:100%; }

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 2px !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #e74b3c !important; }
.swiper-pagination-bullet { background-color: #93ae6c !important; opacity: 1 !important; }
.swiper-pagination-bullet-active { background-color:#e74b3c !important; }
.gallery-thumbs .swiper-slide-thumb-active { border: 1px solid #004e6c; }


.bg_ic {
    position: relative;
}

.bg_ic_amount:before {
    content: "\f1ec";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: Font Awesome\ 5 Pro;
    left:0;
    position:absolute;
    top:0;
    width: 40px;
    height: 50px;
    font-size: 18px;
}



/* ////////////////// */

.time, .phone, .map {
    position: relative;
    padding-left: 20px;
}

.time::before, .phone::before, .map::before {
    font-family: 'Font Awesome\ 5 Pro';
    position: absolute;
    left: 0;
    color: #e74b3c;
    font-weight: 700;
    font-size: 12px;
}

.map::before {
    content: "\f041";
}

.phone::before {
    content: "\f025";
}

.time::before {
    content: "\f017";
}



.abstract {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fabstract.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

.abstract_bg_blue {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fabstract.jpg);
}

.abstract_bg_red {
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fjs%2Fabstract_red.jpg);
}

.sharer_fb {
    background-color: #3b5998;
    color: #fff;
}

.sharer_tw {
    background-color: #55acee;
    color: #fff;
}

.logo_zoom {
    transition: .5s ease;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.logo_zoom:hover .logo_icon {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /* Standard syntax */
    border-radius: 0;
}

.logo_icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease;
    background-image: radial-gradient(rgba(0,53,74,0.6), rgba(0,53,74,0));
    border-radius: 50%;
    transform: scale(0);
}

.logo_icon:after {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/bank-asset?u=https%3A%2F%2Fwww.capitalbank.kg%2Flayouts%2Fimg%2Fhover_logo.png);
    background-position: center center;
    background-repeat: no-repeat;
}


.left_menu {
	height:35px;
	overflow:hidden;
	-webkit-transition:all 200ms linear 0s;
	-moz-transition:all 200ms linear 0s;
	transition:all 200ms linear 0s;
}

.left_menu:hover { width: 250px; }



/* credit card */

.ls_1 {
    letter-spacing: 1px;
}

.border_grey2 {
    border-color: #434345;
    border-style: solid;
}

/* credit card */

/* .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width:auto !important; } */
.mfp-container { padding-top:30px !important; padding-bottom:30px !important; }