@media (max-width: 1199px) {
  body {
    padding-bottom: 65px;
  }
}
.main-header {
  background: #f54748 url("../img/bg1.png") no-repeat center center;
}
@media (min-width: 1200px) {
  .main-header {
    padding: 0 0 150px 0;
  }
}
@media (max-width: 1199px) {
  .main-header {
    padding: 20px 0 150px 0;
  }
}
.main-header .logo img {
  display: block;
  max-width: 100%;
}
.main-header .search-button {
  cursor: pointer;
}
.main-header .main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.main-header .main-menu ul li {
  margin: 0 15px;
}
.main-header .main-menu ul li a {
  padding: 30px 0;
  border-top: 3px solid transparent;
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}
.main-header .main-menu ul li a .icon {
  display: block;
  text-align: center;
}
.main-header .main-menu ul li a .icon svg {
  display: block;
  margin: 0 auto;
  height: 30px;
}
.main-header .main-menu ul li a .title {
  display: block;
  margin-top: 10px;
  text-align: Center;
}
.main-header .main-menu ul li a:hover {
  border-top-color: #ffffff;
}
.main-header .main-menu ul li:first-child {
  margin-left: 0;
}
.main-header .main-menu ul li:last-child {
  margin-right: 0;
}
.main-header .main-menu ul li > .sub-menu {
  position: absolute;
  top: 98%;
  left: 0;
  width: 100%;
  display: none;
  z-index: 100;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff;
  column-count: 2;
  padding: 40px;
  column-gap: 30px;
  border-bottom: 4px solid #f54748;
}
.main-header .main-menu ul li > .sub-menu > li {
  display: grid;
  grid-template-rows: 1fr auto;
  break-inside: avoid;
  margin: 0;
  margin-bottom: 30px;
  display: block;
}
.main-header .main-menu ul li > .sub-menu > li > a {
  display: block;
  font-weight: 700;
  color: #303030;
  padding: 0;
  margin: 0;
  border: none;
}
.main-header .main-menu ul li > .sub-menu > li > a:hover {
  color: #f54748;
}
.main-header .main-menu ul li > .sub-menu > li > .sub-menu {
  display: flex;
  flex-wrap: wrap;
  position: Relative;
  margin: 0;
  padding: 0;
  top: auto;
  box-shadow: none;
  border: none;
  column-gap: 0;
  visibility: visible;
  animation: none;
}
.main-header .main-menu ul li > .sub-menu > li > .sub-menu li {
  position: Relative;
  margin: 10px 10px 0 0;
  padding: 0;
}
.main-header .main-menu ul li > .sub-menu > li > .sub-menu a {
  display: block;
  padding: 5px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #303030;
  border: none;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.05);
}
.main-header .main-menu ul li > .sub-menu > li > .sub-menu a:hover {
  background: #f54748;
  color: #ffffff;
}
.main-header .main-menu ul li .menu-item .title {
  background: url("../img/down-arrow.svg") no-repeat right center;
  padding-right: 20px;
}
.main-header .main-menu ul li:hover > .sub-menu {
  display: block;
  animation: menuAnime .5s 1 forwards;
}
.main-header .head-advertise {
  background: #444;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  text-align: Center;
  color: #ffffff;
  padding: 15px 10px;
  display: block;
}
.main-header .head-advertise span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
}
@media (max-width: 1199px) {
  .main-header__tags {
    display: none;
  }
}
.main-header__tags a {
  display: block;
  padding: 10px 20px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 15px;
}
.main-header__tags-popular ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-header__tags-popular ul li {
  margin-right: 15px;
}
.main-header__tags-popular ul li:last-child {
  margin-right: 0;
}
.main-header__tags-popular a {
  background: #ffffff;
  color: #f54748;
}
.main-header__tags-popular a:hover {
  background: #ffa113;
  color: #ffffff;
}
.main-header__tags-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-header__tags-links ul li {
  margin-right: 15px;
}
.main-header__tags-links ul li:last-child {
  margin-right: 0;
}
.main-header__tags-links a {
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.main-header__tags-links a:hover {
  background: #ffffff;
  color: #f54748;
}
@media (max-width: 1199px) {
  .send-post {
    padding: 0;
    background: transparent;
    border: none;
  }
  .send-post span:nth-child(2) {
    display: none;
  }
  .send-post svg path {
    fill: #ffffff;
  }
}
@keyframes menuAnime {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.main-slider {
  z-index: 10;
}
@media (min-width: 1200px) {
  .main-slider {
    margin-top: -100px;
  }
}
@media (max-width: 1199px) {
  .main-slider {
    margin-top: -150px;
    padding-top: 20px;
  }
}
.main-slider .splide__slide {
  margin-right: 30px;
}
.main-slider__item {
  display: block;
}
.main-slider__item .img {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.main-slider__item img {
  display: block;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .main-slider__item img {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .main-slider__item img {
    height: 266px;
  }
}
.main-slider__item .cat {
  font-size: 14px;
  display: block;
  font-weight: 600;
  position: absolute;
  top: 20px;
  left: -50px;
  padding: 10px 0;
  width: 200px;
  transform: rotate(-45deg);
  text-align: Center;
  background: #ffa113;
  color: #ffffff;
}
.main-slider__item .dot {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  overflow: hidden;
  z-index: 3;
}
.main-slider__item .name {
  margin-top: 15px;
  display: block;
  font-weight: 700;
  font-size: 16px;
}
.main-slider__item:hover .img img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.1);
}
.main-slider .splide__arrow {
  background: #ffffff;
  width: 45px;
  height: 45px;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.main-slider .splide__arrow svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #f54748;
}
.main-slider .splide__arrow:hover {
  background: #f54748;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.main-slider .splide__arrow:hover svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #ffffff;
}
.category-slider .category-item {
  display: block;
  background: #ffffff;
  border-radius: 100px 100px 15px 15px;
  padding: 15px;
}
.category-slider .category-item img {
  display: block;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.category-slider .category-item .name {
  display: block;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: 15px;
  text-align: Center;
}
.category-slider .category-item .badger {
  display: block;
  position: absolute;
  right: 15px;
  top: 80px;
  padding: 3px 10px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  z-index: 2;
}
.category-slider .category-item .badger.new {
  background: #f54748;
  color: #ffffff;
}
.category-slider .category-item:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.category-slider .category-item:hover .name {
  color: #f54748;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.category-slider .splide__arrow {
  background: #f54748;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media (min-width: 1200px) {
  .category-slider .splide__arrow {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1199px) {
  .category-slider .splide__arrow {
    width: 30px;
    height: 30px;
  }
}
.category-slider .splide__arrow svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #ffffff;
}
.category-slider .splide__arrow:hover {
  background: #ffa113;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.category-slider .splide__arrow:hover svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .category-slider .splide__arrow.splide__arrow--prev {
    left: -60px;
  }
  .category-slider .splide__arrow.splide__arrow--next {
    right: -60px;
  }
}
.product-list-item {
  position: Relative;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  padding-bottom: 15px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.product-list-item .img {
  display: block;
}
.product-list-item .img img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 171px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.product-list-item .img .name {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.product-list-item .badger {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #ffffff;
  background: #f54748;
  padding: 7px 15px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  line-height: 14px;
  font-weight: 500;
  z-index: 2;
}
.product-list-item .badger:hover {
  background: #ffa113 !important;
  color: #ffffff !important;
}
.product-list-item:hover {
  background: #ffffff;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.product-list-item:hover .badger {
  color: #ffffff !important;
}
.product-list-item:hover .name {
  padding: 0 15px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #f54748;
}
.product-list-item:hover .img img {
  transform: scale(0.95);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tab-home-primary {
  position: Relative;
}
@media (min-width: 1920px) {
  .tab-home-primary__wrapper {
    position: absolute;
    height: 100%;
    left: -145px;
    z-index: 2;
    top: 15px;
    padding-bottom: 95px;
  }
}
@media (max-width: 1919px) {
  .tab-home-primary__wrapper {
    margin-bottom: 10px;
  }
}
.tab-home-primary .tab-system__links {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
}
@media (min-width: 1920px) {
  .tab-home-primary .tab-system__links {
    position: sticky;
    top: 10px;
  }
}
@media (max-width: 1919px) {
  .tab-home-primary .tab-system__links {
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
}
.tab-home-primary .tab-system__links li {
  background: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media (min-width: 1920px) {
  .tab-home-primary .tab-system__links li {
    margin-bottom: 2px;
    width: 130px;
    padding: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1919px) {
  .tab-home-primary .tab-system__links li {
    padding: 15px;
    text-align: Center;
  }
  .tab-home-primary .tab-system__links li:first-child {
    border-radius: 15px 0 0 15px;
  }
  .tab-home-primary .tab-system__links li:last-child {
    border-radius: 0 15px 15px 0;
  }
}
@media (max-width: 1199px) {
  .tab-home-primary .tab-system__links li {
    width: 32%;
    margin-right: 2%;
    padding: 10px 10px;
    font-size: 12px;
    text-align: Center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-top: 10px;
  }
  .tab-home-primary .tab-system__links li:nth-child(1),
  .tab-home-primary .tab-system__links li:nth-child(2),
  .tab-home-primary .tab-system__links li:nth-child(3) {
    margin-top: 0;
  }
  .tab-home-primary .tab-system__links li:nth-child(3n+0) {
    margin-right: 0;
  }
}
.tab-home-primary .tab-system__links li svg {
  height: 20px;
}
.tab-home-primary .tab-system__links li svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #f54748;
}
.tab-home-primary .tab-system__links li .icon {
  margin-bottom: 10px;
  display: block;
}
.tab-home-primary .tab-system__links li .name {
  display: block;
  color: #f54748;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  font-weight: 700;
}
@media (min-width: 1920px) {
  .tab-home-primary .tab-system__links li:first-child {
    border-radius: 15px 15px 0 0;
  }
  .tab-home-primary .tab-system__links li:last-child {
    border-radius: 0 0 15px 15px;
  }
}
.tab-home-primary .tab-system__links li:hover {
  background: #FFEFEF;
}
.tab-home-primary .tab-system__links li.active {
  background: #f54748;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tab-home-primary .tab-system__links li.active .name {
  color: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tab-home-primary .tab-system__links li.active .icon svg path {
  fill: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.tab-home-primary .load-more {
  padding: 15px;
  background: #333333;
  cursor: pointer;
  position: absolute;
  text-align: Center;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media (min-width: 1920px) {
  .tab-home-primary .load-more {
    width: 130px;
    border-radius: 15px 15px 0px 15px;
    bottom: 20px;
  }
}
@media (max-width: 1919px) {
  .tab-home-primary .load-more {
    width: 130px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
  }
}
.tab-home-primary .load-more:hover {
  background: #f54748;
}
.show-more-load {
  display: block;
}
.show-more-load span {
  padding: 15px;
  background: #333333;
  cursor: pointer;
  display: inline-block;
  text-align: Center;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.show-more-load span:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: #f54748;
}
.box-title {
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
  display: flex;
  align-items: center;
}
.box-title span:first-child {
  width: 30px;
}
.most-comments-product ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.most-comments-product li {
  margin-bottom: 15px;
}
.most-comments-product li:last-child {
  margin-bottom: 0;
}
.most-comments-product .item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 5px;
}
.most-comments-product .item .img {
  display: block;
}
.most-comments-product .item .img img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.most-comments-product .item .infos {
  padding-left: 15px;
  font-weight: 700;
}
.most-comments-product .item .infos .time {
  color: #afafaf;
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px;
}
.most-comments-product .item:hover {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}
.trend-items .trend-item {
  display: block;
  padding-bottom: 5px;
}
.trend-items .trend-item .img {
  display: block;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  position: Relative;
  overflow: hidden;
}
.trend-items .trend-item .img img {
  display: block;
  width: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  object-fit: cover;
  height: 255px;
}
.trend-items .trend-item .name {
  display: block;
  font-weight: 700;
  margin-top: 15px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.trend-items .trend-item .cat {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #ffffff;
  background: #ffa113;
  padding: 7px 15px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  line-height: 14px;
  font-weight: 500;
  z-index: 2;
}
.trend-items .trend-item:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.trend-items .trend-item:hover .name {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #f54748;
}
.trend-items .splide__pagination {
  left: auto;
  right: 0;
  top: -35px;
  bottom: auto;
  padding: 0;
  margin: 0;
}
.trend-items .splide__pagination li {
  margin: 0;
  padding: 0;
}
.trend-items .splide__pagination button {
  border: 2px solid #afafaf;
  background: #ffffff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 1;
}
.trend-items .splide__pagination button.is-active {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 1;
  border-color: #f54748;
  background: #f54748;
}
.aside-tabs .tab-system__links {
  background: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.aside-tabs .tab-system__links li {
  width: 50%;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  text-align: Center;
  padding: 20px 5px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  position: Relative;
}
.aside-tabs .tab-system__links li:last-child {
  border-right: 0;
}
.aside-tabs .tab-system__links li::after {
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  bottom: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.aside-tabs .tab-system__links li.active {
  color: #f54748;
}
.aside-tabs .tab-system__links li.active::after {
  background: #f54748;
}
.aside-tabs__item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  margin-top: 15px;
}
.aside-tabs__item img {
  display: block;
  width: 100%;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  height: 220px;
  object-fit: cover;
}
.aside-tabs__item .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(180deg, rgba(245, 71, 72, 0) 0%, #f54748 54.17%);
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.aside-tabs__item .content span {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
.aside-tabs__item:hover {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.aside-tabs__item:hover .content {
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .more-posts {
    display: grid;
    grid-template-areas: 'one two three' 'one four three';
    gap: 16px;
  }
  .more-posts__col:nth-child(1) {
    grid-area: one;
  }
  .more-posts__col:nth-child(1) img {
    height: 460px;
  }
  .more-posts__col:nth-child(1) .content {
    padding: 40px;
  }
  .more-posts__col:nth-child(2) {
    grid-area: two;
  }
  .more-posts__col:nth-child(2) img {
    height: 222px;
  }
  .more-posts__col:nth-child(2) .content {
    padding: 20px;
    font-size: 13px;
    line-height: 18px;
  }
  .more-posts__col:nth-child(2) .content span {
    font-size: 16px;
    display: Block;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .more-posts__col:nth-child(3) {
    grid-area: four;
  }
  .more-posts__col:nth-child(3) img {
    height: 222px;
  }
  .more-posts__col:nth-child(3) .content {
    padding: 20px;
    font-size: 13px;
    line-height: 18px;
  }
  .more-posts__col:nth-child(3) .content span {
    font-size: 16px;
    display: Block;
    margin-bottom: 10px;
  }
  .more-posts__col:nth-child(4) {
    grid-area: three;
  }
  .more-posts__col:nth-child(4) img {
    height: 460px;
  }
  .more-posts__col:nth-child(4) .content {
    padding: 40px;
  }
}
.more-posts__item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
@media (max-width: 1199px) {
  .more-posts__item {
    margin-top: 15px;
  }
}
.more-posts__item .img {
  display: block;
  position: Relative;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.more-posts__item img {
  width: 100%;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
@media (max-width: 1199px) {
  .more-posts__item img {
    height: 300px;
  }
}
.more-posts__item .cat {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #ffffff;
  background: #f54748;
  padding: 7px 15px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  line-height: 14px;
  font-weight: 500;
  z-index: 2;
}
.more-posts__item .cat:hover {
  background: #ffa113;
}
.more-posts__item .content {
  z-index: 2;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(36, 36, 36, 0.95) 82.29%);
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .more-posts__item .content {
    padding: 20px;
  }
}
.more-posts__item .content span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: block;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
}
.more-posts__item:hover img {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.1);
}
.more-posts__item:hover .content span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #f54748;
}
.subscribe {
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
@media (min-width: 1200px) {
  .subscribe {
    background: #f54748 url("../img/plane-icon.svg") no-repeat right 30px center;
  }
}
@media (max-width: 1199px) {
  .subscribe {
    background: #f54748;
  }
}
.subscribe .title {
  font-size: 24px;
  color: #ffffff;
  font-weight: 800;
  display: block;
}
@media (max-width: 1199px) {
  .subscribe .title {
    line-height: 36px;
  }
}
.subscribe .long {
  display: block;
  padding: 0;
  margin: 20px 0 0 0;
  line-height: 24px;
  font-size: 16px;
  color: #ffffff;
}
.subscribe .form {
  max-width: 300px;
  display: flex;
  margin-top: 20px;
}
.subscribe .form input {
  width: 60%;
  background: #ffffff;
  height: 50px;
  border-radius: 10px 0 0 10px;
  padding: 0 20px;
  border: none;
  outline: none;
}
.subscribe .form button {
  width: 40%;
  background: #ffffff;
  height: 50px;
  border-radius: 0 10px 10px 0;
  padding: 0;
  text-align: Center;
  font-weight: 700;
  color: #f54748;
  border: none;
  outline: none;
}
.main-footer {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
  background: #ffffff;
}
.main-footer .footer-card {
  background: #f54748;
}
.main-footer .footer-card__logo img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.main-footer .footer-card__long {
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px;
}
.main-footer .footer-card__long span {
  display: block;
  font-weight: 700;
  color: #ffffff;
}
.main-footer .footer-card__bottom {
  padding: 15px;
  text-align: Center;
  color: rgba(255, 255, 255, 0.7);
  line-height: 24px;
  background: rgba(0, 0, 0, 0.1);
}
.main-footer .footer-card__bottom a {
  color: #ffffff;
  font-weight: 700;
}
.main-footer .footer-card__links a {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0;
  text-align: Center;
  margin-top: 10px;
  color: #ffffff;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}
.main-footer .footer-card__links a:first-child {
  margin-top: 0;
}
.main-footer .footer-card__links a:hover {
  background: #ffffff;
  color: #f54748;
}
.main-footer .footer-card__socials {
  display: Flex;
  justify-content: center;
}
.main-footer .footer-card__socials a {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: Center;
  margin: 0 5px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: rgba(255, 255, 255, 0.2);
}
.main-footer .footer-card__socials a svg {
  display: block;
  height: 15px;
}
.main-footer .footer-card__socials a svg path {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  fill: #ffffff;
}
.main-footer .footer-card__socials a:hover {
  background: #ffffff;
}
.main-footer .footer-card__socials a:hover svg path {
  fill: #f54748;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.main-footer .foot-title {
  font-size: 18px;
  font-weight: 700;
}
.main-footer .foot-specials-posts .item .img {
  display: block;
}
.main-footer .foot-specials-posts .item .img img {
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
  width: 100%;
  height: auto !important;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.main-footer .foot-specials-posts .item .name {
  display: block;
  font-weight: 700;
}
.main-footer .foot-specials-posts .item .date {
  display: block;
  color: #afafaf;
  margin: 5px 0 8px 0;
  font-size: 12px;
}
.main-footer .foot-specials-posts .item .cat {
  display: inline-block;
  padding: 4px 10px;
  font-size: 13px;
  line-height: 13px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  color: #f54748;
  font-weight: 700;
  background: #FFEFEF;
}
.main-footer .foot-specials-posts .item .cat:hover {
  background: #f54748;
  color: #ffffff;
}
.main-footer .foot-last-links .links {
  display: Flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1199px) {
  .main-footer .foot-last-links .links {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .main-footer .foot-last-links .links li {
    margin-right: 20px;
  }
}
@media (max-width: 1199px) {
  .main-footer .foot-last-links .links li {
    margin: 10px;
  }
}
.main-footer .foot-last-links .links li:last-child a {
  border-right: 0;
}
.main-footer .foot-last-links .links a {
  display: block;
  color: #afafaf;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .main-footer .foot-last-links .links a {
    padding-right: 20px;
    border-right: 1px solid #e9e9e9;
  }
}
.main-footer .foot-last-links .links a:hover {
  color: #f54748;
}
.mobile-categories__closer {
  position: Fixed;
  right: 20px;
  top: 20px;
  z-index: 10;
  background: #f54748;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: Center;
}
.mobile-categories__opener {
  padding: 5px;
}
@media (min-width: 1200px) {
  .mobile-categories__opener {
    display: none;
  }
}
@media (min-width: 1200px) {
  .mobile-categories__content {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mobile-categories__content {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 99;
    height: 100%;
    top: 0;
    padding-bottom: 65px;
  }
  .mobile-categories__content .wrapper {
    display: flex;
  }
  .mobile-categories__content .wrapper .left-bar {
    width: 25%;
  }
  .mobile-categories__content .wrapper .right-bar {
    width: 75%;
  }
  .mobile-categories__content .wrapper .cates {
    margin: 0;
    padding: 10px;
    position: relative;
    overflow-y: auto;
    list-style: none;
    -webkit-overflow-scrolling: touch;
    display: block;
    border-right: 1px solid #e9e9e9;
  }
  .mobile-categories__content .wrapper .cates li {
    margin-top: 10px;
  }
  .mobile-categories__content .wrapper .cates li:first-child {
    margin-top: 0;
  }
  .mobile-categories__content .wrapper .cates li .mob-menu-link {
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 15px 5px;
    text-align: Center;
    display: block;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
  }
  .mobile-categories__content .wrapper .cates li .mob-menu-link.active {
    background: #f54748;
    color: #ffffff;
    border-color: #f54748;
  }
  .mobile-categories__content .wrapper .lists {
    -webkit-overflow-scrolling: touch;
    padding: 15px;
    position: relative;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.03);
  }
  .mobile-categories__content .wrapper .lists .item {
    margin-bottom: 20px;
  }
  .mobile-categories__content .wrapper .lists .item .mob-menu-item {
    display: none;
  }
  .mobile-categories__content .wrapper .lists .item .mob-menu-item.active {
    display: block;
  }
  .mobile-categories__content .wrapper .lists .item .title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700;
  }
  .mobile-categories__content .wrapper .lists .item a {
    display: block;
  }
  .mobile-categories__content .wrapper .lists .item a .img {
    padding: 5px;
    display: block;
    background: #ffffff;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
  }
  .mobile-categories__content .wrapper .lists .item a .img img {
    height: auto !important;
    aspect-ratio: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 100%;
    object-fit: cover;
  }
  .mobile-categories__content .wrapper .lists .item a .name {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    text-align: Center;
  }
}
@media (min-width: 1200px) {
  .mobile-fixed-menu {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mobile-fixed-menu {
    position: fixed;
    left: 0;
    z-index: 100;
    bottom: 0;
    height: 65px;
    display: flex;
    background: #ffffff;
    border-top: 3px solid #f54748;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
  }
  .mobile-fixed-menu a {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 62px;
  }
  .mobile-fixed-menu a svg path {
    fill: #f54748;
  }
  .mobile-fixed-menu a .icon {
    display: block;
  }
  .mobile-fixed-menu a .icon svg {
    display: block;
    height: 20px;
    margin: 0 auto;
  }
  .mobile-fixed-menu a .name {
    text-align: center;
    display: block;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
  }
  .mobile-fixed-menu a:hover {
    background: #e9e9e9;
  }
}
.wbbf {
  display: none;
}
.loadMoreButton,
.loadMoreButton2 {
  display: inline-block;
  background: #333333 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 7px 14px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  cursor: pointer;
  text-align: Center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.loadMoreButton:hover,
.loadMoreButton2:hover {
  background: #f54748 !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.loadMoreButton svg path,
.loadMoreButton2 svg path {
  fill: #ffffff;
}
.adv-banner img,
.adv-banner a {
  display: block;
  width: 100%;
}
.user-logged {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.user-logged .username {
  color: #ffffff;
  margin-right: 5px;
  font-weight: 700;
}
.user-logged .img img {
  display: block;
  width: 60px;
  height: 60px;
  aspect-ratio: 1;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.dropdown-menu-title {
  font-weight: 700;
  color: #f54748;
}
.dropdown-menu {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: none;
  box-shadow: 0px 4px 0px #f54748, 0px 15px 40px rgba(0, 0, 0, 0.15);
}
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-menu-title {
  font-size: 13px;
  padding: 10px 20px;
}
.main-page-content {
  z-index: 2;
  position: Relative;
  margin-top: -100px;
}
.main-page-content__wrapper {
  background: #F8F8F8;
  border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
}
.main-page-content .small-page-head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
.main-page-content .small-page-head .name h2 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}
.main-page-content .small-page-head .name span {
  margin-top: 10px;
  display: block;
}
.send-post-tabs {
  border-bottom: 1px solid #e9e9e9;
}
.send-post-tabs ul {
  display: flex;
  align-items: center;
  flex-wrap: Wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.send-post-tabs ul li a {
  display: flex;
  align-items: center;
  padding: 20px 20px;
  border-top: 3px solid transparent;
}
.send-post-tabs ul li a span:nth-child(1) {
  color: #f54748;
}
.send-post-tabs ul li a span:nth-child(2) {
  padding-left: 10px;
  font-weight: 600;
}
.send-post-tabs ul li a.active {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  color: #f54748;
  background: transparent !important;
  border-top-color: #f54748 !important;
}
.send-post-editor {
  background: #ffffff;
}
.send-post-editor .ql-editor {
  min-height: 250px;
}
.send-post-progress label {
  margin: 0;
  padding: 0;
  display: block;
  position: Relative;
}
.send-post-progress img {
  display: block;
  width: 100%;
}
.send-post-progress .warn {
  background: transparent !important;
  display: block;
  text-align: center;
}
.send-post-progress .imagePercent {
  background: #f54748 !important;
  color: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: block;
  padding: 5px 0;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  margin: auto;
}
.send-post-file {
  position: Relative;
}
.send-post-file label {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.send-post-aside {
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.breadcrumb {
  background: transparent;
}
.breadcrumb ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb ul li {
  background: transparent url("../img/arrow-white.svg") no-repeat right center;
  color: #ffffff;
  margin-right: 20px;
  padding-right: 20px;
}
.breadcrumb ul li:last-child {
  background: transparent;
  margin-right: 0;
}
.breadcrumb ul li a {
  display: block;
  background: transparent;
  color: #ffffff;
}
.breadcrumb ul li:first-child a {
  padding: 5px 10px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background: #ffffff;
  color: #f54748;
  font-weight: 700;
}
.category-name {
  background: #ffffff;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  padding: 5px 15px;
  font-size: 17px;
  font-weight: 700;
  display: inline-block;
}
.big-title h1 {
  margin: 0;
  padding: 30px;
  font-size: 35px;
  font-weight: 700;
  line-height: 40px;
}
.postInner .thumbnail img {
  display: block;
  width: 100%;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  height: auto;
}
.postInner .single-summary {
  line-height: 24px;
  padding: 20px;
  background: linear-gradient(90deg, #ffe3e4 0%, #f8f8f8 93.87%);
  box-shadow: inset 4px 0px 0px #F54748;
  border-radius: 30px 0px 0px 30px;
}
.postInner .post-emoji {
  border-bottom: 1px solid #EAEAEA;
}
.postInner .blog-social-emotions ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  list-style: none;
}
.postInner .blog-social-emotions ul li {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
  position: Relative;
}
.postInner .blog-social-emotions ul li .county {
  position: absolute;
  font-size: 12px;
  width: 20px;
  height: 20px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: Center;
  background: #f54748;
  line-height: 20px;
  color: #ffffff;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  font-weight: 600;
}
.postInner .blog-social-emotions ul li img {
  display: block;
  width: 30px;
  height: 30px;
}
.postInner .blog-social-but {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .postInner .blog-social-but {
    justify-content: flex-end;
  }
}
.postInner .blog-social-but .share {
  margin-left: 10px;
}
.postInner .blog-social-but .share a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f54748;
}
.postInner .blog-social-but .share a svg {
  display: block;
  width: 18px;
}
.postInner .blog-social-but .share a svg path {
  fill: #ffffff;
}
.postInner .blog-social-but .blog-short-button {
  margin-left: 10px;
}
.postInner .blog-social-but .blog-short-button a.blog-short-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f54748;
}
.postInner .blog-social-but .blog-short-button a.blog-short-button__item .county {
  position: absolute;
  font-size: 12px;
  width: 20px;
  height: 20px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  text-align: Center;
  background: #111;
  line-height: 20px;
  color: #ffffff;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  font-weight: 600;
}
.postInner .blog-social-but .blog-short-button a.blog-short-button__item svg {
  display: block;
  width: 18px;
}
.postInner .blog-social-but .blog-short-button a.blog-short-button__item svg path {
  fill: #ffffff;
}
.postInner .blog-social-but .blog-short-button .blog-short-button__like {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  padding: 0 10px;
  height: 30px;
  color: #ffffff;
  cursor: pointer;
  background: #f54748;
}
.postInner .blog-social-but .blog-short-button .blog-short-button__like .county {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 3px 5px;
  margin-left: 10px;
}
.postInner .blog-social-but .blog-short-button .blog-short-button__like svg {
  display: block;
  width: 18px;
}
.postInner .blog-social-but .blog-short-button .blog-short-button__like svg path {
  fill: #ffffff;
}
.postInner .blog-social-favorite .blog-social-in {
  margin-left: 20px;
}
.postInner .blog-social-favorite .blog-social-in a {
  display: flex;
  height: 30px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  padding: 0 15px;
  align-items: center;
  background: #ffa113;
  color: #ffffff;
}
.postInner .blog-social-favorite .blog-social-in a p {
  margin: 0 0 0 5px;
  padding: 0;
  background: transparent !important;
  color: #ffffff;
}
.postInner .blog-social-favorite .blog-social-in a svg path {
  fill: #ffffff;
}
.postInner .post-inner__content {
  line-height: 28px;
  font-size: 17px;
}
.postInner .post-inner__content p {
  margin: 10px 0;
  padding: 0;
}
.postInner .post-inner__content h2,
.postInner .post-inner__content h3,
.postInner .post-inner__content h4,
.postInner .post-inner__content h5,
.postInner .post-inner__content h6,
.postInner .post-inner__content .rank-math-question {
  line-height: 24px;
  margin: 10px 0 !important;
  padding: 20px !important;
  font-size: 20px;
  font-weight: 700;
  border-left: none;
  background: linear-gradient(90deg, #ffe3e4 0%, #f8f8f8 93.87%);
  box-shadow: inset 4px 0px 0px #F54748;
  border-radius: 30px 0px 0px 30px;
}
.postInner .post-inner__content h2::before,
.postInner .post-inner__content h3::before,
.postInner .post-inner__content h4::before,
.postInner .post-inner__content h5::before,
.postInner .post-inner__content h6::before,
.postInner .post-inner__content .rank-math-question::before {
  display: none !important;
}
.postInner .post-inner__content ol {
  list-style: none;
  counter-reset: item;
}
.postInner .post-inner__content ol li {
  margin-top: 10px;
  counter-increment: item;
  padding-left: 35px;
  position: Relative;
}
.postInner .post-inner__content ol li::before {
  content: counter(item);
  background: #f54748;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: TranslateY(-50%);
  left: 0;
  color: #ffffff;
  width: 24px;
  height: 24px;
  font-size: 13px;
  text-align: Center;
  line-height: 24px;
}
.post-image {
  position: relative;
}
.post-image .drop-user-infos-arb {
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 4;
}
.post-image .drop-user-infos-arb .arb-friend-image {
  display: flex;
  align-items: center;
}
.post-image .drop-user-infos-arb img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 5px solid #f54748;
}
.post-image .drop-user-infos-arb .post-username {
  font-weight: 700;
  color: #ffffff;
  margin-left: 15px;
}
.post-image .singleAuthNew {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 20px;
  color: #ffffff;
  position: absolute;
  right: 40px;
  bottom: 40px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  backdrop-filter: blur(10px);
}
.tags a {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 10px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  background: #ffffff;
  font-weight: 600;
}
.tags a:hover {
  background: #f54748 !important;
  color: #ffffff !important;
}
.commentsField {
  background: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.commentsField .headBlock ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
.commentsField .headBlock ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom: 3px solid transparent;
  padding: 20px 25px;
}
.commentsField .headBlock ul li span {
  margin-left: 10px;
  font-weight: 700;
}
.commentsField .headBlock ul li.active {
  border-bottom-color: #f54748;
}
.commentsField .commentWhite {
  position: Relative;
}
.commentsField .commentWhite .commentForm {
  position: Relative;
}
.commentsField .commentWhite #editorTool {
  display: flex;
  flex-wrap: wrap;
}
.commentsField .commentWhite .ql-toolbar.ql-snow {
  border: none !important;
  width: 100%;
  order: 2;
}
.commentsField .commentWhite .ql-container.ql-snow {
  border: none !important;
  width: 100%;
  order: 1;
}
.commentsField .commentWhite #toolbar-container {
  padding: 20px;
}
.commentsField .commentWhite #toolbar-container > div > span:nth-child(1) > button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: #f54748;
  color: #ffffff;
  padding: 10px 20px;
  height: auto;
  float: none;
  width: auto;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: none;
  cursor: pointer;
  outline: none;
  z-index: 3;
}
.commentsField .commentWhite #editor-container {
  height: 100px;
}
.commentsField .commentWhite #toolbar-container > div > span:nth-child(1) {
  margin-right: 0;
}
.commentsField .commentWhite #editorTool #toolbar-container + #editor-container + span {
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 10px 10px 0;
}
.commentsField .commentWhite #respond form > div > p {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin: 0;
}
.commentsField .commentWhite #respond form > div > p i {
  margin-right: 10px;
}
.sidebarComment {
  background: #ffffff;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 20px;
}
.sidebarComment-title {
  display: flex;
  align-items: Center;
  font-size: 18px;
  font-weight: 700;
}
.sidebarComment-title span:nth-child(1) {
  margin-right: 15px;
}
.sidebarComment-title svg path {
  fill: #f54748;
}
.sidebarComment textarea {
  display: block;
  border: none;
  height: 100px;
  width: 100%;
  outline: none;
  margin-top: 15px;
  padding: 20px 0;
  font-size: 16px;
  resize: none;
  background: #ffffff;
}
.sidebarComment .commentHiddenArea {
  text-align: right;
}
.sidebarComment .commentHiddenArea input {
  display: inline-block;
  background: #f54748 !important;
  border: none !important;
  color: #ffffff;
  font-weight: 700;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  padding: 10px 15px;
}
.commentListing .comment {
  padding: 20px;
  border-top: 1px solid #e9e9e9;
  display: flex;
}
.commentListing .comment .avatar img {
  display: block;
  width: 66px;
  height: 66px;
  border: 5px solid #e9e9e9;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.commentListing .comment .right {
  padding-left: 20px;
}
.commentListing .comment .right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.commentListing .comment .right ul li:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.commentListing .comment .right ul li:first-child .left .commentAuthor {
  font-weight: 700;
}
.commentListing .comment .right ul li:first-child .left .time {
  color: #afafaf;
  margin-left: 20px;
  font-size: 12px;
}
.commentListing .comment .right ul li:first-child .reply {
  margin-left: 10px;
}
.commentListing .comment .right ul li:first-child .reply a {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  display: inline-block;
  padding: 5px 10px;
  background: rgba(0, 0, 0, 0.05);
  font-weight: 500;
  cursor: pointer;
}
.commentListing .comment .right ul li:first-child .reply a:hover {
  background: #f54748;
  color: #ffffff;
}
.commentListing .comment .right ul li:not(:first-child) {
  line-height: 24px;
  font-size: 16px;
}
.modal-title span {
  display: block;
  font-size: 14px;
}
.modal-body-messages.login-success,
.profile-alert.success {
  color: #23cfa4;
}
.modal-body-messages.failed,
.profile-alert.error {
  color: #cf2348;
}
.sign-email-error,
.sign-email-sozlesme {
  color: #cf2348;
  display: none;
}
.sign-email-error.active,
.sign-email-sozlesme.active {
  display: block;
}
.author-page .profile-header {
  position: Relative;
}
.author-page .profile-header img {
  display: block;
  width: 100%;
  border-radius: 15px 15px 0 0;
}
.author-page .profile-header figure {
  margin: 0;
  padding: 0;
}
.author-page .profile-header .phbi-middle-right {
  position: absolute;
  bottom: 20px;
  z-index: 3;
  right: 20px;
}
.author-page .profile-header .phbi-middle-right ul {
  display: flex;
  align-items: Center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.author-page .profile-header .phbi-middle-right ul li {
  margin-right: 10px;
}
.author-page .profile-header .phbi-middle-right ul li:last-child {
  margin-right: 0;
}
.author-page .profile-header .phbi-middle-right ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  height: 35px;
  padding: 0 10px;
  background: #f54748;
}
.author-page .profile-header .phbi-middle-right ul li a:hover {
  background: #ffa113;
}
.author-page .profile-header .phbi-middle-right ul li a svg path {
  fill: #ffffff;
}
.author-page svg {
  width: 16px;
}
.author-page .phbi-actions {
  display: flex;
  align-items: center;
}
.author-page .phbi-actions a {
  margin-right: 10px;
}
.author-page .phbi-actions a:last-child {
  margin-right: 0;
}
.author-page .author-top {
  background: #ffffff;
}
.author-page .phbi-middle-left ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: Center;
}
@media (min-width: 1200px) {
  .author-page .phbi-middle-left ul {
    justify-content: flex-end;
  }
}
@media (max-width: 1199px) {
  .author-page .phbi-middle-left ul {
    justify-content: center;
  }
}
.author-page .phbi-middle-left ul li {
  margin-left: 10px;
  text-align: Center;
}
.author-page .phbi-middle-left ul li:first-child {
  margin-left: 0;
}
@media (min-width: 1200px) {
  .author-page .phbi-middle-left ul li {
    padding: 20px 15px;
  }
}
@media (max-width: 1199px) {
  .author-page .phbi-middle-left ul li {
    padding: 10px 5px;
  }
}
.author-page .phbi-middle-left ul li span {
  display: block;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .author-page .phbi-middle-left ul li span {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .author-page .phbi-middle-left ul li span {
    font-size: 18px;
  }
}
.author-page .phbi-middle-left ul li p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 12px;
  color: #afafaf;
}
.author-page #cn {
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: Relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .author-page #cn {
    margin-top: -100px;
  }
}
.author-page #cn img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  object-fit: cover;
}
.author-page .author-short-infos .item {
  background: #ffffff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.author-page .author-short-infos .item .icon svg {
  width: 22px;
}
.author-page .author-short-infos .item .icon svg path {
  fill: #f54748;
}
.author-page .author-short-infos .item .name {
  padding-left: 10px;
  color: #afafaf;
  font-size: 13px;
}
.author-page .author-short-infos .item .name span {
  display: block;
  font-size: 16px;
  color: #111;
  font-weight: 600;
}
.author-page .author-short-infos .item a {
  width: 100%;
  margin-top: 10px;
  display: block;
}
.content-box-title {
  display: flex;
  align-items: center;
}
.content-box-title svg {
  width: 20px;
}
.content-box-title svg path {
  fill: #f54748 !important;
}
.content-box-title h2 {
  margin: 0 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 18px;
}
.author-item a {
  display: block;
}
.author-item a figure {
  display: block;
  margin: 0;
  padding: 0;
}
.author-item a figure img {
  display: block;
  width: 100%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.author-item a .name {
  display: block;
  font-weight: 700;
  margin-top: 10px;
}
.author-item a:hover {
  color: #f54748;
}
.account-page .avatar-section {
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.account-page .avatar-section .active-avatar img {
  display: block;
  width: 100%;
}
.account-page .avatar-section .add-avatar {
  display: flex;
  align-items: Center;
  justify-content: Center;
  padding: 10px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 100%;
  text-align: center;
  background: #f54748;
  font-weight: 700;
  color: #ffffff;
}
.account-page .avatar-section .add-avatar label {
  margin: 0;
  padding: 0;
  margin-right: 5px;
}
.account-page .avatar-section .add-avatar svg {
  width: 14px;
}
.account-page .avatar-section .add-avatar svg path {
  fill: #ffffff;
}
.account-page .avatar-section .avatar-title h5 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
}
.account-page .avatar-section .avatar-title span {
  display: block;
  margin-top: 5px;
  color: #afafaf;
  font-weight: 500;
}
.account-page .widget .toggler-header .toggler-header-in {
  background: #ffffff;
  padding: 10px;
  display: flex;
  cursor: pointer;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.account-page .widget .toggler-header .toggler-header-in svg {
  margin-right: 10px;
  width: 23px;
}
.account-page .widget .toggler-header .toggler-header-in svg path {
  fill: #f54748;
}
.account-page .widget .toggler-header .toggler-header-in .toggler-header-in-text span {
  font-size: 16px;
  font-weight: 700;
}
.account-page .widget .toggler-header .toggler-header-in .toggler-header-in-text p {
  margin: 0;
  padding: 0;
  color: #afafaf;
}
.account-page .widget .toggle-in ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ffffff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.account-page .widget .toggle-in ul li {
  border-top: 1px solid #e9e9e9;
}
.account-page .widget .toggle-in ul li:first-child {
  border-top: 0;
}
.account-page .widget .toggle-in ul li a {
  display: block;
  padding: 10px;
  font-weight: 500;
}
.account-page .widget .toggle-in ul li a:hover {
  color: #f54748;
}
.account-page .widget .toggle-in ul li.active a {
  color: #f54748;
  font-weight: 700;
}
.account-page .with-icon .anim-input-place {
  display: flex;
  align-items: center;
}
.account-page .with-icon .anim-input-place svg {
  display: block;
  width: 15px;
}
.account-page .with-icon .anim-input-place svg path {
  fill: #f54748;
}
.search-result-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-result-content ul li {
  border: 1px solid #e9e9e9;
  padding: 10px 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.contactPage .left h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}
.contactPage .left h2 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 700;
}
.contactPage .left p {
  font-size: 18px;
  margin: 10px 0;
  padding: 0;
  line-height: 24px;
}
.contactPage .right ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: block;
}
.contactPage .right ul li {
  margin-top: 20px;
}
.contactPage .right ul li input[type=text],
.contactPage .right ul li select,
.contactPage .right ul li textarea {
  display: block;
  border: 1px solid #e9e9e9;
  height: 45px;
  padding: 0 20px;
  outline: none;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 100%;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.contactPage .right ul li input[type=text]:focus,
.contactPage .right ul li select:focus,
.contactPage .right ul li textarea:focus {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  border-color: #f54748;
}
.contactPage .right ul li textarea {
  height: 150px;
  resize: none;
  padding: 20px;
}
.contactPage .right ul li p {
  margin: 0;
  padding: 0;
}
.contactPage .right ul li input[type=submit] {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  color: #ffffff;
  background: #f54748 !important;
  border: none !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.contactPage .right ul li input[type=submit]:hover {
  background: #ffa113 !important;
}
.contactPageBottom ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contactPageBottom ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  background: #111;
  color: #ffffff;
}
.contactPageBottom ul li:first-child {
  border-top: none;
  border-radius: 8px 8px 0 0;
}
.contactPageBottom ul li:last-child {
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.contactPageBottom ul li h2 {
  font-size: 20px;
  font-weight: 700;
}
.contactPageBottom ul li p {
  line-height: 24px;
  margin: 10px 0 0 0;
  padding: 0;
}
.contactPageBottom ul li span {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
}
.contactPageBottom ul li a {
  color: #f54748 !important;
  display: block;
}
.contactPageBottom ul li a:hover {
  text-decoration: underline;
}