@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensansbold.woff2') format('woff2'), url('../fonts/opensansbold.woff') format('woff'), url('../fonts/opensansbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Arian AMU Serif';
  src: local('Arian AMU Serif'), local('ArianAMUSerif'), url('../fonts/arianamuserif.woff2') format('woff2'), url('../fonts/arianamuserif.woff') format('woff'), url('../fonts/arianamuserif.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Arian AMU Serif';
  src: local('Arian AMU Serif Bold'), local('ArianAMUSerif-Bold'), url('../fonts/arianamuserifbold.woff2') format('woff2'), url('../fonts/arianamuserifbold.woff') format('woff'), url('../fonts/arianamuserifbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PT Serif';
  src: local('PT Serif'), local('PT Serif'), url('../fonts/ptserifregular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PT Serif';
  src: local('PT Serif Bold'), local('PT Serif-Bold'), url('../fonts/ptserifbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
body {
  color: #383838;
  font-family: 'PT Serif', serif;
  font-size: 16px;
  line-height: 1.6;
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
}
main {
  background-color: #f5f5f5;
}
p {
  margin: 0;
}
h1,
h2,
h3 {
  margin: 0px;
  line-height: 1.6;
}
img {
  width: auto;
  max-width: 100%;
}
b {
  font-weight: 700;
}
a {
  color: #383838;
  text-decoration: none;
}
a:visited {
  color: #383838;
}
a:hover {
  cursor: pointer;
  color: #00b8d4;
}
a:focus {
  text-decoration: none;
  color: #00b8d4;
}
label {
  font-weight: 400;
}
.wrapper {
  background-color: #fefefe;
  padding-bottom: 30px;
}
.button-primary {
  background-color: #00b8d4;
  color: #fafafa;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  border: 0;
}
.button-primary:visited {
  color: #fafafa;
}
.button-primary:hover {
  color: #fafafa;
  text-decoration: none;
}
.button-primary:focus {
  outline: none;
}
.button-burger {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: url(../img/search.png) no-repeat center center;
}
.button-gallery-tiles {
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/tiles.png) no-repeat center center;
}
.button-gallery-list {
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/list.png) no-repeat center center;
}
.button-search {
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/search.png) no-repeat center center;
  border: 0;
  display: inline-block;
  vertical-align: middle;
}
.button-close-form {
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  background: url(../img/close-form.png) no-repeat center center;
  display: block;
  position: absolute;
  right: 20px;
}
.post-meta {
  font-size: 15px;
  color: #757575;
}
.post-meta--small {
  font-size: 12px;
}
.post-author {
  font-size: 15px;
  font-weight: 700;
}
.red-title a {
  color: #b71c1c;
  font-weight: 700;
}
.service-title {
  font: 700 14px/1.6 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.input {
  line-height: 38px;
  border: 1px solid #e0e0e0;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.textarea {
  border: 1px solid #e0e0e0;
  padding-left: 10px;
}
.input-search {
  line-height: 38px;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.input-search:focus {
  outline: none;
  border-bottom: 1px solid #00b8d4;
}
.banner {
  width: 100%;
  height: 100px;
}
.banner--blank {
  background-color: #e0e0e0;
  font: 700 14px/1.6 'Open Sans', sans-serif;
  color: #fefefe;
  position: relative;
}
.banner--blank:after {
  content: 'Место под баннер';
  position: absolute;
  font: 700 14px/1.6 'Open Sans', sans-serif;
  color: #fefefe;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: -11px;
}
.banner--header {
  height: 60px;
}
.banner--sidebar-big {
  height: 440px;
  margin-top: 30px;
}
.banner--sidebar-medium {
  height: 285px;
  margin-top: 30px;
}
.banner--index-top {
  margin: 0  0 15px 0;
}
@media (min-width: 1440px) {
  .banner--index-top {
    width: 1430px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
.banner--page {
  margin-top: 30px;
}
.header {
  padding: 30px 0;
}
.header__sale-news {
  border: 1px solid #e0e0e0;
  padding: 10px 15px;
  border-radius: 30px;
  display: table;
}
@media (max-width: 767px) {
  .header__sale-news {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    border: 0;
    width: 100%;
    margin-top: 15px;
  }
}
.header__nav {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .header__nav {
    display: table;
  }
}
@media (max-width: 767px) {
  .logo {
    text-align: center;
  }
}
.messenger-btn {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .messenger-btn {
    margin-bottom: 15px;
  }
}
.messenger-btn--whatsup {
  background: #2cb742 url(../img/whatsup.png) no-repeat center center;
  border-radius: 50%;
}
.messenger-btn--viber {
  background: #7d3daf url(../img/viber.png) no-repeat center center;
  border-radius: 50%;
}
.messenger-btn--telegram {
  background: #36ade1 url(../img/telegram.png) no-repeat center center;
  border-radius: 50%;
}
.main-menu {
  margin: 0;
  padding: 0;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .main-menu {
    display: table-cell;
  }
}
.main-menu__item {
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  font: 700 14px/1.6 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.main-menu__item a:hover {
  text-decoration: none;
}
.article-heading h1 {
  margin: 15px 0;
  font: 700 24px/1.6 'Arian AMU Serif', serif;
}
.article-heading h1 a:hover {
  text-decoration: none;
}
.article-heading h2 {
  font-family: 'Arian AMU Serif', serif;
  font-weight: 400;
  font-size: 20px;
  margin: 15px 0;
  line-height: 1.6;
}
.article-page-heading h1 {
  margin: 0 0 15px;
  font: 700 24px/1.6 'Arian AMU Serif', serif;
}
.article-page-heading h2 {
  font-family: 'Arian AMU Serif', serif;
  font-weight: 400;
  font-size: 20px;
  margin: 15px 0;
}
.article-page-heading img {
  margin: 15px 0;
}
.page-body img {
  margin: 15px 0;
}
.page-body p {
  margin-bottom: 30px;
}
.page-body h1,
.page-body h2,
.page-body h3 {
  margin: 30px 0 15px;
  font-family: 'Arian AMU Serif', serif;
  font-weight: 700;
}
.page-body h1 {
  font: 700 24px/1.6 'Arian AMU Serif', serif;
}
.page-body h1 a:hover {
  text-decoration: none;
}
.page-body h2 {
  font-size: 20px;
}
.page-body a {
  color: #3b5998;
  text-decoration: underline;
}
.page-body blockquote {
  border-left: 4px solid #00b8d4;
  padding: 30px 20px;
  margin: 30px 0;
  font-size: 20px;
  background-color: #f5f5f5;
}
.article-page-meta:after {
  display: table;
  content: "";
  clear: both;
}
.article-page-meta__left {
  float: left;
  max-width: 60%;
}
.article-page-meta__right {
  float: right;
}
.other-news {
  padding: 30px 0;
}
.other-news__item {
  padding: 10px 0;
}
.other-news__post-time {
  display: table-cell;
  padding-right: 15px;
}
.other-news__title {
  display: table-cell;
  font-size: 18px;
  font-family: 'Arian AMU Serif', serif;
}
.other-news__body {
  padding-top: 30px;
}
.other-news__img {
  margin-bottom: 15px;
}
.social-share {
  padding: 30px 0;
}
.social-share__body {
  padding-top: 15px;
  z-index: 0;
  position: relative;
}
.comments {
  padding: 30px 0;
}
.comments__authorize {
  border: 1px solid #e0e0e0;
  padding: 10px 15px;
  border-radius: 30px;
  display: table;
}
.comments__user-avatar {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.comments__authorize-message {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.comments__write {
  display: table;
  width: 100%;
}
.comments__write-input {
  width: table-cell;
  margin-right: 15px;
  min-width: 50%;
  max-width: 60%;
}
@media (max-width: 767px) {
  .comments__write-button {
    margin-top: 15px;
  }
}
.comment {
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}
.comment:after {
  display: table;
  content: "";
  clear: both;
}
.comment:last-child {
  border-bottom: 0;
}
.comment__user-avatar {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow: hidden;
  float: left;
  margin-right: 15px;
}
.comment__user-avatar img {
  margin: 0;
}
.comment__body {
  float: left;
}
.comment__user-name {
  font-weight: 700;
}
.comment__text {
  padding-right: 20px;
  margin: 10px 0;
}
.comment--reply {
  margin-left: 8.33333333%;
}
.news-feed {
  padding: 0 10px;
}
.news-feed--no-padding {
  padding: 0;
}
.news-feed__item {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0;
}
.news-feed__item:first-child {
  border-top: 0;
}
.news-feed__post-time {
  display: table-cell;
  padding-right: 15px;
}
.news-feed__title {
  display: table-cell;
  font-family: 'Arian AMU Serif', serif;
  font-size: 14px;
}
.news-feed__title--other-news {
  font-size: 18px;
}
.news-feed img {
  margin-right: 10px;
  margin-bottom: 10px;
}
.theme-in-continue {
  padding: 30px 0;
}
.theme-in-continue__heading-img {
  margin: 15px 0 0;
}
.theme-in-continue__service-title {
  font: 700 14px/1.6 'Open Sans', sans-serif;
  text-transform: uppercase;
}
.theme-in-continue__theme-title {
  margin: 15px 0px;
  font-family: 'Arian AMU Serif', serif;
  font-size: 20px;
}
.theme-in-continue__theme-title a:hover {
  text-decoration: none;
}
.theme-in-continue__post-title {
  border-top: 1px solid #e0e0e0;
  padding: 15px 0;
  font-family: 'Arian AMU Serif', serif;
}
.theme-in-continue__post-title:first-child {
  border-top: 0;
}
.theme-in-continue__post-title--main {
  font-weight: 700;
}
.theme-in-continue--hot {
  padding: 20px 15px 10px;
  background-color: #f5f5f5;
}
.theme-in-continue--hot img {
  margin: 0;
}
.news-category {
  padding: 30px 0;
}
.news-category:after {
  display: table;
  content: "";
  clear: both;
}
.photo-article {
  padding: 30px 0;
}
.photo-article__heading img {
  margin: 15px 0;
}
.photo-article__heading h1 {
  margin: 15px 0;
  font-size: 20px;
  font-family: 'Arian AMU Serif', serif;
}
.photo-article__heading h1 a:hover {
  text-decoration: none;
}
.photo-article__title {
  line-height: 30px;
  position: relative;
  padding-left: 40px;
}
.photo-article__title:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/photo-article-icon.png");
  background-repeat: no-repeat;
  width: 29px;
  height: 25px;
  left: 0;
  top: 2.5px;
}
.photo-article-page-heading {
  padding-bottom: 30px;
}
.photo-article-page-heading h1 {
  margin: 0 0 15px;
  font: 700 24px/1.6 'Arian AMU Serif', serif;
  color: #fefefe;
}
.photo-article-page-heading h2 {
  font-family: 'Arian AMU Serif', serif;
  font-weight: 400;
  font-size: 20px;
  margin: 15px 0;
}
.photo-article-page-heading img {
  margin: 0;
}
.photo-article-page-heading__post-meta {
  color: #fefefe;
}
.photo-article-page-heading__article-data {
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding-left: 15px;
  padding-bottom: 15px;
}
.photo-article-page-heading__background {
  position: relative;
  margin-bottom: 15px;
}
.photo-article-page-heading__background:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(66, 66, 66, 0.5);
  top: 0;
  z-index: 1;
}
.photo-article-page-heading__button {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
}
.fullscreen,
.fotorama--fullscreen,
.fotorama--fullscreen .fotorama__stage,
.fotorama--fullscreen .fotorama__nav,
.fotorama-overlay {
  background-color: #000;
}
.thumbs > .fotorama {
  overflow: visible;
}
.thumbs {
  margin-left: -15px;
  margin-right: -15px;
}
.thumbs--fullwidth {
  width: 100%;
}
/* style thumbs a bit */
.thumbs a {
  text-decoration: none;
  display: inline !important;
  color: #34457b;
}
.thumbs a:hover {
  color: #af1d05;
}
.thumbs a.switch {
  border-bottom: 1px dashed;
}
.thumbs--blocks img {
  width: 21.4%;
  margin-left: 15px;
  margin-right: 15px;
  height: auto;
  border: 2px #fff solid;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .thumbs--blocks img {
    width: 90%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.thumbs--fullwidth img {
  width: 100%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.thumbs a:hover img {
  border-color: #00b8d4;
}
/* straight “close” icon instead of “cancel fullscreen” */
.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -64px 0;
}
.video-article {
  padding: 30px 0;
}
.video-article__heading img {
  margin: 15px 0;
}
.video-article__heading h1 {
  margin: 15px 0;
  font-size: 20px;
  font-family: 'Arian AMU Serif', serif;
}
.video-article__heading h1 a:hover {
  text-decoration: none;
}
.video-article__title {
  line-height: 30px;
  position: relative;
  padding-left: 40px;
}
.video-article__title:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/video-article-icon.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 25px;
  left: 0;
  top: 2.5px;
}
.social-embed {
  padding: 30px 0;
}
.social-embed__body {
  padding: 15px 0;
}
.footer {
  padding: 30px 0;
}
.footer__logo {
  height: 120px;
}
.footer__description {
  font-size: 10px;
  height: 120px;
}
@media (max-width: 767px) {
  .footer__description {
    height: auto;
  }
}
.footer__meta {
  margin-bottom: 15px;
}
.footer-menu {
  padding: 0;
  margin-bottom: 20px;
}
.footer-menu__item {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  font-size: 14px;
}
.footer-menu__item:first-child {
  padding-left: 0;
}
.social-icons-btn {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .social-icons-btn {
    margin-bottom: 15px;
  }
}
.social-icons-btn--vk {
  background: #597da3 url("../img/vk.png") no-repeat center center;
  border-radius: 50%;
}
.social-icons-btn--facebook {
  background: #3b5998 url("../img/facebook.png") no-repeat center center;
  border-radius: 50%;
}
.social-icons-btn--ok {
  background: #ff8931 url("../img/ok.png") no-repeat center center;
  border-radius: 50%;
}
.social-icons-btn--youtube {
  background: #b62025 url("../img/youtube.png") no-repeat center center;
  border-radius: 50%;
}
.social-icons-btn--instagramm {
  background: #262626 url("../img/instagramm.png") no-repeat center center;
  border-radius: 50%;
}
.social-icons-btn--periscope {
  background: #42afcf url("../img/periscope.png") no-repeat center center;
  border-radius: 50%;
}
.archive {
  padding-bottom: 30px;
}
.archive__title {
  font: 700 24px/1.6 'Arian AMU Serif', serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.archive__date {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.archive__date a {
  font-size: 15px;
  color: #757575;
  text-decoration: underline;
}
.archive__date a:hover {
  text-decoration: none;
}
.archive__date input {
  background: transparent;
  border: 0;
}
.info-page__title {
  font: 700 24px/1.6 'Arian AMU Serif', serif;
  margin-bottom: 30px;
}
.info-page__text {
  margin-bottom: 15px;
}
.info-page__block-title {
  font-weight: 700;
}
.info-page__section-title {
  font-weight: 700;
  font-size: 20px;
  font-family: 'Arian AMU Serif', serif;
}
@media (max-width: 991px) {
  .page-form {
    padding: 15px 0;
  }
}
.page-form__fieldset {
  padding: 30px 0;
}
@media (max-width: 991px) {
  .page-form__fieldset {
    padding: 0;
  }
}
.page-form__input {
  width: 100%;
}
@media (max-width: 991px) {
  .page-form__input {
    margin-bottom: 15px;
  }
}
.page-form__textarea {
  width: 100%;
  min-height: 250px;
}
.vote {
  padding: 30px 0;
}
.vote__title {
  line-height: 30px;
  position: relative;
  padding-left: 40px;
}
.vote__title:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/vote-icon.png");
  background-repeat: no-repeat;
  width: 26px;
  height: 25px;
  left: 0;
  top: 2.5px;
}
.vote h2 {
  margin: 15px 0;
  font-size: 20px;
  font-family: 'Arian AMU Serif', serif;
}
.vote ul {
  list-style-type: none;
  padding: 0;
}
.vote input {
  margin-right: 10px;
}
.vote__picture {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .vote__picture {
    width: 100%;
  }
}
.vote__picture label:hover {
  cursor: pointer;
}
.vote-result__percent {
  width: 300px;
  max-width: 80%;
  background: #f5f5f5;
  position: relative;
  border-radius: 5px;
}
.vote-result__percent:after {
  content: attr(data-count);
  position: absolute;
  left: 100%;
  top: 0;
  padding-left: 10px;
  font-weight: 700;
}
.vote-result__count {
  background: #66d4e5;
  padding-left: 15px;
}
.vote-result li {
  margin-bottom: 15px;
}
.st-content,
.st-content-inner {
  position: relative;
}
.st-container {
  position: relative;
  overflow: hidden;
}
.st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.st-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  z-index: 4;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.sidebar-open .st-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 20px 50px 50px 30px;
  visibility: hidden;
  width: 300px;
  max-width: 80%;
  min-height: 100vh;
  height: auto;
  background: #f5f5f5;
  -webkit-transition: all 0s;
  transition: all 0s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.sidebar::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.sidebar-open .sidebar::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.sidebar-open {
  overflow: hidden;
}
/* Effect 1: Slide in on top */
.st-effect-1.sidebar {
  visibility: visible;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.st-effect-1.sidebar-open .st-effect-1.sidebar {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.st-effect-1.sidebar::after {
  display: none;
}
.sidebar-block {
  margin-bottom: 15px;
}
.sidebar-block ul {
  padding: 0;
  list-style-type: none;
}
.sidebar-block li {
  margin-top: 3px;
}
.sidebar-block__title {
  font-size: 18px;
  font-weight: 700;
}
.weather__status {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 25px;
  background: url(../img/sun.png) no-repeat center right;
}
.weather__status--sun {
  background: url("../img/sun.png") no-repeat center right;
}
.weather__status--cloud {
  background: url("../img/cloud.png") no-repeat center right;
}
.weather__status--cloud-sun {
  background: url("../img/cloud-sun.png") no-repeat center right;
}
.weather__status--cloud-thunder {
  background: url("../img/cloud-thunder.png") no-repeat center right;
}
.weather__status--cloud-snow {
  background: url("../img/cloud-snow.png") no-repeat center right;
}
.weather__status--cloud-rain {
  background: url("../img/cloud-rain.png") no-repeat center right;
}
.weather__status--snow {
  background: url("../img/snow.png") no-repeat center right;
}
.exchange__currency {
  margin-right: 20px;
  padding-left: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.exchange__currency--dollar:before {
  position: absolute;
  left: 0;
  content: "";
  width: 30px;
  height: 25px;
  background: url(../img/dollar.png) no-repeat center left;
}
.exchange__currency--euro:before {
  position: absolute;
  left: 0;
  content: "";
  width: 30px;
  height: 25px;
  background: url(../img/euro.png) no-repeat center left;
}
.exchange__currency--top {
  color: #4caf50;
}
.exchange__currency--down {
  color: #bf360c;
}