/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* Глобальные переменные */

:root {
  /* размеры */

  --max-data-width: 1880px;
  --wrap-data-padding: 0 2rem;
  --base-font-size: 20px;

  /* цвета */

  --dark-blue-color: #062077;
  --dark-red-color: #a41010;
  
  --blue-color: blue;
  --red-color: red;
  --olive-color: #797b52;

  --white-color: #fff;
  --black-color: #000;
  --dark-color: #333;
  
  --light-olive-color: #eeefe9; 
  --thin-olive-color: #f6f8f3;

  --gray-color: #9b9b9b;
  --dark-gray-color: #797979;
  --middle-gray-color: #a8a8a8;
  --light-gray-color: #ddd;
  --thin-gray-color: #f0f0f0;
  --super-thin-gray-color: #f6f7fb;

  --thin-gray-op-color: rgba(64, 64, 64, 0.05);

  /* фоны */

  --black-bg-95: rgba(0, 0, 0, 0.95);
  --black-bg-90: rgba(0, 0, 0, 0.9);
  --black-bg-85: rgba(0, 0, 0, 0.85);
  --black-bg-75: rgba(0, 0, 0, 0.75);
  --black-bg-50: rgba(0, 0, 0, 0.5);
  --black-bg-40: rgba(0, 0, 0, 0.4);
  --black-bg-25: rgba(0, 0, 0, 0.25);
  --black-bg-15: rgba(0, 0, 0, 0.15);

  --blue-bg-97: rgba(6, 32, 119, 0.97);
  --blue-bg-90: rgba(6, 32, 119, 0.9);
  --blue-bg-75: rgba(6, 32, 119, 0.75);
  --blue-bg-50: rgba(6, 32, 119, 0.5);
  --blue-bg-25: rgba(6, 32, 119, 0.25);
  --blue-bg-20: rgba(6, 32, 119, 0.2);
  --blue-bg-05: rgba(6, 32, 119, 0.05);
  
  --black-bg-gradient: linear-gradient(to bottom, rgba(0,0,0,0.45) 5%, transparent);  
  --black-bottom-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.5) 5%, transparent);  
  --black-totop-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.6) 5%, transparent);  
  --super-thin-bg-gradient: linear-gradient(to top, rgba(244,240,234,1) 5%, transparent);  
  --black-menu-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.05) 99%);  

  --dark-blue-red-gradient: linear-gradient(to right, rgba(6,32,119,1) 10%, rgba(164,16,16,1) 100%);  

  /* --black-menu-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.75) 80%, rgba(0,0,0,0.15) 99%);  */ 

  --white-bg-75: rgba(255, 255, 255, 0.75);
  --white-bg-60: rgba(255, 255, 255, 0.6);
  --white-bg-50: rgba(255, 255, 255, 0.5);
  --white-bg-25: rgba(255, 255, 255, 0.25);
  --white-bg-20: rgba(255, 255, 255, 0.2);
  --white-bg-15: rgba(255, 255, 255, 0.15);
  --white-bg-10: rgba(255, 255, 255, 0.1);

  /* --mob-phone-bg : url("../graph/icon-mob-phone.png") center center no-repeat;  */

  /* размеры фонов */

  --bg-full-height: auto 100%;
  --bg-full-width: 100% auto;

  --bg-height-30: auto 30%;
  --bg-height-40: auto 40%;
  --bg-height-50: auto 50%;
  --bg-height-60: auto 60%;
  --bg-height-75: auto 75%;
  --bg-height-80: auto 80%;
  --bg-height-90: auto 90%;
  --bg-height-95: auto 95%;


  /* иконки */
  --address-icon : url("../graph/icon-address.png") left center no-repeat; 
  --address-w-icon : url("../graph/icon-w-address.png") left center no-repeat; 
  --scroll-arrow-icon : url(../graph/icon-scroll-arrow.png) center center no-repeat;  
  --close-icon : url(../graph/icon-close.svg) center center no-repeat;  
 
  --vk-icon-bg : url("../graph/icon-vk.png") center center no-repeat; 
  --tg-icon-bg : url("../graph/icon-tg.png") center center no-repeat; 
  --yt-icon-bg : url("../graph/icon-yt.png") center center no-repeat; 

  --blue-arrow-icon : url("../graph/icon-blue-arrow.png") center center no-repeat; 
  --black-arrow-icon : url("../graph/icon-black-arrow.png") center center no-repeat; 
  --white-arrow-icon : url("../graph/icon-white-arrow.png") center center no-repeat; 
 
  --mob-menu-icon : url("../graph/icon-mob-menu.svg") center center no-repeat; 
  --mob-menu-phone : url("../graph/icon-mob-phone.svg") center center no-repeat; 
  --mob-l-menu-phone : url("../graph/icon-mob-phone.svg") left center no-repeat; 


  /* логотип */
  --logo: url(../graph/svik-logo.png) center center no-repeat;
  --logo-w: url(../graph/svik-logo-w.png) left center no-repeat;
  
}

/* Сетка */
.flex-columns {position: relative; width:100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-columns.top-align {align-items:stretch;}
.flex-columns.end-align {align-items:end;}

.flex-columns.content-left {justify-content: flex-start;}
.flex-columns.content-right {justify-content: flex-end;}
.flex-columns.content-center {justify-content: center;}
.flex-columns.content-between {justify-content: space-between;}
.flex-columns.content-around {justify-content: space-around;}

.col-1, .col-1x1 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-1x2 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-1x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.col-2x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}

.col-1x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-3x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-1x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-2x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.col-3x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.col-4x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

.col-1x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.col-5x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}

.col-1x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 14.25%; flex: 0 0 14.25%; max-width: 14.25%;}
.col-2x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%;}
.col-3x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 42.85%; flex: 0 0 42.85%; max-width: 42.85%;}
.col-4x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 57.15%; flex: 0 0 57.15%; max-width: 57.15%;}
.col-5x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 71.5%; flex: 0 0 71.5%; max-width: 71.5%;}
.col-6x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 85.75%; flex: 0 0 85.75%; max-width: 85.75%;}


.col-1x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.col-3x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.col-5x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.col-7x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}

.col-1x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-11x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666%; flex: 0 0 91.66666%; max-width: 91.66666%;}


/* Тэги */
html {min-height:100%; margin:0; padding:0; font-size: var(--base-font-size);}
body {position:relative; margin:0; padding:0; text-align:center; font-family: 'Raleway', sans-serif; font-weight:300;  font-size:1rem; color: var(--black-color); -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both}
body.fix { overflow:hidden;height: 100vh; }

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; cursor: pointer; color:var(--dark-blue-color); opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
a:hover { opacity:1 !important; color:var(--dark-blue-color); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
b {font-weight:500;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300; color:var(--brown-color); }
h1 {font-size:3.25rem; }
h2 {font-size:2.75rem;  }
h3 {font-size:2rem; line-height:1.1; }
h4 {font-size:1.5rem; line-height:1.1; }

iframe { border-width: 0px; }

input[type="text"], input[type="number"], input[type="password"], textarea, select {border:solid 1px var(--white-color); outline: 0 !important; font-family: 'Raleway', sans-serif;}

input[type="text"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="text"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
textarea::-webkit-input-placeholder {color: var (--light-gray-color);}
textarea::-moz-placeholder {color: var (--light-gray-color);}

/* input[type="text"].errorinput { border:solid 1px var(--red-color) !important; } */
div.erroritem { border:solid 1px var(--red-color) !important; }
input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color);}
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color);}
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color);}
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: var(--red-color);}


/* Секции */
.wrapper {position:relative; width:100%;  padding:0;  margin:0; text-align:center; }
    .wrapper .wrap {position: relative; display:block; max-width:var(--max-data-width); margin:auto; padding: var(--wrap-data-padding); }


/* Шапка */

.wr-top-data { position: relative; margin:1rem 0; }

  .wr-top-data .top-left { position: relative; padding-left:12rem; padding-bottom:2rem;  text-align:left; }
    .wr-top-data .top-left::before { content:''; position: absolute; display:inline-block; left:0; right:0; bottom:2rem; width:100%; height:5.5rem; background-color:var(--dark-blue-color); z-index: 4;}

    .wr-top-data .mob-top-links { display: none; }

    .wr-top-data .logo { position: absolute; left:0; width:12rem; overflow: hidden;  z-index:6; }
      .wr-top-data .logo a { position:relative; display: inline-block; width:100%; height:0; margin-top:-0.5rem; margin-left:-0.9rem; padding-top:100%; background:var(--logo); background-size: var(--bg-height-80); background-color: var(--white-color);  border-radius: 50%; }

    .wr-top-data .main-menu { position: relative; }
      .wr-top-data .main-menu ul { padding:0; padding-top:0.5rem; margin:0.5rem 0; list-style: none;}
        .wr-top-data .main-menu ul li  { position:relative; display:inline-block;  padding:0; margin:0; }
          .wr-top-data .main-menu ul li a { display:inline-block; padding:0.5rem 0.65rem; font-size: 0.95rem; font-weight:500; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; 	transition: all 0s ease; }
            .wr-top-data .main-menu ul li:hover a { color:var(--dark-blue-color); background-color: var(--thin-olive-color); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; 	transition: all 0s ease; }

        .wr-top-data .main-menu ul li ul  { position:absolute; display: none; top:calc(100% - 0.5rem); left:0; min-width:calc(100% - 1.3rem); padding:0.4rem 0.65rem; padding-bottom:0.75rem; background-color: var(--thin-olive-color); z-index:7; }
          .wr-top-data .main-menu ul li:hover ul {display: inline-block;}
          .wr-top-data .main-menu ul li ul li { position: relative; display: block; }
            .wr-top-data .main-menu ul li ul li a { display:inline-block; padding:0.3rem 0; font-size: 0.8rem; }


    .wr-top-data .top-left h4  {position: relative; display: flex; height: 5.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; z-index: 5; }
      .wr-top-data .top-left h4 a { display:inline-block; margin-left:0.65rem; font-size:0.9rem;  line-height:1.5; font-weight:400; font-family: 'Montserrat', 'Sans Serif'; color:var(--white-color); }
        .wr-top-data .top-left h4 a span { display:block; font-size:1.2rem; font-weight: bold; }

      .wr-top-data .top-right { position: relative;  padding-bottom:2rem;  text-align:right; }
        .wr-top-data .top-right::before { content:''; position: absolute; display:inline-block; left:0; right:0; bottom:2rem; width:100%; height:5.5rem; background:var(--dark-blue-red-gradient); z-index: 4;}
    
    .wr-top-data .top-social { position: relative; padding-right:1.5rem; }
      .wr-top-data .top-social ul { padding:0; padding-top:0.5rem; margin:0.5rem 0; list-style: none;}
        .wr-top-data .top-social ul li  { display:inline-block;  padding:0; margin:0; }
          .wr-top-data .top-social ul li a { display:inline-block; cursor:pointer; height:1.9rem; width:1.9rem; margin-left:0.75rem; font-size: 0.95rem; font-weight:500; }          

          .wr-top-data .top-social ul li a.vk_link { background: var(--vk-icon-bg); background-size: var(--bg-height-80); }
          .wr-top-data .top-social ul li a.tg_link { background: var(--tg-icon-bg); background-size: var(--bg-height-80); }
          .wr-top-data .top-social ul li a.yt_link { background: var(--yt-icon-bg); background-size: var(--bg-height-80); }

    .wr-top-data .top-contacts { position: relative; display: flex; height: 5.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: right; z-index: 5;  }
      .wr-top-data .top-contacts .contacts { position:relative; font-size:0.8rem; font-weight:400; font-family: 'Montserrat', 'Sans Serif'; color:var(--white-color); margin-right:1.5rem; z-index:4; }
      .wr-top-data .top-contacts .contacts::after { content:''; position: absolute; display: inline-block; top:0; left:0; right:0; bottom:0; z-index:5; }
        .contacts .phone { display:block; margin-top:0.35rem; font-size:1.4rem; font-weight:400; }
          .contacts .phone a { color:var(--white-color) }
        .contacts .address { display:inline-block; padding-left:1rem; background:var(--address-w-icon); background-size:var(--bg-height-90); }

    .wr-top-data .top-join { position: absolute;  top:1rem; left:0; background-color: var(--red-color); -webkit-transform: skew(-22.5deg); -moz-transform: skew(-22.5deg); -o-transform: skew(-22.5deg);  box-shadow: -0.9rem 0.9rem  rgba(255,255,266,0.2); z-index:6;  }
      .wr-top-data .top-join a { position: relative; display:inline-block; width:15rem; padding:1.7rem 0; line-height:1.2; font-size:1.3rem; font-weight:500; color:var(--white-color); text-align:center;  overflow:hidden; -webkit-transform: skew(22.5deg); -moz-transform: skew(22.5deg); -o-transform: skew(22.5deg);  }
        .wr-top-data .top-join a span { display: block; }


/* Слайдер на главной */
.slider { position: relative; margin-top: 1rem; margin-bottom: 2rem; }

  .main-slider .slider-item {position:relative; overflow:hidden}
    .main-slider .slider-item .slider-img {position:relative; display:inline-block; width:64% !important; margin-left:36% !important;}
      .main-slider .slider-item .slider-img span { position:relative; display:inline-block; width:100%; height:0; padding-top: 48%; }
        .main-slider .slider-item .slider-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 125% !important; max-height: 125% !important; transform: translate(-50%, -50%); }

    .main-slider .slider-item .slider-bg {position:absolute; top:0; bottom:0; left:0; right:50%; }
      .main-slider .slider-item .slider-bg div {position:relative; top:0; bottom:0; left:0; right:0; height:100%; width:100%; }
        .main-slider .slider-item .slider-bg div span {position:relative; display:block; top:0; bottom:0; height:100%; left:-15%; right:-15%; background-color: var(--white-color); transform:skew(-22.5deg,0);}
          .main-slider .slider-item .slider-bg div span:after {content:''; position:absolute; top:95%; bottom:0; left:0; right:0; background-color:#fff;  }
    .main-slider .slider-item .slider-data { position: absolute; top:0; bottom:0; left:0.65rem; width:35%; text-align:left; }
      .main-slider .slider-item .slider-data .slider-text { position: relative; }
        .main-slider .slider-item .slider-data .slider-text h5 { padding-bottom:0.5rem;  font-size:1.5rem; color:var(--olive-color); font-weight:400; }
        .main-slider .slider-item .slider-data .slider-text h3 { padding-bottom:1.5rem;  font-size:2.75rem; color:var(--dark-blue-color); font-weight:500; }
    .main-slider .slider-item .slider-more { position:relative; display:inline-block; margin-top:1rem; width:95%; text-align:right; }
      .main-slider .slider-item .slider-more a { display:inline-block; cursor:pointer; width:2rem; height:1.6rem; background: var(--black-arrow-icon); background-size: var(--bg-full-height); opacity: 0.4; }
        .main-slider .slider-item .slider-more a:hover { opacity: 1; }

   .slider .owl-dots {position:absolute; width:35%; bottom:0; text-align:left;}
      .slider .owl-dots .owl-dot {width:2.1rem; height:0.4rem; margin:0 5px; background-color:var(--dark-blue-color); opacity:1; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
        .slider .owl-dots .owl-dot:hover {opacity:0.6;}
        .slider .owl-dots .owl-dot.active {width:2rem; height:0.75rem; background-color:var(--red-color); opacity:1; }
    


/* Списки событий */

.wrmainevents { padding:2rem 0; z-index:5 }
  
.wrmainevents .main-news { position: relative; padding-bottom:1rem; }
   .wrmainevents .main-news::before { content: ''; position:absolute; right:0; top:0; bottom:0; width:75%; background: var(--thin-olive-color);  z-index:4 }


.event-list {position: relative; width:100%; }
  .event-list .event-item { position: relative; width:90%; margin:1rem 5%; text-align:left; overflow: hidden;}
    .event-list .event-item .event-img { position: relative; width:100%;  }
      .event-list .event-item .event-img span { position:relative; display:inline-block; width:100%; height:0; padding-top: 65%; overflow: hidden; }
        .event-list .event-item .event-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 125% !important; max-height: 135% !important; transform: translate(-50%, -50%); }
  .event-list .event-item .event-date { position: relative; display: inline-block; margin:0.5rem 0;  }
    .event-list .event-item .event-date:before { content:''; position: absolute; display: inline-block; top:0; bottom:0; left:0; width:3rem; background: var(--light-olive-color); z-index:4; }
    .event-list .event-item .event-date span { position: relative; display: inline-block; padding:0.3rem 0; padding-left:1rem; font-size:0.7rem; font-family: 'Montserrat', 'Sans Serif'; font-weight:400; color:var(--olive-color);  z-index:6; }
  .event-list .event-item .event-title { position: relative; padding-bottom:1rem; }
    .event-list .event-item .event-title h4 { font-size:0.9rem; font-weight:400; }
      .event-list .event-item .event-title h4 a { color:var(--dark-blue-color) }
  .event-list .event-item .event-desc { position:relative; font-size:0.75rem; line-height: 1.25; }
  .event-list .event-item .event-more { position:relative; display:inline-block; margin-top:0.5rem; width:100%; text-align:right; }
    .event-list .event-item .event-more a { display:inline-block; cursor:pointer; width:1.3rem; height:1.1rem; background: var(--black-arrow-icon); background-size: var(--bg-full-height); opacity: 0.4; }
      .event-list .event-item .event-more a:hover { opacity: 1; }

.main-events .event-list .owl-item:first-child { display: none !important; } 

.top-events { position: relative; padding:0 0.65rem; text-align: left; z-index:6; }
  .top-events .event-list .event-item { width:95%; margin:1rem 0; margin-right:5%}
  .top-events .event-list .event-item .event-date span { padding-top:0.5rem; padding-bottom:0.5rem;  }
  .top-events .event-list .event-item .event-title h4 { width:80%; font-size:1.1rem; font-weight: 500; }
  .top-events .event-list .event-item .event-more { margin-top:0; width:70%; margin-top:1rem; }

.main-events { position: relative; padding:0 1rem; padding-top:5.2rem; text-align: left; z-index:6; } 
  .main-events .top-all-link { position: absolute; top:2.25rem; right:2rem;  }

  .main-events .owl-nav {  position: absolute; top:-2.75rem; left:1rem; text-align:left; }
    .main-events .owl-nav .owl-prev { position: relative; margin-right:1rem; width:1.5rem; height: 1.25rem; background: var(--black-arrow-icon); background-size:var(--bg-full-height); display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.5; }
      .main-events .owl-nav .owl-prev:hover { opacity: 1; }
    .main-events .owl-nav .owl-next { position: relative; margin-left:1rem; width:1.5rem; height: 1.25rem; background: var(--black-arrow-icon); background-size:var(--bg-full-height); display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; opacity: 0.5; }
      .main-events .owl-nav .owl-next:hover { opacity: 1; }


.wrnews .event-list .event-item { width:94%; margin:0.5rem 3%; text-align:left; overflow: hidden;}
  .wrnews .event-list .col-1x4:nth-child(4n+1) .event-item { margin-left:1%; margin-right:5%; }
  .wrnews .event-list .col-1x4:nth-child(4n) .event-item { margin-left:5%; margin-right:1%; }
  .wrnews  .event-item .event-title h4 { font-size:1.1rem; font-weight:500; }




/* Списки проектов */
.wrmainprojects { padding:2rem 0; z-index:5 }

.main-projects { position: relative; padding:0 1rem;  text-align: left; z-index:6; } 
  .main-projects .top-all-link { position: absolute; top:1.75rem; right:2rem;  }

.project-list { margin-top:1rem }
 .project-list .project-item { position: relative; width:97%; margin:1rem 1.5%; text-align:left; overflow: hidden;}
  .project-list .project-item .project-img { position: relative; width:100%;  }
    .project-list .project-item .project-img span { position:relative; display:inline-block; width:100%; height:0; padding-top: 55%; overflow: hidden; }
      .project-list .project-item .project-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 125% !important; max-height: 135% !important; transform: translate(-50%, -50%); }
    .project-list .project-item .project-data { position: relative; margin-left:5%; margin-top:-6rem; width:70%; padding:1.5rem; background-color: var(--thin-olive-color);  }  
      .project-list .project-item .project-data h3 { padding-bottom:1.5rem; font-size:1.75rem; font-weight:bold; }
      .project-list .project-item .project-data .project-desc { font-size:0.8rem; line-height: 1.25; }
    .project-list .project-item .project-more { position:absolute; display:inline-block; margin-top:1rem;  width:calc(100% - 2.5rem) ; text-align:right; }
      .project-list .project-item .project-more a { display:inline-block; cursor:pointer; width:1.3rem; height:1.1rem; background: var(--black-arrow-icon); background-size: var(--bg-full-height); opacity: 0.4; }
        .project-list .project-item .project-more a:hover { opacity: 1; }
  

.main-projects .owl-nav {  position: absolute; top:-3.75rem; left:36%; text-align:left; }
  .main-projects .owl-nav .owl-prev { position: relative; margin-right:1rem; width:1.5rem; height: 1.25rem; background: var(--black-arrow-icon); background-size:var(--bg-full-height); display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.5; }
    .main-projects .owl-nav .owl-prev:hover { opacity: 1; }
  .main-projects .owl-nav .owl-next { position: relative; margin-left:1rem; width:1.5rem; height: 1.25rem; background: var(--black-arrow-icon); background-size:var(--bg-full-height); display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; opacity: 0.5; }
    .main-projects .owl-nav .owl-next:hover { opacity: 1; }
    

.wrprojects .project-list .col-1x2:nth-child(2n+1) .project-item { margin-left:0; margin-right:3%; }
.wrprojects .project-list .col-1x2:nth-child(2n) .project-item { margin-left:3%; margin-right:0%; }



/* Списки проектов */
.wrsmi { padding-bottom:2rem 0; }

.smi-list { margin-top:1rem }
 .smi-list .smi-item { position: relative; width:97%; margin:1rem 1.5%; text-align:left; overflow: hidden;}
  .smi-list .smi-item .smi-img { position: relative; width:100%;  }
    .smi-list .smi-item .smi-img span { position:relative; display:inline-block; width:100%; height:0; padding-top: 55%; overflow: hidden; }
      .smi-list .smi-item .smi-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 125% !important; max-height: 135% !important; transform: translate(-50%, -50%); }
    .smi-list .smi-item .smi-data { position: relative; margin-left:5%; margin-top:-4rem; width:70%; padding:1.5rem; background-color: var(--thin-olive-color);  }  
      .smi-list .smi-item .smi-data h3 { padding-bottom:1rem; font-size:1.25rem; font-weight:500; }
      .smi-list .smi-item .smi-data .smi-desc { font-size:0.8rem; line-height: 1.25; }
    .smi-list .smi-item .smi-date { position: relative; display: inline-block; margin:0.5rem 0;  }
      .smi-list .smi-item .smi-date:before { content:''; position: absolute; display: inline-block; top:0; bottom:0; left:0; width:3rem; background: var(--light-olive-color); z-index:4; }
      .smi-list .smi-item .smi-date span { position: relative; display: inline-block; padding:0.3rem 0; padding-left:1rem; font-size:0.7rem; font-family: 'Montserrat', 'Sans Serif'; font-weight:400; color:var(--olive-color);  z-index:6; }
    .smi-list .smi-item .smi-more { position:absolute; display:inline-block; margin-top:1rem;  width:calc(100% - 2.5rem) ; text-align:right; }
      .smi-list .smi-item .smi-more a { display:inline-block; cursor:pointer; width:1.3rem; height:1.1rem; background: var(--black-arrow-icon); background-size: var(--bg-full-height); opacity: 0.4; }
        .smi-list .smi-item .smi-more a:hover { opacity: 1; }
    .smi-list .smi-item .smi-source { position: relative; display: inline-block; margin:0.5rem 0; font-size:0.8rem; font-weight:400;  }

.wrsmi .smi-list .col-1x3:nth-child(3n+1) .smi-item { margin-left:0; margin-right:3%; }
.wrsmi .smi-list .col-1x3:nth-child(3n) .smi-item { margin-left:3%; margin-right:0%; }
    




/* Списки партнеров */
.wrmainpartners { position: relative; margin:2rem 0 }

.main-partners { position: relative; width:calc(100% - 0.65rem); margin-left:0.65rem; background-color: var(--thin-olive-color); overflow: hidden;}
  .main-partners .top-all-link { position: absolute; left:0; bottom:1rem; z-index: 6; }

  .main-partners h2 { position:absolute; top:0; left:-3rem; bottom:0; width:calc(15% + 3rem);  font-size:2.1rem; line-height: 1; text-align: left; background-color: var(--white-color); transform: skew(-22.5deg, 0); z-index:5;  }
    .main-partners h2 span { position:relative; display: inline-block; margin-left:2rem; transform: skew(22.5deg, 0);  }
  .main-partners .partner-list { position:relative; width:80%; padding:1.5rem 0; padding-left:3.5%; padding-right:1.5%;  margin-left:15%;  z-index:4;  }
    .main-partners .partner-list .partner-img { position:relative; width:90%; padding:0 5%; overflow:hidden }
      .main-partners .partner-list .partner-img span { position:relative; display:inline-block; width:100%; height:0; padding-bottom: 50%; overflow:hidden }
        .main-partners .partner-list .partner-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 100% !important; max-height: 100% !important; transform: translate(-50%, -50%); filter:grayscale(100%); opacity:0.75; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
          .main-partners .partner-list .partner-img span img:hover  { opacity:1; filter:grayscale(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }


.wrpartners  { position: relative; padding-bottom:2rem; }         
  
  .wrpartners .partners-list  { position: relative; margin-top:1rem; }         

  .wrpartners .partners-list .partner-item { position: relative; width:97%; margin:1rem 1.5%; text-align:center; overflow: hidden;}
  .wrpartners .partners-list .partner-img { position:relative; width:90%; padding:0 5%; overflow:hidden }
    .wrpartners .partners-list .partner-img span { position:relative; display:inline-block; width:100%; height:0; padding-bottom: 50%; overflow:hidden }
      .wrpartners .partners-list .partner-img span img { position: absolute !important; left: 50%; top: 50%; width:unset !important; height:auto;  max-width: 100% !important; max-height: 100% !important; transform: translate(-50%, -50%);  opacity:0.75; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
        .wrpartners .partners-list .partner-img span img:hover  { opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }



/* Документы */

.wrdocs { position: relative; padding:1rem 0; }

  .documents-list { position: relative; }
    .documents-list .documents-item { position: relative; width:97%; margin:1rem 1.5%; text-align:left; overflow: hidden;}
      .documents-list .documents-item a { position: relative; display: block; padding:1.5rem 1rem; font-size:1.2rem; font-weight: 500; text-align: center; background-color: var(--light-olive-color); }

  .wrdocs .documents-list .col-1x2:nth-child(2n+1) .documents-item { margin-left:0; margin-right:3%; }
  .wrdocs .documents-list .col-1x2:nth-child(2n) .documents-item { margin-left:3%; margin-right:0%; }
      


/* Футер */

.wrend { position: relative; padding:2rem 0; }
  .end-data { position: relative; padding:2rem; background-color: var(--dark-blue-color); color:var(--white-color) } 

  .end-data .end-logo {  position: relative; width:100%; text-align:left; }  
    .end-data .end-logo a { position: relative; display: inline-block; padding-left:3.5rem; font-size:0.8rem;  line-height:1.5; font-weight:400; font-family: 'Montserrat', 'Sans Serif'; color:var(--white-color); background: var(--logo-w); background-size: auto 100%; opacity:0.75 }
      .end-data .end-logo a span { display:block; font-size:1rem; font-weight: bold; }
      .end-data .end-logo a:hover { opacity: 1; }

  .end-data .end-menu { position: relative; text-align: right; }
    .end-data .end-menu ul { position: relative; display: inline-block; text-align: left;}
    .end-data .end-menu ul li  { position:relative; display:inline-block;  padding:0; margin:0; }
      .end-data .end-menu ul li a { display:inline-block; padding:0.5rem 0.65rem; font-size: 0.8rem; font-weight:500; color:var(--white-color); opacity:0.75 }
        .end-data .end-menu ul li:hover a { opacity:1  } 

  .end-data .end-cpr { position: relative; width:100%; text-align: left; font-family: 'Montserrat', 'Sans Serif'; font-size:0.65rem; color:var(--white-color); opacity: 0.8;}
    .end-data .end-cpr a { color:var(--white-color); }
    .end-data .end-cpr .privacy {position: relative; display: inline-block; margin-left:0.25rem; padding-left:0.75rem;}
      .end-data .end-cpr .privacy:after {content: '|'; position: absolute; top:-0.05rem; left:0; }
    .end-data .end-cpr .geokon { display: block; padding-top:0.5rem; font-size: 0.6rem; opacity: 0.5;}

  .end-data .end-contacts { position: relative; text-align:right; margin-right:0.65rem }
    .end-data .end-contacts .contacts { position: relative; font-size:0.8rem; font-weight:400; font-family: 'Montserrat', 'Sans Serif'; color:var(--white-color); z-index:4; }
    .end-data .end-contacts .contacts::after { content:''; position: absolute; display: inline-block; top:0; left:0; right:0; bottom:0; z-index:5; }

  .end-data .end-social { position: relative; padding-bottom:0.5rem; padding-right:0; }
      .end-data .end-social ul { padding:0; margin:0; list-style: none;}
        .end-data .end-social ul li  { display:inline-block; padding:0; margin:0; }
          .end-data .end-social ul li a { display:inline-block; cursor:pointer; height:1.6rem; width:1.6rem; margin-left:1rem; opacity:0.75 }          
            .end-data .end-social ul li a:hover { opacity:1; }          

          .end-data .end-social ul li a.vk_link { background: var(--vk-icon-bg); background-size: var(--bg-height-90); filter: grayscale(1) brightness(1000%); }
          .end-data .end-social ul li a.tg_link { background: var(--tg-icon-bg); background-size: var(--bg-height-90); filter: grayscale(1) brightness(1000%);}
          .end-data .end-social ul li a.yt_link { background: var(--yt-icon-bg); background-size: var(--bg-height-90); filter: grayscale(1) brightness(1000%);}

  .end-data .end-join { position: relative; display:inline-block; margin:0 0.5rem; background-color: var(--red-color); -webkit-transform: skew(-22.5deg); -moz-transform: skew(-22.5deg); -o-transform: skew(-22.5deg);  box-shadow: -0.5rem 0.5rem  rgba(255,255,266,0.2); z-index:6;  }
    .end-data .end-join a { position: relative; display:inline-block;  width:10rem; padding:1.1rem 0; line-height:1.2; font-size:0.75rem; font-weight:500; color:var(--white-color); text-align:center;  overflow:hidden; -webkit-transform: skew(22.5deg); -moz-transform: skew(22.5deg); -o-transform: skew(22.5deg);  }
      .end-data .end-join a span { display: block; }
    

/* Общая разметка страниц */      
.page-title { position: relative; padding:1rem 0; text-align:left; }
  .page-title h1 { font-size: 2.75rem; font-weight:500; }

  .wr-page-text .page-block { position: relative; }
    /* .wr-page-text .page-block::before {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 75%; background: var(--thin-olive-color); z-index: 1; } */

.page-text-block, .block-text { line-height:1.3; font-weight:400; text-align: left;  }





/* Внутренние страницы сущностей */
.entity-page .page-title h1 { font-size:225%; }

  .entity-page .page-first-pic { position: relative; margin-bottom:1rem;  width:100%; height:0; padding-top:55%;  overflow: hidden; }
    .entity-page .page-first-pic img  { position: absolute; left: 50%; top: 50%; width:100%; height:auto; transform: translate(-50%, -50%);}

  .entity-page .page-date { position: relative; display: inline-block; margin-top:0.5rem; margin-bottom:1rem;  width:100%; text-align: left; }
    .entity-page .page-date:before { content:''; position: absolute; display: inline-block; top:0; bottom:0; left:0; width:3rem; background: var(--light-olive-color); z-index:4; }
      .entity-page .page-date span { position: relative; display: inline-block; padding:0.5rem 0; padding-left:1rem; font-size:0.9rem; font-family: 'Montserrat', 'Sans Serif'; font-weight:400; color:var(--olive-color);  z-index:6; }
      .entity-page .page-date a {  color:var(--olive-color); }

  .entity-page .page-gallery { position: relative; padding-top:1.5rem; }       
    .entity-page .page-gallery .gallery-item { position: relative; width:97%; margin:0 1.5%; margin-bottom:1rem; height:0; padding-top: 55%; overflow: hidden; }       
      .entity-page .page-gallery .gallery-item img {position: absolute; left: 50%; top: 50%; width:unset; height:auto; max-width: 105% !important;  transform: translate(-50%, -50%); }

    .entity-page .page-gallery .col-1x3:nth-child(3n+1) .gallery-item { margin-left:0; margin-right:3%; }
    .entity-page .page-gallery .col-1x3:nth-child(3n) .gallery-item { margin-left:3%; margin-right:0%; }
      



/* Отдельныей страницы */
.main-page h2 { padding:1rem 0; font-weight:400; }
.page6 h5 { padding:1.25rem 0; font-size:1.25rem; font-weight: 400; }



/* Галерея видео */
.video-gallery { position: relative; padding-top:1.5rem; }
   .video-gallery .video-item { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom:1rem; height: 0; overflow: hidden; }
    .video-gallery .video-item iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Смотрите также */    
.wrseealso { position: relative; padding-top:1rem;  }
  .wrseealso .wrap { text-align: left; }
  
  .wrseealso h5 { margin-top:1.5rem; padding-top:1.5rem; padding-bottom:0.5rem; font-size:2rem; font-weight:400; border-top: solid 1px var(--thin-gray-color) ; }  
  .wrseealso .event-list .event-item { width:97%; margin: 1rem 1.5%; }
    .wrseealso .event-list .col-1x3:nth-child(3n+1) .event-item { margin-left:0; margin-right:3%; }
    .wrseealso .event-list .col-1x3:nth-child(3n) .event-item { margin-left:3%; margin-right:0%; }
  

/* Сайдбар на страницах сущностей  */ 
.sidebar { position: relative; padding:1rem 0; margin-left:20%; text-align:left;  }

  .sidebar .sidebar-item {position: relative; margin-bottom:2.5rem; }  
   a.join-project { position: relative; display:block; padding:2.5rem 5%; font-size:1.25rem; font-weight: bold; text-align: center; background-color: var(--red-color); color:var(--white-color); }  
     a.join-project:hover { background-color: var(--dark-red-color); }

   .wrpage .top-page-join { display:none; padding-bottom:1rem; }   
   
  .sidebar .sidebar-item h5 { font-size: 1.5rem; font-weight:500; text-align:center }

  .sidebar .smi-list .smi-item { margin-bottom:1.5rem; }
    .sidebar .smi-list .smi-item .smi-data { padding: 0.7rem 1rem; }
      .sidebar .smi-list .smi-item .smi-data h3 { font-size: 0.9rem; padding-bottom: 0.5rem;  }
      .smi-list .smi-item .smi-source { font-size: 0.7rem; }
      .smi-list .smi-item .smi-more { width: calc(100% - 0.5rem); }



/* Ссылки в блоках */
.top-all-link { position:absolute; display:inline-block;   }
  .top-all-link:before { content:''; position: absolute; display: inline-block; top:0; bottom:0; left:0; width:3rem; background: var(--light-olive-color); z-index:4; }
    .top-all-link a { position: relative; display: inline-block; padding:0.4rem 0; padding-left:1rem; font-size:0.9rem;  font-family: 'Montserrat', 'Sans Serif'; font-weight:400; color:var(--olive-color);  z-index:6; }


/* Ссылки на соцсети */
.social { position: relative; padding:0.75rem 0; } 
.social a { position: relative; display:inline-block; margin:0 0.5rem; width:2rem; height:2rem; opacity:0.75 } 
  .social a:hover { opacity:1 } 
  .social a.vk-icon { background:var(--vk-icon-bg); background-size:var(--bg-full-height); } 
  .social a.yt-icon { background:var(--yt-icon-bg); background-size:var(--bg-full-height); } 
  .social a.tg-icon { background:var(--tg-icon-bg); background-size:var(--bg-full-height); } 


/* Хлебные крошки */
.wrpage .krohi {position: relative;  font-size:0.7rem; color:var(--dark-gray-color); text-align:left; }
  .wrpage .krohi span {display:inline-block; margin:0 0.25rem;}
  .wrpage .krohi a {color:var(--dark-gray-color)}
    .wrpage .krohi a:hover {color:var(--black-color)}
  .wrpage .krohi ul {position:relative; display:inline-block; margin:0; padding:0;}
    .wrpage .krohi ul li {position:relative; display:inline-block; margin:0; padding:0; padding-left:0.5rem; padding-right:0.25rem; }
      .wrpage .krohi ul li:before {content:">"; position: absolute; display:inline-block; left:0; top:0; margin:0; font-size:0.6rem; font-stretch: ultra-condensed; }
      .wrpage .krohi ul li:first-child {padding-left:0; }
      .wrpage .krohi ul li:first-child:before {content:""; display:none;}


/* Ссылка "показать еще" */
.morelink { position: relative; width:100%; text-align: center; }
  .morelink a { position: relative; display: inline-block; margin-top:1rem; padding:1rem 2.5rem; font-size:1.25rem; color:var(--olive-color);  background-color: var(--light-olive-color); }


/* Прокрутка в началу страницы */
.scrollup { position: fixed; cursor:pointer; display: none; bottom:5%; left:2.1%; width:3.5rem; height:3.5rem; background: var(--scroll-arrow-icon); background-size: var(--bg-height-50);  background-color: var(--blue-bg-50); border-radius: 50%; overflow:hidden; z-index:50; }
  .scrollup:hover { background-color: var(--blue-bg-75); }


/* Прогрессбар */
.loading { position:relative; width:100%; margin:2rem 0; text-align:center; }
.loading img { width:unset !important; }

/* Модификаторы */
.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

/* Прочее */
.hidden {display:none;}
.link { cursor: pointer; }
.fixed { position: fixed;  bottom:unset; top:0; z-index:50000; } 
.half-line { display: inline-block; width:49.7%; vertical-align: text-top;  zoom: 1;  }


/* Окна magnific */
.white-popup-block { padding: 2rem; width:calc(98% - 4rem); max-width: 25rem; margin: 1rem auto; border-radius: 1rem; background-color: var(--thin-gray-color); }

.popup-data {position: relative;  }

  .popup-data h3 { padding-top: 0.75rem; font-size: 1.65rem; }
  .popup-data h4 { padding-bottom: 0.75rem; font-size: 1.2rem; font-weight: 500; }
  .popup-data p  { padding-bottom: 0.5rem; }
  .popup-data p input { width: calc(100% - 1rem); padding: 0.5rem 0.5rem; font-size: 0.9rem; line-height:1rem; border-radius: 0.25rem;}
  .popup-data p textarea { width: calc(100% - 1rem); padding: 0.5rem 0.5rem; height:4rem; font-size: 0.9rem; line-height:1rem;  border-radius: 0.25rem;}
  .popup-data p span { display: block; padding: 0.25rem 0; font-size: 0.65rem; text-align: center;}
  .popup-data p span a { color: var(--dark-gray-color); }
  
  .popup-data a.red-button {position: relative; display: inline-block; font-weight:500; color:var(--white-color); text-align: center; background-color: var(--red-color); border-radius: 0.25rem;}
    .popup-data a.red-button:hover { background-color: var(--dark-red-color);    }

.popup-result { padding-top: 0.5rem; padding-bottom: 1.5rem; text-align: center; font-size: 0.7rem;}
  .popup-result h2 { padding: 0.5rem 0; text-align: center; font-size: 1.2rem; font-weight: 500; color: var(--green-color); }

.popup-form-submit { width:100%; padding: 0.75rem 0 !important; }
.popup-form-links { position: relative; padding-top:1rem; font-size:0.65rem; }
.popup-form-info { position: relative; text-align:center; padding-bottom:0.5rem; font-size:0.75rem; }
.popup-error-data { position: relative; display:none; text-align:center; padding-bottom:0.5rem; font-size:0.7rem; color:var(--red-color) }