@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese";
.uk-container {
    padding: 0 !important;
}
a:hover {text-decoration: none !important}

body {background-color: #fff}

/*ol, ul {padding: 0 !important;}*/
em{color: #363636;}
hr {border-color: #E5E5E5}
ul {padding-left: 20px;}
input:focus{outline: none}
* {font-family: 'Roboto'}

/*.swiper-wrapper {height: auto}*/

.font60 {font-size: 60px;}
.font56 {font-size: 56px;}
.font54 {font-size: 54px;}
.font52 {font-size: 50px;}
.font48 {font-size: 48px;}
.font44 {font-size: 44px;}
.font42 {font-size: 42px;}
.font40 {font-size: 40px;}
.font36 {font-size: 36px;}
.font32 {font-size: 32px;}
.font30 {font-size: 30px;}
.font24 {font-size: 24px;}
.font22 {font-size: 22px;}
.font20 {font-size: 20px;}
.font18 {font-size: 18px;}
.font16 {font-size: 16px;}
.font14 {font-size: 14px;}
.font13 {font-size: 13px;}
.font12 {font-size: 12px;}
.font11 {font-size: 11px;}
.font10 {font-size: 10px;}
.fontlight {font-weight: 500;}
.fontlighter {font-weight: 300;}


.font10\@s {font-size: 10px}
.font11\@s {font-size: 11px}
.font12\@s {font-size: 12px}
.font13\@s {font-size: 13px}
.font14\@s {font-size: 14px}
.font16\@s {font-size: 16px}
.font18\@s {font-size: 18px}
.font20\@s {font-size: 20px}
.font22\@s {font-size: 22px}
.font24\@s {font-size: 24px}
.font30\@s {font-size: 30px}
.font32\@s {font-size: 32px}
.font36\@s {font-size: 36px}
.font40\@s {font-size: 40px}
.font42\@s {font-size: 42px}
.font44\@s {font-size: 44px}
.font48\@s {font-size: 48px}
.font52\@s {font-size: 52px}
.font54\@s {font-size: 54px}
.font60\@s {font-size: 60px}
@media (max-width: 640px) {
    .font10\@s {font-size: initial}
    .font11\@s {font-size: initial}
    .font12\@s {font-size: initial}
    .font13\@s {font-size: initial}
    .font14\@s {font-size: initial}
    .font16\@s {font-size: initial}
    .font18\@s {font-size: initial}
    .font20\@s {font-size: initial}
    .font22\@s {font-size: initial}
    .font24\@s {font-size: initial}
    .font30\@s {font-size: initial}
    .font32\@s {font-size: initial}
    .font36\@s {font-size: initial}
    .font40\@s {font-size: initial}
    .font42\@s {font-size: initial}
    .font44\@s {font-size: initial}
    .font48\@s {font-size: initial}
    .font52\@s {font-size: initial}
    .font54\@s {font-size: initial}
    .font60\@s {font-size: initial}
}

.font10\@m {font-size: 10px}
.font11\@m {font-size: 11px}
.font12\@m {font-size: 12px}
.font13\@m {font-size: 13px}
.font14\@m {font-size: 14px}
.font16\@m {font-size: 16px}
.font18\@m {font-size: 18px}
.font20\@m {font-size: 20px}
.font22\@m {font-size: 22px}
.font24\@m {font-size: 24px}
.font30\@m {font-size: 30px}
.font32\@m {font-size: 32px}
.font36\@m {font-size: 36px}
.font40\@m {font-size: 40px}
.font42\@m {font-size: 42px}
.font44\@m {font-size: 44px}
.font48\@m {font-size: 48px}
.font52\@m {font-size: 52px}
.font54\@m {font-size: 54px}
.font60\@m {font-size: 60px}
@media (max-width: 960px) {
    .font10\@m {font-size: initial}
    .font11\@m {font-size: initial}
    .font12\@m {font-size: initial}
    .font13\@m {font-size: initial}
    .font14\@m {font-size: initial}
    .font16\@m {font-size: initial}
    .font18\@m {font-size: initial}
    .font20\@m {font-size: initial}
    .font22\@m {font-size: initial}
    .font24\@m {font-size: initial}
    .font30\@m {font-size: initial}
    .font32\@m {font-size: initial}
    .font36\@m {font-size: initial}
    .font40\@m {font-size: initial}
    .font42\@m {font-size: initial}
    .font44\@m {font-size: initial}
    .font48\@m {font-size: initial}
    .font52\@m {font-size: initial}
    .font54\@m {font-size: initial}
    .font60\@m {font-size: initial}
}

.font10\@l {font-size: 10px}
.font11\@l {font-size: 11px}
.font12\@l {font-size: 12px}
.font13\@l {font-size: 13px}
.font14\@l {font-size: 14px}
.font16\@l {font-size: 16px}
.font18\@l {font-size: 18px}
.font20\@l {font-size: 20px}
.font22\@l {font-size: 22px}
.font24\@l {font-size: 24px}
.font30\@l {font-size: 30px}
.font32\@l {font-size: 32px}
.font36\@l {font-size: 36px}
.font40\@l {font-size: 40px}
.font42\@l {font-size: 42px}
.font44\@l {font-size: 44px}
.font48\@l {font-size: 48px}
.font52\@l {font-size: 52px}
.font54\@l {font-size: 54px}
.font60\@l {font-size: 60px}
@media (max-width: 1200px) {
    .font10\@l {font-size: initial}
    .font11\@l {font-size: initial}
    .font12\@l {font-size: initial}
    .font13\@l {font-size: initial}
    .font14\@l {font-size: initial}
    .font16\@l {font-size: initial}
    .font18\@l {font-size: initial}
    .font20\@l {font-size: initial}
    .font22\@l {font-size: initial}
    .font24\@l {font-size: initial}
    .font30\@l {font-size: initial}
    .font32\@l {font-size: initial}
    .font36\@l {font-size: initial}
    .font40\@l {font-size: initial}
    .font42\@l {font-size: initial}
    .font44\@l {font-size: initial}
    .font48\@l {font-size: initial}
    .font52\@l {font-size: initial}
    .font54\@l {font-size: initial}
    .font60\@l {font-size: initial}
}

.font10\@xl {font-size: 10px}
.font11\@xl {font-size: 11px}
.font12\@xl {font-size: 12px}
.font13\@xl {font-size: 13px}
.font14\@xl {font-size: 14px}
.font16\@xl {font-size: 16px}
.font18\@xl {font-size: 18px}
.font20\@xl {font-size: 20px}
.font22\@xl {font-size: 22px}
.font24\@xl {font-size: 24px}
.font30\@xl {font-size: 30px}
.font32\@xl {font-size: 32px}
.font36\@xl {font-size: 36px}
.font40\@xl {font-size: 40px}
.font42\@xl {font-size: 42px}
.font44\@xl {font-size: 44px}
.font48\@xl {font-size: 48px}
.font52\@xl {font-size: 52px}
.font54\@xl {font-size: 54px}
.font60\@xl {font-size: 60px}
@media (max-width: 1600px) {
    .font10\@xl {font-size: initial}
    .font11\@xl {font-size: initial}
    .font12\@xl {font-size: initial}
    .font13\@xl {font-size: initial}
    .font14\@xl {font-size: initial}
    .font16\@xl {font-size: initial}
    .font18\@xl {font-size: initial}
    .font20\@xl {font-size: initial}
    .font22\@xl {font-size: initial}
    .font24\@xl {font-size: initial}
    .font30\@xl {font-size: initial}
    .font32\@xl {font-size: initial}
    .font36\@xl {font-size: initial}
    .font40\@xl {font-size: initial}
    .font42\@xl {font-size: initial}
    .font44\@xl {font-size: initial}
    .font48\@xl {font-size: initial}
    .font52\@xl {font-size: initial}
    .font54\@xl {font-size: initial}
    .font60\@xl {font-size: initial}
}

.lineClamp7 {display: -webkit-box !important; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp6 {display: -webkit-box !important; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp5 {display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp4 {display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp3 {display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp2 {display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp1 {display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.xh-p-1 {padding: 10px}
.xh-p-2 {padding: 20px}
.xh-p-3 {padding: 30px}

.xh-pt-1 {padding-top: 10px;}
.xh-pr-1 {padding-right: 10px;}
.xh-pb-1 {padding-bottom: 10px;}
.xh-pl-1 {padding-left: 10px;}

.xh-pt-2 {padding-top: 20px;}
.xh-pr-2 {padding-right: 20px;}
.xh-pb-2 {padding-bottom: 20px;}
.xh-pl-2 {padding-left: 20px;}

.xh-pt-3 {padding-top: 30px;}
.xh-pr-3 {padding-right: 30px;}
.xh-pb-3 {padding-bottom: 30px;}
.xh-pl-3 {padding-left: 30px;}

.xh-bradius-s {border-radius: 5px}
.xh-bradius-m {border-radius: 10px}
.xh-bradius-m-1 {border-radius: 15px}
.xh-bradius-l {border-radius: 20px}

.xh-p-1\@s {padding: 10px}
.xh-p-2\@s {padding: 20px}
.xh-p-3\@s {padding: 30px}

.xh-pt-1\@s {padding-top: 10px;}
.xh-pr-1\@s {padding-right: 10px;}
.xh-pb-1\@s {padding-bottom: 10px;}
.xh-pl-1\@s {padding-left: 10px;}

.xh-pt-2\@s {padding-top: 20px;}
.xh-pr-2\@s {padding-right: 20px;}
.xh-pb-2\@s {padding-bottom: 20px;}
.xh-pl-2\@s {padding-left: 20px;}

.xh-pt-3\@s {padding-top: 30px;}
.xh-pr-3\@s {padding-right: 30px;}
.xh-pb-3\@s {padding-bottom: 30px;}
.xh-pl-3\@s {padding-left: 30px;}

.xh-bradius-s\@s {border-radius: 5px}
.xh-bradius-m\@s {border-radius: 10px}
.xh-bradius-l\@s {border-radius: 20px}
@media (max-width: 640px) {
    .xh-p-1\@s {padding: unset}
    .xh-p-2\@s {padding: unset}
    .xh-p-3\@s {padding: unset}

    .xh-pt-1\@s {padding-top: unset;}
    .xh-pr-1\@s {padding-right: unset;}
    .xh-pb-1\@s {padding-bottom: unset;}
    .xh-pl-1\@s {padding-left: unset;}

    .xh-pt-2\@s {padding-top: unset;}
    .xh-pr-2\@s {padding-right: unset;}
    .xh-pb-2\@s {padding-bottom: unset;}
    .xh-pl-2\@s {padding-left: unset;}

    .xh-pt-3\@s {padding-top: unset;}
    .xh-pr-3\@s {padding-right: unset;}
    .xh-pb-3\@s {padding-bottom: unset;}
    .xh-pl-3\@s {padding-left: unset;}

    .xh-bradius-s\@s {border-radius: unset;}
    .xh-bradius-m\@s {border-radius: unset;}
    .xh-bradius-l\@s {border-radius: unset;}
}

.xh-p-1\@m {padding: 10px}
.xh-p-2\@m {padding: 20px}
.xh-p-3\@m {padding: 30px}

.xh-pt-1\@m {padding-top: 10px;}
.xh-pr-1\@m {padding-right: 10px;}
.xh-pb-1\@m {padding-bottom: 10px;}
.xh-pl-1\@m {padding-left: 10px;}

.xh-pt-2\@m {padding-top: 20px;}
.xh-pr-2\@m {padding-right: 20px;}
.xh-pb-2\@m {padding-bottom: 20px;}
.xh-pl-2\@m {padding-left: 20px;}

.xh-pt-3\@m {padding-top: 30px;}
.xh-pr-3\@m {padding-right: 30px;}
.xh-pb-3\@m {padding-bottom: 30px;}
.xh-pl-3\@m {padding-left: 30px;}

.xh-bradius-s\@m {border-radius: 5px}
.xh-bradius-m\@m {border-radius: 10px}
.xh-bradius-l\@m {border-radius: 20px}

@media (max-width: 960px) {
    .xh-p-1\@m {padding: unset;}
    .xh-p-2\@m {padding: unset;}
    .xh-p-3\@m {padding: unset;}

    .xh-pt-1\@m {padding-top: unset;}
    .xh-pr-1\@m {padding-right: unset;}
    .xh-pb-1\@m {padding-bottom: unset;}
    .xh-pl-1\@m {padding-left: unset;}

    .xh-pt-2\@m {padding-top: unset;}
    .xh-pr-2\@m {padding-right: unset;}
    .xh-pb-2\@m {padding-bottom: unset;}
    .xh-pl-2\@m {padding-left: unset;}

    /*.xh-pt-3\@m {padding-top: unset;}*/
    .xh-pr-3\@m {padding-right: unset;}
    .xh-pb-3\@m {padding-bottom: unset;}
    .xh-pl-3\@m {padding-left: unset;}

    .xh-bradius-s\@m {border-radius: unset;}
    .xh-bradius-m\@m {border-radius: unset;}
    .xh-bradius-l\@m {border-radius: unset;}
}

.xh-p-1\@l {padding: 10px}
.xh-p-2\@l {padding: 20px}
.xh-p-3\@l {padding: 30px}

.xh-pt-1\@l {padding-top: 10px;}
.xh-pr-1\@l {padding-right: 10px;}
.xh-pb-1\@l {padding-bottom: 10px;}
.xh-pl-1\@l {padding-left: 10px;}

.xh-pt-2\@l {padding-top: 20px;}
.xh-pr-2\@l {padding-right: 20px;}
.xh-pb-2\@l {padding-bottom: 20px;}
.xh-pl-2\@l {padding-left: 20px;}

.xh-pt-3\@l {padding-top: 30px;}
.xh-pr-3\@l {padding-right: 30px;}
.xh-pb-3\@l {padding-bottom: 30px;}
.xh-pl-3\@l {padding-left: 30px;}

.xh-bradius-s\@l {border-radius: 5px}
.xh-bradius-m\@l {border-radius: 10px}
.xh-bradius-l\@l {border-radius: 20px}
@media (max-width: 1200px) {
    .xh-p-1\@l {padding: unset;}
    .xh-p-2\@l {padding: unset;}
    .xh-p-3\@l {padding: unset;}

    .xh-pt-1\@l {padding-top: unset;}
    .xh-pr-1\@l {padding-right: unset;}
    .xh-pb-1\@l {padding-bottom: unset;}
    .xh-pl-1\@l {padding-left: unset;}

    .xh-pt-2\@l {padding-top: unset;}
    .xh-pr-2\@l {padding-right: unset;}
    .xh-pb-2\@l {padding-bottom: unset;}
    .xh-pl-2\@l {padding-left: unset;}

    .xh-pt-3\@l {padding-top: unset;}
    .xh-pr-3\@l {padding-right: unset;}
    .xh-pb-3\@l {padding-bottom: unset;}
    .xh-pl-3\@l {padding-left: unset;}

    .xh-bradius-s\@l {border-radius: unset;}
    .xh-bradius-m\@l {border-radius: unset;}
    .xh-bradius-l\@l {border-radius: unset;}
}

.xh-p-1\@xl {padding: 10px}
.xh-p-2\@xl {padding: 20px}
.xh-p-3\@xl {padding: 30px}

.xh-pt-1\@xl {padding-top: 10px;}
.xh-pr-1\@xl {padding-right: 10px;}
.xh-pb-1\@xl {padding-bottom: 10px;}
.xh-pl-1\@xl {padding-left: 10px;}

.xh-pt-2\@xl {padding-top: 20px;}
.xh-pr-2\@xl {padding-right: 20px;}
.xh-pb-2\@xl {padding-bottom: 20px;}
.xh-pl-2\@xl {padding-left: 20px;}

.xh-pt-3\@xl {padding-top: 30px;}
.xh-pr-3\@xl {padding-right: 30px;}
.xh-pb-3\@xl {padding-bottom: 30px;}
.xh-pl-3\@xl {padding-left: 30px;}

.xh-bradius-s\@xl {border-radius: 5px}
.xh-bradius-m\@xl {border-radius: 10px}
.xh-bradius-l\@xl {border-radius: 20px}
@media (max-width: 1600px){
    .xh-p-1\@xl {padding: unset;}
    .xh-p-2\@xl {padding: unset;}
    .xh-p-3\@xl {padding: unset;}

    .xh-pt-1\@xl {padding-top: unset;}
    .xh-pr-1\@xl {padding-right: unset;}
    .xh-pb-1\@xl {padding-bottom: unset;}
    .xh-pl-1\@xl {padding-left: unset;}

    .xh-pt-2\@xl {padding-top: unset;}
    .xh-pr-2\@xl {padding-right: unset;}
    .xh-pb-2\@xl {padding-bottom: unset;}
    .xh-pl-2\@xl {padding-left: unset;}

    .xh-pt-3\@xl {padding-top: unset;}
    .xh-pr-3\@xl {padding-right: unset;}
    .xh-pb-3\@xl {padding-bottom: unset;}
    .xh-pl-3\@xl {padding-left: unset;}

    .xh-bradius-s\@xl {border-radius: unset;}
    .xh-bradius-m\@xl {border-radius: unset;}
    .xh-bradius-l\@xl {border-radius: unset;}
}

.over-mask {position: absolute; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));}
.over-mask-light {position: absolute; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.80));}

@media (max-width: 640px) {.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 50px}}

.colorff {color: #fff}
.color36 {color: #363636}
.color99 {color: #999}
.color33 {color: #333}
.color11 {color: #111}
.colorb3 {color: #0066B3}
.colorfa {color: #3B5998}
.colortw {color: #55ACEE}
.coloryt {color: #DD4B39}
.color00 {color: #000}

.bgwhite {background-color: #fff}

.uk-width-1-7 { width: 14.28% !important; }
.uk-width-2-7 { width: 28.57%; }
.uk-width-3-7 { width: 42.85%; }
.uk-width-4-7 { width: 57.14%; }
a:hover {text-decoration: none}


.font60 {font-size: 60px;}
.font56 {font-size: 56px;}
.font54 {font-size: 54px;}
.font52 {font-size: 50px;}
.font48 {font-size: 48px;}
.font44 {font-size: 44px;}
.font42 {font-size: 42px;}
.font40 {font-size: 40px;}
.font36 {font-size: 36px;}
.font32 {font-size: 32px;}
.font30 {font-size: 30px;}
.font24 {font-size: 24px;}
.font22 {font-size: 22px;}
.font20 {font-size: 20px;}
.font18 {font-size: 18px;}
.font16 {font-size: 16px;}
.font14 {font-size: 14px;}
.font13 {font-size: 13px;}
.font12 {font-size: 12px;}
.font11 {font-size: 11px;}
.font10 {font-size: 10px;}
.fontlight {font-weight: 500;}
.fontlighter {font-weight: 300;}


.font10\@s {font-size: 10px}
.font11\@s {font-size: 11px}
.font12\@s {font-size: 12px}
.font13\@s {font-size: 13px}
.font14\@s {font-size: 14px}
.font16\@s {font-size: 16px}
.font18\@s {font-size: 18px}
.font20\@s {font-size: 20px}
.font22\@s {font-size: 22px}
.font24\@s {font-size: 24px}
.font30\@s {font-size: 30px}
.font32\@s {font-size: 32px}
.font36\@s {font-size: 36px}
.font40\@s {font-size: 40px}
.font42\@s {font-size: 42px}
.font44\@s {font-size: 44px}
.font48\@s {font-size: 48px}
.font52\@s {font-size: 52px}
.font54\@s {font-size: 54px}
.font60\@s {font-size: 60px}
@media (max-width: 640px) {
    .font10\@s {font-size: initial}
    .font11\@s {font-size: initial}
    .font12\@s {font-size: initial}
    .font13\@s {font-size: initial}
    .font14\@s {font-size: initial}
    .font16\@s {font-size: initial}
    .font18\@s {font-size: initial}
    .font20\@s {font-size: initial}
    .font22\@s {font-size: initial}
    .font24\@s {font-size: initial}
    .font30\@s {font-size: initial}
    .font32\@s {font-size: initial}
    .font36\@s {font-size: initial}
    .font40\@s {font-size: initial}
    .font42\@s {font-size: initial}
    .font44\@s {font-size: initial}
    .font48\@s {font-size: initial}
    .font52\@s {font-size: initial}
    .font54\@s {font-size: initial}
    .font60\@s {font-size: initial}
}

.font10\@m {font-size: 10px}
.font11\@m {font-size: 11px}
.font12\@m {font-size: 12px}
.font13\@m {font-size: 13px}
.font14\@m {font-size: 14px}
.font16\@m {font-size: 16px}
.font18\@m {font-size: 18px}
.font20\@m {font-size: 20px}
.font22\@m {font-size: 22px}
.font24\@m {font-size: 24px}
.font30\@m {font-size: 30px}
.font32\@m {font-size: 32px}
.font36\@m {font-size: 36px}
.font40\@m {font-size: 40px}
.font42\@m {font-size: 42px}
.font44\@m {font-size: 44px}
.font48\@m {font-size: 48px}
.font52\@m {font-size: 52px}
.font54\@m {font-size: 54px}
.font60\@m {font-size: 60px}
@media (max-width: 960px) {
    .font10\@m {font-size: initial}
    .font11\@m {font-size: initial}
    .font12\@m {font-size: initial}
    .font13\@m {font-size: initial}
    .font14\@m {font-size: initial}
    .font16\@m {font-size: initial}
    .font18\@m {font-size: initial}
    .font20\@m {font-size: initial}
    .font22\@m {font-size: initial}
    .font24\@m {font-size: initial}
    .font30\@m {font-size: initial}
    .font32\@m {font-size: initial}
    .font36\@m {font-size: initial}
    .font40\@m {font-size: initial}
    .font42\@m {font-size: initial}
    .font44\@m {font-size: initial}
    .font48\@m {font-size: initial}
    .font52\@m {font-size: initial}
    .font54\@m {font-size: initial}
    .font60\@m {font-size: initial}
}

.font10\@l {font-size: 10px}
.font11\@l {font-size: 11px}
.font12\@l {font-size: 12px}
.font13\@l {font-size: 13px}
.font14\@l {font-size: 14px}
.font16\@l {font-size: 16px}
.font18\@l {font-size: 18px}
.font20\@l {font-size: 20px}
.font22\@l {font-size: 22px}
.font24\@l {font-size: 24px}
.font30\@l {font-size: 30px}
.font32\@l {font-size: 32px}
.font36\@l {font-size: 36px}
.font40\@l {font-size: 40px}
.font42\@l {font-size: 42px}
.font44\@l {font-size: 44px}
.font48\@l {font-size: 48px}
.font52\@l {font-size: 52px}
.font54\@l {font-size: 54px}
.font60\@l {font-size: 60px}
@media (max-width: 1200px) {
    .font10\@l {font-size: initial}
    .font11\@l {font-size: initial}
    .font12\@l {font-size: initial}
    .font13\@l {font-size: initial}
    .font14\@l {font-size: initial}
    .font16\@l {font-size: initial}
    .font18\@l {font-size: initial}
    .font20\@l {font-size: initial}
    .font22\@l {font-size: initial}
    .font24\@l {font-size: initial}
    .font30\@l {font-size: initial}
    .font32\@l {font-size: initial}
    .font36\@l {font-size: initial}
    .font40\@l {font-size: initial}
    .font42\@l {font-size: initial}
    .font44\@l {font-size: initial}
    .font48\@l {font-size: initial}
    .font52\@l {font-size: initial}
    .font54\@l {font-size: initial}
    .font60\@l {font-size: initial}
}

.font10\@xl {font-size: 10px}
.font11\@xl {font-size: 11px}
.font12\@xl {font-size: 12px}
.font13\@xl {font-size: 13px}
.font14\@xl {font-size: 14px}
.font16\@xl {font-size: 16px}
.font18\@xl {font-size: 18px}
.font20\@xl {font-size: 20px}
.font22\@xl {font-size: 22px}
.font24\@xl {font-size: 24px}
.font30\@xl {font-size: 30px}
.font32\@xl {font-size: 32px}
.font36\@xl {font-size: 36px}
.font40\@xl {font-size: 40px}
.font42\@xl {font-size: 42px}
.font44\@xl {font-size: 44px}
.font48\@xl {font-size: 48px}
.font52\@xl {font-size: 52px}
.font54\@xl {font-size: 54px}
.font60\@xl {font-size: 60px}
@media (max-width: 1600px) {
    .font10\@xl {font-size: initial}
    .font11\@xl {font-size: initial}
    .font12\@xl {font-size: initial}
    .font13\@xl {font-size: initial}
    .font14\@xl {font-size: initial}
    .font16\@xl {font-size: initial}
    .font18\@xl {font-size: initial}
    .font20\@xl {font-size: initial}
    .font22\@xl {font-size: initial}
    .font24\@xl {font-size: initial}
    .font30\@xl {font-size: initial}
    .font32\@xl {font-size: initial}
    .font36\@xl {font-size: initial}
    .font40\@xl {font-size: initial}
    .font42\@xl {font-size: initial}
    .font44\@xl {font-size: initial}
    .font48\@xl {font-size: initial}
    .font52\@xl {font-size: initial}
    .font54\@xl {font-size: initial}
    .font60\@xl {font-size: initial}
}

.lineClamp7 {display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp6 {display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp5 {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.lineClamp1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

.lineHeight {line-height: 150%;text-align: justify}

.xh-p-1 {padding: 10px}
.xh-p-2 {padding: 20px}
.xh-p-3 {padding: 30px}

.xh-pt-1 {padding-top: 10px;}
.xh-pr-1 {padding-right: 10px;}
.xh-pb-1 {padding-bottom: 10px;}
.xh-pl-1 {padding-left: 10px;}

.xh-pt-2 {padding-top: 20px;}
.xh-pr-2 {padding-right: 20px;}
.xh-pb-2 {padding-bottom: 20px;}
.xh-pl-2 {padding-left: 20px;}

.xh-pt-3 {padding-top: 30px;}
.xh-pr-3 {padding-right: 30px;}
.xh-pb-3 {padding-bottom: 30px;}
.xh-pl-3 {padding-left: 30px;}

.xh-bradius-s {border-radius: 5px}
.xh-bradius-m {border-radius: 10px}
.xh-bradius-l {border-radius: 20px}

.xd-ml-2 {margin-left: 20px}
.xd-mb-2{margin-bottom: 20px;}
.xd-mt-2{margin-top: 15px}

@media (max-width: 1366px) {
    .xd-mr-300{margin-right: 318px!important;}
    .xs-l-200{left:287px!important;}
}

.tugrug {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.timeline-buttons{width: 30px;height: 30px;border-radius: 50%;background-color: hsla(0, 0%, 0%, 0.6) }
.scroll{overflow: auto;height: 150px; box-sizing: border-box}
@media (max-width: 640px){
    .mobile{max-width: none;position: relative;left: 0;top: 0;transform: translate(0);}
}

.over-mask {position: absolute; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));}
.over-mask-light {position: absolute; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.80));}
.c-content * {font-size: 14px !important}
.c-content ul li {list-style-type: none}
.c-content ul li {position: relative; padding-left: 20px}
.c-content ul li::before {content: "\f0da";font-family: 'Font Awesome 5 Pro';font-weight: 600;font-size: 14px;color: #0e1e61;left: 0;position: absolute;}


.uk-button {border: 2px solid #59B62E; !important; box-sizing: border-box !important; background-color: #fff;color: hsl(0, 0%, 40%); transition-duration: 0.3s !important;border-radius: 20px;}
.uk-button:hover {border: 2px solid #59b62e !important; box-sizing: border-box !important; background-color: #59B62E; color: #fff; transition: 0.3s ease}

.button {border-radius: 25px; border-style: none; padding: 15px 20px; width: 100%; font-size: 14px; background-color: #AAB952; color: #fff; cursor: pointer; transition-duration: 0.3s;}
.button:hover {background-color: #0e1e61; transition: 0.3s ease}

.button.reverse {background-color: #0e1e61 !important;}
.button.reverse:hover {background-color: #AAB952 !important; color: #fff}
/*.uk-offcanvas-bar {color: #363636}*/

/* for layout */

.homeTP {position: absolute; left: 0; top: 0; z-index: 2; padding-top: 20px;pointer-events: none;}

.item .uk-cover-container {transition-duration: 0.3s}
.item:hover .uk-cover-container{transition: transform .3s ease;transform: scale(1.05);}
.animation img{transition-duration: 0.3s}
.animation:hover img{transition: transform .3s ease;transform: scale(1.05)!important;}
footer {padding-top: 10px}
footer .ft-left .logo {margin-bottom: 30px}
footer .ft-left .desc {display: flex; margin-bottom: 20px; max-width: 400px}
footer .ft-left .desc div:not(.text) {color: #0e1e61; padding-right: 15px; line-height: 150%}

footer .hding {margin-bottom: 10px; font-size: 20px; color: #0e1e61;text-transform: uppercase}
footer ul {margin: 0; padding: 0; list-style-type: none}
footer ul li a {position: relative; display: flex; align-items: center; padding: 5px 15px; font-size: 14px; color: #363636}
footer ul li a:before {content: "\f0da"; position: absolute; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 800; font-size: 12px; color: #7D9D3A}
footer .copyright {border-top: 1px solid #f2f2f2; /*margin-top: 15px;*/ padding: 15px 0; text-align: center; color: #fff;background-color: hsl(120, 89%, 27%)}

@media (max-width: 640px) {.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 50px}}
@media (max-width: 640px){.height{height: auto!important;}}
/*@media (max-width: 640px) {.swiper-wrapper {height: auto;}}*/

.colorff {color: #fff}
.color36 {color: #363636}
.color99 {color: #999}
.color66 {color: #666}
.color33 {color: #333}
.color11 {color: #111}
.colorb3 {color: #0066B3}
.colorfa {color: #3B5998}
.colortw {color: #55ACEE}
.coloryt {color: #DD4B39}
.color00 {color: #000}

.fw100{font-weight: 100}
.fw200{font-weight: 200}
.fw300{font-weight: 300}
.fw400{font-weight: 400}
.fw500{font-weight: 500}
.fw600{font-weight: 600}
.fw700{font-weight: 700}
.fwbold{font-weight: bold}

.color.gcp {color: #0e1e61}
.color.gcp-white-ish {color: #7D9D3A}


.pointer{pointer-events: fill}

.bgwhite {background-color: #fff}
.bgfb {background-color: #3B5998}
.bgtw {background-color: #55ACEE}

.uk-width-1-7 { width: 14.28% !important; }
.uk-width-2-7 { width: 28.57%; }
.uk-width-3-7 { width: 42.85%; }
.uk-width-4-7 { width: 57.14%; }
.uk-width-5-7 { width: 71.42%; }
.uk-width-6-7 { width: 85.71%; }
.uk-width-5-7 { width: 71.42%; }
.uk-width-6-7 { width: 85.71%; }

.border-bt {border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 40px; }
.heightAuto{height: auto;}
.splitContinent {width: 100%;}
.sponser__item>img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.7;-webkit-transition:.2s;transition:.2s;}
.sponser__item:hover>img{-webkit-filter:none;filter:none;opacity:1;}
/*@media (max-width: 960px){*/
    /*.splitContinent {width: 100%}*/
/*}*/
.slider_name{float: left;margin: 0px;padding-left: 30px;text-align: justify;text-transform: uppercase;font-size: 24px;line-height: 25px;font-family: Roboto;color: rgba(255, 255, 255, 0.8);}
.slider_desc{padding-left: 30px;margin-top: 0;float: left;font-size: 14px;line-height: 24px;text-align: justify;font-family: Roboto;color: rgba(255, 255, 255, 0.8);}
@media (max-width: 640px){
    .swiper-slide .slider_text {width: 100%}
    .swiper-slide .slider_name, .swiper-slide .slider_desc {padding-left: 5px}
}
/**/

.menuBtn {  height: 25px; width: 25px; position: absolute; z-index: 101; display: block;left: 18px; top: 10px;}
.menuBtn > span {background-color: #0e1e61;;  border-radius: 1px;  height: 2px;  width: 100%;  position: absolute;  left: 50%;  top: 50%;  margin: -1px 0 0 -10px;  transition: height 100ms;  }
.menuBtn > span:after,
.menuBtn > span:before {  content: '';  background-color: #0e1e61;;  border-radius: 1px;  height: 2px;  width: 100%;  position: absolute;  left: 50%;  margin-left: -15px;  transition: all 200ms;  }
.menuBtn > span:after {  top: -7px;  }
.menuBtn > span:before {  bottom: -7px;  }

/*Нүүр интро*/

.intro{width: 100%; height: 100vh; position: relative; z-index: 100;    background-color: rgba(0,0,0, 0.4);}
.intro-container{;box-sizing: border-box;top: 50%;  left: 50%; transform: translate(-50%,-50%); position: absolute;  }
.intro-top{text-align: center;}
.intro-top__logo{background-image: url("../assets/home-logo.png"); width: 175px; height: 75px; display: inline-block; margin-bottom: 30px;}
.intro-top__name{font-size: 24px; color: #fff; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 45px;}

.intro-middle{}
.intro-middle:after{clear: both; display: table; content: "";}
.intro-middle__box{margin-right: 26px; float: left; text-align: center;}
.intro-middle__box:last-child{margin-right: 0;}
.intro-middle__item{width: 106px; height: 106px; border-radius: 50%; border: 2px solid #005400; display: block !important;  position: relative; margin-bottom: 20px; background-color: #ffffffbb; transition: .5s all}
.intro-middle__title{font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 300; border-radius: 5px; padding: 3px; display: inline-block; max-width: 110px; height: 35px; overflow: hidden;}
.intro-middle__item--logo{ background-image: url(../assets/f-logo.png); width: 118px; height: 118px; display: block; position: relative; background-repeat: no-repeat; background-position: center; }
.intro-middle__item i {color: #005400;font-size: 40px;line-height: 1;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: .5s all;transition: .5s all;}
.intro-middle__box:hover > .intro-middle__item{border-color: #005400;}
.intro-middle__box:hover > .intro-middle__item:after{color: #005400;}

.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}

.intro-swiper{position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
.intro-swiper__item{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center center; background-size: cover; background-repeat: no-repeat;}


.home-intro-lang{text-align: center; margin-top: 30px;}
.home-intro-lang .item{display: inline-block;position: relative;text-decoration: none;padding-bottom: 10px; }
.home-intro-lang .border-line{display: inline-block;width: 2px;height: 20px;background-color: #dcdcdc;margin: 0 25px;vertical-align: middle;}
.home-intro-lang .item:after{background: #0e1e61 none repeat scroll 0 0;bottom: 0;content: "";height: 3px;left: 0;position: absolute;width: 0;transition: all .5s ease;}
.home-intro-lang .item .img.mn{display: inline-block; width: 28px; height: 14px;margin-top: -2px; vertical-align: middle;}
.home-intro-lang .item .img.ja{display: inline-block; width: 28px; height: 18px;margin-top: -2px; vertical-align: middle;}
.home-intro-lang .item .img.mn{ background-image: url("../assets/mn-flag.png"); }
.home-intro-lang .item .img.ja{background-image: url("../assets/jpn.png");}
.home-intro-lang .item .text{font-size: 14px; font-weight: 400; color: #fff;}
.home-intro-lang .item:hover .text{color: #0e1e61;}
.home-intro-lang .item:hover:after{width: 100%;}

@media (max-width: 800px){
    .intro-middle{width: 305px;}
    .intro-container{width: 100%; padding: 0 10px; box-sizing: border-box; top: 30%; left: 0; transform: translateY(-30%);}
    .intro-top__logo{width: 80px; height: 35px; background-size: contain}
    .intro-top__name{font-size: 18px;}
    .intro-middle__box{display: inline-block; float: none; width: 80px; margin-right: 0; margin: 10px;}
    .intro-middle__title{display: inline-block;}
    .intro-middle__item{ width: 80px; height: 80px; box-sizing: border-box;}
    .intro-middle{width: 100%; text-align: center;}
    .intro{height: 110vh}
    .intro-swiper{bottom: -100px;}
}

.hd-breadcrumb {position: relative; /*padding: 23px 25px;*/ background-color: hsl(120, 89%, 27%);height: 80px;}
.hd-breadcrumb * {color: #fff; font-size: 18px;}
.hd-breadcrumb .layer {position: absolute; top: 0; right: 0; display: none}
.hd-breadcrumb .layer:nth-child(1) {z-index: 1; width: 320px; height: 100%; background-color: #4B9E24}
.hd-breadcrumb .layer:nth-child(2) {z-index: 2; width: 240px; height: 100%; background-color: #458E22}
.hd-breadcrumb .layer:nth-child(3) {z-index: 3; width: 160px; height: 100%; background-color: #397C19}
.hd-breadcrumb .layer:nth-child(4) {z-index: 4; width: 80px; height: 100%; background-color: #2E6514}
.hd-breadcrumb a{margin-right: 20px; border-right: 1px solid hsla(0, 0%, 0%, 0.1);}
.hd-breadcrumb .logo{border-right: 1px solid hsla(0, 0%, 0%, 0.1);padding: 10px 30px 10px 30px; ;}
@media (max-width: 960px) {
    .hd-breadcrumb {height: auto}
    .hd-breadcrumb .logo{padding: 10px;}
    .hd-breadcrumb a {}
    .hd-breadcrumb * {font-size: 14px}
}

.home.loan-request {z-index: 2;background-color: #ffffffad}
.home.loan-request > div {}

.swiper-container {min-height: auto !important;}

.loan.types {}
.loan.types .item {display: flex; flex-direction: column; justify-content: space-between; height: 230px; background-repeat: no-repeat; background-size: auto; background-position: center;}
.loan.types.other .item .name {color: #363636}
.loan.types.other .item .more {color: #0e1e61; }
.loan.types .item .name,
.loan.types .item .more {color: #fff; }

.loan.types.other .item .more {position: relative; border-radius: 50%; margin: 20px; padding: 15px; width: max-content; background-color: #fff; transition-duration: 0.3s}
.loan.types .item .more {position: relative; border-radius: 50%; margin: 20px; padding: 15px; width: max-content; background-color: #00000020; transition-duration: 0.3s;margin-top: auto;}
.loan.types .item:hover .more {color: #00000020; background-color: #eeeeee50; transition: 0.3s ease-in-out}
.loan.types .item .more i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*.loan.types .item i {padding-left: 10px}*/
.loan.types.other .item {background-color: #F4F4F4 !important; transition-duration: 0.3s}
.typesContainer.uk-hidden\@s .loan.types .swiper-slide:nth-child(1) {background-color: #59B62E}
.typesContainer.uk-hidden\@s .loan.types .swiper-slide:nth-child(2) {background-color: #4B9E24}
.typesContainer.uk-hidden\@s .loan.types .swiper-slide:nth-child(3) {background-color: #458E22}
.typesContainer.uk-hidden\@s .loan.types .swiper-slide:nth-child(4) {background-color: #397C19}
.typesContainer.uk-hidden\@s .loan.types .swiper-slide:nth-child(5) {background-color: #2E6514}

.typesContainer.uk-visible\@s .loan.types .item:nth-child(1) {background-color: #59B62E}
.typesContainer.uk-visible\@s .loan.types .item:nth-child(2) {background-color: #4B9E24}
.typesContainer.uk-visible\@s .loan.types .item:nth-child(3) {background-color: #458E22}
.typesContainer.uk-visible\@s .loan.types .item:nth-child(4) {background-color: #397C19}
.typesContainer.uk-visible\@s .loan.types .item:nth-child(5) {background-color: #2E6514}

.typesContainer.uk-visible\@s {position: relative; z-index: 20;}
.typesContainer.uk-visible\@s .loan.types .item {transition-duration: 0.2s}
.typesContainer.uk-visible\@s .loan.types .item:hover {transform: scale(1.05); transition: 0.2s ease}
@media (max-width: 960px) {
    .loan.types.home .item {height: 190px}
    .typesContainer .swiper-wrapper {height: 180px !important}
}
@media (max-width: 640px){
    .loan.types.home .item {width: 100%; height: 180px}
}

@media (max-width: 640px){
    .wave{padding: 10px!important;}
}
.wave {padding: 0; background: #fff; background-size: auto}
.benefit {margin-bottom: 40px}
.benefit .icon {border: 1px solid #e5e5e5; border-radius: 30px 30px 30px 0; margin-bottom: 10px; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-color: #ffffff70;}

.about-pro:nth-child(1){
    width: 500px;
}
.about-pro:nth-child(2){
    width: 240px;
}

.about-pro:nth-child(3){
    width: 300px;
}

@media (max-width: 1100px){
    .about-pro:nth-child(1){
        width: 200px;
    }
    .about-pro:nth-child(2){
        width: 180px;
    }

    .about-pro:nth-child(3){
        width: 200px;
    }
}

.hd-swiper {height: 600px}
.staticText{margin: 15px 0 15px 0;}
.staticText p{color: #363636;font-size: 16px;line-height: 150%;font-family: Roboto;}
.staticText ul li{display: list-item;margin-left: 30px;font-size: 16px;font-family: Roboto;color: #363636}
@media (max-width: 720px){
    .hd-swiper {height: 65vh}
}

/**/
/**/
.news{border-top: 1px solid #f2f2f2; border-bottom:  1px solid #f2f2f2; }
.newsList {border-top: 1px solid #f2f2f2; border-bottom:  1px solid #f2f2f2; background-color: #fff}
.newsList .wing {overflow: hidden; transition-duration: 0.3s;}
.newsList .wing img {width: 100%; transition-duration: 0.3s}
.newsList .wing .uk-cover-container {max-height: 450px; height: 450px; transition-duration: 0.3s}
.newsList .wing-a {display: flex; flex-direction: column; padding: 30px 60px}
.newsList a {overflow: hidden; transition-duration: 0.3s}
.newsList a:hover .wing .uk-cover-container {transform: scale(1.05);}
.newsList .type {margin-bottom: 20px; font-size: 14px; text-transform: uppercase; color: #0e1e61}
.newsList .name {margin-bottom: 20px; font-size: 24px; line-height: 28px; color: #000}
.newsList .desc {text-align: justify;font-size: 14px; line-height: 24px; color: #666;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.newsList .more {position: relative; border-radius: 50%; box-sizing: border-box; display: flex; align-items: center; margin-top: auto; padding: 15px; width: max-content; color: #fff; background-color: #00000020; transition-duration: 0.3s}
.newsList .more i {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  width: max-content; max-width: 100%; box-sizing: border-box;}
.newsList a:hover .more {color: #00000020; background-color: #eeeeee90; transition: 0.3s ease}
@media(max-width: 1400px){
    /*.newsList .wing {transition-duration: 0.5s}*/
    /*.newsList .uk-flex:hover .wing {width: 20%; transition: 0.5s ease}*/
    /*.newsList .uk-flex:hover .wing-a {width: 80%; transition: 0.5s ease}*/
    /*.newsList .wing-a {display: flex; flex-direction: column; padding: 40px 30px; transition-duration: 0.5s}*/
    .newsList .wing {height: 350px}
    .newsList .wing a {height: 350px;}
    .newsList .desc {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
}
@media(max-width: 640px) {
    .newsList .wing-a {padding: 20px;}
    .newsList .uk-grid .wing-a {order: 2}
    .newsList .uk-grid .wing {order: 1;height: auto!important;}
    .newsList .uk-grid .wing .uk-cover-container {height: 200px}
    .newsList .name {font-size: 14px; line-height: 150%}
    .newsList .desc {margin-bottom: 10px;}
    .newsList .wing .uk-cover-container {height: auto}
}

.branch {border-top: 1px solid #f2f2f2; margin-top: 30px; padding-bottom: 30px !important; background-color: transparent}
.branch .swiper-pagination {bottom: 0 !important;}
.branch .item {height: 470px;border-right: 1px solid #f2f2f2;background-color: #fff;border-bottom: 1px solid #f2f2f2;overflow: hidden}
.branch.timeline .item {border: 1px solid #f2f2f2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.branch .item .name {padding: 20px; color: #0e1e61; font-size: 14px;}
.branch .item .info .desc {display: flex; align-items: baseline}
.branch .item .info i {padding: 0 10px 0 20px; font-size: 14px; color: #0e1e61;}
.branch .item .info .text {padding-bottom: 20px}
.branch .item .info .height{height: 30px;}
.branch .into{height: 250px;border-radius: 10px;margin: 0 10px}
.branch .uk-cover-container {height: 250px; width: 100%}

.branch_button{width: 30px; height: 30px; background: rgba(0, 0, 0, 0.6);border-radius: 50%;margin-top: 5px;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 18px;font-weight:900;color: #fff;}
@media (max-width: 640px){
    .branch_button {bottom: 100px; top: unset}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
    .branch .uk-cover-container {height: 200px; width: 100%}
}
@media (max-width: 960px){
    .swiper-button-prev, .swiper-button-next {top: 48%}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
}

.branch.list {margin: 40px 0; border: none}
.branch.list .item {border: 1px solid #f2f2f2}
/*.zoom-effect-container{position: relative;margin: 0 auto;overflow: hidden;}*/
/*.zoom-effect-container:hover .image-card{left:0; top: 0;transform:scale(1.3);transition: transform .3s ease-in-out}*/
/*.zoom-effect-container .image-card{transition: transform .3s ease-in;}*/

.swiper-pagination-bullet {border-radius: 10px !important; background-color: rgb(145 169 9) !important}
.swiper-pagination-bullet-active {background-color: #0e1e61 !important;}

@media (max-width: 1366px){
    .swiper-click{left: 280px!important;}
}

.sticky-box {width: 60px; height: auto; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); z-index: 100;}
.sticky-container {height: 100vh}
.sticky-container .top {margin-bottom: auto}
.sticky-container .bottom {margin-top: auto}
.sticky-container .item {display: block; position: relative; padding: 20px 0; text-align: center;}
.sticky-container .item i {color: #0e1e61}
.sticky-container .item:hover .overlay {right: 0; transition: 0.3s ease; z-index: 50; min-width: 210px;}
.sticky-container .item > i.vis {color: #0e1e61; font-size: 18px; width: 60px}
#offcanvas.uk-open {z-index: 2000000000000000000000;}
@media (max-width: 960px) {
    .uk-offcanvas-bar .sticky-box {height: 100vh}
}

.sticky-container .item.op {border-radius: 20px 0 0 20px; display: flex; position: relative; padding: 20px 0; text-align: center;}
.sticky-container .item.op .name {color: #FFF; font-size: 14px;}
.sticky-container .item.op i {transition-duration: 0.3s}
.sticky-container .item.op:hover i.vis {color: #FFF !important;}

.sticky-container .overlay {position: absolute; border-radius: 20px 0 0 20px; width: max-content; height: 100%; top: 0; right: -1000%; display: flex; align-items: center; padding: 5px 10px; background-color: #0e1e61; color: #FFF; transition-duration: 0.3s; max-height: 50px}
.sticky-container .overlay i {padding: 0 10px}

.facebook-f i {color: #3B5998 !important;}
.facebook-f .overlay {background-color: #3B5998}
.facebook-f .overlay i {color: #fff !important;}

.twitter i {color: #55ACEE !important;}
.twitter .overlay {background-color: #55ACEE !important;}
.twitter .overlay i {color: #fff !important;}

.youtube i {color: #FF0000 !important;}
.youtube .overlay {background-color: #FF0000 !important;}
.youtube .overlay i {color: #fff !important;}

.instagram i {color: #e95950 !important;}
.instagram .overlay {background: linear-gradient(94.67deg, #1E42DF 0%, #C5399F 50%, #FFCA59 100%) !important;}
.instagram .overlay i {color: #fff !important;}

.insta .overlay {background: linear-gradient(94.67deg, #1E42DF 0%, #C5399F 50%, #FFCA59 100%)}

ul.off-menu {margin: 0; padding: 0; list-style-type: none;}
ul.off-menu li {border-bottom: 1px dashed #e6e6e6; padding: 20px 30px; box-sizing: border-box; width: 100%}
ul.off-menu li a {color: #363636}
ul.off-menu li a:hover {color: #0e1e61}

.box-hover img{transition: transform 3s ease;}
.box-hover:hover img{transition: transform 3s ease;transform: scale(1.1)}
.human-box{background-color: #f2f2f2;border-radius: 10px}
.human-img {min-width: 90px; width: 90px;;padding: 10px}
.human-desc{padding: 10px;margin: 0;text-align: justify;line-height:150%;font-size: 12px;color: #666; word-break: break-all}
.human-desc ul {padding: 0; margin: 0}

.language-sel {display: flex;align-items: center;}
.language-sel a {display: block;}
.language-sel i {border-right: 1px solid #000; margin-right: 10px; padding-right: 10px; height: 16px}
.language-sel div {padding-left: 10px}

.calc-input {display: flex; padding: 30px 0}
.input-calc span.desc {display: inline-block; margin-bottom: 10px; font-size: 14px; color: #0e1e61}
.input-calc .icon-holder {position: relative; padding: 0 20px; height: 40px; background-color: #EDEDED}
.input-calc .tugrug span {position: absolute;}

.loan-info {border-top: 1px solid #f0f0f080; padding-top: 40px}
.loan-info .gridder {align-items: flex-start}
.loan-info * {font-size: 14px}
.loan-info .sub-info div,
.loan-info .sub-info span {color: #0e1e61; font-size: 24px; line-height: 35px;}
.loan-info .sub-info p {margin: 0}
.loan-info .sub-info input {border: 0;font-size: 24px;color: #0e1e61;background: none;}

.input-calc .ui-widget.ui-widget-content{border: 1px solid hsl(0, 0% 77%)}
.ui-widget-content{background-color: #0e1e61}
.highlight {color: #0e1e61; font-weight: bold}

/* for table compnents */
select { cursor: pointer; }
select option{ cursor: pointer; }
table.payment-table {border: 1px solid #EAEEF7; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1)}
table.payment-table * {font-size: 14px}
table.payment-table th {color: #0e1e61; font-weight: normal !important; text-transform: none}
table.payment-table th:not(.numeric),
table.payment-table td:not(.numeric) {text-align: right}
table.payment-table th.numeric,
table.payment-table td.numeric {text-align: center}
table.payment-table .numeric {font-weight: bold}
.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped>tr:nth-of-type(odd)
{background: #F5F6FA !important; border-top: 1px solid #EAEEF7 !important; border-bottom: 1px solid #EAEEF7 !important;}

.uk-table-divider>:first-child>tr:not(:first-child),
.uk-table-divider>:not(:first-child)>tr,
.uk-table-divider>tr:not(:first-child) {
    border-top: 1px solid #EAEEF7 !important;}
/* end of table */

.product {padding: 40px 0}
.product-calc .input-calc {margin-bottom: 30px}
.product-calc .ui-slider {background-color: #0e1e61}
@media (max-width: 960px) {
    .product {padding: 0}
}

.requirements {}
.requirements ul {list-style-type: none;}
.requirements ul li {border-bottom: 1px solid #eee; display: flex; padding: 5px 0}
.requirements ul li * {font-size: 16px}
.requirements ul li .value {margin-left: auto}
.requirements ul li span {color: #7D9D3A}
.requirements ul li div {color: #363636}
.requirements img {margin-right: 8px;font-size: 16px;color: #0e1e61;}

.inProduct.social {border-top: 1px solid #eee; margin-top: 70px; padding-top: 20px}

.social {display: flex;}
.social * {font-size: 14px;}
.social .item {border: 1px solid #e6e6e6; border-radius: 3px; display: block; padding: 8px 13px;}

.context {border-bottom: 1px solid #EEE; margin-bottom: 20px; padding-bottom: 40px;}
.context * {font-size: 16px; color: #363636;text-align: justify}
.context ul{padding-left: 30px!important;}
.context ul li{display:list-item;font-size: 16px;line-height: 150%}

.comment-section {border-top: 1px solid #EEE; margin-top: 40px; padding-top: 20px;}

.employee .uk-nav {}
.employee .uk-nav .uk-parent {background-color: #eee;border: 1px solid #eee;border-radius: 5px;margin-bottom: 20px;padding: 10px;transition: 0.3s ease ; width: 100%;height: max-content;}
.employee .uk-nav .uk-parent a {transition-duration: 0.5s; color: #363636}
.employee .uk-nav .uk-parent.uk-open a {border-bottom: 1px solid #0e1e61; margin-bottom: 20px; padding-bottom: 20px; transition: 0.5s ease}
.employee .uk-nav .uk-parent.uk-open {border: 1px solid #AAB952; background-color: #fff; transition: 0.3s ease}
@media (max-width: 640px){
    .employee .uk-nav .uk-parent:nth-child(odd) {margin-right: 0}
    .employee .uk-nav .uk-parent:nth-child(even) {margin-left: 0}
    .employee .uk-nav .uk-parent {width: 100%}
}

.faq .uk-nav {}
.faq .uk-nav .uk-parent {background-color: #eee;border: 1px solid #eee;border-radius: 5px;margin-bottom: 20px;padding: 10px;transition: 0.3s ease ; width: calc(50% - 10px);height: max-content;}
.faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 10px}
.faq .uk-nav .uk-parent:nth-child(even) {margin-left: 10px}
.faq .uk-nav .uk-parent a {transition-duration: 0.5s; color: #363636}
.faq .uk-nav .uk-parent.uk-open a {border-bottom: 1px solid #0e1e61; margin-bottom: 20px; padding-bottom: 20px; transition: 0.5s ease}
.faq .uk-nav .uk-parent.uk-open {border: 1px solid #AAB952; background-color: #fff; transition: 0.3s ease}
@media (max-width: 640px){
    .faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 0}
    .faq .uk-nav .uk-parent:nth-child(even) {margin-left: 0}
    .faq .uk-nav .uk-parent {width: 100%}
}

ul.related-pages {margin: 0; padding: 0; list-style-type: none;}
ul.related-pages li:first-child{border-top: 1px dashed #E6E6E6; border-bottom: 1px dashed #E6E6E6;}
ul.related-pages li:not(:first-child){border-bottom: 1px dashed #E6E6E6;}
ul.related-pages li a {position: relative; display: block; padding: 20px; color: #363636}
ul.related-pages li a.active {display: block; padding: 20px; color: #0e1e61}
ul.related-pages li a.active:before {content: "\f0da";font-family: "Font Awesome 5 Pro";font-weight: 800;font-size: 14px;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
@media (max-width: 640px) {
    ul.related-pages {margin-bottom: 10px !important;}
}

.pages {margin-top: 60px !important; margin-bottom: 60px !important;}
.pages .item {border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden}
.pages .img {height: 180px}
.pages .name {padding: 10px 15px; color: #363636}

.boxes {margin-top: 60px; margin-bottom: 60px }
.boxes .box {border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden}
.boxes .img {height: 150px;}
.boxes .name {padding: 10px 15px; color: #363636}

.home-boxes {margin-bottom: 30px !important;}
.home-boxes .box {border: 1px solid #f2f2f2; border-radius: 10px; display: block; overflow: hidden;background: #fff}
.home-boxes .img {height: 180px;}
.home-boxes .name {margin: 15px; color: #363636}
.container{margin-left: 40px;margin-right: 40px;}

.intel {overflow: hidden; margin-top: 30px}
.intel .title {color: #7D9D3A; font-size: 14px; text-transform: uppercase}
.intel .desc {margin-top: 10px; font-size: 16px; color: #363636; line-height: 30px}
.intel .desc table td {font-size: 14px}

.item .icon{transition: transform .3s ease;}
.item:hover .icon{transition: transform .3s ease;transform: scale(1.09);}
/* for team*/
.team-card { /*width: 300px;*/height: 310px;margin-top: 15px;position: relative;background: #000;color: #fff;overflow: hidden;border-radius: 10px;transition: 1s;}
.img-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 1s;}
.team-card:hover .img-box {opacity: .5;}
.img-box img {width: 100%;}
.content {position: absolute;width: 100%;height: 45%;bottom: -100%;box-sizing: border-box;;padding: 20px;text-align: center;transition: 1s;}
.team-card:hover .content {bottom: 0;}
.team-card:hover img {filter: grayscale(0%);transition: .5s;}
.team-card:nth-child(1) .content {background: linear-gradient(0deg, #000, transparent)}
.content span {color: #ffeb3b;}
.content__title{display: block;margin: 0 10px;color: #fff;font-size: 24px;line-height: 36px;color: #fff;font-family: Roboto;font-style: normal;}
.content__desc{margin: 10px;color: rgba(255, 255, 255, 0.5);font-size: 14px;line-height: 17px;font-family: Roboto;}
/* end team*/

.loanCalculator {padding: 0 20px}
.loanCalculator > div {margin-bottom: 25px;}
.loanCalculator .ranger {position: relative; padding: 5px 0}
.loanCalculator .ranger div.value {padding-bottom: 10px}
.loanCalculator select {background-color: transparent; border: 1px solid #0000000d; color: #0e1e61}
.loanCalculator select:focus {background-color: #ffffff50}

.uk-grid-small>.uk-grid-margin{margin-top: 0px;}
.nest {}
.nest .right {margin-left: auto}
.nest .title {display: flex; padding-bottom: 10px; margin-top: 10px;}
.nest .title input {border: none; background-color: transparent; font-size: 14px; color: #000000}
.tile-wrapper-loan {margin-bottom: 20px}
.tile-wrapper-loan.nth-first .month {border: none; background-color: transparent; color: #114908; font-size: 18px}
.tile-wrapper-loan.nth-second input {border: none; background-color: transparent; color: #114908; font-size: 18px}
.ui-state-default, .ui-widget-content .ui-state-default {top: -7px !important; height: 15px; width: 15px; border-radius: 50%;}
.ui-widget.ui-widget-content {border: 0 !important;height: 2px;}
.ui-slider-horizontal .ui-slider-range-min {background-color: #0e1e61}
.ui-slider-handle:before{content: "\f0da";display: block; margin-top: 0;position: absolute;left: 9px;font-size: 10px;font-family: 'Font Awesome 5 Pro';font-weight: 900;color: #0e1e61}
.ui-slider-handle:after{content: "\f0d9";display: block; margin-top: 0;position: absolute;right: 9px;font-size: 10px;font-family: 'Font Awesome 5 Pro';font-weight: 900;color: #0e1e61}
.ui-state-active{background-color: transparent;}
.uk-select:focus{border-color: #E5E5E5}


.uk-subnav-pill>.uk-active>a{background-color: hsl(120, 89%, 27%);height: 70px;text-align: center;line-height: 68px}
.uk-subnav-pill>.uk-active>a i{color: #fff}
.uk-subnav-pill .item img {border: 0}
.uk-subnav-pill>:not(.uk-active)>a span {color: #ffffff50;}
.uk-subnav-pill li a {display: block; border: 0; border-right-width: 1px; height: auto !important;}
.uk-subnav-pill li a i{margin-right: 10px;color: hsl(0, 0%, 60%)}
.uk-subnav-pill>*>:first-child{height: 70px;line-height: 68px;text-align: center;color: #2E6514;}
.uk-subnav-pill>*>a:hover{background-color: hsl(120, 89%, 27%);color: #fff;}
@media (max-width: 960px){
    .uk-subnav-pill>*>:first-child{border: 0; line-height: unset}
    .uk-subnav-pill li a {border: 0; border-right-width: 0; height: auto !important;}
    .uk-subnav-pill>.uk-active>a {border: 0;}
    .uk-subnav-pill>:not(.uk-active)>a span {color: #ffffff50;}
    .uk-subnav-pill>.uk-active>a span {color: #FFF;}
    .uk-subnav-pill .item {border-bottom: 1px solid #C4C4; margin-bottom: 5px; padding-bottom: 5px; width: 100%}
    .uk-subnav-pill .item img {border: 0}
    .uk-subnav-pill>.uk-active>a span {line-height: 150% !important;}
}

/* for mobile menu */
#mobileCanvas .uk-offcanvas-bar {padding: 0 !important;}
.uk-offcanvas-bar {padding: 0 !important;background-color: #fff; background-position: bottom; background-repeat: no-repeat; background-size: contain}
.uk-offcanvas-overlay::before {background: #0884468c !important;}
@media (max-width: 720px){
    .uk-offcanvas-bar {width: 100%}
}

.mobile-menu {}
.mobile-menu .hd {padding: 5px 15px; color: #999; font-size: 14px; background-color: #f4f4f4}
.mobile-menu .list {}
.mobile-menu .list.menu {}

ul.list li a { color: #363636; font-size: 14px; padding: 0 10px; transition-duration: 0.3s; }
ul.list.menu li a {padding: 0}
ul.list.menu li {padding: 5px 15px;}
.mobile-menu ul.list:not(.menu) li { display: flex; padding: 10px 0 10px 10px; align-items: center; }
.mobile-menu ul.list:not(.menu) li div { content: ""; height: 25px; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat;width: 25px;}
.mobile-menu ul.list:not(.menu) li:not(:last-child) {border-bottom: 1px solid #eee;}
ul.list li a:hover {color: #999; transition: 0.3s ease;}
ul.list.menu li:not(:last-child) {border-bottom: 1px solid #eee;}
/* end of mobile menu */

/* for loan modal components css */
#loanRequest-modal .uk-modal-body {border-radius: 10px; overflow: hidden; padding: 0; background-color: unset}
.loan-header {background-color: #0e1e61}
.loan-header .uk-modal-title {border-radius: 20px;overflow: hidden;padding: 20px;font-size: 18px;text-align: center;color: #fff;margin: 0;}
.loan-body {padding: 20px 40px; background-color: #fff}
.loan-body .label {color: #0e1e61;font-size: 14px; font-weight: 500}
.loan-body .label span {color: #ff0000;}
.loan-body span {color: #0e1e61; font-size: 14px;font-weight: 500}
.loan-body input {border: 1px solid #e3e3e3; border-radius: 5px; box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.05); max-height: 50px}
@media (max-width: 640px){
    .loan-body {padding: 20px 10px;}
}
/* end of loan modal components css */

/* for pagination components css */
div.pagination-box {display:flex; padding-bottom: 40px; justify-content: center;}
ul.uk-pagination {border: 1px solid #E8E9EC; margin: 0; width: max-content;}
ul.uk-pagination li {padding: 0;}
ul.uk-pagination li:not(:first-child) {border-left: 1px solid #E8E9EC; padding: 0;}
ul.uk-pagination li:last-child {}
ul.uk-pagination li a,ul.uk-pagination li span {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px;}
ul.uk-pagination li.uk-active span {background-color: #0e1e61; color: #FFF}
ul.uk-pagination li a:hover {background-color: #0e1e61d6; color: #FFF}
/* end of pagination components css */

/* for comment */
.comment-item{margin-bottom: 25px; border-left: 1px solid #eeeeee; padding-left: 20px;}
.comment-item:before{position: absolute; left: 20px; background-image: url(../assets/comment-icon.png); width: 10px; height: 10px; content: ''; position: absolute; background-size: contain;}
.comment-item__info{display: flex; margin-bottom: 10px; font-size: 14px;}
.comment-item__info span:after{ content: "• ";  padding-left: 3px; padding-right: 5px; color: #999999;}
.comment-item__info span:last-child:after{ content: "";  padding-left: 0; padding-right: 0;}

.comment-item__name{color: #0e1e61!important; font-weight: 700;}
.comment-item__id{color: #b2bfd2; display: block;}
.comment-item__desc{color: #363636!important; font-weight: 400; display: inline-block; margin-bottom: 10px; line-height: 1.4;}
.comment-item__other{margin-bottom: 5px;}
.comment-item__date{color: hsl(0, 0%, 80%)!important;}
.comment-item__date:after{ content: "• ";  padding-left: 10px; padding-right: 5px; color: #999999;}
.comment-item__like-count{font-size: 14px; color: #b2bfd2  }
.comment-item__like-count:hover{color: #54ad3f;}
.comment-item__unlike-count{font-size: 14px; color: #b2bfd2;}
.comment-item__unlike-count:hover{color: #ff4c4c;}
.comment-item__reply-count{font-size: 14px; color: #b2bfd2;}
.comment-item__reply-count:hover{color: #0e1e61;}
.comment-item__like-count:after{ content: "• ";  padding-left: 3px; padding-right: 5px; color: #999999;}
.comment-item__unlike-count:after{ content: "• ";  padding-left: 3px; padding-right: 5px; color: #999999;}
.comment-item__reply{font-size: 14px; color: #999999; margin-left: 5px;}

.comment-reply{padding-left: 40px; box-sizing: border-box; margin-top: 20px;}
.comment-reply__name{width: 50%; display: inline-block; padding: 12px; font-size: 14px; color: #363636; border: none; border-bottom: 1px solid #cdcdcd; margin-bottom: 10px; box-sizing: border-box;    font-family: 'Roboto', sans-serif;}
.comment-reply__name::placeholder{ font-size: 14px; color: #999999;}
.comment-reply__name:focus{border-bottom-color: #00baff; transition: 0.5s;}
.comment-reply__textarea{border: none; margin-bottom: 10px; width: 100%; padding-left: 12px; padding-right: 12px; padding-top: 15px; font-family: 'Roboto', sans-serif; font-size: 14px; height: 80px; box-sizing: border-box; border-bottom: 1px solid #cdcdcd}
.comment-reply__textarea::placeholder{font-size: 14px; color: #999999;}
.comment-reply__textarea:focus{border-bottom: 2px solid #00baff;}
.comment-reply__button{display: block; width: 100%; padding: 10px 20px; font-size: 14px; color: #666666; background-color: #e9eef6; border: none; cursor: pointer; transition: .2s;font-family: 'Roboto', sans-serif;}
.comment-reply__button:hover{background-color: #0ea4dc; color: #fff;}
.view__comment__button{display: inline-block; padding: 15px 20px; font-size: 14px; color: #666666; background-color: #e9eef6;}
.view__comment__button:hover{background-color: #d1d1d1; color: #363636;}
.comment-reply__more{text-align: center; display: block; padding: 10px 0; background-color: #f5f7fb; color: #939393; font-size: 14px;}
.comment-reply__more:hover{background-color: #d1d1d1; color: #363636}

.comment{margin: 20px 0; margin-left: 0 !important;}
.comment__textarea{border: none;box-sizing: border-box; resize: none; width: 100%; box-sizing: border-box; padding: 20px; font-size: 14px; line-height: 16px;color: #999999; font-family: Roboto, sans-serif; background: #F5F5F5;border-radius: 5px;}
.comment__input{background: #F5F5F5!important; border-radius: 5px !important; font-size: 14px; line-height: 16px;color: #999999;  padding-left: 20px !important;}
.comment__input::placeholder{color: #999999; font-size: 14px; line-height: 16px;}
.comment__textarea::placeholder{color: #999; font-size: 14px; line-height: 16px;}
.uk-textarea {border: 1px solid hsl(0, 0%, 80%);border-radius: 5px;resize: none;min-height: 100px;color: hsl(0, 0%, 21%);padding: 10px 14px;font-size: 14px;}
.comment__title{color: #0e1e61;; display: block; font-weight: bold; font-size: 14px;line-height: 20px;font-family: "Roboto", sans-serif;  margin-bottom: 15px;}
.comment__title span{margin-left: 5px;color: #999999; font-size: 14px; line-height: 16px; font-weight: normal;}
.comment__desc{font-size: 14px;line-height: 20px; /* or 143% */text-align: justify;color: #363636;}
.comment__button{width: 100%; background: #0e1e61 !important;border-radius: 5px!important; font-weight: bold !important; font-size: 14px!important;color: #FFFFFF !important;}
.comment__meta span{color: #ccc; font-size: 14px; line-height: 16px;margin-right: 10px;}
.comment__meta a{color: #ccc; font-size: 14px; line-height: 16px;}
.comment-item__like-count i{margin-right: 5px;}
.comment-item__reply {font-size: 14px;color: #7D9D3A!important;margin-left: 5px;}
.comment__read{display: block; padding: 10px 15px;font-size: 14px; line-height: 16px;font-family: Roboto;text-align: center;text-transform: uppercase;color: #999;background: #F5F5F5;border-radius: 5px;}

.comment-danger{margin-bottom: 20px;}
.comment-danger__title{color:#F86C6B; font-weight: bold; font-size: 12px;line-height: 14px; display: block; margin-bottom: 10px; text-transform: uppercase;}
.comment-danger__desc{font-family: Roboto; font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px; color: #F86C6B;}
/*Comment end*/

.warning{font-family: Roboto, sans-serif; font-size: 12px; color: #a2a2a2; font-weight: 400; font-style: italic; padding: 20px 0; line-height: 1.4; text-align: justify;}
/* end comment */

/* for tel-num*/
.tell-num {position: fixed; z-index: 16000161;overflow: hidden; right: 130px; bottom: 23px; height: 50px; min-width: 50px; display: flex; align-items: center; background: #0e1e61; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25); border-radius: 20px;}
.tell-num a {display: flex; align-items: center}
/*.tell-num div:hover .phone-num {visibility: visible;margin: 0 15px 0 5px;width: 200%;transition: 0.5s;font-size: 18px;font-weight: bold;color: #ffffff;}*/
.phone-icon {margin: 10px; border-radius: 50%; background-color: #ffffff}
.phone-icon i {font-size: 18px; margin: 8px; color: #0e1e61}
.phone-num {visibility: visible;margin: 0 15px 0 5px;width: 200%;transition: 0.5s;font-size: 18px;font-weight: bold;color: #ffffff;}
.phone-num:hover {color: #fff}
/* end of tel-num*/

@media (min-width: 1100px){
    .padding200{padding-left: 200px!important;}
    .padding50{padding-left: 50px!important;}
}

/* exchange */
.ex-list{}
.ex-list ul{list-style: none; margin:0; padding:0;}
.ex-list ul li{}
.ex-list ul li a{padding-left:20px;display: block;line-height:36px;font-size:14px; color:#363636; text-transform: uppercase; font-family: 'Roboto Condensed',sans-serif; text-decoration: none;}
.ex-list ul li a.active{border-left:5px solid #1122cc;background-color:#f1f1f1;padding-left:15px;}
.ex-type{margin-bottom:20px;}
.ex-type ul{list-style: none; margin:0; padding:0;}
.ex-type ul li {float:left;margin-right:6px;width: 50px; height: 50px;}
.ex-type ul li:last-child{padding-right:0;}
.ex-type ul li a{display: block; border:1px solid #d1d1d1;}
.ex-type ul li .active{border:2px solid hsl(120, 89%, 27%);}
/*.ex-type ul li:hover a{ -moz-box-shadow:    inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow:         inset 0 0 10px #000000;}*/
.ex-type ul li a img {width: 100%; height: auto;}
/*table exchange */
.table-exchange {width:100%;}
.table-exchange .hd{color:#363636; line-height:50px; font-family:'Roboto Condensed',sans-serif; font-weight: bold;text-transform: uppercase; background-color:#f1f1f1; border-left:5px solid #1122cc;padding-left: 15px; margin-bottom:10px;}
.table-exchange table {margin-bottom:20px;border-collapse: collapse;border-spacing: 1px;width:100%;border-top:1px solid #363636;border-bottom:1px solid #363636;}
.table-exchange table td { text-align:center;border-bottom:1px solid #d4d4db;font-size:13px;height:32px;color:#666666;font-family:'Roboto Condensed', sans-serif;}
.table-exchange table td:first-child{border-left:1px solid #d1d1d1;}
.table-exchange table td{border-right:1px solid #d1d1d1;}


.table-exchange table td b {color:#0d0248;}
.table-exchange table .last-row td {border-bottom:0 none;}
.table-exchange p.more {font-size:11px;margin:10px 0 0 0;text-align:right;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
.table-exchange p.more a {color:#999999;}
.table-exchange p.more a:hover {color:#1122cc;}

.table-rounded {width:100%;}
.table-rounded {border-collapse: collapse;border-spacing: 1px;width:100%;}

.table-rounded td {border:1px solid #d4d4db;font-size:12px;height:26px;color:#666666;font-family:'Roboto Condensed', sans-serif;}
.table-rounded td b {color:#0d0248;}

.table-rounded thead th {text-align: center;padding:5px 0;font-weight:normal;color:#363636;border:1px solid #d1d1d1;font-family:'Roboto Condensed', sans-serif;}
/*.table-rounded tbody tr:nth-child(2n+0){background-color:#f6f7f8;}*/

/*exchange-compiler */
.exchange-compiler{margin-bottom:50px;}
.exchange-compiler .compicon{width: 40px; height: 40px; -webkit-border-radius: 20px;  -moz-border-radius: 20px; border-radius: 20px;  border: 1px solid #e1e3e6;  background-size: 250px auto;  background-position: -3px -132px;  position: relative;  top: 50%;  margin-top: 2px;  left: 0px;}
body{background-color: #fff;}
@media (max-width: 640px){
    .uk-sticky-placeholder {height: 40px !important;}
}

/* for contact*/
.custom-card {box-shadow: 0 0 15px rgba(37, 199, 78, 0.5);margin-bottom: 30px;border-radius: 20px;}
.custom-card .title {line-height: 50px;padding: 0 20px;text-align: center;font-size: 14px;color: #0e1e61;text-transform: uppercase;display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;justify-content: left;font-weight: 700;border-top: 2px solid #0e1e61;border-bottom: 1px solid hsl(0, 0%, 87%);border-radius: 20px;}
.custom-card .contents {padding: 30px;}
.custom-card .contents>.row>.heading {font-size: 14px;color: #0e1e61;}
.custom-card .contents>.row>.element {color: #363636;font-size: 24px;}
.custom-card .contents>.row.branches {border-top: 1px solid hsl(0, 0%, 87%);border-bottom: 1px solid hsl(0, 0%, 87%);margin-bottom: 5px;}
.custom-card .contents>.row.branches {cursor: pointer;}
.custom-card .contents>.row.branches>.heading {padding: 9px 0;position: relative;}
.custom-card .contents>.row>.heading {font-size: 14px;color: #0e1e61;}
.custom-card .contents>.row>.element.location {font-size: 14px;}
.custom-card .contents>.row.branches>.heading:after {content: "\f105";font-family: 'Font Awesome 5 Pro'; font-weight: 900;color: #0e1e61;position: absolute;right: 5px;top: 0;font-size: 16px;line-height: 40px;}
.contact-back{background-color: hsl(0, 0%, 96%);border-radius: 5px;}
/* end contact*/

.uk-table.intel td {padding: 5px 0 !important;}
.website {font-size: 12px;margin-top: 5px;display: inline-block}
.website svg{width: 49px;margin-left: 5px;}
.contract{display: block; width: 91%; margin-top: 20px;text-align: center;padding: 13px;}

@media (max-width: 600px){
    .contract{width: 110%;padding: 12px;}
}

.phoneAppointment {background-color: #0e1e61; display: flex; align-items: center; background: #0e1e61; border-radius: 10px}
.phoneAppointment:hover {}

.modal .uk-close {top: -16px;right: -16px;}
.modal .uk-close {width: 32px;height: 32px;border-radius: 50%;background: #f1f5fd;position: absolute;top: 24px;right: 24px;display: flex;align-items: center;justify-content: center;border: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding: 0;}
/*.uk-modal-dialog{width: 502px!important;}*/