@font-face {
  font-family: "HindRegular";
  src: url("../fonts/Hind-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "HindMedium";
  src: url("../fonts/Hind-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "HindSemiBold";
  src: url("../fonts/Hind-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
*::selection {
  background: #489f95;
  color: white;
}
a:hover,
a:focus {
  text-decoration: none;
}
li {
  list-style-type: none;
}
.h1,
.h2,
.h3,
.h4 {
  font-family: "HindSemiBold";
}
.mdi::before {
  font-size: 24px;
  line-height: 14px;
  vertical-align: middle;
}
.btn .mdi::before {
  position: relative;
  top: 4px;
}
.btn-xs .mdi::before {
  font-size: 18px;
  top: 3px;
}
.btn-sm .mdi::before {
  font-size: 18px;
  top: 3px;
}
.dropdown-menu .mdi {
  width: 18px;
}
.dropdown-menu .mdi::before {
  position: relative;
  top: 4px;
  left: -8px;
}
.nav .mdi::before {
  position: relative;
  top: 4px;
}
.navbar .navbar-toggle .mdi::before {
  position: relative;
  top: 4px;
  color: #FFF;
}
.breadcrumb .mdi::before {
  position: relative;
  top: 4px;
}
.breadcrumb a:hover {
  text-decoration: none;
}
.breadcrumb a:hover span {
  text-decoration: underline;
}
.alert .mdi::before {
  position: relative;
  top: 4px;
  margin-right: 2px;
}
.input-group-addon .mdi::before {
  position: relative;
  top: 3px;
}
.navbar-brand .mdi::before {
  position: relative;
  top: 2px;
  margin-right: 2px;
}
.list-group-item .mdi::before {
  position: relative;
  top: 3px;
  left: -3px;
}
.ch-btn {
  background: #489f95;
  font-family: "HindSemiBold";
  color: white;
  transition: all 0.15s ease 0s;
}
.ch-btn:focus {
  color: white;
}
.ch-btn:hover {
  color: #489f95;
  background: white;
}
.ch-btn:active,
.ch-btn.ch-btn-disabled {
  color: #489f95;
  background: #bddcd9;
}
.m-ch-btn {
  height: 40px;
  width: 160px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.m-ch-btn .mdi::before {
  font-size: 16px;
}
@media (max-width: 767px) {
  .m-ch-btn {
    height: 35.55555556px;
    width: 142.22222222px;
    line-height: 35.55555556px;
    font-size: 16px;
  }
}
.s-ch-btn {
  font-size: 12px;
  height: 30px;
  width: 120px;
  line-height: 30px;
  text-align: center;
}
.s-ch-btn .mdi::before {
  font-size: 14px;
}
@media (max-width: 767px) {
  .s-ch-btn {
    height: 35.55555556px;
    width: 142.22222222px;
    line-height: 35.55555556px;
    font-size: 16px;
  }
}
.buy-ch-btn {
  font-size: 14px;
  height: 40px;
  width: 340px;
  text-align: center;
  line-height: 40px;
}
.buy-ch-btn .store-reg {
  font-size: 12px;
  vertical-align: top;
}
.buy-ch-btn .psn-price {
  padding-left: 30px;
  font-size: 24px;
  font-family: "HindRegular";
  vertical-align: sub;
}
.buy-ch-btn .xbox-price {
  padding-left: 67px;
  font-size: 24px;
  font-family: "HindRegular";
  vertical-align: sub;
}
@media (max-width: 767px) {
  .buy-ch-btn {
    height: 35.55555556px;
    width: 300px;
    line-height: 35.55555556px;
  }
  .buy-ch-btn .psn-price {
    padding-left: 5px;
  }
  .buy-ch-btn .xbox-price {
    padding-left: 30px;
  }
}
.ch-text-input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
}
.ch-text-input::-webkit-input-placeholder {
  color: #2f403e;
}
.ch-text-input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.ch-text-input:active,
.ch-text-input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.ch-text-input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.ch-text-input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
header,
footer {
  height: 140px;
  background: #08161b;
}
header .header-content {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
}
header .logo {
  background: url("../images/crackedheads-logo.svg") no-repeat;
  height: 60px;
  width: 60px;
  background-size: contain;
  display: block;
  margin: 40px 0 0 10px;
  line-height: 140px;
}
header .logo:active {
  transform: translate(1px, 1px);
}
header nav {
  display: block;
  margin: 0 auto;
  height: 140px;
}
header nav ul {
  line-height: 140px;
  margin: 0 auto;
  padding: 0;
  width: 480px;
}
header nav ul li {
  float: left;
  list-style-type: none;
  text-transform: uppercase;
  font-size: 16px;
  margin-right: 50px;
  font-family: "HindSemiBold";
}
header nav ul li:last-child {
  margin-right: 0;
}
header nav ul li a.active {
  color: #489f95;
}
header a:hover,
header a:focus {
  text-decoration: none;
  outline: none;
}
header .social-icons {
  line-height: 140px;
  text-align: right;
  margin-right: 10px;
}
@media screen and (max-width: 991px) {
  header .social-icons {
    padding: 0;
  }
}
header .mobile-menu {
  display: none;
}
@media (max-width: 767px) {
  header .large-menu {
    display: none;
  }
  header .mobile-menu {
    display: block;
  }
}
footer {
  color: #2f403e;
}
footer .center-block {
  float: none;
  text-align: center;
}
footer p {
  line-height: 140px;
  margin: 0;
}
@media (max-width: 767px) {
  header,
  footer {
    height: 82.96296296px;
  }
  header .mobile-logo {
    background: url(../images/crackedheads-logo.svg);
    width: 42px;
    height: 42px;
    display: block;
    margin: 20.74074074px 0 0 0;
    background-size: contain;
    line-height: 140px;
  }
  header .bars {
    color: #ccd7ba;
    float: right;
    margin-right: 10px;
    line-height: 82.96296296px;
  }
  nav {
    display: block;
  }
  nav ul {
    margin: 0;
    padding: 0;
  }
  nav ul li {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-family: "HindSemiBold";
    margin-bottom: 35.5px;
    margin-right: 0;
  }
  nav ul li:last-child {
    margin-bottom: 0;
  }
  nav ul li a.active {
    color: #489f95;
  }
  nav ul li a:hover,
  nav ul li a:focus {
    text-decoration: none;
    outline: none;
  }
  footer p {
    line-height: normal;
    padding-top: 30px;
    font-size: 12px;
  }
}
.mfp-bg {
  opacity: 0.98;
}
.mfp-close-btn-in .mfp-close {
  color: #ccd7ba;
  font-size: 40px;
  top: -125px;
  right: 4px;
  opacity: 1;
}
/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.98;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
.content {
  min-height: 720px;
}
.ch-slider-block {
  height: 600px;
}
.ch-slider-block .ch-slider {
  width: 100%;
  height: 600px;
  background: #2f403e;
  float: left;
}
.ch-slider-block .ch-slider .ch-slider-item {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
  float: left;
}
.ch-slider-block .ch-slider .ch-slider-item:focus {
  outline: none;
}
.ch-slider-block .ch-slider .ch-slider-item .ch-slider-content {
  float: left;
  margin-top: 183px;
  padding-left: 18px;
  padding-right: 40px;
}
.ch-slider-block .ch-slider .ch-slider-item .ch-slider-content .ch-slider-content-title {
  text-align: left;
  font-family: "HindSemiBold";
  margin-bottom: 35px;
}
.ch-slider-block .ch-slider .ch-slider-item .ch-slider-content .ch-btn {
  display: block;
}
.ch-slider-block .slick-dots li button:before {
  color: #ccd7ba;
}
.ch-slider-block .slick-dots li.slick-active button:before {
  color: #489f95;
}
@media (max-width: 767px) {
  .ch-slider-block {
    height: 485.92592593px;
  }
  .ch-slider-block .ch-slider {
    height: 485.92592593px;
  }
  .ch-slider-block .ch-slider .ch-slider-item {
    height: 485.92592593px;
  }
  .ch-slider-block .ch-slider .ch-slider-item .ch-slider-content {
    margin-top: 142.96296296px;
  }
}
.section-title {
  text-align: center;
  font-family: "HindSemiBold";
  padding: 55px 0 35px 0;
  margin: 0;
  border-bottom: 1px solid #46594c;
}
@media (max-width: 767px) {
  .section-title {
    padding: 32.59259259px 0 20.74074074px;
    font-size: 19px;
  }
}
.index-news .index-news-title {
  text-align: center;
  font-family: "HindSemiBold";
  padding: 55px 0 35px 0;
  margin: 0;
  border-bottom: 1px solid #46594c;
}
@media (max-width: 767px) {
  .index-news .index-news-title {
    padding: 32.59259259px 0 20.74074074px;
    font-size: 19px;
  }
}
.index-news .ch-news-list {
  padding: 0;
  margin-bottom: 120px;
}
.index-news .ch-news-list .row {
  margin-left: -15px;
  margin-right: -15px;
}
.index-news .ch-news-list .ch-news-list-element {
  padding: 35px 40px 40px;
  border-bottom: 1px solid #46594c;
  width: 100%;
  display: block;
}
.index-news .ch-news-list .ch-news-date {
  color: #ccd7ba;
  font-size: 12px;
}
.index-news .ch-news-list .ch-news-title a {
  color: white;
}
.index-news .ch-news-list .ch-news-title a:hover {
  color: #489f95;
}
.index-news .ch-news-list .ch-news-title a:focus {
  color: white;
}
.index-news .ch-news-list .ch-news-text {
  color: #ccd7ba;
}
.index-news .ch-news-list .ch-btn {
  display: block;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .index-news .index-news-title {
    font-size: 19px;
  }
  .index-news .ch-news-list {
    margin-bottom: 35px;
  }
  .index-news .ch-news-list .ch-news-list-element {
    padding: 20px 10px;
  }
}
.single-news {
  margin-top: 55px;
  padding: 0;
}
.single-news .ch-news-date {
  color: #ccd7ba;
  padding-left: 20px;
}
.single-news .ch-news-title {
  margin-top: 15px;
  margin-bottom: 35px;
  padding-left: 20px;
}
.single-news .ch-news-full-text {
  margin-top: 35px;
  padding: 0 20px;
  margin-bottom: 85px;
}
.single-news .ch-news-full-text p {
  margin-bottom: 30px;
}
.single-news .ch-news-full-text img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .single-news {
    margin-top: 35px;
  }
  .single-news .ch-news-date {
    font-size: 12px;
    padding-left: 10px;
  }
  .single-news .ch-news-title {
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .single-news .ch-news-full-text {
    padding: 0 10px;
    color: #ccd7ba;
    margin-bottom: 35px;
  }
}
.games-content .games-title {
  text-align: center;
  font-family: "HindSemiBold";
  padding: 55px 0 35px 0;
  margin: 0;
  border-bottom: 1px solid #46594c;
}
@media (max-width: 767px) {
  .games-content .games-title {
    padding: 32.59259259px 0 20.74074074px;
    font-size: 19px;
  }
}
.games-content .ch-games-list {
  margin-bottom: 120px;
}
.games-content .ch-games-list .ch-games-list-element {
  margin-left: -10px;
  margin-right: -10px;
}
.games-content .ch-games-list .ch-games-list-element .game-img {
  margin-top: 40px;
}
.games-content .ch-games-list .ch-games-list-element .ch-games-text {
  padding: 0 133px 40px;
  border-bottom: 1px solid #46594c;
  margin-top: 35px;
}
.games-content .ch-games-list .ch-games-list-element .ch-games-text .ch-games-element-title a {
  color: white;
}
.games-content .ch-games-list .ch-games-list-element .ch-games-text .ch-games-element-title a:hover {
  color: #489f95;
}
.games-content .ch-games-list .ch-games-list-element .ch-games-text .ch-games-element-title a:focus {
  color: white;
}
.games-content .ch-games-list .ch-games-list-element .ch-games-text p {
  color: #ccd7ba;
}
@media (max-width: 991px) {
  .games-content .ch-games-list .ch-games-list-element .ch-games-text {
    padding: 0 60px 40px;
  }
}
.games-content .ch-games-list .ch-games-list-element .ch-btn {
  display: block;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .games-content .ch-games-list {
    margin-bottom: 35px;
  }
  .games-content .ch-games-list .ch-games-list-element .ch-games-text {
    padding: 0 10px 35px;
  }
}
.ch-game-announce-block {
  height: 600px;
  background-size: cover;
  background-position: center;
}
.ch-game-announce-block .ch-game-preview-yt .preview-video {
  margin: 120px 0 0 -10px;
}
.ch-game-announce-block .ch-game-preview-yt .preview-video iframe {
  height: 360px;
}
.ch-game-announce-block .ch-game-preview-yt .preview-video .slick-prev,
.ch-game-announce-block .ch-game-preview-yt .preview-video .slick-next {
  z-index: 10;
}
.ch-game-announce-block .ch-game-preview-yt .preview-video .slick-next {
  right: 0;
}
.ch-game-announce-block .ch-game-preview-yt .preview-video .slick-prev {
  left: 0;
}
@media (max-width: 1199px) {
  .ch-game-announce-block .ch-game-preview-yt .preview-video iframe {
    height: 291px;
  }
}
.ch-game-announce-block .ch-game-preview-text {
  padding: 0 20px 0 30px;
}
.ch-game-announce-block .ch-game-preview-text .preview-title {
  margin-top: 165px;
}
.ch-game-announce-block .ch-game-preview-text p {
  color: #ccd7ba;
  font-size: 18px;
  margin-bottom: 34px;
}
.ch-game-announce-block .ch-game-preview-text .ch-btn {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .ch-game-announce-block .ch-game-preview-text .ch-btn {
    width: 250px;
  }
  .ch-game-announce-block .ch-game-preview-text .ch-btn .hidden-text {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ch-game-announce-block .ch-game-preview-text .preview-title {
    margin-top: 145px;
  }
}
@media (max-width: 767px) {
  .ch-game-announce-block {
    height: 388px;
  }
  .ch-game-announce-block .ch-game-preview-yt .preview-video {
    max-height: 148px;
    margin: 27px 0 0 0;
  }
  .ch-game-announce-block .ch-game-preview-yt .preview-video iframe {
    height: 148px;
  }
  .ch-game-announce-block .ch-game-preview-yt .preview-video img {
    max-height: 148px;
  }
  .ch-game-announce-block .ch-game-preview-text {
    padding: 0;
  }
  .ch-game-announce-block .ch-game-preview-text .preview-title {
    margin-top: 27px;
    font-size: 24px;
    padding-left: 10px;
  }
  .ch-game-announce-block .ch-game-preview-text p {
    font-size: 14px;
    margin-bottom: 23px;
    padding: 0 10px;
  }
  .ch-game-announce-block .ch-game-preview-text .ch-btn {
    margin: 0 auto 10px;
  }
}
.ch-game-info {
  margin-bottom: 120px;
}
.ch-game-info .ch-game-scr-desc .ch-game-info-slider {
  margin-left: -10px;
  margin-top: 60px;
}
.ch-game-info .ch-game-scr-desc .ch-game-info-slider .slick-prev {
  left: 0;
  z-index: 2;
}
.ch-game-info .ch-game-scr-desc .ch-game-info-slider .slick-next {
  right: 0;
}
.ch-game-info .ch-game-general-info {
  padding: 0 30px;
}
.ch-game-info .ch-game-general-info .ch-game-general-title {
  margin-top: 140px;
  margin-bottom: 29px;
}
.ch-game-info .ch-game-general-info .row p {
  font-size: 18px;
}
.ch-game-info .ch-game-general-info .general-info-param p {
  color: #ccd7ba;
}
.ch-game-info .ch-game-general-info .general-info-val {
  padding: 0;
}
@media (max-width: 1199px) {
  .ch-game-info .ch-game-general-info {
    padding: 0;
  }
  .ch-game-info .ch-game-general-info .ch-game-general-title {
    margin-top: 100px;
  }
}
.ch-game-info .ch-game-description {
  padding: 0 40px;
  margin-top: 35px;
}
.ch-game-info .ch-game-description p {
  margin-bottom: 28px;
}
.ch-game-info .ch-game-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .ch-game-info {
    margin-bottom: 35px;
  }
  .ch-game-info .ch-game-scr-desc .ch-game-info-slider {
    margin-left: 0;
  }
  .ch-game-info .ch-game-general-info .ch-game-general-title {
    margin-top: 27px;
    margin-bottom: 15px;
    font-size: 18px;
    padding-left: 10px;
  }
  .ch-game-info .ch-game-general-info .row p {
    font-size: 14px;
    margin-bottom: auto;
  }
  .ch-game-info .ch-game-description {
    padding: 0 10px;
  }
}
.recover-wrapper .email-form {
  margin-top: 40px;
}
.recover-wrapper .recover-email {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
}
.recover-wrapper .recover-email::-webkit-input-placeholder {
  color: #2f403e;
}
.recover-wrapper .recover-email:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.recover-wrapper .recover-email:active,
.recover-wrapper .recover-email:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.recover-wrapper .recover-email:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.recover-wrapper .recover-email:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.recover-wrapper .ch-btn {
  display: block;
  margin: 40px auto 0;
}
.recover-wrapper .ch-sign-in {
  display: inline-block;
  margin-top: 15.5px;
  color: #489f95;
  transition: all 0.15s ease 0s;
  font-size: 12px;
}
.recover-wrapper .ch-sign-in:hover {
  color: #85c8c0;
}
.recover-wrapper .ch-sign-in:focus {
  outline: none;
}
.sign-in-wrapper .sign-in-form {
  margin-top: 40px;
}
.sign-in-wrapper input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
}
.sign-in-wrapper input::-webkit-input-placeholder {
  color: #2f403e;
}
.sign-in-wrapper input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.sign-in-wrapper input:active,
.sign-in-wrapper input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.sign-in-wrapper input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.sign-in-wrapper input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.sign-in-wrapper input:first-child {
  margin-bottom: 10px;
}
.sign-in-wrapper .ch-btn {
  display: block;
  margin: 40px auto 0;
}
.sign-in-wrapper .forgot-pass {
  display: inline-block;
  margin-top: 15.5px;
  color: #489f95;
  transition: all 0.15s ease 0s;
  font-size: 12px;
}
.sign-in-wrapper .forgot-pass:hover {
  color: #85c8c0;
}
.sign-in-wrapper .forgot-pass:focus {
  outline: none;
}
.register-wrapper .register-form {
  margin-top: 40px;
}
.register-wrapper input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-bottom: 10px;
}
.register-wrapper input::-webkit-input-placeholder {
  color: #2f403e;
}
.register-wrapper input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.register-wrapper input:active,
.register-wrapper input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.register-wrapper input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.register-wrapper input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.register-wrapper .ch-btn {
  display: block;
  margin: 35px auto 0;
}
.register-wrapper p {
  font-size: 12px;
  color: #ccd7ba;
  margin-top: 5px;
  margin-bottom: 0;
}
.register-wrapper .reg-links {
  display: inline-block;
  margin-top: 15.5px;
  color: #489f95;
  transition: all 0.15s ease 0s;
  font-size: 12px;
  margin-top: 0;
}
.register-wrapper .reg-links:hover {
  color: #85c8c0;
}
.register-wrapper .reg-links:focus {
  outline: none;
}
.register-wrapper .already-registered {
  margin-top: 15.5px;
}
.about-wrapper .studio-img {
  padding: 0;
  margin-top: 40px;
}
.about-wrapper .studio-text p {
  margin-top: 70px;
  font-size: 18px;
  padding-left: 25px;
}
.about-wrapper .teammate-list {
  margin: 40px 0 84.5px;
  padding: 0 10px;
  display: inline-block;
}
.about-wrapper .teammate-list li {
  margin-right: 48px;
  margin-bottom: 35.5px;
}
.about-wrapper .teammate-list li:nth-child(5n) {
  margin-right: 0;
}
.about-wrapper .teammate-list p {
  text-align: center;
  margin-bottom: 0;
}
.about-wrapper .teammate-list .teammate-name {
  margin-top: 25px;
}
.about-wrapper .teammate-list .teammate-position {
  font-size: 12px;
  margin-top: 6.5px;
  color: #ccd7ba;
}
@media (max-width: 1199px) {
  .about-wrapper .teammate-list li {
    margin-right: 39px;
  }
}
@media (max-width: 991px) {
  .about-wrapper .studio-text p {
    margin-top: 45px;
  }
  .about-wrapper .teammate-list li {
    margin-right: 30px;
    margin-bottom: 0;
    height: 240px;
  }
}
@media (max-width: 767px) {
  .about-wrapper .studio-img img {
    margin: 0 auto;
  }
  .about-wrapper .studio-text p {
    padding: 0;
    font-size: 14px;
    margin-top: 27px;
  }
  .about-wrapper .teammate-list li {
    margin-right: 0;
    margin-bottom: 35.5px;
    height: auto;
    min-height: 167px;
  }
  .about-wrapper .teammate-list li .teammate-photo img {
    margin: 0 auto;
  }
  .about-wrapper .teammate-list li .teammate-name {
    margin-top: 10px;
  }
  .about-wrapper .teammate-list li .teammate-position {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (max-width: 374px) {
  .about-wrapper .teammate-list li {
    height: 227px;
    margin-bottom: 0;
  }
}
.contacts-wrapper .subscribe-panel {
  height: 140px;
  background-size: cover;
  background-position: center;
}
.contacts-wrapper .subscribe-panel .h3 {
  margin-top: 42px;
}
.contacts-wrapper .subscribe-panel p {
  color: #ccd7ba;
}
.contacts-wrapper .subscribe-panel .subscribe-text {
  padding-left: 20px;
}
.contacts-wrapper .subscribe-panel .subscribe-email {
  padding-right: 0;
}
.contacts-wrapper .subscribe-panel .subscribe-btn {
  padding: 0;
}
.contacts-wrapper .subscribe-panel input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-top: 50px;
}
.contacts-wrapper .subscribe-panel input::-webkit-input-placeholder {
  color: #2f403e;
}
.contacts-wrapper .subscribe-panel input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.contacts-wrapper .subscribe-panel input:active,
.contacts-wrapper .subscribe-panel input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.contacts-wrapper .subscribe-panel input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.contacts-wrapper .subscribe-panel input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.contacts-wrapper .subscribe-panel .ch-btn {
  margin-top: 50px;
  display: block;
}
@media (max-width: 1199px) {
  .contacts-wrapper .subscribe-panel .subscribe-text {
    padding-left: 10px;
  }
}
.contacts-wrapper .email-contacts {
  border-bottom: 1px solid #46594c;
  padding-bottom: 60px;
}
.contacts-wrapper .email-contacts .email-contacts-block {
  padding-left: 20px;
}
.contacts-wrapper .email-contacts .email-contacts-block .h3 {
  margin-top: 55px;
  margin-bottom: 24px;
}
.contacts-wrapper .email-contacts .email-contacts-block .email-addresses p {
  color: #ccd7ba;
  font-size: 18px;
}
.contacts-wrapper .email-contacts .email-contacts-block .email-addresses .row div:first-child p {
  margin-bottom: auto;
}
.contacts-wrapper .email-contacts .email-contacts-block .email-addresses .row div:last-child p {
  color: white;
}
@media (max-width: 991px) {
  .contacts-wrapper .email-contacts .email-contacts-block {
    padding-bottom: 35px;
    border-bottom: 1px solid #46594c;
  }
}
@media (max-width: 1199px) {
  .contacts-wrapper .email-contacts .email-contacts-block {
    padding-left: 10px;
  }
}
.contacts-wrapper .email-contacts .email-value {
  margin-top: 105px;
  font-size: 18px;
}
.contacts-wrapper .email-contacts .contact-form .h3 {
  margin-top: 55px;
  padding-left: 20px;
  margin-bottom: 24px;
}
.contacts-wrapper .email-contacts .contact-form input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-bottom: 10px;
}
.contacts-wrapper .email-contacts .contact-form input::-webkit-input-placeholder {
  color: #2f403e;
}
.contacts-wrapper .email-contacts .contact-form input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.contacts-wrapper .email-contacts .contact-form input:active,
.contacts-wrapper .email-contacts .contact-form input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.contacts-wrapper .email-contacts .contact-form input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.contacts-wrapper .email-contacts .contact-form input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
@media (max-width: 1199px) {
  .contacts-wrapper .email-contacts .contact-form .h3 {
    padding-left: 0;
  }
}
.contacts-wrapper .email-contacts .textarea-form {
  padding-right: 0;
  margin-top: 105px;
}
.contacts-wrapper .email-contacts .textarea-form textarea {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  padding-top: 10px;
  resize: none;
  line-height: 20px;
  height: 140px;
  display: block;
}
.contacts-wrapper .email-contacts .textarea-form textarea::-webkit-input-placeholder {
  color: #2f403e;
}
.contacts-wrapper .email-contacts .textarea-form textarea:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.contacts-wrapper .email-contacts .textarea-form textarea:active,
.contacts-wrapper .email-contacts .textarea-form textarea:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.contacts-wrapper .email-contacts .textarea-form textarea:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.contacts-wrapper .email-contacts .textarea-form textarea:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.contacts-wrapper .email-contacts .textarea-form .ch-btn {
  display: block;
  margin-top: 40px;
}
.contacts-wrapper .email-contacts .textarea-form .required-fields {
  display: none;
}
.contacts-wrapper .email-contacts .required-fields {
  color: #ccd7ba;
  padding-left: 20px;
  margin-top: 5px;
}
.contacts-wrapper .rules {
  margin-bottom: 120px;
}
.contacts-wrapper .rules .h3 {
  margin-top: 55px;
  margin-bottom: 29px;
}
.contacts-wrapper .rules .main-text {
  padding-left: 20px;
  padding-right: 20px;
}
.contacts-wrapper .rules .main-text p:last-child {
  margin-bottom: 0;
}
.contacts-wrapper .rules .letter-text {
  margin-top: 110.5px;
  padding-left: 30px;
  padding-right: 20px;
}
.contacts-wrapper .rules p {
  color: #ccd7ba;
  margin-bottom: 28px;
  line-height: 23px;
}
.contacts-wrapper .rules p a {
  color: #489f95;
}
@media (max-width: 767px) {
  .contacts-wrapper .subscribe-panel {
    height: 180px;
  }
  .contacts-wrapper .subscribe-panel .h3 {
    margin-top: 35px;
  }
  .contacts-wrapper .subscribe-panel input {
    margin-top: 12px;
  }
  .contacts-wrapper .subscribe-panel .ch-btn {
    margin-top: 12px;
    height: 40px;
    line-height: 40px;
  }
  .contacts-wrapper .email-contacts {
    padding-bottom: 0;
    border-bottom: none;
  }
  .contacts-wrapper .email-contacts input {
    padding-left: 10px !important;
  }
  .contacts-wrapper .email-contacts .email-contacts-block .h3 {
    margin-top: 35px;
    margin-bottom: 24px;
    font-size: 20px;
  }
  .contacts-wrapper .email-contacts .email-contacts-block .email-addresses .row div {
    padding-left: 0;
    padding-right: 0;
  }
  .contacts-wrapper .email-contacts .email-contacts-block .email-addresses .row div p {
    font-size: 14px;
  }
  .contacts-wrapper .email-contacts .contact-form .h3 {
    margin-bottom: 24px;
    margin-top: 35px;
    font-size: 20px;
  }
  .contacts-wrapper .email-contacts .textarea-form {
    padding-right: 10px;
    padding-bottom: 35px;
    border-bottom: 1px solid #46594c;
    margin-top: 0;
  }
  .contacts-wrapper .email-contacts .textarea-form .required-fields {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
  }
  .contacts-wrapper .email-contacts .textarea-form textarea {
    padding-left: 10px;
  }
  .contacts-wrapper .email-contacts .textarea-form .ch-btn {
    font-size: 14px;
    margin-top: 10px;
  }
  .contacts-wrapper .required-fields {
    display: none;
  }
  .contacts-wrapper .rules {
    margin-bottom: 35px;
  }
  .contacts-wrapper .rules .h3 {
    margin-top: 35px;
    margin-bottom: 24px;
    font-size: 20px;
  }
  .contacts-wrapper .rules .main-text {
    padding: 0 10px;
  }
  .contacts-wrapper .rules .letter-text {
    margin-top: 28px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .contacts-wrapper .subscribe-panel .ch-btn {
    width: 40px;
  }
  .contacts-wrapper .subscribe-panel .ch-btn .hidden-text {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .contacts-wrapper .subscribe-panel {
    height: 190px;
  }
}
.wrapper-404 .row {
  margin-top: 120px;
  color: #489f95;
}
@media (max-width: 767px) {
  .row {
    margin: 0 !important;
  }
}
.rules-wrapper {
  margin-bottom: 100px;
}
.rules-wrapper .condition-subsection {
  padding: 0 20px;
}
.rules-wrapper .condition-subsection .subsection-title {
  margin-top: 35px;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.rules-wrapper .condition-subsection p {
  color: #ccd7ba;
}
.rules-wrapper .condition-subsection a {
  color: #489f95;
}
.rules-wrapper .condition-subsection a:hover {
  color: #85c8c0;
}
@media (max-width: 767px) {
  .rules-wrapper .condition-subsection {
    padding: 0;
  }
}
.profile-wrapper {
  padding-bottom: 120px;
}
.profile-wrapper .forums-header {
  height: 140px;
  background-size: cover;
  background-position: center;
}
.profile-wrapper .forums-header .h3 {
  margin-top: 57px;
}
.profile-wrapper .forums-header p {
  color: #ccd7ba;
}
.profile-wrapper .forums-header .forum-main-title {
  padding-left: 20px;
}
.profile-wrapper .forums-header .profile-name {
  padding-right: 0;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  margin-top: 50px;
}
.profile-wrapper .forums-header .profile-name .username {
  color: #489f95;
  font-family: "HindSemiBold";
}
.profile-wrapper .forums-header .logout-btn {
  padding: 0;
}
.profile-wrapper .forums-header input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-top: 50px;
}
.profile-wrapper .forums-header input::-webkit-input-placeholder {
  color: #2f403e;
}
.profile-wrapper .forums-header input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.profile-wrapper .forums-header input:active,
.profile-wrapper .forums-header input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.profile-wrapper .forums-header input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.profile-wrapper .forums-header input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.profile-wrapper .forums-header .ch-btn {
  margin-top: 50px;
  display: block;
}
@media (max-width: 1199px) {
  .profile-wrapper .forums-header .forum-main-title {
    padding-left: 10px;
  }
}
.profile-wrapper .forums-search .row {
  border-bottom: 1px solid #46594c;
  padding-bottom: 50px;
}
.profile-wrapper .forums-search .h4 {
  margin-top: 57px;
  color: #489f95;
  font-family: "HindRegular";
}
.profile-wrapper .forums-search p {
  color: #ccd7ba;
}
.profile-wrapper .forums-search .search-title {
  padding-left: 20px;
}
.profile-wrapper .forums-search .search-input {
  padding-right: 0;
}
.profile-wrapper .forums-search .search-btn {
  padding: 0;
}
.profile-wrapper .forums-search input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-top: 50px;
}
.profile-wrapper .forums-search input::-webkit-input-placeholder {
  color: #2f403e;
}
.profile-wrapper .forums-search input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.profile-wrapper .forums-search input:active,
.profile-wrapper .forums-search input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.profile-wrapper .forums-search input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.profile-wrapper .forums-search input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.profile-wrapper .forums-search .ch-btn {
  margin-top: 50px;
  display: block;
}
@media (max-width: 1199px) {
  .profile-wrapper .forums-search .search-title {
    padding-left: 10px;
  }
}
.profile-wrapper .profile-info .account-avatar {
  margin-top: 40px;
  text-align: center;
}
.profile-wrapper .profile-info .account-avatar a {
  margin-top: 30px;
  display: block;
  color: #ccd7ba;
}
.profile-wrapper .profile-info .profile-fields {
  margin-top: 60px;
}
.profile-wrapper .profile-info .profile-fields .row {
  margin-bottom: 10px;
}
.profile-wrapper .profile-info .profile-fields .row:last-child {
  margin-bottom: 0;
}
.profile-wrapper .profile-info .profile-fields .profile-field-name {
  font-family: "HindSemiBold";
  line-height: 40px;
  text-align: right;
  padding-right: 30px;
}
.profile-wrapper .profile-info .profile-fields input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
}
.profile-wrapper .profile-info .profile-fields input::-webkit-input-placeholder {
  color: #2f403e;
}
.profile-wrapper .profile-info .profile-fields input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.profile-wrapper .profile-info .profile-fields input:active,
.profile-wrapper .profile-info .profile-fields input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.profile-wrapper .profile-info .profile-fields input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.profile-wrapper .profile-info .profile-fields input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.profile-wrapper .profile-info .profile-fields .ch-btn {
  display: block;
  margin-top: 30px;
}
.profile-wrapper .usertopics {
  margin-top: 55px;
}
.profile-wrapper .usertopics .usertopics-head {
  padding-bottom: 25px;
  border-bottom: 1px solid #46594c;
}
.profile-wrapper .usertopics .usertopics-head .h3 {
  margin: 0;
  padding-left: 20px;
}
.profile-wrapper .usertopics .usertopics-head .voices,
.profile-wrapper .usertopics .usertopics-head .replies,
.profile-wrapper .usertopics .usertopics-head .freshness {
  color: #ccd7ba;
  text-transform: uppercase;
}
.profile-wrapper .usertopics .usertopics-head .voices,
.profile-wrapper .usertopics .usertopics-head .replies {
  text-align: center;
}
.profile-wrapper .usertopics .usertopics-head .freshness {
  padding-left: 30px;
}
.profile-wrapper .usertopics .topics-list .started-topic {
  padding: 20px 0;
  border-bottom: 1px solid #46594c;
}
.profile-wrapper .usertopics .topics-list .started-topic .topic-name {
  padding-left: 20px;
}
.profile-wrapper .usertopics .topics-list .started-topic .h4 {
  margin: 0 0 10px;
}
.profile-wrapper .usertopics .topics-list .started-topic p {
  color: #ccd7ba;
  font-size: 12px;
  margin: 0;
}
.profile-wrapper .usertopics .topics-list .started-topic p span {
  color: white;
}
.profile-wrapper .usertopics .topics-list .started-topic a {
  color: white;
}
.profile-wrapper .usertopics .topics-list .started-topic .voices-count,
.profile-wrapper .usertopics .topics-list .started-topic .replies-count {
  font-family: "HindSemiBold";
  font-size: 18px;
  text-align: center;
}
.profile-wrapper .usertopics .topics-list .started-topic .freshness-update {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .profile-wrapper .forums-header .h3 {
    font-size: 19px;
  }
  .profile-wrapper .forums-header .profile-name {
    margin-top: 47px;
    padding-right: 10px;
    text-align: right;
  }
  .profile-wrapper .forums-header .profile-name .profile-title {
    display: none;
  }
  .profile-wrapper .forums-header .profile-name .username {
    font-size: 19px;
  }
  .profile-wrapper .forums-header .logout-btn .ch-btn {
    width: 35px;
    height: 35px;
  }
  .profile-wrapper .forums-header .logout-btn .hidden-text {
    display: none;
  }
  .profile-wrapper .forums-search .h4 {
    margin-top: 30px;
  }
  .profile-wrapper .forums-search .row {
    padding-bottom: 30px;
  }
  .profile-wrapper .forums-search .search-input input {
    margin-top: 30px;
  }
  .profile-wrapper .forums-search .search-btn .ch-btn {
    margin-top: 30px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
  .profile-wrapper .forums-search .search-btn .ch-btn .hidden-text {
    display: none;
  }
}
.forums-header,
.forums-search {
  height: 140px;
  background-size: cover;
  background-position: center;
}
.forums-header .h3,
.forums-search .h3,
.forums-header .h4,
.forums-search .h4 {
  margin-top: 57px;
}
.forums-header .h4,
.forums-search .h4 {
  color: #489f95;
  font-family: "HindRegular";
}
.forums-header p,
.forums-search p {
  color: #ccd7ba;
}
.forums-header .subscribe-text,
.forums-search .subscribe-text,
.forums-header .search-title,
.forums-search .search-title {
  padding-left: 20px;
}
.forums-header .subscribe-email,
.forums-search .subscribe-email {
  padding-right: 0;
}
.forums-header .subscribe-btn,
.forums-search .subscribe-btn {
  padding: 0;
}
.forums-header input,
.forums-search input {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
  margin-top: 50px;
}
.forums-header input::-webkit-input-placeholder,
.forums-search input::-webkit-input-placeholder {
  color: #2f403e;
}
.forums-header input:hover,
.forums-search input:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
.forums-header input:active,
.forums-search input:active,
.forums-header input:focus,
.forums-search input:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
.forums-header input:disabled,
.forums-search input:disabled {
  border-color: #46594c;
  background: #2f403e;
}
.forums-header input:disabled::-webkit-input-placeholder,
.forums-search input:disabled::-webkit-input-placeholder {
  color: #46594c;
}
.forums-header .ch-btn,
.forums-search .ch-btn {
  margin-top: 50px;
  display: block;
}
@media (max-width: 1199px) {
  .forums-header .subscribe-text,
  .forums-search .subscribe-text {
    padding-left: 10px;
  }
}
.forums-header .profile-name,
.forums-search .profile-name {
  padding-right: 0;
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  margin-top: 50px;
}
.forums-header .profile-name .username,
.forums-search .profile-name .username {
  color: #489f95;
  font-family: "HindSemiBold";
}
.forums-header .logout-btn,
.forums-search .logout-btn {
  padding: 0;
}
.forums-search .row {
  border-bottom: 1px solid #46594c;
  padding-bottom: 50px;
}
.forum-content {
  margin-top: 55px;
}
@media (max-width: 767px) {
  .forums-header .h3,
  .forums-search .h3,
  .forums-header .h4,
  .forums-search .h4 {
    margin-top: 57px;
  }
  .forums-header input,
  .forums-search input {
    margin-top: 47px;
  }
  .forums-header .ch-btn,
  .forums-search .ch-btn {
    margin-top: 47px;
    height: 40px;
    line-height: 40px;
  }
  .forums-header .ch-btn .hidden-text,
  .forums-search .ch-btn .hidden-text {
    display: none;
  }
  .forums-header .h3 {
    font-size: 19px;
  }
  .forums-header .profile-name {
    margin-top: 47px;
    padding-right: 10px;
    text-align: right;
  }
  .forums-header .profile-name .profile-title {
    display: none;
  }
  .forums-header .profile-name .username {
    font-size: 19px;
  }
  .forums-header .logout-btn .ch-btn {
    width: 35px;
    height: 35px;
  }
  .forums-header .logout-btn .hidden-text {
    display: none;
  }
  .forums-search .h4 {
    margin-top: 30px;
  }
  .forums-search .row {
    padding-bottom: 30px;
  }
  .forums-search .search-input input {
    margin-top: 30px;
  }
  .forums-search .search-btn .ch-btn {
    margin-top: 30px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
  .forums-search .search-btn .ch-btn .hidden-text {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .forums-header .ch-btn,
  .forums-search .ch-btn {
    width: 40px;
  }
}
table.forum-table td,
div.forum-reply-form,
table.forum-table th,
div.forum-reply-header,
div.forum-bbcode-line a:hover,
div.forum-bbcode-line a:hover img,
table.forum-table td.forum-column-footer,
table.forum-post-table td.forum-column-footer,
div.forum-footer-box,
div.forum-header-box,
table.forum-table tr.forum-row-first td,
table.forum-table th.forum-column-title,
table.forum-table th.forum-column-lastpost,
table.forum-table td,
table.forum-table th.forum-column-lastpost,
table.forum-table th.forum-column-title,
table.forum-table th.forum-first-column,
table.forum-table th.forum-last-column,
div.forum-info-box,
div.forum-post-preview {
  background: #2f403e;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-width: 1px;
  border-bottom-color: #46594c;
  border-bottom-style: solid;
}
div.forum-reply-header {
  border: none;
}
table.forum-table th.forum-column-topics,
table.forum-table th.forum-column-replies,
table.forum-table th.forum-column-views,
table.forum-table th.forum-column-lastpost {
  text-transform: uppercase;
  color: #ccd7ba;
}
.forum-head-title a {
  font-family: "HindSemiBold";
  font-size: 24px;
  color: white;
}
.forum-item-name a {
  font-family: "HindSemiBold";
  font-size: 18px;
  color: white;
}
table.forum-table td.forum-column-footer,
table.forum-post-table td.forum-column-footer,
div.forum-footer-box {
  border: none;
}
table,
td,
th,
tbody,
tfoot,
thead,
.forum-reply-form {
  border: none !important;
}
.forum-post-table {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #46594c !important;
}
div.forum-user-status,
div.forum-user-additional,
div.forum-contact-links,
div.forum-action-links {
  display: none;
}
table.forum-table th.forum-column-title {
  padding-left: 20px;
}
.forum-info-box.forum-menu-box {
  display: none;
}
div.forum-navigation-box {
  background: #2f403e;
  border: none;
}
div.forum-header-box {
  padding: 0;
  padding-left: 20px;
}
div.forum-header-title {
  font-size: 30px;
  font-family: "HindSemiBold";
}
div.forum-header-options,
.forum-post-table tfoot,
.forum-post-rating,
div.forum-post-number {
  display: none;
}
table.forum-table tfoot,
div.forum-reply-field-settings {
  display: none;
}
div.forum-select-box {
  display: none;
}
table.forum-table th.forum-column-title {
  font-size: 24px;
  font-family: "HindSemiBold";
}
div.forum-item-name {
  font-size: 18px;
}
span.forum-item-author {
  font-size: 12px;
}
span.forum-item-author span {
  color: #ccd7ba;
}
div.forum-header-title a {
  text-decoration: none;
}
div.forum-navigation-box {
  padding: 0 20px;
}
div.forum-post-date,
table.forum-post-table td.forum-cell-user,
table.forum-post-table td.forum-cell-contact,
table.forum-post-table td.forum-cell-post,
table.forum-post-table td.forum-cell-actions {
  background: transparent;
}
div.forum-post-date {
  color: #ccd7ba;
}
.bx-editor-iframe {
  background-color: #08161b;
}
.feed-add-post div.bx-html-editor {
  background: #08161b;
}
/*.feed-add-post-edit-form .bx-html-editor .bxhtmled-toolbar-cnt {
  display: none;
}*/
a.postFormAutosave.bx-core-autosave-ready,
a.postFormAutosave.bx-core-autosave-edited {
  display: none;
}
div.forum-reply-buttons input {
  background: #489f95;
  font-family: "HindSemiBold";
  color: white;
  transition: all 0.15s ease 0s;
  height: 40px;
  width: 160px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  outline: none;
  border: none;
  padding: 0;
}
div.forum-reply-buttons input:focus {
  color: white;
}
div.forum-reply-buttons input:hover {
  color: #489f95;
  background: white;
}
div.forum-reply-buttons input:active,
div.forum-reply-buttons input.ch-btn-disabled {
  color: #489f95;
  background: #bddcd9;
}
div.forum-reply-buttons input .mdi::before {
  font-size: 16px;
}
@media (max-width: 767px) {
  div.forum-reply-buttons input {
    height: 35.55555556px;
    width: 142.22222222px;
    line-height: 35.55555556px;
    font-size: 16px;
  }
}
div.forum-header-box {
  border-color: #46594c;
}
table.forum-table td,
table.forum-table th.forum-column-lastpost,
table.forum-table th.forum-column-title,
table.forum-table th.forum-first-column,
table.forum-table th.forum-last-column,
div.forum-info-box,
div.forum-reply-form {
  border-color: #46594c;
}
.bxhtmled-popup {
  background-color: #2f403e;
}
.feed-add-post-text {
  padding: 0;
}
div.forum-reply-fields input[type=text] {
  width: 100%;
  padding: 0 0 0 20px;
  line-height: 38px;
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease 0s;
  background-color: #08161b;
  border-color: #08161b;
  /*  &:required {
      background: @lt-data;
      border-color: @lt-data;
    }
    &:invalid {
      border: 1px solid @midnight-dream;
      background: @midnight-dream;
    }*/
}
div.forum-reply-fields input[type=text]::-webkit-input-placeholder {
  color: #2f403e;
}
div.forum-reply-fields input[type=text]:hover {
  background: #99a686;
  border-color: #ccd7ba;
}
div.forum-reply-fields input[type=text]:active,
div.forum-reply-fields input[type=text]:focus {
  background: #99a686;
  border-color: #46594c;
  color: white;
}
div.forum-reply-fields input[type=text]:disabled {
  border-color: #46594c;
  background: #2f403e;
}
div.forum-reply-fields input[type=text]:disabled::-webkit-input-placeholder {
  color: #46594c;
}
tbody .forum-column-topics,
tbody .forum-column-replies,
tbody .forum-lastpost-title a,
tbody .forum-column-views {
  font: 18px "HindSemiBold";
  color: white;
}
tbody .forum-lastpost-date {
  color: #ccd7ba;
}
.forum-forum-list tbody tr,
.forum-forum-list thead tr {
  border-bottom: 1px solid #46594c;
}
@media (max-width: 767px) {
  .forums-wrapper .forums-not-login {
    height: 190px;
  }
}
@media (max-width: 767px) {
  .forums-wrapper .forum-login-btn {
    padding-left: 10px;
  }
}
@media (max-width: 1199px) {
  .forums-wrapper .forum-login-btn .ch-btn {
    width: 120px;
  }
}
@media (max-width: 991px) {
  .forums-wrapper .forum-login-btn .ch-btn {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .forums-wrapper .forum-login-btn .ch-btn {
    margin-top: 20px;
    width: 120px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
  }
}