/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

figcaption {
	color: white;
}

.wpcf7 form .wpcf7-response-output{
  color: red;
}
html {
  scroll-behavior: smooth;
}
body{
  background-color: #000;
  font-family: "Jost", Sans-serif;
}

.btn.btn-primary {
	color: white;
	background: var(--e-global-color-primary);
	border: var(--e-global-color-primary);
}

header.page-header .entry-title {
  font-size: 45px;
  font-weight: 900;
  /*font-family: Jost;*/
  margin: 35px auto 0;
  text-align: center;
  color: #fff;
}
.otgs-development-site-front-end{
  display: none;
}
.banner_home{
  position: relative;
  overflow: hidden;
}
.banner_home_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: red;
  z-index: 1;
  animation: banner_home_bg 3s 1s forwards;
}
@keyframes banner_home_bg {
    100% {
        transform: translateX(110%);
    }
}

#content .banner_home_heading .banner_home_heading_top .elementor-heading-title{
    /*font-family: Yeseva;*/
}
.banner_home_heading {
  /*opacity: 0.8;*/
}
.banner_home_heading_bottom {
  /*animation: banner_home_heading_bottom 1s 3s forwards;*/
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  z-index: 9;
}
/*
@keyframes banner_home_heading_bottom {
    100% {
        opacity: 1;
    }
}
.banner_home_text, .banner_home_text_date {
  animation: banner_home_subtitle_2 1s 3.5s forwards;
  opacity: 0;
}
@keyframes banner_home_subtitle_1 {
    100% {
        opacity: 1;
    }
}

@keyframes banner_home_subtitle_2 {
    100% {
        opacity: 1;
    }
}*/
.banner_animation{
    overflow: hidden;
    animation-name: banner;
    animation-duration: 13s;
    animation-delay: 10s;
}
.animation_img {
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
@keyframes banner {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}
.animation_img img {
  opacity: 1;
  animation-name: banner_img_1;
  animation-duration: 5.2s;
  animation-delay: 1s;
}
@keyframes banner_img_1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}


#content .animated.animated-slow {
  animation-duration: 4s;
}
.hb svg{
  max-height: 110px;
}
.elementor-widget-hotspot .e-hotspot__label{
  opacity:0;
}

/*--cf--*/

#cf.cfjo .wpcf7-form p {
  text-indent: 0;
}
#cf.cfjo input, #cf.cfjo textarea {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  font-size: 21px;
  border: 1px solid rgba(0, 0, 0, 0);
}
#cf.cfjo .story_form_input {
  padding: 14px 35px;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);
}
#cf.cfjo .story_form_textarea {
  padding: 14px 35px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);
  height: 130px;
}
#cf.cfjo .wpcf7-form .button {
  padding: 14px 35px;
  margin-top: 15px;
  font-size: 18px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: none;
  color: #eee;
  cursor: pointer;
  transition: 1000ms;
  font-weight: 700;
  border-radius: 0;
}
#cf.cfjo .wpcf7-form .button:hover {
  background-color: #eee;
  color: #000;
}
.form-group .wpv-reset-trigger {
  position: absolute;
  right: 0;
  border: 0;
  font-size: 30px;
  padding: 2px 30px;
  background: none !important;
  color: #000;
  top: 0;
}

/*--MAPS--*/
.page-id-16 .page-content .elementor-16{
  position: relative;
  overflow: hidden;
}
.map_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 111;
    /* height: 500px; */
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: map_bg 6s 1s forwards;
}

.map_bg p {
    font-size: 180px;
    font-family: Yasheva;
    font-weight: 900;
    text-align: center;
    line-height: 0.8;
    color: var(--red);
    opacity: 0.7;
}

@keyframes map_bg {
    100% {
        transform: translateY(110%);
    }
}
.map_content > .e-con-inner{
    width: 950px;
    position: relative;
    min-height: 100vh;
}
.map_content > .e-con-inner > .map_item{
    position: initial;
}
.map_item .elementor-heading-title{
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    cursor: pointer;
    /*font-family: "Alumni Sans", Sans-serif;*/
    font-size: 24px;
    font-weight: 600;
}              

.map_east .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-2.png);
    width: 605px;
    height: 463px;
    top: 68px;
    right: 46px;
    z-index: 4;
    color: white;
    
}
.map_east .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-2.png);
}

 
.map_center .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-1.png);
    width: 400px;
    height: 513px;
    top: 109px;
    left: 63px;
    z-index: 5;
}
.map_center .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-1.png);
}


.map_kavkaz .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-6.png);
    width: 65px;
    height: 120px;
    top: 361px;
    left: 48px;
    z-index: 7;
} 
.map_kavkaz .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-6.png);
}

.map_baltika .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-7.png);
    width: 77px;
    height: 57px;
    top: 169.5px;
    left: 95px;
    z-index: 9;
} 
.map_baltika .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-7.png);
}

.map_blr .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-5.png);
    width: 72px;
    height: 62px;
    top: 196px;
    left: 76px;
    z-index: 8;
} 
.map_blr .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-5.png);
}

.map_ukr .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-4.png);
    width: 99px;
    height: 124px;
    top: 211px;
    left: 26.5px;
    z-index: 8;
} 
.map_ukr .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-4.png);
}

.map_poland .elementor-heading-title{
    background-image: url(/wp-content/uploads/2025/07/map-3.png);
    width: 45px;
    height: 50px;
    top: 170px;
    left: 48px;
    z-index: 10;
} 
.map_poland .elementor-heading-title:hover {
    background-image: url(/wp-content/uploads/2025/07/map-hover-3.png);
}



.map_item .elementor-heading-title a{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.map_item .elementor-heading-title a span{
    text-transform: uppercase;
    color:white;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: 1500ms;
    transform: scale(0.1);
    font-size: 26px;
    font-weight: 600;
    width: 260px;
}
.map_item .elementor-heading-title a span{
    
}
.map_item:hover .elementor-heading-title a span{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.map_east .elementor-heading-title a span{
    top: 210px;
    left: 120px;
}
.map_center .elementor-heading-title a span{
    top: 135px;
    left: 100px;
}
.map_ukr .elementor-heading-title a span{
    top: 50px;
    left: 53px;
}
.map_blr .elementor-heading-title a span{
  top: 25px;
  left: 40px;
}
.map_baltika .elementor-heading-titlea {
    top: -25px;
    left: 30px;
}
.map_poland .elementor-heading-title a span{
    top: -35px;
    left: 10px;
}
.map_kavkaz .elementor-heading-title a span{
  top: 0;
  left: 25px;
}

#sfmly{
    filter: contrast(1.4);
}

.elementor-20 .elementor-element.elementor-element-330df0c .elementor-heading-title,
.elementor-389 .elementor-element.elementor-element-f05c28a .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-fbd8309 .elementor-heading-title{
    font-family: Yasheva;
}

p iframe {
    max-width: 100%;
}
.gm-style-iw-d {
  font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
  font-weight: var( --e-global-typography-secondary-font-weight );
  font-size: 16px;
  text-align: center;
  padding: 15px;
}

@media (max-width: 1600px){
    #nav_menu_jo nav ul li a{margin: 0;}
}
@media (max-width: 1366px){
    #nav_menu_jo nav ul li a {font-size: 14px;padding-inline: 13px;}
}
@media (max-width: 1200px){
    #nav_menu_jo nav ul{margin-right: 0;}
}
@media (max-width: 1000px){
    .map_bg{display: none;}
    #cf.cfjo .story_form_input{padding: 12px 35px;margin-bottom: 11px;}
    #content .elementor-widget-hotspot {position: relative;left: auto;right: auto;top: auto;bottom: auto;}
    #content .elementor-widget-hotspot .e-hotspot__button {position: absolute;right: 0;left: 0;top: 0;bottom: 0;}
    #content .elementor-widget-hotspot .e-hotspot__tooltip {position: relative;left: auto;right: auto;top: auto;bottom: auto;transform: none;opacity: 1;padding: 15px;font-size: 14px;}
    #content .elementor-widget-hotspot .e-hotspot{transform: none !important;}
    #content .elementor-widget-hotspot > .elementor-widget-container{width: 100%;display: flex;align-items: center;}
    #content .elementor-widget-hotspot > .elementor-widget-container > img{width: 40px;height: auto;margin: 0 -17px 0 0;z-index: 2;opacity: 0.8;}
    #content .elementor-widget-hotspot .e-hotspot {transform: none !important;position: relative;left: auto;right: auto;top: auto;bottom: auto;}
    
.map_item .elementor-heading-title {
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  position: relative;
  font-size: 20px;
  padding: 15px 0;
  background: none !important;
  border-bottom: 1px solid var( --e-global-color-primary );
}
    .map_east.map_item .elementor-heading-title{border:0;}
    .map_item .elementor-heading-title a,
    .map_item .elementor-heading-title a span{position: relative;visibility: visible;opacity: 1;width: auto !important;left: auto !important;top: auto !important;font-size: 14px;}
    .map_content > .e-con-inner{min-height: 1px;width: 100%;}
    .place_menu{display: none;}
}



/*--mestechki--*/

.slick-lightbox{
  z-index: 999999 !important;
}
.place_menu {
  position: fixed;
  left: 0;
  top: 280px;
  background-color: var( --e-global-color-primary );
  z-index: 999;
  animation: place_menu 1.5s forwards 10s;
  transform: translateX(-400px);
  list-style: none;
  padding: 0;
}
@keyframes place_menu {
    100% {
        transform: translateX(0);
    }
}
.page-content .place_menu_item {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
	color: white;
}
.page-content .place_menu_item a {
  display: block;
  padding: 5px 25px;
  color: #fff;
  text-decoration: none;
}
.page-content .place_menu_item.active {
  background-color: black;
}


header.page-header{
  display:none;
}
#content{
  max-width: 100%;
}
.jo_container{
  max-width: 1200px;
  width: 100%;
}
.place_banner {
    position: relative;
    height: calc(100vh - 66px);
    overflow: hidden;
    z-index: 55;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: place_banner;
    animation-duration: 3s;
}
.banner_animation {
  overflow: hidden;
  animation-name: banner;
  animation-duration: 13s;
  animation-delay: 10s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.animation_img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}
.banner_animation img:nth-child(1) {
  opacity: 1;
  animation-name: banner_img_1;
  animation-duration: 5.2s;
  animation-delay: 3s;
}
.banner_animation img:nth-child(2) {
  filter: grayscale(1);
  opacity: 0;
  animation-name: banner_img_2;
  animation-duration: 8s;
  animation-delay: 3s;
  transform: scale(1.4) translateX(-170px);
}
.banner_animation img:nth-child(3) {
  opacity: 0;
  animation-name: banner_img_3;
  animation-duration: 55555s;
  animation-delay: 8s;
  animation-fill-mode: forwards;
  position: absolute;
}
.banner_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
  animation: banner_bg 0.5s forwards 10s;
  opacity: 0;
  visibility: hidden;
}
@keyframes place_banner {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }

}
@keyframes banner {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}
@keyframes banner_img_1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes banner_img_2 {
    0% {
        transform: scale(1.4) translateX(-170px);
        opacity: 0;
    }
    50% {
        transform: scale(1) translateX(0);
        opacity: 1;
        filter: grayscale(1);
    }
    55% {
        filter: grayscale(0);
        opacity: 0.8;
    }
    100% {
        transform: scale(2) translateX(-80px) translateY(-80px);
        opacity: 0;
        filter: grayscale(0);
    }
}
@keyframes banner_img_3 {
    100% {
        opacity: 1;
        visibility: visible;
    }
}

.place_banner_info {
  position: relative;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.place_banner_info > .jo_container{
  height: 100%;
}
.place_banner_info > .jo_container > div{
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 6vh 0;
}
.place_banner_header {
  margin: 0;
  text-align: center;
  color: var( --e-global-color-primary );
  font-weight: 900;
  font-size: 69px;
  text-transform: uppercase;
  animation: banner_heading 2s forwards 10s;
  transform: translateX(-2000px);
}

@keyframes banner_heading {
    100% {
        transform: translateX(0);
    }
}

.place_banner_text {
  text-indent: 0;
  text-align: left;
  margin: 0 0 0 60px;
  font-size: 22px;
	line-height: 1.3;
  color: white;
  animation: banner_text 2s forwards 10.5s;
  transform: scale(0);
}

@keyframes banner_text {
    100% {
        transform: scale(1);
    }
}
#events{
  position: relative;
  /*z-index: 99999;*/
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #000;
	
	
	opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: evnt;
    animation-duration: 2.5s;
}
@keyframes evnt {
    100% {
        opacity: 1;
    }
}
#events .jo_container {
  display: flex;
  flex-wrap: wrap;
  /*height: 100%;*/
  padding: 6vh 0;
}
#events .place_events_white {
  width: 50%;
  padding: 40px;
  background: #fff;
  max-height: 95vh;
  overflow-y: auto;
  text-align: justify;
  font-size: 16px;
  line-height: 1.3;
}
#events .place_events_slide {
  width: 50%;
  padding: 0 10px 0 40px;
}
#events .place_events_slide .slick-slide img{
  height: 360px;
  object-fit: contain;
  min-width: 550px;
  cursor: grab;
}


/* victims */

.place_victims {
    height: 100vh;
    position: relative;
    background-color: #000;
    padding-top: 100px;
    padding-bottom: 100px;
}

.place_victims_ad {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 1);
}

.place_victims_ad img {
  width: auto;
  max-height: 100%;
}

.place_victims.active .place_victims_ad {
    animation: place_victims_ad 10s forwards, place_victims_ad_plus 20s forwards;
}

@keyframes place_victims_ad {
    50% {
        opacity: 0.75;
    }
    
    100% {
        opacity: 0;
    }
}
@keyframes place_victims_ad_plus {
    0% {
        z-index: 1;
    }
    
    100% {
        z-index: -1;
    }
}

.place_victims_black {   
    background-size: cover;
    color: #eee;
    background-position: center;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 60px 70px;
    height: 100%;
    background-blend-mode: multiply;
    background-color: rgba(0,0,0,0.5);
}
.place_victims h2 {
  font-family: Jost;
  font-weight: 900;
  color: #F50006;
  font-size: 100px;
  margin: 0;
  text-align: center;
  padding-right: 100px;
}
.place_victims_subtitle {
  font-weight: normal;
  margin: 25px 0;
}
.place_victims_subtitle a {
	color: rgb(32,158,254);
}

.pop_up_victim a {
	color: white;
}

.victims_item a {
	color: white;
	text-decoration: none;
}

#killers{
  padding: 50px 0 0;
  opacity: 0;
  min-height: 100vh;
}
#killers.active{
  animation: place_killers 4s forwards;
}
#killers .jo_container{
  margin: auto;
}
#killers .jo_container > h2 {
  font-size: 46px;
  margin: 0 0 40px;
  text-align: center;
  color: white;
  font-weight: 900;
}
@keyframes place_killers {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }
    
    100% {
        opacity: 1;
      transform: scale(1);
    }
}

@media (max-width: 1680px){
  .page-content .place_menu_item {font-size: 16px;}
  .page-content .place_menu_item a{padding: 5px 15px;}
}
@media (min-width: 1001px){
	.mbhide{display:none !important}
}
@media (max-width: 1000px){
  .pchide{display:none !important}
  .place_victims_ad{align-items: flex-start;}
  .place_victims_black{padding: 20px;min-height: 100vh;}
  .place_victims h2{font-size: 50px;padding-right: 0;}
  .place_victims{padding-top: 0;padding-bottom: 0;height: auto;}
  .place_killers_first{flex-wrap: wrap;margin-bottom: 0;padding: 20px;}
  .killers_box{margin: 0 20px !important;width: 100% !important; max-width: 300px;}
  .killers_text{padding: 20px !important;width: 100% !important;}
  
  #content {padding: 0;}
  .place_banner {height: auto;min-height: 90vh;display: flex;align-items: center;}
  .place_banner_header{font-size: 30px;}
  #events{height: auto;}
  .place_banner_text{font-size: 20px;margin: 15px;}
  
  #events .place_events_white, #events .place_events_slide{width: 100%;padding: 20px;}
  #events .place_events_slide img.slick-slide {height: 260px; min-width: 1px;}
  
 
  .victims_items{padding: 15px !important;}
  .victims_item{width: 100% !important;}
  .pop_up_victim{min-width: 100px !important;}
  #events .jo_container{padding: 0;}
}

/*---killers---*/

#killers .place_blocks {
  display: flex;
  flex-direction: column;
}
.place_killers_first {
  display: inline-flex;
  margin-left: auto;
  margin-bottom: 100px;
  align-items: flex-start;
}
.killers_box {
  margin-right: 55px;
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #710a0a;
  min-height: 300px;
}
/*.place_killers.active .killers_box img{
  transform: scale(0.3);
  animation: killers_img 5s 1.5s forwards;
}
@keyframes killers_img {
    100% {
        transform: scale(1);
    }
}*/
/*
.killers_box > h3 {
  font-size: 30px;
  font-family: Jost;
  font-weight: 900;
  color: black;
  margin: 0;
  padding: 10px 0;
}
*/
.killers_box > h3 {
  font-size: 32px;
  font-weight: 900;
  color: black;
  margin: 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background-color: #710a0a;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #710a0a;
}
.killers_box > img + h3 {
  color: #fff;
  background: #000;
  width: 100%;
  text-align: center;
  display: block;
  height: auto;
}
.killers_text{
  width: 70%;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
}

.page-content a {
	color: var(--e-global-color-primary);
}

@media (max-width: 1000px){
  .banner_animation img:nth-child(2){transform: scale(1.4) translateX(0);}
	
	@keyframes banner_img_2 {
		0% {
			transform: scale(1.4) translateX(-50px);
			opacity: 0;
		}
		50% {
			transform: scale(1) translateX(0);
			opacity: 1;
			filter: grayscale(1);
		}
		55% {
			filter: grayscale(0);
			opacity: 0.8;
		}
		100% {
			transform: scale(2) translateX(-80px) translateY(-80px);
			opacity: 0;
			filter: grayscale(0);
		}
	}
	
	
}


@media (min-width: 768px) and (max-width: 1600px) {
	body.single-mestechki .jo_container, .place_victims_black {
		max-width: 100%;
		width: 100%;
		padding-left: 180px !important;
		padding-right: 15px !important;
	}
}

#af-wrapper .uploaded-file {
	display: inline-block;
}

#af-wrapper .uploaded-files-title {
	display: none !important;
}