html {
    padding: 0;
    margin: 0;
}



.tawk-icon-right img{display: none!important;}
* { outline: none; box-sizing:border-box;font-family: "Open Sans", Arial, sans-serif; transition: all .2s linear;}
/*#lang{display: none!important;}*/
body {
    background-color: #FFF;
    color: #000;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left;
    font-style: normal;
    font-weight: normal;
}

#Calculator{margin-top: 50px; display: block;}
header{
    box-shadow: 0px 0px 12px #ccc;
}

a{
    color: #000;
}
a:hover{
    color: #139D50;
    text-decoration: none;
}

.img-responsive{
    width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", Arial,sans-serif;
}
header{
    z-index: 6;
    display: block;
    width: 100%;
    background: white !important
}
.logo{ padding: 10px 0; float: left; display: flex; margin: 0 30px 0 0; font-size: 14px; }
.addreses{ padding: 12px 0; float: right; display: flex; line-height: 32px;}
#lang{ padding: 12px 0 10px 10px; float: right; display: flex; line-height: 32px;  position: relative;}
#lang a.active span{ color: #000; font-size: 14px;}
#lang a.active:hover span{ color: #139D50; }
#lang .lang-overlay{
    display: none;
    position: absolute;
    top: 40px;
    left: 8px;
    margin: 0;
    width: 40px;
    line-height: 18px;
    padding: 5px 8px;
    z-index: 4;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
#lang .lang-overlay a{
    font-size: 14px;
}
#lang .lang-overlay a:hover{
    color: #139D50;
}

.mainmenu{ padding: 10px 0; margin: 0; list-style: none; display: flex; }
.mainmenu li{ display: block; float: left; margin: 0 10px 0; }
.mainmenu li:first-child{  margin: 0 10px 0 0; }
.mainmenu li a{ font-size: 13px; }

.topmenu{ padding: 10px 0; margin: 0; list-style: none; line-height: 32px; display: flex; }
.topmenu a{ padding: 0 10px 0 0; font-size: 13px; }
.topmenu a.active{ color: #139D50; }

.topmenu .menu_more{ position: relative;}
.topmenu-overlay{
    display: none;
    position: absolute;
    top: 40px;
    left: 8px;
    margin: 0;
    width: auto;
    height: auto;
    opacity: 1;
    line-height: 18px;
    padding: 5px 8px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 #ced1d5;
}

#slideshow{ background-color: #F2F2F2; margin: 0; padding: 0; height: 400px; overflow: hidden; }
#slideshow .slideshow-container { position: relative; width: 100%; min-height: 400px; }
#slideshow .mySlides { display: none; }
#slideshow .prev, #slideshow .next {
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    width: 40px;
    height: 40px;
    margin-top: 0;
    padding: 10px;
    color: #757575;
    font-size: 16px;
    text-align: center;
    transition: 0.6s ease;
    border-radius: 3px 3px 3px 3px;
    user-select: none;
    background-color: #fff;
}
#slideshow .next {
    right: 0;
}
#slideshow .prev {
    right: 50px;
}
#slideshow .prev:hover,
#slideshow .next:hover {
    color:#139D50;
}
#slideshow .text {
    position: relative;
    float:left;
    top: 40px;
    width: 450px;
}
#slideshow .numbertext {
    color: #757575;
    font-size: 12px;
    padding: 0;
    position: absolute;
    top: 40px;
    right: 0;
}
#slideshow .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
#slideshow .active,
#slideshow .dot:hover {
    background-color: #717171;
}
#slideshow .fadeSlide {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
#slideshow .mySlides>img{
    float: left;
    padding: 20px 100px 0 0;
    height: 90%;
    transition: all .2s ease-in-out;
}
#slideshow .mySlides>img:hover{
    transform: scale(1.1);
}
#slideshow .mySlides h1{
    line-height: 50px;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 20px;
}
#slideshow .mySlides h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
}
#slideshow .mySlides span{
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
#slideshow .mySlides p{
    line-height: 24px;
    font-size: 14px;
}
#slideshow .mySlides>div>a{
    padding: 8px 24px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    margin-top: 40px;
    border: 2px solid #000;
    display: table;
    transition: all .5s;
}
#slideshow .mySlides>div>a:hover{
    border: 2px solid #139D50;
    background-color: #139D50;
    color: #fff;
    transition: all .5s;
}
#slideshow .dotBlks{
    display: none;
}
@-webkit-keyframes fadeSlide {
    from {opacity: .4}
    to {opacity: 1}
}
@keyframes fadeSlide {
    from {opacity: .4}
    to {opacity: 1}
}

.block_title{ font-size: 30px; line-height: 32px; display: inline-block; color: #000; margin: 0 0 15px 0; padding: 0;}
.block_description{
    font-size: 12px;
    display: inline-block;
    color: #959595;
    margin: 0 0 0 12px;
}

/* bank products */
#products .bankProduct{ position: relative; min-height: 210px; margin-bottom: 30px; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
#products .bankProduct h2{ font-size: 24px; line-height: 26px; margin-bottom: 10px;}
#products .bankProduct div{ font-size: 14px; line-height: 19px; }
#products .big{ background-color: #B2E1E4; padding: 50px;}
#products .simple h2, #products .colored h2{ padding: 15px 15px 10px 15px;}
#products .simple div, #products .colored div{ padding: 0 15px;}
#products .simple img, #products .colored img { width: 100%; height: auto; }
#products .colored img{ position: absolute; bottom: 0; left: 0;}
#products .colored h2, #products .colored div, #products .colored a{ color: #fff;}
#products .simple a {  position: absolute; bottom: 0;  padding: 0 15px 15px; }
#products .big div{ margin-bottom: 20px;}
#products .big img{ height: 255px; display: table; margin: 0 auto;}

/* bank currency */
#currency .c_title{ margin-bottom: 20px; }
#currency .c_block{ background: #F2F2F2; padding: 20px 20px 10px 20px; margin-bottom: 15px;}
#currency table { padding:0; margin: 0; color: #000; font-size: 14px; }
#currency table th{ padding:0 10px 10px 10px; font-family: "Open Sans", Arial, sans-serif; border-bottom: 1px solid rgba(197, 197, 197, 0.5); color: #959595; font-style: normal; font-weight: normal;}
#currency table th:first-child { padding: 0 10px 10px 0;  }
#currency table th:last-child { padding: 0 10px 0 10px; }
#currency table td{  padding: 10px; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: normal;}
#currency table td:first-child { padding: 10px 10px 10px 0;  }
#currency table td:last-child { padding: 10px 10px 0 10px;  }
#currency table span{ display: block; float: left;}
#currency .c_sts{ width: 8px; height: 6px; display: inline-block; }
#currency .c_down{ margin: 9px 3px 0 0; background: url("../images/c_down.png") no-repeat 0 0; }
#currency .c_up{ margin: 7px 3px 0 0; background: url("../images/c_up.png") no-repeat 0 0; }

#currency .conv_title { font-family: "Open Sans", Arial, sans-serif; color: #959595; font-style: normal; font-weight: normal; margin-bottom: 2px; }
#currency .conv_block{ margin: 0; display: block; padding: 0; position: relative; }


/*
#currency .conv_text:focus, #currency .conv_text:active, #currency .conv_text:visited, #currency .conv_text:focus-within{ outline: 0; box-shadow: none; }
*/

#currency .currency-converter {
    margin-bottom: 15px;
    height: 40px;
    width: 255px;
    border: 1px solid #ced1d5;
    border-radius: 5px;
    background-color: #fff;
}
#currency .c-c-input{
    width: 170px;
    display: block;
    float: left;
}
#currency .c-c-input .conv_text{
    padding: 10px 15px;
    height: 40px;
    width: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    box-sizing: border-box;
    color: #2c3136;
    background:none;
    outline: none;
    border: none;
}
#currency .c-c-select{
    width: 80px;
    display: block;
    float: right;
    padding: 8px 20px;
    position: relative;
    cursor: pointer;
}
#currency .c-c-select a{
    color: #2c3136;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
}
#currency .c-c-select .c-c-arrow{
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    fill: #000014;
    cursor: pointer;
}
#currency .c-c-select-list{
    display: none;
    padding-top: 5px;
    position: absolute;
    top: 40px;
    right: 55px;
    width: 82px;
    background: #fff;
    z-index: 10;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 #ced1d5;
}
#currency .c-c-select-list a{
    display: block;
    margin-bottom: 6px;
    color: #2c3136;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 19px;
    padding: 4px 24px;
}
#currency .c-c-select-input-active,
#currency .c-c-select-output-active{
    background-color: #139D50;
}
#currency .c-c-select-input-active a,
#currency .c-c-select-output-active a{ color: #fff; }
#currency .c-c-current:hover{ color: #ababab; }
#currency .c-c-select-input-active .c-c-current:hover,
#currency .c-c-select-output-active .c-c-current:hover { color: #fff; }
#currency .c-c-select-list a:hover{ color: #139D50;}


/* news block*/
#news .news_title{ display: block; float: left;}
#news .all_news{ display: block; float: right; font-size:13px; border-bottom: 1px solid #139D50; color: #139D50; margin-top: 5px; }
#news .all_news:hover{ border: none; color: #000;}
#news .event_img{ display: block; margin-bottom: 10px; }
#news .event_title{ line-height: 18px; font-size: 14px; display: block; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: normal; margin-bottom: 5px; min-height: 60px; }
#news .event_date{ color: #989FA9; }

#news .tabNews {
    border-bottom: 2px solid #E6EAF0;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    height: 34px;
}

#news .tabNews a {
    float: left;
    padding:0 0 10px 0;
    margin-right: 15px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    border-bottom: 2px solid #E6EAF0;
}

#news .tabNews a:hover{
    color: #19BB4F;
}

#news .tabNews a.active {
    color: #19BB4F;
    border-bottom: 2px solid #19BB4F;
}

#news .tabNewsContent {
    display: none;
    clear: both;
}

#news .tabNewsContent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.videoContent .img-overlay{
    position: relative;
    cursor: pointer;
}

.videoContent .img-overlay:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.5) url("../images/play.svg") no-repeat 50% 50%;
}

.videoContent .img-overlay:hover:after {
    background: rgba(0, 0, 0, 0.25) url("../images/play.svg") no-repeat 50% 50%;
}

/* card slides */
#cards{ background-color: #B2E1E4; margin: 0; padding: 0;}
#cards .card-slideshow-container { position: relative; width: 100%;}
#cards .myCardSlides { display: none; }
#cards .prev,
#cards .next {
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    width: 40px;
    height: 40px;
    margin-top: 0;
    padding: 10px;
    color: #757575;
    font-size: 16px;
    text-align: center;
    transition: 0.6s ease;
    border-radius: 3px 3px 3px 3px;
    user-select: none;
    background-color: #fff;
}
#cards .next {
    right: 20px;
    bottom: 60px;
}
#cards .prev {
    right: 70px;
    bottom: 60px;
}
#cards .prev:hover,
#cards .next:hover {
    color:#757575c9;
}
#cards .active{
    background-color: #717171;
}
#cards .fadeSlideCard {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
#cards .myCardSlides{
    width: 100%;
    padding: 40px 0;
    position: relative;
}

#cards .myCardSlides img{
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    transition: all .2s ease-in-out;
}
#cards .myCardSlides img:hover{
    transform: scale(1.1);
}
#cards .myCardSlides h1{
    line-height: 35px;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px;
}
#cards .myCardSlides p{
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 20px;
}
#cards .myCardSlides a.all_cards{
    background: #000;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 15px;
    display: inline-block;
}
#cards .myCardSlides a.all_cards:after{
    content: '❯';
    color: #fff;
    font-size: 10px;
}
#cards .myCardSlides a.card_order{
    padding: 8px 16px;
    border-radius: 5px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    border: 2px solid #139D50;
    display: table;
    transition: all .5s;
    color: #fff;
    background: #139D50;
}
#cards .myCardSlides a.card_order:hover{
    border: 2px solid #000;
    background-color: #000;
    transition: all .5s;
}
@-webkit-keyframes fadeSlideCard {
    from {opacity: .4}
    to {opacity: 1}
}
@keyframes fadeSlideCard {
    from {opacity: .4}
    to {opacity: 1}
}

/* amonat mobile */
#amonat-mobile .am-block{overflow: hidden; background: #139D50; border-radius: 5px; padding: 60px; position: relative; }
#amonat-mobile .am-block span{ display: inline-block; color: #fff; padding: 5px 15px; border-radius: 3px; border: 1px solid #fff; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-size: 12px; line-height: 12px; font-weight: 400; margin-bottom: 25px;}
#amonat-mobile .am-block h1{ display: block; color: #fff; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 600; margin-bottom: 25px; font-size: 32px;}
#amonat-mobile .am-block p{ display: block; width: 55%; color: #fff; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 400; margin:0 0 40px 0; }
#amonat-mobile .am-block a{ margin: 0 10px 0 0;}
#amonat-mobile .mobile-screen{ position: absolute; bottom: -74px; right: 0; display: block;}

/* tajikistan banners */
#tajikistan .t_img{ display: table; margin: 0 auto 15px;}
#tajikistan .t_link{ display: table; margin: 0 auto; text-align: center; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; width: 90%;}

/* useful links */
#useful_links a{ display: inline-block; width: 100%; min-height: 70px; margin: 0 0 30px 0; padding: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
#useful_links img{ display: block; float: left; margin: 0 10px 0 0; width: 50px;}
#useful_links span{ display: block; font-size: 12px; line-height: 14px; margin-top: 6px;}

/* footer */
footer{ background-color: #096833; padding-top: 30px;position: relative; z-index: 1  }
footer .bottom_menu { border-bottom: 1px solid rgba(253, 253, 253, 0.3); padding-bottom: 30px; margin-bottom: 30px;  margin-right: 30px;}
footer .bottom_menu a{ color: #fff; margin: 0 12px 12px 0; display: inline-block; border-bottom: 1px solid #ffffff00;}
footer .bottom_menu a:hover{ border-bottom: 1px solid #fff;}
footer .address { color: #fff;}
footer .footer_bottom{ color: rgba(255, 255, 255, 0.6); margin-top: 30px; padding: 30px 0; border-top: 1px solid rgba(253, 253, 253, 0.3);}
footer .footer_bottom .copyrights{ text-align: left;}
footer .footer_bottom .developers{ text-align: right;}
footer .footer_bottom .developers a{ border-bottom: 1px solid #ffffff00; color: rgba(255, 255, 255, 0.6);}
footer .footer_bottom .developers a:hover{ border-bottom: 1px solid #fff; color: #fff;}
footer .phone_no span{ color: #fff; font-size: 18px; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 600; }
footer .phone_no p{ color: #fff; font-size: 14px; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: normal; margin-bottom: 20px; }
footer .foo_mob_app { padding-bottom: 20px;}
footer .foo_mob_app a{ margin:0 10px 0 0;}
footer .foo_social { padding-bottom: 20px;}
footer .foo_social a{ margin:0 10px 0 0;}
footer .foo_lang a{ margin:0 10px 0 0; color: #fff; border-bottom: 1px solid #ffffff00;}
footer .foo_lang a:hover{ border-bottom: 1px solid #fff; color: #fff;}

/*  styles */

/*news start*/


#baner{
   /* height: 62vh;*/
    width: 100%;
 	padding-bottom: 30px;
}
.newsBaner{
    background: url(/upload/news/news-baner.png) no-repeat center/cover;
}
#baner .breadcrumb{
    background: transparent;
    padding-left: 0px;
}

#baner .breadcrumb .breadcrumb-item:hover a{
    color: black;
}

#baner .breadcrumb .breadcrumb-item a{
    font-size: 14px;
    line-height: 24px;
    color: #A9A9A9;
}

#baner .breadcrumb .breadcrumb-item.active{
    color: #139D50;
}
#newsPage #NewsIamge a>img{
    display: block;
    position: relative;
}
#newsPage #NewsIamge a>img:hover:before{
    transition: 0.2s linear;
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1
}

#headerText{
    font-weight: 500;
    font-size: 40px;
    line-height: 49px;
}

#newsPage #dataNews small{
    font-size: 18px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
}

#newsPage #HederNewsHead{
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

#newsPage #NewsBodyText{
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}

#newsPage #pagination .pagination .page-link{
    border: 0px solid transparent;
    color: black;
    border-radius: 5px;
    font-size: 18px;
    line-height: 18px;
}

#newsPage #pagination .pagination .page-link:hover{
    background: transparent;
    color: #139D50
}

#newsPage #pagination .pagination .page-item.active .page-link{
    background: rgba(206, 206, 206, 0.5);
}

#newsPage #pagination .pagination .page-link:focus{
    box-shadow: 0 0 0 0rem transparent;
}

#newsPage .newsCont img{
    width:  280px;
    height:  200px;
}

/*news end*/

/*detiled-news start*/



#newsDetileds #dataNews small{
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}

#newsDetileds #detiledNewsText p{
    font-size: 15px;
    line-height: 28px;
}

#newsDetileds #newsSlider .owl-carousel{
    height: 180px;
    overflow: hidden;
}

#newsDetileds #newsSlider .owl-carousel .item h4{
    height:  180px;
    width: 100%
}

#newsDetileds #newsSlider .owl-carousel .owl-stage-outer{
    position: absolute!important;
}

#newsDetileds #newsSlider .owl-nav{
    height: 100%;
    display: flex;
    justify-content: space-between;
}

#newsDetileds #newsSlider .owl-nav button{
    display: block;
    transform: scale() ! important;
    font-size:  4em;
    z-index: 1;
    line-height: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 0.5);
    padding: 0px 30px!important;
    color:rgba(38, 38, 38, 0.5);
}

#newsDetileds #newsSlider .owl-nav button:hover{
    color: white;
    background: rgba(0,0,0,0.2);
}

#newsDetileds #newsSlider .owl-nav button:focus{
    outline: 0px
}

#newsDetileds #detileBackNews,#newsDetileds #detileNextNews{
    width:  380px;
}

#newsDetileds #detileBackNews small{
    font-size: 15px;
    line-height: 24px;
    color: #999999;
}

#newsDetileds #detileBackNews p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

#newsDetileds #detileNextNews small{
    font-size: 15px;
    line-height: 24px;
    color: #999999;
}

#newsDetileds #detileNextNews p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}

/*detiled-news end*/

/*abaut-compony start*/


#aboutBank #aboutBankText p{
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}
.aboutBankBaner{
    background: url(/upload/baners/amb.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.aboutBankBaner:before{
    content: "";
    display: inline-block;
    position: absolute;
    background: linear-gradient(rgba(0,0,0,0.3),rgba(255,255,255,0.4));
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;

}
.aboutBankBaner .breadcrumb-item a{
    position: relative;
    z-index: 4;
    color: #fafafa !important;
}
.aboutBankBaner .breadcrumb-item a:hover{
    color: #ccc ! important
}
.aboutBankBaner .breadcrumb-item.active{
    color: #30B21A !important
} 

/*abaut-compony end*/

/*history start*/
.hist-baner{
    background: url(/upload/baners/history.jpg) no-repeat center;
}

#history #historyText h2{
    font-weight: bold;
    font-size: 80px;
    line-height: 94px;
}

#history #historyText p{
    font-size: 16px;
    line-height: 28px;
}


/*history end*/

/*Credits start*/


.creditsBaner{
    background: #f5f5f5;
   /* height: 420px!important;*/
    overflow: hidden;
}
.ButtonBaner{
    padding: 8px 64px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    margin-top: 40px;
    border: 2px solid #000;
    display: table;
    transition: all .5s;
}
.ButtonBaner:hover{
    color: white;
    border: 2px solid #139D50;
    background-color: #139D50;
}

.creditsBaner h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}

.creditsBaner h2{
    font-weight: 500;
    font-size: 26px;
    line-height: 24px;
}

.creditsBaner small{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
.creditsBaner .Img{
    top: 20px;
    right: 0px;

}
.creditsBaner .Img img:hover{
    transition: all .25s linear;
    transform: scale(1.1);
}


#Credits h3{
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
}

#Credits h4{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

#Credits small {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}
#Credits .Cred-Items img{
    height: 100%;
    width: 326px
}
#Credits .more{
    font-size: 16px;
    line-height: 24px;
}

.W75{
    width: 75%;
}

#FooterBaner{
    background: #F5F5F5
}

#FooterBaner h3{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}

#FooterBaner .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #19BB4F;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #19BB4F;

}

#FooterBaner .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:transparent;
    border-bottom: 1px solid #19BB4F; 
}

#FooterBaner .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    font-weight: 500;
    font-size: 3vh;
    line-height: 24px;
}

#FooterBaner h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
}

#FooterBaner ul{
    font-size: 16px;
    line-height: 24px;
}


/*Credits end*/

/*detiled-credits start*/

#creditsDetayled .advantages h3{
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
}

#creditsDetayled h1{
    font-weight: 500;
    font-size: 30px;
    line-height: 20px;
}

#creditsDetayled .advantages{
   /* margin-bottom:  120px;*/
}

#creditsDetayled .advantages small{
    font-size: 14px;
    line-height: 24px;
}

#creditsDetayled .calculator small{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #898989;
}

#creditsDetayled h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 50px;
}

#creditsDetayled .calculator p{
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
}

#creditsDetayled .calculator span{
    font-size: 14px;
    line-height: 24px;
    color: #898989;
}
#creditsDetayled h5{
    font-weight: 500;
    font-size: 40px;
    line-height: 24px;
}
#creditsDetayled span{
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
#aboutCredits{
    background: #F5F5F5
}
#aboutCredits h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 50px;
}
#aboutCredits p{
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 24px;
}
#aboutCredits b{
    font-weight: 660;
    font-size: 16px;
    line-height: 24px;
}
#receiveCredit h1{
    font-weight: 500;
    font-size: 30px;
    line-height: 50px;
}
#receiveCredit h2{
    font-weight: 500;
    font-size: 13vh;
    line-height: 24px;
    color: #4EB383;
}
#receiveCredit b{
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}
#receiveCredit p{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}

#formCredit{
    background: #19BB4F;
}
#formCredit h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: white
}
#formCredit h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
}

#formCredit .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 20px 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-bottom: 0.5px solid #858585;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-
}
#formCredit .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-bottom: 1px solid #858585;
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent;
}

#formCredit p{
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
}

#formCredit p>a{
    border-bottom: 0.2px solid black;
}
#formCredit p>a:hover{
    border-bottom: 0.2px solid #139D50;
}

#formCredit .ButtonBaner{
    background: black;
    color: white;
}

#formCredit .ButtonBaner:hover{
    border: 2px solid #139D50;
    background-color: #139D50;
}

#questions h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}
.c-p{
    cursor: pointer;
}

.d-block{
    display: block !important;
}

#questions span{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-left: 20px;
}

.quesTogler{
    cursor: pointer;
}


.questionsCont{
    animation-name: questFade;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}


@keyframes questFade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1
    }
}


/*detiled-credits end*/



/*detiled-deposits start*/
.dep-calculator h5{
    font-weight: 500;
    font-size: 40px;
    line-height: 24px;
}

.dep-calculator .calcText{
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
}
.dep-calculator .calculator span {
    font-size: 14px;
    line-height: 24px;
    color: #898989;
}
.dep-calculator .calculator small {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #898989;
}
.dep-calculator .calculator p {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
}
/*detiled-deposits end*/



/*Cards start*/
.bander-card-text{
    font-size: 16px;
    line-height: 24px;
}

/*Cards end*/

/*appeal start*/

.AppleaiBaner{
    height: auto !important
}
#appleal h1{
    font-size: 40px;
    line-height: 61px;
}
#appleal h5{
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    text-align: justify;
}
#appleal p{
    font-size: 15.5px;
    line-height: 24px;
    font-weight: 400;
    text-align: justify;
}

/*appeal end*/

/*structure-bank start*/

#strukture-bank h1{
    font-weight: 600;
    font-size: 40px;
    line-height: 61px;
}
.W50{
    width: 50%;
}
.structureCont h2{
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    width: 60%
}
.structureCont p{
    font-size: 16px;
    line-height: 24px;
    /*width: 82%;*/
}
.structureCont a{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #19BB4F;
}
.structureCont a:hover{
    color: #16A646;
    border-bottom: 1px solid #16A646;
}
#strukture-bank #nav-strc h4{
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
}
#strukture-bank #nav-strc p{
    margin-bottom:  0px;
    font-size:  16px;
}
/*structure-bank end*/

/*detiled-cards start*/
.detiledCards{
    background: white
}
.detiledCardsBaner{
    height: 400px !important;
    position: relative;
}
.detiledCardsBaner .Img{
    left: 0px;
    top: 100px;
    width: auto;
}
.detiledCardsBaner h1{
    font-size: 40px
}
.detiledCardsBaner .ButtonBaner{
    z-index: 2
}
#detiledCards #aboutCredits p{
    font-size: 18px;
    line-height: 26px
}

#detiledCards #aboutCredits h1{
    font-size: 40px;
    font-weight: 500;
}
#detiled-cardsiledCards #possibility{
    background: #F5F5F5
}
#detiledCards #possibility h1{
    font-size: 40px;
    font-weight: 500;
}
#detiledCards #possibility .greenList p{
    font-size: 16px;
    line-height: 30px;
    position: relative;
    padding-left: 20px;
}
#detiledCards #possibility .greenList p:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #2BB57A;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 0px
}

.cardBorder{
    border: 3px solid #19BB4F !important;
    box-sizing: border-box;
    border-radius: 10px;
}
#detiledCards .dizine{
    font-weight: 300;
    font-size: 18px;
    line-height: 25px
}

/*detiled-cards end*/
/*map start*/
#map .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem transparent;
}
#map .dropdown-menu .dropdown-item{
    font-size: 14px;
}
.mapwrap{
    height: 400px;
    border-radius: 10px;     
}
#mapTbContent #nav-profiler h6{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.5);
}
#mapTbContent #nav-profiler p{
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
}


/*map end*/


/*rco start*/

.RcoBaner{
    height: auto !important;
}
.RCO h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 61px;
}
.RCO h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}
.RCO p{
    font-size: 16px;
    line-height: 28px;
}
.RCO .green-line p{
    position: relative;
    padding-left:  28px;
}
.RCO .green-line p:before{
    content: "";
    display: inline-block;
    background: #19BB4F;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 14px;
    left: 0;
}


/*rco end*/

/*documents start*/

.Doc_Baner{
    background: url(/upload/baners/doc-baner.svg) no-repeat center / cover;
}

.mhb_Baner{
    background: url(/upload/baners/mhb-baner.jpg) no-repeat center / cover;
}
.Doc_Baner .breadcrumb-item a{
    color: #fafafa!important
}
.Doc_Baner .breadcrumb-item a:hover{
    color: #ccc !important
}
.lg-black{
    background: linear-gradient(rgba(0,0,0,0.7),transparent)
}
.documents-nav .nav-tabs a{
    font-size: 16px;
    line-height: 24px;
}
.documents-nav .tab-pane a{
    font-size:  15px;
    line-height: 24px
}


/*documents end*/

/*amonat-onlyn start*/
.amonatonlinebaner .Img{
    top: 28px
}
.amonat-online #creditsDetayled .advantages small{
    font-size:  17px;
}
.amonat-online #creditsDetayled .advantages{
    margin-bottom:  0px;
}
.amonat-online #creditsDetayled .advantages a{
    color: #4EB383
}
.amonat-online #creditsDetayled .advantages a:hover{
    border-bottom: 1px solid #4EB383;
}
.amonat-online #creditsDetayled .sequrity p{
    font-weight: 500;
    font-size:  17px;
    text-align: center;
    margin-top: 20px;
}

.amonat-online #creditsDetayled .opport p{
    font-size:  16px;
}
.amonat-online #footBaner{
    background: #F7F7F7;
    height: 300px
}

.amonat-online #footBaner .footBanerImg{
    top: 0px;
    right: 0px;
    transform: translateY(-74px) rotate(0deg);
}
.amonat-online #footBaner .footBanerImg:hover img{
    transform: scale(1.2);
}
.rotate{
    animation-name: rotate;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-iteration-count:1;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    transform-origin: bottom left; 
}
@keyframes rotate{
    0%{
        transform: translateY(-74px) rotate(45deg);
    }
    100%{
         transform: translateY(-74px) rotate(0deg);
    }
}

.tb{
    transform-origin: bottom center;
}
/*amonat-onlyn end*/

/*Contacts start*/
#Contacts h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 53px;
}

#Contacts .nav-tabs .nav-link{
    font-size:  16px;
}
#Contacts .contacts-table thead th{
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: 400;
}
#Contacts  .t{
    overflow: auto;
}
#Contacts .contacts-table tbody td{
    font-size: 14px;
    line-height: 23px;
    max-width: 200px;
}
/*Contacts start*/

/*deposits start*/

#Credits.Deposits a>img{
    width: 326px
}

/*deposits end*/


/*header start*/
.header .nav-link{
    display: block;
    padding: 0.8rem 1rem;
}
.header .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: #19BB4F;
}
.text-active-header{
    color: #19BB4F;
}
.header .navbar-brand{
    display: none;
}

.navBotWrapp a{
    line-height: 18px
}

.header .nav-pills.Desc#pills-tab .nav-item a.active{
    color: #19BB4F
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 60px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  transform: scale(0.4);
}


#nav-icon2 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 50%;
  background: #007640;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

.header .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-weight: 600;
}
.header .form-control{
    border: 0px solid transparent
}
.header .dropdown-item{
    font-size: 14px;
}
.header .btn.ss{
    font-size: 14px;
}
.header .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0px transparent;
}
.rot180{
    transform: rotate(180deg);
}
.header .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007640;
}
.header .navBotWrapp .ButtonBaner{
    font-size: 12px;
    border:1px solid black;
}
#yetIcon{
    margin-top: -3px;
    width: 8px;
    height: 8px
}

.hh{
    display: none;
}
.hh .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* background-color: ; */
    opacity: 1;
    
}
 .text-12{
    font-size: 14px !important; 
}
.hh .right-nav-block{
    display: none;
}
.hh .right-nav-block li a{
    font-size: 14px;
    line-height: 28px
}
.hh .tab-pane>a{
    display: block;
    line-height: 30px
}
.hh .right-nav-span{
    font-size:  14px;
    margin-bottom: 0px;
    line-height: 30px 
}
.hh .right-nav-span:hover{
    color: green
}

.input-group-append a:hover{
   color:#28a745!important;
    
}


/*header end*/


/*RANG*/
input[type=range].input-range--custom {
  -webkit-appearance: none;
    -moz-appearance: none;
  width: 100%;
  background-image: linear-gradient( to right, green, green 50%, silver 50%);
}
input[type=range].input-range--custom:focus {
  outline: none;
}
input[type=range].input-range--custom::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
 
  border-radius: 1.3px;
}
input[type=range].input-range--custom::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
 
  border-radius: 1.3px;
}
input[type=range].input-range--custom:after {
  width: 20%;
  height: 5.4px;
  background-color: green;
}
input[type=range].input-range--custom::-webkit-slider-thumb {
  box-shadow: 0px 0px 2px #000000;
  border: 2.8px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 15px;
  background: green;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.5px;
  transform: scale(1.2);
}
input[type=range].input-range--custom::-moz-range-thumb {
  box-shadow: 0px 0px 2px #000000;
  border: 2.8px solid #fff;
  height: 16px;
  width: 16px;
  border-radius: 15px;
  background: green;
  cursor: pointer;
  -moz-appearance: none;
  margin-top: -5.5px;
  transform: scale(1.2);
}
/*RANG*/
.or-1{
    order: 1
}
.or-2{
    order: 2
}


/*transfer start*/
.transfer p{
    font-size: 16px;
    line-height: 24px;
}
/*transfer end*/

/*CartSite start*/
.CartSite h1{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}
.CartSite h4{
    font-size:  24px;
    line-height: 50px
}
.CartSite div>a{
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
}
/*CartSite end*/

.lvl2_active{ color:#19BB4F;}

.caruserlScrinshot h2{
	font-weight: 500;
	font-size: 30px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 	60px;
}
.caruserlScrinshot .owl-theme .owl-nav {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	top: 0px;
	height: 100%;
	z-index: 0px
}
.caruserlScrinshot .owl-theme .owl-nav [class*='owl-'] {
	font-size: 55px !important;
	margin: 0px;
	padding: 5px;
}
.caruserlScrinshot .owl-theme .owl-nav [class*='owl-']:hover {
	background: transparent;
	color: green;
	text-decoration: none;
	transition: all 0.1s linear 
}
.caruserlScrinshot .owl-theme .owl-nav [class*='owl-']:focus{
	outline: 0px
}
.caruserlScrinshot .owl-carousel .owl-stage-outer {
	width: 94.5%;
	margin: 0 auto;
	position: relative;
	z-index: 1
}
.caruserlScrinshot .owl-theme .owl-nav {
	margin-top: 0px; 
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.caruserlScrinshot .owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	width: 100%;
}
.caruserlScrinshot .owl-theme .owl-dots .owl-dot:focus {
	outline: 0px
}
.caruserlScrinshot .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: green;
}
.owl-theme .owl-dots .owl-dot span {
	width: 40px;
	height: 7px;
	box-shadow: 0px 0px 1px black; 
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.onvHand:hover{
    cursor: pointer;
}

		footer .foo_search .form-control{
    background: transparent;
    border-color: transparent;
}
footer .foo_search .form-control:focus{
    box-shadow: 0px 0px 0px transparent;
}
footer .foo_search>.form-control{
    background: #0A7E3D;
    border: 1px solid #009140;
    height: 30px;
    border-radius: 1px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

#nprogress .bar{
	height: 5px;
	background-color: #096833;
}
#nprogress .spinner-icon {
	border-top-color: #096833;
	border-left-color: #096833;
}
#nprogress .peg{
	box-shadow: 0px 0px 4px #096833
}

#creditsDetayled .advantages img{
    max-width: 80px !important;
}