@import "swiper.css";
html {font-size: 14px;box-sizing: border-box;-ms-overflow-style: scrollbar;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, *::before, *::after {box-sizing: inherit;}

a {text-decoration: none;}
body{margin: 0;}
.container{ width: 1170px; margin: 0 auto; padding: 0;     -webkit-box-sizing: border-box;     box-sizing: border-box; position: relative;}


@media (max-width: 1200px) and (min-width: 992px) {
    .container{width: 970px;}

}

@media (max-width: 992px) and (min-width: 768px){
    .container{width: 750px;}
}
@media (max-width: 768px) {
    .container{width: 100%; padding: 2%;}
}

.contant_box_404 i{color: #fff;font-size: 20px;margin-right: 10px}
.contant_box_404 h3{font-size:40px;font-weight: 500;color: #000}
.link_404{color: #fff!important;padding: 10px 20px;background: #f99000;margin: 20px 0;display: inline-block;}
.contant_box_404{ margin-top: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.row:after {content:'';  display:table;  clear:both  }


.header{position:relative; }
.header-mobile{display: none;}
.header__top{}
.header__banner{}
.header-logo{position: relative; display: block; overflow: hidden;height: 100px; padding-top: 10px;}
.header-logo__logo{float: left; background: url("../assets/logo24.png") no-repeat; width: 280px; height: 100px;}

.header-exchange{float: left; margin: 54px 5px 0 0;}
.header-exchange ul{padding-bottom:1px;}
.header-exchange ul li{float:left; padding-left:1px; list-style: none;}
.header-exchange ul li a{display:block; width:32px; height:32px; background:#eee; font-size:18px; color:#fff; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.header-exchange ul li.fb a{background:#3b5998; }
.header-exchange ul li.fb a:hover{background:#3b5998; color:#fff;}
.header-exchange ul li.tw a{background:#55acee;}
.header-exchange ul li.tw a:hover{background:#55acee; color:#fff;}
.header-exchange ul li.cu a{background:#699848;}
.header-exchange ul li.wt a{background:#357cbc;}
.header-exchange ul li.sr a{background:#f99000;}
.header-exchange ul li a i{padding-top:7px;}
.header-exchange ul li a:hover{color:#f99000; background:#eeeeee;}

.header-menu{ height: 50px; background-color: #f99000;}
/*.header-menu__list:first-of-type{background-color: #ffab37;}*/
/*.header-menu__list:first-of-type .header-menu__top{color: #fff !important;}*/
.header-menu__list{float:left; }
.header-menu__list:hover .news{display: block;}
.header-menu__top{font-family: 'Roboto', sans-serif; position: relative; display:block; padding:17px 17px 16px; /*border-right: 1px solid #0f4a9b*/; color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
a.header-menu__top:visited{color: #f5f5f5;}
.header-menu__top:hover{background-color: #da7e00; color: #fff;}
@media (max-width: 1200px) and (min-width: 992px) {
    .header-menu__top{padding: 17px 15px 16px;}
}
/*.header-menu__top:hover{padding: 16px 17px 15px; border-bottom: 3px solid #ffab37;}*/
.border-bottom{display: none;}
.header-menu__top:active .border-bottom{position: absolute; display: block; border-bottom: 3px solid #ffab37; bottom: 0; left: 0; width: 100%;}
.header-menu__top .sel .border-bottom{position: absolute; display: block; border-bottom: 3px solid #ffab37; bottom: 0; left: 0; width: 100%;}
.header-menu__list:hover .header-menu__news{display:block;}

.header-menu__news{position:absolute; left:0; z-index:999999; background:#053b85; display:none;}
.header-menu__news ul{overflow:hidden; padding:20px 0; margin: 0;}
.header-menu__news ul li{float:left; width:176px; margin-right:16px; list-style: none;}
.header-menu__news ul li:hover .name a{}
.header-menu__news ul li:first-child{margin-left:18px;}
.header-menu__news ul li .img{position: relative; width:176px; height:118px; padding-bottom:5px; display: block;}
.header-menu__news ul li .img img{}
.header-menu__news ul li .name a{display: block; height: 30px; overflow: hidden; color:#fff; font-size:12px; text-decoration: none;}


.head-info{position:relative; height:83px; width:312px; float:right;border:1px solid #eee; margin-top:1px;}
.head-info .exchange{display:none;}
.head-info .weather{background: url("../assets/cloud.png") no-repeat; height: 84px; width: 190px; background-position: center center;  background-size: cover;}
.head-info .search{display:none;}


.main {overflow: hidden; margin-top: 30px;}

.side-banner-S1{position: absolute; min-width: 160px !important; min-height: 400px !important; top: 0; left: -160px; width: 1px;  display: block; border: 0; background-color: transparent; margin: 0; overflow: hidden;}
.side-banner-S2{position: absolute; min-width: 160px !important; min-height: 400px !important; top: 410px; left: -160px; width: 1px;  display: block; border: 0; background-color: transparent; margin: 0; overflow: hidden;}
.side-banner-S3{position: absolute; min-width: 150px !important; min-height: 400px !important; top: 0; right: -160px; width: 1px;  display: block; border: 0; background-color: transparent; margin: 0; overflow: hidden;}
.side-banner-S4{position: absolute; min-width: 150px !important; min-height: 400px !important; top: 410px; right: -160px; width: 1px;  display: block; border: 0; background-color: transparent; margin: 0; overflow: hidden;}

/*Гарчигнуудын зураас*/
.line{ margin-top: 8px; width: 100%; bottom: 50%;  height: 2px;  background-color: #ffab37;  display: inline-block;  left: 0;  position: absolute;  right: 0;  top: 0;}
.line-head{ position: relative;  display: inline-block;  z-index: 1;  background: #fff;  padding: 0 10px;  top: -24px; color: #053b85;}
.line-head--video{top: -12px;}

.featured-col{width: 760px; float: left; overflow: hidden; margin-right: 30px;}
.featured-sub{padding-bottom: 20px; border-bottom: 1px dashed #b2b2b2;}
.featured-main{position: relative; overflow: hidden; margin-bottom: 20px; border: 1px solid #e7e7e7;}
.featured-main .pagination{z-index: 9; position: absolute; bottom: 0; right: 0;}
.featured-main .pagination .swiper-pagination-bullet {width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 12px;color:#000;opacity: 1;background: #eee;border-radius: inherit;}
.featured-main .pagination .swiper-pagination-bullet-active {color:#fff;background: #f99000;}
.featured-main .card{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex: 1; -webkit-box-flex: 1; flex: 1;}
/*.featured-main .card:hover .info a:first-of-type{color: #363636; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}*/
.featured-main .card > .image{position: relative; -ms-flex-item-align: start; align-self: flex-start; width: 475px; margin-right: 15px; display: block;}
.featured-main .card > .image .img{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 0; padding-bottom: 56%; overflow: hidden; position: relative; background-color: #e7e7e7;}
.featured-main .card > .image .img img{max-width: 100%;}
.featured-main .card > .info{ -ms-flex: 1; -webkit-box-flex: 1; flex: 1; overflow: hidden; padding: 15px;}
.featured-main .card > .info > a{display: block; margin-bottom: 10px; font-family: 'Roboto', sans-serif; line-height: 1.4; font-size: 16px; font-weight: 700; color: #f99000; text-decoration: none;}
.featured-main .card > .info > p{max-height: 150px; overflow: hidden; font-family: 'Roboto', sans-serif; line-height: 1.5; font-size: 14px; color: #999;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;}

.featured-head {margin-bottom: 18px; font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: 18px; color: #053b85 !important; font-weight: bold; position: relative;  text-align: center;  height: 25px; text-decoration: none;}
.featured-head .border-publicist{width: 27%;}
.featured-items {display: -webkit-box;display: -ms-flexbox;display: flex; margin: 0 -5px;}
.featured-item {margin-bottom: 3px; width: 33.33%; margin: 0 5px;}
.featured-item__img {display: block; background-color: #999; padding-bottom: 56%; height: 0; overflow: hidden; position: relative; overflow: hidden;}
.featured-item:hover {opacity: .8;}
.featured-item__title-text {display: block; font-family: "Roboto", sans-Serif; font-weight: 700; font-size: 14px; color: #363636; height: 34px; overflow: hidden; margin-top: 10px;}
.featured-item__date {font-size: 14px; color: #f99000; font-family: 'Roboto', sans-serif; margin-top: 5px;}

.banner{margin-bottom: 20px;}
.mobile-banner {display: none}

.sidebar-col{float: right; width: 380px; overflow: hidden;}
@media (max-width: 1200px) and (min-width: 992px) {
    .sidebar-col {display: none;}
    .other .banner{display: none;}
    .featured-main .card > .image{width: 60%;}
}
@media (max-width: 744px) {
    .featured-main .card {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .featured-main .card > .image{width: 100%;}
    .featured-main .card > .info > p{display: none;}
}

@media (max-width: 600px){
    .featured-items{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .featured-item {width: 100%; padding: 0; margin-bottom: 15px;}
    .mobile-banner{height: 65px!important;}
    .mobile-banner {display: block}
    .mobile-margin{margin-bottom: 0!important;}
}

.mostArticles {margin-bottom: 30px;}
.mostArticles-nav {}

.mostArticles .most-navs ul{display: -webkit-box;display: -ms-flexbox;overflow:hidden; margin: 0; padding: 0; list-style: none;}
.mostArticles .most-navs ul li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1; background:#e6e6e6; margin-right: 2px;}
.mostArticles .most-navs ul li a{font-family: "Roboto", sans-serif; font-weight: 700; text-align: center; font-size: 11px; color: #363636; text-decoration: none; padding: 12px; display: block; text-transform: uppercase;}
.mostArticles .most-navs ul li:last-of-type{margin-right: 0; -webkit-box-flex: 2; -ms-flex: 2; flex: 2;}
.mostArticles .most-navs ul li.active a{background-color: #f99000; color: #fff;}

.mostArticles .most-contents{margin-top: 20px; height:510px; overflow-x:hidden; overflow-y:auto;}
.mostArticles .most-contentsMobile{height:inherit; overflow-y:hidden;}
.mostArticles .most-contents ul{overflow: hidden; margin-right:0; padding: 0;}
.mostArticles .most-contents ul li{width: 100%; overflow: hidden; padding: 5px 0; list-style: none;}
.mostArticles .most-contents ul li:hover {opacity: .8;}
.mostArticles .most-contents ul li:hover .text a{}
.mostArticles .most-contents ul li .img{position:relative; float:left; overflow:hidden; width:100px; height:70px; margin-right:10px;}
.mostArticles .most-contents ul li .text{font-family: "Roboto", sans-serif; }
.mostArticles .most-contents ul li .text a{color:#363636; font-size:14px; text-decoration: none; height: 50px; overflow: hidden; display: block;}
.mostArticles .most-contents ul li .text .date{color:#ff6600; font-size:14px; }

@media (max-width: 400px){
    .mostArticles .most-navs ul li a{font-size: 10px;}
}
.barimt24-title {font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: 18px; color: #053b85; font-weight: bold; position: relative; min-height: 44px; text-align: center; margin: 20px 0 0 0;}
.barimt24-main{float: left; overflow: hidden; display: block; position: relative;}
.barimt24-items {display: -webkit-box;display: -ms-flexbox;display: flex; margin: 0 -5px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px dashed #b2b2b2;}
.barimt24-item {margin-bottom: 3px; width: 33.33%; margin: 0 5px;}
.barimt24-item:hover {opacity: .8;}
.barimt24-item__img {display: block; background-color: #999; padding-bottom: 56%; height: 0; overflow: hidden; position: relative; overflow: hidden;}
.barimt24-item__img > .section{font-family: "Roboto", sans-Serif; padding: 5px 10px;     background-color: #00000078; font-size: 14px; position: absolute; bottom: 0; left: 0; color: #F99000; font-weight: 900; width: 100%; font-style: italic;}
.barimt24-item__title-text {display: block; font-family: "Roboto", sans-Serif; font-weight: 700; font-size: 14px; color: #000; height: 34px; overflow: hidden; margin-top: 10px;}
.barimt24-item__date {font-size: 14px; color: #f99000; font-family: 'Roboto', sans-serif; margin-top: 5px;}

/*24barimt doorh zuraas*/
.line-double {background: url("../assets/line.png") no-repeat; width: 100%; height: 10px; margin:30px 0 30px 0;}

@media (max-width: 600px){
    .barimt24-items{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .barimt24-item {width: 100%; padding: 0; margin-bottom: 15px;}
}

.video-title {font-family: "Roboto", sans-serif; text-transform: uppercase; font-size: 18px; color: #053b85; font-weight: bold; position: relative; height: 25px; text-align: center; margin-bottom: 20px;}
.videos > .video{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; padding-bottom: 56%; height: 0; background-color: #999; margin-bottom: 20px;}
.videos > .video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.videos > .video > .play-icon {z-index: 1; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.videos > .video > .title{z-index: 1; position: absolute; top: 20px; left: 20px; font-size: 14px; color: #fff;}

.videos > .sub{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px; overflow: hidden;}
.videos > .sub > .item {width: 33.33%; margin: 0 5px; overflow: hidden;}
.videos > .sub > .item:hover {opacity: .8;}
.videos > .sub > .item > .image {position: relative; display: block; overflow: hidden; padding-bottom: 56%; height: 0; background-color: #999;}
.videos > .sub > .item > .image > .play-icon {z-index: 1; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.videos > .sub > .item > .image > .play-icon img{width: 60px;}
.videos > .sub > .item > .title{display: block; font-family: "Roboto", sans-Serif; font-weight: 700; font-size: 14px; color: #363636; height: 34px; overflow: hidden; margin-top: 10px;}
.videos > .sub > .item > .date{font-size: 14px; color: #f99000; font-family: 'Roboto', sans-serif; margin-top: 5px;}

@media (max-width: 600px){
    .videos > .sub{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .videos > .sub > .item {width: 100%; padding: 0; margin-bottom: 15px;}
}

.publicist {}
.publicist > .title {display: block; padding: 12px 20px; background-color: #f99000; color: #fff; font-weight: 700; text-transform: uppercase;}
.publicist-scroll {height: 275px;overflow-x: hidden;overflow-y: scroll; border: 1px solid #e6e6e6;padding: 20px;}
.publicist-item {margin-bottom: 25px; overflow:hidden; }
.publicist-item:hover {opacity: .8;}
.publicist-item-img {display: block; width: 60px; height: 60px; float: left; margin-right: 10px; margin-left: 10px; position: relative;}
.publicist-item-img div{border-radius: 30px;}
.publicist-item-img img{border-radius: 30px;}
.publicist-item-desc {font-family: "Roboto",sans-serif; font-size: 14px; }
.publicist-item-name {display: block; font-weight: bold; color: #ff6600; text-decoration: none;}
.publicist-item-title {display: block; color: #999; text-decoration: none; height: 36px; overflow: hidden;}

.articles{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; margin: 0 -6px;}
.articles .article{width: calc(25% - 12px); margin: 0 6px; padding: 20px; border: 1px solid #e8e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px;}
.articles .article-title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; height: 20px; position: relative;}
.articles .article-title > .border{height: 100%; margin-right: 10px; background-color: #f99000; width: 4px;}
.articles .article-title > .head{font-family: "Roboto", sans-serif;font-weight: bold;font-size: 18px;color: #053b85;text-transform: uppercase;}
.articles .article-item:hover {opacity: .8;}
.articles .article-item-img{position: relative; background-color: #999; display: block;padding-bottom: 56%; overflow: hidden; height: 0; margin-bottom: 10px;}
.articles .article-item-img img{max-width: 100%;}
.articles .article-item-date {display: block; font-family: "Roboto", sans-serif; font-size: 14px; color: #f99000; }
.articles .article-item-title{font-family: "Roboto", sans-serif; font-size: 14px; color: #363636; font-weight: bold; text-decoration: none; height: 35px; overflow: hidden; display: block; margin-bottom: 8px;}

.articles > .article > .sub{overflow: hidden; margin-top: 8px; border-top: 1px dashed #eee; padding-top: 8px;}
.articles > .article > .sub > a{font-family: "Roboto", sans-serif; font-size: 14px; color: #363636; font-weight: 500; margin-bottom: 5px; text-decoration: none; height: 35px; overflow: hidden; display: block;}
.articles > .article > .sub > a:hover {opacity: .8;}
.articles > .article > .sub > .date{display: block; font-family: "Roboto", sans-serif; font-size: 14px; color: #f99000;}

@media (max-width: 1200px) {
    .articles > .article {width: calc(33.33% - 12px);border: none;padding: unset;}
}
@media (max-width: 600px) {
    .articles > .article {width: 100%; border: none;padding: unset;}
}

.polls {padding: 20px; border: 1px solid #e8e7e7; -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;}
.polls .poll-title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; height: 20px; position: relative;}
.polls .poll-title > .border{height: 100%; margin-right: 10px; background-color: #ffab37; width: 4px;}
.polls .poll-title > .head{font-family: "Roboto", sans-serif;font-weight: 900;font-size: 14px;color: #053b85;text-transform: uppercase;}
.polls .content{}

.chart{display: -webkit-box;display: -ms-flexbox;display: flex;}
.chart__poll{float: left; width: 50%;}
.chart__graph{float: left; width: 50%;}
.chart__questions{width: 33%; margin-right: 15px; padding-bottom: 20px;}
.chart__question{font-size: 14px;font-weight: 400; line-height: 1.3; font-family: 'Roboto'; 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: 0;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; font-weight: 500; color: #363636; font-size: 14px; line-height: 1.4; margin-bottom: 12px;    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;}

.c-tab {overflow: hidden;background-color: #f1f1f1;}
.c-tablinks {cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 20px 0 20px 20px;}
.c-tablinks:hover {border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.c-tablinks-active {border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.c-tabcontent {display: none;padding: 6px 12px;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}
@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}

@media (max-width: 900px){
    .chart {display: flex; flex-flow: column;}
    .chart__questions {width: 100%; margin-right: 0}
    .c-tablinks {padding: 20px}
    .c-tablinks-active {border: 1px solid #eee;}
    .chart__poll{width: 100%;}
    .chart__graph{width: 100%;}
}

.other{margin-bottom: 30px;}

.play-btn{position: absolute; top: 0; left: 0; margin: 20px 0 20px 20px; background: url("../assets/playy.png") no-repeat; width: 52px; height: 52px;}

.footer{border-top: 2px solid #ff9900; background-color: #f99000}
.footer-logo{display: block; background: url("../assets/footer-logo.png") no-repeat; width: 274px; height: 86px; text-align: center; margin: 20px auto 0;}
.footer-menu{display: inline-block; margin: 25px 0; width: 100%; text-align: center;     border-top: 1px dashed #eee;padding: 20px 0;border-bottom: 1px dashed #eee;}
.footer-menu a{color: #fff;}
.footer-menu a:hover{text-decoration: underline;}
.footer-menu-item{font-family: 'Robotoo', sans-serif; font-size: 14px; color: #fff; display: inline-block; text-decoration: none; padding: 0 19px; border-right: 1px solid #f1f1f1;}
.footer-menu-item:last-child{margin-right: 2px; padding: 0;}
.footer-menu-item:last-of-type{border-right: none;}
.footer-menu-item--static{text-align: center;}
.footer-static{display: inline-block; margin: 0 auto 40px; width: 100%; text-align: center;     font-family: "Roboto", sans-serif; font-size: 14px;  color: #fff;}
.footer-static a{color: #fff;}
.footer-static a:hover{text-decoration: underline;}
.footer-copyright {margin: 0 auto;padding: 20px 0; font-family: "Roboto", sans-serif; color: #fff; font-size: 14px; text-align: center; background-color: #f99000; display: block; border-top: 1px solid #eee;}

/*pictureCovered*/
.pictureCovered-wrapper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.pictureCovered-image{  position: absolute;  -o-object-fit: cover;  object-fit: cover;  -o-object-position: 50% 50%;  object-position: 50% 50%;  }
.pictureCovered-image--h{  height: 100%;  width: 100%;  }
.pictureCovered-image--w{  height: 100%;  width: 100%;  }

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

.mobile-news{display: none;}

.tweet{width: 320px; border: 1px solid #f1f1f1; height: 300px; float: left; margin-right: 28px;}
.tweetabletext{background-color: #e9ebe4;  cursor: pointer;  padding-left: 0px;  padding-right: 4px; color: #222;}
.tweetabletext:after{font-family: FontAwesome, sans-serif; content: "\f099";  margin-left: 4px; color:#00acee; }
.tweetabletext:hover:after{color: #00acee;}
.tweetabletext:hover{background-color: #d3d4d0;}


@media (max-width: 1200px) and (min-width: 992px) {
    .featured-col{width: 100%; margin-right: 0;}
    .featured-sub__item{width: 580px;}

    .barimt24-title{margin-bottom: 20px;}
    .barimt24-title .border--left{width: 44%;}
    .barimt24-title .border--video{width: 45%;}
    .barimt24-item{width: 580px;}

    .video-sub{width: auto;}
    .video-main-item{width: 580px; height: 380px;}
    .poll{width: 50%;}
    .tweet{width: 450px; margin-right: 0; float: right;}

}

@media (max-width: 1300px){
    .side-banner-B-1{display: none !important;}
    .side-banner-B-2{display: none !important;}
    .side-banner-C-1{display: none !important;}
    .side-banner-C-2{display: none !important;}
}

@media (max-width: 992px) and (min-width: 768px) {
    .featured-col{width: 100%; float: none; }
    .featured-sub__item{width: 400px;}

    .sidebar-col{display: none;}

    .header-logo__logo{width: 240px;  height: 70px; margin-left: 15px;  background-position: center center;  background-size: cover;  margin-top: 10px;}
    .header-menu__list:nth-of-type(8){display: none;}
    .header-menu__list:nth-of-type(9){display: none;}
    .header-menu__list:nth-of-type(10){display: none;}
    .header-menu__list:nth-of-type(11){display: none;}
    .header-menu__list:nth-of-type(12){display: none;}
    .header-menu__list:nth-of-type(13){display: none;}

    .barimt24-item{width: 400px;}

    .video-main{margin-right: 0; width: 100%;}
    .video-main-item{width: 100%;}
    .video-sub{display: none;}

    .poll{width: 398px;}
    .home-poll-bd .data{width: 358px;}

    .tweet{margin-right: 0; float: right;}
    .other .banner{display: none;}
}


/*MOBILE*/
@media (max-width: 768px) {
    .main {margin-top: 0;}
    .featured-col{width: 100%; float: none; }
    .sidebar-col{display: none;}

    .header-logo{display: none;}
    .header-menu{display: none;}
    .header-mobile{display: block; /*position: relative;*/ height: 50px; background-color: #ffab37; z-index: 100;  position: fixed;  top: 0;  left: 0;  width: 100%;}
    .header-banner{margin-top: 70px;}
    .header-hmenu{float: left; padding:12px 14px; cursor: pointer; }
    .header-hmenu .fa{font-size: 26px; color: #fff;}
    .header-mLogo{float: left; background: url(../assets/logo_mobile.png) no-repeat;  width: 150px;  height: 50px; margin-left: 15px;  background-position: center center;  background-size: cover;  }
    .header-exchange{float: right; margin: 10px 10px 0 0;}
    .header-exchange ul .fb{margin-right: 5px;}

    .phonemenu{overflow: hidden; background-color: #bc0001;}
    .phonemenu__tool{float: left; background: rgb(147, 1, 2); font-size: 30px; padding: 5px 20px; margin-right: 10px; color: #FFFFFF; cursor: pointer;}
    .phonemenu__tool--active{}
    .phonemenu__logo{float: left; width: 116px}
    .phonemenu__img{float: left; padding: 28px 0 8px 3px; margin-top: 17px; margin-left: 6px; width: 116px; overflow: hidden; background: url(../assets/footer-logo.png) no-repeat;}

    .leftmenu{width: 220px; position: absolute; top: 50px; left: -220px; overflow: hidden; z-index: 999999999999999; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s}
    .leftmenu--active{left: 0;}
    .leftmenu__menu{padding: 0;}
    .leftmenu__search{ height: 30px; padding: 5px 0; width: 210px; list-style: none; border: 5px solid #232528; background: #2f3236;}
    .leftmenu__item{list-style: none; border-bottom: 1px solid #141416; background-color: #232528;}
    .leftmenu__link{font-size: 11px; font-family: Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 10px 25px;display: block; text-transform: uppercase;}
    .leftmenu__origin{list-style: none; border-bottom: 1px solid #141416; background-color: #111112;}
    .leftmenu__originlink{font-size: 11px; font-family: Arial, sans-serif; color: #757575; text-decoration: none; padding: 15px 25px; display: inline-block;}

    .footsubmenu__item{list-style: none; padding: 0 ; color: #383838; font-size: 18px; display: inline-block; width: 220px; border-bottom: 1px solid #141416; background-color: #232528;}
    .footsubmenu__item a{display: block; padding:15px 25px; text-align: start; color: #fff; margin-bottom: 0; font-size: 11px; border-right: none; text-transform: uppercase;}

    .featured-main{width: 100%; margin-right: 0; float: none;}
    .featured-sub{float: none; position: relative;  margin-bottom: 20px;}
    .featured-sub__item{width: 100%; height: 0;  padding-bottom: 77%;  overflow: hidden;  position: relative;  display: block;}
    .featured-sub__item:first-of-type{margin-bottom: 20px;}

    .featured-item__img{width: 100%;  height: 0;  padding-bottom: 56%;  overflow: hidden;  position: relative;  background-color: #000;  display: block;}

    .barimt24-main{float: none; }
    .barimt24-sidebar{width: 100%; margin-bottom: 20px;}
    .barimt24-item{ margin-bottom: 20px;  -webkit-transform: rotate(0deg);  -ms-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out; width: 100%; height: auto;}

    .featured-sub__item-img{width: 100%;  height: 0;  padding-bottom: 77%;  overflow: hidden;  position: relative;  background-color: #000;  display: block;}
    .featured-sub__item-title{height: 60px; font-size: 18px;}

    /*Баримт*/
    .content__line{display: none;}
    .content-item-icon{display: none;}


    .contentview .social{margin-top: 10px;}
    .contentview > .date span:nth-of-type(2){float: right;}
    .contentview > .date .new{display:block;}
    .contentview > .text img{width: 100% !important; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}

    .comm-box .comm-form .comm-sent-box input{width: 100%; margin-bottom: 10px;}

    .leftmenu__search .search {padding: 0;}
    .search__button{color: #000; position: absolute; right: 15px; top: 16px;}
    .search__button .fa{font-size: 14px;}
    .search__input{border: none; padding: 7px; width: 190px;}

    .video{display: none;}
    .other{display: none;}
    .footer-menu{display: none;}
    .footer-logo {width: 160px;  height: 50px; background-position: center center;  background-size: cover;  }
    .footer-static{/*display: none;*/ margin: 0;}
    .mobile-news{display: block;}
    .main-banner {height: 120px;}
}

@media (max-width: 768px) {
    .m-logo-row{display: block;}
    .mobile-photos-slide{display: block;}

}
/*CONTENT SLIDER*/
.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%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; margin-bottom: 20px; }
.gallery-thumbs .swiper-slide { width: 25%; max-height: 100px; opacity: 0.4; overflow: hidden;}
.gallery-thumbs .swiper-slide img{ max-width: 100%;}
.gallery-thumbs .swiper-slide-active{opacity: 0.9;}


/*24barimt new css*/
.feature-main{margin-bottom: 20px; background-color: #fff; box-sizing: border-box; position: relative; display: flex;}
.feature-main:after{clear: both; display: table; content: "";}
.feature-main__left{flex: 2;  position: relative; margin-right: 10px;}
.feature-main__right{flex: 1;}
.feature-top{display: block; position: relative; width: 100%; height: 0; padding-bottom: 51.7241379%; background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);}
.feature-top:after{ background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%); position: absolute; right: 0; left: 0; top: 0; bottom: 0; content: "" ; z-index: 1;}
.feature-top__text{    font-size: 18px;  font-weight: 400;  line-height: 18px;   color: #fff;  margin-bottom: 10px;   position: absolute; bottom: 10px; left: 20px;  right: 20px;    font-family: "Roboto", sans-Serif;  transition: .2s; z-index: 2;}
.feature-top:hover .feature-top__text{color: #f99000;}
.feature-sub-box:after{clear: both; display: table; content: ""}
.feature-sub-size{float: left; width: 100%; margin-right: 2px; margin-bottom: 19px;}
.feature-sub-size:nth-child(2){margin-bottom: 0;}
.feature-sub{padding-bottom: 47.8%; height: 0; width: 100%; display: block; position: relative;}
.feature-sub:after{ background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%); position: absolute; right: 0; left: 0; top: 0; bottom: 0; content: ""; z-index: 1;}
.feature-sub__text{font-size: 14px;  font-weight: 400;  line-height: 15px;  position: absolute;  color: #fff;  bottom: 10px;  left: 10px; right: 10px; display: inline-block; height: 30px; overflow: hidden;     font-family: "Roboto", sans-Serif; transition: .2s; z-index: 2;}
.feature-sub:hover .feature-sub__text{color: #f99000;}
@media (max-width: 768px){
    .feature-main{flex-direction: column}
    .feature-main__left{flex: 1;  position: relative; margin-right: 10px;}
    .feature-main__right{flex: 1;}
}


/*related-articles*/
.related-articles{}
.related-articles .article-title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; height: 20px; position: relative;}
.related-articles .article-title > .border{height: 100%; margin-right: 10px; background-color: #f99000; width: 4px;}
.related-articles .article-title > .head{font-family: "Roboto", sans-serif;font-weight: bold;font-size: 18px;color: #053b85;text-transform: uppercase;}

.view-full__story-content .videoWrapper{width: 100%; position: relative; padding-bottom: 0; height: 0; overflow: hidden }
.view-full__story-content .videoWrapper--portrait{height: auto; padding-bottom: 177.77%; 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%}*/
.view-full__story-content .videoWrapper--horizontal{padding-bottom: 56.25%}
.view-full__story-content .videoWrapper--horizontal iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.view-full__story-content .videoWrapper__top{width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}

.newSwiper{
    position: relative;
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}