/* rullan.in.ua  06.04.2021 - made in Ukraine  */
:root {
    --white: #fff;
    --grey: #d5d4d3;
    --green: #1c9343;
	--fiolet: #0e0c28;
	--yellow: rgba(255, 255, 60, 0.7);
	--blu: rgba(0, 147, 229, 0.7);
	--blu2: rgba(0, 147, 229);
	--font1: 'Alumni Sans', sans-serif; /*100, 300, 500, 700*/
	--font2: 'Poiret One', cursive; /*100*/
}
body {padding:0; margin:0; background:#000 url(../img/fon.png); font-size:14px;color: var(--white); font-family:var(--font1); font-weight:300;font-style:inherit;border-style:none;}
figure, iframe, media {width:100%;padding:0; margin:0;}
div, section, header, article, main, aside, footer, textarea, input, button, nav, ol, ul, li, a  {border-style: none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button {cursor:pointer; background: transparent;}
table {border:none;border-collapse:collapse;}
td {text-align:left;vertical-align:top;padding:0; margin:0;}
s, u, i {text-decoration:none;font-style:normal;}
/* gipersulku */
a {display:inline-block;text-decoration:none;cursor: pointer;outline:none;color:var(--blu);}
a:hover {color:var(--blu2); transition: all .2s ease-in-out;}
*:focus{outline:none;}
/* tipografika */
p {text-align:justify;color:var(--white); padding:0  0 1px 0;margin: 0 0 5px 0;font-size:18px; font-weight:500; line-height:1.2;}
strong, b {font-weight: 900;}
em{ font-style: italic;}
ul {display:block; padding:0;margin:0;}
h1, h2, h3, h4, h5 {margin:0;padding:0; text-decoration:none; line-height:1; font-family:var(--font2); font-weight:100; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.rel {position:relative;}
/*-- FLEX --*/
.row, .hed-kontakt, .hed-menu, .fot-bigmenu, .textovka  {display:flex; flex-flow: row wrap;justify-content: space-between;}
.row-bc {display:flex; flex-flow: row wrap;justify-content: space-between; align-self: center; align-items: center; align-content: center;}
.row-c {display:flex; flex-flow: row wrap;justify-content: space-evenly; align-self: center; align-items: center; align-content: center;}

/* == VIDEO BG == */
.videohed {width: 100%;height:100%; position:relative; z-index:1;object-fit: cover;}

/* == DIZAIN == */
.tilo, .nv-clb {max-width:1800px; width:1800px; margin:0 auto; position:relative; overflow: hidden;}

/* == SECTION == */
[class*='sc-'] {position:relative; height:100vh; overflow:hidden;}

/* HEADER */
.heaad{position:fixed; width:1800px; max-width:1800px; margin:60px auto 0 auto; height:100vh; z-index:500;}
.heaad > div {width:100%; height:100%; border-top: 1px solid rgba(255, 255, 255, 0.1);border-right: 1px solid rgba(255, 255, 255, 0.1);border-left: 1px solid rgba(255, 255, 255, 0.1);}
.heaad::before, .heaad::after{content:"";width:119px;height:106%; background: url(../img/fonnadhed-g.png);position:absolute;left:-25px;top:-62px;z-index:-1;}
.heaad::after{left:auto; right:-25px;transform: scale(-1, -1);}
.hed0-logo {display: inline-block;  color: var(--white); font-size:60px; text-transform:uppercase; position:absolute; top: 70px; left:160px; z-index:5;}
.leftnav {width:80px; height:100%;  position:absolute; top:0; left:0; z-index:44;}
.hd_scrl {width:60px; position:absolute; bottom:135px; left:-15px;}
.hd_time {position:absolute; top:-25px; right:0; font-size:1.3em; opacity:.4;}
.hd_sound {width:50px; position:absolute; top:1px; left:8px; font-size:1.3em; opacity:.1;}
.radioPlay {position:absolute; cursor:pointer; top:-18px; left:-3px; opacity:.8; background:none; color:var(--blu); text-transform:uppercase;}
#back2Top {position:absolute; cursor:pointer; bottom:70px; right:-12px; color:var(--blu); opacity:.6; z-index:24;transform: rotate(180deg);font-size:1.8em;}
.hed_lang {width:65px;position:absolute;  top:-18px; left:90px; z-index:33;}
.hed_lang a {opacity:.5; font-size:1.1em; margin: 0 5px;}
.hed_lang a:hover, .hed_lang .language-active {opacity:.8;}
.hed_lang:hover .language-active {opacity:.4;}
.nv-clb {position:fixed; z-index:777; top:auto; left:auto; height:1px;overflow: initial;}
/* calbek*/
.hed_calb {width:105px;  height:110px;  position:absolute; top:40vh; right:-55px; cursor:pointer;}
.hed_calb.act-1::before {content:'';display:block; width:500px; height:450px; border-radius:50%; background:black; opacity:0.8; position:absolute; top:-174px; left:-225px;}
.calb_butt {width:90px; height:90px; overflow:hidden; border-radius:50%;}
.calb_butt button {display:block; width:32px; height:32px;position:absolute; top:29px; left: 25px; z-index:536; background:transparent;}
.calb_butt s {position:absolute; top:29px; left: 25px; z-index:534; background:transparent;}
.act-1 .calb_butt .icon {color:var(--blu);}
.calb_butt .icon {color:var(--white);width:32px; height:32px;animation: tada 1s linear infinite;animation-fill-mode: both;}
.vidpuls {margin:-53px 0 0 -53px; opacity:.3;}
  @keyframes tada {
  0% {transform: scale3d(1, 1, 1);}
  10%, 20% {transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);opacity:.1;}
  30%, 50%, 70%, 90% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);opacity:.9;}
  40%, 60%, 80% {transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);opacity:.9;}
  100% {transform: scale3d(1, 1, 1);opacity:.1;}
  } 
.calb_menu {position:absolute; top:29px; left:25px;}
.calb_menu .icon{width:22px; height:22px;}
.calb_menu li {display:none; }
.calb_menu li a {color:var(--white); font-size:2em; white-space: nowrap; }
.calb_menu .cm-1 a {text-shadow: #000 0px 0px 1px, #000 0px 0px 2px, #FFF 0px 0px 15px, #00a7e6 0px 0px 20px, #00a7e6 0px 0px 30px, #00a7e6 0px 0px 40px, #00a7e6 0px 0px 50px, #00a7e6 0px 0px 75px;}
.calb_menu .cm-2 a {text-shadow: #000 0px 0px 1px, #000 0px 0px 2px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;}
.calb_menu .cm-3 a {text-shadow:  #000 0px 0px 1px, #000 0px 0px 2px, #FFF 0px 0px 15px, #49ff18 0px 0px 20px, #49ff18 0px 0px 30px, #49ff18 0px 0px 40px, #49ff18 0px 0px 50px, #49ff18 0px 0px 75px;}
.calb_menu li a:hover {color:var(--yellow);  text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 15px #0b2553, 0 0 20px #0b2553, 0 0 30px #0b2553, 0 0 40px #0b2553, 0 0 55px #0b2553, 0 0 75px #fff;}
.act-1 li {display:block;}
.sik-2 {display:none;}
[class*='cm-'] {position:absolute; transform:none;}
.act-1 .cm-1 {animation: cmm1 0.4s linear;animation-fill-mode: forwards; animation-iteration-count: 1;}
.act-1 .cm-2 {top: 7px; left:-178px;}
.act-1 .cm-3 {top: 65px; left:-108px;transform:rotate(-27deg); animation: cmm3 0.4s linear;animation-fill-mode: forwards; animation-iteration-count: 1;}
  @keyframes cmm1 {
	0% {opacity:.1; top:0; left:50px;transform:none;}
	0% {opacity:.5; top:7px; left:-160px;transform:none;}
	100% {opacity:.9; top: -72px; left:-182px;transform:rotate(27deg);}
  }
  @keyframes cmm3 {
	0% {opacity:.1; top:0; left:50px;transform:none;}
	0% {opacity:.5; top:7px; left:-160px;transform:none;}
	100% {opacity:.9; top: 65px; left:-108px;transform:rotate(-27deg);}
  }
.act-1 .sik-1 {display:none;}
.act-1 .sik-2 {display:block;}

/* NAV */
.nav{display:block; width:90px; height:240px; position:absolute; margin-top:-175px; top:50vh; left:-20px; transition: all .5s ease-in-out;
 transform-origin: 50% 50% 0px; transform: perspective(80px) rotateY(16deg) skewX(0.0deg) scale(1.0, 1.0);}
.nav a  {color:var(--white); opacity:.5; padding-right:15px; transition: all .2s ease-in-out; position:relative;}
.nav a.active {color:var(--blu);}
.nav a.active::before{content:'☬'; display:block;position:absolute; top:2px; right:-8px; font-size:0.8em;}
.nav:hover {background: rgba( 0, 0, 0, 0.3); transform: perspective(99px) rotateY(5deg) skewX(0.0deg) scale(1.0, 1.0) scale(1.2, 1.2);}
.nav li{font-size:24px; display:block; margin:10px 0; text-align:left;}
.nav a:hover {color:rgba(255, 255, 255, 0.6); text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0; font-size:1.2em;}


/*LOGO - animation*/
.log-cont_lganim {flex-direction: column; height:100vh;width:100%; padding:150px 0 0 0; position:absolute; z-index:55; top:0; left:0;}
.lgrn { height:180px; margin: 0 auto; font-size:288px; font-family:var(--font1); font-weight:500;  line-height:1; }
.lgtxt {width:100%; font-size:66px;font-weight:100; text-align:center;}
.lgtxt-m{width:100%;}
.lgtxt-m span {color:#20A786;}
.lgtxt-m u {display: inline-block; margin: 0 0 -6px 0; animation: animkr 6s ease-in-out infinite;}
.lgtxt-b{padding-left:22px; width:100%;font-family:var(--font2);font-size:0.5em; letter-spacing:20px; animation: svitlit 0.7s ease-in-out alternate infinite;}
@keyframes svitlit{
	0% {text-shadow:0 0 10px var(--blu);}
	100% {text-shadow:0 0 20px var(--yellow);}
}
.lgtxt s {font-size:0.8em; }
.lgrn u {display: block;text-decoration:none; font-style:normal; float:left; transition: all .6s ease-in-out;}
.ln-r {animation: s-r 5s ease-in-out alternate infinite;}
.ln-u {animation: s-u 5s ease-in-out alternate infinite;}
.ln-1 {animation: s-l 5s ease-in-out alternate infinite;}
.ln-2 {animation: s-ll 5s ease-in-out alternate infinite;}
.ln-a {animation: s-a 5s ease-in-out alternate infinite; }
.ln-n {animation: s-n 5s ease-in-out alternate infinite;}
.log-title {width:100%; padding: 10px 70px; text-align:center; font-size:1.4em;}

/* SECTION  2 */
.planu_txt{position:absolute;top:390px;right:180px;z-index:15; font-size:3.4em;opacity: 0; transform: translate3d(100%, 0, 0);}
.planu_txt p {font-size:0.8em; margin:40px 0 20px 0;}
.planu_dgeday{position:absolute; bottom:20px; left:-328px; width:494px;height:749px;}
.planu_dgeday s {position:relative; opacity:1; z-index:12;}
.planu_dgeday::after {content:""; width:320px;height:200px; background: url(../img/prap-ukr.webp); position:absolute;top:15px;right:-230px;z-index:10; opacity:.5;}
/* for activ */
.sc-planu.activbl .planu_dgeday {animation: dged 1.5s ease-in-out alternate forwards;}
@keyframes dged {
	0% {left:-328px; }
	100%{left:128px; }
	
}
.sc-planu.activbl .planu_txt { animation: fadeInRight 1.2s ease-in-out alternate  forwards;}
@keyframes fadeInRight {
  0% {opacity: 0; transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;  transform: none; }
  } 

/* SECTION  3 */
.sc-proekt h3 {width:520px; position:absolute;top:-140px;right:-670px; font-size:1em; text-align:center; line-height:1; z-index:11; opacity:.1;transform:rotate(-90deg);}
.sc-proekt h3 .icon {transform:rotate(90deg);}
#sphere-wrap{height: 500px;width:600px;position:absolute;top:190px;right:500px;z-index:4;}
.proekt_mapua{width:872px;height:596px; bottom:-490px;right:-410px; opacity:.8;
transform-origin: 50% 50% 0px; transform: perspective(100px) rotateX(6deg) skewY(0.0deg) scale(2.5, 1.9) translateY(-240px); transition: all .5s ease-in-out;}
.pr_kyla {width:264px;height:264px;border-radius:50%; overflow:hidden; position:absolute;top:18px;left:18px;z-index:14; opacity:.5;}
.pr_kyla video {margin:-8px 0 0 -10px;}
.proekt_trizyb {width:172px; height:233px;  animation: triz 2.4s linear alternate infinite; background:url(../img/truzyb.png); bottom:-105px;right:-90px;z-index:18; opacity:.7;}
@keyframes triz {
	0% {transform: rotate3d(-5,0,-1,16deg)} 
	100% {transform: rotate3d(5,0,1,16deg)}
	}
.proekt_mapua_kolo, .proekt_mapua_kolo2 {width:600px; height:600px;  border: 1px dashed var(--yellow);  border-radius: 50%; bottom:-290px;right:-300px;z-index:6;}
@keyframes mppklan {
	0% {transform: rotate(0deg) perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px);} 
	100% {transform: rotate(360deg) perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px);}
	}
.proekt_mapua_kolo2 {border: 1px dashed var(--blu);}
@keyframes mppklan2 {
	0% {transform: rotate(0deg) perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px);} 
	100% {transform: rotate(-360deg) perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px);}
	}	
.proekt_nn {position:absolute; bottom:51%; left:51%; z-index:600;}
.proekt_nn > div {position:absolute; text-align:center;}
.nn_bl {position:relative; z-index:20;}
.nn_bl > div {display:none;position:absolute;}
.nn_bl > div:hover::after {content:''; width:150%; height:150%; position:absolute; top:-25%; left:-25%; z-index:-1; border-radius:50%; background: radial-gradient(ellipse at center, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);}
.n1{top:-300px;left:-160px;z-index:37;}
.n2{top:-140px;left:-240px;z-index:35;}
.n3{top:-300px;right:-185px;z-index:36;}
.n4{top:-140px;right:-240px;z-index:34;}
.n5{top:0px;left:-330px;z-index:33;}
.n6{top:20px;right:-330px;z-index:32;}
.n7{top:110px;left:-60px;z-index:31;}
.proekt_nn h4, .proekt_nn a {color:var(--yellow); font-size:1.6em; white-space: nowrap;}
.proekt_nn a:hover  {color:var(--green); text-shadow: var(--yellow) 1px 1px 0, var(--yellow) -1px -1px 0, var(--yellow) -1px 1px 0, var(--yellow) 1px -1px 0;}
.proekt_nn details {font-size:16px; letter-spacing:2px;}
.proekt_nn summary {display: block; text-align:center;}
.proekt_nn summary:hover{color:var(--yellow);}
.proekt_nn summary::-webkit-details-marker {display: none;}
.proekt_nn summary::before {content: '˃ Детальніше';}
.proekt_nn details[open] > summary {background:var(--green); padding:2px 6px; border-radius:4px;}
.proekt_nn details[open] > summary::before {content: '˄ Закрити';}
.proekt_nn summary:hover{cursor:pointer;}	
.proekt_nn details span   {transform: translateX(0);z-index:24;}
.proekt_nn details[open] > span {display:block; width:320px; animation: heigb 0.4s linear both; overflow:hidden; background: radial-gradient(ellipse at center, rgba(64,150,238,1) 0%,rgba(64,150,238,1) 100%); padding:20px; border-radius:10px; position:absolute; bottom:-200px; left:-140px;  opacity:.95;transition: all .4s ease-in-out;}
.proekt_nn .n7 details[open] > span {bottom:-160px; }
@keyframes heigb {
  from {transform:scale(1.0, 0.1);}
  to {transform:scale(1.0, 1.0);}
}
#particles-js {height:100%;width:100%;position:absolute;top:0;right:0;z-index:8;}
/* activ section 3 */
.sc-proekt.activbl .proekt_mapua {transform-origin: 50% 50% 0px; transform: perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px)}
.sc-proekt.activbl .nn_bl > div {display:block; transition: all 1s ease-in-out;}
.sc-proekt.activbl h3 {opacity:1;font-size:3em; transition: all 2s ease-in-out;}
.sc-proekt.activbl .proekt_mapua_kolo{animation: mppklan 4s linear infinite;transform-origin: 50% 50% 0px;}
.sc-proekt.activbl .proekt_mapua_kolo2 {animation: mppklan2 4s linear infinite;}

/* SECTION  4 */
.skil_tilo {width:80%; justify-content: space-evenly; font-size:22px; padding-left:90px; margin: 0 10%; height:100%; position:absolute; top:0; left:0; z-index:602;}
.skil-zag, .portf-zag{width:100%; text-align:center; padding:2px 40px; position:absolute; top:20px; right:0; z-index:603;}
.skil-zag .icon, .portf-zag .icon {width:35px; height:35px;}
.skil_tilo ul {margin:40px 0; padding:0;}
.skil_tilo li::before {content: "☫"; display: inline-block; width: 16px;height: 16px;margin: 4px 5px 0 0;}
.skil_tilo li:first-child::before, .skil_tilo .bg-logo {display:none;}
.skil_tilo:hover {cursor:context-menu}
.skil_center {width:290px;height:100%;}
.skil_center .cont_logo {top:90px;}
.skil_left {transform-origin: 50% 50% 0px; animation: sklan 6s ease-in-out alternate infinite; transition: all .5s ease-in-out;}
@keyframes sklan {
  from {transform: perspective(100px) rotateY(10deg) skewX(0.0deg) scale(1.0, 1.8)  translateX(-20%);}
  to {transform: perspective(150px) rotateY(6deg) skewX(0.0deg) scale(1.0, 1.0)  translateX(0%);}
}
.skil_righ {transform-origin: 50% 50% 0px; animation: skran 6s ease-in-out alternate infinite; transition: all .5s ease-in-out;}
@keyframes skran {
  from {transform: perspective(100px) rotateY(-10deg) skewX(0.0deg) scale(1.0, 1.8)  translateX(20%);}
  to {transform: perspective(150px) rotateY(-6deg) skewX(0.0deg) scale(1.0, 1.0)  translateX(0%);}
}
.skil_left:hover, .skil_righ:hover {animation-play-state: paused;}

/* SECTION  5 SLIDER */
.portf-zag {text-transform:uppercase;font-size:2.2em;}
.slider, .slider-list, .slide {height:auto;}
.slider {width: 70%; margin: 0 15%; flex-direction: column; align-content: center; align-items: center; touch-action: pan-y; padding:20px;position:absolute; top:100px; z-index:601;}
/* .slider img {poiner-events: none;} */

.slider-list {flex:1;width: 100%;overflow: hidden;}
.slider-list.grab {cursor: grab; opacity:.8;}
.slider-list.grabbing{cursor: grabbing;}
.slider-track  {display: flex;}
.slide {width: 100%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position:relative;}
.slider-arrows {width:100%; margin-top:30px; text-align:center;}
.next,.prev {display: inline-block; background:none; border:none; margin:0 20px; font-size: 40px; cursor: pointer; color:var(--white);}
.next.disabled,.prev.disabled { opacity:.3; pointer-events: none;}
/* slid-main */
.slide img {max-width:100%; height:auto;}
.slider-track {width:100%;}
.slid-txt{display:block; width:50%;  padding:20px; text-align:center; text-align:center; color: var(--blu);font-size:20px; border-radius:10px;  position: absolute; left:50%; bottom:10px; margin-left:-25%;z-index:621;}
.slid-txt .icon {width:24px; height:24px; margin: 0 0 -7px 0;}
.slid-txt:hover {background: var(--white)!important; color:var(--blu)!important; opacity:1;}
/* SECTION END */
.sc-end {height:auto; padding:60px 120px; font-size:20px; text-align:center; z-index:602;}
.end-kont {margin-top:40px;}
.end-kont > div {width:30%;}
.end-kont .icon {display: inline-block; width:45px; height:45px;}


/* ===  PLANSHET 1800 ===  */
@media (max-width: 1800px) {
.tilo, .heaad, .nv-clb{max-width:calc(100% - 80px); width:calc(100% - 80px);}
.heaad{margin:60px auto 0 auto;}
.nv-clb {z-index:777; top:0; left:40px;}
.planu_txt { right:120px;font-size: 2.4em;}
.end-tilo > div {width:30%; margin:20px 0;}
}

@media (max-width: 1550px) {
.sc-proekt.activbl h3 {opacity:1;font-size:2em; top: -140px;right: -600px;}
.sc-proekt h3 .icon {width:40px; height:40px; }

}

@media (max-width: 1360px) {
.slide {flex-direction: column;}
.slid-txt {width:100%;position:relative;margin:-5px 0 0 0; left:0;bottom:0;border-radius: 0 0 10px 10px;}
}

@media (max-width: 1280px) {
.nn_bl {width:600px; top:-250px; left:-300px; display:flex; flex-flow: row wrap;justify-content: space-between; align-self: center; align-items: center; align-content: center;}
.nn_bl > div {width:30%; margin: 20px 0; position:relative; top:auto; left:auto; right:auto; bottom: auto;}

}


@media (max-width: 1100px) {
.tilo, .heaad{max-width:calc(100% - 20px); width:calc(100% - 20px);}
.heaad{margin:20px auto 0 auto;}
.hd_time {font-size: 1.1em; top: -22px;}
.radioPlay{font-size: 0.8em;}
.sc-proekt.activbl h3 {transform:none; width:360px; right:54%; top:115px;}
.sc-proekt.activbl h3 .icon, .proekt_mapua_kolo, .proekt_mapua_kolo2 {display:none;}
.proekt_nn > .nn_bl {position:relative; width:150%; top:200px; left:-73%;}
.activbl .proekt_mapua {bottom: -750px; right: 80px;}
.activbl .proekt_trizyb {bottom:-345px; right: 74%;}
.skil_tilo {margin:0 5%; width:90%; font-size:16px; padding-left:40px;}
.hed_lang {left: 70px;}
.hed_calb {right:-88px;}
.calb_butt {transform:scale(0.7, 0.7);}
.proekt_trizyb {bottom: 56px;}
.proekt_nn .n1 details[open] > span, .proekt_nn .n4 details[open] > span, .proekt_nn .n7 details[open] > span {left:-20px;}
.radioPlay { top: -15px;}
}


@media (max-width: 950px) {	
.lgrn {font-size: 200px;}
.lgtxt {font-size: 40px;}
.planu_txt { right:30px;font-size: 1.8em;}
.sc-end { padding: 40px 60px;font-size: 17px;}
.end-tilo > div {width:43%;}
.end-tilo > .foot-copir {width:100%;}
.activbl .proekt_mapua {right: 20px;}
}


@media (max-width: 860px) {
.planu_txt {width:60%; margin:0 10% 0 12%; font-size: 1.6em; right:0;}
.proekt_nn .n3 details[open] > span, .proekt_nn .n6 details[open] > span {left:-180px;}
.nav li {margin: 25px 0;}
.end-tilo {padding-top:40px;}
.slider {top:50px;}
}

@media (max-width: 750px) {
.end-tilo > div {width:100%;}
.activbl .proekt_mapua {right: -80px;}
.skil_center {width:40px;}
.skil_center .cont_logo {top: 10px; left:-109px;}
.skil_tilo .bg-logo {display:block; position:absolute; top:30px; left:0; margin-left:150px;}
.cont_logo {display:none;}
.circle .cont_logo {display:block;}
.sc-planu .planu_txt {opacity: 1;  transform: none;}
.sc-proekt .proekt_mapua {transform-origin: 50% 50% 0px; transform: perspective(30px) rotateX(6deg) skewY(0.0deg) scale(1.5, 0.9) translateY(-240px)}
.sc-proekt .nn_bl > div {display:block;}
.sc-proekt .proekt_mapua {right:-180px; bottom: -690px;}
.proekt_trizyb {right:4%; bottom:-390px;transform:scale(0.5, 0.5);}
.cont_main.row-bc {transform:scale(0.7, 0.7);}
.cont_main .cont_txt-l > div{margin: 40px 40px 40px 0;}
.cont_main .cont_txt-r > div {margin:40px 0 40px 40px;}
.sc-end { padding: 40px 60px 40px 90px;}
.sc-proekt h3 {transform:none; width:360px; right:54%; top:115px;}
}


@media (max-width: 620px) {	
.nav {left:-30px;width:60px; margin-top: -190px;height: 380px;}
.nav li {font-size:18px;margin: 35px 0;}
.log-cont_lganim {padding:0;}
.lgrn {font-size: 120px;}
.lgtxt {font-size: 20px;margin-top:90px;}
.nn_bl > div {width: 47%; margin: 10px 0;transform:scale(0.7, 0.7);}
.activbl .proekt_mapua {right: -180px;}
.activbl .proekt_trizyb {bottom: -415px; right: 60%;}
@keyframes triz {0% {transform: rotate3d(-5,0,-1,16deg) scale(0.6, 0.6);} 100% {transform: rotate3d(5,0,1,16deg) scale(0.6, 0.6);}}
.proekt_nn > .nn_bl {top: 280px;}
.proekt_nn .n3 details[open] > span, .proekt_nn .n5 details[open] > span {left:-20px;}
.proekt_nn .n4 details[open] > span {left:-140px;}
.n2 {z-index: 45;}
.planu_txt {right: 50px; width:60%;}
.sc-proekt h3 {width:290px; right:40%; top:215px; font-size:1.5em; opacity:1; }
.sc-proekt h3 .icon {display:none;}
}

@media (max-width: 575px) {	
.slider {top:10px; width:80%; margin: 40px 5% 0 15%;}
.slider-arrows { margin-top:0;}
.skil_tilo {padding:0 30px 0 60px;}
.skil_righ, .skil_center, .skil_left {width:100%; height: auto;animation: none; font-size:20px;}
.skil_tilo .mobulnotop {margin-top:0;}
.skil-zag {transform: rotate(-90deg); width:550px; right:-195px; top:40%;}
.slid-txt  span{display:none;}
}

@media (max-width: 495px) {	
.activbl .proekt_trizyb {right: 10%;}
.skil-zag { right:-215px;}
.end-kont > div {width:48%;padding:10px 0;}
.sc-proekt h3 {width:290px; right:30%;}
}

@media (max-width: 390px) {	
.skil-zag {width:700px; right:-305px; top:44%;}
}

@media (max-width: 360px) {	
.sc-proekt h3 {right:10%;}
}