/* for text */
em {color:#3498db!important;}
.text-10{font-size:10px;line-height:12px}
.text-11{font-size:11px;line-height:16px}
.text-12{font-size:12px;line-height:16px; color:#082B65;}
.text-13{font-size:13px;line-height:20px}
.text-14{font-size:14px;line-height:16px; color:#fff}
.text-16{font-size:16px;line-height:22px}
.text-18{font-size:18px;line-height:26px}
.text-20{font-size:20px;line-height:28px}
.text-22{font-size:22px;line-height:30px}
.text-24{font-size:24px;line-height:32px}
.text-25{font-size:25px;line-height:33px}
.text-26{font-size:26px;line-height:34px}
.text-28{font-size:28px;line-height:40px}
.text-32{font-size:32px;line-height:40px}
.text-40{font-size:40px;line-height:48px}
.text-44{font-size:44px;line-height:52px}
.text-48{font-size:48px;line-height:56px}
.text-50{font-size:50px;line-height:62px}
.text-60{font-size:60px;line-height:72px}
.text-72{font-size:72px;line-height:82px}
.pointer-item__name{font-size: 14px; line-height: 16px; text-align: center; color: #666666; font-family: Roboto;}

.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;}

@media( max-width: 900px){
    .pointer-item{min-height: 222px!important;}
}
b,strong{font-size: 15px; color: #2957A4;line-height: 16px;font-family: "Roboto Condensed"; }
/* end text */

.uk-navbar-dropdown:before{position: absolute; left: 45px; transform: rotateX(180deg);content: "▼"; color: #fff; top: -11px;}
.header-dropdown__item:hover{color: #374b92; background: #f3f3f3; border-left: 5px solid #00A3EA}

/* for exchange and material */
@media (max-width: 700px){
    .header__bottom{width:100%!important;}
}

@media (max-width: 900px){
    .header-exchange-left{width: auto!important;padding-right: 5px;}
    .header-exchange-right{width: calc(100% - 60px) !important;}
    .header-exchange__name{display: none!important;}
}
@media (max-width: 900px){
    .header-raw-material-left{width: auto!important; padding-right: 6px;}
    .header-raw-material-right{width: calc(100% - 60px)!important;}
    .header-raw-material__name{display: none!important;}
}

.fixedShareTo {position: fixed;bottom: 0;left: 0;width: 100%;}
.fixedShareTo .facebook {background-color: #0066B3;}
.fixedShareTo .items a {display: flex;align-items: center;padding: 10px 20px;color: #fff;}
.fixedShareTo .items a div {margin-left: auto;}
.fixedShareTo .twitter {background-color: #55ACEE;}

.fixed-head>ul {padding: 0;margin: 0;}
.fixed-head>ul>li {margin: 0;padding: 0;list-style-type: none;}
.fixed-head>ul>li>a {position: fixed;right: -100px;top: 40%;-webkit-box-align: center;align-items: center;display: -webkit-box;display: flex;height: 50px;width: 150px;text-align: center;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;line-height: 50px;color: #fff;background: #2957A4;border-top-left-radius: 5px;border-bottom-left-radius: 5px;z-index: 1000;font-size: 18px;-webkit-transition: .5s all;transition: .5s all;}
.fixed-head>ul>li>a>span {font-size: 10px;margin-right: 10px;display: inline-block;text-transform: uppercase;font-weight: 300;width: 90px;line-height: 12px;}
.fixed-head>ul>li>a>i.fa {width: 50px;display: inline-block;}
.fixed-head>ul>li>a:hover {background: #2957A4;}
.fixed-head>ul>li:nth-child(1)>a {top: calc(20% + 225px);}
.fixed-head>ul>li:nth-child(2)>a {top: calc(20% + 279px);}
.fixed-head>ul>li:nth-child(3)>a {top: calc(20% + 333px);}
/*.fixed-head>ul>li:nth-child(4)>a {top: calc(20% + 204px);}*/
/*.fixed-head>ul>li:nth-child(5)>a {top: calc(20% + 255px);}*/
.fixed-head>ul>li>a:hover {right: 0;}

.header__bottom{background-color: #FFFFFF;  bottom: 0; right: 0; left: 0;z-index: 2; overflow: hidden;}
.header-exchange{background: #fff; height: 40px;}
.header-exchange:after{clear: both; display: table; content: ""}
.header-exchange__icon{color: #2957A4}
.header-exchange-left{padding: 7px 19px; background-color: #fff; float: left; width: 270px; position: relative; box-sizing: border-box; z-index: 1;}
.header-exchange__name{ font-size: 14px; margin-left: 10px; color: #2957A4; display: inline-block;  vertical-align: middle; white-space: nowrap ;font-family: Roboto; text-overflow: ellipsis; text-transform: uppercase; line-height: 25px;}
.header-exchange__name:before{ }
.header-exchange__name:after{    content: "\f105"; font-family: FontAwesome, sans-serif; font-size: 18px; position: absolute; right: 10px; top: 6px;}
.header__middle-bottom-container{text-align: center; position: absolute; bottom: -43px;margin-left: auto;  margin-right: auto;  left: 0;  right: 0;}
.header__middle-bottom{font-size: 30px; color: #ffffff; display: inline-block; vertical-align: middle;}
.header-raw-material{background: #ffffff; height: 40px;}
.header-raw-material.en{display: none}
.header-raw-material.ru{display: none;}
.header-raw-material:after{clear: both; display: table; content: ""}
.header-raw-material__icon{color: #2957A4;}
.header-raw-material-left{padding: 7px 19px; background-color: #FFFFFF; float: left; width: 270px; position: relative; box-sizing: border-box; }
.header-raw-material__name{font-size: 14px; margin-left: 10px; color: #2957A4; display: inline-block; line-height: 25px; vertical-align: middle; white-space: nowrap ; font-family: Roboto; text-transform: uppercase;}
.header-raw-material__name:after{content: "\f105"; font-family: FontAwesome, sans-serif; font-size: 18px; position: absolute; right: 10px; top: 6px;}
.header-raw-material-right{float: left; width: calc(100% - 270px); white-space: nowrap; overflow: hidden;}
.header-raw-material__value{display: inline-block; vertical-align: middle; line-height: 31px; padding: 0 20px;}
.header-raw-material__value-name{font-size: 14px; color: #363636;}
.header-raw-material__value-down{color: #ff0000; font-size: 14px;}
.header-raw-material__value-up{color: #87b30f; font-size: 14px;}
.header-exchange-right{float: left; width: calc(100% - 270px); white-space: nowrap;  position: relative;}
.header-exchange__value{display: inline-block; vertical-align: middle; line-height: 31px; padding: 0 20px;}
.header-exchange__value-name{font-size: 14px; color:#363636;}
/* end exchange and material */

.header-menu{position: absolute;top: 0}
.header-menu__list{margin: 5px 0; padding: 0; height: 50px; position: relative; width: 50px; background-color: #fff; border-radius: 50%}
.header-menu__list li{display: inline-block;}
.header-menu__list li > a{ color: #000000; font-family: "Roboto Condensed", sans-serif; font-size: 12px; text-transform: uppercase; line-height: 12px; padding: 9px 0; display: inline-block; position: relative;}
.header-menu__list li > a:hover{color: #0074f2}
.head-menu > a{font-size: 18px; padding-right: 0 !important;}
.logo-right{display: inline-block; margin-left: 5px;}
header .line{background: transparent linear-gradient(270deg, #FFD85A 0%, #FF7700 100%) 0% 0% no-repeat padding-box;  width: 96%; height: 2px; margin: 0 -30px;  margin-top: 28px;}

.menuBtn {  height: 25px; width: 25px;  position: absolute;    z-index: 101;  display: block;   left: 50%;    top: 50%;  transform: translate(-50%,-50%);}
.menuBtn > span {  background-color: #000000;  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: #000000;  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;  }
.menuBtn.act > span {  height: 0;  }
.menuBtn.act > span:after,
.menuBtn.act > span:before {  background-color: #000 ;  top: 1px;  }
.menuBtn.act > span:after {  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }
.menuBtn.act > span:before {  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  }
/* main menu block */  .mainMenu {  background-color:#D14242;   z-index: 104;  display: table;  text-align: center;  opacity: 0;  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);  -webkit-transform: scale(0);  transform: scale(0);     position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  overflow: hidden; }
.mainMenu.act {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);  }
.mainMenu.act ul li {  opacity: 1; -webkit-transform: translateX(0);  transform: translateX(0);  }
.mainMenu ul {  display: table-cell;  vertical-align: middle;  padding: 0; }
.mainMenu li {  padding: 8px 0;  transition: all 400ms 510ms;  opacity: 0; list-style: none;}
.mainMenu li:nth-child(odd) {  -webkit-transform: translateX(30%);  transform: translateX(30%);  }
.mainMenu li:nth-child(even) {  -webkit-transform: translateX(-30%);  transform: translateX(-30%);  }
.mainMenu li:last-child {  -webkit-transform: none;  transform: none;  }
.mainMenu a {  color: #fff;  display: inline-block;  font-size: 24px; font-weight: 700;  }
.mainMenu a{}
.mainMenu a.suBtn {  color: #fff;  }

/* for managmentTeam */
.management-team{display: flex; flex-wrap: wrap; margin-top: 20px;}
.management-team__item{margin-right: 6px; margin-bottom: 10px; display: block;}
.management-team-item{border: 1px solid #F1F1F1;border-radius: 4px;padding: 10px; display: flex; flex-direction: column; align-items: center; background: #fff;}
.management-team-item__img{width: 150px; border: 1px solid #f1f1f1; background-color: #f1f1f1; background-size: cover; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; margin-bottom: 20px;}
.management-team-item__name{width: 100%; white-space: nowrap;color: #245195; font-size: 14px; text-align: center; font-family: "Roboto Condensed"}
.management-team-item__employee p{font-weight: normal; font-size: 12px!important; color: #00A3EA!important; width: 100%; text-align: center; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; line-height: 14px!important; font-family: "Roboto Condensed"!important;}
.management-team-item:hover{background: #F0F0F0; border-color: #44a1a4 }
.management-team-item:hover .management-team-item__img{border-color: #fff}
.teamdesc p{color: #363636; font-size: 14px; line-height: 150%; font-family: "Times New Roman", sans-serif}
.uk-modal-body{border: 2px solid #0095ff}

.body-overlay-managers{position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.8); z-index: 30; visibility: hidden; transition: opacity .15s linear; opacity: 0;}

.manage-modal-open .management-team-modal{visibility: visible; top: 70%;}
.manage-modal-open .body-overlay-managers{visibility: visible;}

@media (max-width: 800px) {
    .management-team__item{width: 49.5%; margin-right: 1%; margin-bottom: 1%; display: block;}
    .management-team__item:nth-child(3n){margin-right: 1% !important;}
    .management-team__item:nth-child(2n){margin-right: 0 !important;}
    .flex{flex-direction: column}
}
/* end managmentTeam */

/* for organisation history*/
.finbyz-timeline { /*background: #f4f6fd url(http://seofy.wgl-demo.net/wp-content/uploads/2018/11/section_timeline1.png?id=537) !important;*/background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}
.wgl-row-animation {position: relative;z-index: 1;}
.wgl-row-animation {position: relative;z-index: 1;}
.wgl-row-animation .wpb_column {position: relative;z-index: 2;}
.wgl-row-animation .wgl-row_background {position: absolute;z-index: -1;top: 50%;left: 70%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.seofy_module_time_line_vertical {position: relative;z-index: 1;padding: 70px 0;}
.seofy_module_time_line_vertical:before {content: "";position: absolute;z-index: -1;height: 100%;width: 2px;left: 50%;top: 0;margin-left: -1px;background: -webkit-linear-gradient(top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) -webkit-calc(100% - 100px), transparent 100%);background: -webkit-linear-gradient(top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) -moz-calc(100% - 100px), transparent 100%);background: -webkit-linear-gradient(top, transparent 0%, rgba(63, 71, 103, 0.15) 100px, rgba(63, 71, 103, 0.15) calc(100% - 100px), transparent 100%);}
.seofy_module_time_line_vertical.appear_anim .time_line-item .time_line-date {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);opacity: 0;}
.seofy_module_time_line_vertical.appear_anim .time_line-item .seofy_hexagon {opacity: 0;}
.seofy_module_time_line_vertical.appear_anim .time_line-item .time_line-content {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);opacity: 0;}
.seofy_module_time_line_vertical.appear_anim .time_line-item:nth-child(even) .time_line-date {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);}
.seofy_module_time_line_vertical.appear_anim .time_line-item:nth-child(even) .time_line-content {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);}
.seofy_module_time_line_vertical .time_line-item {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 40px;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;-moz-transition: opacity 0.5s;transition: opacity 0.5s;}
.seofy_module_time_line_vertical .time_line-item:last-child {margin-bottom: 0;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .time_line-date_wrap {margin-right: -webkit-calc(50% - 10px);margin-right: -moz-calc(50% - 10px);margin-right: calc(50% - 10px);margin-left: 50px;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .time_line-date {right: auto;left: 100%;padding-left: 50px;padding-right: 0;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .time_line-image {left: 0;right: auto;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .time_line-content {}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .time_line-content:before {left: auto;right: 0;}
.seofy_module_time_line_vertical .seofy_hexagon {position: absolute;top: 0;z-index: -1;}
.seofy_module_time_line_vertical .time_line-item:nth-child(even) .seofy_hexagon {left: auto;right: 0;}
.seofy_module_time_line_vertical .time_line-item.item_active .seofy_hexagon:nth-child(2) {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
.seofy_module_time_line_vertical .time_line-item.item_show .time_line-content,
.seofy_module_time_line_vertical .time_line-item.item_show:nth-child(even) .time_line-content {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.seofy_module_time_line_vertical .time_line-item.item_show .seofy_hexagon,
.seofy_module_time_line_vertical .time_line-item.item_show:nth-child(even) .seofy_hexagon {opacity: 1;}
.seofy_module_time_line_vertical .time_line-item.item_show .time_line-date,
.seofy_module_time_line_vertical .time_line-item.item_show:nth-child(even) .time_line-date {opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.seofy_module_time_line_vertical .time_line-date_wrap {position: relative;z-index: 1;margin-left: -webkit-calc(50% - 10px);margin-left: -moz-calc(50% - 10px);margin-left: calc(50% - 10px);margin-right: 50px;}
.seofy_module_time_line_vertical .seofy_hexagon {height: 22px;width: 20px;-webkit-transition: opacity 0.8s;-o-transition: opacity 0.8s;-moz-transition: opacity 0.8s;transition: opacity 0.8s;}
.seofy_module_time_line_vertical .seofy_hexagon:first-child {position: relative;z-index: 0;}
.seofy_module_time_line_vertical .seofy_hexagon:nth-child(2) svg {fill: #ffffff !important;}
.seofy_module_time_line_vertical .time_line-date {position: absolute;z-index: 1;top: 0;right: 100%;padding-right: 50px;font-size: 24px;font-weight: 700;line-height: 20px;white-space: nowrap;-webkit-transition: 0.3s;-o-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.seofy_module_time_line_vertical .time_line-content {position: relative;z-index: 1;padding: 23px 30px;width: 100%;max-width: 345px;-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);-moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #ffffff;overflow: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;}
.seofy_module_time_line_vertical .time_line-content:before {content: "";position: absolute;z-index: 1;width: 4px;height: 100%;left: 0;top: 0;}
.seofy_module_time_line_vertical .time_line-image {position: absolute;z-index: -1;right: 0;top: 0;}
.seofy_module_time_line_vertical .time_line-title {font-size: 18px;line-height: 24px;font-weight: 700;margin-bottom: 8px;}
.seofy_module_time_line_vertical .time_line-descr {line-height: 24px;}
.seofy_module_time_line_vertical .time_line-item:hover .time_line-content {-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);background: white;}
.seofy_module_time_line_vertical .time_line-item:hover .time_line-date {-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}
.seofy_module_time_line_vertical .time_line-item:hover:nth-child(even) .time_line-content {-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}
.seofy_module_time_line_vertical .time_line-item:hover:nth-child(even) .time_line-date {-webkit-transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);transform: translateX(5px);}
.seofy_module_time_line_vertical .time_line-item:hover.item_active .seofy_hexagon:nth-child(2) {-webkit-animation: pulse_hexagon_active 2s infinite;-moz-animation: pulse_hexagon_active 2s infinite;-o-animation: pulse_hexagon_active 2s infinite;animation: pulse_hexagon_active 2s infinite;}
.seofy_module_time_line_vertical .time_line-item:hover .seofy_hexagon:nth-child(2) {-webkit-animation: pulse_hexagon 2s infinite;-moz-animation: pulse_hexagon 2s infinite;-o-animation: pulse_hexagon 2s infinite;animation: pulse_hexagon 2s infinite;}
@-webkit-keyframes pulse_hexagon {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse_hexagon {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -moz-transform: scale(2);
        transform: scale(2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes pulse_hexagon {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -o-transform: scale(2);
        transform: scale(2);
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse_hexagon {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes pulse_hexagon_active {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
    30% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-moz-keyframes pulse_hexagon_active {
    0% {
        -moz-transform: scale(2);
        transform: scale(2);
    }
    30% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(2);
        transform: scale(2);
    }
}
@-o-keyframes pulse_hexagon_active {
    0% {
        -o-transform: scale(2);
        transform: scale(2);
    }
    30% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes pulse_hexagon_active {
    0% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
    30% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}
#time_line_5cf90ca818f641 .time_line-date {color: #ffa705;}
#time_line_5cf90ca818f641 .time_line-content:before {background: #ffa705;}
#time_line_5cf90ca818fa82 .time_line-date {color: #ff5600;}
#time_line_5cf90ca818fa82 .time_line-content:before {background: #ff5600;}
#time_line_5cf90ca818fc83 .time_line-date {color: #69e9f2;}
#time_line_5cf90ca818fc83 .time_line-content:before {background: #69e9f2;}
#time_line_5cf90ca818fe44 .time_line-date {color: #12affe;}
#time_line_5cf90ca818fe44 .time_line-content:before {background: #12affe;}
#time_line_5cf90ca818ffe5 .time_line-date {color: #3224e9;}
#time_line_5cf90ca818ffe5 .time_line-content:before {background: #3224e9;}
.extended-parallax {position: absolute;z-index: -1;width: 100%;}
.extended-parallax img {max-width: 100%;}
@media only screen and (max-width: 767px) {
    .seofy_module_time_line_vertical:before {
        left: 45px;
    }
    .seofy_module_time_line_vertical .time_line-date_wrap {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }
    .seofy_module_time_line_vertical .time_line-date {
        padding: 0 !important;
        right: 100% !important;
        left: auto !important;
    }
    .seofy_module_time_line_vertical .time_line-content {
        text-align: left !important;
    }
    .seofy_module_time_line_vertical .time_line-content:before {
        left: 0 !important;
        right: auto !important;
    }
    .seofy_module_time_line_vertical .time_line-item {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .seofy_module_time_line_vertical .time_line-date {
        -webkit-transform: rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: rotate3d(0, 0, 1, -90deg) !important;
        transform: rotate3d(0, 0, 1, -90deg) !important;
    }
    .seofy_module_time_line_vertical.appear_anim .time_line-date {
        -webkit-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
    }
    .seofy_module_time_line_vertical.appear_anim .time_line-content {
        -webkit-transform: translateX(20%) !important;
        -moz-transform: translateX(20%) !important;
        -ms-transform: translateX(20%) !important;
        -o-transform: translateX(20%) !important;
        transform: translateX(20%) !important;
    }
    .seofy_module_time_line_vertical.appear_anim .time_line-item.item_show .time_line-date {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        width: 100px;
        white-space: normal;
    }
    .seofy_module_time_line_vertical.appear_anim .time_line-item.item_show .time_line-content {
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }
    .seofy_module_time_line_vertical .time_line-item:hover .time_line-content {
        -webkit-transform: translateX(5px) !important;
        -moz-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        -o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }
    .seofy_module_time_line_vertical .time_line-item.item_show:hover .time_line-content {-webkit-transform: translateX(5px) !important;-moz-transform: translateX(5px) !important;-ms-transform: translateX(5px) !important;-o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }
}

/* end organisation history */

.dropListdrop a:before{top:10px!important;left: 1px!important;content: '';position: absolute;width: 5px; height: 5px;background-color: #00A3EA; background-image: none;}
ul.uk-list > li { position: relative}
.dropdown-drop ul li {background-color: #fff; margin-left: 20px}
.dropdown-drop ul li a {padding: 0 20px; width: 200px; line-height: 24px; color: #666; font-size: 12px; transition: .2s all;}
.dropdown-drop ul li:hover {background-color: #fff;}
.dropdown-drop ul li:hover a {color: #00A3EA !important;}
.dropdown-drop ul li a{padding: 0 28px; line-height: 28px; transition: .2s all;}

/* for xailt */
.xailt-box {float: left;padding-bottom: 10px;}
.xailt-box input[type="text"] {background-color: #ffffff;border: 1px solid #dadada;height: 40px;padding: 4px 8px;color: #999;font-size: 14px;line-height: 16px;width: 270px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;border-radius: 5px;}
.xailt-box a.xailt-btn {height: 30px;width: 30px;display: block;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #e8e7e7;border-radius: 3px;cursor: pointer;margin-right: 6px;margin-top: 4px;margin-left: -90px;}
.xailt-box a.xailt-btn i.fa-search {color: #2957A4;height: 30px;width: 10px;display: block;float: left;text-align: center;font-size: 14px;line-height: 10px;cursor: pointer;}
.uk-navbar-right a i{font-size: 28px; margin: 10px;}
/* end xailt */

/* for flag */
.flag {  display: inline-block;  width: 16px;  height: 11px;  vertical-align: middle;;  margin-right: 5px;  background: url('../assets/tug.png') no-repeat;  }
.flag.flag-au {  background-position: 0 0;  }
.flag.flag-sg {  background-position: -48px -22px;  }
.flag.flag-ru {  background-position: -16px -22px;  }
.flag.flag-us {  background-position: 0 -33px;  }
.flag.flag-kr {  background-position: 0 -22px;  }
.flag.flag-jp {  background-position: -48px -11px; }
.flag.flag-eu {  background-position: 0 -11px; }
.flag.flag-ch {  background-position: -32px 0; }
.flag.flag-ca {  background-position: -16px 0; }
.flag.flag-hk {  background-position: -32px -11px; }
.flag.flag-cn {  background-position: -48px 0; }
.flag.flag-se {  background-position: -32px -22px; }
.flag.flag-gb {  background-position: -16px -11px; }

.flags>ul>li>a{padding:0;padding-right:5px;min-height: 32px;}
.flags>ul>li:first-child>a{padding-left:15px;}
.flags>ul>li>a>span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags>ul>li>a>span.en{background-position:-25px 0}
.flags>ul>li>a>span.ru{background-position:-50px 0}
.flags>ul>li>a>span.cn{background-position:-75px 0}

.flags a {padding:0;min-height: 15px;}
.flags a {padding-left:15px;}
.flags a span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags a span.en{background-position:-25px 0}
/* end flag */

/* for breadcrub */
.uk-breadcrumb>*{font-family:'Roboto Condensed',sans-serif;color:#666666;font-size: 12px; line-height: 30px;}
.uk-breadcrumb>:last-child>*{color:#666; font-weight: bold;}
/* end breadcrub */

/* for social */
.header-buttons ul.socials {margin: 0;padding: 0;list-style: none;display: flex;margin: 5px 20px 5px 0;}
.header-buttons ul.socials>li {width: 20px;height: 20px;background:#082B65; color: #fff; text-align: center;font-size: 12px;line-height: 20px;margin-right: 10px;}
.header-buttons {display: flex;align-items: center;}
.header-buttons ul.social {margin: 0;padding: 0;list-style: none;display: flex;margin: 5px 20px 5px 0;}
.header-buttons ul.social>li {width: 20px;height: 20px;border-radius: 50%;background: #fff;text-align: center;font-size: 12px;line-height: 20px;margin-right: 5px;}
header .uk-navbar-right .r-top {display: block;float: left;}
header .uk-navbar-right .r-top .r-top-section:first-of-type {margin-left: 0;}
header .uk-navbar-right .r-top .r-top-section {display: inline-block;margin: 5px 0 15px;line-height: 16px;border-right: 1px solid #E8E7E7;}
header .uk-navbar-right .r-top {display: block;margin-left:120px;}
header .uk-navbar-right .r-top .r-top-section.social a {margin: 0 5px;}
header .uk-navbar-right .r-top .r-top-section a, header .uk-navbar-right .r-top .r-top-section a:visited {color: #363636;font-size: 12px;margin: 0 10px;display: inline-block;}
/* end social */

.uk-subnav-pill>.uk-active>a{background-color:#00acee;color:#fff!important;}
.uk-subnav-pill>*>:first-child{padding:10px 10px;background:0 0;color:#999}
.lineClamp3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.paddingNo{padding: 0px!important;}
.padding10{padding: 10px 30px;}
.padding10-1{padding: 10px;}
.margintop20{margin-top: 20px;}
.uk-btn{font-weight: bold;background-color: hsl(197, 100%, 47%);color: hsl(0, 0%, 100%)!important;border: 1px solid hsl(0, 0%, 90%);}
.over{overflow: unset!important;position: unset!important;}
.classy {position: relative; display: flex; margin: 0; padding: 0; height: 540px; color:#000; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; background: #000;}
.swiper-container {margin-right: auto; margin-left: auto; width: 100%; height: 300px;}
.swiper-slide {background-position: center; background-size: cover;}
.gallery-top { width: 70%; height: 100%; }
.gallery-thumbs {padding: 10px 0; width: 30%; height: 100%; box-sizing: border-box;}
.gallery-thumbs .swiper-slide { width: 100%; height: 100%; opacity: 1!important; }
.gallery-thumbs .swiper-slide .hover:hover {color: #ffffff80}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-thumbs .swiper-slide-active .hover:hover {color: #ffffff80}

.videoNews {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.videoNews .side {background-color: #2B2C2D}
.videoNews .side .item {padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
.videoNews .side .item.active {background-color: #C00000}
.videoNews .side .item .uk-cover-container {height: 100px}
.videoNews .side .item .description {padding-left: 20px; color: #fff}
@media (max-width: 960px) {
    .classy {flex-direction: column}
    .gallery-top {width: 100%; height: 100%}
    .gallery-thumbs {width: 100%; height: 50%;}
    .videoNews .side .item .description {padding-left: 0}
}


.boxing {margin-top: 30px}
.boxing .tristar {padding-right: 15px}
.boxing .tristar .uk-grid {padding-bottom: 40px}
.boxing .tristar .itemboxs{border: 1px solid #e0e0e0;}
.boxing .tristar .itembox .names {margin-top: 10px; font-size: 16px; line-height: 19px; padding: 0px 20px 0px 20px; font-weight: normal; font-family: Roboto; color: #363636;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
.boxing .tristar .itembox .details {display: flex; padding: 15px 20px 15px 20px; font-size: 12px;color: #999}
.boxing .tristar .itembox .details .tome {padding-left: 10px; padding-right: 10px;width: max-content; height: max-content;color: #EB5757;}
.boxing .tristar .itembox .details .tome:nth-child(1) {padding-left: 0;}
.boxing .tristar .itembox .details .tome:nth-last-of-type(1) {border-right: 0; padding-right: 0;}
.boxing .tristar .itembox .details .tome .fa {padding-right: 10px;color: #999!important;}
.boxing .tristar .itembox dl {margin-top: 10px; margin-bottom: 0; font-size: 14px; color: #666}
.boxing .side {padding-left: 15px}
.shares span{color: #BDBDBD; font-size: 12px; font-family: Roboto; margin-left: 5px;}

@media (max-width: 900px){
    .share{display: none;}
}
.ukcard{top: 30px;left: 30px;right: 30px;height: 220px!important; }
.width{width: 310px!important; height: 170px!important;}
@media (max-width: 960px) {
    .boxing {flex-direction: column}
    .boxing .side {padding-left: 0;}
    .boxing .tristar {border-right: none; padding-right: 0}
    .ukcard{left: 0px; right: 0px;}
    .width{width:100%!important;}
}

@media (max-width: 900px){
    .width-1-2{width: 50%!important;}
    .heightAuto{height: auto!important;}
    .uk-subnav{flex-wrap: initial!important; overflow-y: auto;}
}
@media (max-width: 960px){
    .swiper-container-vertical > .swiper-wrapper{flex-direction: row!important;-webkit-flex-direction: row!important;}
}
.colorff {color: #fff}
.videoThumb {}
/*.videoThumb .swiper-slide-active {background-color: #00A3EA!important;}*/
.videoThumb .Items {padding: 10px 20px}
.videoThumb .Items .description {margin-left: 20px}
@media (max-width: 960px) {
    .videoThumb .Items {flex-direction: column}
    .videoThumb .Items .description {-webkit-line-clamp: 2; margin-top: 10px!important; margin-left: 0!important;line-height: 150%;}
}
.homeIframe {height: 540px !important;}
@media (max-width: 767px) {
    .slider-item{padding-top: 30px;}
}
@media (max-width: 768px) {
    .slide-show-text{
        max-height: 72px !important;
        overflow: hidden;
        margin-bottom: 10px !important;
    }
}
@media (max-width: 767px) {
    .articles{
        padding: 10px 0 !important;
    }
}
@media (max-width: 960px) {
    .custom-divider{margin: 10px auto}
}
/* for swiper */
.swiper-container::-webkit-scrollbar {display: none;}
.swiper-container{padding: 0 90px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto; top: auto}
.swiper-pagination{position: relative; bottom: auto; top: auto}
.swiper-pagination-bullet{border-radius: 5px;transition: width .5s;border: 0;background: #0b3b6c; width: 4px;height: 4px;border-radius: 5px;transition: width .5s;border: 0; background: rgba(11, 59, 108, 0.5);}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(11, 59, 108, 1); width: 30px;}
.swiper-slide {height: auto!important;}
.swiper-wrapper {height: auto;}
.swiper-slide-active .branch-item{box-shadow: 0 0 15px rgba(1,166,224,.9);}
/* end swiper */

/* for sponser */
/*.sponser{padding-right: 120px;}*/
.sponser__item{display: inline-block;height: 60px;padding: 15px 0;}
.sponser__item > img{width: 80px; height: 60px; transition: .2s;}
.sponser__item:hover > img{filter: none;opacity: 1;}
/* end sponser */

/* for review */
.review-container{margin: 0 !important;}
.review__header{margin-bottom: 0 !important;}
.review-header{text-align: center;}
.review-header__name{ font-family: Roboto;line-height: 28px;align-items: center;text-align: center;font-weight: bold; font-size: 24px; margin-bottom: 10px; color: #273A56}
.review-header__description{border: 2px solid #00A3EA; width: 50px}
.review-items__item {width: 100% !important;}
.review-items{padding-top: 40px; padding-bottom: 100px;}
.review-item{position: relative; border: 1px solid #bcbcbc; padding: 55px 30px;}
.review-item:before{content: '\f10d'; font-family: 'FontAwesome',sans-serif;  width: 60px; height: 60px; position: absolute; left: 30px; top: -30px; font-size: 48px; text-align: center; line-height: 60px;}
.review-item__text{color: #666; font-size: 14px; line-height: 24px; font-weight: 300; height: 72px; overflow: hidden;}
.review-item__reviewer{position: absolute; right: 20px; bottom: -40px; background: #fff; width: 250px; border: 1px solid #bcbcbc}
.review-reviewer{display: flex; padding: 10px; align-items: center;}
.review-reviewer__img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; border: 1px solid #bebebe; background: #ccc; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.review-reviewer__name{width: calc(100% - 60px); padding-left: 10px; box-sizing: border-box;}
.review-reviewer-name__name{font-weight: bold; text-transform: uppercase; }
.review-reviewer-name__employee{color: #666; font-weight: 300;}

@media (max-width: 1170px) {
    .review-container{margin-bottom: 30px;}
    .review__header{margin-bottom: 30px;}
}
@media (max-width: 800px) {
    .review-container{margin-bottom: 30px;}
    .review-item{padding: 25px}
    .review-reviewer__img{width: 30px; height: 30px;}
}
@media (max-width: 800px){
    .review-header{margin-bottom: 30px;}
}
@media (max-width: 620px){
    .news-item-1{height: 265px!important; margin-bottom: 20px;}
}
@media (max-width: 800px){
    .news-items-item{display: inline-block!important;}
}
/* end review */

.mask:hover {
    opacity: 1;
    background: #000;
    transition: all 0.2s ease-in-out;
}

/* for article */

@media (max-width: 900px){
    .article-title{width: 100%; text-align: left;border-bottom: 1px solid #DBDBDB!important; margin-left: 0px!important;}
}
.article-title{border-bottom: 1px solid #DBDBDB; color: #363636;font-family:Roboto;font-size: 24px;line-height: 35px;position: relative;margin-bottom: 20px!important; font-weight: bold;}
.article-title:before{content: ''; position: absolute; left: 0; width: 40px; height: 2px; background:#00A3EA; bottom: -2px;}
.article{margin-top: 20px; background-color: #f8f8f8;}
.marginLeft40{margin-left: 40px}
.marginLeft46{margin-left: 43px;margin-top: 3px!important;margin-bottom: 10px!important;}
.marginTop8{margin-top: 8px;}
.marginBottom{margin-bottom: 40px!important;}
.Height{height: 620px;}

@media (max-width: 900px){
    .article-view_detail{justify-content: stretch!important;}
    .article-view_detail_date{width: 100%}
    .article-view-detail__button{display: inline-block}
    .share-button{display: inline-block}
}
.article-view_name{padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #d8d8d8; font-weight: bold; color: #363636; font-size: 23px; font-family: Roboto;}
.article-view_detail{margin-bottom: 20px;}
.article-view_detail_date{color: #EB5757; font-size: 12px; font-family: Roboto; }
.article-view__text p{color: #363636; font-size:14px; font-family: Roboto;}

.frc_slide{display: flex; flex-wrap: wrap;}
.frc_slide-item{padding: 1%; box-sizing: border-box; position: relative; overflow: hidden;}
.frc-slide-item{width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative;}
.frc_slide-2 .frc_slide-item{flex: 0 0 50%;}
.frc_slide-3 .frc_slide-item{flex: 0 0 33.33%;}
.frc_slide-4 .frc_slide-item{flex: 0 0 25%;}

.frc_slide-2 .frc_slide-item:nth-child(2n){padding-right: 0;}
.frc_slide-3 .frc_slide-item:nth-child(3n){padding-right: 0;}
.frc_slide-4 .frc_slide-item:nth-child(4n){padding-right: 0;}


.fancybox-caption:after{border-bottom: none !important;}

.image-slide-wrapper{position: relative; overflow: hidden; margin: 10px 0;}
.image-slide-wrapper__text{  background-color: #dbe1ea;font-size: 11px;color: #454d62;text-align: center;font-style: italic;line-height: 1.6;padding: 4px;position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}


.share{border-left: 1px solid #dedede; margin-left: 9px; padding-left: 10px; color: #BDBDBD; font-size: 12px; font-family: Roboto;}
.share-button__fb{background-color: #fff;}
.share-button__fb{color: #3B5998; font-size: 12px; font-family: FontAwesome; padding: 0 15px; border: 1px solid #f4f4f4; border-radius: 3px; line-height: 30px;}
.share-button__tw{background-color: #fff; margin-left: 10px;}
.share-button__tw{color:#55ACEE; font-size: 12px; font-family: FontAwesome;  padding: 0 15px; border: 1px solid #f4f4f4; border-radius: 3px; line-height: 30px;}
.button-face{color: #3B5998; font-size: 12px; font-family: FontAwesome; padding: 0 15px; border: 1px solid #f4f4f4; border-radius: 3px; line-height: 40px; }
.button-twit{color:#55ACEE; font-size: 12px; font-family: FontAwesome;  padding: 0 15px; border: 1px solid #f4f4f4; border-radius: 3px; line-height: 40px; margin-left: 10px}

.clock{color: #BDBDBD; font-size: 12px; font-family: FontAwesome}
.clock span{color: #EB5757; font-size: 12px; font-family: Roboto; margin-left: 5px;}

.uk-container-expand{}@media (min-width:576px){.uk-container-expand{max-width:540px;}}@media (min-width:768px){.uk-container-expand{max-width:720px}}@media (min-width:992px){.uk-container-expand{max-width:960px}}@media (min-width:1200px){.uk-container-expand{max-width:1140px}}
.news{display: flex;flex-wrap: wrap; margin-top: 20px; justify-content: center}
.news-item__name {color: #363636;font-size: 18px;line-height: 20px;max-height: 40px;overflow: hidden;display: block;font-weight: bold;}
.news-item__published {font-size: 14px;color: #999;margin: 14px 0;}
.news-item__description:last-child {margin-bottom: 0 !important;}
.news-item__description p{color: #363636;font-weight: normal;line-height: 16px; font-size: 14px;margin-bottom: 10px; min-height: 47px; font-family: Roboto; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-item__text {padding: 10px;padding-bottom: 10px;}
.news-items__item{display: flex; justify-content: stretch; margin-bottom: 10px;height: 330px}
.news-item{background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden;position: relative; height: 285px; width: 268px;}
.news-item-img {width: 100%;height: 230px; display: block;background: #fff;position: relative;overflow: hidden;}
.news-item__description p:hover{color: #00A3EA;font-weight: bold}
.toimHover {position: relative;}
.toimHover::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.toimHover:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.articleHover img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.articleHover:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.foot_text a p{display: inline-flex;margin-left: 3px!important;}

@media (max-width: 800px){
    .news{width: calc(100% * 1 / 2.001)!important; margin-right: 1%; margin-bottom: 1%!important; display: block!important; padding-right: 10px!important; padding-left: 0px!important;}
    .news-item{width: 100%!important;height:240px!important; }
    .news-item__description{font-size: 12px!important;}
}
/* end article */

/* for huraldaani toim */
.news-item__name {color: #363636;font-size: 18px;line-height: 20px;max-height: 40px;overflow: hidden;display: block;font-weight: bold;}
.news-item__published {font-size: 14px;color: #999;margin: 14px 0;}
.news-item-description:last-child {margin-bottom: 0 !important;}
.news-item-description p{color: #363636;font-weight: normal;font-size: 16px;margin-bottom: 10px; font-family: Roboto; line-height: 19px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-item-description p:hover{color: #363636; font-weight: bold;}
.news-item-text {padding-left: 30px;padding-right: 30px;}

@media(max-width: 900px){
    .news-item-img{height: 170px!important;}
    .news-items-item{width: 100%!important;}
    .news-item-1{width: auto!important;}
    .pictureCovered{top: 5px!important;right: 10px!important;left: 10px!important;}
    .news-item-description{font-size: 12px!important;}
}
.news-items-item{display: flex; justify-content: space-between; margin-bottom: 30px;}
.news-item-1 {background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden;position: relative; height: 340px; width: 370px; margin-right: 20px;}
.news-item__img {width: 100%;height: 185px; display: block;background: #fff;position: relative;overflow: hidden;}
/* end huraldaani toim */
/* for section*/
.section.section-article-box{margin-top: 30px;}
.section-title {border-bottom: 1px solid #DBDBDB;color: #363636;font-family:Roboto;font-size: 14px;line-height: 30px;position: relative;margin: 40px 0;}
.section-title:before{content: ''; position: absolute; left: 0; width: 40px; height: 4px; background:#00A3EA; bottom: -2px;}
/*end section */

@media(min-width: 320px){
    .item{margin-right: 0!important;}
}
@media (max-width: 800px){
    .marginRight10{margin-right: 10px!important;}
    .items__item{width: 100%!important; margin-left: 1%;}
    .news-items__item{height: 265px!important;}
    .news-item__img{height: 140px!important;}
    .item{width: 100%!important;}
    .news-item__description{font-size: 11px!important;}
    .clock span{font-size: 11px!important;margin-left: 3px!important;}
    .button a{margin-left: auto!important;}
    .button i{margin-left: 78px!important;}
}
.items__item{display: flex; justify-content: stretch; margin-bottom: 23px;}
.item {background: #fff;border: 1px solid #f2f2f2;overflow: hidden;position: relative; width: 270px; margin-right: 20px; height: 117px;}
.item__text {padding: 20px;padding-bottom: 20px;}

@media (max-width: 1000px){
    .new img{width: 100%!important;background-size: cover;height: 140px!important;}
}
.pictureCovered-wrapper {position: absolute;top: 10px;right: 10px;bottom: 0;left: 10px;overflow: hidden;transition: .5s all;}
.pictureCovered-image--w {height: auto;width: 100%;}
.pictureCovered-image {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pictureCovered {position: absolute;top: 30px;right: 30px;bottom: 20px;left: 30px;overflow: hidden;transition: .5s all;}
.pictureCovered-image--w {height: auto;width: 100%;}
.backNone{background: none!important;}
ul li a.acctitle{color: #363636; align-items: center; line-height: 16px; font-size: 14px; font-weight: bold; font-family: Roboto;border-bottom: 1px solid #f8f8f8}
ul li a.acctitle:before{content: '';position: absolute;left: -10px;width: 40px;height: 3px;background: #00A3EA;bottom: -1px;transition: 1s all}
ul li:hover a.acctitle:before{width: 100%;transition: 1s all}
@media(max-width: 900px){
    .pictureCovered-wrapper img{width: 100%!important;}
}

/* for law */
.law-title{border-bottom: 2px solid #DBDBDB;color: #363636;font-family:Roboto;font-size: 24px;height: 40px;position: relative;margin-bottom: 20px; font-weight: bold; margin-bottom: 40px;}
.law-title:before{content: ''; position: absolute; left: 0; width: 40px; height: 3px; background:#00A3EA; bottom: -2px;}
.law-sub-title{color: #00A3EA; font-family: Roboto; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 30px;}
.pages-item__button a{background: #fff;display: inline-block;line-height: 12px;padding: 7px 20px;color: #363636;font-weight: bold;text-transform: uppercase;font-size: 11px;border: 2px solid #00A3EA;transition: .5s all;}
.pages-item__button i.fa-download{background: #00A3EA;display: inline-block;line-height: 12px;padding: 7px 20px;color: #fff;font-weight: normal;text-transform: uppercase;font-size: 12px;border: 2px solid #00A3EA;transition: .5s all;}
/* end law */

/* for table and c-content */
.c-content table, .c-content th, .c-content td {border: 1px solid #363636;padding: 3px;}
.c-content table {border-color: #00000020;background-color: #fff;margin: 20px 0;border-collapse: collapse;max-width: 100% !important;}
.c-content tr:nth-child(odd) {/*background-color: #F8F8F8;*/ width: 1170px; height: 30px;}
.uk-table tbody tr {transition: background-color .1s linear;}
.uk-table-small td, .uk-table-small th {padding: 10px 12px;}
.c-content p strong{font-size: 14px; color: #2957A4; font-weight: normal; font-family: Roboto; line-height: 24px;}
.c-content table{font-size:13px;margin:20px 0;width:100%;border-collapse:collapse}
.c-content table th{border:1px solid #ccc;/*border-bottom:1px solid #363636;*/font-weight:700;padding:4px;color:#363636;/*background-color:#dbe1ea*/}
.c-content table td{border:1px solid #f2f2f2;padding:14px;color:#363636;}
.c-content table td>p,.c-content table th>p{margin:0}
.c-content p i{color: #00A3EA; margin-right: 4px;}
.c-content {color: #2957A4;}
.c-content p:last-child{font-size: 14px; line-height: 16px; color: #363636; font-family: Roboto;}
.c-content span{color:#00A3EA; font-family: Roboto; font-size: 14px; text-align: center; margin-left: 20px}

.content-butets p strong{color: #363636!important;}
/*.u-table-contact{border-collapse: initial!important;border-spacing: 5px!important;}*/
@media (max-width: 900px) {
    .table-solid{width:100%!important;}
    .table-solid{overflow-x: auto}
}
.table-solid{padding: 0 0 0 0; margin-top: 10px; color: #363636; font-size: 18px; font-family: Roboto;}
.table-solid table thead th {padding: 15px 15px;font-weight: bold;color: #2957A4;border: 1px solid #E8E7E7;font-size: 12px; font-family: 'Roboto Condensed';text-transform: uppercase; background: #f8f8f8; text-align: left;}
.table-solid table td {border: 1px solid #E8E7E7;padding: 6px 10px;font-size: 14px;height: 55px;color: #363636;font-family: 'Roboto Condensed';background-color: #fff; text-align: initial}
.table-solid tr td span{color: #363636; font-size: 14px; line-height: 24px;}
.table-solid tr td a {color: #00A3EA; font-size: 14px; line-height: 16px; font-family: "Roboto Condensed"; margin-left:30px; text-transform: uppercase;}
.table-solid tr td p {margin: 10px 10px 10px 10px!important; color: #363636;font-size: 14px; font-family: Roboto;}
.table-solid p{ margin-bottom: 10px; margin-top: 10px; font-weight: normal; font-size: 14px; font-family: Roboto;}
.table-solid li{font-weight: normal; color: #363636; font-size: 14px; font-family: Roboto; text-align: left}
.table-solid a {color: #1e87f0;text-decoration: none;cursor: pointer;}


table tr td{color: #363636; font-size: 14px; font-family: Roboto;padding-bottom: 15px;}
.uk-accordion > li .uk-accordion-content {padding: 30px;background-color: #F3F3F3;border-radius: 20px;}
.contents a:before {content: '';margin-left: 10px;float: right;background-repeat: no-repeat;background-position: 50% 50%;}
.accordion p{color: #363636!important; line-height: 150%!important; margin-top: 0!important;}
.accordion p span{color: #363636!important; line-height: 150%!important; font-family: Roboto!important; margin-top: 0!important;}
.accordion h3 {color: #363636!important; line-height: 150%!important;font-size: 20px;}
.accordion ul li{color: #363636!important; line-height: 150%!important;font-size: 14px;margin-bottom: 12px;}

.table-solid table {width:100%!important;}
.table-solid table {border-collapse: collapse;border-spacing: 1px;width:100%;}
.table-1 table tr:nth-of-type(even),
.table-solid tr:nth-of-type(even) td {background: #eee;}
.body-col{width: 100%;}
@media(max-width: 760px){
    .uk-tabs>ul>li{max-width: 100%;}
}

.table table thead th {padding: 15px 15px;font-weight: bold;color: #2957A4;border: 1px solid #E8E7E7;font-size: 12px; font-family: 'Roboto Condensed';text-transform: uppercase; background: #f8f8f8; text-align: left;}
.table table td {border: 1px solid #E8E7E7;padding: 7px 20px;font-size: 14px;color: #363636;font-family: 'Roboto Condensed';background-color: #fff; text-align: initial}
.table tr td span{color: #2957A4; font-size: 14px;line-height: 24px;}
.table tr td a {color: #00A3EA; font-size: 14px; line-height: 16px;  font-family: "Roboto Condensed";}
.table tr td p {margin: 10px 10px 10px 10px; text-align: center;color: #363636;font-size: 14px;font-family: Roboto;}
.table p{margin-top: 50px; margin-bottom: 10px; color: #999999; font-size: 14px; font-family: Roboto;}
/* end table and c-content */

/* for search */
.search-box {float: left;margin-right: 10px;width: 100%;}
.search {float: left;margin-right: 10px;width: 100%;}
.search-box input[type="text"] {background-color: #f2f2f2;border: 1px solid #f2f2f2;height: 30px;padding: 4px 8px;color: #999999;font-size: 14px;width: 96%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
.search input[type="text"] {background-color: #f2f2f2;border: 1px solid #f2f2f2;height: 30px;padding: 4px 8px;color: #999999;font-size: 14px;width: 97%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}
.search-box a.search-btn {height: 30px;width: 30px;display: block;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #00A3EA;cursor: pointer;margin-top: -30px}
.search-box a.search-btn-1 {height: 30px;width: 30px;display: block;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #00A3EA;cursor: pointer;/*margin-top: -30px*/}
.search a.search-btn {height: 30px;width: 30px;display: block;float: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #00A3EA;cursor: pointer;margin-top: -30px}
.search-box a.search-btn i.fa-search {color: #fff;height: 30px;width: 30px;display: block;float: right;text-align: center;line-height: 30px;cursor: pointer;}
.search-box a.search-btn-1 i.fa-search {color: #fff;height: 30px;width: 30px;display: block;float: right;text-align: center;line-height: 30px;cursor: pointer;}
.search a.search-btn i.fa-search {color: #fff;height: 30px;width: 30px;display: block;float: right;text-align: center;line-height: 30px;cursor: pointer;}
/* end search */

/* for index */
.slide-show-title{opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: .3s all;transition: .3s all;overflow: hidden;}
.slide-show-title p{color: #ffffff;font-size: 24px;max-height: 110px!important;line-height: 30px; font-family: Roboto;}
.slide-show-text{ color: #fff; opacity: 0.8;max-height: 110px!important;}
.slide-show-text p{ color: #fff; font-size: 14px;line-height: 22px; font-family: Roboto;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.slide-show-nav{max-width:1200px;margin:0 auto;top:300px;bottom:20px}
.overflow{position: absolute; z-index: 1; height: 100%; width: 100%; background: linear-gradient(159.52deg, rgba(26, 84, 143, 0.8) 36.12%, rgba(26, 84, 143, 0.32) 84.73%);}

.video-more{color: #00A3EA; font-size: 14px; line-height: 16px; text-align: right; font-family: Roboto; margin-top: 30px;}
.video-more i{color: #00A3EA; font-size: 14px; margin-left: 13px;}
.video-name{color: #273A56; font-weight: bold;font-size: 24px; font-family: Roboto;line-height: 28px; margin-top: 30px; border-bottom: 2px solid #00A3EA;}
.text-video{width: 330px}
.text-video h1{color: #2957A4; font-size: 24px; font-family: Roboto; font-weight: bold; line-height: 28px; width: 330px; margin-top: 40px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.text-video h1:hover{color: #00A3EA;font-weight: bold}
.desc-video p{font-size: 14px!important; line-height: 16px!important;color: #666!important;font-family: Roboto; text-align: left; width: 330px; margin-right: 20px;}

.picture-name{color: #273A56; font-weight: bold;font-size: 20px; font-family: Roboto;line-height: 28px; margin-top: 20px;}

.sidebar-article__stories {    display: block;   height: 750px; overflow: auto; position: relative; border-top: 1px solid #e6e6e6}
.playBtn {position: absolute;width: 100px;height: 100px;left: 50%;top: 50%;background: rgba(0, 0, 0, 0.5);border-radius: 50%;margin-left: -80px; /*half of the width */margin-top: -75px; /*half of the height */}
.playBtn i{color: #fff; font-size: 41px;width: 100px;height: 100px;left: 50%;top: 50%;margin-left: 39px; /*half of the width */margin-top: 29px; }

.c-content img{ border-color: #007bff; max-width: 100%;  height: auto !important; cursor: zoom-in; position: relative}
.c-content .fancybox{display: block; width: 100%; height: auto; position: relative;}
.c-content .fancybox:after{position: absolute;width: 24px;height: 24px;background-size: 24px 24px;background-repeat: no-repeat;background-image: url(../assets/zoom-icon-v2.png);opacity: 0.7;pointer-events: none;   top: 5px;right: 4px;content: ''}
.view table{margin: 0 auto;}

.image-1{ width: 700px; margin-left: 5px; margin-right: 5px; border: 15px solid #dadada; position: relative;height:335px; margin-top: 45px;}
.uk-slidenav{color: #363636;}
.text-condensed {font-family: 'Roboto ';}
.c-contentd{border-bottom: 1px solid #DBDBDB}
.text-12 p{margin: 0!important;color: #ACD6FF;}
.text-12 p:hover{color: #fff}
.text-14 p{margin: 0!important;}

.delgerengui a{color: #273A56; font-size: 14px; line-height: 16px; font-family: Roboto; margin-left: 10px; font-weight: bold;}
.delgerengui i{font-size: 14px; margin-left: 8px; line-height: 16px;}


.avilga-button{padding: 20px 0 20px 20px;line-height: 20px;text-align: right}
.avilga{background-color: #4c99df;padding: 20px;color: #fff;font-size: 14px;}
.uk-text-end{text-align: end}
.avilga-button a:hover{background-color: #0d95e8!important;color: #fff!important;}

.more{color: #00A3EA; font-size: 14px; line-height: 16px; font-family: Roboto; text-align: right; margin-left: auto; margin-right:30px;margin-top: 8px;}
.more a i{color: #00A3EA; font-size: 14px; line-height: 16px; margin-left: 13px;}

.button a{background: #fff;display: inline-block;line-height: 12px;padding: 7px 12px;color: #363636;text-transform: uppercase;font-size: 11px;border: 2px solid #00A3EA;transition: .5s all; position: fixed; margin-left:121px; margin-top: 8px; min-width: 52px;}
.button i.fa-angle-right{background: #00A3EA;display: inline-block;line-height: 12px;padding: 7px 12px;color: #fff;font-weight: normal;text-transform: uppercase;font-size: 12px;border: 2px solid #00A3EA;transition: .5s all; position:fixed; margin-top: 8px;margin-left: 200px;}

.right-blue{color: #fff; top: 65px;}
.right-blue a i{background: #00A3EA; width:40px; height: 40px;font-size: 20px;text-align: center; line-height: 40px;}

@media(max-width: 900px){
    .border{margin-left: 0px!important;justify-content: center!important;}
}
.border{margin-left: 530px; width: 119px; padding-top: 20px; border-bottom: 2px solid #00A3EA; padding-bottom: 10px;}
.block {margin-bottom: 2px;}
.programm_name h1{font-weight: bold;font-size: 24px;margin-bottom: 10px!important;line-height: 30px;font-family: Roboto;color: #363636;display: flex;}

@media(max-width: 900px){
    .videos{width: 100%!important;}
    .text-video{width: 390px!important;}
    .image-1{display: none!important;}
    .swiper-slide-active{width: 100%!important;}
    .swiper-slide.swiper-slide-prev{opacity: unset!important;margin-right: 0px!important;}
    .swiper-button-next{right: 0px!important;}
    .swiper-button-prev{left: 0px!important;}
}
@media (max-width: 900px){
    .block{overflow-x: auto!important;}
}
@media (max-width: 900px){
    .body-col{overflow-x: auto!important;}
}
@media (max-width: 1000px){
    .swiper-slide img{width: 100%!important;}
}
.pointer-item__img{text-align: center;}
.pointer-item__img img {max-width: 100%;}
.pointer i{color: #fff; font-size: 25px; width: 35px; height: 35px; background: #00A3EA; line-height: 35px; text-align: center}

@media (max-width: 640px){
    .pointer-item__name {
        text-align: center;
        max-height: 40px;
        font-size: 12px;
    }
}
.link-3 {
    transition: 0.4s;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    padding: 0 10px;
    margin: 0 10px;
}
.link-3:hover {
    background-color: #273A56;
    color: #ffffff;
}

.uk-navbar-dropdown {width: 240px; margin: 0;padding: 0;}
.uk-border-right-1{position: absolute;top: 6.67%;bottom: 80%;}
.uk-accordion-title .uk-icon{position:absolute;right:10px;top:10px;line-height:48px;font-size: 14px; color: #55ACEE;}
.country{position: absolute;left: 75.52%;right: 19.53%;top: 8%;bottom: 82%;}
.margin2{position: absolute;left: 74.48%;right: 25.52%;top: 9%;bottom: 82.33%;border: 1px solid #E8E7E7;}
.marginTop20{margin-top: 20px!important;}
.marginBottom20{margin-bottom: 20px!important;}
.website svg{width: 50px;margin-left: 1px;height: 19px;}

.section-box {width: 100%;margin-top: 40px;padding-bottom: 10px;}
.section-title-1 {font-size: 25px;color: #000;display: block;font-weight: 900;margin: 20px 0;}
.section-title-1 {display: inline-block;float: left;margin: 0;}
.article-list {margin-bottom: 20px;margin-top: 10px;}
.list-target.active {display: block;width: 100%;}

.utga{font-size: 14px; line-height: 18px; font-family: Roboto; color: #2957A4;}
.utga span{color: red;}
.feedback-button {background: #00A3EA;border: 0;border-radius: 5px;line-height: 18px;color: #fff;text-transform:uppercase;font-size: 14px;-webkit-transition: .5s all;transition: .5s all;}

.padding_30{padding-left: 30px; padding-right: 20px;}

.about-title{border-bottom: 1px solid #DBDBDB;position: relative; margin-bottom: 20px;}
.about-title:before{content: ''; position: absolute; left: 0; width: 40px; height: 2px; background:#00A3EA; bottom: -1px;}
.text{text-align: -webkit-center}
.aboutUs{border-bottom: 1px solid #DBDBDB;position: relative;width: max-content;}
.aboutUs h1{margin-bottom: 10px;color: #363636; font-weight: bold;font-size: 16px;font-family: Roboto;text-align: center;}
.aboutUs:before{content: ''; position: absolute; left: 0; width: 40px; height: 2px; background:#00A3EA; bottom: -1px;}
.about__title{text-align: center;margin-bottom: 20px;}
.about:before{content: ''; position: absolute; left: 0; width: 40px; height: 2px; background:#00A3EA; bottom: -2px;}
.about-us__title {font-size: 24px;color: #273A56;font-family: 'Roboto';font-weight: bold;display: inline-block;;margin-bottom: 10px;width: 100%;text-align: center;line-height: 28px;}
.about-us__hr {display: inline-block;width: 50px;border: 1px solid #00A3EA; margin-bottom: 20px;}
.about-title h1{font-weight: bold; font-size: 24px; margin-bottom: 10px!important; line-height: 30px; font-family: Roboto; color: #363636; display: flex;}
.staticPage-main p{font-size: 15px; line-height: 150%; color: #363636; font-family: Roboto; }
.staticPage-main p span{font-size: 15px!important; line-height: 150%; font-family: Roboto!important;}
.staticPage-main p a{color: #3498db;}
/*.staticPage-main p img{margin-right: 20px;}*/
.staticPage-main ul{font-size: 14px; line-height: 150%; font-family: Roboto; text-align: justify; color: #363636;}
.staticPage-main ul li {display: list-item}
.staticPage-main ul li span {font-size: 15px!important;font-family: Roboto!important;}
.staticPage table{margin-bottom: 30px;}

@media (max-width: 900px){
    .staticPage table{width: 100%!important;overflow-x: auto;display: block;}
}

@media(max-width: 900px){
    .aboutUs{width: 100%;}
}
.history ul li{display: list-item!important;}
.unet{width: 850px; height: 490px;}
.unet p strong{color: #363636!important;}
.rectangle{width: 510px; background: #fff; border: 1px solid #E8E7E7; box-sizing: border-box; float: left;}
.vision{width: 330px; height: 225px; background: #fff; border: 1px solid #E8E7E7; box-sizing: border-box; float: right;}
.mission{width: 330px; height: 225px; background: #fff; border: 1px solid #E8E7E7; box-sizing: border-box; float: right; margin-top: 20px;}
.name{color: #2957A4; text-transform: uppercase; text-align: left; font-size: 14px; line-height: 30px; font-weight: bold; font-family: "Roboto Condensed";}
.rectangle p{font-size: 15px; line-height: 17px; color: #363636; line-height: 150%; opacity: 1; font-family: Roboto;}
.vision p{font-size: 15px; line-height: 20px; color: #363636; opacity: 1; font-family: Roboto;}
.mission p{font-size: 15px; line-height: 20px; color: #363636; opacity: 1; font-family: Roboto;}
.about-footer p{font-size: 15px; line-height: 24px; color: #363636; opacity: 1; text-align: justify; font-family: Roboto;}
.uk-overflow-hidden p{font-size: 15px; line-height: 150%; color: #363636; opacity: 1; font-family: Roboto; }
.uk-overflow-hidden p span{font-size: 15px; line-height: 150%; color: #363636; opacity: 1; font-family: Roboto; }
.uk-overflow-hidden ol li{display: list-item; font-size: 15px; color: #363636; line-height: 150%; font-family: Roboto}
.uk-overflow-hidden ul li{display: list-item; font-size: 15px; color: #363636; line-height: 150%; font-family: Roboto}
.uk-overflow-hidden .fancybox:after{position: absolute;width: 24px;height: 24px;background-size: 24px 24px;background-repeat: no-repeat;background-image: url(../assets/zoom-icon-v2.png);opacity: 0.7;pointer-events: none;   top: 5px;right: 4px;content: ''}

.uk-overflow-hidden .tweetabletext {background-color: hsl(77, 15%, 91%);cursor: pointer;padding-left: 0px;padding-right: 4px;color: hsl(0, 0%, 0%);font-family: "Roboto Condensed";font-weight: 400;}
.uk-overflow-hidden .tweetabletext:after {font-family: "FontAwesome";content: '\f099';margin-left: 4px;}
.uk-overflow-hidden .tweetabletext:hover {background-color: hsl(201, 66%, 93%);}
.uk-overflow-hidden blockquote {border-top: 5px solid hsl(201, 100%, 38%) !important;border-bottom: 5px solid hsl(201, 100%, 38%) !important;border-left: 0px;float: right;display: block;width: 300px;margin: 20px;padding: 10px 10px 25px 10px !important;font-style: italic;position: relative;background-color: inherit !important;border-left: 1px solid hsl(0, 0%, 100%) !important;border-right: 1px solid hsl(0, 0%, 100%) !important;}
.uk-overflow-hidden blockquote p {font-size: 14px;line-height: 1.7;padding-left: 10px;margin-top: -.6em;font-family: Roboto, sans-serif;}
.uk-overflow-hidden blockquote:after {clear: both;content: " ";}
.uk-overflow-hidden blockquote::before {color: rgb(219, 225, 234);content: "“";font-size: 6em;line-height: 0.1em;vertical-align: -0.5em;margin-left: -0.3em;margin-bottom: -0.3em;font-family: "Times New Roman", Times, serif;}
.uk-overflow-hidden .blockquote-third {border-left: 5px solid hsl(201, 100%, 38%) !important;background: hsl(0, 0%, 95%) !important;padding: 10px 20px !important;overflow: hidden;border-top: 1px solid hsl(0, 0%, 100%) !important;border-bottom: 1px solid hsl(0, 0%, 100%) !important;border-right: 1px solid hsl(0, 0%, 100%) !important;margin-bottom: 10px !important;}
.uk-overflow-hidden .blockquote-third span{color: #363636; font-size: 14px;}

/* for comment */
.comment-tab {display: flex; justify-content: center; overflow: hidden; border-bottom: 1px solid hsl(0, 0%, 80%);}
.comment-tablinks {font-size: 14px; color: #666666; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 20px;}
.comment-tablinks:hover {border-bottom: 2px solid #00497d;}
.comment-tablinks.active {border-bottom: 2px solid #00497d; color: #00497d;}
.comment-tabcontent {display: none;padding: 20px 0 ;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s; }

.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;}
.sub-comment{margin: 10px 0;}
.comment-item{margin-bottom: 25px; border-left: 1px dashed hsl(0, 0%, 80%); padding-left: 20px;}
/*.comment-item:before{position: absolute; left: 654px; background-image: url(../assets/comment-icon.png); width: 10px; height: 10px; content: ''; background-size: contain;}*/
.comment-item__info{display: flex; margin-bottom: 10px; font-size: 14px;}
.comment-item__info span:after{ content: "• ";  padding-left: 5px; padding-right: 5px; color: hsl(205, 100%, 25%);}
.comment-item__info span:last-child:after{ content: "";  padding-left: 0; padding-right: 0;}
.comment-item__name{color: #00497d; font-weight: bold;}
.comment-item__id{color: #b2bfd2; display: block;}
.comment-item__desc{font-size: 14px; color: #363636; font-weight: 400; display: inline-block; margin-bottom: 10px; line-height: 1.4;}
.comment-item__other{}
.comment-item__date{color: #b2bfd2;}
.comment-item__date:after{ content: "• ";padding-left: 10px; padding-right: 5px; color: hsl(205, 100%, 25%);}
.comment-item__like-count{font-size: 14px; color: #b2bfd2}
.comment-item__like-count:hover{color: #54ad3f;}
.comment-item__umlike-count{font-size: 14px; color: #b2bfd2;}
.comment-item__umlike-count:hover{color: #ff4c4c;}
.comment-item__reply-count{font-size: 14px; color: #b2bfd2;}
.comment-item__reply-count:hover{color: #00baff;}
.comment-item__like-count:after{ content: "• ";  padding-left: 3px; padding-right: 5px; color: hsl(205, 100%, 25%);}
.comment-item__umlike-count:after{ content: "• ";  padding-left: 3px; padding-right: 5px; color: hsl(205, 100%, 25%);}
.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}

.order-detail-comment__form .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;}
.order-detail-comment__form .uk-input {border: 1px solid hsl(0, 0%, 80%);border-radius: 5px;resize: none;color: hsl(0, 0%, 21%);padding: 10px 14px;font-size: 14px;width: calc(100% - 160px);}
.order-detail-comment__form .uk-button {background: hsl(218, 60%, 40%);border-radius: 5px;color: hsl(0, 0%, 100%);font-size: 14px;border: 4px solid hsl(0, 0%, 80%); line-height: 15px;transition: .5s all;width: 150px;box-sizing: border-box;height: 40px;}
/* end comment */
.uk-overflow-hidden img{margin-bottom: 20px!important;margin-right: 20px;}
.sponser{height: 100px;}
.times ul li{display: list-item!important;margin-bottom: 20px}
.timedesc ul li{line-height: 150%; font-size: 14px; font-family: "Times New Roman",sans-serif; color: #363636; margin-bottom: 15px; display: list-item;}

.dropList a:before{top:40%!important;left: -11px!important;}
ul.childs > li { position: relative}
.child-drop-down ul li {background-color: #fff;}
.child-drop-down ul li a { line-height: 32px!important; color: #000; font-size: 14px; font-family: Roboto; transition: .2s all;}
.child-drop-down ul li:hover {background-color: #fff!important;color: #00A3EA !important;}
.child-drop-down ul li:hover a {color: #00A3EA !important;}
.drop ul li a{padding-left: 0px!important;background: #fff!important;}
.child-drop-down ul li a{transition: .2s all;}

.childss li a{color: #666!important;font-size: 14px!important;line-height: 17px!important;padding: 10px 10px;}
.childs li a{color: #666!important;padding-left: 47px!important;font-size: 14px!important;line-height: 20px!important; height: 20px!important; margin-bottom: 10px!important;}
.childs li a:hover{background-color: #fff!important;color: #00A3EA!important;}
.cai a:before{content: '';position: absolute; top:15px; left: 0px;width: 5px; height: 5px;background-color: #00A3EA}

.list a:before{content: '';position: absolute; top:18px; left: 33px;width: 5px; height: 5px;background-color: #00A3EA}
.article-name {display: flex;text-align: left;justify-content: space-between;}
.article__name {color: #00A3EA;font-weight: bold;font-size: 24px;line-height: 30px;border-bottom: 1px solid #dedede;padding-bottom: 30px;margin-bottom: 20px;text-align: center;}
@media (max-width: 980px){
    .article__name {font-size: 18px;}
}

/* end index */

@media (max-width: 800px){
    .page img{width: 100%!important;}
}
@media (max-width: 990px){
    .unet{width: 100%!important;display: inline-block!important; height: auto!important;}
    .rectangle{width: 100%!important; height: auto!important;}
    .vision{width: 46%!important; margin-top: 20px; height: auto!important;}
    .mission{width: 49%!important;margin-top: 20px!important; height: auto!important; margin-right: 12px;}
}

/* for money */
.money-box{width: 370px;height: 230px; background-color: #c4c4c4; margin-right: 30px;}
.money-video .icon {position: absolute;top: 50%;left: 15%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.money-video .icon-1 {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.money-video .icon-2 {position: absolute;top: 50%;left: 85%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.links-list {margin:0;padding:0;list-style-type:none;}
.links-list li {line-height:18px;border-bottom:1px dotted #d4d4db;}
.links-list li a {padding:16px 0 10px 40px;display:block;position:relative;min-height:50px;}
.links-list li img {position:absolute;width:30px;float:left;margin:0 10px 0 0;left:0;top:30%;}
.links-list li span {font-size:13px;font-family: 'Roboto Condensed', sans-serif;}
/* end money */

/* for contact */
.img-6{width: auto;overflow: hidden;position: relative;}
.contact-section{width: 100%;}
.contact-img{border: 10px solid #f2f2f2;}
.contact-title p{color: #363636; font-size: 14px; font-family: FontAwesome; line-height: 16px; font-weight: normal; margin-bottom: 5px; margin-top: 5px;}
.contact-title i{width: 25px;height: 25px;line-height: 25px;background:#ffffff; text-align: center; border: 1px solid #EEF5FC;color: #00A3EA;font-size: 14px;margin-right: 10px;}
.copyright-text {color: #ACD6FF;font-size: 12px;line-height: 16px;}
.copyright-text p{color: #ACD6FF;font-size: 12px;line-height: 14px;margin-bottom: 10px;}
.footer__bottom {padding: 20px 0;}

@media (max-width: 800px){
    .contact-section{flex-direction: column!important; }
    .contact-title p{width: 100%!important;}
    .uk-width-1-3{width: calc(100% * 1 / 1.001)!important;}
    .contact-img img{width:100%!important;height: auto!important;}
    .uk-width-1-2{width: 100%!important;}
}
/* end contact */

/* for tab */
.tabber{margin:0}
.tabber ul {margin: 0;padding: 0;list-style-type: none;border-bottom: 2px solid #fff;}
.tabber ul li {width: 25%;}
.tabber ul li {padding: 0;float: left;width: 25%;}
.tabber ul li.active a {background-color: #00A3EA;color: #fff;}
.tabber ul li:first-child a {margin-left: 0;}
.tabber ul li a {text-align: center;margin-left: 1px;height:36px;text-transform: uppercase;padding: 13px;display: block;color: #666;font-size: 12px;line-height: 15px;background-color: #f8f8f8;font-weight: bold;font-family: 'Roboto Condensed';}
.tabContent {/*background-color: #f7f8f8*/;height: 100%;}
/* end tab */

/*pagination start*/
.pagination{display: flex; justify-content: center}
.pagination__item{display: flex; position: relative; justify-content: center;}
.pagination__item{margin: 3px 3px!important;}
.pagination__item a{display: inline-block; padding: 7px 8px; border: 1px solid #EBEAEA; background: #fff; color: #999999; margin-right: 7px;!important; font-size: 12px;text-transform: uppercase;}
.pagination__item a:hover{color: #2957A4!important;}
/*pagination end*/

@media (max-width: 800px){
    .box{width: 97%!important; margin-right: 1%; margin-bottom: 20%!important; display: inline-block!important;}
    .box-item{width: 100%!important; }
    .box-item__text{padding-bottom: 30px!important;}
    .box-item__description{font-size: 12px!important;}
}

@media (max-width: 800px){
    .boxs{width: 97%!important; margin-right: 1%; margin-bottom: 20%!important; display: inline-block!important;}
}

/* Нүүр хуудас дээрх солигдох табнууд */
.box{width: 170px;background-color: #ffffff;}
.boxs{width: 170px;background-color: #ffffff; height: 250px;}
.box-item__text {padding: 12px;padding-bottom: 4px;}
.box-item {background: #fff;position: relative; width: 170px;}
.box-item-video{background: #fff; position: relative; width: 170px; height: 250px;}
.box-item__img {height: 200px; display: block;background: #fff;position: relative;}
.box-item__description span{color: #666; font-size: 10px; font-family: Roboto;}
.box-item__description h2{color: #2957A4; text-align: left; font-size: 12px; margin-bottom: 5px; line-height: 16px; font-family: Roboto;text-transform: uppercase;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.box-item__description h2:hover{color: #00A3EA;}
.box-item__description h2:after{content: '';position: absolute;height: 3px;width: 100%;left: 0;bottom: 0;visibility: hidden;background-color: #2957A4;-webkit-transition: all .1s ease;transition: all 0.3s ease;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
.box-item__description h2:hover:after{visibility: visible;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
/* Нүүр хуудас дээрх солигдох табнууд */

/* Таны санхүүгийн боловсролд */
.programm{width: 250px; background-color: #fff}
.programms{width: 250px;background-color: #fff; height: 250px}
.programm-item{background-color: #fff; position: relative;width: 250px;}
.programm__img{display: block;background: #fff;position: relative}
.programm__text{padding: 12px;padding-bottom: 5px;}
.programm__description h2{color: #2957A4; text-align: left;font-size: 12px; margin-bottom: 5px;line-height: 16px; font-family: Roboto; text-transform: uppercase;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.programm__description span{color: #666; font-size: 10px; font-family: Roboto}
.programm__description h2:hover{color: #00A3EA;}
.programm__description h2:after{content: '';position: absolute;height: 3px;width: 100%;left: 0;bottom: 0;visibility: hidden;background-color: #2957A4;-webkit-transition: all .1s ease;transition: all 0.3s ease;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
.programm__description h2:hover:after{visibility: visible;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}

.finance{width: 110px; background-color: #fff}
.finance-item{position: relative; width: 110px;}
.finance-text{padding: 12px;padding-bottom: 4px;}
.finance-desciption h2{color: hsl(218,60%,40%);text-align: left;font-size: 12px;margin-bottom: 5px;line-height: 16px;font-family: Roboto;text-transform: uppercase;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden; }
/* Таны санхүүгийн боловсролд */


/*for dynamicHeight */
.height300{height: 300px;}
.height280{height: 280px;}
.height250{height: 250px;}
.height200{height: 200px;}
.height250{height: 250px;}
.height150{height: 150px;}
.height130{height: 130px;}
.height100{height: 100px;}
.height80{height: 80px;}
.heightAuto{height: auto!important;}

/* end of dynamicHeigt*/
.tabs{margin: 0;}
.tabs ul{margin: 0;padding: 0;list-style-type: none;}
.tabs ul.tab-1 li {}
.tabs ul li {padding: 0;float: left;}
.tabs ul li.active a {color: #273A56; font-size: 18px; font-family: Roboto; font-weight: bold;}
.tabs ul li:first-child a {margin-left: 0;}
.tabs ul li a {text-align: left;padding: 8px;display: block;color: rgba(39, 58, 86, 0.3);font-size: 18px;line-height: 14px;background-color: #fff;font-weight: bold;font-family: Roboto; }
.tabs ul li a:hover{color: #273A56; font-weight: bold;}
.tabContents {background-color: #f7f8f8;padding-bottom: 63px;}

@media(max-width: 900px){
    .uk-child-width-1-2>*{width: calc(100% * 1 / 2.001)!important; }
    .tabContents ul{width: 100%!important;}
}
.uk-tabs{margin: 0;}
.uk-tabs ul{margin: 0; padding: 0; list-style-type: none;}
.uk-tabs ul li {padding: 0; float: left;}
.uk-tabs ul li a{text-align: center; color: #273A56; text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: bold; font-family: Roboto;}
.uk-tabs ul li.uk-active a{text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: bold; font-family: Roboto;background:#00A3EA;}
.indeks{justify-content: space-between}
.indeks p{padding: 0;float: right;font-weight: bold; font-size: 18px; line-height: 21px; font-family: Roboto; color: #273A56; text-align: center; margin-right: 10px; margin-left: auto}
.indeks span{font-size: 12px; line-height: 18px; text-align: center; color: #008000;float: right; margin-right: 30px;}
.application {color: #2957A4; font-size: 14px; line-height: 24px; font-weight: bold; font-family: Roboto;}
.card ul li a{display: block; line-height: 16px; font-size: 14px; color: #666; font-family: Roboto; padding: 11px 30px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5}
.card .title {font-size: 14px;color: #363636;text-transform: uppercase;display: flex;align-items: center;justify-content: left;font-weight: bold;border-top: 2px solid #00A3EA;}

/* Timeline */
/*timeline*/

.time-line{display: grid; position: relative}
.time-line:before{content: '';position: absolute; top: 0;bottom: 0;left: 50%;transform: translateX(-50%);width: 1px;background: #acd2ec; z-index: 5}
.time-line__item{text-align: right; position: relative; padding: 0 20px; z-index: 10}
.time-line__item:after{content: ''; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #01a6e0;display: block; position: absolute; top: 0; right: -5px; background: #fff;}
.time-line__title{color: #fff;background: #01a6e0; display: inline-block; border-radius: 25px;border-top-right-radius: 0; line-height: 50px; padding: 0 30px; margin-bottom: 20px;}
.time-line__item:nth-child(2n){justify-self: start; text-align: left}
.time-line__item:nth-child(2n) .time-line__title{border-radius: 25px; border-top-left-radius: 0;}
.time-line__item:nth-child(2n):after{right: auto; left: -5px;}

.time-line{padding-left: 20px;}
.time-line:before{left: 5px; transform: none}
.time-line__item:after{left: -20px !important; transform: none; right: auto;}
.time-line__item{width: 100%; margin-bottom: 10px; padding: 0}
.time-line__item{justify-self: start; text-align: left}
.time-line__item .time-line__title{border-radius: 25px; padding: 0 15px; line-height: 30px; font-weight: normal;border-top-left-radius: 0; margin-bottom: 10px;}
.time-line__item:nth-child(2n):after{right: auto; left: -35px;}

.timeline:before {content: '';position:absolute;height:100%;left:50%;width:0px;top:-20px;z-index:1;border: 1px dashed #16a3d4;}
.timeline{position:relative;margin: 50px auto;width:1000px;padding:50px 0;}
.timeline ul{margin:0;padding:0 ;}
.timeline ul li{list-style:none;box-sizing:border-box;line-height:normal;position:relative;width:50%;padding: 20px 30px;}
.timeline ul li .right_content h2{color:rgba(59,112,239,1);padding:0px 2px 18px 0px;}
.timeline ul li:nth-child(odd){float:left;text-align:right;clear:both;}
.timeline ul li:nth-child(even){float:right;text-align:left;clear:both;}
.left_content{padding-bottom:20px;}
.left_content h3{margin: 0px;color: #0e7dde;font-weight: bold;}
.right_content p{text-align: justify;}
.timeline ul li:nth-child(odd):before{content: '';position:absolute;width:25px;height:25px;background: rgba(59,112,239,1);border-radius:50%;box-shadow: 0 0 0 3px rgba(58,112,239,0.2);right:-13px;top:20px;z-index:1;}
.timeline ul li:nth-child(even):before{content: '';position:absolute;width:25px;height:25px;background:rgba(59,112,239,1);border-radius:50%;box-shadow: 0 0 3px 3px rgba(58,112,239,0.2);left:-12px;top:20px;z-index: 1;}
.timeline ul li:nth-child(odd) .left_content{position:absolute;top:15px;right:-120px;margin:0;padding:0px 16px;color:#fff;box-shadow:0 0 3px 3px rgba(59,112,239,0.3);border-radius:18px;}
.timeline ul li:nth-child(even) .left_content{position:absolute;top:15px;left:-120px;margin:0;padding: 0px 16px;color:#fff;box-shadow:0 0 0 3px rgba(59,112,239,0.3);border-radius:18px;}
@media (max-width: 1000px){

    .timeline{
        width:100%;
    }
}

@media (max-width: 767px){
    .timeline{
        width:100%;
    }
    .timeline:before{
        left:20px;
    }
    .timeline ul li:nth-child(odd),
    .timeline ul li:nth-child(even){
        width:100%;
        text-align:left;
        padding-left:50px;
    }

    .timeline ul li:nth-child(odd):before
    {
        top:-18px;
        left:16px;

    }
    .timeline ul li:nth-child(even):before
    {
        top:-18px;
        left:16px;
    }

    .timeline ul li:nth-child(odd) .left_content,
    .timeline ul li:nth-child(even) .left_content
    {
        top:-30px;
        left:50px;
        right:inherit;
    }
}

/* 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: 72px; height: 70px; padding-bottom: 20px}
.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 #1122cc;}
.ex-type ul li .hd{display: block!important;}
/*.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:52px; 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: 767px){
    .slider-item {
        padding-top: 30px;
    }
}
/* for pointer effect */
.effect-bubba a img {opacity: 0.7;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.effect-bubba:hover a img {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.effect-bubba::before,
.effect-bubba::after {position: absolute;top: 8px;right: 12px;bottom: 11px;left: 17px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;cursor: pointer;}
.effect-bubba::before {border-top: 1px solid #00A3EA;border-bottom: 1px solid #00A3EA;}
.effect-bubba::after {border-right: 1px solid #00A3EA;border-left: 1px solid #00A3EA;-webkit-transform: scale(.5,0);transform: scale(0.5,0);}
.effect-bubba a h3 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
.effect-bubba:hover::before,
.effect-bubba:hover::after {opacity: 1;}
.effect-bubba:hover a h3{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
/* end pointer effect */

/* for tsahim */
.page-header span{font-size: 18px; font-family: Roboto; line-height: 16px;}
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
#boxes .window {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;border-radius: 15px;text-align: center;}
#boxes #dialog {width:700px;height:auto;background-color:#ffffff;font-family: 'Roboto';font-size: 15pt;}
.maintext{text-align: center;font-family: "Roboto";text-decoration: none;}
#lorem{font-family: "Roboto", sans-serif;font-size: 16px;text-align: left;}
#lorem p{font-family: "Roboto";font-size: 16px;color: #363636; line-height: 150%}
#lorem ul li{font-family: "Roboto";font-size: 15px;color: #363636; line-height: 150%}
#popupfoot{font-family: "Roboto", sans-serif;font-size: 16pt;padding: 10px 20px;}
#popupfoot a{text-decoration: none}
.agree:hover{color: red}

@media (max-width: 900px){
    #boxes{width: 100%!important;}
    #boxes #dialog{width: 100%!important;top: 200px!important;left: 0px!important;}
    #boxes .window {padding: 0px!important;}
    #lorem p{padding: 20px;}
    #lorem ul li{padding: 20px;}
    #mask{width: 100%!important;}
}
/* end tsahim */

/* for master */
.dropdown-menu {float: left;padding: 5px 0;margin: 2px 0 0;list-style: none;border: 1px solid #00000026;border-radius: 4px;}
.dropdown-header {display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #777;white-space: nowrap;}
.dropdown-menu>li>a {display: block;padding: 3px 20px;clear: both;font-weight: 400;color: #333!important;white-space: nowrap;}
/* end master */

/* for muta news */
.muta-news-items__item{display: flex; justify-content: stretch; margin-bottom: 10px;height: 300px}
.muta-news-item{background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden;position: relative;height: 251px;width: 268px;}
.muta-news-item__description p{color: #363636;font-weight: normal;line-height: 16px; font-size: 14px;margin-bottom: 10px; font-family: Roboto; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.muta-desc{margin-bottom:20px;color: #363636;font-size: 14px;text-align: justify;line-height: 150%;}
/* end muta news */

/* for muta news */
.hynalt-news-items__item{display: flex; justify-content: stretch; margin-bottom: 10px;height: 300px}
.hynalt-news-item{background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden;position: relative;height: 251px;width: 268px;}
.hynalt-news-item__description p{color: #363636;font-weight: normal;line-height: 16px; font-size: 14px;margin-bottom: 10px; font-family: Roboto; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.hynalt-desc{margin-bottom:20px;color: #363636;font-size: 14px;text-align: justify;line-height: 150%;}
/* end muta news */
@media print {
    *,
    ::after,
    ::before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.uk-child-width-1-7>* {
    width: 14.285%
}

.uk-child-width-1-8>* {
    width: 12.5%
}

.uk-child-width-1-9>* {
    width: 11.111%
}

.uk-child-width-1-10>* {
    width: 10%
}

.uk-child-width-1-12>* {
    width: 8.333%
}

@media (min-width:640px) {
    .uk-child-width-1-7\@s > * {
        width: 14.285%
    }
    .uk-child-width-1-8\@s > * {
        width: 12.5%
    }
    .uk-child-width-1-9\@s > * {
        width: 11.111%
    }
    .uk-child-width-1-10\@s > * {
        width: 10%
    }
    .uk-child-width-1-12\@s > * {
        width: 8.333%
    }
}

@media (min-width:960px) {
    .uk-child-width-1-7\@m > * {
        width: 14.285%
    }
    .uk-child-width-1-8\@m > * {
        width: 12.5%
    }
    .uk-child-width-1-9\@m > * {
        width: 11.111%
    }
    .uk-child-width-1-10\@m > * {
        width: 10%
    }
    .uk-child-width-1-12\@m > * {
        width: 8.333%
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-7\@l > * {
        width: 14.285%
    }
    .uk-child-width-1-8\@l > * {
        width: 12.5%
    }
    .uk-child-width-1-9\@l > * {
        width: 11.111%
    }
    .uk-child-width-1-10\@l > * {
        width: 10%
    }
    .uk-child-width-1-12\@l > * {
        width: 8.333%
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-7\@xl > * {
        width: 14.285%
    }
    .uk-child-width-1-8\@xl > * {
        width: 12.5%
    }
    .uk-child-width-1-9\@xl > * {
        width: 11.111%
    }
    .uk-child-width-1-10\@xl > * {
        width: 10%
    }
    .uk-child-width-1-12\@xl > * {
        width: 8.333%
    }
}

.uk-width-1-7 {
    width: 14.285%
}

.uk-width-2-7 {
    width: 28.571%
}

.uk-width-3-7 {
    width: 42.857%
}

.uk-width-4-7 {
    width: 57.142%
}

.uk-width-5-7 {
    width: 71.428%
}

.uk-width-6-7 {
    width: 85.714%
}

.uk-width-1-8 {
    width: 12.5%
}

.uk-width-2-8 {
    width: 25%
}

.uk-width-3-8 {
    width: 37.5%
}

.uk-width-4-8 {
    width: 50%
}

.uk-width-5-8 {
    width: 62.5%
}

.uk-width-6-8 {
    width: 75%
}

.uk-width-7-8 {
    width: 87.5%
}

.uk-width-1-9 {
    width: 11.111%
}

.uk-width-2-9 {
    width: 22.222%
}

.uk-width-3-9 {
    width: 33.333%
}

.uk-width-4-9 {
    width: 44.444%
}

.uk-width-5-9 {
    width: 55.555%
}

.uk-width-6-9 {
    width: 66.666%
}

.uk-width-7-9 {
    width: 77.777%
}

.uk-width-8-9 {
    width: 88.888%
}

.uk-width-1-10 {
    width: 10%
}

.uk-width-2-10 {
    width: 20%
}

.uk-width-3-10 {
    width: 30%
}

.uk-width-4-10 {
    width: 40%
}

.uk-width-5-10 {
    width: 50%
}

.uk-width-6-10 {
    width: 60%
}

.uk-width-7-10 {
    width: 70%
}

.uk-width-8-10 {
    width: 80%
}

.uk-width-9-10 {
    width: 90%
}

.uk-width-1-12 {
    width: 8.333%
}

.uk-width-2-12 {
    width: 16.666%
}

.uk-width-3-12 {
    width: 25%
}

.uk-width-4-12 {
    width: 33.333%
}

.uk-width-5-12 {
    width: 41.666%
}

.uk-width-6-12 {
    width: 50%
}

.uk-width-7-12 {
    width: 58.333%
}

.uk-width-8-12 {
    width: 66.666%
}

.uk-width-9-12 {
    width: 75%
}

.uk-width-10-12 {
    width: 83.333%
}

.uk-width-11-12 {
    width: 91.666%
}

@media (min-width:640px) {
    .uk-width-1-7\@s {
        width: 14.285%
    }
    .uk-width-2-7\@s {
        width: 28.571%
    }
    .uk-width-3-7\@s {
        width: 42.857%
    }
    .uk-width-4-7\@s {
        width: 57.142%
    }
    .uk-width-5-7\@s {
        width: 71.428%
    }
    .uk-width-6-7\@s {
        width: 85.714%
    }
    .uk-width-1-8\@s {
        width: 12.5%
    }
    .uk-width-2-8\@s {
        width: 25%
    }
    .uk-width-3-8\@s {
        width: 37.5%
    }
    .uk-width-4-8\@s {
        width: 50%
    }
    .uk-width-5-8\@s {
        width: 62.5%
    }
    .uk-width-6-8\@s {
        width: 75%
    }
    .uk-width-7-8\@s {
        width: 87.5%
    }
    .uk-width-1-9\@s {
        width: 11.111%
    }
    .uk-width-2-9\@s {
        width: 22.222%
    }
    .uk-width-3-9\@s {
        width: 33.333%
    }
    .uk-width-4-9\@s {
        width: 44.444%
    }
    .uk-width-5-9\@s {
        width: 55.555%
    }
    .uk-width-6-9\@s {
        width: 66.666%
    }
    .uk-width-7-9\@s {
        width: 77.777%
    }
    .uk-width-8-9\@s {
        width: 88.888%
    }
    .uk-width-1-10\@s {
        width: 10%
    }
    .uk-width-2-10\@s {
        width: 20%
    }
    .uk-width-3-10\@s {
        width: 30%
    }
    .uk-width-4-10\@s {
        width: 40%
    }
    .uk-width-5-10\@s {
        width: 50%
    }
    .uk-width-6-10\@s {
        width: 60%
    }
    .uk-width-7-10\@s {
        width: 70%
    }
    .uk-width-8-10\@s {
        width: 80%
    }
    .uk-width-9-10\@s {
        width: 90%
    }
    .uk-width-1-12\@s {
        width: 8.333%
    }
    .uk-width-2-12\@s {
        width: 16.666%
    }
    .uk-width-3-12\@s {
        width: 25%
    }
    .uk-width-4-12\@s {
        width: 33.333%
    }
    .uk-width-5-12\@s {
        width: 41.666%
    }
    .uk-width-6-12\@s {
        width: 50%
    }
    .uk-width-7-12\@s {
        width: 58.333%
    }
    .uk-width-8-12\@s {
        width: 66.666%
    }
    .uk-width-9-12\@s {
        width: 75%
    }
    .uk-width-10-12\@s {
        width: 83.333%
    }
    .uk-width-11-12\@s {
        width: 91.666%
    }
}

@media (min-width:960px) {
    .uk-width-1-7\@m {
        width: 14.285%
    }
    .uk-width-2-7\@m {
        width: 28.571%
    }
    .uk-width-3-7\@m {
        width: 42.857%
    }
    .uk-width-4-7\@m {
        width: 57.142%
    }
    .uk-width-5-7\@m {
        width: 71.428%
    }
    .uk-width-6-7\@m {
        width: 85.714%
    }
    .uk-width-1-8\@m {
        width: 12.5%
    }
    .uk-width-2-8\@m {
        width: 25%
    }
    .uk-width-3-8\@m {
        width: 37.5%
    }
    .uk-width-4-8\@m {
        width: 50%
    }
    .uk-width-5-8\@m {
        width: 62.5%
    }
    .uk-width-6-8\@m {
        width: 75%
    }
    .uk-width-7-8\@m {
        width: 87.5%
    }
    .uk-width-1-9\@m {
        width: 11.111%
    }
    .uk-width-2-9\@m {
        width: 22.222%
    }
    .uk-width-3-9\@m {
        width: 33.333%
    }
    .uk-width-4-9\@m {
        width: 44.444%
    }
    .uk-width-5-9\@m {
        width: 55.555%
    }
    .uk-width-6-9\@m {
        width: 66.666%
    }
    .uk-width-7-9\@m {
        width: 77.777%
    }
    .uk-width-8-9\@m {
        width: 88.888%
    }
    .uk-width-1-10\@m {
        width: 10%
    }
    .uk-width-2-10\@m {
        width: 20%
    }
    .uk-width-3-10\@m {
        width: 30%
    }
    .uk-width-4-10\@m {
        width: 40%
    }
    .uk-width-5-10\@m {
        width: 50%
    }
    .uk-width-6-10\@m {
        width: 60%
    }
    .uk-width-7-10\@m {
        width: 70%
    }
    .uk-width-8-10\@m {
        width: 80%
    }
    .uk-width-9-10\@m {
        width: 90%
    }
    .uk-width-1-12\@m {
        width: 8.333%
    }
    .uk-width-2-12\@m {
        width: 16.666%
    }
    .uk-width-3-12\@m {
        width: 25%
    }
    .uk-width-4-12\@m {
        width: 33.333%
    }
    .uk-width-5-12\@m {
        width: 41.666%
    }
    .uk-width-6-12\@m {
        width: 50%
    }
    .uk-width-7-12\@m {
        width: 58.333%
    }
    .uk-width-8-12\@m {
        width: 66.666%
    }
    .uk-width-9-12\@m {
        width: 75%
    }
    .uk-width-10-12\@m {
        width: 83.333%
    }
    .uk-width-11-12\@m {
        width: 91.666%
    }
}

@media (min-width:1200px) {
    .uk-width-1-7\@l {
        width: 14.285%
    }
    .uk-width-2-7\@l {
        width: 28.571%
    }
    .uk-width-3-7\@l {
        width: 42.857%
    }
    .uk-width-4-7\@l {
        width: 57.142%
    }
    .uk-width-5-7\@l {
        width: 71.428%
    }
    .uk-width-6-7\@l {
        width: 85.714%
    }
    .uk-width-1-8\@l {
        width: 12.5%
    }
    .uk-width-2-8\@l {
        width: 25%
    }
    .uk-width-3-8\@l {
        width: 37.5%
    }
    .uk-width-4-8\@l {
        width: 50%
    }
    .uk-width-5-8\@l {
        width: 62.5%
    }
    .uk-width-6-8\@l {
        width: 75%
    }
    .uk-width-7-8\@l {
        width: 87.5%
    }
    .uk-width-1-9\@l {
        width: 11.111%
    }
    .uk-width-2-9\@l {
        width: 22.222%
    }
    .uk-width-3-9\@l {
        width: 33.333%
    }
    .uk-width-4-9\@l {
        width: 44.444%
    }
    .uk-width-5-9\@l {
        width: 55.555%
    }
    .uk-width-6-9\@l {
        width: 66.666%
    }
    .uk-width-7-9\@l {
        width: 77.777%
    }
    .uk-width-8-9\@l {
        width: 88.888%
    }
    .uk-width-1-10\@l {
        width: 10%
    }
    .uk-width-2-10\@l {
        width: 20%
    }
    .uk-width-3-10\@l {
        width: 30%
    }
    .uk-width-4-10\@l {
        width: 40%
    }
    .uk-width-5-10\@l {
        width: 50%
    }
    .uk-width-6-10\@l {
        width: 60%
    }
    .uk-width-7-10\@l {
        width: 70%
    }
    .uk-width-8-10\@l {
        width: 80%
    }
    .uk-width-9-10\@l {
        width: 90%
    }
    .uk-width-1-12\@l {
        width: 8.333%
    }
    .uk-width-2-12\@l {
        width: 16.666%
    }
    .uk-width-3-12\@l {
        width: 25%
    }
    .uk-width-4-12\@l {
        width: 33.333%
    }
    .uk-width-5-12\@l {
        width: 41.666%
    }
    .uk-width-6-12\@l {
        width: 50%
    }
    .uk-width-7-12\@l {
        width: 58.333%
    }
    .uk-width-8-12\@l {
        width: 66.666%
    }
    .uk-width-9-12\@l {
        width: 75%
    }
    .uk-width-10-12\@l {
        width: 83.333%
    }
    .uk-width-11-12\@l {
        width: 91.666%
    }
}

@media (min-width:1600px) {
    .uk-width-1-7\@xl {
        width: 14.285%
    }
    .uk-width-2-7\@xl {
        width: 28.571%
    }
    .uk-width-3-7\@xl {
        width: 42.857%
    }
    .uk-width-4-7\@xl {
        width: 57.142%
    }
    .uk-width-5-7\@xl {
        width: 71.428%
    }
    .uk-width-6-7\@xl {
        width: 85.714%
    }
    .uk-width-1-8\@xl {
        width: 12.5%
    }
    .uk-width-2-8\@xl {
        width: 25%
    }
    .uk-width-3-8\@xl {
        width: 37.5%
    }
    .uk-width-4-8\@xl {
        width: 50%
    }
    .uk-width-5-8\@xl {
        width: 62.5%
    }
    .uk-width-6-8\@xl {
        width: 75%
    }
    .uk-width-7-8\@xl {
        width: 87.5%
    }
    .uk-width-1-9\@xl {
        width: 11.111%
    }
    .uk-width-2-9\@xl {
        width: 22.222%
    }
    .uk-width-3-9\@xl {
        width: 33.333%
    }
    .uk-width-4-9\@xl {
        width: 44.444%
    }
    .uk-width-5-9\@xl {
        width: 55.555%
    }
    .uk-width-6-9\@xl {
        width: 66.666%
    }
    .uk-width-7-9\@xl {
        width: 77.777%
    }
    .uk-width-8-9\@xl {
        width: 88.888%
    }
    .uk-width-1-10\@xl {
        width: 10%
    }
    .uk-width-2-10\@xl {
        width: 20%
    }
    .uk-width-3-10\@xl {
        width: 30%
    }
    .uk-width-4-10\@xl {
        width: 40%
    }
    .uk-width-5-10\@xl {
        width: 50%
    }
    .uk-width-6-10\@xl {
        width: 60%
    }
    .uk-width-7-10\@xl {
        width: 70%
    }
    .uk-width-8-10\@xl {
        width: 80%
    }
    .uk-width-9-10\@xl {
        width: 90%
    }
    .uk-width-1-12\@xl {
        width: 8.333%
    }
    .uk-width-2-12\@xl {
        width: 16.666%
    }
    .uk-width-3-12\@xl {
        width: 25%
    }
    .uk-width-4-12\@xl {
        width: 33.333%
    }
    .uk-width-5-12\@xl {
        width: 41.666%
    }
    .uk-width-6-12\@xl {
        width: 50%
    }
    .uk-width-7-12\@xl {
        width: 58.333%
    }
    .uk-width-8-12\@xl {
        width: 66.666%
    }
    .uk-width-9-12\@xl {
        width: 75%
    }
    .uk-width-10-12\@xl {
        width: 83.333%
    }
    .uk-width-11-12\@xl {
        width: 91.666%
    }
}
@media (pointer:coarse) {
    .uk-hidden-touch {
        display: none!important
    }
}

.uk-hidden-notouch {
    display: none!important
}

@media (pointer:coarse) {
    .uk-hidden-notouch {
        display: block!important
    }
}
.uk-hidden,
[hidden] {
    display: none!important
}

@media (min-width:1000px) {
    .uk-hidden\@s {
        display: none!important
    }
}

@media (min-width:1100px) {
    .uk-hidden\@m {
        display: none!important
    }
}

@media (min-width:1200px) {
    .uk-hidden\@l {
        display: none!important
    }
}

@media (min-width:1600px) {
    .uk-hidden\@xl {
        display: none!important
    }
}

@media (max-width:1000px) {
    .uk-visible\@s {
        display: none!important
    }
}

@media (max-width:970px) {
    .uk-visible\@m {
        display: none!important
    }
}

@media (max-width:1199px) {
    .uk-visible\@l {
        display: none!important
    }
}

@media (max-width:1599px) {
    .uk-visible\@xl {
        display: none!important
    }
}
@media (min-width:1200px) {
    .uk-position-large {
        margin: 50px
    }
    .uk-position-large.uk-position-center {
        transform: translate(-50%, -50%) translate(-50px, -50px)
    }
    .uk-position-large[class*=uk-position-center-left],
    .uk-position-large[class*=uk-position-center-right] {
        transform: translateY(-50%) translateY(-50px)
    }
    .uk-position-large.uk-position-bottom-center,
    .uk-position-large.uk-position-top-center {
        transform: translateX(-50%) translateX(-50px)
    }
}
@media (min-width:1200px) {
    .uk-padding-large {
        padding: 70px
    }
}
@media (min-width:1200px) {
    .uk-padding {
        padding: 40px
    }
}
@media (min-width:1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px
    }
    *+.uk-margin-xlarge {
        margin-top: 140px!important
    }
    .uk-margin-xlarge-top {
        margin-top: 140px!important
    }
    .uk-margin-xlarge-bottom {
        margin-bottom: 140px!important
    }
    .uk-margin-xlarge-left {
        margin-left: 140px!important
    }
    .uk-margin-xlarge-right {
        margin-right: 140px!important
    }
}
@media (min-width:1200px) {
    .uk-margin-large {
        margin-bottom: 70px
    }
    *+.uk-margin-large {
        margin-top: 70px!important
    }
    .uk-margin-large-top {
        margin-top: 70px!important
    }
    .uk-margin-large-bottom {
        margin-bottom: 70px!important
    }
    .uk-margin-large-left {
        margin-left: 70px!important
    }
    .uk-margin-large-right {
        margin-right: 70px!important
    }
}

@media(max-width: 420px){
    .uk-flex{display: block;}
}

.uk-flex-inline {
    display: inline-flex
}

.uk-flex-inline::after,
.uk-flex-inline::before,
.uk-flex::after,
.uk-flex::before {
    display: none
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

@media (min-width:640px) {
    .uk-flex-left\@s {
        justify-content: flex-start
    }
    .uk-flex-center\@s {
        justify-content: center
    }
    .uk-flex-right\@s {
        justify-content: flex-end
    }
    .uk-flex-between\@s {
        justify-content: space-between
    }
    .uk-flex-around\@s {
        justify-content: space-around
    }
}

@media (min-width:960px) {
    .uk-flex-left\@m {
        justify-content: flex-start
    }
    .uk-flex-center\@m {
        justify-content: center
    }
    .uk-flex-right\@m {
        justify-content: flex-end
    }
    .uk-flex-between\@m {
        justify-content: space-between
    }
    .uk-flex-around\@m {
        justify-content: space-around
    }
}

@media (min-width:1200px) {
    .uk-flex-left\@l {
        justify-content: flex-start
    }
    .uk-flex-center\@l {
        justify-content: center
    }
    .uk-flex-right\@l {
        justify-content: flex-end
    }
    .uk-flex-between\@l {
        justify-content: space-between
    }
    .uk-flex-around\@l {
        justify-content: space-around
    }
}

@media (min-width:1600px) {
    .uk-flex-left\@xl {
        justify-content: flex-start
    }
    .uk-flex-center\@xl {
        justify-content: center
    }
    .uk-flex-right\@xl {
        justify-content: flex-end
    }
    .uk-flex-between\@xl {
        justify-content: space-between
    }
    .uk-flex-around\@xl {
        justify-content: space-around
    }
}
@media (min-width:640px) {
    .uk-flex-first\@s {
        order: -1
    }
    .uk-flex-last\@s {
        order: 99
    }
}

@media (min-width:960px) {
    .uk-flex-first\@m {
        order: -1
    }
    .uk-flex-last\@m {
        order: 99
    }
}

@media (min-width:1200px) {
    .uk-flex-first\@l {
        order: -1
    }
    .uk-flex-last\@l {
        order: 99
    }
}

@media (min-width:1600px) {
    .uk-flex-first\@xl {
        order: -1
    }
    .uk-flex-last\@xl {
        order: 99
    }
}
@media (min-width:640px) {
    .uk-column-1-2\@s {
        column-count: 2
    }
    .uk-column-1-3\@s {
        column-count: 3
    }
    .uk-column-1-4\@s {
        column-count: 4
    }
    .uk-column-1-5\@s {
        column-count: 5
    }
    .uk-column-1-6\@s {
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-1-2\@m {
        column-count: 2
    }
    .uk-column-1-3\@m {
        column-count: 3
    }
    .uk-column-1-4\@m {
        column-count: 4
    }
    .uk-column-1-5\@m {
        column-count: 5
    }
    .uk-column-1-6\@m {
        column-count: 6
    }
}

@media (min-width:1200px) {
    .uk-column-1-2\@l {
        column-count: 2
    }
    .uk-column-1-3\@l {
        column-count: 3
    }
    .uk-column-1-4\@l {
        column-count: 4
    }
    .uk-column-1-5\@l {
        column-count: 5
    }
    .uk-column-1-6\@l {
        column-count: 6
    }
}

@media (min-width:1600px) {
    .uk-column-1-2\@xl {
        column-count: 2
    }
    .uk-column-1-3\@xl {
        column-count: 3
    }
    .uk-column-1-4\@xl {
        column-count: 4
    }
    .uk-column-1-5\@xl {
        column-count: 5
    }
    .uk-column-1-6\@xl {
        column-count: 6
    }
}
@media (min-width:1200px) {
    .uk-column-divider {
        column-gap: 80px
    }
}
@media (min-width:1200px) {
    [class*=uk-column-] {
        column-gap: 40px
    }
}
@media (min-width:640px) {
    .uk-text-left\@s {
        text-align: left!important
    }
    .uk-text-right\@s {
        text-align: right!important
    }
    .uk-text-center\@s {
        text-align: center!important
    }
}

@media (min-width:960px) {
    .uk-text-left\@m {
        text-align: left!important
    }
    .uk-text-right\@m {
        text-align: right!important
    }
    .uk-text-center\@m {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .uk-text-left\@l {
        text-align: left!important
    }
    .uk-text-right\@l {
        text-align: right!important
    }
    .uk-text-center\@l {
        text-align: center!important
    }
}

@media (min-width:1600px) {
    .uk-text-left\@xl {
        text-align: left!important
    }
    .uk-text-right\@xl {
        text-align: right!important
    }
    .uk-text-center\@xl {
        text-align: center!important
    }
}
@media (min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }
    .uk-width-1-2\@s {
        width: 50%
    }
    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@s {
        width: 25%
    }
    .uk-width-3-4\@s {
        width: 75%
    }
    .uk-width-1-5\@s {
        width: 20%
    }
    .uk-width-2-5\@s {
        width: 40%
    }
    .uk-width-3-5\@s {
        width: 60%
    }
    .uk-width-4-5\@s {
        width: 80%
    }
    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@s {
        width: 150px
    }
    .uk-width-medium\@s {
        width: 300px
    }
    .uk-width-large\@s {
        width: 450px
    }
    .uk-width-xlarge\@s {
        width: 600px
    }
    .uk-width-xxlarge\@s {
        width: 750px
    }
    .uk-width-auto\@s {
        width: auto
    }
    .uk-width-expand\@s {
        width: 1px;
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }
    .uk-width-1-2\@m {
        width: 50%
    }
    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@m {
        width: 25%
    }
    .uk-width-3-4\@m {
        width: 75%
    }
    .uk-width-1-5\@m {
        width: 20%
    }
    .uk-width-2-5\@m {
        width: 40%
    }
    .uk-width-3-5\@m {
        width: 60%
    }
    .uk-width-4-5\@m {
        width: 80%
    }
    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@m {
        width: 150px
    }
    .uk-width-medium\@m {
        width: 300px
    }
    .uk-width-large\@m {
        width: 450px
    }
    .uk-width-xlarge\@m {
        width: 600px
    }
    .uk-width-xxlarge\@m {
        width: 750px
    }
    .uk-width-auto\@m {
        width: auto
    }
    .uk-width-expand\@m {
        width: 1px;
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }
    .uk-width-1-2\@l {
        width: 50%
    }
    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@l {
        width: 25%
    }
    .uk-width-3-4\@l {
        width: 75%
    }
    .uk-width-1-5\@l {
        width: 20%
    }
    .uk-width-2-5\@l {
        width: 40%
    }
    .uk-width-3-5\@l {
        width: 60%
    }
    .uk-width-4-5\@l {
        width: 80%
    }
    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@l {
        width: 150px
    }
    .uk-width-medium\@l {
        width: 300px
    }
    .uk-width-large\@l {
        width: 450px
    }
    .uk-width-xlarge\@l {
        width: 600px
    }
    .uk-width-xxlarge\@l {
        width: 750px
    }
    .uk-width-auto\@l {
        width: auto
    }
    .uk-width-expand\@l {
        width: 1px;
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }
    .uk-width-1-2\@xl {
        width: 50%
    }
    .uk-width-1-3\@xl {
        width: calc(100% * 1 / 3.001)
    }
    .uk-width-2-3\@xl {
        width: calc(100% * 2 / 3.001)
    }
    .uk-width-1-4\@xl {
        width: 25%
    }
    .uk-width-3-4\@xl {
        width: 75%
    }
    .uk-width-1-5\@xl {
        width: 20%
    }
    .uk-width-2-5\@xl {
        width: 40%
    }
    .uk-width-3-5\@xl {
        width: 60%
    }
    .uk-width-4-5\@xl {
        width: 80%
    }
    .uk-width-1-6\@xl {
        width: calc(100% * 1 / 6.001)
    }
    .uk-width-5-6\@xl {
        width: calc(100% * 5 / 6.001)
    }
    .uk-width-small\@xl {
        width: 150px
    }
    .uk-width-medium\@xl {
        width: 300px
    }
    .uk-width-large\@xl {
        width: 450px
    }
    .uk-width-xlarge\@xl {
        width: 600px
    }
    .uk-width-xxlarge\@xl {
        width: 750px
    }
    .uk-width-auto\@xl {
        width: auto
    }
    .uk-width-expand\@xl {
        width: 1px;
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}
@media (min-width:640px) {
    .uk-child-width-1-1\@s>* {
        width: 100%
    }
    .uk-child-width-1-2\@s>* {
        width: 50%
    }
    .uk-child-width-1-3\@s>* {
        width: calc(100% * 1 / 3.001)
    }
    .uk-child-width-1-4\@s>* {
        width: 25%
    }
    .uk-child-width-1-5\@s>* {
        width: 20%
    }
    .uk-child-width-1-6\@s>* {
        width: calc(100% * 1 / 6.001)
    }
    .uk-child-width-auto\@s>* {
        width: auto
    }
    .uk-child-width-expand\@s>* {
        width: 1px
    }
    .uk-child-width-expand\@s>:not([class*=uk-width]) {
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:960px) {
    .uk-child-width-1-1\@m>* {
        width: 100%
    }
    .uk-child-width-1-2\@m>* {
        width: 50%
    }
    .uk-child-width-1-3\@m>* {
        width: calc(100% * 1 / 3.001)
    }
    .uk-child-width-1-4\@m>* {
        width: 25%
    }
    .uk-child-width-1-5\@m>* {
        width: 20%
    }
    .uk-child-width-1-6\@m>* {
        width: calc(100% * 1 / 6.001)
    }
    .uk-child-width-auto\@m>* {
        width: auto
    }
    .uk-child-width-expand\@m>* {
        width: 1px
    }
    .uk-child-width-expand\@m>:not([class*=uk-width]) {
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-1\@l>* {
        width: 100%
    }
    .uk-child-width-1-2\@l>* {
        width: 50%
    }
    .uk-child-width-1-3\@l>* {
        width: calc(100% * 1 / 3.001)
    }
    .uk-child-width-1-4\@l>* {
        width: 25%
    }
    .uk-child-width-1-5\@l>* {
        width: 20%
    }
    .uk-child-width-1-6\@l>* {
        width: calc(100% * 1 / 6.001)
    }
    .uk-child-width-auto\@l>* {
        width: auto
    }
    .uk-child-width-expand\@l>* {
        width: 1px
    }
    .uk-child-width-expand\@l>:not([class*=uk-width]) {
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-1\@xl>* {
        width: 100%
    }
    .uk-child-width-1-2\@xl>* {
        width: 50%
    }
    .uk-child-width-1-3\@xl>* {
        width: calc(100% * 1 / 3.001)
    }
    .uk-child-width-1-4\@xl>* {
        width: 25%
    }
    .uk-child-width-1-5\@xl>* {
        width: 20%
    }
    .uk-child-width-1-6\@xl>* {
        width: calc(100% * 1 / 6.001)
    }
    .uk-child-width-auto\@xl>* {
        width: auto
    }
    .uk-child-width-expand\@xl>* {
        width: 1px
    }
    .uk-child-width-expand\@xl>:not([class*=uk-width]) {
        flex: 1;
        min-width: 0;
        flex-basis: 1px
    }
}
@media (min-width:960px) {
    :not(.uk-offcanvas-flip)>.uk-offcanvas-content-animation {
        left: 350px
    }
    .uk-offcanvas-flip>.uk-offcanvas-content-animation {
        left: -350px
    }
}
@media (min-width:960px) {
    .uk-open>.uk-offcanvas-reveal {
        width: 350px
    }
}
@media (min-width:960px) {
    .uk-offcanvas-bar {
        width: 350px;
        padding: 40px 40px
    }
}
@media (min-width:960px) {
    .uk-modal-close-outside {
        right: 0;
        transform: translate(100%, -100%)
    }
}
@media (min-width:640px) {
    .uk-modal {
        padding: 50px 30px;
        position: fixed;
    }
}

@media (min-width:960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}
@media (min-width:1200px) {
    .uk-card-large>.uk-nav-default {
        margin: 0
    }
    .uk-card-large>.uk-nav-default:only-child {
        margin: 0
    }
    .uk-card-large .uk-nav-default .uk-nav-divider,
    .uk-card-large .uk-nav-default .uk-nav-header,
    .uk-card-large .uk-nav-default>li>a {
        padding-left: 0;
        padding-right: 0
    }
    .uk-card-large .uk-nav-default .uk-nav-sub {
        padding-left: 15px
    }
}
@media (min-width:1200px) {
    .uk-card-body>.uk-nav-default {
        margin-left: -40px;
        margin-right: -40px
    }
    .uk-card-body>.uk-nav-default:only-child {
        margin-top: -25px;
        margin-bottom: -25px
    }
    .uk-card-body .uk-nav-default .uk-nav-divider,
    .uk-card-body .uk-nav-default .uk-nav-header,
    .uk-card-body .uk-nav-default>li>a {
        padding-left: 40px;
        padding-right: 40px
    }
    .uk-card-body .uk-nav-default .uk-nav-sub {
        padding-left: 55px
    }
}
@media (min-width:1200px) {
    .uk-card-large .uk-card-body,
    .uk-card-large.uk-card-body {
        padding: 70px 70px
    }
    .uk-card-large .uk-card-header {
        padding: 35px 70px
    }
    .uk-card-large .uk-card-footer {
        padding: 35px 70px
    }
}
@media (min-width:1200px) {
    .uk-card-body {
        padding: 40px 40px
    }
    .uk-card-header {
        padding: 20px 40px
    }
    .uk-card-footer {
        padding: 20px 40px
    }
}
@media (min-width:960px) {
    .uk-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}
@media (min-width:960px) {
    .uk-tile-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}
@media (min-width:960px) {
    .uk-tile {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 70px;
        padding-bottom: 70px
    }
}
@media (min-width:640px) {
    .uk-tile {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media (min-width:1200px) {
    .uk-grid-divider.uk-grid-large {
        margin-left: -140px
    }
    .uk-grid-divider.uk-grid-large>* {
        padding-left: 140px
    }
    .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before {
        left: 70px
    }
    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
        margin-top: 140px
    }
    .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before {
        top: -70px;
        left: 140px
    }
}
@media (min-width:1200px) {
    .uk-grid-divider {
        margin-left: -80px
    }
    .uk-grid-divider>* {
        padding-left: 80px
    }
    .uk-grid-divider>:not(.uk-first-column)::before {
        left: 40px
    }
    .uk-grid-divider.uk-grid-stack>.uk-grid-margin {
        margin-top: 80px
    }
    .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        top: -40px;
        left: 80px
    }
}
@media (min-width:1200px) {
    .uk-grid-large {
        margin-left: -70px
    }
    .uk-grid-large>* {
        padding-left: 70px
    }
    *+.uk-grid-margin-large,
    .uk-grid+.uk-grid-large,
    .uk-grid-large>.uk-grid-margin {
        margin-top: 70px
    }
}
@media (min-width:1200px) {
    .uk-grid {
        margin-left: -40px
    }
    .uk-grid>* {
        padding-left: 40px
    }
    *+.uk-grid-margin,
    .uk-grid+.uk-grid,
    .uk-grid>.uk-grid-margin {
        margin-top: 40px
    }
}
@media (min-width:640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}
@media (max-width:959px) {
    .uk-table-responsive,
    .uk-table-responsive tbody,
    .uk-table-responsive td,
    .uk-table-responsive th,
    .uk-table-responsive tr {
        display: block
    }
    .uk-table-responsive thead {
        display: none
    }
    .uk-table-responsive td,
    .uk-table-responsive th {
        width: auto!important;
        max-width: none!important;
        min-width: 0!important;
        overflow: visible!important;
        white-space: normal!important
    }
    .uk-table-responsive .uk-table-link:not(:first-child)>a,
    .uk-table-responsive td:not(:first-child):not(.uk-table-link),
    .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
        padding-top: 5px!important
    }
    .uk-table-responsive .uk-table-link:not(:last-child)>a,
    .uk-table-responsive td:not(:last-child):not(.uk-table-link),
    .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
        padding-bottom: 5px!important
    }
    .uk-table-justify.uk-table-responsive td,
    .uk-table-justify.uk-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}