body {
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
}
.container{ max-width: 1200px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
.container:after{ content: ""; display: block;  clear: both;}
.row:after{content: ""; display: block;  clear: both; }
@media (max-width: 1300px) {.news-slider-first__name
    .container{width: 820px;}
}
@media (max-width: 840px) {
    .container{width: 100%; padding: 0 10px;}
}
.pictureContained-wrapper{position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; overflow: hidden;}
.pictureContained-image{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pictureContained-image--h{height: 100%;width: auto;}
.pictureContained-image--w{height: auto;width: 100%;}

.pictureCovered-wrapper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; transition: .5s all}
.pictureCovered-image{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: 50% 50%;}
.pictureCovered-image--h{height: 100%;width: 100%;}
.pictureCovered-image--w{height: 100%;width: 100%;}
.header{}
/*Header top heseg*/
.header__top{background-color: #E1E6F1;}
.left-top-menu{float: left;}
.left-top-menu__list:after{clear: both; display: table; content: "";}
.left-top-menu li{float: left;}
.left-top-menu__item{color: #2e323c;  display: inline-block;  padding: 0 15px;  height: 30px;  line-height: 30px; /* border-left: 1px solid #4c4c59;*/ font-size: 14px;}
.left-top-menu__address{ display: inline-block;  padding: 0 15px;  height: 30px;  line-height: 30px; /* border-left: 1px solid #4c4c59; */font-size: 14px; color: #2e323c;}
.left-top-menu__address i{padding-right: 5px;}
.left-top-menu__item--facebook:hover{background-color: #3b5998; color: #fff;}
.left-top-menu__item--twitter:hover{color: #FFF;  background-color: #2e9edd;}
.left-top-menu__item--youtube:hover{color: #FFF;  background-color: #e52d27;}
.left-top-menu__item--address:hover{color: #fff;}
.left-top-menu__item--address p{float: right;}
.right-top-menu{float: right;}
.right-top-menu__list:after{clear: both; display: table; content: "";}
.right-top-menu__list li{float: left;}
.right-top-menu__item{color: #bbbbbb;  display: inline-block;  padding: 0 15px;  height: 40px;  line-height: 40px;  border-left: 1px solid #4c4c59; font-size: 15px;}
.right-top-menu__item:hover{color: #fff;}
.left-top-menu li  > a:first-child{padding-left: 0;}


@media (max-width: 840px) {
    .left-top-menu__address{display: none;}
}

/*search bar*/
.search-container{position: relative;  width: 30px;  height: 28px;  float: right; display: table;}
.search-container__pointer{display: table-cell;  height: 30px;  color: #fff;  position: relative;  text-align: center;  vertical-align: middle;  width: 30px;  z-index: 2;    background-color: #d4000e;  font-size: 12px;}
.search-container__icon{cursor: pointer;}
.search-container__input{position: absolute;  right: 0;  z-index: 1;}
.search-container__search-bar{border: none;  height: 30px;  padding: 0; width: 28px;transition: all .5s;}
.search-container:hover > .search-container__input > #searchform .search-container__search-bar{ padding-left: 20px;  padding-right: 10px;  width: 200px;  background-color: #f2f2f4;}

/*header middle*/
.header-logo{float: left; margin-top: 40px;}
.header-logo__assa{background-image: url("../assets/assa-logo.png"); width: 279px; height: 50px; display: block;}
.header-banner{float: right; padding: 40px 0; width: 730px; }
.header-banner__ads{display: block; padding-bottom: 12.3287671%; overflow: hidden; position: relative; width: 100%; height: 0; background-color: #2b2f3a;}

/*header bottom*/
.header__bottom{background-color: #2b2f3a; }
.header-menu{}
.header-menu__list:after{clear: both; display: table; content: "";}
.header-menu__list li{float: left;}
.header-menu__item{position: relative;  display: block;  padding: 15px 10px; color: #ffffff; font-size: 14px; border-right: 1px solid #4a4f5c;}
.dropdown-menu__item{position: relative;  display: block;  padding: 13px 15px; color: #ffffff; font-size: 14px; border-right: 1px solid #4a4f5c; text-transform: uppercase;; cursor: pointer;}
.dropdown{position: relative;}
.dropdown:hover .dropdown__menu{display: block; }
.dropdown__menu{position: absolute; top: 40px; left: 0; background-color: #fff;    box-shadow: 0 6px 12px rgba(0,0,0,.175); display: none; z-index: 9999;}
.dropdown__item{ display: block;  padding: 10px 15px;  clear: both;  font-weight: 400;  line-height: 1.42857143;  color: #333;  white-space: nowrap; font-size: 14px}
.dropdown__item:hover{background-color: #d30e0e; color: #fff;}
.header-menu__item:hover{background-color: #d30e0e;}
.header-menu__item--active{background-color: #d30e0e; border-right: transparent;}
.header-menu__item--active:hover{background-color: #d30e0e;}

.header-submenu{background-color: #fff; /*   border-bottom: solid 1px #e3e3e3;*/}
.header-submenu:after{clear: both; display: table; content: "";}
.header-submenu_list{float: left;}
.header-submenu__item{    height: 40px;  color: #2b2f3a;  font-size: 14px;  padding: 0 12px;  line-height: 40px; display: inline-block; position: relative;}
.header-submenu__item:before{    position: absolute;  bottom: 0;  left: 0;  width: 0;  height: 3px;  content: '';  margin-left: 4px;  -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;  -o-transition: all .3s ease;  transition: all .3s ease;  }
.header-submenu__item:hover::before{background-color: #d30e0e; width: calc(100% - 6px);}
.header-submenu__item:hover{color: #d30e0e;}

.header-clock{float: right; margin-top: 2px;}
.header-clock__time{ margin: 3px 0;  position: relative;  padding: 2px;  width: 100px;  height: 25px;  color: #fff;  text-align: center; line-height: 25px; vertical-align: middle;   border-radius: 2px; display: inline-block; font-size: 14px; background-color: #d30e0e;}
.header-clock__date{ width: auto;  color: #2b2f3a; line-height: 25px;  text-align: center;  font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.navbar{display: none;}
.mobile-header{padding: 10px; background-color: #fff; box-sizing: border-box; border-bottom: 1px solid #e3e3e3;}
.mobile-header:after{clear: both; display: table; content: "";}
.mobile-header__logo{float: left;}
.mobile-logo{background-image: url("../assets/assa-logo.png"); width: 200px; height: 42px; display: block; background-size: contain; background-repeat: no-repeat; margin-top: 5px; }
.mobile-header__button{    position: relative;  float: right;  padding: 9px 10px; margin-top: 7px;   background-image: none;  border: 1px solid #ddd;  border-radius: 4px;  }
.mobile-header__button:hover{background-color: #ddd;}
.mobile-header__button-bar{display: block;  width: 22px;  height: 2px;  border-radius: 1px;     background-color: #888;}
.mobile-header__button-bar:nth-child(2){     margin-top: 4px;}
.mobile-header__button-bar:nth-child(3){     margin-top: 4px;}

.sidenav{    background: rgba(44, 44, 52, .9); font-size: 1.4rem;  font-weight: 400;  left: 0;  transform: translate(-100%, 0);  transition: transform .3s;  width: 100%;  z-index: 999;  height: 100%;  position: fixed;  /*overflow-y: scroll!important;*/  -webkit-overflow-scrolling: touch;  top: 0;  bottom: 0;}
.sidenav-mobile-header{padding: 10px; background-color: #fff; box-sizing: border-box}
.sidenav-mobile-header:after{clear: both; display: table; content: "";}
.sidenav-mobile-header__logo{float: left;}
.sidenav-mobile-logo{background-image: url("../assets/assa-logo.png"); width: 200px; height: 42px; display: block; background-size: contain; background-repeat: no-repeat; margin-top: 5px; }
.sidenav-mobile-header__button{ position: relative;  float: right;  padding: 15px 9px; margin-top: 6px;   background-image: none;  border: 1px solid #ddd;  border-radius: 4px;  }
.sidenav-mobile-header__button:hover{background-color: #ddd;}
.sidenav-mobile-header__button-bar{    display: block;  width: 22px;  height: 2px;  border-radius: 1px;    background-color: #888;}
.sidenav-mobile-header__button-bar:nth-last-of-type(1){top: 6px;  transform: rotate(45deg);  margin-top: -4px; }
.sidenav-mobile-header__button-bar:nth-last-of-type(2){    background-color: transparent; }
.sidenav-mobile-header__button-bar:nth-last-of-type(3){  top: -6px;  transform: rotate(-45deg);}
.sidenav-menu{}
.sidenav-menu > li {    display: block;  position: relative;  border-bottom: 1px solid rgba(161, 161, 179, .23);  text-transform: uppercase;  }
.sidenav-menu__item{background: 0 0;  color: rgba(255, 255, 255, .6);  letter-spacing: .3px;  text-transform: uppercase;  display: block;  line-height: 22px;  padding: 16px 22px;  overflow-x: hidden; font-size: 14px;}
.sidenav-menu__item:hover{    background: #55555e;  color: #FFF!important;}
.show{display: block; transform: translate(0, 0)}
.show-hide{display: none;}

.mobile-extra{display: none;}


@media (max-width: 1305px) {
    .header{display: none;}
    .navbar{display: block;}
    .mobile-extra{display: block; margin: 20px auto 0; width: 285px; overflow: hidden;}
}

@media (max-width: 840px) {

}


/*main*/
.main{}
.main-slider{background: url("../assets/parallax-image01.jpg"); width: 100%; height: 400px;  background-repeat: no-repeat; position: relative; background-size: cover;}
.main-slider:after{    background: #2b2f3a;  content: '';  top: 0;  left: 0;  width: 100%;  height: 100%;  display: block;  position: absolute;  opacity: .8;  }
.main-slider__box{position: relative;   z-index: 2; padding-top: 100px; padding-right: 250px; padding-left: 250px; text-align: center;}
.main-slider__wrapper{position: absolute; top: 0; right: 0;}
.main-slider__title{ font-size: 36px; font-weight: 700; color: #fff; display: block; line-height: 40px; max-height: 120px; overflow: hidden; margin-bottom: 25px; }
.main-slider__desc{font-size: 14px; color: #bbbbbb; display: block; line-height: 24px; max-height: 72px; overflow: hidden;}
.main-slider__arrow{font-size: 60px; display: inline-block; color: #ffffff;  position: absolute; opacity: 0.8;}
.main-slider__arrow:hover{opacity: 1;}
.main-slider__arrow--left{left: 0; top: 50%; }
.main-slider__arrow--right{right: 0; top: 50%;}
.main-slider__box > .swiper-button-disabled{opacity: 0.2;}

@media (max-width: 1305px) {
    .main-slider__box{padding-top: 100px; padding-right: 100px; padding-left: 100px;}
}

@media (max-width: 840px) {
    .main-slider{height: 300px;}
    .main-slider__box{padding-top: 60px; padding-right: 40px; padding-left: 40px;}
    .main-slider__title{font-size: 24px; line-height: 26px; max-height: 78px; overflow: hidden;}
    .main-slider__arrow{font-size: 48px;}
}

.breaking-news{margin-bottom: 20px;margin-top: 35px;position: relative;height: 40px;overflow: hidden;background-color: #2b2f3a;display: flex;box-sizing: border-box;}
.breaking-news__name{display: flex; align-items: center; font-size: 14px; color: #ffffff;     padding: 0 12px; text-transform: uppercase; background-color: #d30e0e;}
.breaking-news__right{    padding: 0 25px;flex: 1;}
.breaking-news__left{display: flex;}
.breaking-news__cat{font-size: 16px; line-height: 40px; color: #ffffff; display: inline-block;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.breaking-news__news{font-size: 16px; color: #bbbbbb; display: inline-block;}

.breaking-news__navi{position: absolute; right: 0; top: 11px;  z-index: 2}
.breaking-news__up{display: inline-block; font-size: 16px; color: #bbbbbb; opacity: .5;}
.breaking-news__up:hover{opacity: 1;}
.breaking-news__down{display: inline-block; font-size: 16px; color: #bbbbbb; padding-left: 5px; opacity: .5;}
.breaking-news__down:hover{opacity: 1}

@media (max-width: 1305px) {
    .breaking-news__cat{line-height: 31px; font-size: 14px;}
    .breaking-news__navi{top: 6px;}
    .breaking-news__news{font-size: 14px;}
}

@media (max-width: 840px) {
    .breaking-news__navi{display: none;}
    .breaking-news{flex-direction: column; height: 80px}
    .breaking-news__name{justify-content: center; height: 40px; flex: 1;}
    .breaking-news__right{height: 40px;}
}
.news-slider-relative{position: relative; margin-bottom: 20px;}
.news-slider{margin-bottom: 20px; display: flex;}
.news-slider-first{flex: 2; margin-right: 10px;}
.news-slider--2 .news-slider-first{flex: 1;}
.news-slider-first__img{position: relative; overflow: hidden; width: 100%; padding-bottom: 87%; height: 0; background-color: #ededed;}
.news-slider-first__content{position: absolute; bottom: 10px; right: 10px; left: 10px; }
.news-slider-first__name{display: block; font-size: 16px;  color: #ffffff;  background: rgba(43, 47, 58, .8); padding: 10px 20px;}
.news-slider-first__cat{display: inline-block; padding: 10px 20px; font-size: 16px; font-weight: 700; background-color: #d30e0e; color: #fff; text-transform: uppercase; margin-bottom: 10px; line-height: 16px; max-height: 48px; overflow: hidden;}

.news-slider-second{flex: 1; margin-right: 10px;}
.news-slider-second__img{position: relative; overflow: hidden; width: 100%; padding-bottom: 174%; height: 0; background-color: #ededed;}
.news-slider-second__content{position: absolute; bottom: 10px; right: 10px; left: 10px; }
.news-slider-second__name{display: inline-block; font-size: 16px;  color: #ffffff; background: rgba(43, 47, 58, .8); padding: 10px 20px;}
.news-slider-second__cat{display: inline-block; padding: 10px 20px; font-size: 16px; font-weight: 700; background-color: #87a937; color: #fff; text-transform: uppercase; margin-bottom: 10px;}

.news-slider-third{flex: 1; margin-bottom: 10px;}
.news-slider-third__img{position: relative; overflow: hidden; width: 100%; padding-bottom: 174%; height: 0; background-color: #ededed;}
.news-slider--2 .news-slider-third__img{padding-bottom: 87%;}
.news-slider-third__content{position: absolute; bottom: 10px; right: 10px; left: 10px; }
.news-slider-third__name{display: block; font-size: 16px;  color: #ffffff; background: rgba(43, 47, 58, .8); padding: 10px 20px;}
.news-slider-third__cat{display: inline-block; padding: 10px 20px; font-size: 16px; font-weight: 700; background-color: #00b4ff; color: #fff; text-transform: uppercase; margin-bottom: 10px;}

.news-slider-last{flex: 1;}

.news-slider-fourth{margin-bottom: 0px;}
.news-slider-fourth__img{position: relative; overflow: hidden; width: 100%; padding-bottom: 56.5789474%; height: 0; background-color: #ededed;}
.news-slider-fourth__content{position: absolute; bottom: 10px; right: 10px; left: 10px; }
.news-slider-fourth__name{display: inline-block; font-size: 16px;  color: #ffffff; background: rgba(43, 47, 58, .8); padding: 10px 20px;}
.news-slider-fourth__cat{display: inline-block; padding: 10px 20px; font-size: 16px; font-weight: 700; background-color: #ebb100; color: #fff; text-transform: uppercase; margin-bottom: 10px;}

.news-slider-arrow{color: #bbbbbb; font-size: 18px; display: inline-block; position: absolute; top: 210px; opacity: 0.6;}
.news-slider-arrow:hover{opacity: 1;}
.news-slider-arrow--left{left: -20px;}
.news-slider-arrow--right{ right: -20px;}
.news-slider-relative > .swiper-button-disabled{opacity: 0.2;}

@media (max-width: 1305px) {

}

@media (max-width: 840px) {
    .news-slider{    flex-direction: column;}
    .news-slider-first{flex: 1 1 100%; margin-right: 0; margin-bottom: 10px;}
    .news-slider-second{flex: 1 1 100%; margin-right: 0; margin-bottom: 10px;}
    .news-slider-last{flex: 1 1 100%;}
    .news-slider-first__img{padding-bottom: 56%}
    .news-slider-second__img{padding-bottom: 56%}
    .news-slider-third__img{padding-bottom: 56%}
    .news-slider-arrow{top: 50%;}
    .news-slider-first__cat{font-size: 14px;     padding: 5px 10px; margin-bottom: 5px; opacity: .6;}
    .news-slider-first__name{font-size: 14px; line-height: 15px; max-height: 45px; overflow: hidden;}
    .news-slider-third__cat{font-size: 14px;     padding: 5px 10px; margin-bottom: 5px; opacity: .6;}
    .news-slider-third__name{font-size: 14px; line-height: 15px; max-height: 45px; overflow: hidden;}
    .news-slider-fourth__cat{font-size: 14px;     padding: 5px 10px; margin-bottom: 5px; opacity: .6;}
    .news-slider-fourth__name{font-size: 14px; line-height: 15px; max-height: 45px; overflow: hidden;}
    .news-slider-arrow{display: none;}
}

.news-highlight{background-color: #ececed; padding-top: 35px; padding-bottom: 15px; margin-bottom: 35px;}
.news-highlight__header{margin-bottom: 25px;}
.news-highlight__title{ padding: 10px 17px;  color: #fff;  text-transform: uppercase;  border-radius: 1px; font-size: 20px;  font-weight: 700;  display: inline-block;  background-color: #2d3540; vertical-align: middle}
.news-highlight__right{vertical-align: middle; font-size: 18px; color: #444444; display: inline-block; padding: 0 20px;}
.news-highlight__name{vertical-align: middle; font-size: 20px; color: #444444; display: inline-block; text-transform: uppercase;}

.news-highlight__list{display: flex; flex-wrap: wrap; margin: 0 -15px;}
.news-highlight-item{width: calc(50% - 30px); margin: 0 15px; margin-bottom: 30px;}
.news-highlight-box:after{clear: both; display: table; content: "";}
.news-highlight-item__size{width: 293px; float: left;}
.news-highlight-item__img{padding-bottom: 66.894198%; height: 0; width: 100%; position: relative; display: block; background-color: #363636;}
.news-highlight-item__box{float: left; padding: 20px; width: calc(100% - 333px);}
.news-highlight-item__title{ font-size: 18px; color: #444444; display: block; font-weight: 500; line-height: 1.2; max-height: 60px; overflow: hidden; margin-bottom: 15px;}
.news-highlight-item__title:hover{color: #d4000e}
.news-highlight-item__desc{font-size: 14px; color: #999999; display: inline-block; line-height: 1.3; max-height: 70px; overflow: hidden;}

@media (max-width: 1305px) {
    .news-highlight-item{width: 395px;}
    .news-highlight-item__size{width: 200px;}
    .news-highlight-item__box{ width: calc(100% - 240px); padding: 10px 10px 0 10px;}
    .news-highlight-item__title{font-size: 14px; line-height: 14px; max-height: 42px; overflow: hidden;}
    .news-highlight-item__desc{line-height: 14px; max-height: 42px; overflow: hidden;}
}

@media (max-width: 840px) {
    .news-highlight-item__size{width: 100%;}
    .news-highlight-item__box{width: 100%;  padding: 10px 10px 10px 10px; box-sizing: border-box; }
    .news-highlight__title{font-size: 14px; padding: 7px 9px;}
    .news-highlight__name{font-size: 14px;}
    .news-highlight__right{padding: 0 10px;}
    .news-highlight-item{width: 100%;}
    .news-highlight__name{display: none;}
}

.news-col-sidebar{float: right; width: 350px; overflow: hidden;}
.news-col-main{float: left;    width: calc(100% - 370px);overflow: hidden;margin-right: 20px;}
.news-main__header{margin-bottom: 25px;}
.news-main__title{ padding: 10px 17px;  color: #fff;  text-transform: uppercase;  border-radius: 1px; font-size: 20px;  font-weight: 700;  display: inline-block;  background-color: #2d3540; vertical-align: middle}
.news-main__right{vertical-align: middle; font-size: 18px; color: #444444; display: inline-block; padding: 0 20px;}
.news-main__name{vertical-align: middle; font-size: 20px; color: #444444; display: inline-block; text-transform: uppercase;}

.sidebar__banner{overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 67.5%; background-color: #363636; margin-bottom: 25px;}
.sidebar__banner > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.sidebar-news{margin-bottom: 20px;}
.sidebar-news__header{  height: 40px;  position: relative;  border-radius: 1px;  /*padding:  0 16px;*/ box-sizing: border-box; margin-bottom: 1px; background-color: #fff; border-bottom: 2px dashed #e9e9e9;}
.sidebar-news__title{width: 100%;  font-size: 20px; color: #dc0000; display: inline-block; font-weight: 700; text-transform: uppercase; line-height: 40px; position: relative;}
.sidebar-news__title:after{font-size: 18px;  content: "\f105";  color: #fff;  font-family: "FontAwesome";  position: absolute;  right: 16px;  top: 0;}
.sidebar-news__box{background-color: #fff;height: 368px; overflow: hidden; position: relative}
.sidebar-news-item{padding: 10px 0; border-bottom: 1px dashed #e9e9e9;}
.sidebar-news-item:after{clear: both; display: table; content: "";}
.sidebar-news-item__size{width: 100px; height: 70px; float: left; margin-right: 20px;}
.sidebar-news-item__img{padding-bottom: 70%; height: 0; width: 100%; overflow: hidden; position: relative; background-color: #ededed;}
.sidebar-news-item__info{   width: calc(100% - 140px); float: left;}
.sidebar-news-item__title{font-size: 13px;color: #2B2F3A;display: block;line-height: 16px; /* height: 47px; */max-height: 48px;overflow: hidden;margin-bottom: 10px;}
.sidebar-news-item__title:hover{color: #000;}
.sidebar-news-item__desc{font-size: 12px; color: #8395AE; display: block; line-height: 16px; height: 16px; overflow: hidden;}
.sidebar-news-item__desc:hover{color: #000}

.news-main__box{}
.news-main-item{margin-bottom: 25px;  background-color: #f6f6f7;}
.news-main-item:after{clear: both; display: table; content: "";}
.news-main-item__size{width: 326px; height: 186px; float: left; margin-right: 30px;}
.news-main-item__img{padding-bottom: 57.0552147%; overflow: hidden; position: relative; width: 100%; height: 0; }
.news-main-item__info{width: calc(100% - 356px); float: left; padding: 20px 0;}
.news-main-item__title{font-size: 18px; color: #444444; font-weight: 500; line-height: 18px; height: 36px; overflow: hidden; display: block ; margin-bottom: 15px;}
.news-main-item__text{ font-size: 14px; color: #999999; display: block; margin-bottom: 20px; max-height: 55px; line-height: 1.3; overflow: hidden;}
.news-main-item__cat{font-size: 14px; color: #999999; text-transform: uppercase;}
.news-main-item__title:hover{color: #d4000e;}


.news-most{  background-color: #ececed;padding-top: 40px;  margin-bottom: 40px;}
.news-col-sidebar__header{width: 100%;  background-color: #2d3540;  margin-top: 0;  margin-bottom: 1.625em;  height: 40px;  padding: 6px 16px; box-sizing: border-box; border-left: 3px solid #d4000e;}
.news-col-sidebar__header1{width: 100%;  background-color: #2d3540;  margin-top: 0;  margin-bottom: 0 !important;  height: 40px;  padding: 6px 16px; box-sizing: border-box; border-left: 3px solid #d4000e;}
.news-col-sidebar__title{font-weight: 500;  text-transform: uppercase;  font-size: 20px;  color: #FFF;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; line-height: 28px; display: inline-block;}

.most-news{    overflow: auto;  position: relative;  padding: 22px 22px 0;  background-color: rgba(249, 249, 252, 0.9);  margin: 0 0 26px;  height: 538px;  border: 1px solid #ebebeb;}
.most-top-item{margin-bottom: 10px;}
.most-top-item__img{ padding-bottom: 63.4502924%; width: 100%; height: 0; position: relative; overflow: hidden; background-color: #363636; display: block; margin-bottom: 10px;}
.most-top-item__name{font-size: 18px; font-weight: 400;  margin-top: 6px; display: block; line-height: 18px; height: 36px; overflow: hidden;}
.news-main__title--red{background-color: #d4000e;}
.most-sub-item{    width: 100%;  position: relative;  padding: 10px 0;  border-bottom: 1px solid #ebebeb;}
.most-sub-item:after{clear: both; display: table; content: "";}
.most-sub-item__img{float: left;width: 110px; height: 66px; overflow: hidden; position: relative; background-color: #363636}
.most-sub-item__info{float: left;     padding: 0 0 0 22px; width: calc(100% - 132px);}
.most-sub-item__day{font-size: 14px;    color: #d4000e; display: block;  margin-bottom: 5px;}
.most-sub-item__day:before{content: "\f017"; color: #7E7B7B; font-family: FontAwesome, sans-serif;}
.most-sub-item__title{display: inline-block;font-size: 13px;line-height: 1.3;max-height: 47px;overflow: hidden; margin-bottom: 5px;}
.most-sub-item__title:hover{color: #d4000e;}

@media (max-width: 960px) {
    .news-col-main{float: none; width: 100%;}
    .news-col-sidebar{display: none;}
}

@media (max-width: 840px) {
    .news-main-item{width: 100%;}
    .news-col-main{width: 100%;}
    .news-main-item__size{width: 100%; height: auto;}
    .news-main-item__text{line-height: 14px; max-height: 28px; overflow: hidden; margin-bottom: 10px;}
    .news-main-item__title{margin-bottom: 10px; font-size: 14px; }
    .news-main-item__info{padding: 10px;   width: 100%; box-sizing: border-box; }
    .news-main__title{font-size: 14px; padding: 7px 9px;}
    .news-main__name{font-size: 14px;}
    .news-main__right{padding: 0 9px;}
    .news-main__name{display: none;}
    .news-col-sidebar{display: block; float: none; width: 100%;}
    .sidebar-news-item__title{font-size: 14px;}
    .sidebar-news-item__info{    width: calc(100% - 120px);}
}
.news-container{margin-top: 20px;}
.news-container:after{clear: both; display: table; content: "";}
.news-container-left{width: 150px; float: left;}
.news-container-right{float: right; width: calc(100% - 150px);}
.news-category{}
.news-category__item{display: block; font-size: 14px; color: #666666 ; transition: .2s; margin-bottom: 10px;}
.news-category__item:before{content: '\f105'; font-family: FontAwesome, sans-serif; padding-right: 15px;}
.news-category__item:hover{color: #d4000e}

.news-category-item{margin-bottom: 24px; background-color: #f4f4f6;}
.news-category-item:after{clear: both; display: table; content: "";}
.news-category-item__size{float: left; width: 286px; height: 155px; }
.news-category-item__img{padding-bottom: 54.1958042%; width: 100%; height: 0; position: relative; overflow: hidden; background-color: #363636 ; display: block;}
.news-category-item__info{float: left; width: calc(100% - 306px); padding: 20px; box-sizing: border-box;}
.news-category-item__title{font-size: 18px; color: #444444; display: block; line-height: 18px; overflow: hidden; max-height: 36px; font-weight: 500; margin-bottom: 10px;}
.news-category-item__title:hover{color: #d4000e;}
.news-category-item__desc{font-size: 14px; color: #999999; display: block; max-height: 41px; overflow: hidden;}



.photo-news{background-color: #2d3540; padding: 40px 0;}
.photo-news__top{    width: calc(100% - 330px);position: relative;margin-right: 30px;float: left;}
.photo-news__top-img{padding-bottom: 61.0217391%; height: 0; width: 100%; position: relative; overflow: hidden; background-color: #999999; display: block;}
.photo-news__top-desc{position: absolute; right: 20px; left: 20px; bottom: 20px; padding: 20px; background: rgba(45,53,64,0.8); box-sizing: border-box;}
.photo-news__top-title{font-size: 24px; color: #ffffff; display: inline-block; font-weight: 700; text-overflow: ellipsis; overflow: hidden; line-height: 24px;}
.photo-news__top-title:hover{text-decoration: underline;}

.photo-news__sub{float: right; width: 300px;}
.photo-news__sub-header{font-size: 20px; color: #ffffff; display: block; font-weight: 500; text-transform: uppercase; width: 100%; border-bottom: 1px solid #4c5767; padding-bottom: 15px; margin-bottom: 14px;}

.photo-news-sub-item{margin-bottom: 30px; position: relative;}
.photo-news-sub-item__img{padding-bottom: 73.3333333%; width: 100%; height: 0; position: relative; overflow: hidden; background-color: #999999; display: block;}
.photo-news-sub-item-desc{position: absolute; right: 10px; left: 10px; bottom: 10px; padding: 10px; background: rgba(45,53,64,0.8); box-sizing: border-box;}
.photo-news-sub-item-title{font-size: 14px; color: #ffffff; display: inline-block; font-weight: 700; line-height: 16px; max-height: 32px; overflow: hidden;}
.photo-news-sub-item-title:hover{text-decoration: underline;}
.photo-news-sub-item:last-child{margin-bottom: 0;}

@media (max-width: 1305px) {
    .photo-news__top{float: none; margin-bottom: 30px; width: 100%; height: auto;}
    .photo-news__sub{float: none; width: 100%;}
    .photo-news-sub-item:nth-of-type(1){width: 390px; float: left; margin-bottom: 0}
    .photo-news-sub-item:nth-of-type(2){width: 390px; float: right; margin-bottom: 0;}
}

@media (max-width: 840px) {
    .photo-news__top{}
    .photo-news-sub-item:nth-of-type(1){width: 100%; float: none; margin-bottom: 20px;}
    .photo-news-sub-item:nth-of-type(2){width: 100%; float: none; margin-bottom: 0;}
    .photo-news__top-title{font-size: 14px; line-height: 15px; overflow: hidden; max-height: 30px;}
    .photo-news__top-desc{right: 10px; left: 10px; bottom: 10px; padding: 10px; }
}

.news-gird{margin-bottom: 40px;}
.news-gird-top{background-color: #f6f6f7; margin-bottom: 27px;}
.news-gird-top:after{clear: both; display: table; content: "";}
.news-gird-top__size{width: 390px; height: 260px; float: left;}
.news-gird-top__img{display: block; padding-bottom: 66.6666667%; width: 100%; height: 0; overflow: hidden; position: relative; background-color: #363636}
.news-gird-top__info{float: left; padding: 37px 30px; width: calc(100% - 450px);}
.news-gird-top__title{font-size: 18px; color: #444444; font-weight: 500; line-height: 19px; margin-bottom: 10px; display: block;}
.news-gird-top__title:hover{color: #d30e0e; }
.news-gird-top__desc{font-size: 14px; color: #999999; display: block; margin-bottom: 20px; line-height: 1.3;}
.news-gird-top__day{color: #d30e0e; font-size: 14px;}

.news-grid__list{    display: flex;flex-wrap: wrap;margin: 0 -10px;}
.news-grid__list:after{clear: both; display: table; content: "";}
.news-grid-sub{    width: calc(25% - 20px);float: left;margin: 0px 10px;}
.news-grid-sub:last-child{margin-right: 0;}
.news-grid-sub__img{padding-bottom: 66.6666667%; overflow: hidden; position: relative; width: 100%; height: 0; display: block; background-color: #363636; margin-bottom: 10px;}
.news-grid-sub__title{font-size: 14px; color: #444444; display: block; line-height: 15px; max-height: 45px; overflow: hidden; margin-bottom: 10px;}
.news-grid-sub__title:hover{ color: #d30e0e;}
.news-grid-sub__day{font-size: 14px; color: #d30e0e;}

.sidebar-exchange__header{width: 100%;  background-color: #2d3540;  margin-top: 0; height: 40px;  padding: 6px 16px; box-sizing: border-box; border-left: 3px solid #d4000e;}
.sidebar-exchange__title{font-weight: 500;  text-transform: uppercase;  font-size: 20px;  color: #FFF;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; line-height: 28px; display: inline-block;}
.sidebar-exchange__body{margin-bottom: 1.625em;  background-color: #FFF;  padding: 8px 16px;  text-align: center;  border: 1px solid rgba(0, 0, 0, 0.2);}
.sidebar-exchange__date{    color: #393942;  margin-top: .4em;  margin-bottom: 0;   font-size: 14px; text-transform: uppercase}
.sidebar-exchange__time{    color: #d4000e;}
.sidebar-exchange__hr{    margin: 10px 0;  border-top: 1px solid #eee}
.sidebar-exchange__name{    color: #393942;  margin-top: .4em;  margin-bottom: 0; font-size: 18px; font-weight: 500}
.sidebar-exchange__box:after{clear: both; display: table; content: "";}
.sidebar-exchange__left{float: left; width: 49%;}
.sidebar-exchange__right{float: right; width: 49%;}
.sidebar-exchange__value{text-align: left;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  padding: 3px 30px; font-size: 16px; margin: 15px 0;}
.sidebar-exchange__value:last-child{border: none;}
.sidebar-exchange__char{color: #d4000e;}

.sidebar-exchange__poll-body{margin-bottom: 1.625em;  background-color: #FFF;  padding: 27px 24px; border: 1px solid rgba(0, 0, 0, 0.2);}
.sidebar-exchange__poll-name{font-size: 18px; color: #444444; display: block; font-weight: bold; margin-bottom: 20px;}
.sidebar-exchange__poll-button{border: none; text-align: center;  color: #2d3540; background-color: #dcdcdc; width: 100%; display: inline-block; padding: 15px; font-weight: bold;}
.sidebar-exchange__poll-text{font-size: 14px;  color: #999999; display: inline-block; vertical-align: middle;  margin-bottom: 20px; margin-top: 2px;}
.sidebar-exchange__poll-radio{vertical-align: middle;  margin-bottom: 22px;}

@media (max-width: 1305px) {

}

@media (max-width: 840px) {
    .news-container-left{width: 100%; margin-bottom: 20px; float: none;}
    .news-container-right{float: none; width: 100%;}
    .news-category-item__size{width: 100%; float: none; margin-bottom: 0px; height: auto ;}
    .news-category-item__info{box-sizing: border-box; float: none; width: 100%;}
    .news-category-item__title{font-size: 14px;}
    .news-gird-top__size{width: 100%; height: auto; float: none;}
    .news-gird-top__info{width: 100%; float: none; box-sizing: border-box; padding: 10px;}
    .news-grid-sub{width: calc(50% - 20px); margin-right: 3%; margin-bottom: 20px;}
    .news-grid-sub:nth-of-type(2n){margin-right: 0}
    .sidebar-exchange__value{font-size: 14px; padding: 3px 10px;}
}
.footer{background-color: #2d3540; padding: 35px 0;}
.footer-menu{width: 100%; margin-bottom: 20px;}
.footer-menu__item{font-size: 13px; color: #cedaeb; display: inline-block; text-transform: uppercase; padding-right: 20px;}
.footer-menu__item:hover{text-decoration: underline;}
.footer-sub-menu{width: 100%; margin-bottom: 27px;}
.footer-sub-menu__item{font-size: 14px; color: #8194af; display: inline-block;}
.footer-sub-menu__item:hover{text-decoration: underline;}
.footer-sub-menu__item:after{content: "|"; padding-right: 15px; padding-left: 15px;}
.footer-sub-menu__item:last-child:after{content: ""; padding-right: 0;}
.footer__top{border-bottom: 1px solid #1d2530;}
.footer__bottom{padding-top: 22px;}
.footer-logo{float: left;}
.footer-logo__item{background-image: url("../assets/footer-logo.png"); width: 184px; height: 50px; display: block;}

.footer-static-menu{float: right;}
.footer-static-menu__box{margin-bottom: 10px;}
.footer-static-menu__item{font-size: 14px; color: #8194af; display: inline-block;}
.footer-static-menu__item:hover{text-decoration: underline;}
.footer-static-menu__item:after{content: "|"; padding-right: 15px; padding-left: 15px;}
.footer-static-menu__item:last-child:after{content: ""; padding-right: 0; padding-left: 0;}
.footer-static-menu__text{font-size: 14px; display: block; color: #8194af; text-align: right;}

@media (max-width: 840px) {
    .footer-menu__item{display: block; margin-bottom: 10px;}
    .footer-sub-menu{display: none}
    .footer-logo{float: none; text-align: center; width: 100%; margin-bottom: 10px;}
    .footer-logo__item{display: inline-block;}
    .footer-static-menu__box{text-align: center;}
    .footer-static-menu__item{margin-bottom: 10px;}
    .footer-static-menu__item:after{content: ""; padding-right: 15px; padding-left: 15px;}
    .footer-static-menu__text{text-align: center;}
}
.news-pagination{display: flex; justify-content: center;}
.news-pagination__list{margin: 0 0 14px; }
.news-pagination__list:after{clear: both; display: table; content: "";}
.news-pagination__item{position: relative;  float: left;   text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  margin-right: -1px; color: #999999;   padding: 8px 14px; font-size: 16px;}

.news-pagination__item:hover{    color: #23527c;  background-color: #eee;  border-color: #ddd;  }
.news-pagination__item--active{    color: #fff;  background-color: #e4000d;border: 1px solid #d4000e;}
.news-pagination__item--active:hover{ color: #fff;  background-color: #e4000d;border: 1px solid #d4000e;}

.view{}
.view__img{padding-bottom: 50%; width: 100%; height: 0;overflow: hidden; position: relative; background-color: #363636}
.view__title{display: block; font-weight: 500; font-size: 24px;    color: #222; margin-bottom: 10px; margin-top: 0;      line-height: 30px;}

.view-meta-elements{color: #999;  display: block; margin-bottom: 10px;}
.view-meta-author{display: inline-block;  margin: 0 16px 0 0; font-size: 13px;}
.view-meta-date{display: inline-block;  margin: 0 16px 0 0; font-size: 13px;}
.view-meta-comment{display: inline-block;  margin: 0 16px 0 0; font-size: 13px;}

/*.view__text{ border-bottom: 1px solid rgba(0, 0, 0, .1);}*/
/*.view__text p{  line-height: 22px; color: #444;  font-size: 14px; margin: 10px 0;}*/

/*.view__text h1 { font-size: 2em; margin-bottom: .75em; }*/
/*.view__text h2 { font-size: 1.5em; margin-bottom: .75em;  }*/
/*.view__text h3 { font-size: 1.17em; margin-bottom: .75em; }*/
/*.view__text h4 { font-size: 1.12em; margin-bottom: .75em; }*/
/*.view__text h5 { font-size: .83em; margin-bottom: .75em; }*/
/*.view__text h6 { font-size: .75em; margin-bottom: .75em; }*/
/*.view__text img{width: 100% !important; height: 100% !important;}*/

.c-content{font-family: "Roboto", sans-serif !important;}
.c-content h1 h2 h3 h4 h5 h6 { margin-top: 20px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; font-family: "PT Sans", sans-serif; font-weight: bold; color: #333; }
.c-content a:hover{color: #0077dd;}
.c-content b, strong { font-weight: 600; }
.c-content p{ font-size: 16px; line-height: 23px;; margin: 0 0 30px; color: #333; }
.c-content a{ color: #0077dd; text-decoration: none; cursor: pointer; }
.c-content .tweetabletext{background-color:#e9ebe4;cursor:pointer;padding-left:0px;padding-right:4px; color: #000;}
.c-content .tweetabletext:after{font-family:"FontAwesome";content:'\f099';margin-left:4px}
.c-content .tweetabletext:hover{background-color:#e2f1f9}
.c-content .tweetabletext:hover:after{font-family:"FontAwesome";content:'\f099';margin-left:4px;color:#00acee}
.c-content figure.image{position: relative; padding: 0; margin: 0; display: inline-block;}
.c-content figure.image figcaption{ background-color: #dbe1ea; font-size: 11px; color: #454d62; text-align: center; font-style: italic; line-height: 1.6; padding: 4px; position: absolute; bottom: 0; box-sizing: border-box; left: 0; right: 0; width: 100% }
.c-content o{ color: red; }
.c-content li{ font-size: 17px; line-height: 28px; }
.c-content h1{font-size: 36px;}
.c-content h2{font-size: 30px;}
.c-content h3{font-size: 24px;}
.c-content h4{font-size: 18px;}
.c-content h5{font-size: 14px;}
.c-content h6{font-size: 12px;}
.c-content img{ border-color: #007bff; max-width: 100%;  height: auto !important; cursor: zoom-in}
.view__text blockquote{border-left: 3px solid #d4000e; margin-bottom: 20px;padding: 3px 0 0 30px;  color: #2c2c34; font-size: 14px; line-height: 18px;}
.view__text table{    border-top-left-radius: 3px;  border-top-right-radius: 3px; border-collapse: collapse;  border-spacing: 0;  margin-bottom: 20px; border: 1px solid #ddd;  overflow-y: auto;   width: 100%;}
.view__text table > thead > tr {    background: transparent;  border-bottom: 2px solid #d4000e;}
.view__text table > thead > tr > th{     font-weight: 400;  border-bottom: 1px solid #bbb;  vertical-align: middle;  padding: 12px 16px;  border-right: 1px solid #ddd;}
.view__text table > tbody > tr > td{     padding: 8px;  line-height: 1.42857143;  vertical-align: top;  border-top: 1px solid #ddd;   border-right: 1px solid #ddd;}

.view__comment{margin-top: 22px;}
.view__comment-header{    display: block;  width: 100%;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-bottom: 0;     margin-bottom: 1.625em;  text-transform: uppercase;  letter-spacing: .02em;}
.view__comment-title{    display: inline-block;  border-bottom: 2px solid #d4000e;  margin-bottom: -2px; padding-bottom: 9px;}

.social_share{    clear: both;text-align: left;}
.social_twitter{text-align: left;position: relative;display: inline-block;width: 90px;text-decoration: none;background-color: #29aae3;height: 34px;font-family: "Roboto Condensed", sans-serif;color: white;font-size: 14px;line-height: 34px;text-transform: uppercase;font-weight: normal;border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);}
.social_twitter:hover{background-color: #2499cc;}
.social_twitter > .logo{  height: 72px;}
.social_twitter > .logo:before{ font-family: "FontAwesome";content: '\f099';margin-right: 10px;margin-left: 10px;font-size: 22px;line-height: 34px;font-style: normal;}
.social_twitter > .message{    display: block;position: absolute;width: 55px;height: 34px;top: 0;left: 30px;opacity: 1;text-align: center;padding-top: inherit;transition: opacity 0.25s ease-out;line-height: 34px;font-size: 12px;}

.social_facebook{text-align: left;position: relative;display: inline-block;width: 100px;text-decoration: none;background-color: #3b5998;height: 34px;font-family: "Roboto Condensed", sans-serif;color: white;font-size: 14px;line-height: 34px;text-transform: uppercase;font-weight: normal;border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);}
.social_facebook:hover{background-color: #355088;}
.social_facebook > .logo{  height: 72px;}
.social_facebook > .logo:before{ font-family: "FontAwesome";content: '\f09a';margin-right: 10px;margin-left: 10px;font-size: 22px;line-height: 34px;font-style: normal;}
.social_facebook > .message{    display: block; position: absolute;width: 55px;height: 34px;top: 0;left: 33px;opacity: 0;text-align: center;padding-top: inherit;transition: opacity 0.25s ease-out;line-height: 34px;font-size: 12px;}
.social_facebook > .count{    display: block;position: absolute;width: 55px;height: 34px;top: 0;left: 30px;opacity: 1;text-align: center;padding-top: inherit;transition: opacity 0.25s ease-out;line-height: 34px;font-size: 12px;}
.social_facebook:hover .count{opacity: 0;}
.social_facebook:hover .message{opacity: 1;}

.comment-list{margin-top: 12px;}
.comment{    margin-bottom: 1.625em;  padding: 16px;  border: 1px solid #eee;}
.comment-content{display: inline-block;  vertical-align: top;  width: 100%;}
.comment-content__title{    margin-bottom: 1.625em;  text-transform: uppercase;  letter-spacing: .02em;}
.comment-content__author{    font-weight: 600;  font-style: normal;  text-transform: uppercase; font-size: 14px; margin-bottom: 10px; display: block;}
.comment-content__date{    font-size: .9em;  font-weight: 500;  color: #999;  text-transform: uppercase;}
.comment-content__day{color: #d4000e;}
.comment-content__text{    line-height: 22px; color: #777; font-size: .9em; display: block;}
.comment-content__button{font-size: .9em;background-color: #d4000e;     float: right;  color: #fefefe;  border-radius: 2px;  text-shadow: none;  background-image: none;  box-shadow: none;  border: none;margin-left: 10px;     display: inline-block;  padding: 6px 12px;}
.comment-content__button:hover{background-color: #49494d;}
.comment-reply{    margin-left: 60px;    border-left-width: 4px;}

.comment-form{    margin-top: 10px;}
.comment-form__header{    display: block;  width: 100%;  border-bottom: 1px solid rgba(0, 0, 0, .1);  padding-bottom: 0;     margin-bottom: 1.625em;  text-transform: uppercase;  letter-spacing: .02em;}
.comment-form__title{    display: inline-block;  border-bottom: 2px solid #d4000e;  margin-bottom: -2px; padding-bottom: 9px;}
.comment-form__reply{    margin-top: 0;  margin-bottom: 1.625em;}
.comment-form__input-box:after{clear: both; display: table; content: "";}
/*.comment-form__group-left{width: 49%; float: left;}*/
/*.comment-form__group-right{width: 49%; float: right;}*/
.comment-form__group-control{display: block;  width: 100%;  font-size: 1em;  color: #555;  background-color: #fff;  background-image: none;  border: 1px solid #e3e2e2;  box-shadow: none;  border-radius: 0;  font-weight: 400;  padding: 6px 10px;  letter-spacing: .02em;  margin-bottom: 1.625em; box-sizing: border-box; font-family: Roboto, sans-serif;}
.comment-form__group-control:focus{border-color: #000000}

.view__news{}
.view__news-box:after{clear: both; display: table; content: "";}
.view-news-item{float: left; border: 1px solid rgba(0, 0, 0, 0.065); width: 260px; margin-right: 17px; margin-bottom: 17px;}
.view-news-item:hover{    z-index: 999;  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);}
.view-news-item:nth-child(3n){margin-right: 0;}
.view-news-item__img{padding-bottom: 65.3846154%; position: relative; width: 100%; height: 0; display: block; background-color: #363636}
.view-news-item__content{    padding: 6px 22px; position: relative;}
.view-news-item__content-title{font-size: 16px; display: inline-block; font-weight: 400; margin: 10px 0; line-height: 17px; height: 51px; overflow: hidden; margin-bottom: 30px;}
.view-news-item__content-title:hover{color: #6441a5;}
.view-news-item__more{    display: inline-block;  text-transform: uppercase;  border-radius: 2px;  position: absolute;  bottom: 10px;   padding-left: 0;  cursor: pointer;  font-size: 12px;  font-weight: 400;  color: #999; text-align: right; padding-bottom: 5px;}
.view-news-item__more:before{    position: absolute;  bottom: 0;  left: 0;  width: 20px;  height: 1px;  content: '';  transition: all .3s ease;  background-color: #999;}
.view-news-item__more:hover{color: #6441a5;}
.view-news-item__more:hover:before{    width: calc(100% - 2px);}

@media (max-width: 840px) {
    .view-news-item{float: left; width: 48%; margin-right: 2%;}
    .view-news-item:nth-child(3n){margin-right: 2%;}
    .view-news-item:nth-child(2n){margin-right: 0;}
    .view-news-item__content-title{font-size: 14px;}
    .view__text table{overflow-y: auto; width: 100%; white-space: normal; display: inline-block;}
}

.sidebar-exchange__poll-box{margin: 10px 0;}
.sidebar-exchange__poll-results{ background: #212121;  background-image: none;  border: none; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);  color: #fff;  cursor: pointer;  display: block;  overflow: hidden;  pointer-events: all;  position: relative;  text-align: inherit;  width: 100%;  box-sizing: border-box;  font-size: 14px; margin: 10px 0; }
.sidebar-exchange__poll-percent{width: 0; background-color: #01579b;  padding: 8px; float: left; display: inline-block;text-overflow: ellipsis;white-space: nowrap;}
.sidebar-exchange__poll-results:after{clear: both; display: table; content: "";}
.sidebar-exchange__poll-number{    color: #fff;   font-size: 14px;  font-weight: 300;  margin-left: 8px; position: absolute; right: 10px; top: 9px;}
.sidebar-exchange__poll-results--active{background-color: #01579b;}
.sidebar-exchange__poll-check{display: none;}
.sidebar-exchange__poll-results--active > .sidebar-exchange__poll-percent > .sidebar-exchange__poll-check{display: inline-block;}
.sidebar-exchange__poll-title{}

.staticpage{padding: 25px 0;}
.col-staticpage__left{margin-bottom: 25px;}
.staticPage__name{font-size: 24px; font-weight: 700; color: #000; text-align: center; display: block; text-transform: uppercase;}
.staticpage__item{color: #666;}



.header-extra{ float: right; display: flex; margin-top: 6px; font-size: 14px;}
.header-extra__date{    margin-right: 20px;     line-height: 1; display: block;}
.header-extra__hansh{    margin-right: 20px;     line-height: 1;}
.header-extra__weather{    line-height: 1;}
.header-extra p{      font-size: 11px;color: #666;font-family: 'Roboto Condensed';text-transform: uppercase;line-height: 1;margin-bottom: 8px;}
.header-extra #day{}
.header-extra p:before{display: inline-block;content: '';height: 1px;width: 10px;background-color: #0080c3;margin-right: 9px;margin-bottom: 4px;}
.header-extra span{    padding-left: 18px;font-family: 'Roboto Condensed';color: #333;font-weight: 700;line-height: 1px;cursor: pointer;}
.header-extra .header-extra__hansh span:before{    content: '';display: inline-block;background: url(../assets/dollar.png);height: 10px;width: 14px;margin-right: 5px;}
.header-extra span.up:after{    content: '\f0d8';font-family: FontAwesome, sans-serif;font-size: 11px;color: #0080c3;margin-left: 4px;}
.header-extra .header-extra__weather span{position: relative;padding-left: 25px;}
.header-extra .header-extra__weather span:before{  content: '';display: inline-block;height: 28px;width: 28px;background: url(../assets/day.svg);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;top: -6px;left: 0;}
.header-extra .header-extra__date span{    position: relative; padding-left: 35px;}
.header-extra .header-extra__date span:before{  content: '';display: inline-block;height: 18px;width: 18px;background: url(../assets/icons8-calendar.svg);background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;    top: -1px;left: 10px;}
/*@media (max-width: 759px) {*/
    /*.header-extra{display: none;}*/
/*}*/

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


/*new home design css*/

.main-border{border-bottom: 2px solid #E9E9E9; padding-bottom: 20px; margin-bottom: 20px;}
.middle-top-banner{width: 100%; margin-top: 0; margin-bottom: 20px;     border-bottom: 2px solid #E9E9E9; padding-bottom: 20px;}
.main-top-banner{margin: 20px auto; max-width: 870px; margin-top: 0;}
.new-breakingnews{width: 100%; overflow: hidden; white-space: nowrap; margin-bottom: 20px; margin-top: 20px;}
.new-breakingnews__item{display: inline-block; position: relative; font-size: 14px; font-family: Roboto, sans-serif; font-style: italic; font-weight: 300; line-height: 16px;}
.new-breakingnews__item:before{content: "●";; font-style: normal; font-size: 12px; margin: 0 15px; vertical-align: bottom; color: #9FB3C9}


.main-feature{overflow: hidden;  height: 360px; margin-bottom: 20px; }
.main-feature__left{width: 270px; float: left; background-color: #2E323C; height: 100%; box-sizing: border-box; padding: 30px 15px;}
.main-feature__right{float: right; width: calc(100% - 270px); }
.main-feature__img{padding-bottom: 78.26%; width: 100%; height: 0; position: relative; overflow: hidden; background-color: #363636; display: block;}
.main-feature__title{font-size: 18px; font-family: Roboto, sans-serif; font-weight: 700; line-height: 24px; max-height: 96px; overflow: hidden; color: #fff; display: block; margin-bottom: 25px;}
.main-feature__title:hover{color: #dc0000}
.main-feature__desc{font-size: 12px; font-family: Roboto, sans-serif; font-weight: 300; line-height: 18px; max-height: 126px; overflow: hidden; color: #BBBBBB; display: block;}
.main-feature-sub{display: flex; flex-wrap: wrap;margin: 0 -10px;}
.main-feature-item{
    margin: 0px 10px;
    /* width: 31%; */
    flex-grow: 1;
    width: 30%;
    box-sizing: border-box;
}
.main-feature-item__img{padding-bottom: 108.695652174%; width: 100%; height: 0; display: block; overflow: hidden; position: relative; background-color: #e9e9e9;}
.main-feature-item__overlay{position: absolute; bottom: 0;left: 0;right: 0; padding: 8px 8px 8px 8px;color: white;font-size: 20px;overflow: hidden;width: 100%; font-family: Roboto, sans-serif; box-sizing: border-box;   background-color: rgba(46,50,60,0.8);}
.main-feature-item__title{    display: block;border: 0; font-family: Roboto, sans-serif;  color: white;font-size: 14px;line-height: 20px; max-height:60px; overflow: hidden; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/text-decoration: none; transition: .2s;}
.main-feature-item__title:hover{    color: #dc0000;}
.home-section__header{overflow: hidden;  margin-bottom: 10px;}
.home-section__title{color: #2B2F3A;font-size: 20px; display: block;font-weight: 700;text-transform: uppercase;line-height: 40px;position: relative; float: left;}
.home-section__title:before{border-left: 4px solid #dc0000; content: ""; margin-right: 10px;}
.home-section__more{float: right; text-transform: uppercase; font-size: 12px; line-height: 40px; color: #9FB3C9; font-family: Roboto, sans-serif; font-weight: 700;}
.home-section__box{display: flex; flex-wrap: wrap;margin: 0 -10px;}
.home-section__box:after{clear: both; display: table; content: ""}
.home-section-item{  margin: 0px 10px;
    /* width: 31%; */
    flex-grow: 1;
    width: 30%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.home-section-item__img{display: block; padding-bottom: 54.5454545455%; width: 100%; height: 0; position: relative; overflow: hidden; background-color: #363636; margin-bottom: 10px;}
.home-section-item__title{    font-size: 14px;color: #444444;display: block;line-height: 16px;max-height: 48px;overflow: hidden;margin-bottom: 10px; font-family: Roboto, sans-serif; font-weight: 300; transition: .2s;}
.home-section-item__title:hover{color: #dc0000}
.home-section-item__time{font-size: 14px;  color: #9FB3C9;}


@media (max-width: 1300px) {
}
@media (max-width: 840px) {
    .main-feature-item:last-child{margin-top: 20px; margin-bottom: 20px;}
    .main-feature{height: auto;}
    .main-feature__right{float: none; width: 100%;}
    .main-feature__left{float: none; width: 100%;}
}


.main-col-sidebar{float: left; width: 350px; overflow: hidden;}
.main-col-main{float: right;    width: calc(100% - 370px);overflow: hidden;margin-left: 20px;}

@media (max-width: 960px) {
    .main-col-main{float: none; width: 100%;}
    .main-col-sidebar{display: none;}
}

@media (max-width: 840px) {
    .main-col-main{width: 100%;}
    .main-col-sidebar{display: block; float: none; width: 100%;}

}