/* new */
@font-face {
  font-family: "Repo-Bold";
  src: url("../../fonts/Repo-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Bold.otf") format("opentype"), url("../../fonts/Repo-Bold.otf.woff2") format("woff2"), url("../../fonts/Repo-Bold.ttf") format("truetype"), url("../../fonts/Repo-Bold.svg#Repo-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo";
  src: url("../../fonts/Repo-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Regular.otf") format("opentype"), url("../../fonts/Repo-Regular.otf.woff2") format("woff2"), url("../../fonts/Repo-Regular.ttf") format("truetype"), url("../../fonts/Repo-Regular.svg#Repo") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-ExtraBlack";
  src: url("../../fonts/Repo-ExtraBlack.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBlack.otf") format("opentype"), url("../../fonts/Repo-ExtraBlack.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBlack.ttf") format("truetype"), url("../../fonts/Repo-ExtraBlack.svg#Repo-ExtraBlack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Black";
  src: url("../../fonts/Repo-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Black.otf") format("opentype"), url("../../fonts/Repo-Black.otf.woff2") format("woff2"), url("../../fonts/Repo-Black.ttf") format("truetype"), url("../../fonts/Repo-Black.svg#Repo-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-ExtraBold";
  src: url("../../fonts/Repo-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-ExtraBold.otf") format("opentype"), url("../../fonts/Repo-ExtraBold.otf.woff2") format("woff2"), url("../../fonts/Repo-ExtraBold.ttf") format("truetype"), url("../../fonts/Repo-ExtraBold.svg#Repo-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-DemiBold";
  src: url("../../fonts/Repo-DemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-DemiBold.otf") format("opentype"), url("../../fonts/Repo-DemiBold.otf.woff2") format("woff2"), url("../../fonts/Repo-DemiBold.ttf") format("truetype"), url("../../fonts/Repo-DemiBold.svg#Repo-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Medium";
  src: url("../../fonts/Repo-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Medium.otf") format("opentype"), url("../../fonts/Repo-Medium.otf.woff2") format("woff2"), url("../../fonts/Repo-Medium.ttf") format("truetype"), url("../../fonts/Repo-Medium.svg#Repo-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Repo-Light";
  src: url("../../fonts/Repo-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Repo-Light.otf") format("opentype"), url("../../fonts/Repo-Light.otf.woff2") format("woff2"), url("../../fonts/Repo-Light.ttf") format("truetype"), url("../../fonts/Repo-Light.svg#Repo-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?");
  src: url("../../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf") format("truetype"), url("../../fonts/icomoon.woff") format("woff"), url("../../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-SemiBold";
  src: url("../../fonts/Akrobat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-SemiBold.otf") format("opentype"), url("../../fonts/Akrobat-SemiBold.woff") format("woff"), url("../../fonts/Akrobat-SemiBold.ttf") format("truetype"), url("../../fonts/Akrobat-SemiBold.svg#Akrobat-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Bold";
  src: url("../../fonts/Akrobat-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Bold.otf") format("opentype"), url("../../fonts/Akrobat-Bold.woff") format("woff"), url("../../fonts/Akrobat-Bold.ttf") format("truetype"), url("../../fonts/Akrobat-Bold.svg#Akrobat-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Regular";
  src: url("../../fonts/Akrobat-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Regular.otf") format("opentype"), url("../../fonts/Akrobat-Regular.woff") format("woff"), url("../../fonts/Akrobat-Regular.ttf") format("truetype"), url("../../fonts/Akrobat-Regular.svg#Akrobat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Light";
  src: url("../../fonts/Akrobat-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Light.otf") format("opentype"), url("../../fonts/Akrobat-Light.woff") format("woff"), url("../../fonts/Akrobat-Light.ttf") format("truetype"), url("../../fonts/Akrobat-Light.svg#Akrobat-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-ExtraBold";
  src: url("../../fonts/Akrobat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-ExtraBold.otf") format("opentype"), url("../../fonts/Akrobat-ExtraBold.woff") format("woff"), url("../../fonts/Akrobat-ExtraBold.ttf") format("truetype"), url("../../fonts/Akrobat-ExtraBold.svg#Akrobat-ExtraBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Black";
  src: url("../../fonts/Akrobat-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Akrobat-Black.otf") format("opentype"), url("../../fonts/Akrobat-Black.woff") format("woff"), url("../../fonts/Akrobat-Black.ttf") format("truetype"), url("../../fonts/Akrobat-Black.svg#Akrobat-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-SemiBold";
  src: url("../../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans-Bold";
  src: url("../../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
/*

	For styling the placeholder

*/
/*

	For styling the placeholder focus

*/
/*

	Replaces text with img.

*/
/*

	Horizontal list. Can be used for navigation.

*/
/*

  Rem font size

*/
/*

  Calc vw for 640px

*/
.recent-articles .section-title,
.from-the-web .time,
.most-read-and-commented .slick-arrow,
.most-recent-articles .time,
h2.list-block-item,
.comment-block.editor .username a,
.chosen-comments h2.list-block-item,
.comments-section-title, .comments-wrapper-heading .left h2,
.transliteration,
.additional-commenting-info .profile-links a,
.news-comments,
.reply, .get-link, .show-comment,
.user-profile-view .user-info h3,
.user-comment-block .commented-on a,
.crossfire-title .section-title,
.give-opinion-btn,
.article-body h2,
.section-title.small,
.see-all,
.pagination .active,
.datepicker--cell.-current-,
.additional-info .comments,
.additional-info .category,
.additional-info .views,
.img-news .search-region button,
.img-news .gallery-img-count,
.outer-tabs a.active,
.nav-select,
.sticky-nav-wrapper .nav-dropdown,
.search.open:before {
  color: #a31f75;
}

.img-news .gallery-img-count {
  background-color: rgba(163, 31, 117, 0.3);
}

.list-article.poll-list-article,
.btn-login,
.accent-block,
.to-top,
.poll,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.slider-section,
.main-article,
.main-articles,
.dropdown .nav-select-btn span,
.dropdown .nav-select-btn span:before, .dropdown .nav-select-btn span:after,
.article-main-img:before,
.theme-dark .topic-tags,
.article-comments-title,
.page-footer,
.dropdown.open .nav-select-btn,
.nav-dropdown,
.sticky-nav-wrapper,
.img-and-video-inner-slider {
  background-color: #a31f75;
}

.search.open:after,
.page-header .search-form {
  background-color: #fff;
}

.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #a31f75;
}
.page-header .search-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #a31f75 transparent transparent transparent;
}
.page-header .search-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #a31f75 transparent;
}
.page-header .search-form input[type=text] {
  color: #dadada;
  color: rgba(163, 31, 117, 0.7);
}
.page-header .search-form input[type=text]::-webkit-input-placeholder {
  color: #dadada;
  color: rgba(163, 31, 117, 0.7);
}
.page-header .search-form input[type=text]:-moz-placeholder {
  color: #dadada;
  color: rgba(163, 31, 117, 0.7);
}
.page-header .search-form input[type=text]::-moz-placeholder {
  color: #dadada;
  color: rgba(163, 31, 117, 0.7);
}
.page-header .search-form input[type=text]:-ms-input-placeholder {
  color: #dadada;
  color: rgba(163, 31, 117, 0.7);
}

.slider-section .slick-dots li.slick-active button {
  background-color: #fff;
}

.page-header,
.page-header .logo .icon,
.main-article .additional-info .views,
.big-article .additional-info .views {
  color: #fff;
}

.mobile-menu-btn span {
  background-color: #fff;
}
.mobile-menu-btn span:before, .mobile-menu-btn span:after {
  background-color: #fff;
}

.mobile-menu-btn.open span {
  background: 0;
}

.top-section {
  background-color: #a31f75;
}

.sticky-nav-wrapper {
  color: #fff;
}
.sticky-nav-wrapper .nav-dropdown {
  color: #a31f75;
}
.sticky-nav-wrapper .dropdown.open .nav-select-btn span, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:before, .sticky-nav-wrapper .dropdown.open .nav-select-btn span:after {
  background-color: #a31f75;
}
.sticky-nav-wrapper .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .sticky-nav-wrapper .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #a31f75;
}

.mCSB_scrollTools {
  opacity: 1;
}

.page-header .search-form .search-with-btn button {
  background-color: #761655;
}

.page-header .user.open-dd {
  background-color: #820d5a;
}

.user-dd {
  background-color: #820d5a;
}
.user-dd .user-profile, .user-dd .user-links, .user-dd .logout {
  border-color: #933572;
}

.most-read-and-commented .list-block {
  background-color: #a31f75;
  color: #fff;
}
.most-read-and-commented .list-block .side-article {
  border-color: #af468b;
}
.most-read-and-commented .list-block .see-all {
  color: #fff;
}
.most-read-and-commented .slick-arrow {
  color: #fff;
}
.most-read-and-commented .additional-info .comments, .most-read-and-commented .additional-info .views {
  color: #fff;
}

.crossfire-title .section-title {
  color: #a31f75;
}

.give-opinion:after {
  color: #871560;
}

.accent-block h3 {
  border-bottom: 2px solid #cf4cc6;
}
.accent-block li + li {
  border-top: 1px solid #cf4cc6;
}

.opinion-block a {
  color: #d766b6;
}

.top-section {
  background-color: #a31f75;
}