.tom-horn-side-logo {
  width: 100%;
  height: 80px;
  background-position: 3px;
  background-repeat: no-repeat;
}

.gallery-slider2 {
  position: relative;
  background-size: cover;
}

.gallery-slider2 .row {
  min-height: auto;
}

.gallery-slider2 .row .slider .slide {
  width: 100%;
  background-position: initial;
  background-size: auto;
  min-height: auto;
}

.gallery-slider2 .gallery-col {
  padding: 0;
}

.gallery-slider2 .gallery-col .slick-track {
  display: flex;
  align-items: center;
}

.gallery-slider2 .gallery-nav-col {
  background-color: rgba(0, 0, 0, 0.7);
  height: auto;
  display: flex;
  align-items: center;
}

.gallery-slider2 .gallery-nav-col .gallery-nav {
  right: 0;
  top: 0;
  width: 100%;
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide .thumb {
  margin: 10px auto;
  position: relative;
  cursor: pointer;
  max-width: 250px;
  width: auto;
  height: auto;
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide .thumb::before {
  content: "";
  border: 2px solid transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide .thumb .overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide .thumb img {
  display: block;
  margin-bottom: 0;
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide.slick-current .thumb::before {
  border-color: #ed4f8b;
}

.gallery-slider2 .gallery-nav-col .gallery-nav .slide.slick-current .thumb .overlay {
  opacity: 0;
}

.timeline .container1200 .timeline-slider .slide .row ul,
.timeline .container1200 .timeline-slider .slide .row ol {
  padding-left: 20px;
}

.timeline .container1200 .timeline-slider .slide .row ul li,
.timeline .container1200 .timeline-slider .slide .row ol li {
  color: #fff;
}

.timeline .container1200 .timeline-slider .slide .row ul li {
  list-style: disc;
  padding-left: 0;
}

.demo-modal {
  padding: 0;
}

.demo-modal .remodal-close {
  left: auto;
  right: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
}

@media only screen and (max-width: 568px) {
  .games-list form .filters-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .games-list form .filters-col label {
    margin-right: 10px;
    flex: 0 0 calc(50% - 10px);
    font-size: 10px;
    min-width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .games-list form .filters-col label:nth-of-type(even) {
    margin-right: 0;
  }

  .tom-horn-side-logo {
    height: auto;
    background-size: 69px;
    background-position: 6px -3px;
  }
}

@media only screen and (max-width: 1500px) {
  .hero .decor-anim:nth-of-type(odd) {
    display: none;
  }
}

@media only screen and (max-width: 1500px) {
  .hero .decor-anim:nth-of-type(2) {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .hero-small .container1200 .row [class^="col-"] {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .slider-text .button {
    margin: 0 auto;
    display: block;
    max-width: 200px;
  }
}

/* @media only screen and (max-width: 1368px) {
  .grid-option-2 .small {
    height: 50vh;
  }
  .grid-option-2 .big {
    height: 50vh;
  }
} */
@media only screen and (max-width: 1199px) {
  .grid-option-2 .small {
    height: 50vh;

    background-repeat: no-repeat;
  }

  .grid-option-1 .small {
    height: 50vh;
    background-repeat: no-repeat;
  }

  .grid-option-1 .big {
    height: 100vh;

    background-repeat: no-repeat;
  }

  .grid-option-2 .big {
    height: 50vh;

    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 991px) {
  .grid-option-2 .small {
    height: 55vh;

    background-repeat: no-repeat;
  }

  .grid-option-1 .small {
    height: 55vh;
    background-repeat: no-repeat;
  }

  .grid-option-1 .big {
    height: 100vh;

    background-repeat: no-repeat;
  }

  .grid-option-2 .big {
    height: 100vh;

    background-repeat: no-repeat;
  }

  .spotlight-gallery .container1200 .slider [class^="col-"] img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .grid-option-2 .small {
    height: 48vh;

    background-repeat: no-repeat;
  }

  .grid-option-1 .small {
    height: 48vh;

    background-repeat: no-repeat;
  }

  .grid-option-1 .big {
    height: 80vh;

    background-repeat: no-repeat;
  }

  .grid-option-2 .big {
    height: 25vh;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/*new filters  mobile */

@media only screen and (max-width: 767px) {



  .testimonials .row [class^="col-"] p.content {
    font-size: 18px;
  }

  .tech-slider-ver2 .container1200 .slider-col p {
    font-size: 18px;
  }

  .featured-text p {
    font-size: 18px;
    text-align: center;
  }

  .tech-slider .slider .slide .box {
    padding-left: 10px;
    padding-right: 10px;
  }
}


.blog-archive form .archive-row [class^="col-"] {
  position: relative;
}

.blog-archive form .archive-row [class^="col-"] p {
  margin-bottom: 68px;
}

.blog-archive form .archive-row [class^="col-"] .button {
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .hero-small .container1200 .social-box {
    right: 15px;
  }
}

.slick-dots>li:only-child {
  display: none;
}

.job-offers-current [class^="col-"]:not(.heading-col) .box {
  height: 100%;
  position: relative;
}

.job-offers-current [class^="col-"]:not(.heading-col) .box p {
  margin-bottom: 78px;
}

.job-offers-current [class^="col-"]:not(.heading-col) .box .buttons-wrapper {
  position: absolute;
  bottom: 0;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  header {
    top: 0;
    padding-top: 5px;
  }

  header.opened .row .menu-col {
    transition: all .2s linear .2s;
    background-color: #fff;
    margin-right: 10px;
    height: 60px;
    margin-top: -5px;
  }
}

@media only screen and (max-width: 399px) {
  header .menu {
    padding-top: 170px;
  }
}


.games-list form .select-col fieldset {
  flex: 0 0 33%;
}

@media only screen and (max-width: 991px) {
  .games-list form .select-col {
    flex-wrap: wrap;
  }

  .games-list form .select-col fieldset {
    flex: 0 0 50%;
  }

  .games-list form .select-col fieldset:last-of-type {
    flex: 0 0 100%;
    padding-left: 0;
  }
}

@media only screen and (max-height: 800px) {
  .hero .slide .container1200 .row .hero-img {
    max-width: 400px;
  }

  .hero .decoration-move {
    display: none;
  }
}

@media only screen and (max-width: 568px) {
  .hero .slide .container1200 .row .hero-img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 399px) {
  .hero .slide .container1200 .row .hero-img {
    max-width: 260px;
  }
}

@media only screen and (max-width: 767px) {
  footer .logos-row {
    justify-content: center;
  }

  footer .logos-row .col {
    flex: 0 0 25%;
  }

  footer .additional-info-row p {
    font-size: 10px;
    line-height: 15px;
  }

  .slider-text .row h3 {
    font-size: 20px;
  }

  .slider-text .row p {
    font-size: 14px;
  }
}


@media only screen and (max-width: 1199px) {
  .job-offers-current [class^="col-"]:not(.heading-col) .box p {
    margin-bottom: 120px;
  }

  .job-offers-current [class^="col-"]:not(.heading-col) .box .buttons-wrapper {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  .job-offers-current [class^="col-"]:not(.heading-col) .box p {
    margin-bottom: 150px;
  }
}

.timeline .container1200 .timeline-slider .slide .row img {
  margin-left: auto;
  margin-right: auto;
}

footer .upside-row .columns3 li {
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .partners-logos [class^="col-"] .box {
    padding: 20px;
  }
}

header .menu {
  max-width: 35%;
}

@media only screen and (max-width: 991px) {
  header .menu {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .bottom-buttons {
    transform: translateY(100%);
    transition: transform .2s linear;
  }

  .bottom-buttons.show {
    transform: translateY(0);
  }

}

@media only screen and (max-width: 599px) {
  ._hide-on-mobile {
    display: none;
  }

  footer .upside-row .col-lg-7 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .cta {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cta .container1200 .bg-box .row .col-12 {
    max-width: calc(100% - 30px);
  }

  .featured-text-images .container1200 {
    margin-bottom: 0;
  }

  .featured-text-images h4 {
    margin-bottom: 30px;
  }

  .featured-text-images .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .featured-text-images .col-md-4 {
    padding-right: 7.5px;
  }

  .featured-text-images .col-md-4:nth-of-type(2n+1) {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }

  .featured-text-images .col-md-4:last-of-type {
    padding-left: 7.5px;
    padding-right: 15px;
  }

  .featured-text-images .logo-box {
    height: 100%;
    margin-bottom: 0;
  }


  .country-slider .container1200 .slider-col .box {
    min-height: 100px;
    min-width: 100px;
    max-height: 100px;
    max-width: 100px;
    padding: 20px;
  }

  .country-slider .container1200 .slider-col .box p {
    font-size: 10px;
    line-height: 1;
  }

  .tech-slider-ver2 .container1200 .slider-col .box {
    max-width: 100px;
    max-height: 100px;
    min-width: 100px;
    min-height: 100px;
    margin-bottom: 15PX;
  }

  .tech-slider-ver2 .container1200 .slider-col p {
    font-size: 14px;
    line-height: 1.2;
  }

  .job-offers-current .heading-col {
    text-align: center;
    margin-bottom: 30px;
  }

  .job-offers .offer-col .button {
    width: 100%;
  }
}

.spotlight-gallery .container1200 .slider [class^="col-"] img {
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .partners-logos .col-6 {
    flex: 0 0 auto;
    max-width: 33.33333333333333%;
  }

  .partners-logos .col-6 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }

  .partners-logos .col-6:nth-of-type(3n) {
    padding-right: 15px;
    padding-left: 7.5px;
  }

  .partners-logos .col-6:nth-of-type(3n+1) {
    padding-right: 7.5px;
    padding-left: 15px;
  }

  .partners-logos [class^="col-"] .box {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .spotlight-gallery .container1200 .slider [class^="col-"] {
    margin-bottom: 15px;
  }

  .spotlight-gallery .container1200 .slider [class^="col-"]:nth-of-type(even) {
    padding-left: 7.5px;
  }

  .spotlight-gallery .container1200 .slider [class^="col-"]:nth-of-type(odd) {
    padding-right: 7.5px;
  }
}

@media only screen and (max-width: 568px) {
  .job-offers-current [class^="col-"]:not(.heading-col) .box {
    padding: 20px;
  }

  .job-offers-current [class^="col-"]:not(.heading-col) .box .button {
    margin-right: 5px;
    min-width: 150px;
  }

  .job-offers-current [class^="col-"]:not(.heading-col) .box .button:last-of-type {
    margin-right: 0;
  }
}

/* new header */

header .menu {
  padding-top: calc(50px + 7.812500000000002vw);
  padding-left: 115px;
  padding-right: 115px;
  text-align: left;
  top: 0;
  max-width: 600px;
  border-left: 2px solid #ffa700;
}

header .menu .menu-box ul li a.active {
  color: #ed4f8b;
}

header .menu .menu-box ul li a.active::after {
  left: -10px;
}

header .menu .social-box {

  text-align: center;
}

header .menu .social-box ul li:first-of-type {
  padding-left: 0;
}

header .menu .menu-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

header .menu .menu-box ul li {
  padding-left: 0;
}

header .menu .menu-box .column {
  flex: 0 0 100%;
  text-align: left;
}

header .menu .menu-box ul li ul li {
  padding-left: 5px;
  padding-right: 5px;
}

header .menu .menu-box ul li a {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
  font-weight: 900;
}

header .menu .menu-box ul li ul li a {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

header .menu .featured-games-box {
  margin-bottom: 30px;
  display: none;
}

header .menu .featured-games-box .title {
  font-family: "montMed";
  color: #000;
  position: relative;
  transition: color .2s linear;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
}

header .menu .featured-games-box .title:hover {
  color: #ffa700;
}

header .menu .featured-games-box .photo-link {
  overflow: hidden;
  display: block;
}

header .menu .featured-games-box .photo-link img {
  display: block;
  transform: scale(1);
  transition: all .2s linear;
  border: 2px solid #ed4f8b;
}

header .menu .featured-games-box .photo-link:hover img {
  transform: scale(1.05);
}

header {
  top: 0;
}

header .row .menu-col {
  max-width: 500px;
  transition: all .3s linear;
  position: relative;
}

header .row .menu-col .button,
header .row .menu-col .open-menu {
  z-index: 3;
}

header .row .menu-col::after {
  content: '';
  max-width: 400px;
  width: 100%;
  height: 100px;
  background-color: #fff;
  position: absolute;
  right: -30px;
  transform: translateX(110%);
  transition: transform .2s linear;
}


.menu .dec-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  z-index: -1;
}

.menu .dec-top {
  top: 50px;
  left: 10%;
  position: absolute;
}

.menu .dec-bottom {
  position: absolute;
  bottom: 15%;
  right: 40px;
}

header.opened .row .menu-col:after {
  transform: translateX(0%);
}

@media only screen and (max-width: 1360px) {
  header .menu {
    padding-left: 55px;
    padding-right: 55px;
  }
}

@media only screen and (max-width: 991px) {
  header .menu {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 150px;
  }

  .menu .dec-top {
    display: none;
  }
}

@media only screen and (max-width: 568px) {
  header .row .logo-col svg {
    width: 200px;
  }

  header .menu {
    padding-left: 80PX;
    padding-right: 80px;
  }

  header .row {
    position: relative;
  }

  header .row:after {
    content: '';
    width: 100%;
    height: 100px;
    background-color: #fff;
    position: absolute;
    right: 0;
    transform: translateX(110%);
    transition: transform .2s linear;
  }

  header.opened .row:after {
    transform: translateX(0%);
  }
}

header .logo-col a {
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 399px) {
  .menu .dec-left {
    width: 100px;
  }
}

@media only screen and (max-width: 374px) {
  header .menu {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  header.opened .row .menu-col {
    margin-top: 0;
    margin-right: 0;
    height: auto;
  }

}

@media only screen and (max-width: 991px) {
  header .menu {
    max-width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .hero .slide .container1200 .row {
    padding-top: 90px;
    padding-bottom: 70px;
    height: 100vh !important;
    align-items: flex-end;
  }

  .hero .slide .container1200 .row .col-lg-6:first-of-type {
    order: 2;
  }

  .hero .slide .container1200 .row .col-lg-6:last-of-type {
    order: 1;
  }
}

.team .container1200 [class^="col-"] .member-box {
  cursor: pointer;
}

.team .container1200 [class^="col-"] .member-box .member-photo .info-box {
  top: auto;
  bottom: 0;
  height: auto;
  transform: translateY(100%);
  padding: 15px 0;
}

.team .container1200 [class^="col-"] .member-box:hover .member-photo .info-box {
  transform: translateY(0%);
}


.slick-dots {
  display: block !important;
}

.slick-dots li {
  width: 15px !important;
  height: 15px !important;
  background-color: transparent !important;
  border: 1px solid #ffa700;
  transform: rotate(45deg);
  opacity: 1 !important;
  margin: 0 10px !important;
  padding: 0 !important;
}

.slick-dots li.slick-active {
  background-color: #ffa700 !important;
}

.slick-dots li button {
  background-color: transparent !important;
}

footer .additional-info-row p {
  text-align: justify;
}

@media only screen and (max-width: 399px) {
  .hero .slide .container1200 .row [class^="col-"]:last-of-type {
    display: block;
  }
}

@media only screen and (max-width: 380px) {
  .hero .slide .container1200 .row [class^="col-"]:last-of-type {
    display: block;
  }
}

header .menu .menu-box .column ul {
  margin-bottom: 0;
}

@media only screen and (max-width: 1450px) {
  .menu .dec-left {
    max-width: 120px;
  }
}

@media only screen and (max-width: 568px) {
  .hero {
    min-height: 90vh;
  }

  .hero .slide .container1200 .row {
    height: 90vh !important;
    min-height: 90vh;
  }
}


@media not all and (min-resolution:.001dpcm) {
  @media only screen and (max-width: 568px) {
    .hero {
      min-height: 90vh;
    }

    .hero .slide .container1200 .row {
      height: 90vh !important;
      min-height: 90vh;
    }
  }
}


@media only screen and (max-width: 767px) {

  .grid-option-1 .small,
  .grid-option-2 .small,
  .grid-option-2 .big,
  .grid-option-1 .big {
    width: auto;
    margin: 7.5px 15px;
  }

  .hero+[class^='grid-option-'] {
    margin-top: 7.5px;
  }

  .grid-option-1 [class^='col-'] .small .title-box,
  .grid-option-2 [class^='col-'] .small .title-box,
  .grid-option-2 [class^='col-'] .big .title-box,
  .grid-option-1 [class^='col-'] .big .title-box {
    transform: translateY(0);
    min-height: auto;
  }

  .grid-option-1 [class^='col-'] .small .title-box p:not(.title),
  .grid-option-2 [class^='col-'] .small .title-box p:not(.title),
  .grid-option-2 [class^='col-'] .big .title-box p:not(.title),
  .grid-option-1 [class^='col-'] .big .title-box p:not(.title) {
    display: none;
  }
}

@keyframes toDown {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.hero .row h4 {
  opacity: 0;
  animation-name: toDown;
  animation-delay: 1000ms;
  animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.hero .row h1 {
  opacity: 0;
  animation-name: toDown;
  animation-delay: 1500ms;
  animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.hero .row p,
.hero .row .button,
.hero .row .hero-img {
  opacity: 0;
  animation-name: toDown;
  animation-delay: 1800ms;
  animation-duration: 800ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.hero .row h4,
.hero .row h1,
.hero .row .button,
.hero .row p,
.hero .row .hero-img,
.hero .row {
  opacity: 0;
}

.hero .row.anim {
  opacity: 1;
}

.side-menu .menu-box ul li a:hover {
  color: #FD83CF;
}

.side-menu .menu-box ul li a:hover .dots,.side-menu .menu-box ul li a:hover .list,.side-menu .menu-box ul li a:hover .medal,.side-menu .menu-box ul li a:hover .tool {
  fill: #FD83CF;
}

.side-menu .menu-box ul li a:hover .cube,.side-menu .menu-box ul li a:hover .list,.side-menu .menu-box ul li a:hover .medal,.side-menu .menu-box ul li a:hover .sett {
  stroke: #FD83CF;
}

.side-menu .menu-box ul li a.active {
  color: #FD83CF;
}

.side-menu .menu-box ul li a.active .dots,.side-menu .menu-box ul li a.active .list,.side-menu .menu-box ul li a.active .medal,.side-menu .menu-box ul li a.active .tool {
  fill: #FD83CF;
}

.side-menu .menu-box ul li a.active .cube,.side-menu .menu-box ul li a.active .list,.side-menu .menu-box ul li a.active .medal,.side-menu .menu-box ul li a.active .sett {
  stroke: #FD83CF;
}

.game-data-extend .heading-row .col-12 .border,
.gaming-assets .heading-row .col-12 .border,
.game-data .heading-row .col-12 .border,
.heading-border .border {
  border-bottom: 2px solid #A9224D;
}

.button.fill.pink {
  border-color: #B62D64;
  background-color: #B62D64;
}

.game-data-extend .slick-dots li {
  width: 15px !important;
  height: 15px !important;
  background-color: transparent !important;
  border: 1px solid #FD83CF;
  transform: rotate(45deg);
  opacity: 1 !important;
  margin: 0 10px !important;
  padding: 0 !important;
}

.game-data-extend .slick-dots li.slick-active {
  background-color: #FD83CF !important;
}

.game-data-extend .slick-dots li{
  border: 1px solid #FD83CF;
}

.game-data-extend .docs-row .box:hover svg {
  fill: #FD83CF;
}

.game-data-extend .docs-row .box:hover p {
  color: #FD83CF;
}