/*.swiper-slide:not(.swiper-slide-active) .card__title {opacity: 0;}*/
.header-top{padding: 20px 0 0 0;}
.header-top-left{display: flex;align-items: center}
.left-info{display: flex;align-items: center;margin-right: 10px;}
.header-top-info{font-size: 12px;font-weight: 600;line-height: 12px;text-align: left;}
.header-top-icon{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #efefef;border-radius: 8px}
.header-top-icon a{font-size: 18px;color: #000}
.login-btn-box-signup{display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;padding: 0 15px;background: #000;border-radius: 10px;transition: 1s ease-in-out}
.login-btn-box-signin{display: flex;align-items: center;justify-content: center;width: 80px;height: 40px;padding: 0 15px;background: #fff;border: 1px solid #ededed;border-radius: 10px;transition: 1s ease-in-out}
.login-btn-signup{font-size: 16px;line-height: 30px;font-weight: bold;color: #fff;transition: 1s ease-in-out}
.login-btn-signin{font-size: 16px;line-height: 30px;font-weight: bold;color: #000;transition: 1s ease-in-out}
.login-btn-box:hover{background: #740c0f;border: 1px solid transparent;transition: 1s ease-in-out}
.login-btn-box:hover .login-btn{color: #ffff;transition: 1s ease-in-out}

.header-menu .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent;}
.header-menu{ background: #fff;position: relative;border-top: 0 solid #e8e8e8;border-bottom: 1px solid #e8e8e8;line-height: 20px;z-index: 1000;box-sizing: content-box; margin-bottom: 15px;}
.header-menu .header-menu__item{ color: #212121; display: inline-block;position: relative;margin: 0 15px 0 0;font-size: 14px;font-weight: 700;text-transform: uppercase;transition: color .2s ease,background .2s ease;white-space: nowrap; padding: 0 !important;font-family: "Roboto"}
.header-menu .header-menu__item.zmsLink{color: #fff;padding: 0 10px!important;}
.header-menu .header-menu__item > i{    color: #740c0f; margin-right: 5px;}
.header-menu a:before{  content: "";position: absolute;width: 0;height: 2px;background: #f70d28;opacity: 0;transition: all .3s ease-in-out; bottom: 10px; left: 0;}
.header-menu .uk-navbar-nav>li.uk-active>a:before{background-color: #740c0f;  width: 75%;opacity: 1;}
.header-menu a:hover{color: #740c0f}
.header-menu a:hover:before{background-color: #740c0f;opacity: 1;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{min-height: auto; color: #000 ;}
.uk-search-navbar .uk-search-input{ font-size: .875rem; color: #212121 !important}
.header-bottom{background: #fff}

/*MAIN FEATURE*/

.main-feature-fluid{margin-bottom: 20px;}
.main-feature{margin: 0; height: 350px; border: none; padding: 0; width: 100%;}
.main-feature__img{height: 350px; position: relative; overflow: hidden;}
@media (max-width: 680px){
    .main-feature__img{height: auto; padding-bottom: 56%;}
}
.feature-top{ position: relative;overflow: hidden;height: 0;width: 100%;padding-bottom: 51%;transition: all 0.3s ease-in;border-radius: 5px;}
.feature-top:before{content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;z-index: 2;transition: all 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.1%, #000000 100%);}
.feature-top .top-feature__title{text-overflow: unset; height: auto; white-space: unset; color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #0072bb,#0072bb 50%, #ffffff 50%);background-size: 200% 100%;background-position: 100%;transition: all 0.5s cubic-bezier(0,0,.23,1);word-break: break-word;}
.feature-top .top-feature__content{z-index: 3; }
.feature-top .top-feature__head{transition: all 0.5s cubic-bezier(0,0,.23,1);}
.feature-small .top-feature__title{font-size: 16px; line-height: 20px;}
.feature-top:hover img{transform: scale(1.1)}
.top-feature__img img{ position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;object-fit: cover;transition: transform .3s ease;}
.top-feature__content{bottom: 0; color: #ffffff; left: 0; position: absolute; z-index: 0; right: 0;padding: 20px;}
.top-feature__cat{position: absolute;top: 10px;left: 10px;color: #ffffff;  display: inline-block;padding: 5px 9px;transition: all 0.5s ease 0s;  font-weight: 400;font-size: 14px;line-height: 15px;text-transform: none;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  text-decoration: none;background: -webkit-linear-gradient(to right, #dd1818, #620a0a);background: linear-gradient(to right, #dd1818, #620a0a);}
.top-feature__head a:hover{color: #fff;}
.top-feature__head{margin-bottom: 20px;}
.top-feature__head .top-feature__date{margin-left: 20px; margin-bottom: 10px;}
.top-feature__title{margin-bottom: 10px; font-size: 30px;font-weight: 500;color: #fff;transition: all 0.5s cubic-bezier(0,0,.23,1);word-break: break-word;display: block; line-height: 35px;text-overflow: ellipsis;}
.top-feature__desc{margin-bottom: 10px; font-size: 14px;font-weight: 400;color: #fff;transition: all 0.5s cubic-bezier(0,0,.23,1);word-break: break-word;display: block; line-height: 20px;text-overflow: ellipsis;}
.feature-top_date{margin-top: 10px; font-size: 14px;font-weight: 400;color: #ededed;line-height: 16px}

.top-section__head{margin-bottom: 20px;font-size: 20px;display: block;font-weight: 700;text-transform: uppercase;line-height: 40px;position: relative;color: #2B2F3A;}
.top-section__head a{color: #2B2F3A;}
.top-section__head:before {border-left: 4px solid #dc0000;content: "";margin-right: 10px;}

.main-feature-nav{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;font-size: 38px;text-align: center;height: 100%;width: 40px;line-height: 50vh;cursor: pointer;color: #fff;transition: .5s}
.main-feature-nav .fa-angle-right{opacity: 0}
.main-feature-nav .fa-angle-left{opacity: 0}
.main-feature-nav:hover{background: rgba(0,0,0,.3);}
.main-feature-nav:hover .fa-angle-right{opacity: 1}
.main-feature-nav:hover .fa-angle-left{opacity: 1}
.main-feature-nav--right{right: 0;}
.main-feature-nav--left{left: 0;}

/*MAIN-FEATURE*/
.collection{margin: 20px 0; padding: 20px 0; box-sizing: border-box;}
.collection-meta-group{    -webkit-flex-direction: row;  margin-top: 20px;padding-bottom: 15px;}
.collection-author{display: flex; align-items: center; flex-direction: column; }
.collection-image{width: 105px;height: 105px;margin-bottom: 15px; vertical-align: middle;overflow: hidden;position: relative;border-radius: 50%;}
.collection-image img{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;object-position: top;width: 100%;height: 100%;}
.collection-author-name{margin: 20px 0;font-size: 20px;line-height: 20px; font-weight: 700;color: #363636}
.collection-subheading{text-align: justify;font-size: 14px;line-height: 18px;font-weight: 400;font-style: normal;color: #444;margin-top: 7px;margin-bottom: 0}
.author-social{    /*border-top: 1px dotted #999;padding-top: 12px;*//*margin-top: 10px;*/  /*   margin-bottom: 30px; */}
.author-social__title{    font-size: 11px;line-height: 18px;font-weight: 700;font-style: normal;font-family: Roboto, sans-serif;color: #000;text-transform: uppercase; margin-bottom: 6px; display: block;}
.social-media-menu{list-style: none;padding-left: 0; display: flex;}
.social-media-menu > li{margin-left: 10px;border-radius: 50%;width: 30px;height: 30px;padding: 5px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #ddd;}
.social-media-menu > li > a{font-size: 24px;line-height: 1;font-weight: 500;font-style: normal;font-family: Roboto, sans-serif;color: #999;text-decoration: none;}
.social-media-menu > li > a > span{font-size: 14px;}
.social-media-menu > li > a:hover{color: #ccc;}
.social-media-menu .facebook{color: #3B5998;}
.social-media-menu .youtube{color: #cc181e;}
.social-media-menu .twitter{color: #40bff5;}
.social-media-menu .linkedin{color: #238cc8;}

.uk-width-1-7\@m{width: 8%}
.myswiper {position: relative;padding-bottom: 40px;overflow: hidden}
.card {padding: 0;overflow: hidden;position: relative}
.card__image{width: 100%;height: 400px;overflow: hidden;transition: 1s ease-in-out}
.card__image a{width: 100%;height: 100%;}
.card__image img{width: 100%;height: 100%;object-fit: cover}
.card-info-body{position: absolute;bottom: 0;padding: 20px}
.card:before {content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;z-index: 0;transition: all 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.1%, #000000 100%);}
.card:hover .card__image{transform: scale(1.1);transition: 1s ease-in-out}
.article-s-name{padding: 10px;width: 110px;font-size: 15px;font-weight: 600;line-height: 18px;text-align: left;color: rgba(255, 255, 255, 1);background-color: #740c0f;border-radius: 4px}
.article-name{margin-top: 20px;font-size: 24px;font-weight: 600;line-height: 28px;text-align: left;color: rgba(255, 255, 255, 1);}

.mgl-logo-pos{position: relative}
.mgl-logo{position: absolute;left: 20px;z-index: 100}

.right-btn .uk-dropdown{padding: 10px;min-width: 190px}
.right-btn .uk-dropdown-nav>li>a{color: #000}
.right-btn{display: flex;align-items: center;justify-content: flex-end;position: relative}
.right-btn i{width: 20px;height: 20px;font-size: 20px;padding: 5px;border: 1px solid #ddd;border-radius: 10px;color: #000}

.sidebar-box{padding: 20px 10px; box-shadow: 0 2px 4px rgba(0,0,0,.08);}
.sidebar-articles{}
.sidebar-articles__title:nth-child(2){padding-left: 0;}
.sidebar-articles__title:nth-child(3){ padding-left: 0;}
.sidebar-articles__title > a{font-size: 14px!important;text-transform: none!important;font-weight: 500;border: 1px solid #e9e9e9}
.sidebar-articles__title.uk-active > a{color: #fff;background: #dd1818}

.tabContent{margin-top: 20px}
.home-sidebar-article__stories {display: block;height: 730px;overflow: auto;position: relative;}
.article-list-new-box{display: flex;align-items: start;}
.article-list-new-img{width: 90px;min-width: 90px;height: 80px;margin-right: 15px;}
.article-list-new-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px}
.article-list-new{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #ddd}
.article-new-item__title{margin-bottom: 5px;font-size: 14px;line-height: 20px;color: #363636;}
.article-new-item__date{font-size: 14px;line-height: 20px;font-weight: 300;color: #909090;}
.article-list-new:hover .article-new-item__title{opacity: .7}

.home-banner {position: relative;overflow: hidden;display: block;width: 100%;height: 0;padding-bottom: 82%;background-color: #ddd;border-radius: 8px;}
.home-banner-top {position: relative;overflow: hidden;display: block;width: 100%;height: 120px;margin: 15px 0;background-color: #ddd;border-radius: 8px;}
.home-banner-top img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.home-banner img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.home-article-society{position: relative;display: flex;align-items: center;}
.home-article-society-body{position: relative;padding: 30px 20px}
.home-article-society-img{position: relative;width: 500px;min-width: 500px;height: 500px;overflow: hidden;}
.home-article-society-img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.home-article-society-name{margin-bottom: 15px;text-align: center;font-size: 23px;font-weight: 600;line-height: 30px;color: rgba(0, 0, 0, 1);}
.home-article-society-desc{font-size: 12px;font-weight: 400;text-align: center;line-height: 20px;color: rgba(117, 117, 117, 1);}
.home-article-society-section{margin-bottom: 15px;text-align: center;font-size: 14px;font-weight: 400;line-height: 14px;color: #740c0f}
.home-article-society-name:hover {color: #740c0f;}
.home-article-society:hover .home-article-society-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.home-banner-zm{position: relative;}
.home-banner-zm-img{width: 320px;min-width: 320px;height: 256px;margin: auto}
.home-banner-zm-img img{width: 100%;height: 100%;object-fit: contain}
.home-banner-zm-name{margin-bottom: 10px;font-size: 12px;font-weight: 400;line-height: 14px;color: rgba(117, 117, 117, 1);}

.home-article-four-box{margin-bottom: 15px;}
.home-article-four-img {width: 100%;height: 0;padding-bottom: 52.173913%;overflow: hidden;position: relative;background: #ccc;border-radius: 5px;transition: all 0.3s ease;}
.home-article-four-img img{width: 100%;transition: all 0.3s ease;}
.home-article-four-name{margin-top: 15px;margin-bottom: 5px;font-size: 15px;font-weight: 600;line-height: 18px;color: rgba(0, 0, 0, 1);}
.home-article-four-s-name{margin-bottom: 15px;font-size: 16px;font-weight: 500;line-height: 20px;color: #740c0f;}
.home-article-four-date{margin-bottom: 5px;font-size: 11px;line-height: 20px;color: #999}
.home-article-four-desc{font-size: 12px;font-style: italic;line-height: 20px;color: #3D3D3D}
.home-article-four-name:hover {color: #740c0f;}
.home-article-four-box:hover .home-article-four-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.home-article-world-bg{margin-top: 60px;padding: 40px 0;background: rgba(0, 0, 0, 1);}
.home-article-head{position: relative;margin: 20px 0;padding-left: 30px;font-size: 30px;font-weight: 600;line-height: 35px;color: #000;background-color: #fff}
.home-article-head:before{content: '';position: absolute;border-top: 1px solid #000}
.home-article-world-img {width: 100%;height: 0;padding-bottom: 52.173913%;overflow: hidden;position: relative;background: #ccc;}
.home-article-world-img img{width: 100%;object-fit: cover;transition: all 0.3s ease;}
.home-article-head-world {width: 200px;margin: 30px auto;font-size: 25px;font-weight: 600;line-height: 20px;text-align: center;color: #000;background-color: #fff;}
.home-article-head-world-top {border-top: 1px solid #740c0f;top: 10px;}
.home-article-world-name{margin: 20px 0 10px 0;font-size: 15px;font-weight: 600;line-height: 18px;color: rgba(0, 0, 0, 1);}
.home-article-world-desc{margin: 0 0 10px 0;font-size: 14px;font-style: italic;line-height: 20px;color: #3D3D3D;}
.home-article-world-date-box{display: flex;align-items: center}
.home-article-world-date-icon i{font-size: 18px;color: rgba(116, 12, 15, 1);}
.home-article-world-date{margin-left: 10px;font-size: 14px;font-weight: 600;line-height: 16px;color: rgba(117, 117, 117, 1);}
.home-article-world-name:hover {color: #740c0f;}
.home-article-world:hover .home-article-world-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.home-section-box-top{margin: 50px 0}
.home-section-box{margin: 50px 0}
.home-section-name{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 25px;font-weight: 600;line-height: 29px;color: #fff;}
.home-article-img {width: 100%;height: 0;padding-bottom: 52.173913%;overflow: hidden;position: relative;background: #ccc;}
.home-article-img img{width: 100%;object-fit: cover;transition: all 0.3s ease;}
.home-article-name{margin: 15px 0;font-size: 20px;font-weight: 600;line-height: 23px;color: #fff;}
.home-article-date-box{display: flex;align-items: center}
.home-article-date-icon i{font-size: 18px;color: #fff;}
.home-article-date{margin-left: 10px;font-size: 15px;font-weight: 600;line-height: 18px;color: #fff;}
.home-article-name:hover {opacity: .8}
.home-article-v:hover .home-article-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.content-info .left {display: flex; align-items: center;}
.content-info .left {color: #363636; font-size: 12px;}
.content-info .left .profile{display: flex; align-items: center;}
.content-info .left .profile .image{width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.content-info .left .profile .image img{max-width: 100%;width: 100%; height: 100%;object-fit: cover}
.content-info .left .profile .name{text-transform: initial; color: #363636; font-size: 14px; margin-left: 10px;}
.content-info .left .date{border-left: 1px solid #dedede; margin-left: 9px; padding-left: 10px; font-weight: 400; text-transform: initial;}
.content-info .left .read{border-left: 1px solid #dedede; margin-left: 9px; padding-left: 10px; font-weight: 400; text-transform: initial;}


.home-section-two-name{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #740c0f;font-size: 25px;font-weight: 600;line-height: 29px;color: #000;}
.home-article-two-img {width: 100%;height: 0;padding-bottom: 52.173913%;overflow: hidden;position: relative;background: #ccc;}
.home-article-two-img img{width: 100%;object-fit: cover;transition: all 0.3s ease;}
.home-article-two-name{margin: 15px 0;font-size: 20px;font-weight: 600;line-height: 23px;color: #000;}
.home-article-two-desc{margin-bottom: 10px;font-size: 12px;font-style: italic;line-height: 20px;color: #3D3D3D;}
.home-article-two-date-box{display: flex;align-items: center}
.home-article-two-date-icon i{font-size: 18px;color: #000;}
.home-article-two-date{margin-left: 10px;font-size: 14px;font-weight: 600;line-height: 18px;color: rgba(117, 117, 117, 1);}
.home-article-two-name:hover {color: #740c0f;}
.home-article-two:hover .home-article-two-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.article-img{width: 100%;height: 580px;}
.article-img img{width: 100%;height: 100%;object-fit: cover}
.article-main-name{margin: 20px 0;color: #000;font-size: 44px;font-style: normal;font-weight: 600;line-height: normal;}
.article-text p{color: #333;font-size: 16px;font-style: normal;font-weight: 400;line-height: 25px;text-align: justify}
.article-text h3{margin: 0}

.articles-list-box{display: flex;align-items: center;margin-top: 20px;border: 2px solid #D6D6D6;}
.articles-section-name{margin: 50px 0 30px 0;text-align: center;font-size: 40px;font-weight: 600;line-height: 48px;color: rgba(0, 0, 0, 1);}
.articles-list-img{width: 300px;min-width: 300px;height: 0;padding-bottom: 45%;overflow: hidden;position: relative;background: #ccc;}
.articles-list-img img{width: 100%;height: 270px;object-fit: cover}
.articles-list-body{padding: 10px;background: rgba(255, 255, 255, 1);}
.articles-list-name{margin-bottom: 10px;font-size: 18px;font-weight: 600;line-height: 21px;color: rgba(0, 0, 0, 1);}
.articles-list-desc{margin-bottom: 10px;font-size: 15px;font-weight: 600;line-height: 18px;color: rgba(117, 117, 117, 1);}
.articles-list-date{font-size: 15px;font-weight: 600;line-height: 18px;color: rgba(0, 0, 0, 1);}

.articles-org-list-img{width: 300px;min-width: 300px;height: 0;padding-bottom: 20%;overflow: hidden;position: relative;background: #ccc;}
.articles-org-list-img img{width: 100%;height: 270px;object-fit: cover}

.order-detail-comment__rating{color: #15223F; font-size: 16px; margin-top: 25px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #CBCBCB;}
.order-detail-comment__rating .rate{color: #FAB740; font-size: 18px; margin-left: 15px; cursor: pointer;}

.order-detail-comment__form{margin-bottom: 40px;}
.order-detail-comment__form .uk-textarea{border: 1px solid #852B2D; border-radius: 30px; resize: none; min-height: 100px; color: #363636; padding: 10px 14px; font-size: 14px;}
.order-detail-comment__form .uk-input{border: 1px solid #852B2D; border-radius: 30px; resize: none; color: #363636; padding: 10px 14px; font-size: 14px; width: calc(100% - 160px)}
.order-detail-comment__form .uk-textarea:focus{border-color: #740C0F}
.order-detail-comment__form .uk-input:focus{border-color: #740C0F}
.order-detail-comment__form .uk-button{background: #740C0F; border-radius: 30px; color: #FFFFFF; font-size: 14px; border: 2px solid #852B2D; transition: .5s all; width: 150px; box-sizing: border-box; height: 40px;}
.order-detail-comment__form .uk-button:hover{background: transparent; color: #740C0F}

.videoWrapper{width: 100%; position: relative; padding-bottom: 0; height: 0; overflow: hidden }
.videoWrapper--portrait{height: auto; padding-bottom: auto; text-align: center;}
.videoWrapper--portrait iframe{display: inline-block;}
/*.videoWrapper--portrait iframe{height: 100%; position: absolute; top: 0; left: 0; bottom: 0; border: none; width: 100%}*/
.videoWrapper--horizontal{padding-bottom: 56.25%}
.videoWrapper--horizontal iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.videoWrapper__top{width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}


/*нийтлэгчид*/
.middle-article{ margin-bottom: 10px; overflow: hidden;}
.middle-article__title{font-size: 30px; color: #000000; display: block; font-weight: 900;position: relative; padding-left: 20px;}

.o-header{padding: 0;position: relative;border-bottom: 2px solid #740c0f;margin-bottom: 20px; margin-top: 20px;}
.o-header > h3{display: inline-block; color: #0080c3;font-size: 24px;line-height: 31px;font-weight: 700;margin-top: 3px;padding-bottom: 10px;border-bottom: 2px solid #0080c3;margin-bottom: -2px;}
.author-profile{border: 1px solid #E6E6E6;padding: 20px;text-align: center;margin-bottom: 20px; transition: .2s; display: block; background-color: #fff;border-radius: 10px}
.author-profile:hover{box-shadow: 0 0 70px -26px rgba(0, 0, 0, .75); background-color: #fff; }
.author-profile__img{border-radius: 50%; width: 108px; height: 108px; overflow: hidden; display: block; position: relative; margin: 0 auto;}
.author-profile__img img{width: 100%;height: 100%;object-fit: cover}
.author-profile__name{display: block;margin-bottom: 7px;margin-top: 20px; font-weight: 700;font-size: 18px;line-height: 20px;color: #363636}
.author-profile__name:after{ content: '';display: block;width: 60px;margin: 10px auto 0 auto;border-top: 2px solid #740c0f; }
.author-profile__name > a{margin-top: 10px;font-size: 14px;font-style: italic;line-height: 24px; }
.author-profile__description{ height: 44px;overflow: hidden;color: #000;font-size: 14px;font-weight: 400;line-height: 22px; display: inline-block}
.author-aritcle{margin-top: 20px;}
.author-img__fluid{    max-width: 100%; height: auto;     vertical-align: middle;border-style: none;     border-radius: 50% !important;}
.author-img__title{    margin-top: 10px; overflow: hidden;color: #000;font-size: 16px;font-weight: 700;line-height: 22px;display: inline-block;}
.author-img__description{font-size: 14px;font-style: italic;line-height: 24px; color: #999; }
.author-img__social{color: #0080c3; font-size: 14px; line-height: 22px;}
.author-aritcle__header{max-width: 700px; margin: 0 auto;}

@media (max-width: 768px) {
    .o-header{margin-top: 70px;}
    .author-aritcle{margin-top: 70px;}
}

.image-wrapper{position: relative; overflow: hidden; margin-bottom: 10px;}
.image-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%;}
.photos-slide > .gallery-top { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.photos-slide > .gallery-top > .swiper-wrapper > .gallery-top-image{text-align: center;}
.photos-slide > .gallery-thumbs > .swiper-wrapper > .gallery-thumbs-image{text-align: center;}
.gallery-thumbs { display: block; height: 20%; box-sizing: border-box; padding: 10px 0; margin-bottom: 20px; }
.gallery-thumbs .swiper-slide { width: 25%; height: 80px; opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }

.comment-item{display: flex; margin-bottom: 20px;}
.comment-item__img{width: 60px; height: 60px; margin-right: 30px;background-size: contain; background-position: center center;}
.comment-item__detail{width: calc(100% - 80px)}
.comment-item__name{color: #242424; font-size: 14px; font-weight: bold; line-height: 30px;}
.comment-item__text{font-size: 14px; color: #666666; line-height: 24px;}


/* for share*/
#sidebar .social {display: flex;flex-direction: column;margin: 20px 0;}
#sidebar .social .item{display: inline-block; width: 40px; height: 40px; margin-top: 10px; position: relative; background-color: #1d1d1d; border-radius: 50%; color: #fff;}
#sidebar .social .item:after{ position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-family: FontAwesome, sans-serif;  color: #fff;  }
#sidebar .social .item.facebook{background-color: #3b5998;}
#sidebar .social .item.facebook:after{content: "\f09a";}
#sidebar .social .item.facebook:hover{background-color: #00497d;}
#sidebar .social .item.twitter{background-color: #1bb2e9;}
#sidebar .social .item.twitter:after{ content: "\f099";}
#sidebar .social .item.twitter:hover{background-color: #00497d;}
#sidebar .social .item.print{background-color: #bbbbbb;}
#sidebar .social .item.print:after{ content: "\f02f";}
#sidebar .social .item.print:hover{background-color: #00497d;}

.social-item{margin-right: 15px;}
.social-item a{display:inline-block;box-sizing: border-box;position:relative;width: 40px;height: 40px;line-height:40px;border-radius:50%;color:#fff;margin:0;text-decoration:none;font-weight: 500;font-size: 12px;transition: all .2s ease-in-out;text-align: center;}
.social-item a:before{content:'';display:block;position:absolute;left:8px;transition: all .3s ease-in-out;transform: scale(1.2);  top: 50%; left: 50%; transform: translate(-50%, -50%);}
.social-item a:hover{opacity:.8;}
.social-item i{    box-sizing: border-box;font-style: normal;background-color: #f5f5f5;color: #bbb;display: block;position: relative;border: 1px solid #e5e5e5;border-radius: 3px;top: 1px;margin: 0 auto;font-size: 12px;height: 30px;line-height: 30px;margin-top: 5px; /* margin-left: 7px; */text-align: center;max-width: 40px;padding: 0px 8px 0px 8px;}
.social-item i:after {content: '';display: block;position: absolute;top: -9px; /* left: -9px; */width: 0;border-color: transparent transparent transparent #f5f5f5;border-style: solid;border-width: 5px;-ms-transform: rotate(180deg); /* -webkit-transform: rotate(180deg); */margin-left: auto;margin-right: auto;left: 0;right: 0;transform: rotate(-90deg)}
.social-item i:before {content: '';display: block;position: absolute;top: -10px;width: 0;margin-left: auto;margin-right: auto;left: 0;right: 0;height: 1px;border-color: transparent transparent transparent #e5e5e5;border-style: solid;border-width: 5px;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.social-item.fb a{background-color: #3b5998;}
.social-item.fb a:before{background-position: 0px -16px;content: "\f09a";font-family: FontAwesome, sans-serif;  font-size: 16px;}
.social-item.tw a{background: #00acee;}
.social-item.tw a:before{width: 20px;height: 20px;background-image: url("../assets/tweet.svg");content: ""}
.social-item.pr a{background: #bbbbbb;}
.social-item.pr a:before{background-position: 0px 0px;content: "\f02f";font-family: FontAwesome, sans-serif;font-size: 16px;}
.social-item.view a:before{background-position: 0px 0px;content: "\f06e";font-family: FontAwesome, sans-serif;font-size: 16px;}
.social-item.view a{background: #bbbbbb;}

.content-share{margin: 20px 0;}
.content-share:after{clear: both; display: table; content: ""}
.content-share__stats{}
.content-share__stats > div{float: left;text-align: center;line-height: 1;margin-right: 15px;position: relative;}
.content-share__stats .counts{    color: #53585c; font-size: 26px;font-weight: 700; }
.content-share__count .counts{color: #740c0f;}
.content-share__stats .sharetext{font-size: 11px;color: #a0a0a0; }
.content-views__count{padding-right: 15px;}
.content-views__count:after{    width: 1px;height: 100%;background: #e0e0e0;display: block;content: "";position: absolute;right: 0;top: -2px;-webkit-transform: rotate(15deg);transform: rotate(15deg);}

/* last share*/

.footer-icon{width: 240px;margin-right: 30%}
.footer{padding: 20px 0;margin: 20px 0;border-top: 1px solid rgba(45, 46, 45, 1);}
.footer-head{padding-bottom: 20px;display: flex;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px dashed rgba(102, 102, 102, 1);}
.footer-top{display: flex;align-items: center;justify-content: center;}
.footer-top ul{display: flex;align-items: center;margin: 0}
.footer-top ul li{list-style: none;line-height: 15px;padding-right: 10px;margin-right: 10px;border-right: 1px solid rgba(214, 214, 214, 1);}
.footer-top ul li:last-child{border-right: none}
.footer-top ul li a{font-size: 14px;font-weight: 600;line-height: 20px;color: #000;}
.ss-copyright{text-align: center}
.ss-copyright a{font-size: 14px;line-height: 20px;color: #000;}

.scroll-top-arrow, .scroll-top-arrow:focus {font-size: 23px;line-height: 47px;display: none;height: 45px;width: 45px;cursor: pointer;padding: 0;position: fixed;bottom: 20px;right: 20px;text-align: center;text-decoration: none;z-index: 80;border-radius: 50px;color: #740c0f;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background: hsla(0,0%,71%,.15);border: 1px solid rgba(0,0,0,.11);box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 10%), 0 2px 6px rgb(0 0 0 / 10%);}
.scroll-top-arrow i {line-height: 45px;}

/* drop menu for*/
.head-menu {     display: inline-block;padding: 10px 20px;margin-top: 5px;transition: all 0.3s ease-in-out; }
.head-menu:hover {cursor: pointer;  }
.head-menu .menu-item:first-child {background: #000;  display: block;  height: 2px;  margin: 0 0 5px;  transition: all 0.3s ease-in-out;  width: 30px;border-radius: 3px;}
.head-menu .menu-item:nth-child(2) {background: #000;  display: block;  height: 2px;  margin: 0 0 5px;  transition: all 0.3s ease-in-out;  width: 25px;border-radius: 3px;}
.head-menu .menu-item:nth-child(3) {background: #000;  display: block;  height: 2px;  margin: 0 0 5px;  transition: all 0.3s ease-in-out;  width: 20px;border-radius: 3px;}
.head-menu.open .menu-item {  margin: 0 0 5px;  }
.head-menu.open .menu-item:first-child {width: 20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 0px;transform-origin: 0px;  background-color: #000;}
.head-menu.open .menu-item:nth-child(2) {opacity: 0}
.head-menu.open .menu-item:nth-child(3) {width: 20px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 0px;transform-origin: 0px; background-color: #000; }

.dropdown-menu__wrapper{position: absolute;width: 100%;background: antiquewhite;}
.dropdown-menu{    background: #F8F9FA;position: relative;z-index: 100}
.dropdown-menu__container{max-height: 0; max-width: 1200px;margin: 0 auto; position: relative; transition: max-height 0.4s ease-in-out; overflow: hidden;}
.dropdown-menu__container:after{clear: both; display: table; content: ""}
.dropdown-menu__close{display: none;  position: absolute;  top: 10px;  right: 0px;  cursor: pointer;  color: #b3b3b3;  height: 30px;  width: 30px;  font-size: 9px;}
.dropdown-menu__close:after{height: 25px;width: 25px; display: inline-block;  content: url(data:image/svg+xml,<svg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2015%2015%27><path%20d%3D%27M11.9%202.5q0.3%200%200.4%200.2t0.2%200.4q0%200.3-0.2%200.4l-3.9%203.9%203.9%203.9q0.2%200.2%200.2%200.4%200%200.3-0.2%200.4t-0.4%200.2q-0.3%200-0.4-0.2l-3.9-3.9-3.9%203.9q-0.2%200.2-0.4%200.2-0.3%200-0.4-0.2t-0.2-0.4q0-0.3%200.2-0.4l3.9-3.9-3.9-3.9q-0.2-0.2-0.2-0.4%200-0.3%200.2-0.4t0.4-0.2q0.3%200%200.4%200.2l3.9%203.9%203.9-3.9q0.2-0.2%200.4-0.2z%27%20fill%3D%27%23fff%27%2F><%2Fsvg>); line-height: initial;  opacity: 0.7;  -webkit-transition: opacity 0.1s ease-out;  -o-transition: opacity 0.1s ease-out;  transition: opacity 0.1s ease-out;}
.dropdown-menu__close:hover{fill: #f3f4ef;}
.dropdown-menu .dropdown-menu--open .dropdown-menu__container { max-height: 1170px;transition: max-height 0.4s ease-in-out; }

.sub-mega-menu .drop-menu-wrapper {column-gap: 15px;column-count: 5!important;}
.sub-mega-menu .menuDrop{padding: 25px 0}
.sub-mega-menu .drop-menu h4 a {color: #740c0f;font-size: 16px;text-transform: uppercase;font-weight: bold;display: block;}
.sub-mega-menu .drop-menu-wrapper .drop-menu {padding: 0;break-inside: avoid;margin-bottom: 20px;}
.sub-mega-menu .menuDrop h4 {font-size: 14px;margin-bottom: 10px;}
.sub-mega-menu .menuDrop ul {padding-left: 30px;margin-bottom: 0;}
.sub-mega-menu .menuDrop ul li {padding: 0;list-style: square}
.sub-mega-menu .menuDrop ul li:last-child a {margin-bottom: 8px;}
.sub-mega-menu .menuDrop ul li a {color: #495661;font-size: 14px;line-height: 16px;font-weight: 400;display: block;margin-bottom: 5px;transition: 1s ease-in}
.menuDrop ul li:hover a{margin-left: 10px;color: #740c0f;font-weight: 500;transition: 1s ease-in}
@media (max-width: 759px) {
    .dropdown-menu .dropdown-menu--open .dropdown-menu__container  {max-height: none}
}

/*breaking news*/

.breaking_news {width:100%;font-size: 14px;background: #740c0f}
.breaking_news:after{position:relative;clear: both;; display: table;; content: "";}
.label {float: left;padding: 0 15px;font-size: 14px;color: #FFF;line-height: 40px;font-weight: bold;height: 40px;text-transform: uppercase;}
.news_title {line-height: 40px;height: 40px;float:left;width: calc(100% - 156px); position: relative; overflow: hidden;}
.breaking_news__title{font-size: 14px;display: inline-block;color: #fff;padding: 0 20px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-weight: 700;}
.breaking_news__title:hover{opacity: .9;color: #fff;}
.js-marquee{display: flex}
.breaking-before{display: flex;align-items: center}
.breaking-before:before{content: "\f0c1";position: absolute;font:normal normal normal 14px/1 FontAwesome;color: #fff}
/* Ripple magic */
.ripple {position: relative;overflow: hidden;}
.ripple:after {content: '';position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background: rgba(255, 255, 255, .5);opacity: 0;border-radius: 100%;transform: scale(1, 1) translate(-50%);transform-origin: 50% 50%;}
.breaking_news-close{padding: 0;margin: 0;border: none;background: none;color: #ffffff;font-size: 14px;cursor: pointer;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 3;}

.zmsLink{top: 0;left: 0;padding: 0 10px!important;z-index: 2;color: #fff;text-transform: uppercase;border-radius: 10px;animation: zmsLink 2s infinite;font-size: 14px;background-color: #ed0104;}
.zmsLink:before {background: #fff!important;content: " ";display: block;width: 8px;height: 8px;border-radius: 8px;position: absolute;margin-top: 6px;left: 5px;animation: zmsLink 2s infinite;}
@keyframes zmsLink {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

/* for live*/
.live{position: absolute;top: 0;left: 0;padding: 1px 6px 1px 20px;z-index: 2;color: #fff;text-transform: uppercase;border-bottom-right-radius: 10px;animation: live 2s infinite;font-family: Roboto, sans-serif;font-size: 14px;background-color: #ed0104;}
.live:before {background: #fff!important;content: " ";display: block;width: 8px;height: 8px;border-radius: 50%;position: absolute;margin-top: 6px;left: 5px;animation: live 2s infinite;}
@keyframes live {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.home-sidebar-org__stories{position: relative;display: block;height: 645px;overflow: auto}
.list-header-org{padding: 10px;margin-bottom: 15px;font-size: 16px;line-height: 20px;font-weight: 500;color: #fff;background: -webkit-linear-gradient(to right, #dd1818, #620a0a);background: linear-gradient(to right, #dd1818, #620a0a);}
.list-header-org a{color: #fff}
.list-org{display: flex;align-items: center;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #ddd;}
.list-org-img{width: 90px;min-width: 90px;height: 90px;border-radius: 50%;background: #ddd}
.list-org-img img{width: 100%;height: 100%;border-radius: 50%;object-fit: cover;object-position: top}
.list-org-body{padding: 0 20px}
.list-org-name{font-size: 16px;line-height: 30px;font-weight: bold;color: #363636}
.list-org-desc{font-size: 14px;line-height: 20px;font-weight: 400;color: #b3b3b3;}

.home-right-article-demand{position: relative;overflow: hidden;border-radius: 5px;}
.home-right-article-demand:before {content: "";display: block;padding-top: 67%;}

.article-demand{position: relative;overflow: hidden;border-radius: 5px;}
.article-demand:before {content: "";display: block;padding-top: 92%;}
.article-demand__img{ position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;background-position: left;background-repeat: no-repeat;background-size: cover;transition: transform .3s ease;}
.article-demand__img:before {content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;background: linear-gradient(180deg,transparent 0,#000 65%,#000);opacity: .6;z-index: 2;}
.article-demand__content{bottom: 0; color: #ffffff; left: 0; position: absolute; width: 100%; z-index: 0; right: 0;     background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.65) 70%); padding: 20px; box-sizing: border-box;}
.article-demand__content {z-index: 3;}
.article-demand__title {line-height: 30px;transition: transform .35s;}
.article-demand__title{ font-size: 20px; font-weight: bold;display: block; overflow: hidden; margin-bottom: 10px;color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, #0078d7,#0078d7 50%, #ffffff 50%);background-size: 200% 100%;background-position: 100%;transition: all 0.5s cubic-bezier(0,0,.23,1);word-break: break-word;}
.article-demand__date {display: inline-block}
.article-demand__date{font-size: 12px;text-transform: capitalize;  font-weight: 400;line-height: 20px;margin-right: 8px; color: #fff;}
.article-demand__date i{ font-size: 11px;margin-right: 5px;}
.article-demand__desc {line-height: 25px;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0);transition: transform .35s;}
.article-demand__desc{font-size: 18px;font-weight: 400;color: #333;margin-top: 10px}
.article-demand__desc{    font-size: 14px;color: #DDDDDD;display: block;line-height: 21px;margin-bottom: 10px;width: 90%}

.article-demand:hover .article-demand__img {transform: scale(1.1);transition: all 0.3s ease;}

.article-left-item {position: relative;display: block;margin-top: 15px;}
.article-left-item-img {border-radius: 5px;height: 0;width: 100%;padding-bottom: 52.6%;background: -webkit-gradient(linear, left top, left bottom, color-stop(40.96%, rgba(0, 0, 0, 0)), to(#000));background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000 100%);}
.article-left-item-img:before {content: '';z-index: 1;height: 100%;position: absolute;bottom: 0;right: 0;left: 0;background: -webkit-gradient(linear, left top, left bottom, color-stop(40.96%, rgba(0, 0, 0, 0)), to(#000));background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000 100%);}
.article-left-item-img img{width: 100%;transition: all 0.3s ease;}
.article-left-item-text {position: absolute;padding: 0 25px 15px 15px;text-transform: unset;bottom: 0;left: 0;right: 0;display: block;z-index: 6;}
.article-left-item-title {color: #fff;font-size: 14px;font-weight: 700;line-height: 16px;}
.article-left-item:hover .article-left-item-img img{transform: scale(1.1)translate(-50%, -50%);transition: all 0.3s ease;}

.polls {margin-top: 40px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.polls .poll{padding: 20px; border: 1px solid #e8e7e7; -webkit-box-sizing: border-box; box-sizing: border-box;}
.group-header {border-bottom: 2px solid #eee;position: relative;margin-bottom: 30px}
.group-header__title {color: #212121;font-size: 16px;margin: 0;line-height: normal;float: left;font-weight: 500;}
.group-header__title > span {background-color: #740c0f;color: #fff;border-radius: 2px 2px 0 0;margin-bottom: -2px;display: inline-block;height: 36px;line-height: 36px;padding: 0 15px;white-space: nowrap;}
.group-header:after {clear: both;display: table;content: "";}

.header-login{font-size: 26px;font-weight: bold;line-height: 30px;text-transform: uppercase;color: #000;}
#passwordToggle {left: initial;right: 10px;cursor: pointer;}
.sign-form-group i.fa {position: absolute;left: 10px;top: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #666;}

.chart{display: -webkit-box;display: -ms-flexbox;display: flex;}
.chart__poll{float: left; width: 30%;}
.chart__graph{float: left; width: 30%;}
.chart-graph{width: 60%; height: 230px; float: right}
.chart__questions{width: 33%; margin-right: 15px; padding-bottom: 20px;}
.chart__question{font-size: 20px;line-height: 30px;font-weight: 700;  color: #363636;}
.chart__data{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.chart__bar {display: block;position: relative;padding-left: 40px;margin-bottom: 12px;cursor: pointer;font-size: 16px;min-height: 30px;line-height: 30px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chart__button {position: absolute;opacity: 0;cursor: pointer;}
.chart__checkmark {position: absolute;top: 15px;left: 0;height: 30px;width: 30px;border-radius: 50%; border: 2px solid #d1d1d1;}
.chart__bar:hover input ~ .chart__checkmark {border-color: #bb1919;}
.chart__bar input:checked ~ .chart__checkmark :after{display: block;}
.chart__bar .chart__checkmark:after {border-radius: 0; top: 5px; left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 9px; height: 16px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 4px; border-style: solid; border-color: #bb1919; border-top: 0; border-left: 0;}
.chart__checkmark:after {content: "";position: absolute;display: none;}
.chart__bar input:checked ~ .chart__checkmark:after {display: block;}
/*.chart__bar .chart__checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}*/
.chart__progress-back{position: relative;background-color: #ececec; height: 100%;min-height: 12px;border-radius: 5px;overflow: hidden;}
.chart__progress{position: absolute; background-color: rgba(0, 0, 0, 0.1);height: 100%; left: 0; z-index: 1;}
#chart__progress0{background-color: #4285f4;}
#chart__progress1{background-color: #db4437;}
#chart__progress2{background-color: #f4b400;}
#chart__progress3{background-color: #0e9d58;}
#chart__progress3{background-color: #f6c7b6;}
.chart__answers{display: inline-block;}
.chart-answers__text{display: block; z-index: 11; position: relative;color: #363636; font-size: 14px; line-height: 20px;margin-bottom: 5px;font-family: 'Roboto'; font-weight: 400;}
.chart__perc{position: absolute;right: 8px; font-size: 14px; color: #fff;}
.chart__submit{display: inline-block;text-decoration: none;text-transform: uppercase;color: #999999;font-size: 14px; border: 1px solid #999999; font-weight: 700; padding: 12px 26px; margin-top: 7px; border-radius: 10px;}
.chart__submit:hover{color: #4c4c4c; border-color: #4c4c4c;}


.window { /*position: relative;*/display: none; /*width: 100%;*/ /*height: 50px;*/ /*margin: 100px auto 0;*/ /*box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);*/overflow: hidden; /*border-radius: 3px;*/ /*background: #F1F1F1;*/background-color: #222222 !important;}
.header {position: absolute;display: block;top: 0;left: 0;height: 52px;width: 100%;background: #fff;overflow: hidden;-webkit-transition: all 0.5s ease-out, background 1s ease-out;transition: all 0.5s ease-out, background 1s ease-out;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;z-index: 100;border-bottom: 2px solid #740c0f;}
 .header .burger-container {position: relative;display: inline-block;height: 50px;width: 50px;cursor: pointer;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-user-select: none;-moz-user-select: none; /*float: right;;*/-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.window .header .burger-container #burger {width: 18px;height: 8px;position: relative;display: block;margin: -4px auto 0;top: 50%;}
 .header .burger-container #burger .bar {width: 100%;height: 4px;display: block;position: relative;background: #000;-webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition-delay: 0s;transition-delay: 0s;border-radius: 10px;}
.header .burger-container #burger .bar.topBar {-webkit-transform: translateY(0px) rotate(0deg);transform: translateY(0px) rotate(0deg);}
.header .burger-container #burger .bar.btmBar {-webkit-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg);}
.header .icon {display: inline-block;position: absolute;line-height: 50px;width: 50px;height: 50px;text-align: center;color: #FFF;font-size: 22px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.header .icon.icon-bag {right: 0;top: 0;left: auto;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition-delay: 0.65s;transition-delay: 0.65s;}
.header ul.menu {border-top: 2px solid #740c0f;position: relative;display: block;padding: 0px 48px 0;list-style: none;}
.header ul.menu li.menu-item {border-bottom: 1px solid #740c0f;margin-top: 5px;-webkit-transform: scale(1.15) translateY(10px);transform: scale(1.15) translateY(10px);opacity: 0;-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.header ul.menu li.menu-item:nth-child(1) {-webkit-transition-delay: 0.49s;transition-delay: 0.49s;}
.header ul.menu li.menu-item:nth-child(2){ -webkit-transition-delay: 0.42s;transition-delay: 0.42s;}
 .header ul.menu li.menu-item:nth-child(3) {-webkit-transition-delay: 0.35s;transition-delay: 0.35s;}
 .header ul.menu li.menu-item:nth-child(4) {-webkit-transition-delay: 0.28s;transition-delay: 0.28s;}
 .header ul.menu li.menu-item:nth-child(5) {-webkit-transition-delay: 0.21s;transition-delay: 0.21s;}
 .header ul.menu li.menu-item:nth-child(6) {-webkit-transition-delay: 0.14s;transition-delay: 0.14s;}
 .header ul.menu li.menu-item:nth-child(7) {-webkit-transition-delay: 0.07s;transition-delay: 0.07s;}
.header ul.menu li.menu-item a {display: block;position: relative;color: #363636;text-decoration: none;font-size: 16px;line-height: 2.35;font-weight: 200;width: 100%;}
.header ul.menu li.menu-item a.zmsLink{color: #fff}
.header.menu-opened {height: 100%;background-color: #fff;-webkit-transition: all 0.3s ease-in, background 0.5s ease-in;transition: all 0.3s ease-in, background 0.5s ease-in;-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.header.menu-opened .burger-container #burger .bar{height: 1px}
.header.menu-opened .burger-container {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.header.menu-opened .burger-container #burger .bar {-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.header.menu-opened .burger-container #burger .bar.topBar {-webkit-transform: translateY(4px) rotate(45deg);transform: translateY(4px) rotate(45deg);}
.header.menu-opened .burger-container #burger .bar.btmBar {-webkit-transform: translateY(3px) rotate(-45deg);transform: translateY(3px) rotate(-45deg);}
.header.menu-opened ul.menu li.menu-item {-webkit-transform: scale(1) translateY(0px);transform: scale(1) translateY(0px);opacity: 1;}
 .header.menu-opened ul.menu li.menu-item:nth-child(1) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
 .header.menu-opened ul.menu li.menu-item:nth-child(2) {-webkit-transition-delay: 0.34s;transition-delay: 0.34s;}
 .header.menu-opened ul.menu li.menu-item:nth-child(3) {-webkit-transition-delay: 0.41s;transition-delay: 0.41s;}
.window .header.menu-opened ul.menu li.menu-item:nth-child(4) {-webkit-transition-delay: 0.48s;transition-delay: 0.48s;}
.window .header.menu-opened ul.menu li.menu-item:nth-child(5) {-webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
.window .header.menu-opened ul.menu li.menu-item:nth-child(6) {-webkit-transition-delay: 0.62s;transition-delay: 0.62s;}
.window .header.menu-opened ul.menu li.menu-item:nth-child(7) {-webkit-transition-delay: 0.69s;transition-delay: 0.69s;}
.window .header.menu-opened .icon.icon-bag {-webkit-transform: translateX(75px);transform: translateX(75px);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.window .content {padding: 67px 4% 0;text-align: justify;overflow: scroll;max-height: 100%;}
.window .content::-webkit-scrollbar {display: none;}
.warning{margin-bottom: 20px;font-size: 12px; color: #988906; font-weight: 400; font-style: italic; line-height: 1.4; text-align: justify;}


/*=== horoscope for===*/

#calendar-target{font-family: "Roboto", sans-serif; margin-bottom: 30px; float: left; width: 50%; padding-right: 20px;}
.kal{color: #5b5a5a;}
.kal__days {padding: 0 2px;}
.kal__days:after, .kal__days:before{content: ""; display: table}
.kal__days:after{clear: both;}
.kal__day{float: left; width: 14.4379%; min-height: 26px; text-align: center;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(229,229,229,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(229,229,229,1);
    box-shadow: inset 0px 0px 0px 1px rgba(229,229,229,1);
    margin-right: -1px;
    margin-bottom: -1px;
}
.kal__labels{overflow: hidden; width: 100%;}
.kal__label{line-height: 26px; box-shadow: none; color: #585858; font-weight: 400;text-transform: uppercase}
.kal__day--weekend {color: #d3292c;}
.kal__day--empty{}
.kal--active{background-color: #f5f5f5;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(187,25,25,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(187,25,25,1);
    box-shadow: inset 0px 0px 0px 1px rgba(187,25,25,1);
}
.kal__inner{height: 0; padding-bottom: 90%; width: 100%; position: relative; cursor: pointer;transition: all .3s ease-in-out;}
.kal__day:hover .kal__inner {background: #f8f8f8;}
.kal__solar{position: absolute; font-size: 17px;font-weight: 300;color: #333;top: 0; left: 0; width: 50%; height: 50%; padding-top: 6%; padding-left: 6%;}
.kal__lunar{position: absolute; font-size: 11px; bottom: 0; right: 0; color: #666666; width: 33.3333%; height: 33.3333%}
.kal__additional{position: absolute; font-size: 10px; bottom: 0; left: 33.3333%; height: 33.3333%; text-align: center; width: 33.3333%}
.kal__additional span.dash-balj{color: #3465aa}
.kal__additional span.mod-hohi{color: #dc0030}
.kal__additional span.ters{color: #b10058}
.kal__additional span.dash{color: #e57d04}
.kal__additional span.balj{color: #09a274}
.kal__moon{position: absolute; top: 0; right: 0; width: 12px; height: 12px; border-radius: 50%;  margin-right: 12%; margin-top: 12%; overflow: hidden}
.kal__moon.no-moon{background: #e1e2e3}
.kal__moon.full-moon{background: #666666}
.kal__moon.half-moon:before{content: ""; position: absolute; width: 50%; left: 0; top: 0; height: 100%; background: #666;}
.kal__moon.half-moon:after{content: ""; position: absolute; width: 50%; right: 0; top: 0; height: 100%; background: #e1e2e3;}
.kal__haircut{position: absolute; bottom: 0; left: 0; width: 33.3333%; height: 33.3333%; text-align: center;margin-bottom: 4%;}
.kal__haircut span{color: #fec64f;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 10px;
}
.kal__month {margin: 20px 0;text-align: center;line-height: 34px; color: #fff; padding: 5px; font-size: 18px;background: linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);background: -moz-linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);background: -webkit-linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);}
.kal__navigation{overflow: hidden; margin-bottom: 5px;}
.kal__navigation:after, .kal__navigation:before{content: ""; display: table}
.kal__navigation:after{clear: both;}
.kal__next,.kal__prev, .kal__today{float: right; cursor: pointer; color: rgba(0,0,0,.6); padding: 10px; color: #fff; background: linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);background: -moz-linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);background: -webkit-linear-gradient(163.81deg, #00B4F1 -0.01%, #0058BD 100%);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-size: 18px;
    margin-right: 5px;
}
.kal__next, .kal__prev{padding: 10px 15px;}
.kal__next{margin-right: 0;}
.kal__today{font-family: "Roboto Condensed", sans-serif}
.kal__next,.kal__prev, .kal__today span{color: #fff;}
.kal__next:hover,.kal__prev:hover, .kal__today:hover{opacity: 0.8}

#details-target{float: left; color: #000; width: 50%;}
#details-target h2{margin-bottom: 20px; font-weight: bold; font-family: "Roboto Condensed", sans-serif;  text-transform: uppercase}
#details-target h6{text-transform: uppercase; font-size: 18px;  font-family: "Roboto Condensed", sans-serif;  color: #bb1919; }
/*details:before{font-family: 'FontAwesome'; content: '\f059';}*/

@media(max-width: 800px){
    #calendar-target{width: 100%; padding-right: 0;}
    #details-target{width: 100%;}
}
@media(max-width: 344px){
    .kal__day{width: 14.58%;}
}

.kal__detail{}
.kal__detail .list{}
.kal__detail .list li{font-size: 12px; line-height: 20px; font-family: "Roboto Condensed", sans-serif; cursor: pointer; color: #666666;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.kal__detail .list li span{margin-right: 5px; width: 20px; height: 20px; border-radius: 50%; background: #f5f5f5; text-align: center; line-height: 20px; display: block; float: left;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.kal__detail .list li span.fa{color: #fec64f;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 9px;
}
.kal__detail .list li span.detail_dash{color: #e57d04}
.kal__detail .list li span.detail_balj{color: #09a274}
.kal__detail .list li span.detail_dash-balj{color: #3465aa}
.kal__detail .list li span.detail_moho{color: #dc0030}
.kal__detail .list li span.detail_ters{color: #b10058}
.kal__detail .list li:hover{color: #000;}
.kal__detail .list li:hover span{color: #fff;}
.kal__detail .list li:hover span.fa{background: #fec64f;}
.kal__detail .list li:hover span.detail_dash{background: #e57d04;}
.kal__detail .list li:hover span.detail_balj{background: #09a274;}
.kal__detail .list li:hover span.detail_dash-balj{background: #3465aa;}
.kal__detail .list li:hover span.detail_moho{background: #dc0030;}
.kal__detail .list li:hover span.detail_ters{background: #b10058;}
.det-text{font-family: "Roboto Condensed", sans-serif; display: inline-block; cursor: pointer;}
.horoscope-day{text-transform: uppercase;font-size: 20px;color: #0072bb;line-height: 20px;margin: 0}
.horoscope-days{margin: 20px 0;text-transform: uppercase;font-size: 16px;line-height: 25px;font-weight: 400;color: #363636}
.det-text{display: block;margin-bottom: 5px;font-size: 16px;color: #363636}
.horoscope-text i{margin-left: 10px;color: #0072bb;font-size: 18px;}
/*=== horoscope end===*/

.exchange{height: 44px; width: 100%; overflow: hidden; border-bottom: solid 1px #e3e3e3;}
.header-exchange__value{display: inline-block; vertical-align: middle; line-height: 44px; padding: 0 20px;}
.header-exchange__value-name{font-size: 14px; color: #000;}
.exchangeText{width: 100%; overflow: hidden; display: block;}
.exchange__flag{}

.flag {display: inline-block;  width: 16px;  height: 11px;  vertical-align: middle;;  margin-right: 5px;  background: url('../assets/flags.png?100') 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;  }


.pagination {position: relative; text-align: center;margin: 30px 0; /*margin-top: 50px;*/}
.pagination__item{position: relative;display: inline-block;color: #2c3e50;text-decoration: none;font-size: 14px; cursor: pointer; text-transform: uppercase; height: 40px; width: 40px; line-height: 40px;}
.pagination__item:before {z-index: -1;position: absolute;height: 100%;width: 100%;content: "";top: 0;left: 0;background-color: #18448f;border-radius: 8px;-webkit-transform: scale(0);transform: scale(0);transition: all 0.2s;}
.pagination__item:hover, .pagination__item--active {color: #fff;}
.pagination__item:hover:before,.pagination__item--active:before {-webkit-transform: scale(1);transform: scale(1);}
.pagination__item--active {color: #fff;}
.pagination__item--active:before {-webkit-transform: scale(1);transform: scale(1);}


.login-box{display: flex;align-items: center;justify-content: center}
@media (max-width: 730px) {
    .window {
        width: 100%;
        /*height: 54px;*/
        margin: 0;
        border-radius: 0px;
        display: block;
    }
    .window .header {
        position: fixed;
    }
    .main-container{
        margin-top: 54px;
    }
    .content-item:nth-child(1){
        width: 300px;
        /*height: 300px;*/
        /*min-height: 900px;*/
        /*padding-bottom: 100%;*/
        /*background-color: #e9e9e9;*/
        /*display: none;;*/
    }
    .content-item:nth-child(2){
        width: 300px;
        height: 300px;
        /*height: 300px;*/
        /*min-height: 900px;*/
        /*padding-bottom: 100%;*/
        /*background-color: #e9e9e9;*/
        /*display: none;;*/
    }

}
.mobile-lang{font-size: 14px;display: flex;float: right;margin-top: 8px;line-height: 50px;margin-right: 15px;}
.mobile-lang > a{color: #fff !important;}
@media (max-width: 900px) {
    .banner-top{margin-top: 20px}
    .login-btn-box-signin{margin-top: 20px;margin-left: 48px}
    .logo-main{padding-top: 10px}
    .chart{display: block}
    .chart__poll{width: 100%}
    .chart-graph{width: 100%;}
    .chart__questions{width: 100%}
    .home-banner{margin-bottom: 20px}
    .home-article-society-img{width: 100%;min-width: 100%;}
    .mgl-logo-pos{display: none}
    .home-article-society{display: block}
    .footer-icon{width: 370px;margin: auto}
    .breaking_news{margin-top: 15px;}
    .login-box{justify-content: start;padding: 0 48px;}
    .header-top-left{justify-content: start;padding: 0 48px;margin-top: 25px}
    .home-section-name{margin-top: 30px}
    .footer-head{display: block}
    .footer-top{margin-top: 30px}
    .footer-top ul li a{font-size: 12px}
    .home-section-two-name{margin-top: 20px}
    .top-section__head{margin-top: 20px}
    .articles-list-box{display: block}
    .articles-org-list-img{width: 100%;min-width: 100%;padding-bottom: 70%}
    iframe{width: 100%;height: 300px}
    .feature-top{padding-bottom: 100%}
    .top-feature__title{font-size: 22px}
}