*:focus {
  outline: none !important;
}

body {
  font: 400 14px 'Inter', sans-serif;
  background: #F4F4F4;
  color: #444;
}

body.is--fixed:after {
  background: rgba(0, 0, 0, 0.5);
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 8;
}

.container {
  max-width: 1325px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.banner {
  transition: opacity .3s;
  text-align: center;
  display: block;
}

.banner:hover {
  opacity: .8;
}

.mb-15 {
  margin-bottom: 15px;
}

.site-top {
  margin: 20px 0;
  position: relative;
  display: flex;
}

.site-top.is--show {
  display: block;
}

.site-main {
  overflow: hidden;
}

.site-wrapper {
  margin-top: 20px;
}

.panel {
  border-radius: 10px;
  overflow: hidden;
}

.panel__col {
  background: white;
  padding: 15px;
}

.site-aside {
  flex: 0 0 322px;
  max-width: 322px;
}

.site-aside__banner {
  margin: 25px auto 30px;
  display: block;
}

.home-page__posts-right {
  flex: 0 0 335px;
  max-width: 335px;
}

.home-page__posts-right .post {
  height: initial;
}

.home-page__posts-right .post--big {
  height: initial;
}

.divider {
  background: rgba(0, 0, 0, 0.2);
  height: 1px;
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  position: relative;
}

.divider span {
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 15px;
  transform: translate(-50%, -50%);
}

.none {
  display: none;
}

.banner-content-mobile {
  max-width: 240px;
  margin: 0 auto;
}

.site-mobile-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 240px;
  top: 0;
  background: #fff;
  box-shadow: 0 0 32px -3px rgba(0, 0, 0, 0.1);
  transform: translate(-100%, 0);
  z-index: 10;
  transition: .3s;
}

.site-mobile-bar.is--open {
  transform: translate(0, 0);
}

.site-mobile-bar__top {
  padding: 20px;
  position: absolute;
  top: -5px;
  right: 0;
}

.site-mobile-bar__title {
  font-size: 18px;
  font-weight: 500;
}

.site-mobile-bar__bottom {
  padding: 20px;
}

.site-mobile-bar__menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-mobile-bar__menu .fire {
  color: #FD1D1D;
}

.site-mobile-bar__menu .fire svg {
  fill: #FD1D1D;
}

.site-mobile-bar__menu a {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #000;
}

.site-mobile-bar__menu a svg {
  width: 20px;
  display: block;
  margin-right: 8px;
  height: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-8 {
  margin-bottom: 8px;
}

.page-title {
  font-size: 24px;
  font-weight: 500;
}

.page-top {
  margin: 10px 0 30px;
}

.calendar {
  font-weight: 500;
  color: #0072AA;
}

.post-tabs {
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.post-tabs.is--show {
  justify-content: initial;
}

.post-tabs.is--show li {
  display: block !important;
}

.post-tabs.is--show li:last-child {
  display: none !important;
}

.post-tabs li {
  display: none;
}

.post-tabs li:nth-child(1),
.post-tabs li:nth-child(2),
.post-tabs li:nth-child(3),
.post-tabs li:nth-child(4),
.post-tabs li:nth-child(5),
.post-tabs li:nth-child(6),
.post-tabs li:nth-child(7) {
  display: block;
}

.post-tabs li:last-child {
  display: block;
}

.post-tabs a {
  color: #979797;
  margin-bottom: 20px;
  border-bottom: 1px solid #979797;
  display: block;
  padding-bottom: 10px;
}

.post-tabs a:hover {
  text-decoration: none;
  color: #0072AA;
}

.post-tabs a.is--active, .post-tabs .current-menu-item a {
  color: #0072AA;
  border-color: #0072AA;
  border-width: 3px;
}

.section-title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}

.mb-10 {
  margin-bottom: 10px;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: initial !important;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.site-header {
  background: white;
  padding: 20px 0;
}

.site-header__social a {
  margin-right: 10px;
}

ul.top_menu {
  list-style: none;
  padding: unset;
}

.hot-categories__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.hot-categories__item {
  background: white;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 500;
  padding-top: 1px;
  color: #444444;
  transition: background-color .3s, border .3s, color .3s;
}
.hot-categories a {
  background: white;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 500;
  padding-top: 1px;
  color: #444444;
  transition: background-color .3s, border .3s, color .3s;
}

.hot-categories__item:hover,
.hot-categories__item.is--active {
  background: #0072AA;
  border-color: #0072AA;
  color: white;
  text-decoration: none;
}

.hot-categories a:hover,
.hot-categories .current-menu-item a {
  background: #0072AA;
  border-color: #0072AA;
  color: white;
  text-decoration: none;
}

/*.hot-categories__item--fire {*/
/*  border-color: #FD1D1D;*/
/*  color: #FD1D1D;*/
/*}*/

/*.hot-categories__item--fire .hot-categories__icon {*/
/*  fill: #FD1D1D;*/
/*  transition: fill .3s;*/
/*}*/

/*.hot-categories__item--fire:hover,*/
/*.hot-categories__item--fire.is--active {*/
/*  background: #FD1D1D;*/
/*  color: white;*/
/*  border-color: #FD1D1D;*/
/*}*/

.hot-categories__item--fire:hover .hot-categories__icon,
.hot-categories__item--fire.is--active .hot-categories__icon {
  fill: white;
}

.hot-categories__item--fire a {
  border-color: #FD1D1D;
  color: #FD1D1D;
}

.hot-categories__item--fire a .hot-categories__icon {
  fill: #FD1D1D;
  transition: fill .3s;
}

.hot-categories__item--fire a:hover,
.hot-categories__item--fire.current-menu-item a {
  background: #FD1D1D;
  color: white;
  border-color: #FD1D1D;
}

.gutter-x-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.gutter-x-4 > * {
  padding-left: 4px;
  padding-right: 4px;
}

.gutter-x-7 {
  margin-left: -7px;
  margin-right: -7px;
}

.gutter-x-7 > * {
  padding-left: 7px;
  padding-right: 7px;
}

.gutter-y-15 {
  margin-bottom: -15px;
}

.gutter-y-15 > * {
  padding-bottom: 15px;
}

.gutter-y-8 {
  margin-bottom: -8px;
}

.gutter-y-8 > * {
  padding-bottom: 8px;
}

.fast-search {
  height: 36px;
  right: 0;
  width: 100%;
  transition: width .3s;
  margin: 0px;
}

.fast-search.is--open {
  width: 100.1%;
}

.fast-search__button {
  z-index: 2;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.fast-search__button svg {
  width: 14px;
  height: 14px;
}

.fast-search__input {
  width: 100%;
  padding: 0 15px;
  height: 100%;
  border: none;
  border-radius: 10px;
  color: #979797;
}

.fast-search__input::-moz-placeholder {
  color: #979797;
}

.fast-search__input:-ms-input-placeholder {
  color: #979797;
}

.fast-search__input::placeholder {
  color: #979797;
}

.tab__controls {
  list-style: none;
  background: white;
  padding: 0;
  margin: 0;
}

.tab__controls--inline {
  border-bottom: 1px solid #0072AA;
}

.tab__controls--inline a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0072AA;
  text-decoration: none;
  height: 36px;
  margin-bottom: -1px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  border-radius: 10px 10px 0 0;
}

.tab__controls--inline a.is--active {
  background: #0072AA;
  color: white;
}

.tab__controls--pills {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-weight: 500;
  padding-right: 120px;
  flex-wrap: wrap;
  margin-top: -20px;
}

.tab__controls--pills li {
  margin-top: 20px;
}

.tab__controls--pills li:not(:last-child) {
  padding-right: 15px;
}

.tab__controls--pills a {
  display: block;
  height: 30px;
  position: relative;
  color: #979797;
  transition: color .3s;
  white-space: nowrap;
}

.tab__controls--pills a:hover {
  text-decoration: none;
}

.tab__controls--pills a.is--active {
  color: #0072AA;
}

.tab__controls--pills a.is--active:before {
  background: #0072AA;
  content: '';
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin-bottom: -1px;
  bottom: 0;
}

.pagination {
  list-style: none;
  padding: 0;
  margin: 30px 0 20px;
}

.pagination a {
  color: #979797;
  margin: 0 7px;
}

.pagination .is--active {
  color: #0072AA;
}

.pagination .current {
  color: #0072AA;
}

.pagination svg {
  width: 7px;
  height: 14px;
  margin: 0 15px;
}

a {
  transition: color .3s;
}

.link--gray {
  color: #979797;
}

.link--gray:hover {
  color: #0072AA;
}

.link--gray-dashed {
  color: #979797;
  text-decoration: underline;
}

.link--gray-dashed:hover {
  color: #0072AA;
}

.link--dark-dashed {
  color: #000;
  text-decoration: underline;
}

.link--dark-dashed:hover {
  color: #0072AA;
}

.link--main-dashed {
  color: #0072AA;
  text-decoration: underline;
}

.link--main-dashed:hover {
  text-decoration: none;
}

.breadcrumb {
  list-style: none;
  display: flex;
  font-size: 12px;
  color: #979797;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.breadcrumb a,
.breadcrumb span {
  color: #979797;
}

.breadcrumb a:hover {
  text-decoration: none;
  color: #0072AA;
}

.breadcrumb a:after {
  content: '-';
  color: #0072AA;
  margin: 0 5px 0 8px;
}

.social {
  font-size: 12px;
}

.social__link {
  transition: opacity .3s;
}

.social__link:hover {
  text-decoration: none;
  opacity: .8;
}

.social svg {
  width: 30px;
  height: 30px;
}

.social__title {
  display: block;
  color: #0072AA;
  font-weight: 500;
  margin-bottom: 1px;
  margin-left: 10px;
  font-size: 14px;
}

.social__desc {
  color: #979797;
  margin-left: 10px;
  font-size: 12px;
}

.post {
  display: flex;
  flex-direction: column;
  position: relative;
}

.post__top {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  flex-grow: 1;
  height: 260px;
}

.post__picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: .3s;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 4;
}

.post__title {
  font-size: 16px;
  font-weight: 500;
  color: white;
  position: relative;
}

.post__title--xl {
  font-size: 24px;
}

.post__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px 20px 15px;
  z-index: 100;
}

.post:hover .post__picture {
  transform: scale(1.1);
}

.post__link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 92;
}

.post__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.post__action {
  font-size: 14px;
  align-items: center;
  color: #979797;
  display: flex;
}

.post__action svg {
  display: block;
  margin-right: 5px;
}

.home-page__post-big {
  height: 365px;
}

.home-page__post-big .post__top {
  height: initial;
}

.home-page__post {
  height: initial;
  width: 100%;
}

.home-page__post .post__top {
  height: initial;
}

.post-inline-date {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  display: block;
}

.post-inline-date:hover {
  text-decoration: none;
}

.post-inline-date:hover .post-inline-date__text {
  color: #0072AA;
}

.post-inline-date:not(:last-child) {
  margin-bottom: 30px;
}

.post-inline-date__top {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
}

.post-inline-date__top:before {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  position: absolute;
  height: 1px;
  left: 25%;
  right: 0;
}

.post-inline-date__top svg {
  display: block;
  margin-top: -2px;
  margin-right: 5px;
}

.post-inline-date__text {
  font-size: 14px;
  transition: color .3s;
}

.post-inline {
  display: block;
  color: #000;
  font-size: 16px;
}

.post-inline:hover {
  text-decoration: none;
}

.post-inline__title--md {
  font-size: 18px;
}

.post-inline__info {
  margin-bottom: 10px;
  color: #979797;
  font-size: 14px;
}

.post-inline__info svg {
  margin-right: 5px;
}

.post-inline__action {
  display: flex;
  margin-right: 20px;
}

.post-inline:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.post-tag {
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #0072AA;
  height: 24px;
  padding: 0 10px;
  color: #0072AA;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  justify-content: center;
  border-radius: 20px;
  font-size: 14px;
  transition: background-color .3s;
}

.post-tag:hover {
  background: #0072AA;
  color: white;
}

.post-single {
  line-height: 1.3;
  font-weight: 400;
  font-size: 16px;
}

.post-single h1,
.post-single h2,
.post-single h3,
.post-single h4,
.post-single h5,
.post-single h6 {
  font-weight: 500;
  margin: 30px 0 20px;
}

.post-single__gallery-nav .img {
  width: 200px;
  border-radius: 10px;
  margin-top: 8px;
  margin-right: 8px;
}

.post-single__gallery-for{
  position: relative;
  z-index: 8
}

.post-single__gallery-nav:before{
  content: '';
  position: absolute;
  bottom: -17px;
  width: 97px;
  right: -37px;
  height: 174px;
  background-color: white;
  z-index: 2;
  filter: blur(13px);
}

.post-single__gallery-nav:after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  background-color: white;
  height: 200px;
}

.post-single__gallery-for img {
  margin-bottom: 0 !important;
}

.post-single h2 {
  font-size: 20px;
}

.post-single__panel {
  margin-bottom: 10px;
  display: flex;
}

.post-single__panel-left {
  max-width: 320px;
  flex: 0 0 320px;
  margin-right: 20px;
}

.post-single__panel p {
  margin: 0 !important;
}

.post-single__panel-image {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 15px;
}

.post-single__panel-image p {
  font-size: 14px !important;
}

.post-single__related .post__top {
  height: 200px;
}

.post-single__tags {
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  padding: 20px 0 10px;
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
}

.post-single p {
  font-size: 16px;
  color: #444444;
  line-height: 1.3;
  margin-bottom: 20px;
}

.post-single h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  margin-top: 0;
}

.post-single__action {
  margin: 30px 0 20px;
}

.post-single a {
  color: #0072AA;
  text-decoration: underline;
}

.post-single a:hover {
  text-decoration: none;
}

.post-single ul {
  margin: 0;
  font-size: 14px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.post-single ul li:not(:last-child) {
  margin-bottom: 10px;
}

.post-single blockquote {
  color: #0072AA;
  font-weight: 500;
  font-size: 16px;
  padding: 15px 0;
  text-align: center;
  max-width: 580px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 20px;
}

.post-single blockquote:before,
.post-single blockquote:after {
  background: #0072AA;
  height: 1px;
  width: 240px;
  position: absolute;
  content: '';
  margin: 0 auto;
  left: 50%;
  margin-left: -120px;
}

.post-single blockquote:after {
  top: 0;
}

.post-single blockquote:before {
  bottom: 0;
}

.post-single img {
  width: 100%;
  margin-bottom: 20px;
}

.share {
  position: fixed;
  margin-left: -60px;
  top: 235px;
}

.share a {
  display: block;
  margin-bottom: 10px;
}

.share svg {
  width: 30px;
  height: 30px;
}

.btn {
  background: #0072AA;
  color: white;
  height: 36px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  border: none;
  padding: 0 15px;
  border-radius: 10px;
  transition: background-color .3s;
}

.btn:hover {
  background: #979797;
}

.comment:not(:last-child) {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D6D6D6;
}

.comment p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.comment__top {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}

.comment__action {
  color: #979797;
  margin-right: 20px;
}

.comment__action:hover {
  text-decoration: none;
}

.comment__bottom {
  display: flex;
  margin-top: 15px;
}

.comment__bottom svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.comment__title {
  color: #0072AA;
  font-weight: 500;
  margin-right: 10px;
  font-size: 16px;
}

.comment__date {
  font-size: 14px;
  color: #000;
  opacity: 0.5;
}

.comment__form {
  margin-top: 40px;
}

.comment__form-desc {
  font-size: 12px;
  color: #979797;
  margin-bottom: 10px;
}

.form__input {
  width: 100%;
  height: 30px;
  border-radius: 10px;
  background: #F4F4F4;
  border: 1px solid #D6D6D6;
  padding-left: 10px;
}

.form__input::-moz-placeholder {
  font-size: 14px;
  line-height: 100%;
  color: #444444;
}

.form__input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 100%;
  color: #444444;
}

.form__input::placeholder {
  font-size: 14px;
  line-height: 100%;
  color: #444444;
}

textarea.form__input {
  min-height: 100px;
  padding-top: 10px;
  resize: none;
}

.site-footer {
  background: white;
  margin-top: 20px;
}

.site-footer__left {
  flex: 0 0 330px;
  max-width: 330px;
}

.site-footer__col {
  padding: 20px 0;
}

.site-footer__col:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.site-footer__text {
  color: #979797;
  max-width: 77%;
  flex: 0 0 77%;
  margin-right: 50px;
  line-height: 1.4;
}

.site-footer__text a {
  color: #979797;
}

.site-footer__text a:hover {
  color: #0072AA;
}

.site-footer__menu {
  list-style: none;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
}

.site-footer__menu a {
  padding-right: 30px;
  display: block;
  color: #000;
  margin: 5px 0;
}

.site-footer__menu a:hover {
  color: #0072AA;
  text-decoration: none;
}

.site-footer__social svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

@media (min-width: 992px) {
  .fast-search {
    position: absolute;
    width: 170px;
  }

  .tab__controls--pills {
    flex-wrap: nowrap;
  }

  .tab__controls--pills li:not(:last-child) {
    padding-right: 50px;
  }
}

@media (max-width: 1199px) {
  .home-page__site-aside {
    flex: 0 0  280px;
    max-width: 280px;
  }

  .site-footer__left {
    flex: 0 0 280px;
    max-width: 280px;
  }

  .site-footer__text {
    flex: 0 0 60%;
    max-width: 60%;
  }
}

@media (max-width: 991px) {
  .page__site-aside {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .site-aside__banner {
    max-width: 240px;
  }

  .home-page__site-aside {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .tab__controls--pills {
    padding: 0;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .site-logo {
    max-width: 140px;
  }

  .site-top {
    display: none;
  }

  .home-page__posts-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .home-page__posts-right .post {
    height: 260px;
  }

  .breadcrumb {
    margin-top: 15px;
  }

  .post-single__panel {
    flex-wrap: wrap;
  }

  .post-single__panel-left {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
  }

  .share {
    position: static;
    margin: 0;
  }

  .share a {
    margin-right: 10px;
  }

  .site-footer__left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .home-right-content{
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (max-width: 576px) {
  .site-footer__text {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .post-single__gallery-nav .img {
    width: 150px;
    height: 90px!important;
  }
}


.home-sidebar{
  max-width: 340px;
  flex: 0 0 340px;
}

.home-right-content{
  flex: 0 0 calc(100% - 340px);
  max-width: calc(100% - 340px);
}