html,body{margin:0;padding:0; font-family: 'Roboto', 'Arial'; overflow-x: hidden; }
html{height: 100%}
body{min-height: 100%; padding-bottom: 0; position:relative}
a{ -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s; text-decoration: none !important; outline: none !important;}
a:hover, a :focus{ text-decoration: none; color: #0053a5}
img{border: none; outline: none !important;}
hr{border-top:1px dashed #adadad; background: none}
.bg{position: relative;}
table{width: 100% !important; border: #eeeeee 1px solid !important; border-style: solid;}
table p{margin: 0}
table td, table th{border: #e6e6e6 1px solid !important; padding:10px; line-height: 16px;}
td img, th img{max-width: inherit !important;}
h1,h2,h3,h4,h5,h6{color: #333; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 12pt; text-transform: uppercase;}
blockquote{font-size: 12px;}
.animated{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;visibility:hidden}
tr:nth-child(odd), thead tr:nth-child(odd) {background: #f4f8fb}

.col-centered{display: inline-block !important; float: none !important; text-align: left; margin-right: -4px;}
.row-centered{text-align: center;}

.fleft{float: left}
.fright{float: right}
.fwrap{overflow: hidden}
.fwrap-y{overflow-y: visible}
.block{display: block}
.inline{display: inline-block}
.relative{position: relative}
.none{display: none}
.visible{visibility: visible}
.center{margin: 0 auto}

.padding0{padding: 0}
.mtop20{margin-top: 20px}
.mtop10{margin-top: 10px}
.mleft10{margin-left: 10px}
.mleft40{margin-left: 40px}
.mtop30{margin-top: 30px}
.mtop40{margin-top: 40px}
.pbottom60{ padding-bottom: 60px;}
.mright10{ margin-right: 10px;}
.padding60{ padding: 60px 0;}
.margin60{ margin: 60px 0;}
.mbottom20{margin-bottom: 20px}
.mbottom50{margin-bottom: 50px}
.col1200{max-width: 1200px; margin: 0 auto; padding: 0; width: 100%;}
.col1170{max-width: 1170px; margin: 0 auto; padding: 0 15px; width: 100%;}
.col960{max-width: 960px; margin: 0 auto; padding: 0 15px; width: 100%;}

.mobile span{display: block; width: 25px; height: 2px; margin-top: 4px; background-color: #0c5f9a; border-radius: 1px;}
.mobile span:first-of-type{margin: 0}
a.mobile{position: relative;float: right; width: 45px;  padding: 9px 10px;  margin-top: 20px; margin-right: 15px; margin-bottom: 8px; background-color: #eaeaea; background-image: none;  border: 1px solid #0c5f9a;  border-radius: 4px;}

.header{width: 100%;  position: relative; z-index: 100; background-color: #f4f4f4;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 46, 47, .75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(50, 46, 47, .75);
    box-shadow: 0px 0px 4px 0px rgba(50, 46, 47, .75)}
.header.investment{height: inherit; background-color: #fff; box-shadow: none;}
.header.investment .top{background-color: #0a3e6d}
.header.investment .top .icons a, .header.investment .top .icons a:visited, .header.investment .lang a{color: #fff}
.header .top{background-color:#322e2f; height: 38px;}
.header .top .icons a, .header .top .icons a:visited{color:#fff; float: left;  font-size: 15px; display: block; height: 37px; width: 30px; text-align: center;}
.header .top .icons a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7700+0,ff7700+50,ff6501+51,ff6501+100 */
    background: #ff7700; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff7700 0%, #ff7700 50%, #ff6501 51%, #ff6501 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff7700), color-stop(50%,#ff7700), color-stop(51%,#ff6501), color-stop(100%,#ff6501)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ff7700 0%,#ff7700 50%,#ff6501 51%,#ff6501 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ff7700 0%,#ff7700 50%,#ff6501 51%,#ff6501 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ff7700 0%,#ff7700 50%,#ff6501 51%,#ff6501 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ff7700 0%,#ff7700 50%,#ff6501 51%,#ff6501 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ff6501',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
}
.header .top .icons #searchtoggl:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0065b3+1,0065b3+50,0065b3+52,0065b3+100 */
    background: #0065b3; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #0065b3 1%, #0065b3 50%, #0065b3 52%, #0065b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#0065b3), color-stop(50%,#0065b3), color-stop(52%,#0065b3), color-stop(100%,#0065b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #0065b3 1%,#0065b3 50%,#0065b3 52%,#0065b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #0065b3 1%,#0065b3 50%,#0065b3 52%,#0065b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #0065b3 1%,#0065b3 50%,#0065b3 52%,#0065b3 100%); /* IE10+ */
    background: linear-gradient(135deg,  #0065b3 1%,#0065b3 50%,#0065b3 52%,#0065b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065b3', endColorstr='#0065b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header .lang{font-size: 10px;}
.header .lang a, .header .lang a:visited{ color: #fff; padding: 12px 13px;display: block;}
.header .top .icons a i{display: block; height: 100%; line-height: 38px;}
.header .top ul{list-style: none; margin: 0; padding: 0; overflow: hidden;}
.header .top ul li{float: left; padding-right: 20px;}
.header .top ul li a, .header .top ul li a:visited{color: #bebebe; font-size: 12px; display: inline-block; line-height: 38px; position: relative}
.header .top ul li a:hover, .header .top ul li.active a{color: #fff;}
.header .top ul li.active a:before{content:''; position: absolute; bottom:0; left: 50%; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;  border-bottom: 5px solid #1062ac;}
.header .top ul li .fa:before, .header .top .icons a .fa:before{font-size: 14px; margin: 0px;}
.header .top ul li i{margin-right: 10px; position: relative; top: 1px;}
.header .navbar{margin: 0px; border: none; position: static}
.header .bottom{width: 100%; background-color: #1062ac; z-index: 10}
.header .bottom .logo{margin: 15px 0;}
.header .bottom .ebank{color: #000000; font-size: 14px; position: relative; border-radius: 5px; margin-top: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; display: inline-block; padding:10px 12px; padding-left: 45px; background-color: #fac112}
.header .bottom .ebank:before{content: ''; height: 23px; width: 23px; position: absolute; left: 10px; top: 9px; display: inline-block; background: url("assets/icon-sprite.png") -580px -220px; margin-right: 10px;}
.header .navbar .navbar-collapse{padding: 0px;}

.header .bottom ul.menu{list-style: none; padding: 0; margin: 0; margin-left: 40px; height: 70px; border-left: 1px solid #0f5da3}

.header .bottom ul.menu > li> a, .header .bottom ul.menu > li > a:visited{display: inline-block; font-weight: 500; padding: 25px 15px; border-left: 1px solid #1062ac; height: 70px; color: #fff; font-size: 12px;text-transform: uppercase;}
.header .bottom ul.menu > li> a i{margin-left: 5px; font-size: 10px; top: -2px; position: relative}
.header .bottom ul.menu > li.active > a, .header .bottom ul.menu > li:hover > a{color: #1062ac; background: #fff; }

.header .bottom ul.menu .submenu{
    width: 100%;
    padding-bottom: 50px;
    padding-top: 15px;
    position: absolute;
    list-style: none;
    visibility: hidden;
    top: 108px;
    left: 0;
    opacity: 0;
    z-index: 4;
    background: #fff;
    transition-delay: 0s !important;
    text-align: left;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.header .bottom ul > li:hover .submenu{
    visibility: visible;
    transition-delay: 0.3s !important;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.header .bottom ul.submenu  a:hover{background-color: #ff7700;}

.header .search{height: 25px; margin-top: 2px; border:1px solid #ffffff; outline: none; color: #2a5188; font-size: 12px; padding-left: 5px; }
.header .submenu .menu-list{width: 240px;float: left;margin-left: 45px;}
.header .submenu .menu-list:first-child{margin-left: 0px}
.header .submenu .menu-list .title, .header .submenu .menu-list .title a, .header .submenu .menu-list .title:visited{padding-bottom: 6px; display: block;  color: #fff; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #FFFFFF}
.header .submenu .menu-list ul{padding: 0px; margin: 0px;list-style: none; margin-top: 10px; margin-bottom: 28px;}
.header .submenu .menu-list ul li a{color: #fff; padding: 4px 0px; display: block; font-size: 10px; text-transform: uppercase;}
.header .submenu .menu-list ul li a:hover{color: #f3eb17}
.header .submenu ul.sub{list-style: none; padding: 0; overflow: hidden; position: relative;height: 386px;}
.searching{background-color: #333333; height: 0; overflow: hidden; z-index: 1001; position: relative}
.searching a i{display: block; height: 100%; line-height: 30px; color: #fff}
.searching input[type=search]{color: #999999; font-size: 14px; text-transform: uppercase; font-weight: bold; width: 80%; background: none; border: none; height: 30px; outline: none}

.header .submenu ul.sub>li a, .header .submenu ul.sub>li a:visited{color: #999b9d; display: block; padding:0; font-size: 12px; font-weight: 500; text-transform: uppercase; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.header .submenu ul.sub>li a:hover, .header .submenu ul.sub>li.active a{color: #2c74b5;position: relative; z-index: 2;}
.header .submenu ul.sub>li{border-top: 1px solid #e6e6e7; height: 50px; display: block; border-bottom: 1px solid rgba(255,255,255,0); border-left: 1px solid rgba(255,255,255,0); float: none; padding: 0px; }
.header .submenu ul.sub>li:last-child{border-bottom: 1px solid #e6e6e7;}
.header .submenu ul.sub>li:hover, .header .submenu ul.sub>li.sel{border-radius: 5px 0 0 5px; border-left: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7; border-top: 1px solid #e6e6e7;width: 328px;background: #f7f7f7; position: relative; z-index: 3}
.header .submenu ul.sub>li:hover a, .header .submenu ul.sub>li.sel a{padding-left: 35px;}
.header .submenu ul.sub>li:hover + li, .header .submenu ul.sub>li.sel + li{border-top: 0 none;}

.header .submenu .menu-main-bg{background: #f4f4f4;  position: absolute;  top: 0px;right: 0px; height: 100%; border: 1px solid #e6e6e7;width: 72%;}
.header .submenu .menu-main-bg .mega-menu{border-left: 1px solid #fff;float: right; margin: 47px 10px 47px 60px;}
.header .submenu .menu-main-bg .mega-menu ul{border-left: 1px solid #eaeaea; padding: 20px 0px 20px 30px;list-style: none; }
.header .submenu .menu-main-bg .mega-menu ul li{padding-bottom: 24px; width: 240px;}
.header .submenu .menu-main-bg .mega-menu ul li a{color: #155da7; font-weight: bold;}
.header .submenu .menu-main-bg .mega-menu ul li a i{width: 48px;height: 48px;display: block;float: left; margin-right: 12px; background: #0f62ac; border-radius: 30px;}
.header .submenu .menu-main-bg .mega-menu ul li a span{color: #000;font-weight: normal;}

.header .submenu .menu-main-bg .mega-menu ul li a .service-icon{background-image: url("assets/icon-sprite.png"); background-position: -372px -39px;}
.header .submenu .menu-main-bg .mega-menu ul li a .contact-icon{background-image: url("assets/icon-sprite.png"); background-position: -412px -40px;}
.header .submenu .menu-main-bg .mega-menu ul li a .online-icon{background-image: url("assets/icon-sprite.png"); background-position: -452px -40px;}

.header .submenu ul li:hover .menu-main, .header .submenu ul li.sel .menu-main{display: block;}
.header .submenu ul li .menu-main{display: none; z-index: 1; position: absolute;left: 320px;width: 170%;top: -1px; height: 386px;}
.header .submenu ul li .menu-main ul , .header .submenu ul li .menu-main ul{list-style: none;padding: 29px; float: left;}
.header .submenu ul li .menu-main ul + ul, .header .submenu ul li .menu-main ul + ul{padding: 29px 0px}
.header .submenu ul li .menu-main ul li, .header .submenu ul li .menu-main ul li{width: 350px}
.header .submenu ul li .menu-main ul li:first-child, .header .submenu ul li .menu-main ul li:first-child{border-top: 1px solid #eaeaea}
.header .submenu ul li .menu-main ul li:last-child, .header .submenu ul li .menu-main ul li:last-child{border-bottom: 1px solid #fff}
.header .submenu ul li .menu-main ul li a, .header .submenu ul li .menu-main ul li a{padding: 12px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #eaeaea}
.header .submenu ul li:nth-child(2) .menu-main{top: -49px;}
.header .submenu ul li:nth-child(3) .menu-main{top: -97px;}
.header .submenu ul li:nth-child(4) .menu-main{top: -145px;}
.header .submenu ul li:nth-child(5) .menu-main{top: -193px;}
.header .submenu ul li:nth-child(6) .menu-main{top: -241px;}
.header .submenu ul li:nth-child(7) .menu-main{top: -289px;}
.header .submenu ul li:nth-child(8) .menu-main{top: -337px;}



/*.header .submenu ul.sub li a i{display: block; width: 35px; height: 35px; position: absolute; left: 15px; top: 10px;}*/
/*.header .submenu ul.sub li:nth-child(1) a i{background: url("assets/menu-sprite.png") 0 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(1) a:hover i{background: url("../assets/menu-sprite.png") 0 -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(2) a i{background: url("../assets/menu-sprite.png") -40px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(2) a:hover i{background: url("../assets/menu-sprite.png") -40px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(3) a i{background: url("../assets/menu-sprite.png") -80px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(3) a:hover i{background: url("../assets/menu-sprite.png") -80px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(4) a i{background: url("../assets/menu-sprite.png") -120px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(4) a:hover i{background: url("../assets/menu-sprite.png") -120px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(5) a i{background: url("../assets/menu-sprite.png") -160px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(5) a:hover i{background: url("../assets/menu-sprite.png") -160px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(6) a i{background: url("../assets/menu-sprite.png") -200px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(6) a:hover i{background: url("../assets/menu-sprite.png") -200px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(7) a i{background: url("../assets/menu-sprite.png") -240px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(7) a:hover i{background: url("../assets/menu-sprite.png") -240px -50px no-repeat}*/
/*.header .submenu ul.sub li:nth-child(8) a i{background: url("../assets/menu-sprite.png") -280px 0 no-repeat}*/
/*.header .submenu ul.sub li:nth-child(8) a:hover i{background: url("../assets/menu-sprite.png") -280px -50px no-repeat}*/
.header .submenu.people ul.sub li:nth-child(5) a i{background: url("assets/menu-sprite.png") -330px 0 no-repeat}
.header .submenu.people ul.sub li:nth-child(5) a:hover i{background: url("assets/menu-sprite.png") -330px -50px no-repeat}
.header .submenu.people ul.sub li:nth-child(6) a i{background: url("assets/menu-sprite.png") -370px 0 no-repeat}
.header .submenu.people ul.sub li:nth-child(6) a:hover i{background: url("assets/menu-sprite.png") -370px -50px no-repeat}
.anime {
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transition: all 1s;
}
.anime.css {
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -ms-animation-delay:1s;
    -o-animation-delay:1s;
    animation-dely:1s;
}
.anime.animated {
    -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
    -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
    -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
    -o-animation: 1600ms pulsate infinite alternate ease-in-out;
    animation: 1600ms pulsate infinite alternate ease-in-out;
}
.anime:before,
.anime:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: red;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.anime:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin :100% 100%;
}

@keyframes pulsate {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.3); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
    0% { -moz-transform: scale(1); }
    50% { -moz-transform: scale(1.3); }
    100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulsate {
    0% { -ms-transform: scale(1); }
    50% { -ms-transform: scale(1.3); }
    100% { -ms-transform: scale(1); }
}
@-o-keyframes pulsate {
    0% { -o-transform: scale(1); }
    50% { -o-transform: scale(1.3); }
    100% { -o-transform: scale(1); }
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    -ms-touch-action: pan-y;
}
.owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-item{
    float: left;
    padding: 0 15px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,eeeeee+36,f2f2f2+51,e9e9e9+100 */

}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
#top-slide{position: relative; max-height: 400px; overflow: hidden;}
.left-menu{position: fixed; left: 0; z-index: 99; top:185px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.custombox-open .left-menu{    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.left-menu ul{list-style: none; overflow: hidden; padding: 0px;}
.left-menu ul li{padding: 0px;  background: #393536; width:60px; position: relative; overflow: hidden;  -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
/*.left-menu ul li:first-child{background: #0f62ac !important;}*/
.left-menu ul li i{position: absolute; left:20px;}
.left-menu ul li i:before{margin-left:0; line-height: 20px;}
.left-menu ul li i{display: inline-block; width: 25px; height: 25px;}
.left-menu ul li i.login, .left-wrap ul li i.login{background: url("assets/icon-sprite.png") -295px -350px}
.left-menu ul li i.edu,  .left-wrap ul li i.edu{background: url("assets/icon-sprite.png") -340px -350px}
.left-menu ul li i.calculator, .left-wrap ul li i.calculator{background: url("assets/icon-sprite.png") -382px -350px}
.left-menu ul li i.exchange, .left-wrap ul li i.exchange{background: url("assets/icon-sprite.png") -450px -350px}
.left-menu ul li i.loc, .left-wrap ul li i.loc{background: url("assets/icon-sprite.png") -418px -350px}
.brochure { background: url("assets/brochure-folded.png"); background-size: 25px 25px; }
.left-menu ul li:hover{background: #232121}
.left-menu ul li a{color:#fff; width: 240px; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s; font-size: 14px; line-height: 15px; height: 60px; display: block; padding:20px; padding-left: 75px; font-weight: 300; border-bottom: 1px solid #0d0d0d; border-top: 1px solid #434041;}
/*.left-menu ul li:first-child a{border-top: none}*/
.left-menu ul li:last-child a{border-bottom: none}
.left-menu ul li:hover{width: 240px; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.left-menu ul li:hover a{padding-right: 15px; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.left-menu.fixed{position: fixed}

#slides{overflow: hidden;}
#slides {
    display: none
}

#slides .slidesjs-navigation {
    margin-top:5px;
    position: absolute;
    bottom: 20px;
    z-index: 22;
    transition:none;
    -moz-transition:none;
    -webkit-transition:none;
}

a.slidesjs-next,
a.slidesjs-previous,
a.slidesjs-play,
a.slidesjs-stop {
    background-image: url(assets/btns-next-prev.png);
    background-repeat: no-repeat;
    display:block;
    width:20px;
    height:18px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin-right:5px;
}

a.slidesjs-next {
    margin-right:10px;
    background-position: -20px 0;
    right: 47%;
}

a:hover.slidesjs-next {
    background-position: -20px -18px;
}

a.slidesjs-previous {
    background-position: 0 0;
    left: 47%;
}

a:hover.slidesjs-previous {
    background-position: 0 -18px;
}

a.slidesjs-play {
    width:15px;
    background-position: -25px 0;
}

a:hover.slidesjs-play {
    background-position: -25px -18px;
}

a.slidesjs-stop {
    width:18px;
    background-position: -41px 0;
}

a:hover.slidesjs-stop {
    background-position: -41px -18px;
}

.slidesjs-pagination {
    float: left;
    list-style: none;
    position: absolute;
    bottom: 20px;
    z-index: 15;
    padding: 0px;
    left: 49%;
    margin: 3px 0px;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 12px;
    background-image: url(assets/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
    transition:none;
    -moz-transition:none;
    -webkit-transition:none;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    padding-top: 13px;
    background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
    color: #333
}

#slides a:hover,
#slides a:active {
    color: #9e2020
}


/*.slidesjs-previous{float: left;position: absolute;}*/
/*.slidesjs-next{float: right;position: absolute;}*/
/*.slidesjs-pagination{float: left;position: absolute;}*/

.main .part-one{padding: 20px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8}

.main .part-one .img{display: block; height: 320px;}
.main .part-one .img img{height: 100%; width: 100%; object-fit: cover;}
.main .part-one .text {width: 100%; max-width: 430px; padding:0 15px; height: 320px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.main .part-one .text .title{color: #322e2f; font-size: 30px; font-weight: 300; line-height: 35px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif}
.main .part-one .text .desc{color: #322e2f; font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 20px}
.main .part-one .text a.more{ background: #273961; color: #fff; font-size: 10px; text-transform: uppercase; display: inline-table; padding: 10px 20px; line-height: 20px}
.main .part-one .text a.more:after{content: ''; display: inline-block; height: 15px; margin-left: 10px; background: url("assets/icon-sprite.png") -160px 0; position: relative; top: 4px; width: 15px;}

.main .part-two .text{display:block; text-align: center; background-color: #f0f0f0; padding: 40px; margin: 40px 0; border-bottom: 4px solid #d8d8d8;
    -webkit-border-radius: 15px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 15px;
    -moz-border-radius-bottomright: 0;
    border-radius: 15px;
    border-bottom-right-radius: 0;}
.main .part-two .text .title{color: #273961; font-size: 18px; }
.main .part-two .text .desc{font-size: 13px; color: #272727;  line-height: 18px; text-align: center; margin-top: 25px; height: 75px; overflow: hidden}
.main .part-two .text .more{color: #273961; display: inline-block; text-transform:uppercase; font-size: 10px;}
.main .part-two .text .more i:before{font-size: 16px; margin-left: 8px; line-height: 0; position: relative; top: 2px;}
.main .part-two .text .img{position: relative}
.main .part-two .text .img .icon{position:relative; height: 62px; width: 62px;background: #273961; border-radius: 3px;margin: 0px auto;margin-bottom: 40px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.main .part-two .text:hover .img .icon{margin-top: 15px; margin-bottom: 25px}
.main .part-two .text .img .icon i{color: #fff;
    position: absolute;
    top: 12px;
    left: 0px;}
.main .part-two .text .img .icon i:before{font-size: 26px !important;}
.main .part-two .text .img span{position: absolute;
    bottom: -23px;
    margin-left: -7px;
    border-top: 12px solid #273961;
    border-right: 8px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 8px solid transparent;}
.main .part-two .text:hover{background-color: #273961; border-bottom-color: #1f2e4e}
.main .part-two .text:hover .title, .main .part-two .text:hover .desc, .main .part-two .text:hover .more{color: #fff}
.main .part-two .text:hover .img .icon{background-color: #fff;}
.main .part-two .text:hover .img .icon i{color: #32353b}
.main .part-two .text:hover .img span{border-top-color: #fff}

.main .part-three {margin: 40px 0; background-color: #f0f0f0}
.main .part-three .img{display: block; height: 320px;}
.main .part-three .img img{height: 100%; width: 100%; object-fit: cover;}
.main .part-three .text {width: 100%; max-width: 430px; padding:0 40px; height: 320px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.main .part-three .text .title{color: #322e2f; font-size: 30px; font-weight: 300; line-height: 35px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif}
.main .part-three .text .desc{color: #322e2f; font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 20px}
.main .part-three .text a.more{ background: #273961; color: #fff; font-size: 10px; text-transform: uppercase; display: inline-table; padding: 10px 20px; line-height: 20px}
.main .part-three .text a.more:after{content: ''; display: inline-block; height: 15px; margin-left: 10px; background: url("assets/icon-sprite.png") -160px 0; position: relative; top: 4px; width: 15px;}

.mm-page{position:initial}
.footer{background: #0c5e98; overflow: hidden; position: absolute; left: 0; bottom: 0; width:100%}
.footer .menu{background: #0c4d87;height: 50px;}
.footer .menu ul{list-style: none; padding: 0px; margin: 0px; font-size: 10px; }
.footer .menu ul li{float: left; line-height: 50px;}
.footer .menu ul li a{padding: 0px 14px;border-left:1px solid #093a65; color: #fff;text-transform: uppercase;}
.footer .menu ul li a:hover{color: #fff212}
.footer .menu ul li a:first-child{border-left: none; padding-left: 0px;}
.footer .icon a{height: 32px; width: 32px; background: #093a65; display: block;float: left; margin: 9px 2px; border-bottom: 2px solid transparent;}
.footer .icon a i{font-size: 11px; color: #fff; line-height: 35px; text-align:  center; display: block}
.footer .icon a:hover{border-bottom: 2px solid #fff212; background: #0b4579}
.footer .icon .line{    background: #093a65;display: block;float: left; height: 14px;margin: 18px 10px; width: 1px;}
.footer .icon-other{height: 32px; cursor: pointer; width: 78px; background: #0d5494 url("assets/icon/back-top.png") no-repeat; background-position: center; display: block;float: left; margin: 9px 6px; border-bottom: 2px solid transparent;}
.footer .icon-other:hover{border-bottom: 2px solid #fff212; background: #0b4579 url("assets/icon/back-top.png") no-repeat; background-position: center;}
.footer .icon-other i:before{ margin-left: 34px; color: #fff; font-size: 15px; line-height: 32px}

.footer .submenu .top{height: 38px; text-transform: uppercase; border-bottom: 1px solid #0c4d87; color: #fff; line-height: 38px; font-size: 10px; font-weight: 300}
.footer .submenu .top .icon {position: relative;height: 28px; cursor: pointer; background: #0c4d87; display: block; float: left; margin: 5px 0px; margin-right: 20px;}
.footer .submenu .top .icon i{-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s; width: 28px; height: 28px; display: block; background: url("assets/icon/back-top.png") no-repeat; background-position: 7px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.footer .submenu .top .icon:hover i{
    margin-top: 2px;
}
.footer .submenu .top .icon.active i{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);}
/*.footer .submenu .top .icon i{position: absolute;top: -5px;    left: -13px;}*/
.footer .submenu .top .icon i:before{font-size: 16px}
.footer .submenu .bottom, .footer .submenu{    position: relative; overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;}
.footer .submenu .bottom .nav{list-style: none;    margin: 20px 0px;}
.footer .submenu .bottom .nav>li{float: left; }
.footer .submenu .bottom .nav>li i{height: 15px; width: 20px; display: block; margin-right: 5px; float: left}
.footer .submenu .bottom .nav>li:nth-child(1) i{background: url("assets/sprite.png") -300px -425px}
.footer .submenu .bottom .nav>li:nth-child(2) i{background: url("assets/sprite.png") -380px -425px}
.footer .submenu .bottom .nav>li:nth-child(3) i{background: url("assets/sprite.png") -450px -425px}
.footer .submenu .bottom .nav>li:nth-child(4) i{background: url("assets/sprite.png") -515px -425px}
.footer .submenu .bottom .nav>li a{padding: 13px 25px;height: 38px;border-bottom: 4px solid transparent; color: #fff; font-size: 10px; text-transform: uppercase;background: #0d66a5;}
.footer .submenu .bottom .nav>li a:hover, .footer .submenu .bottom .nav>li.active a{background: #0c4d87; border-bottom: 4px solid #f3eb17}
.footer .submenu .bottom .menu-list{width: 202px;float: left;margin-left: 45px; color: #fff; font-size: 10px; text-transform: uppercase;}
.footer .submenu .bottom .menu-list:first-child{margin-left: 0px}
.footer .submenu .bottom .menu-list .title{padding-bottom: 6px; border-bottom: 1px solid #0c4d87}
.footer .submenu .bottom .menu-list ul{padding: 0px; margin: 0px;list-style: none; margin-top: 10px; margin-bottom: 28px;}
.footer .submenu .bottom .menu-list ul li a{color: #fff; padding: 4px 0px; display: block;}
.footer .submenu .bottom .menu-list ul li a:hover{color: #f3eb17}
.footer .footer-logo{width: 400px; height: 70px; position: absolute; bottom: 50px; right: 0px; background: url("assets/footer-logo.png") no-repeat;}

/*intro*/
.intro{background: url("assets/intro.jpg") no-repeat; background-position: center; background-size: cover; display: table; width: 100%; height: 100%}
.intro .logo{position: absolute; top: 50px; left: 50px}
.intro .logo img{max-width: 100%}
.intro .type{width: 100%; position: absolute; top: 55%; text-align: center}
.intro .type a, .intro .type a:visited{color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; border: 1px solid #fff; padding: 15px 0; width: 250px; margin-left: 2%; display: inline-block; border-radius: 50px; margin-top: 20px;}
.intro .type a:hover{background-color: #fff; color: #000}
.intro .lang a, .intro .lang a:visited{display: inline-block; font-size: 12px; position: absolute; top: 50px; right:50px; text-transform: uppercase; font-weight: bold;  color: #fff; padding: 8px 30px;  border-radius: 50px; padding-left: 55px;}
.intro .lang img{position: absolute; left: 15px; top: 7px;}

/*credit*/

.site-map{width: 100%; background-color: #f8f8f8; }
.site-map i{background: url("assets/home.png") no-repeat; height: 15px; width: 15px; float: left; margin: 15px 0}
.site-map p{font-size: 14px; margin:14px 10px; color: #aaaaaa; display: inline-block; float: left; background: url("assets/way.png") no-repeat; padding-left: 20px; text-transform: lowercase}
.site-map p:first-letter{text-transform: uppercase}
.site-map a, .site-map a:visited{font-size: 14px; margin:14px 0; text-transform: lowercase; color: #155da7; display: inline-block; float: left;  background: url("assets/way.png") no-repeat; padding-left: 20px}
.site-map a:first-letter{text-transform: uppercase}
.site-map a:hover{text-decoration: underline !important;}
/*Зээлийн үйлчилгээ*/
.loan{ overflow: hidden;}
.loan.tab-content{padding: 50px 0}
.loan ul#dates{margin: 0; margin-top: 0 !important; padding: 0; height: inherit; list-style: none}
.loan ul#dates li{margin: 0;  border-bottom: 1px solid #d2d2d2;}
.loan ul#dates li a, .loan ul#dates li a:visited{color: #464646; font-size: 12px; text-transform: uppercase; background-position:right; border-right: 4px  solid rgba(0,0,0,0); border-bottom: 3px  solid rgba(0,0,0,0); padding: 15px 25px; display: block}
.loan ul#dates li a:hover, .loan ul#dates li a.active{border-right: 4px solid #f3eb17; background-color: #0c5e98; color: #fff; border-bottom: 3px solid #0a4b7a}
.loan#timeline{overflow: hidden; height: 300px}
.loan #issues{padding-left: 60px;}
.loan #issues li{height: 300px; list-style: none}
.loan #issues .title{color: #5a5a5a; margin: 0; font-size: 18px; line-height: 15px; text-transform: uppercase; display: block; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px}
.loan #issues .desc{color: #5a5a5a; font-size: 14px; padding: 20px 0}
.loan #issues a.more{background-color: #0c5e98; display: inline-block; padding: 8px 25px; font-size: 10px; font-weight: bold; color: #fff; border-bottom: 2px solid #0a4b7a}
.loan #issues a.more:hover{border-bottom: 4px solid #0a4b7a}
.introtext {padding: 35px 0}
.introtext .title{color: #5a5a5a; font-size: 18pt; margin: 0; padding-bottom: 10px; margin-bottom: 25px; text-transform: uppercase; font-weight: 300; border-bottom: 1px solid #d2d2d2; display: block}
.introtext .desc{color: #000; font-size: 14px; padding: 15px 0; font-weight: 300; line-height: 24px; position: relative;overflow: hidden}
.introtext label{display:inline-block; padding:10px 20px; color: #7740a2; font-weight: bold; border: 2px solid #e5e5e5; margin:  0 auto; margin-top: 25px; line-height: 18px;}
.introtext .desc ul{list-style: none; margin: 0; padding: 0}
.introtext .desc ul li{background: url("assets/list.png") no-repeat; background-position: left 3px; background-size: 16px; padding-left: 30px; line-height: 21px}
.introtext .desc p{text-align: justify}
.introtext .desc h4{color: #464646; margin:10px 0; font-size: 14px; font-weight: normal; border-bottom: 1px solid #d2d2d2; padding: 10px 0}
.introtext .text{color: #464646; font-size: 14px; padding: 25px; border: 1px solid #e6e6e6; }
.more-text {background-color: #f0f0f0; width: 100%; padding: 60px 0}
.more-text .text{color: #000; font-size: 14px; font-weight: 300; line-height: 24px; position: relative;overflow: hidden; padding: 25px; background-color: #fff; border: 1px solid #f8f8f8}
.loan .text {background-color: #f0f0f0; width: 100%; padding: 60px 0}
.loan .text .left{list-style: none; padding: 0; margin:0}
.loan .text .left li{display: block; width: 100%}
.loan .text .left li a, .loan .text .left li a:visited{color: #464646; display: block; border: none; border-radius: 0; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #d2d2d2; padding: 15px 0; padding-left: 30px}
.loan .text .left li:first-child{border-top: 1px solid #d2d2d2}
.loan .text .left li.active a, .loan .text .left li a:hover{color: #fff; background-color: #cb5824}
.loan .text .right h3{color: #464646; line-height: 17px; font-weight: normal; margin: 0; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #d2d2d2; display: block; padding-bottom: 15px; margin-bottom: 15px}
.loan .text .right{color: #5a5a5a; font-size: 14px; padding-left: 50px}

.answer {width: 100%; max-width: 1170px; margin: 0 auto; background-color: #f5f5f5; padding: 30px; border-bottom: 4px solid #0d5595; margin-top: 60px; margin-bottom: 30px}
.answer .title{font-size: 18px; font-weight: 500; font-style: italic; display: block; margin-bottom: 20px}
.answer .desc{font-size: 14px; font-weight: 400; font-style: italic; display: block; line-height: 24px}
.other-service {padding-top: 60px; }
.other-service .top-title{font-size: 18px; color: #5a5a5a; text-transform: uppercase; text-align: center; padding: 10px 0; border-bottom: 1px solid #d2d2d2}
.other-service .items { padding:30px 25px; background-color: #0e6eb3;  border: 6px solid #0e6eb3; text-align: left;  -webkit-transition:all 500ms linear 0s;-moz-transition:all 500ms linear 0s;transition:all 500ms linear 0s;}
.other-service .items:hover {background-color:#0d5595; border: 6px solid #0c4d87;
    -webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 18px 1px rgba(0,0,0,0.1);
    box-shadow:0px 0px 18px 1px rgba(0,0,0,0.1)}
.other-service .items:hover a.more{background-color:#0b467b; }
.other-service .items .img{display: block; width: 75px; height: 60px; margin: 0 auto; -webkit-transition:all 500ms linear 0s;-moz-transition:all 500ms linear 0s;transition:all 500ms linear 0s;}
.other-service .items .img .icon{display:inline-block; height: 60px; width: 75px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.other-service .items .img .icon.icon0{background: url("assets/sprite.png") -290px -350px; }
.other-service .items .img .icon.icon1{background: url("assets/sprite.png") -370px -345px; }
.other-service .items .img .icon.icon2{background: url("assets/sprite.png") -453px -350px; }
.other-service .items .img .icon.icon3{background: url("assets/sprite.png") -570px -425px; }
.other-service .items .title{color: #fff; text-transform: uppercase; line-height: 22px; padding: 5px 10px; border-left: 4px solid #f3eb17; font-size: 14px; height: 30px; margin: 15px 0; font-weight: bold; display: block; font-family: 'Roboto condensed', sans-serif}
.other-service .items .desc{color: #fff; font-size: 14px; height: 65px; margin-bottom: 15px; display: block; font-weight: 300; border-top: 1px solid #0c4d87; line-height: 17px; padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;}
.other-service .items a.more{color: #fff; font-size: 12px; display: inline-block; margin: 0 auto; position: relative; font-family: 'Roboto Condensed',sans-serif; padding: 5px 25px; background-color: #0b568c; font-weight: 300; border-left: 4px solid #f3eb17}
.other-service .items a.more i{background: #f3eb17 url("assets/sprite.png") -505px 10px; position: absolute; right: 0; top: 0; display: inline-block; width: 0; height: 100%; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200msms linear 0s;transition:all 200msms linear 0s;}
.other-service .items:hover a.more{border: none; padding-right: 60px}
.other-service .items:hover a.more i{width: 40px;}
.white .other-service .item{ border: 1px solid #e6e6e6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.white .other-service .item:hover{border: 1px solid #ebebeb;}
.white .other-service .item .img .icon.icon0{background: url("assets/icon-sprite.png") -200px -145px; }
.white .other-service .item .img .icon.icon1{background: url("assets/icon-sprite.png") -280px -145px; }
.white .other-service .item .img .icon.icon2{background: url("assets/icon-sprite.png") -360px -145px; }

/*page*/
.page {margin: 50px 0}
.page .title{color: #5a5a5a; font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 15px}
.page .desc{color: #5a5a5a; font-size: 14px;}
.page-bottom{width: 100%; background-color: #f8f8f8; padding-bottom: 50px;}
.page-category{width: 100%; padding: 50px 0}
.page-category ul{list-style: none; padding: 0; margin: 0}
.page-category ul li span{display: block; margin: 0}
.page-category ul li .img{display: table; margin: 0 auto; border: 1px solid #e6e6e6; background-color: #fff; width: 100%; height: 170px;-webkit-transition:all 500ms linear 0s;-moz-transition:all 500ms linear 0s;transition:all 500ms linear 0s;}
.page-category ul li .img .in{display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%}
.page-category ul li a:hover .img, .page-category ul li.active a .img{background-color: #0d5595; border: 7px solid #0c4d87}
.page-category ul li .img .in .icon{display:inline-block; height: 100px; width: 100px; }
.page-category ul li .title{color: #5a5a5a; font-size: 14px; text-transform: uppercase; margin-top: 10px}
.page-category ul li a:hover .title, .page-category ul  li.active a .title{color: #fff;}

.check{text-align: center; position: relative; font-size: 11px; text-transform: uppercase; color: #fff; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; background-color: #00b06c; margin-top: 30px; padding: 10px; line-height: 15px; border-radius: 20px;}
.check a, .check a:visited{color: #fff; font-weight: bold}
.check i{color: #fff;height: 20px; cursor: pointer; width: 20px; border: 1px solid #fff; border-radius: 100%;  line-height: 18px; top: 7px;  position: absolute; text-align: center; padding-left: 1px; right: 20px;}
.page-item{list-style: none; overflow: hidden; padding: 0; margin-top: 50px}
.owl-pagination{text-align: center; margin-top: 30px}
.owl-pagination .owl-page{display: inline-block; }
.owl-pagination .owl-page span{display: inline-block; height: 15px; width: 15px; margin: 0 5px; border: 2px solid #d2d2d2 !important;}
.owl-pagination .owl-page.active span{border: 4px solid #d2d2d2 !important;}
.page-item .owl-item span{display: block; margin: 0}
.page-item .owl-item .img{display: table; width: 100%; height: 250px; position: relative; overflow: hidden}
.page-item .owl-item .img .pic{position: absolute; display: table; width: 100%; height: 100%; top: 0; left: 0; background-position: left !important;}
.page-item .owl-item .img .pic .in{display:table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%;}
.page-item .owl-item .img .pic .in img{display:inline-block; max-width: 100%; max-height: 250px;}
.page-item .owl-item .img .shadow{position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0px solid rgba(14, 110, 179, .7);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;}
.page-item .owl-item.active a{opacity: 0.4; cursor: default; display: block; pointer-events: none;}
.page-item .owl-item:hover .img .shadow, .page-item .owl-item.active .img .shadow{border: 150px solid rgba(14, 110, 179, .7); }
.page-item .owl-item:hover .img .in .icon, .page-item .owl-item.active .img .in .icon{background-color: rgba(14, 110, 179, 0);}
.page-item .owl-item .img .in{display:none; text-align: center; vertical-align: middle; width: 100%; height: 100%;}
.page-item .owl-item .title{color: #000; border-bottom:1px solid #d2d2d2; height:50px; font-size: 11px; text-transform: uppercase; padding: 20px 10px; line-height: 12px; text-align: center; width: 100%; display: block; background-color: #fff}
.page-item .owl-item:hover .title, .page-item .owl-item.active .title{border-bottom: 4px solid #0d5595}
.page-item .owl-item .img .in .icon{display:inline-block; height: 75px; width: 75px; background-color: rgba(14, 110, 179, .7); border-radius: 100%; position: relative;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.5s ease;}
.page-item .owl-item .img .in .icon span{display:inline-block; height: 75px; width: 75px; margin: 0}
.page-item .owl-item .img .in .icon .icon1{background: url("assets/sprite.png") 10px -232px; }
.page-item .owl-item .img .in .icon .icon2{background: url("assets/sprite.png") -55px -232px; }
.page-item .owl-item .img .in .icon .icon3{background: url("assets/sprite.png") -138px -225px }
.page-item .owl-item .img .in .icon .icon4{background: url("assets/sprite.png") -203px -230px; }
.page-item .owl-item .img .in .icon .manage1{background: url("assets/sprite.png") 420px -232px; }
.page-item .owl-item .img .in .icon .manage2{background: url("assets/sprite.png") -360px -232px; }
.page-item .owl-item .img .in .icon .manage3{background: url("assets/sprite.png") -435px -233px }
.page-item .owl-item .img .in .icon .manage4{background: url("assets/sprite.png") -504px -233px; }
.page-item .owl-item .img .in .icon .financial1{background: url("assets/sprite.png") 22px -60px; }
.page-item .owl-item .img .in .icon .financial2{background: url("assets/sprite.png")  -50px -60px; }
.page-item .owl-item .img .in .icon .financial3{background: url("assets/sprite.png") -127px -60px }
.page-item .owl-item .img .in .icon .financial4{background: url("assets/sprite.png") -207px -60px; }
.page-item .owl-item .img .in .icon .respons1{background: url("assets/sprite.png") -285px -67px; }
.page-item .owl-item .img .in .icon .loan1{background: url("assets/sprite.png") -579px -236px; }

.page-description{background-color: #f8f8f8; border-top: 1px solid #e6e6e6;padding: 60px 0; color: #000; font-size: 14px; font-weight: 300; line-height: 24px; text-align: justify;}
.page-description .row{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;}
.page-description .item{background-color: #e9e9e9; padding: 30px; font-size: 14px; text-align: justify; color: #5a5a5a; height: 200px; line-height: 24px; margin: 0}
.tailbar{font-size: 14px; color: #5a5a5a; line-height: 24px; background-color: #f5f5f5; margin: 60px 0; padding: 25px; font-style: italic}
/*Nuur huudas huw hun*/
.home-other .part-type .service *, .home-other .part-type .service{transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
.home-other .part-type .service{position: relative; margin: 40px 0; height: 340px; overflow: hidden; background-color: #f0f0f0; padding: 20px;}
.home-other .part-type .service .img{height: 65px; width: 60px; margin: 0 auto; margin-top: 20px;}
.home-other .part-type .service.index0 .img{background: url("assets/icon-sprite.png") 0 -400px}
.home-other .part-type .service.index0:hover .img{background: url("assets/icon-sprite.png") 0 -470px}
.home-other .part-type .service.index1 .img{background: url("assets/icon-sprite.png") -80px -400px}
.home-other .part-type .service.index1:hover .img{background: url("assets/icon-sprite.png") -80px -470px}
.home-other .part-type .service.index2 .img{background: url("assets/icon-sprite.png") -160px -400px}
.home-other .part-type .service.index2:hover .img{background: url("assets/icon-sprite.png") -160px -470px}
.home-other .part-type .service.index3 .img{background: url("assets/icon-sprite.png") -250px -400px}
.home-other .part-type .service.index3:hover .img{background: url("assets/icon-sprite.png") -250px -470px}
.home-other .part-type .service .desc{text-align: center; height:100px; overflow: hidden;  font-weight: 300; margin-bottom: 20px; padding: 0; color: #322e2f; font-family: 'Roboto',sans-serif; font-size: 13px; line-height: 16px;}
.home-other .part-type .service .name{ text-align: center; text-transform: uppercase; margin: 20px 0; color: #155da7; font-size: 20px; font-family: 'Roboto', sans-serif}
.home-other .part-type .service a.more{ color: #0f62ac; font-size: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; text-align: center; display: block}
.home-other .part-type .service a.more:after{content: ''; display: inline-block; height: 15px; margin-left: 10px; background: url("assets/icon-sprite.png") -421px -300px; position: relative; top: 4px; width: 15px;}
.home-other .part-type .service:hover a.more:after{background: url("assets/icon-sprite.png") -160px 0;}
.home-other .part-type .service:hover{background-color: #0f62ac}
.home-other .part-type .service:hover .desc, .home-other .part-type .service:hover .name, .home-other .part-type .service:hover a.more{color: #fff}

.home-other .part-2 {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 20px 0}
.home-other .part-2 .text {width: 100%; padding:0 15px; height: 320px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.home-other .part-2 .img img{height: 100%; width: 100%;  object-fit: cover;}
.home-other .part-2 .img, .home-other .part-3 .img, .part-one .img, .part-three .img{overflow: hidden}
.home-other .part-2 .img img, .home-other .part-3 img, .part-one img, .part-three img{transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
.home-other .part-2:hover a.more, .home-other .part-3:hover a.more, .part-one:hover a.more, .part-three:hover a.more{-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5)}
.home-other .part-2:hover .img img, .home-other .part-3:hover .img img, .part-one:hover .img img, .part-three:hover .img img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);}

.home-other .part-2 .text .title{color: #322e2f; font-size: 30px; font-weight: 300; line-height: 35px; margin-bottom: 15px; font-family: 'Open Sans', sans-serif}
.home-other .part-2 .text .desc{color: #322e2f; font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 20px}
.home-other .part-2 .text a.more{ background: #0f62ac; color: #fff; font-size: 10px; text-transform: uppercase; display: inline-block; padding: 10px 20px; line-height: 20px}
.home-other .part-2 .text a.more:after{content: ''; display: inline-block; height: 15px; margin-left: 10px; background: url("assets/icon-sprite.png") -421px -300px; position: relative; top: 4px; width: 15px;}
.home-other .part-2 .text a.more:after{background: url("assets/icon-sprite.png") -160px 0;}

.home-other .part-3{background:#f0f0f0; height: 320px; margin-bottom: 40px;}
.home-other .part-3 .text .title{color: #322e2f;font-size: 25px; line-height: 22px; font-weight: 200}
.home-other .part-3 .text{display: table-cell;  height: 320px; vertical-align: middle;padding: 0px 50px;}
.home-other .part-3 .text .desc{font-size: 14px; color: #322e2f; line-height: 24px; margin-top: 20px; font-weight: 300}
.home-other .part-3 .text .more{padding: 10px 20px; text-transform: uppercase; background-color: #0f62ac; color: #fff; display: inline-block; font-size: 10px; margin-top: 25px}
.home-other .part-3 .text .more i:before{color: #fff; font-size: 13px; margin-left: 7px;}
.main .part-3 .img{display: block; height: 320px;}
.main .part-3 .img img{height: 100%; width: 100%; object-fit: cover;}

.other-service-two .item{position: relative;height: 360px; margin: 40px 0; background-color: #f0f0f0}
.other-service-two .item .img{width: 100%; height: 160px; background-color: #fff}
.other-service-two .item .img img{height: 100%; width: 100%;  object-fit: cover;}
.other-service-two .item .title{color: #322e2f; font-size: 18px; text-transform: uppercase; padding: 0 20px; margin-top: 20px; height: 35px; overflow: hidden}
.other-service-two .item .title a, .other-service-two .item .title a:visited{color: #322e2f; font-size: 18px; text-transform: uppercase}
.other-service-two .item .desc{height: 95px; color: #322e2f; font-size: 14px; font-weight: 300; line-height: 20px; padding: 0 20px}
.other-service-two .item .contentlist .block{ padding: 0 20px}
.other-service-two .item .contentlist a, .other-service-two .item .contentlist a:visited{color: #322e2f; text-transform: lowercase; display: block; margin-bottom: 10px; font-size: 14px; font-weight: 300; line-height: 18px;}
.other-service-two .item .contentlist a:first-letter{text-transform: uppercase}
.other-service-two .item .contentlist a i{color: #0f62ac; font-weight: bold; margin-left: 5px}
.other-service-two .item a.download{display: inline-block; margin-left: 20px; font-size: 10px; text-transform: uppercase; padding:8px 20px; color: #0f62ac; border-radius: 5px; border: 1px solid #0f62ac}
.other-service-two .item a.download:hover{background-color: #0f62ac; color: #fff}
.other-service-two .item a.more{display: inline-block; margin-left: 20px; font-size: 10px; text-transform: uppercase; padding:9px 0; color: #0f62ac;}
.other-service-two .item a.more:after{content: ''; display: inline-block; height: 15px; margin-left: 5px; background: url("assets/icon-sprite.png") -421px -300px; position: relative; top: 4px; width: 15px;}



/*calculator*/
.calculator{font-family: 'Open Sans',sans-serif; color: #5a5a5a; }
.calculator .title{font-size: 16px; text-transform: uppercase; padding: 40px 0px 10px; border-bottom: 1px solid #d2d2d2}
.calculator .expense .title{padding: 30px 0px 15px;}
.calculator .desc{padding: 10px 0px 10px; }
.calculator .revenue{width: 600px; }
.calculator .revenue .part{padding-left: 25px;}
.calculator .expense{margin: 30px 0px;}
.calculator input {float: right; font-size: 13px; text-align: right; width: 120px; height: 30px; border: 1px solid #e8e8e8;padding: 0px 19px;}
.calculator .part{height: 30px; margin-bottom: 10px; line-height: 30px; padding-left: 20px;font-size: 14px;position: relative; max-width: 600px}
.calculator .form{overflow: hidden;padding: 20px 0px;}
.calculator .form .bold{font-weight: bold; text-transform: uppercase;font-size: 12px;}

.calculator .progress-bar-danger{background: #eb8584}
.calculator .progress-bar-warning{background: #86BF90}

/*.calculator .expense .form{border-bottom: 1px solid #d2d2d2}*/
.calculator .button{margin: 15px auto;  background: #0c5e98; border-radius: 5px;  display: block; font-size: 14px;    padding: 15px 35px; color: #fff; border: none;}
.calculator .result{margin: 30px 0px;}
.calculator .progress{height: 32px; background: #d2d2d2}
.calculator .progress .money{padding: 10px; line-height: 32px; position: relative; z-index: 2}
.calculator .diagram{margin-bottom: 10px;}
.calculator .diagram .name{ font-size: 14px; float: left;width: 480px;height: 32px; line-height: 32px; padding: 0px 150px;}
.calculator .icon {width: 18px; height: 18px; background: url("assets/down.png");    display: inline-block;  position: absolute; left: -6px; top: 5px;}
.calculator .icon.transform{transform: rotate(-90deg); left: 0px;}
.calculator .expense-hidden{display: none;}
.calculator .expense a{color: #5a5a5a}
.calculator .graphic{background: url("assets/static.png") no-repeat; display: block;  width: 100%; overflow: hidden;  height: 40px;  margin-bottom: 30px;background-position: 270px 0px;}

.calculator .expense-hidden table{border: none;}
.calculator .table td:first-child{width: 250px; font-weight: bold; vertical-align: middle}
.calculator .icon-money{width: 18px; height: 18px; display: block; position: absolute;right: 0;top: 0; font-size: 15px; font-weight: bold; line-height: 30px;}
.calculator .showbox{display: none;}

.calc-right{height: 300px; border-left: 1px solid #e6e6e6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.input-plus{overflow: hidden; position: relative; margin-bottom: 10px;width: 600px;}
.add_field_button, .add_field_button1, .add_field_button2, .add_field_button3, .add_field_button4, .add_field_button5, .add_field_button6, .add_field_button7{position: relative;top: -34px;left: 7px;background: url('assets/add.png');width: 18px;height: 18px; border: none;}
/*a.remove_field{width: 18px; height: 18px; background: url('assets/del.png'); display: inline-block; position: relative; top: 7px; left: 5px;}.calculator .icon-money{width: 18px; height: 18px; display: block; position: absolute;right: 0;top: 0; font-size: 15px; font-weight: bold;}*/

#maintext{font-weight: bold; text-transform: uppercase;line-height: 24px;}
#tiptext{line-height: 24px;}

/*card-service*/

.card-service {background-color: #f0f0f0; padding: 60px 0}
.card-service .item:hover .title{background-color: #0d5595; border-right: 4px solid #f3eb17}
.card-service .title{display: table; width: 100%; height: 60px; padding: 0 8%; background-color: #0e6eb3;  border-right: 4px solid #0e6eb3}
.card-service .title p{font-size: 12px; text-transform: uppercase; vertical-align: middle; color: #fff; text-align: center; display: table-cell; margin: 0}
.card-service .img{display: table; width: 100%; height: 210px; position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,e0e0e0+0,f2f2f2+41,eeeeee+55,f8f8f8+100 */
    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #e0e0e0 0%, #f2f2f2 41%, #eeeeee 55%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#e0e0e0 0%,#f2f2f2 41%,#eeeeee 55%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e8e8e8 0%,#e0e0e0 0%,#f2f2f2 41%,#eeeeee 55%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
.card-service .img .shadow{background: url("assets/shadow.png") no-repeat; width: 100%; height: 15px; vertical-align: bottom; display: inline-block; position: absolute; left: 0; bottom: 15px; background-position: center}
.card-service .img .in{display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%}
.card-service .img img{max-width: 100%; max-height: 100%; display: inline-block}
.card-service .owl-buttons div{position: absolute; top: 48%; height: 35px; width: 35px;}
.card-service .owl-prev{left: -50px;  background: url("assets/sprite.png") -430px 0;}
.card-service .owl-prev:hover{background: url("assets/sprite.png") -471px 0;}
.card-service .owl-next{right: -50px;   background: url("assets/sprite.png") -430px -49px;}
.card-service .owl-next:hover{background: url("assets/sprite.png") -471px -49px;}
.card-service .owl-card{position: relative}
.card-description .title{color: #5a5a5a; font-size: 18px; margin: 0; padding: 10px 0;  padding-top: 50px; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #d2d2d2; display: block}
.card-description .desc{color: #5a5a5a; font-size: 14px; padding: 15px 0; font-weight: 300}

.card-service .figure img.figcaption  {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}
.card-service .figure{max-width: 210px; margin: 0 auto}
.card-service .figure img {
    position: absolute; max-width: 210px; max-height: 130px; margin-top: 35px;
    backface-visibility:hidden;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s
}
.card-service .figure .figcaption{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.card-service .item:hover img,.item.hover img {
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    transform:rotateY(360deg)
}
.card-service .item:hover .figcaption,.item.hover .figcaption {
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}

.description{padding-bottom: 30px; overflow: hidden}
.description h4{width: 30%; float: left; color: #464646; margin: 0; font-size: 14px; font-weight: normal}
.description .width70{width: 70%; float: left; font-weight: 300}
.description hr{width: 100%; margin: 15px 0; border-top:1px solid #d2d2d2}

.banks{list-style: none; padding: 0; margin:0; position: relative}
.triplist{list-style: none; padding: 0; margin:0 -15px; position: relative}
.banks .owl-item{padding: 0; position: relative}
.banks .owl-wrapper-outer{padding-bottom: 15px; margin-bottom: -15px}
.banks.owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute; left: -35px; top: 0; background: #555555 url("assets/button.png") no-repeat; background-position: left; height: 35px; width: 35px}
.banks.owl-theme .owl-controls .owl-buttons .owl-next{position: absolute; right: -35px; top: 0; background: #555555 url("assets/button.png") no-repeat;  background-position: right; height: 35px; width: 35px}
.banks.owl-theme .owl-controls .owl-buttons div:hover {background-color: #0d5595}
.banks li label, .banks li button{color: #000; display: block; height: inherit; text-shadow: none; width: 100%; border: none; font-weight: bold; font-size: 12px; margin: 0; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; background: #fff; cursor: pointer; text-align: center; text-transform: uppercase; padding: 9px 5px;
    -webkit-transition-duration: .5s, .5s; -moz-transition-duration:.5s; transition-duration:.5s;
    -webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}
.banks button:hover, .banks li.active button{color: #fff; background: #0d5595 !important; position: relative}
.banks li input{display: none}
.banks li.active label, .banks li:hover label{color: #fff; background: #0d5595; position: relative}
.ink {
    display: block; position: absolute;
    background: #0d5595;
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.ink.animate {animation: ripple 0.65s linear;}
@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {opacity: 0; transform: scale(2.5);}
}
.banks li.active label:before, .banks li.active button:before{
    z-index: 0;
    position: absolute;
    bottom: -10px;
    left: 70%;
    margin-left: -25%;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0d5595;}
.bank-item{margin-top: 30px; cursor: pointer}
.bank-item .img{background-color: #ffffff; border: 2px solid #e6e6e6; width: 100%; height: 100%; display: table;
    -webkit-transition-duration: .5s, .5s; -moz-transition-duration:.5s; transition-duration:.5s;
    -webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}
.bank-item:hover .img{background-color: #0d5595; border: 8px solid #0c4d87;}
.bank-item .in{display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%}
.bank-item .in img{display: inline-block; max-width: 95%; max-height: 95%;
    -webkit-transition-duration: .5s, .5s; -moz-transition-duration:.5s; transition-duration:.5s;
    -webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}
.bank-item:hover .in img{-webkit-filter: brightness(0) invert(); -moz-filter: brightness(0) invert(); filter: brightness(0) invert();}
.jplist-panel .jplist-pagination button{display:inline-block;color:#0381bb;height:30px;line-height:30px;padding:0 10px}
.jplist-panel button:hover{background:#f4f4f4}.jplist-panel{color:#27252a; margin-top: 15px}.jplist-panel button{float:left;height:30px; margin-left:5px;box-shadow:0 0 1px #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:3px;text-shadow:1px 1px 1px #fff;color:#27252a;background:#fff;background:-moz-linear-gradient(top, #fff 0, #efefef 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));}
/*manage-team*/

.top-title{color: #5a5a5a; text-transform: uppercase; font-size: 18px; margin: 0; padding: 10px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; border-bottom: 1px solid #d2d2d2; display: block}
.manage-member .item{position: relative; display: block; padding-bottom: 60px; cursor: pointer; border-bottom: 2px solid #efedea;
    -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow:0px 0px 2px 0px rgba(0,0,0,0.1);}
.manage-member .item:hover, .manage-member .item.active{border-bottom: 2px solid #0d5595}
.manage-member .item:hover .name, .manage-member .item.active .name{height: 85px; }
.manage-member .item:hover .name p, .manage-member .item.active .name p{overflow: visible}
.manage-member .item .img{height: 230px; overflow: hidden; text-align: center; background-color: #f0f0f0; position: relative}
.manage-member .item .img img{height: 100%; width: 100%;  object-fit: cover;}
.manage-member .item .name{height: 60px; overflow: hidden; background-color: #fff; padding:10px 0; position: absolute; bottom: 0; width: 100%; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.manage-member .item .name span{color: #000; display: block; font-size: 12px; text-transform: uppercase; text-align: center; font-weight: normal}
.manage-member .item .name p{color: #303030; display:block; font-size: 12px; text-align: center; font-weight: normal; height: 18px; overflow: hidden; line-height: 16px}
.manage-member .owl-buttons{position: absolute; width: 100%; top: 0}
.manage-member .owl-controls{position: relative; margin-top:25px}
.manage-member .owl-next{margin-left: 120px !important;}
.manage-member .owl-page span{margin: 8px 7px !important; height: 15px !important; width: 15px !important;}
.manage-member .owl-page{position: relative; z-index: 1}
/*owl-slider*/

.owl-controls .owl-page span{background: none; border: 2px solid #aaaaaa; border-radius: 100%}
.owl-controls .owl-page.active span{border: 3px solid #5a5a5a;}
.owl-controls .owl-buttons .owl-prev{background: url(assets/btns-next-prev.png); background-repeat: no-repeat; background-position: bottom left; opacity: 1; height: 20px; width: 20px}
.owl-controls .owl-buttons .owl-next{background: url(assets/btns-next-prev.png); background-repeat: no-repeat; background-position: bottom; opacity: 1; height: 20px; width: 20px}

/*content-list*/
.content-list{padding-top: 50px;}
.content-list ul{list-style: none; padding: 0; margin: 20px 0; overflow: hidden; margin-bottom: 0}
.content-list ul li {margin-bottom: 20px;;}
.content-list ul li .img{ height: 215px; position: relative; overflow: hidden; border: 1px solid #eaeaea}
.content-list ul li .img .img-in{ height: 215px; width: 100%; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important;}
.content-list ul li .title{color: #5a5a5a; font-size: 12px; text-transform: uppercase; position: relative; background-color: #fff; padding: 0 20px; display: table; width: 100%; height: 50px; border-bottom: 2px solid #d2d2d0}
.content-list ul li .title p{display: table-cell; vertical-align: middle;}
.content-list ul li .opacity{background-color: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; z-index: 1; position: absolute; top: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.5s ease;}
.content-list ul li a:hover .opacity{background-color: rgba(12, 94, 152, 0.3);}
.content-list ul li a:hover .title{border-color: #0c5e98}
.content-list ul li .date{color: #fff; font-size: 13px; font-family: 'Roboto condensed', sans-serif; position: absolute; bottom: 60px; right: 30px; z-index: 2;}
.content-list ul li .date i{margin-right: 5px}
.pagination {text-align: center; display: block}
.pagination ul{margin:0 auto; display: inline-block}
.pagination ul li{float: left; display: inline-block; height: 20px; width: 20px;}
.pagination ul li a, .pagination ul li a:visited{display: inline-block; height: 20px; width: 20px; color: #005599}
.pagination ul li a:hover{text-decoration: underline}
.content-list .owl-pagination{margin-top: 10px}

/*borrow*/
.description{background-color: #f5f5f5; padding: 30px; border-bottom: 4px solid #0d5595; }
.description .title{color:#1e1e1e; font-size: 18px; font-weight: 500; font-style: italic; margin-bottom: 25px;}
.description .desc{color:#1e1e1e; font-size: 14px; font-weight: 400; font-style: italic; line-height: 24px}
.tab{width: 100%; background-color: #f2f2f2; }
.tab #tab{list-style: none; padding: 0; margin: 0; width: 100%; overflow: hidden; padding-bottom: 10px}
.tab #tab li{float: left; display: inline-block; position: relative}
.tab #tab li a, .tab #tab li a:visited{display: block; padding: 15px 40px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #000; background-color: #fff; border-right: 1px solid #f2f2f2}
.tab #tab li.active:before{
    z-index: 0;
    position: absolute;
    bottom: -10px;
    left: 70%;
    margin-left: -25%;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0d5595;}
.tab #tab li a:hover, .tab #tab li.active a{color: #fff; background-color: #0d5595;}
.tab .loan-item{overflow: hidden; margin-top: 25px;}
.tab .loan-item.top0{margin-top:15px; margin-bottom: 15px}
.tab .loan-item .img{height: 210px; overflow: hidden;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
    background: #fff;
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);}
.tab .loan-item a:hover .img img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    -webkit-transition:all 300ms linear 0s;-moz-transition:all 300ms linear 0s;transition:all 300ms linear 0s;}
.tab .loan-item .img img{min-height: 100%; width: 100%; -webkit-transition:all 500ms linear 0s;-moz-transition:all 500ms linear 0s;transition:all 500ms linear 0s;}
.tab .loan-item .name{background-color: #fff; -webkit-transition:all 300ms linear 0s;-moz-transition:all 300ms linear 0s;transition:all 300ms linear 0s; color: #000; font-size: 12px; text-transform: uppercase; text-align: center; height: 50px; border-bottom: 2px solid #dcdcdc; padding: 15px 0; line-height: 15px}
.tab .loan-item:hover .name{border-bottom: 2px solid #0d5595;}
.tab .desc{font-size: 14px; color: #5a5a5a; padding: 25px; background-color: #fff; margin-top: 10px}
.tab .title{color: #5a5a5a; font-size: 18px; margin: 0; padding-bottom: 10px;  margin-bottom: 15px; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #d2d2d2; display: block}

.loan-page .top .title{color: #1e1e1e; font-size: 18px; text-transform: uppercase; display: block; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px}
.loan-page .top .desc{color: #1e1e1e; font-size: 14px; display: block;  line-height: 24px}
.loan-page .middle{background-color: #f8f8f8; padding: 60px 0; line-height: 24px; position: relative; overflow: hidden}
.loan-page .middle:before{content: ""; position: absolute; top: 0; width: 120%; height: 30px; left: -10%; right: -10%;
    background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% 3%, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);}
.loan-page .middle:after{content: ""; position: absolute; bottom: 0; width: 120%; height: 30px; left: -10%; right: -10%;
    background: -webkit-radial-gradient(50% -100%, ellipse cover, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% 100%, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);}
.loan-page .middle .tab-pane{background-color: #fff; padding: 25px; font-size: 14px; font-weight: 300; font-family: 'Roboto', sans-serif; }
.loan-page .middle .tab-pane label{margin: 20px 0}
.loan-page .middle .tab-pane label span{background-color: #7740a2; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #fff; padding:15px 30px;}
.loan-page .middle .tab-pane label b{background-color: #6b3991; font-size: 14px; text-transform: uppercase; color: #fff; padding:15px 30px;}
.tab-pane h3, .tab-pane h4, .tab-pane h5{font-weight:400; background: #f8f8f8; padding: 20px; padding-left: 50px; font-size: 12px; margin: 10px -25px; color: #2c74b5;}
.tabs{list-style: none; padding: 0; margin: 0;  border: 1px solid #e6e6e6; overflow: hidden; display: block; width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
.tabs li{display: block; position: relative; text-align: center; padding: 0; }
.tabs li a, .tabs li a:visited{display: block; line-height: 15px; font-size: 12px; text-transform: uppercase; color: #000; font-weight: 500;  border-right: 1px solid #e6e6e6; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.tabs li:last-child a{border-right: none}
.tabs li:hover a, .tabs li.active a{color: #2c74b5;  background-color: #fff}
.tabs li.active a{border-bottom: 5px solid #2c74b5;}
.middle .tab-content{border: 1px solid #e6e6e6; border-top: none}
.tabs .tab-content{background-color: #fff; padding: 30px; color: #464646; font-size: 14px; font-weight: 400}
.tabs .tab-content h4{color: #464646; margin:10px 0; font-size: 14px; font-weight: normal; border-bottom: 1px solid #d2d2d2; padding: 10px 0}
.tabs li.padding0{padding: 0}
.tab-content em{opacity: 0.6}

.mail{width: 880px; margin: 0px auto;margin-top: 30px;}
.mail input{width: 410px; height: 38px; padding: 5px 15px; border: 1px solid #e8e8e8;margin-bottom: 12px; border-radius: 3px}
.mail .part{float: left; width: 410px;margin-right: 60px;}
.mail textarea{width: 410px; max-width: 410px; height: 138px; max-height: 138px; padding: 13px 15px; border: 1px solid #e8e8e8; border-radius: 3px}
.send{width: 100%;height: 40px;display: inline-block;background: #0d4ea2;margin-top: 18px;}
.send i{text-align: center; font-size: 20px; line-height: 30px; color: #fff; padding: 4px 0px;display: block;}
.map{width: 100%; height: 525px; border: 1px solid #dcdcdc;display: inline-block; }

.contact-title{font-family: "Open sans",sans-serif; font-size: 14px; padding: 60px 0px 15px; font-weight:300; text-transform: uppercase; border-bottom: 1px solid #d2d2d2}


.taber #tab{list-style: none; padding: 0; margin: 0; border: 1px solid #e6e6e6; border-bottom:none; overflow: hidden; display: block; width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */}
.taber #tab li{text-align: center; font-family: 'Roboto', sans-serif; padding: 0}
.taber #tab li a, .taber #tab li a:visited{display: block; font-size: 12px; height: 52px; line-height: 10px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; color: #000; padding: 20px 0; padding-bottom: 15px; border-right: 1px solid #e6e6e6;}
.taber #tab li a:hover, .taber #tab li.active a{color: #2c74b5; border-bottom: 5px solid #2c74b5; background-color: #fff}
.taber .tab-content .item{display: block; width: 100%; padding: 30px; margin-bottom:30px; overflow: hidden; position: relative}
.taber .tab-content.card .item{background-color: #fbfbfb; border: 1px solid #e6e6e6}
.taber .tab-content.card .item .in-item{border: 1px solid #e6e6e6}
.taber .tab-content.card .item .loan-img{position: absolute;width: 50%; height: 295px; background-position: center !important; background-repeat: no-repeat !important; overflow: hidden;}
.taber .tab-content .item .img{display: block; width: 100%; height: 100%; overflow: hidden; background-position: left; position: absolute; top:0; left: 0; z-index: -1;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
.taber .tab-content .item:hover .img{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ }
.taber .tab-content .item .in-item{float: right; max-width: 500px; background-color: #fff; padding: 30px; border-radius: 5px; width: 500px}
.taber .tab-content .item .in-item .title{font-size: 12px; line-height: 12px; color: #000; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #f0f0f0; padding: 10px 0; overflow: hidden}
.taber .tab-content .item .in-item .title i{height: 40px; width: 40px; border-radius: 100%; margin-right: 10px; display: inline-block; margin-top: -10px; float: left}
.taber .tab-content .about .item .in-item .title i{background:#005baa url("assets/icon-sprite.png") -491px 10px}
.taber .tab-content .about .item:nth-of-type(1) .in-item .title i{background:#005baa url("assets/icon-sprite.png") 9px 11px}
.taber .tab-content .about .item:nth-of-type(2) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -30px 10px}
.taber .tab-content .about .item:nth-of-type(3) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -73px 12px}
.taber .tab-content .about .item:nth-of-type(4) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -107px 9px}
.taber .tab-content .manage .item:nth-of-type(1) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -190px 9px}
.taber .tab-content .manage .item:nth-of-type(2) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -229px 9px}
.taber .tab-content .manage .item:nth-of-type(3) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -266px 8px}
.taber .tab-content .manage .item:nth-of-type(4) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -301px 8px}
.taber .tab-content .financial .item:nth-of-type(1) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -188px -39px}
.taber .tab-content .financial .item:nth-of-type(2) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -222px -39px}
.taber .tab-content .financial .item:nth-of-type(3) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -260px -40px}
.taber .tab-content .financial .item:nth-of-type(4) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -297px -39px}
.taber .tab-content .responsibility .item:nth-of-type(1) .in-item .title i{background:#005baa url("assets/icon-sprite.png") 10px -341px;}
.taber .tab-content .responsibility .item:nth-of-type(2) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -32px -344px;}
.taber .tab-content .responsibility .item:nth-of-type(3) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -70px -342px;}
.taber .tab-content .responsibility .item:nth-of-type(4) .in-item .title i{background:#005baa url("assets/icon-sprite.png") -110px -343px;}
.taber .tab-content.card .item .in-item .title i{background:#005baa url("assets/icon-sprite.png") -350px 10px}
.taber .tab-content .item .in-item .desc{font-size: 13px; color: #000; line-height: 22px; text-align: left !important; margin: 15px 0; height: 100px; font-weight: 300; overflow: hidden}
.taber .tab-content .item .in-item .desc blockquote{margin:0; padding: 0; border:none;}
.taber .tab-content .item .in-item .desc p, .taber .tab-content .item .in-item .desc ul{text-align: left !important;}
.taber .tab-content .item .in-item a.more, .taber .tab-content .item .in-item a.more:visited{font-size: 10px; color: #fff; display: inline-block; padding: 13px 18px; overflow: hidden; background-color: #005baa; text-transform: uppercase; border-radius: 5px}
.taber .tab-content .item .in-item a.more i{height: 10px; width: 25px; background:url("assets/icon-sprite.png") -150px 0; display: inline-block;; float: right;}
.taber .tab-content .item .in-item a.more:hover{background-color: #0d5595;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);}
.bottom-page{width: 100%; background-color: #f8f8f8; position: relative; margin-top: 30px; overflow: hidden}
.bottom-page.white:before , .bottom-page.white:after{display: none}
.bottom-page:before{content: ""; position: absolute; top: 0; width: 120%; height: 30px; left: -10%; right: -10%;
    background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% 3%, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);}
.bottom-page:after{content: ""; position: absolute; bottom: 0; width: 120%; height: 30px; left: -10%; right: -10%;
    background: -webkit-radial-gradient(50% -100%, ellipse cover, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);
    background:radial-gradient(ellipse at 50% 100%, rgba(00, 00, 00, 0.15), rgba(97, 97, 97, 0.0) 40%);}
.bottom-page.white:before, .bottom-page.white:after{display: none}
.bottom-page .in-item{background-color: #fff; border-bottom: 1px solid #d2d2d2}
.bottom-page .fwrap{background-color: #fff; border-bottom: 1px solid #d2d2d2}
.bottom-page .item{background-color: #fff; margin: 60px 0; padding: 30px 0; text-align: center}
.bottom-page .item:nth-of-type(2){border-left: 1px solid #d2d2d2}
.bottom-page .item .title{font-size: 14px; color: #000; text-transform: uppercase; display: block; font-weight: 500; margin-bottom: 30px }
.bottom-page .item .desc{font-size: 14px; color: #000; display: block; font-weight: 300; line-height: 22px; margin: 25px 0}
.bottom-page .item .icon{ display: block}
.bottom-page .item .icon i{width: 70px; height: 70px; display: inline-block}
.bottom-page .item .icon.cooperation i{background: url("assets/icon-sprite.png") -3px -50px}
.bottom-page .item .icon.contact i{background: url("assets/icon-sprite.png") -77px -50px}
.bottom-page .item .icon.vision i{background: url("assets/icon-sprite.png") 5px -140px}
.bottom-page .item .icon.mission i{background: url("assets/icon-sprite.png") -80px -140px; width: 80px}
.bottom-page .item .icon.financial i{background: url("assets/icon-sprite.png") 12px -220px}
.bottom-page .item .icon.financial2 i{background: url("assets/icon-sprite.png") -70px -220px;}
.bottom-page .item .icon.card1 i{background: url("assets/icon-sprite.png") -338px -220px; width: 85px}
.bottom-page .item .icon.card2 i{background: url("assets/icon-sprite.png") -451px -220px; width: 90px}
.bottom-page .item .icon.loan1 i{background: url("assets/icon-sprite.png") -437px -130px; width: 85px}
.bottom-page .item .icon.loan2 i{background: url("assets/icon-sprite.png") -528px -133px; width: 70px}

.credit-list .panel-default>.panel-heading{padding: 0; border:none; background-color: #fff}
.credit-list .panel-default>.panel-heading a{display: block; padding: 20px 30px; color: #fff; background: #0c5f9a url("assets/icon/accardion-close.png") no-repeat; background-position: right center; font-size: 12px; text-transform: uppercase; font-weight: normal}
.credit-list .panel-default>.panel-heading a.collapsed{background: #fff url("assets/icon/accardion-open.png") no-repeat; background-position: right center; color: #000}
.credit-list .panel{border: none; margin: 0}
.credit-list .panel-group .panel+.panel{margin-top: 1px}
.credit-list .panel-group .panel-heading+.panel-collapse>.panel-body{border: none; padding: 30px}
.credit-list .panel-body span{color:#0d64a1; font-weight: 500; font-size: 14px; font-style: italic; margin-bottom: 10px; display: block; border-bottom: 1px solid #f0f0f0; padding-top: 25px; padding-bottom: 10px;}
.credit-list .panel-body span i{height: 25px; width: 25px; display: inline-block; position: absolute; left: -30px}
.credit-list .panel-body p, .credit-list .panel-body table{color:#1e1e1e; font-size: 14px; margin: 0; font-weight: 300}
.credit-list .panel-body h4{color:#000; font-size: 14px; font-style: italic; text-transform: inherit; font-weight: 500; display: block; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px}
.credit-list .panel-body table{width: 100%;}

.bottom-page .item a.more, .bottom-page .item a.more:visited{color: #155da7; font-size: 12px; display: inline-block; margin: 0 auto; padding: 9px 50px; border: 1px solid #155da7; border-radius: 20px}
.bottom-page .item a.more:hover{color: #fff; background-color: #155da7}
.page-slide{margin-bottom: 60px}
.page-slide .glyphicon-chevron-left{background: url("assets/icon-sprite.png") -200px -90px}
.page-slide .glyphicon-chevron-right{background: url("assets/icon-sprite.png") -230px -90px}
.page-slide .glyphicon-chevron-left:before, .page-slide .glyphicon-chevron-right:before{content:close-quote}
.page-slide .carousel-caption{max-width: 500px; min-width: 300px; background-color: rgba(255,255,255,0.7); font-style: italic; right: 10%; left: initial; top: 70%; bottom: initial; text-align: justify; text-shadow: none; line-height: 24px; color: #000; font-size: 14px; padding: 30px; border-radius: 5px}
.page-slide .carousel-control{background: none}
.desc-right{width: 260px; float: right; position: absolute; right: 0; top: 0; border-left: 1px solid #d2d2d2}
.desc-right i{display: block; height: 45px; width: 45px; border-radius: 100%; position: absolute; left: 0; top: 0}
.desc-right ul{list-style: none; padding: 0; margin: 0; overflow: hidden}
.desc-right ul li{display: block; position: relative; list-style: none; padding-left: 55px !important; background: none !important; margin: 15px 0; margin-left: 20px; height: 45px; overflow: hidden}
.desc-right ul li a, .desc-right ul li a:visited{display: block; color: #155da7; font-size: 14px; font-weight: bold;}
.desc-right ul li span{display: block; color: #000; font-size: 14px;}
.desc-right ul li:nth-child(1) i{background:#155da7 url("assets/icon-sprite.png") -190px -210px}
.desc-right ul li:nth-child(2) i{background:#155da7 url("assets/icon-sprite.png") -239px -210px}
.desc-right ul li:nth-child(3) i{background:#155da7 url("assets/icon-sprite.png") -287px -210px}
.card-desc{height: 240px;}
.card-desc span{color: #000; font-size: 18px; text-transform: uppercase; font-weight: 300; display: block; text-align: right; margin-top: 60px;}



.bot-border {
    position: relative;
    border-bottom: none !important;
}
.bot-border:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px;

}

.bot-border:after {
    right: -3px;
    height: 1px;

    background: rgba(220,220,220,0.5);
    background: -moz-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 51%, rgba(220,220,220,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220,220,220,1)), color-stop(51%, rgba(220,220,220,0)), color-stop(100%, rgba(220,220,220,0.5)));
    background: -webkit-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 51%, rgba(220,220,220,0) 100%);
    background: -o-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 51%, rgba(220,220,220,0) 100%);
    background: -ms-linear-gradient(left, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 51%, rgba(220,220,220,0) 100%);
    background: linear-gradient(to right, rgba(220,220,220,0) 0%, rgba(220,220,220,1) 51%, rgba(220,220,220,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#dcdcdc', GradientType=1 );
}
.card-other-desc{display: block; margin-bottom: 30px}
.card-other-left b{font-size: 28px; font-weight: 100;color: #0d66a6}

.card-other-left, .card-other-right, .loan-other-left, .loan-other-right{display: table; height: 200px}
.table-mid{display: table-cell; vertical-align: middle;}
.table-mid b{text-transform: uppercase}

.card-other-left{padding: 0px 39px;}
.card-other-right{border-left: 1px solid #d2d2d2;  padding: 0px 39px;}
.loan-other-left{padding: 0px 39px;}
.loan-other-right{border-left: 1px solid #d2d2d2;   padding: 0px 39px;}

.loan-other-right b, .loan-other-left b, .loan-other-left blockquote, .loan-other-right blockquote, .loan-other-left em strong, .loan-other-left strong em, .loan-other-right em strong, .loan-other-right strong em{font-size: 28px; font-weight: 200;color: #0d66a6; margin: 0; padding: 0; border: 0; font-style: normal}

.item-list .item{background-color: #fbfbfb; border: 1px solid #e6e6e6; padding: 30px;}
.item-list .item-img{display: block; height: 280px; overflow: hidden; background-position: center !important; background-size: cover !important;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;}
.item-list .item-img img{object-fit: cover; }
.item-list .desc div, .item-list .desc p, .item-list .desc ul{text-align: justify !important;}
.item-list .text{height: 280px; padding: 0 30px}
.item-list .title i{background:#005baa url("assets/icon-sprite.png") -394px 10px}
.item-list .title sub{bottom: inherit; top: -.25em; margin-left: 5px; opacity: 0.7}
.item-list.account .title i{background:#005baa url("assets/icon-sprite.png") -72px 12px}
.item-list.finance .title i{background:#005baa url("assets/icon-sprite.png") -267px 9px}
.item-list .desc{font-size: 14px; color: #000; line-height: 22px; text-align: justify; margin: 15px 0; height: 155px; font-weight: 300}
.item-list .desc blockquote, .item-list .desc blockquote p{margin: 0; padding: 0}
.item-list .desc ul{list-style: none; margin: 0; padding: 0}
.item-list .desc ul li{background: url("assets/list.png") no-repeat; background-position: left 0; padding-left: 35px; text-transform: lowercase}
.item-list .desc ul li:first-letter{text-transform: uppercase}
.item-list .desc p{text-align: justify}
.item-list a.more, .item-list a.more:visited{font-size: 10px; color: #fff; display: inline-block; padding: 13px 18px; overflow: hidden; background-color: #005baa; text-transform: uppercase; border-radius: 5px}
.item-list a.more i{height: 10px; width: 25px; background:url("assets/icon-sprite.png") -150px 0; display: inline-block;; float: right;}
.item-list a.more:hover{background-color: #0d5595;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);}
.item-list .title{font-size: 12px; line-height: 12px; color: #000; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #f0f0f0; padding: 10px 0; overflow: hidden}
.item-list .title i{height: 40px; width: 40px; border-radius: 100%; margin-right: 10px; display: inline-block; margin-top: -10px; float: left}

.timeline-menu{position: absolute; width: 60px;  margin-left: 1160px;}
.timeline-menu div{color: #dcdcdc; font-size: 12px; border-left:3px solid #dcdcdc;display: block; padding: 7px 12px;margin: 2px; cursor: pointer}
.timeline-menu div:hover, .timeline-menu div:focus{color: #0c5f9a;border-left:3px solid #0c5f9a;}
.timeline-menu .timeline-hide{display: none}
.more-other{cursor: pointer; width: 75px; display: block;border-top: 1px solid #d2d2d2;margin-top: 25px;text-align: center; height: 20px;
    background: url("assets/timeline-down.png") no-repeat;    background-position-x: 25px;}
.more-other.active{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}


.f-nav{position: fixed; top: 30px;}
.event:hover .shadow{position:absolute; top: 0px; background: rgba(0, 0, 0, 0.50); width: 100%; height: 100%;}

.manage-box{border: 1px solid #d9d9d9; text-align: center;padding: 27px 0px;}
.manage-box .name{font-size: 14px; color: #464646;margin-bottom: 16px;}
.manage-box .rate{font-size: 28px; color: #0d66a6;font-family: "roboto-thin";}

.manage-table table{border:none !important; }
.manage-table table td, .manage-table table th{border: none !important;vertical-align: top;font-family: 'Open Sans', sans-serif; font-weight: normal}
.manage-table table tr{background: none;}
.manage-table table td:first-child{width: 267px;font-weight: bold; text-transform: uppercase; font-size: 12px;}

#menu-bg{background: #000; opacity: 0; visibility:hidden; width: 100%; height: 100%;position: fixed; top: 0px;z-index: 50;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;}
#menu-bg.menu-bg{opacity: 0.7; visibility: visible}
.services .item .in-item .title{font-size: 12px; color: #000; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #f0f0f0; padding: 10px 0; overflow: hidden}
.services .item .in-item .title i{height: 40px; width: 40px; border-radius: 100%; margin-right: 10px; display: inline-block; margin-top: -10px; float: left}
.services .item .in-item{border: 1px solid #e6e6e6}
.services .item{display: block; padding: 30px; margin-bottom:30px; height: 340px; overflow: hidden; position: relative}
.services .loan-img{width: 95%; height: 95%; background-size: cover !important; position: absolute; top: 0; left: 0}
.services .loan-text{width: 95% !important; height: 95% !important; background-color: rgba(255,255,255,.9) !important; padding: 25px !important; position: relative; z-index: 1; border-radius: 5px;}
.services .loan-text .title{font-size: 12px; color: #000; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #f0f0f0; padding: 10px 0; overflow: hidden}
.services .loan-text .title i{height: 40px; width: 40px; border-radius: 100%; margin-right: 10px; display: inline-block; margin-top: -10px; float: left}
.services .loan-text .title.rate i, .item-list .title.rate i{background:#005baa url("assets/icon-sprite.png") -491px 9px}
.services .loan-text .title.big i, .item-list .title.big i{background:#005baa url("assets/icon-sprite.png") -531px 8px}
.services .loan-text .title.esc i, .item-list .title.esc i{background:#005baa url("assets/icon-sprite.png") -529px -43px}
.services .loan-text .title.inkass i, .item-list .title.inkass i{background:#005baa url("assets/icon-sprite.png") -490px -42px}
.services .loan-text .title.box i, .item-list .title.box i, .item-list.box .title i{background:#005baa url("assets/icon-sprite.png") -573px 6px}
.services .loan-text .title.news i, .item-list .title.news i{background:#005baa url("assets/icon-sprite.png") -573px -41px}
.services .loan-text .title.gold i, .item-list .title.gold i{background:#005baa url("assets/icon-sprite.png") -191px 7px}
.services .loan-text .title.online i, .item-list .title.online i, .item-list.online .title i{background:#005baa url("assets/icon-sprite.png") -457px -41px}
.services .loan-text .desc{font-size: 14px; color: #5e5e5e; height: 110px; margin-top: 20px; overflow: hidden;}
.services .loan-text .desc div,.services .loan-text .desc p, .services .loan-text .desc ul{text-align: justify}
.services .item:hover .loan-text{ background-color: rgba(255,255,255,.8) !important;}
.services a.more, .services a.more:visited{font-size: 10px; color: #fff; display: inline-block; padding: 13px 18px; overflow: hidden; background-color: #005baa; text-transform: uppercase; border-radius: 5px}
.services .item .in-item a.more i{height: 10px; width: 25px; background:url("assets/icon-sprite.png") -150px 0; display: inline-block;; float: right;}
.services .item .in-item a.more:hover{background-color: #0d5595;-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.7);}

/*investment bank*/
.invest-menu{list-style: none; padding: 15px 0; margin: 0; margin-bottom: 2px; background-color: #0a3e6d; width: 100%}
.invest-menu li{height: 20px;  border-left: 2px solid #072b4c}
.invest-menu li a.home{width: 25px; padding: 0; display: block; background: url("assets/icon-sprite.png") 0 -287px; border-left: none}
.invest-menu li.active a, .invest-menu li:hover a{border-bottom: 5px solid #fff; }
.invest-menu li a{margin: 0 20px; display: block; margin-top: -15px; height: 50px; color: #fff; font-size: 12px; text-transform: uppercase; border-bottom: 0 solid #fff;}

.investment-slide .title{font-size: 300%; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 50px; font-family: 'open sans'}
.investment-slide .desc{font-size: 18px; color: #fff; font-weight: lighter; margin-top: 20px; font-family: 'open sans'}
.investment-slide .carousel-caption{top: 15%; left: 10%; text-align: left; }
.investment-slide .carousel-caption a.more{font-size: 10px; text-transform: uppercase; color: #fff; font-family: 'open sans', sans-serif; padding: 10px 15px; border: 3px solid #fff; margin-top: 30px; display: inline-block}
.investment-slide .carousel-caption a.more i{height: 10px; width: 25px; background:url("assets/icon-sprite.png") -150px 0; display: inline-block; float: right;}
.investment-slide .glyphicon-chevron-left{background: url("assets/icon-sprite.png") -200px -90px}
.investment-slide .glyphicon-chevron-right{background: url("assets/icon-sprite.png") -230px -90px}
.investment-slide .glyphicon-chevron-left:before, .investment-slide .glyphicon-chevron-right:before{content:close-quote}
.investment-slide .carousel-control.left, .investment-slide .carousel-control.right{background: none}
.investment-slide .carousel-indicators li{border: 1px solid #788193; height: 12px; width: 12px; margin: 0; margin-left: 4px}
.investment-slide .carousel-indicators li.active{border: 3px solid #788193; background:none;  height: 12px; width: 12px}
.investment-slide .carousel-indicators{bottom:40px}
.home-menu a.more{font-size: 10px; text-transform: uppercase; color: #fff; font-family: 'open sans', sans-serif; padding: 13px 15px; background-color: #0b4376; margin-top: 30px; display: inline-block}
.home-menu a.more i{height: 10px; width: 25px; background:url("assets/icon-sprite.png") -150px 0; display: inline-block; float: right;}
.home-menu{position: absolute; bottom: 15%; left: 0; margin-left: 10%; z-index: 100}
.home-menu ul{list-style: none; padding: 0; margin: 0}
.home-menu ul li{width: 50%; float: left; height: 120px;background:rgba(10, 62, 109, .8) url("assets/homemenu-bg.png") no-repeat; background-position: right bottom}
.home-menu ul li a{display:block;  padding: 25px 20px; padding-left: 120px; }
.home-menu ul li:first-child a{background:url("assets/icon/home-menu1.png") no-repeat; background-position: 40px}
.home-menu ul li:last-child a{background: url("assets/icon/home-menu2.png") no-repeat; background-position: 40px}
.home-menu ul li:first-child { margin-right:0.2%; width: 49.8%; }
.home-menu ul li .title{font-size: 14px; text-transform: uppercase; color: #fff; display: block}
.home-menu ul li .desc{font-size: 14px; font-weight: 300; color: #fff; display: block; overflow: hidden; height: 40px; margin-top: 10px}
.investment .top{background-position: center; background-size: cover !important; font-family: 'Open Sans' , sans-serif}
.investment .top .title{font-size: 48px; text-transform: uppercase; color: #fff; font-weight: bold; padding: 30px; padding-top: 50px; line-height: 45px}
.investment .top .desc{font-size: 18px; margin-bottom: 50px; color: #fff; font-weight: lighter; padding: 0 30px;}
.investment .top .desc1{font-size: 14px; color: #fff; font-weight: lighter; background-color: rgba(10, 62, 109, .8); padding:30px}
.investment .main {background-color: #fff; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px}
.investment .main .title{font-size: 18px; color: #000; font-weight: lighter; text-transform: uppercase; padding: 30px; border-bottom: 2px solid #fafafa; font-family: 'Open Sans',sans-serif}
.investment .main ul.item{list-style: none; padding: 0 30px; margin: 30px 0; border-right: 2px solid #fafafa}
.investment .main ul.item li{height: 270px; background-size: cover !important; position: relative; margin-bottom: 30px}
.investment .main ul.item li:last-child{margin-bottom: 0}
.investment .main ul.item li a, .investment .main ul.item li a:visited{color: #000; width: 65%; font-size: 14px; text-transform: uppercase; padding: 20px 35px; display: block; background-color: #f1f3f4; position: absolute; bottom: 0; }
.investment .main ul.item li span{position: absolute; display: block; top: 0; left: 0; height:100%; width:100%; background-color: rgba(10, 62, 109, .6); opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;}
.investment .main ul.item li:hover span{opacity: 1}
.investment .main ul.item li a i{background: #0a3e6d url("assets/icon-sprite.png") -180px -280px ; display:block; text-align: center; height: 100%; width: 60px; position: absolute; right: 0; top:0}
.investment .left{list-style: none; padding: 0; margin: 0; margin-top: 30px;}
.investment .left li a{color: #000; font-size: 12px; text-transform: uppercase; font-weight: 300; display: block; padding: 15px 25px; margin-bottom: 1px; background-color: #f1f3f4;}
.investment .left li a i{font-size: 8px; float: right; line-height: 20px}
.investment .left-banner{margin-top: 30px; background-color: #e26252; text-align: center}
.investment .left-banner img{max-width: 100%; display: inline-block}
.investment .top-view{background-position: center !important; height: 300px; background-size: cover !important; font-family: 'Open Sans' , sans-serif; position: relative}
.investment .top-view span.opacity{background-color: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; display: block}
.investment .top-view .title{font-size: 48px; width: 100%; overflow: hidden; text-transform: uppercase; color: #fff; font-weight: bold; padding: 30px; padding-top: 50px; line-height: 45px}
.investment .top-view .desc{font-size: 18px; width: 100%; overflow: hidden; margin-bottom: 50px; color: #fff; font-weight: lighter; padding: 0 30px}
.investment .main .view{margin-top: 30px; font-size: 14px; color: #000; font-weight: 300; padding:0 30px;}
.investment .main .view ul, .investment .main .view span{border-bottom: 1px solid #fafafa; padding-bottom: 20px; display: block}
.investment .main .view blockquote{margin-top: 20px; border-color: #0a3e6d; font-size: 14px; margin-left: -30px; font-weight: bold; font-style: italic}
.investment .main .view table#contact, .investment .main .view table#contact tr, .investment .main .view table#contact td, .investment .main .view table#contact th{border: none !important; background: none}
.investment .main .view table#contact tr{line-height: 25px;}
.investment .main .view table#contact tr i{color: #d2d2d2; font-size: 18px;}

.social-share{width: 100%; margin-left: 25px; margin-top: 30px}
.social-share a{display: inline-block; background-color: #fff; padding: 5px; margin-left: 8px; min-width: 27px; text-align: center; height: 27px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);}
.social-share a:hover{
    -webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow:2px 2px 6px 0px rgba(0,0,0,0.5);
    box-shadow:2px 2px 6px 0px rgba(0,0,0,0.5);}
.social-share a i{color: #918e90}

.calc .taber{overflow: hidden; padding:0; margin: 0; list-style: none}
.calc .taber.second li{width: 50%;}
.calc .taber li{float: left; border-left: 1px solid #e5e5e5; height:60px; padding: 0}
.calc .taber li a, .calc .taber li a:visited{display: block; text-align: center; border-bottom: 1px solid #e5e5e5; font-size: 14px; height:60px; color: #9d9d9d; background-color: #f8f8f8; padding: 20px 0}
.calc .taber li a:hover{color: #0d5595}
.calc .taber li.active a{border-bottom:5px solid #0d5595; color: #0d5595; background: none}

.map-page .top{padding: 30px 0;}
.map-page .top select{height: 45px; font-size: 12px; width: 100%; color: #5a5a5a; padding: 0 20px; outline: none !important; border-radius: 5px; border: 1px solid #ededed; font-weight: normal; cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    -moz-appearance:none; -webkit-appearance: none;
}
.map-page .bottom{background-color: #f2f2f4; padding-top: 60px; padding-bottom: 30px; border-top:1px solid #d2d2d2}
.map-page .bottom .item{background-color: #fff; padding: 25px; border-bottom: 1px solid #d2d2d2; margin-bottom: 30px; height:225px}
.map-page .bottom .item .title{color: #000000; font-size: 12px; text-transform: uppercase; overflow: hidden; border-bottom: 1px solid #efedea; padding-bottom: 15px; margin-bottom: 25px;}
.map-page .bottom .item .title p{margin: 0; display: inline-block; float: left; margin-top: 8px; margin-left: 10px; font-weight: 500}
.map-page .bottom .item .title i{display: inline-block; float: left; background: url("assets/icon-sprite.png") -250px -300px; height:30px; width:30px}
.map-page .bottom .item .desc{color: #000000; font-size: 14px;font-weight: 300; height: 60px;}
.map-page .bottom .item span p, .map-page .bottom .item span{display: block; margin: 0;color: #000000; font-size: 14px;font-weight: 300;}
.map-page .bottom .item span p i{display: inline-block; height: 15px; width: 20px; float: left; margin-right: 10px; background: url("assets/sprite.png") -567px -347px;}
.map-page .bottom .item span p:nth-of-type(2) i{background: url("assets/sprite.png") -567px -372px;}
.map-page .bottom .item.question .title i{background: url("assets/icon-sprite.png") -290px -300px;}
.map-page .bottom .item.help .title i{background: url("assets/icon-sprite.png") -340px -300px;}
.map-page .bottom .item.sanal .title i{background: url("assets/icon-sprite.png") -385px -300px;}
.map-page .bottom .item a{display:inline-block; height:30px; width:30px; float:right; background: url("assets/icon-sprite.png") -416px -295px; margin-top: 10px; border:2px solid #005baa; border-radius: 100%}

.utility-wrap .left-wrap{padding:0}
.utility-wrap .left-wrap ul{ margin: 0; padding:0}
.utility-wrap .right-wrap{padding:0}
.left-wrap ul li{padding: 0px; background: #393536; display: block; position: relative; -webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;transition:all 200ms linear 0s;}
.left-wrap ul li i{margin-right: 20px; float: left; height: 25px; width: 25px; display: block}
.left-wrap ul li i:before{margin-left: 10px; line-height: 20px; font-size: 25px;}
.left-wrap ul li a, .left-wrap ul li a:visited{color:#ffffff; font-size: 14px; height: 60px; display: block; padding:20px; font-weight: 300; border-bottom: 1px solid #000; border-top: 1px solid #434041;}
.left-wrap ul li a.active{background: #0f62ac !important;}
.left-wrap ul li a.active:before{
    content:"\A";
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #0f62ac;
    position: absolute;
    right: -10px;
    z-index: 100;
}
.left-wrap ul li a:hover{background: #232121}
.left-wrap ul li:first-child a{border-top: none}
.left-wrap ul li:last-child a{border-bottom: none}
.utility-island_loader{width:100%; height:360px; max-width:100%;margin:0;position:absolute;top:0;left:0;z-index:11; background-color:#fff; overflow:visible;text-align:center}
.utility-island_loader span{width:64px;height:64px;margin:-30px auto 0;position:relative;top:200px;display:block;font-size:.9em;line-height:100px;color:#888;background:url(assets/load.gif) scroll no-repeat center 0; background-size: 100%}
.utility-close{width:30px; display:block;position:absolute;top:0;right:-30px;z-index:100;font-size:1em;line-height:30px;color:#000;background:#fff;border:0;)}
.utility-island_content{max-width:100%;min-height:360px;;position:relative;z-index:10; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.3);background-color:#fff}
.utility-item{opacity:1;-webkit-transition:opacity 500ms cubic-bezier(0.77,0,0.175,1) 0s;-moz-transition:opacity 500ms cubic-bezier(0.77,0,0.175,1) 0s;-o-transition:opacity 500ms cubic-bezier(0.77,0,0.175,1) 0s;-ms-transition:opacity 500ms cubic-bezier(0.77,0,0.175,1) 0s;transition:opacity 500ms cubic-bezier(0.77,0,0.175,1) 0s;-webkit-backface-visibility:hidden}
.utility-frame{width:100%;height:590px;overflow:hidden}

.stat-type{position: relative; text-align: center}
.stat-type ul{list-style: none; border: 1px solid #d2d2d2; position: absolute; left: 50%;  margin:0; margin-left: -185px; top: -80px; overflow: hidden; display: inline-block; background-color: #fff; padding: 15px 30px; border-radius: 5px;}
.stat-type ul li{display: inline-block; float: left; margin-left: 20px;}
.stat-type ul li:first-child{margin: 0}
.stat-type ul li i{display: inline-block; float: left; height: 15px; width: 15px; background-color: #2075db; border-radius: 100%; margin-right: 10px;}
.stat-type ul li.offline i{background-color:#f07b4f }
.stat-type ul li.atm i{background-color:#27ae61 }
.stat-type ul li.cdm i{background-color:#f9c82d }
.stat-type ul li span{display: inline-block; float: left;margin: 0; line-height: 15px; text-transform: uppercase; font-size: 10px;}
.stat-type ul li a, .stat-type ul li a:visited{display: block; color: #000; }
.stat-type ul li.disabled a{opacity: 0.6; cursor: default}

.map-page .top label {position: relative; width: 100%}
.map-page .top label:after {
    content:'';
}
.map-page .top label:before {
    content:'';
    right:1px; top:15px;
    width:40px; height:15px;
    background:#f8f8f8 url("assets/icon-sprite.png") -380px -85px;
    position:absolute;
    pointer-events:none;
    display:block;
}

.reports .item{padding-bottom: 0}
.reports .item a span{height: 190px; width: 100%; display: block; background: #f0f0f0 url("assets/pdf/thumbnail_standard.jpg") no-repeat; background-position: center !important;}
.reports .item a p{display: block; color: #000000; font-size: 12px; text-align: center; margin: 0; padding: 5px 0}
.reports .item a:hover span{}
.branch-list .panel-default>.panel-heading{padding: 0; border:none; background-color: #fff}
.branch-list .panel-default>.panel-heading a{display: block; padding: 20px 30px; color: #fff; background: #0c5f9a url("assets/icon/accardion-close.png") no-repeat; background-position: right center; font-size: 12px; text-transform: uppercase; font-weight: normal}
.branch-list .panel-default>.panel-heading a.collapsed{background: #fff url("assets/icon/accardion-open.png") no-repeat; background-position: right center; color: #000}
.branch-list .panel{border: none; margin: 0}
.branch-list .panel-group .panel+.panel{margin-top: 1px}
.branch-list .panel-group .panel-heading+.panel-collapse>.panel-body{border: none; padding-left: 70px; padding-bottom: 40px}
.branch-list .panel-group .panel-heading+.panel-collapse>.panel-body button{border:none; color: #fff; font-size: 10px; text-transform: uppercase; padding: 8px 25px; border-radius: 5px; font-weight: bold; margin-top: 30px; background-color: #005baa}
.branch-list .panel-body span{color:#0d64a1; font-weight: 500; font-size: 15px; margin-bottom: 10px; display: block; border-bottom: 1px solid #f0f0f0; padding-top: 25px; padding-bottom: 10px;}
.branch-list .panel-body span i{height: 25px; width: 25px; display: inline-block; position: absolute; left: -30px}
.branch-list .panel-body span.location i{background: url("assets/icon-sprite.png") 0 -350px}
.branch-list .panel-body span.alarm i{background: url("assets/icon-sprite.png") -40px -350px}
.branch-list .panel-body span.email i{background: url("assets/icon-sprite.png") -80px -350px}
.branch-list .panel-body span.tell i{background: url("assets/icon-sprite.png") -120px -350px}
.branch-list .panel-body span.fax i{background: url("assets/icon-sprite.png") -160px -350px}
.branch-list .panel-body p, .branch-list .panel-body table{color:#1e1e1e; font-size: 14px; margin: 0; font-weight: 300}
.branch-list .panel-body table{color:#1e1e1e; font-size: 14px; border: none !important; width: 400px !important;}
.branch-list .panel-body table tr:nth-child(odd){background: none}
.branch-list .panel-body table td, .branch-list .panel-body table th{border: none !important; padding: 0}
.branch-list .panel-body table td:last-child{color: #7c7c7c; font-style: italic}

.loan-calculator{margin-top: 50px;  margin-bottom:20px; overflow: hidden; padding: 50px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}

.right-banner{position: fixed; top: 38%; right: 0; z-index: 100}
.right-banner img{display: block}
.right-banner a{height: 38px; width: 38px; float: left; display: inline-block; background-color: #fff; text-align: center; color: #fff}
.right-banner a i{line-height: 38px}
.right-banner a:first-of-type i{color: #005baa}
.right-banner a:nth-of-type(2){background-color: #005baa}
.right-banner a:nth-of-type(3){background-color: #55acee}
.right-banner a:nth-of-type(4){background-color: #3cb035}
.more-table{display: block; position: absolute; width: 100%; height: 35px; }
.more-table i{background: #e6e6e6; text-align: center; padding-top: 6px; color: #333; background-position: center; width: 100%; display: block; height: 35px;  transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease;  -o-transition:All 0.5s ease; }
.more-table.active{display: none}
.more-table:hover i{background: #a9a9a9; color: #fff;}
.more-table.active i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}

/*modal-addition*/
.modal-addition{width: 100%; overflow: hidden}
.modal-addition{width: 100%; overflow: hidden}
.modal-addition .item{height: 140px; vertical-align: middle; display: table; position: relative; padding: 0; text-align: center}
.modal-addition .title{color: #1e1e1e; font-size: 14px; text-transform: uppercase; font-weight: 300; background-color: #f0f0f0; padding: 15px 30px; display: block; border-top: 1px solid #d2d2d2}
.modal-addition .img{background-position: center!important; background-size: cover !important; height: 100%; width: 100%}
.modal-addition .img a, .modal-addition .img a:visited{color: #fff; font-weight: bold; font-size: 10px; min-width: 170px; text-align: center; text-transform: uppercase; position: relative; z-index: 1; display: inline-block; margin-top: 45px; padding: 15px 30px; border:2px solid #fff}
.modal-addition .item:hover .img a{color: #155da7; background-color: #fff; border-bottom: 2px solid #f2eb16}
.modal-addition .hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.modal-addition .item .border{position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; border:1px solid #658caf; opacity: 0}
.modal-addition .item:hover .hover{background: rgba(12, 77, 135, 0.9)}
.modal-addition .item:hover .border{opacity: 1}

/*homeslider*/

.homeslider .title{color: #322e2f !important;; text-transform: uppercase; font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif  !important; width: 430px !important;; white-space: normal !important;;}
.homeslider .desc{color: #322e2f !important;; font-weight: 300 !important;; width: 390px !important;; white-space: normal !important; }
.homeslider a.more, .homeslider a.more:visited{font-size: 10px; color: #0f62ac; text-transform: uppercase; padding: 12px 25px; background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(15, 98, 172, 0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(15, 98, 172, 0.5);
    box-shadow: 1px 1px 5px 0px rgba(15, 98, 172, 0.5)}
.homeslider a.more:hover{color: #0f62ac;}
.homeslider a.more i:before{font-size: 15px; color: #0f62ac; margin-left: 10px;}

/*remittance-calc*/
.remittance-calc select{width: 100%; border: none; outline: none}
.remittance-calc select:focus{border-bottom: 3px solid #0076bc}
.remittance-calc .input{width: 100%; margin-bottom: 20px; overflow: hidden; height: 50px; background-color: #f8f8f8}
.remittance-calc span{width: 50%; position: absolute; text-transform: uppercase; display: block; color: #9e9e9e; padding: 0;font-weight: 300; margin: 0; font-size: 10px; border: none; padding-left: 30px; height: 50px; line-height: 50px; float: left}
.remittance-calc select{color: #9e9e9e; font-size: 12px; text-transform: uppercase; font-weight: 300; margin-bottom: 20px; height: 50px; padding-left: 25px;
    border: 0 ;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f8f8f8 url('assets/table-more.png') no-repeat 95% center;
    text-overflow: clip;}
.remittance-calc option{border: 1px solid #f8f8f8}
.remittance-calc input[type = text]{color: #7c7c7c; background: none; border: none; width: 100%; position: relative; z-index: 1; float: left; font-size: 14px; font-weight: bold; text-align: right; padding-right: 25px; outline: none; text-transform: uppercase; height: 50px; padding-left: 25px;}
.remittance-calc label{color: #9e9e9e; font-size: 12px; text-transform: uppercase; float: right; height: 50px; margin: 0; line-height: 53px; font-weight: 300; position: relative; z-index: 1; margin-right: 30px;}
.remittance-calc .radio { cursor: pointer; text-indent: 35px; margin-top: 0; overflow: visible; display: inline-block; position: relative; font-weight:normal; color: #a9a9af;}
.remittance-calc input[type = button] { cursor: pointer; display: block; border: none; width: 100%; background-color: #7740a2; height: 50px; line-height: 50px; text-align: center; font-size: 14px; font-weight: bold; color: #a78bc1}
.remittance-calc .radio:before { background: #e5e5e5; content:''; position: absolute; top:19px; left: 0; width: 15px; height: 15px;}
.remittance-calc .input input[type=radio]{display: none}
.remittance-calc input[type=radio]:checked + label:before{
    background:#7740a2 ;
}
.union-calc {border-bottom: 1px solid #d2d2d2; padding-bottom: 40px; display: none; overflow: hidden}
.union-calc .input{max-width: 430px; width: 100%; margin: 0 auto; border-bottom: 3px solid #0076bc; margin-bottom: 20px; overflow: hidden; height: 50px; background-color: #f8f8f8}
.union-calc .input:last-of-type{background-color: #7740a2; border: none}
.union-calc .input:last-of-type span, .union-calc .input:last-of-type input{color: #fff}
.union-calc input[type = text]{color: #7c7c7c; background: none; max-width: 430px; border: none; width: 100%; position: relative; z-index: 1; float: left; font-size: 14px; font-weight: bold; text-align: right; padding-right: 25px; outline: none; text-transform: uppercase; height: 50px; padding-left: 25px;}
.union-calc span{width: 50%; position: absolute; text-transform: uppercase; display: block; color: #9e9e9e; padding: 0;font-weight: 300; margin: 0; font-size: 10px; border: none; padding-left: 30px; height: 50px; line-height: 50px; float: left}

.top-tab{margin: 60px 0}
.top-tab .item{font-size: 12px; text-transform: uppercase; text-align: center; color: #000000; border: 1px solid #cacaca; height: 50px; line-height: 50px; cursor: pointer}
.top-tab .item:last-of-type{-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;}
.top-tab .item:first-of-type{-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;}
.top-tab .item:hover, .top-tab .item.active{background-color: #0079c1; color: #fff; cursor: default}

.irged-card .item .in-item{max-width: inherit !important;}
.irged-card .card-image{display: table; width: 100%; height: 280px; text-align: center}
.irged-card .card-image .in{display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%}
.irged-card .card-image .in:after{content: ''; width:200px; display:block; margin: 0 auto; background: rgba(0, 0, 0, .1); height: 15px; border-radius: 100%; margin-top: 5px;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(255, 255, 255, .8);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(255, 255, 255, .8);
    box-shadow: inset 0px 0px 5px 2px rgba(255, 255, 255, .8)}
.irged-card .card-image .in img{display: inline-block; max-height: 280px; max-width: 100%}

.question .panel-heading{padding: 0 }
.question .panel-heading .panel-title>a{background-color: #fff; color: #0f62ac; padding: 0 30px; font-size: 12px; text-transform: uppercase; font-weight: 500; height: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.question .panel-heading .panel-title>a.collapsed{color: #000}
.question .panel-default{border: none}
.question .panel-group .panel+.panel{margin-top: 2px;}
.question .panel-default>.panel-heading+.panel-collapse>.panel-body{padding: 30px; background-color: #f1f1f1}

.content-title{font-size: 18px; text-transform: uppercase; font-weight: 300; color: #5a5a5a; padding-bottom: 15px; border-bottom: 1px solid #d2d2d2; margin-bottom: 15px;}
.content-desc{font-size: 14px; font-weight: 300; color: #5a5a5a; padding-bottom: 15px; text-align: justify; position: relative}
.content-desc img{max-width: 100%; margin-bottom: 20px;}
.content-desc .date{color: #fff; font-size: 15px; font-family: 'Roboto condensed', sans-serif; position: absolute; top: -50px; right: 30px; font-weight: 200}
.content-desc .date i{margin-right: 5px}

.right-social ul li{margin-bottom: 10px; list-style: none}
.right-social a{    color: #00417f; padding: 5px; width: 40px; height: 40px; border: solid 1px; border-radius: 50%; display: block; text-align: center; font-size: 20px; cursor: pointer;}

/*rates*/

.ratesearch{width: 220px; height: 35px; position: relative; margin-top: 30px;}
.ratesearch label > i.fa-calendar{margin-left: 0; position: relative; left: 0; height: 35px; display: block; font-size: 18px; line-height: 35px; color: #fff; z-index: 1; background-color: #0f62ac; text-align: center; width: 35px; float: left;}
.ratesearch input{width: 150px; font-size: 12px; font-weight: 300; border: none; height: 35px; padding-left: 30px; color: #464646;  position: relative; background-color: #eaeaea;}
.ratesearch button{position: absolute; right: 0; top:0; height: 35px; width: 35px; background-color: #eaeaea; border: none}
.ratesearch button i{color: #9a9a9a}

.rates{padding: 20px 30px}
.rates table{font-size: 12px; font-weight: 300; text-align: center; color: #464646}
.rates table thead{color: #0f62ac; font-weight: bold}
.rates table .img{border-radius: 100%; overflow: hidden; margin: 0; display: inline-block; float: left; margin-top: -2px; margin-right: 10px;}
.rates table img{height: 20px; width: 20px;}
.rates table tbody td:first-child{text-align: left; font-weight: bold; position: relative;}
.rates table td{padding: 5px}
.rates .down:before{content:"\A"; border-style: solid; border-width:9px 7px 6px 7px; border-color: #da003e transparent transparent transparent;  position: absolute; right: 20px; top: 10px}
.rates .up:before{content:"\A"; border-style: solid; border-width:3px 7px 9px 7px; border-color:transparent transparent #64b406 transparent;  position: absolute; right: 20px; top: 10px}
.tab-top{list-style: none; padding: 0; margin: 0}
.tab-top li{float: left; border-left: 1px solid #e5e5e5; height:60px; padding: 0}
.tab-top li a, .tab-top li a:visited{display: block; text-align: center; border-bottom: 1px solid #e5e5e5; font-size: 14px; height:60px; color: #727272; background-color: #f8f8f8; padding: 20px 0}
.tab-top li a:hover{color: #0d5595}
.tab-top li.active a{border-bottom:5px solid #0d5595; color: #0d5595; background: none}

.lefting{overflow: hidden; height: 100%; width: 100%; position: fixed}
#left-modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background: rgba(0,0,0,.7); overflow: auto; z-index: -100;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
.lefting #left-modal{ z-index: 1000;  opacity: 1; visibility: visible;}
.utility-wrap{position: relative; width: 1100px; left: -100%; margin-left:0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
.utility-wrap #close{position: absolute; top:0; right: -25px; width: 25px; height: 25px; font-weight: bold; line-height: 15px; border:none; border-radius: none}
.lefting .utility-wrap{position: relative; width: 1100px; left: 50%; margin-left: -550px;}
.lefting .left-menu{display: none}
.lefting .left-menu li{width: 250px;}
.left-wrap{top:185px; position: relative}
.utility-wrap .right-wrap{position: relative; top: 185px;}

.transfer{margin-bottom: 40px; margin-top: 40px;}
.transfer select{margin-left: 50px; background: transparent; width: 250px; padding:0 10px; font-size: 12px; border: 1px solid #ccc; height: 25px; cursor: pointer;}
.transfer .item {border-bottom: 1px solid #9e9e9e; width: 100%}
.transfer .item .name{font-size: 14px; text-transform: lowercase; color: #0d5595}
.transfer .item .name:first-letter{text-transform: uppercase; }
.transfer .item .text{color: #464646; text-align: justify; border-top:1px solid #9e9e9e}

.loantype{width: 100%; display: table; margin-bottom: -80px; margin-top: 50px; background-color: #fff}
.loantype input{display: none; }
.loantype input:checked+label{background-color: #0d5595; color: #fff}
.loantype label{display: table-cell; text-align: center; line-height: 15px; font-weight:bold; cursor: pointer; text-transform: uppercase; border:1px solid #eaeaea; padding: 10px 0; font-size: 12px; color: #464646;}
.loantype label:hover{background-color: #eaeaea}
.loantype label:first-of-type{border-radius: 20px 0 0 20px;}
.loantype label:last-of-type{border-radius: 0 20px 20px 0;}

.search-list{min-height: 450px;}
.search-list .top{margin: 30px;}
.search-list .top label{text-transform: uppercase; margin-right: 30px;}
.search-list .top input{height: 35px; border:1px solid #0d5595; background: #eaeaea; padding-left: 10px; width: 250px;}
.search-list .top a i{margin-left: -30px; color: #464646}
.search-list .top a i:hover{margin-left: -30px; color: #0d5595}

.picture.load{background: url("assets/load.gif"); width: 100%; height: 140px;}
a.anket{padding: 10px 30px; display: inline-block; background-color: #0d5595; color: #fff}
.tp-caption.small_text{ text-shadow: none;}

.report{margin-bottom:60px;}
.report .top{overflow: hidden; margin-bottom: 25px;}
.report .top p{line-height: 35px; color: #0d5595; margin-right: 10px; margin-bottom: 0; text-transform: uppercase;}
.report .top select{color: #0d5595; margin-right: 10px; font-size: 80%; font-weight: bold; cursor: pointer;
    width: auto;
    line-height: 35px;
    border-radius: 0px;
    border: 1px solid #9e9e9e;
    background-color: #fff;
    padding: 0px 10px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: all linear 0.1s;
    transition: all linear 0.1s;
    resize: none;
    text-transform: uppercase;
    height: 35px;
    min-width: 100px;}
.report table {width: 80% !important; margin: 0 auto; font-size: 13px;}
.report table tr:first-child td{text-align: center}
.report table td:first-child{text-align: center}
.report table td{font-size: 13px; padding: 5px 15px}
@media only screen and (max-width: 990px){
    .header .bottom ul.menu > li> a, .header .bottom ul.menu > li > a:visited{padding: 27px 5px;}
    .main .part-one .text .title, .main .part-three .text .title{font-size: 30px; line-height: 35px;}
    .main .part-one .text .desc, .main .part-three .text .desc{font-size: 15px; line-height: 20px}
    .main .part-one .text, .main .part-three, .main .part-three .text, .main .part-one .img, .main .part-three .img{height: 270px;}
    .main .part-one{height: 310px;}
    .taber .tab-content .item .in-item{max-width: inherit !important; width: inherit !important;}
    .choose_slider_items ul{position: relative; height: 270px; overflow: hidden}
    .choose_slider_items .current_item{top: 50px}
    .header .bottom .ebank{display: none}
    .homeslider .title{font-size: 22px; margin-bottom: 10px; line-height: 20px;}
    .homeslider .desc{line-height: 15px; margin-bottom: 15px}
    .right-banner{display: none !important;}
    .home-other .part-type .service{height: 250px; margin: 10px 0; padding: 15px}
    .home-other .part-2 .text{height: 270px}
    .main .part-3 .img, .home-other .part-3 .text{height: 270px; padding: 0 20px}
    .home-other .part-3{height: inherit}
    .tp-leftarrow, .tp-rightarrow{display: none}
    .main .part-two .text .title{height: 30px; line-height: 18px; font-size: 18px;}
    .main .part-two .text{padding: 10px;}
    .item-list .item-img, .item-list .item-img img, .item-list .text{height: 240px !important;}
    .item-list .desc{height:125px; margin: 10px 0}
    .page-item .owl-item .img{height: 140px}
    .other-service-two .item{height: 300px; margin: 10px}
    .other-service-two .item .title{margin-top: 10px}
    .other-service-two .item .desc{height: 50px; font-size: 13px; line-height: 16px; overflow: hidden}
    .other-service-two .item .contentlist{height: 60px}
}
@media only screen and (max-width: 768px){
    .report table{width: 100% !important;}
    .header .top ul li a, .header .top ul li a:visited{font-size: 10px}
    body{padding-bottom: 0 !important}
    .mm-page{padding-bottom: 60px}
    .main .part-3 .img, .home-other .part-3 .text{height: 250px;  padding: 0 10px}
    .header .top{position: relative; z-index: 1}
    .main .part-two{ height: inherit;}
    .main .part-two .text{padding: 20px 0}
    .main .part-two .text .img{display: none}
    .main .part-one .text .title, .main .part-three .text .title{font-size: 30px; line-height: 35px;}
    .main .part-one .text .desc, .main .part-three .text .desc{font-size: 15px; line-height: 20px}
    .main .part-one, .main .part-one .text, .main .part-three, .main .part-three .text, .main .part-one .img{height: inherit; padding:10px;}
    .main .part-one .text, .main .part-three, .main .part-three .text, .main .part-one .img, .main .part-three .img{height: inherit}
    .main .part-three .text{width: inherit}
    .footer{padding: 0;}
    .footer .menu{height: inherit}
    .footer .menu ul li{line-height: 30px}
    .main .part-one .text .bt{ padding: 10px 40px 10px 22px; margin-top: 15px}
    .header .navbar, .left-menu {display: none !important;}
    .lefting #left-modal{display: none}
    .other-service-two .item .contentlist{height: 75px; overflow: hidden;}
    .home-other .part-3{margin-top: 30px;}
    .home-other .part-type .service .name{margin: 10px 0}
    .home-other .part-type .service .desc{height: 30px;}
    .intro .logo {top:120px; left: 50%; margin-left: -130px}
    .intro .lang a, .intro .lang a:visited{top:25px; right:0}
    .homeslider .desc{width: 280px}
    .homeslider .title{margin-top: -20px; font-size: 15px}
    .home-other .part-type .service .img{display: none}
    .home-other .part-type .service{height: 150px;}
    .home-other .part-type .service .name{margin: 10px 0}
    .home-other .part-type .service .desc{height: 30px}
    .main .part-two .text{margin: 10px 0}
    .main .part-two .text .desc{height: 50px; margin-top: 0}
    .intro .type{top:40%;}
    #mobilemenu{display: none}
    .intro .type a, .intro .type a:visited{width: initial; display: block; margin: 10px 20%}
    .header .top ul li{padding: 0 8px;}
    .header .bottom .logo{margin: 10px 0; position: absolute; width: 100%; text-align: center; height: 35px;}
    .header .bottom .logo img{height:100%; display: inline-block}
    a.mobile{margin-top: 10px; float: left; margin-left: 15px; z-index: 10}
    .homeslider a.more i:before{font-size: 8px;}
    .homeslider a.more, .homeslider a.more:visited{padding: 5px 15px;}
    .homeslider .desc{width: 120px !important;}
    .header.investment a.mobile{margin-top: 15px;}
    .investment .logo{float: right; margin: 15px 10px !important;}
    .investment .logo img{height: 30px !important;}
    .home-menu{position: relative; margin-top: -350px;}
    .home-menu ul li{width: 90% !important; margin-bottom: 15px}
    #invest-slide{min-width: 700px}
    .header.investment .lang a, .header.investment .lang a:visited{margin-top: 22px; color: transparent !important;}
    .manage-member .owl-buttons{display: none}
    .manage-member .item .img{height: 360px}
    .mm-menu{background-color: #1062ac}
    .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{color:#fff}
    .mm-menu .mm-search input{    background: rgba(0,0,0,.2); color: rgba(255,255,255,.75);}
    .mm-navbar, .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after, .mm-menu .mm-listview>li .mm-next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{border-color:rgba(255,255,255,.4) }
    .mm-listview>li>a, .mm-listview>li>span, .mm-menu em.mm-counter{color: #fff}

}
@media (min-width: 768px) {
    #mobilemenu , a.mobile{
        display: none !important;
    }
}
@media only screen and (max-width: 500px){
    .main .part-two{ height: inherit;}
    .main .part-two .text{padding: 10px 0}
    .main .part-two .text .img{display: none}
    .main .part-one .text .title, .main .part-three .text .title{font-size: 24px; line-height: 25px;}
    .main .part-one .text .desc, .main .part-three .text .desc{display: none}
}
@media only screen and (max-width: 767px){
    .header .bottom ul > li:hover .submenu{display: block}
    #slides .slidesjs-navigation{display: none}
    .header .bottom ul.menu > li> a, .header .bottom ul.menu > li > a:visited{padding: 10px 30px; height: inherit}
    .navbar-toggle{background: #eaeaea; border: 1px solid #0c5f9a; margin-top: 20px}
    .navbar-toggle .icon-bar{background: #0c5f9a}
    .header .navbar .navbar-collapse{position: absolute; left: 0; width: 100%}
    .navbar-collapse.in{overflow: inherit}
    .header .bottom ul.menu > li> a, .header .bottom ul.menu > li > a:visited{display: block; background: #fff}
    .header .bottom ul.menu > li.active > a{border: none; background: #2c74b5; color: #fff}
    .header .bottom ul.menu .submenu{padding: 0; position: inherit; display: none}
    .header .submenu ul.sub{height: inherit}
    .header .submenu ul.sub>li a, .header .submenu ul.sub>li a:visited{font-size: 10px; font-weight: normal; padding-left: 50px;}
    .header .submenu ul li:hover .menu-main{display: none}
    .header .submenu ul.sub>li:hover{width: 100%}
    .header .bottom ul.menu > li> a i{display: none}
    .item-list .text, .item-list a.more, .item-list a.more:visited{margin-top: 10px; float: right}
    .item-list .item-img{height: 150px}
    .item-list .text{height: 110px !important;}
    .item-list .desc{display: none}
    .mm-page{position: relative !important;}

}
@media (min-width:768px){
    .col-md-20{width: 20%}
}
@media only screen and (max-width: 390px){
    .header .top .icons a, .header .top .icons a:visited{margin-right: 10px; margin-top: 10px; background-color: #464646; height: 35px; width: 35px; text-align: center}
    .header .lang a, .header .lang a:visited{color: transparent; padding: 0; width: 25px; margin-top: 18px; margin-right: 5px; display: block; height: 15px; background: url("assets/en.png") no-repeat; background-size: 100% 100%}

}