.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width: 768px) {.container{width:750px}}
@media (min-width: 992px) {.container{width:970px}}
@media (min-width: 1200px) {.container{width:1170px}}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
a#touch-menu {display: none;}
body{font-family:'Open Sans',sans-serif;color:#343434;font-weight:400;font-size:15px;line-height:24px}
.logo{width:87px;height:87px}
.container:before,.container:after{display:none}
.header .container,.menu,.flex-uslas,.flex-nrs{display:flex;justify-content:space-between}
.menu{list-style:none;align-items:center}
.phone{display:flex;font-weight:700;font-size:20px;line-height:25px;text-align:right;align-items:center}
a{text-decoration:none;color:#343434}
a:hover{text-decoration:none;transition:.7s;color:#cc3358}
.header{background:#e8f9ff;padding:5px 0}
.menu li{font-weight:700;margin-right:35px;text-transform:uppercase;font-size:14px}
.menu li:last-child{margin-right:0}
.menu li a:hover,.menu li.active a{color:#cc3358}
li.zel a{color:#16ad2a}
body::-webkit-scrollbar{width:10px;background-color:#fff}
body::-webkit-scrollbar-thumb{background-color:#cc3358}
.slider-title h1{text-align:center;font-weight:700;text-transform:uppercase;font-size:38px;margin:40px 0 30px;color:#fff;position:relative;z-index:1;text-shadow:1px 1px 5px #2FC6FF;line-height:1}
.slider-title{position:absolute;top:-30px;width:100%}
.slider-home{height:532px;background:url(/storage/app/media/almaty/slider_bg2.jpg) center no-repeat;background-size:cover;position:relative;overflow: hidden;}
.clouds-down-1,.clouds-up-1,.kabina,.monitor,img.kabinka{position:absolute}
.clouds-up-1{animation:clouds-up-1-animate linear 100s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:clouds-up-1-animate linear 100s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:clouds-up-1-animate linear 100s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:clouds-up-1-animate linear 100s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:clouds-up-1-animate linear 100s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;left:0;z-index:1;top:70px;opacity:.2}
@keyframes clouds-up-1-animate {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-1200px,0);transform:translate(-1200px,0)}
}
@-webkit-keyframes clouds-up-1-animate {
0%{-webkit-transform:translate(0,0)}
100%{-webkit-transform:translate(-1200px,0)}
}
.kabina{bottom:0;left:0;top:auto;right:0;margin:auto;background:url(/storage/app/media/almaty/liniya.svg) no-repeat;width:1109px;height:336px;z-index:2}
img.kabinka{bottom:auto;left:0;margin:0;top:7px;-webkit-animation:kabinka 15s linear infinite;animation:kabinka 15s linear infinite;z-index:1041}
.monitor,.monitor_animate{z-index:2;right:0;margin:auto;left:0}
@-webkit-keyframes kabinka {
0%{-webkit-transform:translate(0,0)}
50%{-webkit-transform:translate(160px,50px)}
}
@keyframes kabinka {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(250px,50px);transform:translate(250px,75px)}
}
.clouds-down-1{animation:clouds-down-1-animate linear 200s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:clouds-down-1-animate linear 200s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:clouds-down-1-animate linear 500s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:clouds-down-1-animate linear 500s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:clouds-down-1-animate linear 500s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%;left:0;top:30px;opacity:.4}
@keyframes clouds-down-1-animate {
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(-1500px,0);transform:translate(-1500px,0)}
}
@-webkit-keyframes clouds-down-1-animate {
0%{-webkit-transform:translate(0,0)}
100%{-webkit-transform:translate(-1500px,0)}
}
.monitor{bottom:0;top:auto;background: url(/storage/app/media/almaty/google-earth2.svg) no-repeat;width:477px;height:297px;}
.polet,img.dym{z-index:3;bottom:0;position:absolute}
.polet{left:0;top:auto;right:0;margin:auto;width:995px;height:345px}
@-webkit-keyframes dym {
from{opacity:1}
to{opacity:0}
}
@keyframes dym {
from{opacity:1}
to{opacity:0}
}
img.dym{right:137px;display:none;-webkit-animation:dym 3s linear infinite;animation:dym 3s linear infinite}
img.obl1{position:absolute;right:100px;bottom:0;z-index:6;-webkit-animation:obl3 2s ease-in-out infinite;animation:obl3 2s ease-in-out infinite}
img.obl2{position:absolute;right:159px;bottom:0;-webkit-animation:obl3 4s ease-in-out infinite;animation:obl3 4s ease-in-out infinite;z-index:5}
img.obl3{position:absolute;right:123px;bottom:0;z-index:4;-webkit-animation:obl3 3s ease-in-out infinite;animation:obl3 3s ease-in-out infinite}
@-webkit-keyframes obl3 {
0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
}
@keyframes obl3 {
0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
}
img.raketa{position:absolute;right:100px;bottom:-170px;z-index:8;-webkit-animation:raketa 5s ease-in-out infinite;animation:raketa 5s ease-in-out infinite}
.mobile,.tablet{bottom:0;text-align:center}
@-webkit-keyframes raketa {
0%{-webkit-transform:translate(0,-190px);transform:translate(0,-190px)}
30%,50%{-webkit-transform:translate(0,-200px);transform:translate(0,-200px)}
40%{-webkit-transform:translate(0,-230px);transform:translate(0,-230px)}
100%{-webkit-transform:translate(0,-700px);transform:translate(0,-700px)}
}
@keyframes raketa {
0%{-webkit-transform:translate(0,-190px);transform:translate(0,-190px)}
30%,50%{-webkit-transform:translate(0,-200px);transform:translate(0,-200px)}
40%{-webkit-transform:translate(0,-230px);transform:translate(0,-230px)}
100%{-webkit-transform:translate(0,-700px);transform:translate(0,-700px)}
}
img.arrows{position:absolute;right:-100px;left:0;top:126px;margin:auto;z-index:1;-webkit-transform:scaleY(.75);transform:scaleY(.75);-webkit-transition:.2s linear;transition:.2s linear}
.mobile,.mobile img,.tablet,.tablet img,img.map,img.pen,img.tenge-big{position:absolute;right:0;margin:auto}
img.logo_in_phone2,img.map{-webkit-transition:.2s linear}
.monitor_block:hover .arrows{-webkit-transform:scaleY(1);transform:scaleY(1);top:115px}
img.pen{top:197px;left:-365px;z-index:3}
img.map{left:330px;top:160px;z-index:9999;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.2s linear}
.monitor_block:hover .map{-webkit-transform:scale(1);transform:scale(1);top:165px}
.mobile img{z-index:3;top:48px;left:5px}
img.logo_in_phone2{top:25px;left:25px;width:65px;opacity:0;transition:.2s linear}
.mobile:hover img:first-child{opacity:0}
#dev .col-md-4:hover .work_hover,.mobile:hover .logo_in_phone2{opacity:1}
.tablet img{top:60px;left:5px}
img.tenge-big{left:490px;bottom:50px;z-index:4;-webkit-animation:tenge-animate linear 8s;animation:tenge-animate linear 8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
img.cogwheel-left-small,img.tenge-small{position:absolute;right:0;margin:auto;-webkit-transform-origin:50% 50%}
img.tenge-small{left:555px;bottom:113px;z-index:4;-webkit-animation:tenge-animate linear 8s;animation:tenge-animate linear 8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
@-webkit-keyframes tenge-animate {
0%,10%{-webkit-transform:rotate(0);transform:rotate(0)}
1%,3%,5%,7%,9%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
2%,4%,6%,8%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes tenge-animate {
0%,10%{-webkit-transform:rotate(0);transform:rotate(0)}
1%,3%,5%,7%,9%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
2%,4%,6%,8%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
img.galochka{position:absolute;bottom:49px;left:auto;right:36px;margin:0;top:auto;-webkit-animation:galochka 4s linear infinite;animation:galochka 4s linear infinite;width:63px}
@-webkit-keyframes galochka {
0%{-webkit-transform:scale(1,1)}
50%{-webkit-transform:scale(.6,.6)}
}
@keyframes galochka {
0%{-webkit-transform:scale(1,1);transform:scale(1,1)}
50%{-webkit-transform:scale(.6,.6);transform:scale(.6,.6)}
}
img.cogwheel-left-small{bottom:165px;left:-515px;z-index:3;-webkit-animation:cogwheel-left linear 5s;animation:cogwheel-left linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
img.cogwheel-left-big,img.cogwheel-left-medium{position:absolute;right:0;margin:auto;z-index:3;-webkit-transform-origin:50% 50%}
img.cogwheel-left-medium{bottom:240px;left:-480px;-webkit-animation:cogwheel-left linear 5s;animation:cogwheel-left linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
img.cogwheel-left-big{bottom:160px;left:-400px;-webkit-animation:cogwheel-right linear 5s;animation:cogwheel-right linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
img.cogwheel-right-medium,img.cogwheel-right-small{-webkit-transform-origin:50% 50%;z-index:3;position:absolute;right:0;margin:auto}
img.cogwheel-right-small{bottom:290px;left:530px;-webkit-animation:cogwheel-right linear 5s;animation:cogwheel-right linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
img.cogwheel-right-medium{bottom:252px;left:360px;-webkit-animation:cogwheel-right linear 5s;animation:cogwheel-right linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}
img.cogwheel-right-big{position:absolute;bottom:220px;left:450px;right:0;margin:auto;z-index:3;-webkit-animation:cogwheel-left linear 5s;animation:cogwheel-left linear 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes cogwheel-left {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes cogwheel-left {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes cogwheel-right {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes cogwheel-right {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
img.balloon{position:absolute;left:-620px;top:185px;right:0;margin:auto;-webkit-animation:balloon 100s linear infinite;animation:balloon 100s linear infinite;z-index:1}
@-webkit-keyframes balloon {
from{-webkit-transform:rotate(0) translateY(150px) rotate(0)}
to{-webkit-transform:rotate(360deg) translateY(150px) rotate(-360deg)}
}
@keyframes balloon {
from{-webkit-transform:rotate(0) translateY(150px) rotate(0);transform:rotate(0) translateY(150px) rotate(0)}
to{-webkit-transform:rotate(360deg) translateY(150px) rotate(-360deg);transform:rotate(360deg) translateY(150px) rotate(-360deg)}
}
img.plane-1{position:absolute;left:-1400px;right:0;bottom:-30px;margin:auto;z-index:1;-webkit-animation:ellipse 40s linear infinite;animation:ellipse 40s linear infinite}
img.plane-3,img.plane-4{right:-30px;z-index:1;position:absolute}
@-webkit-keyframes ellipse {
from{-webkit-transform:skewY(0) rotate(0) translate(250px,0) rotate(0) skewY(0) rotate(0);transform:skewY(0) rotate(0) translate(250px,0) rotate(0) skewY(0) rotate(0)}
to{-webkit-transform:skewY(0) rotate(-360deg) translate(250px,0) rotate(360deg) skewY(0) rotate(-360deg);transform:skewY(0) rotate(-360deg) translate(250px,0) rotate(360deg) skewY(0) rotate(-360deg)}
}
@keyframes ellipse {
from{-webkit-transform:skewY(0) rotate(0) translate(250px,0) rotate(0) skewY(0) rotate(0);transform:skewY(0) rotate(0) translate(250px,0) rotate(0) skewY(0) rotate(0)}
to{-webkit-transform:skewY(0) rotate(-360deg) translate(250px,0) rotate(360deg) skewY(0) rotate(-360deg);transform:skewY(0) rotate(-360deg) translate(250px,0) rotate(360deg) skewY(0) rotate(-360deg)}
}
img.plane-2{position:absolute;top:90px;left:-53px;z-index:1;-webkit-animation:plane2 40s linear infinite;animation:plane2 40s linear infinite}
@-webkit-keyframes plane2 {
to{-webkit-transform:translate(110vw,0);transform:translate(110vw,0)}
}
@keyframes plane2 {
to{-webkit-transform:translate(110vw,0);transform:translate(110vw,0)}
}
img.plane-3{top:240px;-webkit-animation:plane3 40s linear infinite;animation:plane3 40s linear infinite}
@-webkit-keyframes plane3 {
to{-webkit-transform:translate(-110vw,-9vw);transform:translate(-110vw,-9vw)}
}
@keyframes plane3 {
to{-webkit-transform:translate(-110vw,-9vw);transform:translate(-110vw,-9vw)}
}
img.plane-4{top:-30px;-webkit-animation:plane4 40s linear infinite;animation:plane4 40s linear infinite}
@-webkit-keyframes plane4 {
from{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}
to{-webkit-transform:translate(-30vw,0) rotate(360deg);transform:translate(-30vw,0) rotate(360deg)}
}
@keyframes plane4 {
from{-webkit-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}
to{-webkit-transform:translate(-30vw,0) rotate(360deg);transform:translate(-30vw,0) rotate(360deg)}
}
img.human_1,img.human_2,img.tree-left-1,img.tree-left-2,img.tree-left-3,img.tree-right-1,img.tree-right-2,img.tree-right-3{position:absolute;left:0;bottom:0;margin:auto}
img.tree-left-1{right:775px;z-index:2}
img.tree-left-2{right:745px}
img.tree-left-3{right:435px}
img.tree-right-1{right:-580px}
img.tree-right-2{right:-855px}
img.tree-right-3{right:-1100px}
img.human_1{right:-900px}
img.human_2{right:130px;z-index:3}
.whatsappabc{position:fixed;width:64px;height:64px;bottom:5%;left:30px;z-index:99}
.whatsappabc svg{width:100%;height:100%}
.mobhometel{display:none}