.xh-mt-30{margin-top: 30px;}
.xh-mt-20{margin-top: 20px;}
.xh-mb-60{margin-bottom: 60px;}
.xh-pt-60{padding-top: 60px;}
.uk-container-medium-modified {max-width: 1300px !important;}
.uk-container-medium-news{max-width: 800px!important;}
.covers{min-height: 500px;width: auto}

.root-hd {width: 100%;overflow: hidden;background: url("../assets/hd-background.png") #0157a2 repeat-x;}
.root-hd .hd-mid {height: 98px;z-index: 0;position: relative;}
.root-hd .hd-mid .logo{ position: absolute; left: -90px; bottom: -116px; width: 319px; height: 313px; background-image: url("../assets/logo.png"); background-repeat: no-repeat;}
.root-hd .hd-mid .logo a{ position: absolute; left: 90px; top: 100px; display:inline-block; width: 145px; height: 100px; }
.root-hd .hd-mid .search-col{position: absolute; top: 50%; margin-top: -12px; right: 0;}
.search-col .social{}
.search-col .social a{display: inline-block; float: left; margin-right: 4px; background-color: #003358; padding: 5px 4px 5px 6px;font-size: 13px; color: #00a3ff; }
.fa-facebook-f{padding: 3px;}
.search-col .social a:hover,.root-hd .hd-mid .search-col .social a:visited,.root-hd .hd-mid .search-col .social a:focus{text-decoration: none;}
.search-col .search{position: relative;}
.search-col .search input{border: 1px solid #003358; outline: none; height: 24px; font-family: tahoma, arial, helvetica; font-size: 12px; width: 185px; box-sizing: border-box; padding: 1px 5px}
.search-col .search a.search-button{position: absolute; right: 5px; top: 5px; font-size: 13px; color: #007fc7; text-decoration: none;}
.search-col .search a:hover,.root-hd .hd-mid .search-col .search a:visited,.root-hd .hd-mid .search-col .search a:focus{text-decoration: none; color: #003358;}
.hd-menu{z-index: 1; border-top: 1px solid #0b77c1;opacity: 0.8;overflow: hidden; height: 40px; background-color: #0157a2;}
.hd-menu nav.menu-list{padding: 0; margin: 0;}
.hd-menu nav.menu-list ul li{display: inline-block; box-sizing: border-box; border-left: 1px solid #024a85; border-right: 1px solid #0081bb;}
.hd-menu nav.menu-list ul li:first-of-type{border-left: 1px solid #0081bb; border-right: 1px solid #0081bb;}
.hd-menu nav.menu-list ul li a{display: inline-block; box-sizing: border-box; color: #FFFFFF; padding: 10px 15px 11px;  font-size: 12px; text-transform: uppercase; background-color: #0157a2;}
.hd-menu nav.menu-list ul li a img{height: 13px; width: auto;}
.hd-menu nav.menu-list ul li a:hover{text-decoration: none; background: rgba(0, 0, 0, 0.5);}
.hd-menu nav.menu-list ul li a:hover,.hd-menu nav.menu-list ul li a:visited,.hd-menu nav.menu-list ul li a:focus{text-decoration: none;}
.hd-menu nav.menu-list ul li.sel {border-left: 1px solid #0081bb; border-right: 1px solid #0081bb;}
.hd-menu nav.menu-list ul li.sel a{background-color: #ffca65; color: #9b5f00;}
.hd-sep {margin-top: 1px; height: 7px; width: 100%; background: url("../assets/hee.png") repeat-x;}
.grid.a .item {-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;display: block;text-decoration: none;height: 145px;overflow: hidden;background: #fff;box-shadow: 0px 0px 10px rgba(59, 89, 152, 0.2);}
.grid.a .block{padding: 20px;padding-bottom: 12px;text-align: center;}
.grid.a .name{padding: 20px;margin: 0px;font-size: 14px;line-height: 16px;text-align: center;color: #363636;}
.video__title {text-align: center;margin-bottom: 20px;}
.about-video{border-radius: 20px;background: rgba(0, 56, 104, 0.3);position: relative;top: 0;transform: translate(0%, -30%);}
.video-height{min-height: 150px;}
.video__name {font-size: 36px;display: inline-block;margin-bottom: 10px;width: 100%;text-align: center;line-height: 42px;color: #000;font-family: 'Roboto';font-weight: bold;}
.video__hr {display: inline-block;width: 30px;border: 2px solid #00A3EA;margin-bottom: 20px;}
.image-news{background: #f4fbfe}
.cover-hee{background-image: url("../img/Hee.png")}
.top-article {height: 200px;margin-bottom: 20px;position: relative;filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));}
.top-article > a {position: absolute;width: 100%;height: 100%;border-radius: 10px;background-size: cover;background-position: top;}
.top-article .top-article__text {bottom: 0;padding: 10px 15px;position: absolute;left: 0;right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);overflow: hidden;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.top-article .top-article__text h3{font-size: 14px;line-height: 16px;color: #fff;font-family: Roboto;font-weight: bold;margin: 10px 0;}


.root-ft{width: 100%; overflow: hidden; background-color:  #0157a2;}
footer .ft-mid {height: 120px; overflow: hidden; border-top: 1px solid #0b77c1; border-bottom: 1px solid #0b77c1; z-index: 0; background: url("../assets/ft-bg.png") #0157a2 repeat-x;}
footer .ft-mid .logo{display: inline-block; margin-top: -95px; width: 319px; height: 313px; background-image: url("../assets/logo.png"); background-repeat: no-repeat;}
footer .ft-bot{overflow: hidden; padding: 25px 0;}
footer .ft-bot .copyright{color: #363636; font-family: 'Roboto-Regular',sans-serif; font-size: 14px; line-height: 20px;}
footer .ft-bot ul.sub-menu-list {margin: 10px auto 15px;}
footer .ft-bot ul.sub-menu-list li.sep{height: 28px; position: relative; top: 10px; border-right: 1px solid #0081bb; border-left: 1px solid #024a85;}
footer .ft-bot ul.sub-menu-list li{display: inline-block;}
footer .ft-bot ul.sub-menu-list li a{display: inline-block; padding: 5px 20px; color: #fff; font-family: Roboto; font-size: 12px;text-decoration: none;}
footer .ft-bot .copyright{color: #002648; font-family: Roboto; font-size: 12px;}

.forum__date{margin: 40px 0 10px 0;font-size: 14px;line-height: 16px;color: #FF9900}
.forum__name{padding: 10px 0;font-weight: bold;font-size: 24px;line-height: 28px;color: #363636;}
.forum-view p{font-size: 14px;line-height: 150%;text-align: justify;color: #363636}

.hover img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
/*.hover:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}*/
.news-list-content{height: 350px;overflow: hidden;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px}
.news-content{height: 240px;overflow: hidden;background: #FFFFFF;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 10px}
.news__list{padding: 15px 20px;}
.none{text-decoration: none}
.news__date{font-size: 12px;line-height: 14px;color: #FF9900}
.news__name{margin-bottom: 10px;font-size: 16px;line-height: 19px;font-weight: normal;color: #363636;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news__desc{margin-bottom: 10px;font-size: 14px;line-height: 20px;font-weight: normal;color: #999999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-list-img {height: 200px;width: 100%!important;object-fit: cover}
.news-img {height: 140px;width: 100%!important;object-fit: cover}
.news-list-content .swiper-pagination-fraction {width: 50px;left: auto;right: 10px;justify-content: center;align-items: center;bottom: 10px;border-radius: 15px;color: #fff;background: rgba(0, 0, 0, 0.6);}
.news-list-content .swiper-button-next {background-image: url("http://osmo.ads.sodonsolution.org/static/webs/osmo/assets/svg/next.svg");}
.news-list-content .swiper-button-prev {background-image: url("http://osmo.ads.sodonsolution.org/static/webs/osmo/assets/svg/prev.svg");}

.uk-pagination>*>* {width: 30px;height: 30px;background-color: #fefbfe;color: #666;border-radius: 3px;padding: 0;line-height: 35px;text-align: center;margin: 0 4px;transition: .5s all;text-decoration: none;}
.uk-pagination>*>* {color: #4d4f5c;}
.uk-pagination>li.uk-active>* {background: #1E73D5!important;color: #fff;}
.uk-pagination>.uk-disabled {color: #999;}

.news-view-button{display: flex; line-height: 30px;background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 3px; margin-left: 5px; color: #1E73D5;text-decoration: none; cursor: pointer; transition: .3s all;}
.news-view-button:hover{color: #fff; background: #1E73D5}
.news-view-button__icon{width: 30px;text-align: center;}
.news-view-button__text{padding-right: 10px;}

.news-view-button.facebook{background-color: #3B5998; border-color: #3B5998; color: #fff;}
.news-view-button.facebook:hover{background-color: #fff; border-color: #3B5998; color: #3B5998;}
.news-view-button.twitter{background-color: #55ACEE; border-color: #55ACEE; color: #fff;}
.news-view-button.twitter:hover{background-color: #fff; border-color: #55ACEE; color: #55ACEE;}

.toTop{position: relative; text-align: center;}
.toTop a{display: inline-block; right: 30px;  bottom: 30px; height: 30px; width: 30px;  border-radius: 5px; background-color: rgba(0,0,0,0.6)}
.toTop a span {display: inline-block; color: #ffffff;  margin-top: 5px; font-size: 15px; font-weight: bold; }
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 992px) {
    .container {
        max-width: 960px!important;
    }
}