/*!
Theme Name: graty
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: graty
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

graty is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.block .content .block-content {
  min-height: 150px;
}

.content__wrapper {
  padding-left: 0px;
  padding-right: 0px;
}

.all_news_link {
  opacity: 0.7;
}

.all_news_link:hover {
  opacity: 1;
}

.block .content .block-info,
.block .content .theme-title,
.block .content p {
  font-size: 12px;
}

.block.block-m {
  background-color: #2f3540;
  color: #fff;
}

.block.block-m:hover {
  background-color: #fff;
  color: #000;
}

.block.block-i:hover .overlay img {
  transform: scale(1.05);
}

.icotop {
  height: 10px;
  width: 23px;

  display: inline-block;
}

.icotop.ico-play {
  background: url(graty_front/dist/static/assets/top.svg) no-repeat center;
  background-size: 100% 100%;
}

.top_link {
  display: block;
  position: absolute;
  text-align: right;
  width: 100%;
  bottom: 0px;
  margin: 0px auto;
}

.top_link span {
  opacity: 0.7;
}

.widget__wrapper {
  position: relative;
}

.menu-list .menu-item {
  transition: 0.5s;
}

.menu-list .menu-item:hover {
  /* background: #BF465C; */
}

.one_news .content {
  max-width: 850px;
}

.icobig {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 9px;
}

.to_offer_news {
  position: relative;
  display: block;
  float: right;
  top: -35px;
  margin-right: 50px;
}

.ico-redmail {
  background: url(graty_front/dist/static/assets/mail-red.svg) no-repeat center;
  background-size: 100% 100%;
}

.block-s .overlay {
  height: 300px;
}

.themes_title {
  margin-left: 15px !important;
  opacity: 0.7;
  font-size: 12px;
}

.one_theme {
  margin-top: 60px;
}

.content__wrapper .main-image,
.widget .overlay img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.subscrible {
  font-size: 12px;
  line-height: 14px;
}

.content__wrapper .main-image-wrapper {
  position: relative;
  margin-top: 19px;
  margin-bottom: 5px;
}

.widget .overlay img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.block .overlay {
  height: 300px;
}

#feedback-modal .modal-wrapper {
  width: 44em;
  margin-left: -22em;
}

#feedback-modal input,
#feedback-modal textarea,
#fix-modal textarea {
  width: 100%;
  background-color: #e6e9eb;
  padding: 14px 16px;
  border-radius: 4px;
  line-height: 20px;
  font-size: 15px;
  color: #000;
  box-sizing: border-box;
  border: 0;
}

#feedback-modal input::placeholder,
#feedback-modal textarea::placeholder {
  color: #393e48 !important;
  opacity: 0.5;
}

#feedback-modal input:active,
#feedback-modal textarea:active {
  border: 1px solid #bf465c;
  border-right: 1px solid #e6e9eb00;
}

#selcted-fix-text {
  background-color: RGBA(191, 70, 92, 0.5);
}

#fix-modal .modal-input-wrapper {
  margin-bottom: 10px;
}

.feedback-btn {
  cursor: pointer;
}

.close_modal {
  width: 20px;
  height: 20px;
  background: url(image/cross.svg);
  position: absolute;
  background-repeat: no-repeat;
  right: 10px;
  top: 10px;
  background-size: cover;
  z-index: 99999;
  cursor: pointer;
}

.top_link {
  bottom: 100px;
  right: 30px;
  display: none;
  position: fixed;
  cursor: pointer;
  width: fit-content;
  border-radius: 100px;
  padding: 10px;
  color: #000;
  background: rgba(255, 255, 255, 0.3);
}

.header__wrapper {
  z-index: 99999;
}

.theme-title {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  height: 30px;
}

.theme_name {
  position: absolute;
  width: calc(80% - 90px);
  z-index: 1;
  background: #bf465c;
  height: 33px;
  padding: 0 45px;
  color: #ffffff;
}

.theme_name_text {
  font-weight: bold;
  font-size: 10px;
  line-height: 33px;
  float: left;
}

block-info .title {
  position: relative;
  font-weight: 600;
  margin-right: 15px;
  top: 3px;
}

.block.block-s .content .theme-title {
  margin-top: 10px;
  position: absolute;
  right: 0;
  bottom: -10px;
  font-weight: 700;
}

.fixed_menu #search-form,
.fixed_menu .themes {
  display: none;
}

.fixed_part_menu_header {
  position: fixed;
  width: 100%;
  top: 0px;
}

.mobile-only {
  display: none;
}

h6 {
  font-size: 14px;
}

.widget_1 h3 {
  line-height: 34px;
}

.block.block-i .content .block-content h6 {
  font-size: 19px;
  line-height: 24px;
}

.block-excerpt {
  height: 65px;
}

.block.block-s .content p {
  height: 35px;
}

.block.block-s .content h6 {
  height: 60px;
}

.block-excerpt {
  height: 65px;
}

.wysiwyg-wrapper .aligncenter {
  margin: 0px auto;
}

body,
html {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.block.block-s .content h6 {
  height: 60px;
}

.no-image_overlay {
  height: 340px !important;
  padding: 40px !important;
}

.no-image_overlay .block-content p {
  font-size: 14px;
}

.no-image_overlay .block-content h6 {
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .top_link {
    bottom: 10px;
    right: 5px;
  }

  .author-exists {
    text-align: left;
  }

  .mobile-only {
    display: block;
  }

  .hide_overlay {
    display: none !important;
  }

  .navbar .lang,
  .widget_1 .share h6 {
    display: block !important;
  }

  .menu-list {
    transition: 0.2s;
  }

  .menu-list.show {
    height: 340px;
  }
}
.block.block-i {
  width: 100%;
}
.section {
  padding: 3.938em 4.5em;
}
.news.row {
  /* margin: 0 -15px; */
}
.header__wrapper .navbar {
  position: relative;
}
.news .news-block {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: calc(50% - 20px);
  margin-right: 20px;
}
.home-news__img-wrap {
  width: 184px;
  height: 162px;
  overflow: hidden;
  margin-right: 20px;
  flex-shrink: 0;
}
.home-news__img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.home-news__content-wrap {
  width: calc(100% - 204px);
}
.home-news__content-wrap .date {
  font-size: 14px;
  color: #999ca1;
}
.news .news-block .block-info {
  margin-top: 15px;
}
.header__wrapper .navbar .menu-list .menu-item a {
  padding: 17px 10px;
}
.header__wrapper .lang div {
  padding: 15px 10px;
  font-size: 14px;
}
.header__wrapper .navbar .menu-list {
  margin: auto;
}
.no_fixed_part_menu_header .hide_test {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header__wrapper .themes {
  padding-top: 15px;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .news.row {
    margin: 0 auto;
  }
  .home-news__img-wrap {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
  .news .news-block .block-info {
    margin-top: 10px;
  }
  .home-news__content-wrap .date {
    font-size: 12px;
  }
}
.header__search.hide {
  display: none;
}
@media (max-width: 1365px) {
  .header__wrapper .navbar .menu-list .menu-item a {
    padding: 17px 7px;
  }
}
@media (max-width: 1024px) {
  div#language_switcher {
    opacity: 1;
    margin-left: auto;
  }
  .subscribe-btn {
    margin-right: 20px;
  }
}
.header__search {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 17px 20px 17px 10px;
  z-index: 100;
}

@media (max-width: 767px) {
  .header__search {
    margin-right: 20px;
  }
}
.header__search svg {
  width: 16px;
  height: 16px;
  fill: white;
  transition: all 0.3s ease;
}
.header__search svg:hover,
.header__search svg:active {
  fill: #bf465c;
}
.header-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 201px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-size: auto;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.header-search input:-webkit-autofill,
.header-search input:-webkit-autofill:hover,
.header-search input:-webkit-autofill:focus input:-webkit-autofill,
.header-search textarea:-webkit-autofill,
.header-search textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.header-search select:-webkit-autofill,
.header-search select:-webkit-autofill:hover,
.header-search select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.5) !important;
  color: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 174, 255, 0.04) 50%,
    rgba(255, 255, 255, 0) 51%,
    rgba(0, 174, 255, 0.03) 100%
  );
}
@media (max-width: 767px) {
  .header-search {
    left: 0;
    right: 0;
  }
}
.header-search .header-search__wrap {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.header-search .header-search__form {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.header-search .header-search__form .search-form__input,
.header-search .header-search__form .search-form__input:focus,
.header-search .header-search__form .search-form__input:active {
  font-size: 16px;
  height: 2.25rem;
  padding-left: 31px;
  box-sizing: border-box;
  flex-grow: 1;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  outline: none;
  background: none;
  color: rgba(255, 255, 255, 0.5);
}
.header-search .header-search__form .search-form__input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.header-search.open {
  opacity: 1;
  z-index: 100;
  left: 145px;
  right: 190px;
  transition: all 0.3s ease;
}
@media (max-width: 1365px) {
  .header-search.open {
    left: 160px;
    right: 240px;
  }
}
@media (max-width: 1023px) {
  .header-search.open {
    left: 0;
    right: 42px;
  }
}
@media (max-width: 767px) {
  .header-search.open {
    left: 0;
    right: 42px;
  }
}
@media (max-width: 479px) {
  .header-search.open {
    left: 0;
    right: 42px;
  }
}
.header-search__close-popup {
  cursor: pointer;
  position: absolute;
  right: 0;
}
.header-search__close-popup:hover,
.header-search__close-popup:active {
  fill: #bf465c;
}
.header-search__icon-popup-btn-icon {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}
.header-search__icon-popup-btn-icon:hover,
.header-search__icon-popup-btn-icon:active {
  fill: #bf465c;
}
@media (max-width: 1023px) {
  .header-search__icon-popup-btn-icon {
    width: 15px;
    height: 15px;
  }
}
.header-search__icon-popup-btn {
  cursor: pointer;
  position: absolute;
  left: 0;
}
.header-search__close-popup-icon {
  width: 12px;
  height: 12px;
  stroke: #ffffff;
}

@media screen and (max-width: 767px) {
  .home-news__content-wrap {
    width: 100%;
  }
}