body {font: 300 14px/20px 'Montserrat', sans-serif !important;height: auto;background: #1B1D20; color: #2a2a2a !important;}
div{display: block}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
section{background: #e9e9e9;position: relative;box-sizing: border-box;padding: 80px 0; border: none;margin: -1px 0;}
h1{font: 200 120px/176px 'League Spartan', sans-serif;letter-spacing: 3px;font-style: normal;color: #FFFFFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
h2 {font: 400 61px/147% Prosto One,sans-serif;font-style: normal;color: #000000;}
.container {width: 100%;}
h2:hover:after {width: 100px;}
h3, h4, h5 {font-family: 'Montserrat', sans-serif;}
header{position: absolute;z-index: 9;left:0;right: 0;padding: 20px 0 0;}
header .container {width: 100%;height: 100vh;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}

header .main-panel{display: flex;justify-content: space-between;align-items: center;z-index: 9;position: relative;}
header .sub-nav{display: flex;justify-content: space-between;align-items: center;}
header .nav-top{display: flex;align-items: center;}
header .nav-top li{padding: 0 25px;}
header .nav-top li a{font: 400 14px/29px 'Montserrat', sans-serif;text-transform: uppercase;color: #ffffff;text-decoration: none;}
.head-text .box-text {min-width: 36%;max-width: 470px;text-align: left;}
.head-text h1{color: #00d5a8;font-size: 64px;}
.section-title{font-size: 32px;text-align: center;margin: 0 0 50px;padding: 50px 0 0;color: #00d5a8;letter-spacing: 3px;}
/*menu*/
#sub-nav, .sub-menu {display: none;list-style: none;}
#sub-nav{position: absolute;left: 0;right: 0;top:0;background: #fff;padding: 150px 0 30px;height: 50px}
#sub-nav .container{display: flex;justify-content: space-between;align-items: center;}
#sub-nav #menu a{font: 400 20px/29px 'Montserrat', sans-serif;text-transform: uppercase;color: #fff;text-decoration: none;padding: 0 0 20px;display: inline-block;}
#sub-nav .contact-det {font: 400 20px/29px 'Montserrat', sans-serif;text-transform: uppercase;color: #000000;text-decoration: none;padding: 0 0 20px;display: inline-block;}
#sub-nav .contact-det ul li {display: block;}
#sub-nav .contact-det ul li a,#sub-nav .contact-det ul li{font: 400 20px/29px 'Montserrat', sans-serif;text-transform: uppercase;color: #000000;text-decoration: none;padding: 0 0 20px;}
.sub-menu {display: block;background: #fff;position: absolute;left: 0;right: 0;top: 0;padding: 120px 0 30px;}

#video{width: 80%;}

#header .container{display: inline-block;height: auto;}

.box-text_img {min-width: 50%;max-width: 400px;margin: 0 0 0 50px;position: relative;}
.box-text_img img{width: 100%}
#howitswork .img-work{margin-left: -75px}
.advantage-card{padding: 50px 30px 30px;box-sizing: border-box;min-height: 215px;margin: 0 10px;text-align: center;color: #FFFFFF;position: relative;
    background: #272727;border-radius: 5px 5px 0 0;}
.advantage-card .col-title{font-size: 24px;margin: 0 0 20px;}
.advantage-card .col-ico{position: absolute;top: -20px;right: 0;left: -24px;;}
.advantage-card .col-ico i{border-radius: 35px;display: inline-block;position: absolute;width: 48px;height: 48px;
    background: linear-gradient(180deg, #484C51 0%, #1B1D20 100%);}
.advantage-card .col-ico i img{height: 30px;margin: 7px 5px;}
.advantage-card .init-text{font-size: 16px;letter-spacing: 1px;}
.advantage-card::after{content: '';position: absolute;width: 80%;height: 0;left: 0;right: 0;bottom: 0;border: 1px solid #00d5a8;margin: 0 auto;}

.sub-title{font: 400 16px/20% 'Montserrat';font-style: normal;text-transform: uppercase;color:#00d5a8;}

.hw_wr .list-item{display: block;width: 100%;position: relative;padding: 0 0 0 50px;margin: 0 0 25px;}
.hw_wr .list-item_ico{position: absolute;left: 0;top: 7px;}
.hw_wr h2{font: 400 2.5em/1.2em 'Josefin Sans';font-style: normal;color: #2a2a2a;margin: 30px 0 20px;}
.hw_wr p{font: 500 16px/146.7% 'Montserrat';font-style: normal;color: #2a2a2a;letter-spacing: 2px;}

.app .app-img{text-align: center;}
.app .box-title{text-align: center;max-width: 550px;margin: 50px auto;}
.box-title h2{font: 500 36px/40px 'Josefin Sans';font-style: normal;letter-spacing: 1px;margin: 0 0 30px;}
.box-title .sub-title{font: 600 16px/20px 'Montserrat';font-style: normal;letter-spacing: 2px;text-transform: uppercase;color: #00d5a8;margin: 0 0 10px;}

.app .app-item {font: 300 16px/20px 'Montserrat';font-style: normal;margin: 35px 0;}
.app .app-item h4{font: 500 20px/20px 'Josefin Sans';letter-spacing: 2px;font-style: normal;}
.app .right{text-align: right}
.app .row>.col:first-of-type .app_list-item {width: 70%;float: right;}
.app .row>.col:last-of-type .app_list-item {width: 70%;}
.list-item p{letter-spacing: inherit; font: 300 16px/28px 'Montserrat', cursive;font-style: normal;}
/*.list-item .list-item_text{font: 200 16px/40px 'Montserrat', cursive;font-style: normal;}*/
.list-item .list-item_text>div{font: 400 24px/40px 'Josefin Sans', cursive;font-style: normal;color: #2a2a2a;}
/*.list-item .list-item_text>p{}*/

.forwho {font: 400 16px/28px 'Montserrat', cursive ;}
.forwho .for-items{margin: 30px 0 20px;}
.forwho .for-items div{display: inline-block;width: 49%;padding: 0 20px 0 0;}
.forwho .for-items .item-title{color:#00d5a8;font: 500 24px/28px 'Montserrat';margin: 0 0 10px;letter-spacing: 1px;}

.case{background-position: 50% 50%;color: white;background-color: #16162a;position: relative;padding: 100px 0;background-size: 70%;background-repeat: no-repeat;}
.case .container{position: relative}
.case .part{border-left: 1px solid #8B8B8B;}
.case p{font: 400 16px/28px 'Montserrat', cursive;color: white;}
 h3.titleh{color: #00d5a8;font: 500 16px/28px 'Montserrat';margin: 0 0 30px;letter-spacing: 2px;}

#assblt{letter-spacing: 2px;background-position: 50% 50%;background-size: cover;padding: 100px 0;background-repeat: no-repeat;background-image: url(img/bg-demo.png); }
#assblt p:nth-of-type(2){letter-spacing: 2px; font: 600 40px/50px 'Montserrat', cursive;margin: 20px 0}
#assblt p:last-of-type{letter-spacing: 2px; font: 300 14px/20px 'Montserrat', cursive;}
#assblt a.btn{display: inline-block;font: 600 16px/20px 'Montserrat', cursive;font-style: normal;color: #000000;padding: 15px 20px;background: #00FFC9;border-radius: 0;margin: 75px 0 20px 30px;}
#assblt .pra{letter-spacing: 2px; font: 300 14px/20px 'Montserrat', cursive;color: #00d5a8}


/*btn-group*/
.btn-group-head a{position: relative;display: inline-block;padding: 5px 20px;color: #2196f3;text-transform: uppercase;letter-spacing: 2px;margin: 0 10px 0 0;text-decoration: none;font-size: 12px;overflow: hidden;transition: 0.1s;}
.btn-group-head>div{display: inline-block;}
.btn-group-head a:hover {color: white;background: #0097e6;box-shadow: 0 0 5px #0097e6, 0 0 40px #0097e6, 0 0 80px #0097e6;transition-delay: 1s;}
.btn-group-head a span {position: absolute;display: block;}
.btn-group-head a span:nth-child(1) {top:0;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,#2196f3);}
.btn-group-head a:hover span:nth-child(1){left:100%;transition: 1s;}
.btn-group-head a span:nth-child(3) {bottom:0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#2196f3);}
.btn-group-head a:hover span:nth-child(3){right:100%;transition: 1s;transition-delay: 0.2s;}
.btn-group-head a span:nth-child(2){top:-100%;right: -0%;width: 1%;height: 100px;background: linear-gradient(360deg,transparent,#2196f3);}
.btn-group-head a:hover span:nth-child(2){top:100%;transition: 1s;transition-delay: 0.75s;}
.btn-group-head a span:nth-child(4) {bottom:-0px;left: -0%;width: 1%;height: 100px;background: linear-gradient(90deg,transparent,#2196f3);}
.btn-group-head a:hover span:nth-child(4){bottom:100%;transition: 1s;transition-delay: 0.25s;}

/*Change toggle size by adjusting width & height*/
.tb-menu-toggle {border: 0;position: relative;background: transparent;cursor: pointer;padding: 5px 20px;margin: 0 15px 0 0;}

/*Change toggle color here*/
.tb-menu-toggle i {border: 1.5px solid #000000;position: absolute;border-radius: 15px;top: 0;left: 0;width: 100%;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tb-menu-toggle i:nth-child(2) {top: 40%;width: 65%}

/* Style the active toggle here */
.tb-menu-toggle.tb-active-toggle i {  }

/*Animation of the toggle*/
.tb-menu-toggle.tb-animate-toggle i:first-child{top: 40%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.tb-menu-toggle.tb-animate-toggle i:nth-child(2){top: 40%;width: 100%;-webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}

/*button*/

@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap");


.button {position: relative;padding: 1.5rem 4rem;border: 1px solid #dc3545;font-size: 20px;font-weight: 600;
    text-decoration: none;color: white;}
.button:not(:last-child) {margin-right: 40px;}

 /*border animation*/

.btn-border::before, .btn-border::after {content: "";width: 40px;height: 40px;position: absolute;border: inherit;transition: 0.5s;}

.btn-border::before {top: -15px;left: -15px;border-width: 2px 0 0 2px;}
.btn-border::after {bottom: -15px;right: -15px;border-width: 0 2px 2px 0;}
.btn-border:hover::before, .btn-border:hover::after {width: calc(100% + 28px);height: calc(100% + 28px);}

/*skew animation*/

/*   .btn-skew {overflow: hidden;border: none;}*/
/*.btn-skew::before {*/
/*     content: "";top: 0;left: -25px;*/
/*     background-color: #dc3545;position: absolute;height: 100%;width: 0%;*/
/*     transform: skewX(35deg);z-index: -1;transition: width 1s;*/
/* }*/
/*.btn-skew:hover::before {width: 150%;}*/

/*   .btn-cyber-punk {*/
/*       position: relative;*/
/*       clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 75%);*/
/*       background-color: #dc3545;transition: all 0.5s;}*/

/*.btn-cyber-punk:hover {background-color: lighten(#dc3545, 5);color: #17141d;}*/

/*menu*/

.head-text h2{font: 400 48px/146.7% 'Prosto One', cursive;font-style: normal;text-align: right;text-transform: uppercase;color: #FFFFFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.head-text p{font: 400 14px/211.9% 'Montserrat', sans-serif;font-style: normal;right: 0;color: #FFFFFF;
    margin: 20px 0 30px;mix-blend-mode: normal;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.row{margin: 30px 0;display: inline-block;}
.row .col-init{position: relative;display: flex;align-items: center;justify-content: center;}
#head-section{background-repeat: no-repeat;min-height: 89vh;background-position: 25% 50%;background-size: cover;
    /*background-image: url(img/photo.jpg);*/    background-color: #23344D;;
}
.container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
#head-section{height: 100vh;display: block;position: relative}
.button-group .icon a{padding: 15px;display: inline-block;}
.button-group .icon a img{height: 25px;}
.init-text{font: 400 14px/29.67px 'Montserrat',sans-serif;}
.init-text p:first-of-type{font: 400 18px/38px 'Montserrat',sans-serif;margin: 0 0 30px;}
.head-text{align-self: center;width: 100%;display: flex;justify-content: flex-start;align-content: stretch;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.init-img img{width: 100%}
.button-group{display: inline-flex;flex-direction: row;align-items: flex-end;}
#head-section .button-group{margin-bottom: 15%;display: none;}
.arrow{position: absolute;bottom: 0;}
#head-section .container{height: 100vh;display: flex;justify-content: space-evenly;flex-direction: row;align-items: center;}
#head-section .arrow{display: none;position: absolute;bottom: 17%}
#properties .row:first-of-type .col-init::after{position: absolute;content: ' ';bottom: 5px;left: 0;right: 0;display: inline;width: 414px;height: 1px;text-align: center;margin: 0 auto;background: #000000;z-index: 9;}

#properties .row h2{width: 60%;margin: 0 0 40px;}
.row .line{position: absolute;left: 0;right: 0;overflow: hidden;z-index: 9;}
.row:first-of-type .line{font: 400 40px/59px 'Prosto One',cursive;text-align: right;text-transform: uppercase;color: #fff;mix-blend-mode: color-dodge;z-index: 9;margin: 13% 0 0;}
.row:last-of-type .line{font: 400 34px/50px 'Prosto One',cursive;text-align: right;text-transform: uppercase;color: #fff;mix-blend-mode: color-dodge;margin: 1% 0 0;}
#properties .col .btn{float: right;padding: 10px 50px 5px 0;margin: 30px 0 0;font: 400 18px/38px 'Montserrat',sans-serif;font-style: normal;color: #000000;position: relative;}
#properties .col .btn::after{content:'';background-image: url('img/Arrow 5.png');background-position: 100%;background-repeat: no-repeat;background-size: cover;position: absolute;bottom: 0;left: 0;right: 0;height: 10px;}
.mob-s{display: none}

.svg-map{position: absolute;left: 0;right: 0;height: 100%;opacity: 0.4;overflow: hidden;}
.svg-map svg{ transform: translate(-50%,-50%);height: 100%;width: auto;position: absolute;left: 50%;right: 0;top: 40%;margin: 0 auto;display: inline-block;}

.sphere {position: absolute;width: 300px;height: 300px;top: -152px;bottom: 0;left: 21%; /* margin-left: -150px; */-moz-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-animation: rotate 30s infinite linear;-webkit-animation: rotate 30s infinite linear;animation: rotate 30s infinite linear;}
.sphere div {
    position: absolute;
    width: 300px;
    height: 300px;
    border: solid 1px rgba(0, 153, 204, 0.5);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 3px #0099cc, inset 0 0 3px #0099cc;
    -webkit-box-shadow: 0 0 3px #0099cc, inset 0 0 3px #0099cc;
    box-shadow: 0 0 3px #0099cc, inset 0 0 3px #0099cc;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.sphere div:nth-of-type(1) {
    -moz-transform: rotateY(18deg);
    -ms-transform: rotateY(18deg);
    -webkit-transform: rotateY(18deg);
    transform: rotateY(18deg);
}
.sphere div:nth-of-type(2) {
    -moz-transform: rotateY(36deg);
    -ms-transform: rotateY(36deg);
    -webkit-transform: rotateY(36deg);
    transform: rotateY(36deg);
}
.sphere div:nth-of-type(3) {
    -moz-transform: rotateY(54deg);
    -ms-transform: rotateY(54deg);
    -webkit-transform: rotateY(54deg);
    transform: rotateY(54deg);
}
.sphere div:nth-of-type(4) {
    -moz-transform: rotateY(72deg);
    -ms-transform: rotateY(72deg);
    -webkit-transform: rotateY(72deg);
    transform: rotateY(72deg);
}
.sphere div:nth-of-type(5) {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.sphere div:nth-of-type(6) {
    -moz-transform: rotateY(108deg);
    -ms-transform: rotateY(108deg);
    -webkit-transform: rotateY(108deg);
    transform: rotateY(108deg);
}
.sphere div:nth-of-type(7) {
    -moz-transform: rotateY(126deg);
    -ms-transform: rotateY(126deg);
    -webkit-transform: rotateY(126deg);
    transform: rotateY(126deg);
}
.sphere div:nth-of-type(8) {
    -moz-transform: rotateY(144deg);
    -ms-transform: rotateY(144deg);
    -webkit-transform: rotateY(144deg);
    transform: rotateY(144deg);
}
.sphere div:nth-of-type(9) {
    -moz-transform: rotateY(162deg);
    -ms-transform: rotateY(162deg);
    -webkit-transform: rotateY(162deg);
    transform: rotateY(162deg);
}
.sphere div:nth-of-type(10) {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.sphere div:nth-of-type(11) {
    -moz-transform: rotateY(198deg);
    -ms-transform: rotateY(198deg);
    -webkit-transform: rotateY(198deg);
    transform: rotateY(198deg);
}
.sphere div:nth-of-type(12) {
    -moz-transform: rotateY(216deg);
    -ms-transform: rotateY(216deg);
    -webkit-transform: rotateY(216deg);
    transform: rotateY(216deg);
}
.sphere div:nth-of-type(13) {
    -moz-transform: rotateY(234deg);
    -ms-transform: rotateY(234deg);
    -webkit-transform: rotateY(234deg);
    transform: rotateY(234deg);
}
.sphere div:nth-of-type(14) {
    -moz-transform: rotateY(252deg);
    -ms-transform: rotateY(252deg);
    -webkit-transform: rotateY(252deg);
    transform: rotateY(252deg);
}
.sphere div:nth-of-type(15) {
    -moz-transform: rotateY(270deg);
    -ms-transform: rotateY(270deg);
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg);
}
.sphere div:nth-of-type(16) {
    -moz-transform: rotateY(288deg);
    -ms-transform: rotateY(288deg);
    -webkit-transform: rotateY(288deg);
    transform: rotateY(288deg);
}
.sphere div:nth-of-type(17) {
    -moz-transform: rotateY(306deg);
    -ms-transform: rotateY(306deg);
    -webkit-transform: rotateY(306deg);
    transform: rotateY(306deg);
}
.sphere div:nth-of-type(18) {
    -moz-transform: rotateY(324deg);
    -ms-transform: rotateY(324deg);
    -webkit-transform: rotateY(324deg);
    transform: rotateY(324deg);
}
.sphere div:nth-of-type(19) {
    -moz-transform: rotateY(342deg);
    -ms-transform: rotateY(342deg);
    -webkit-transform: rotateY(342deg);
    transform: rotateY(342deg);
}
.sphere div:nth-of-type(20) {
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.sphere div:nth-of-type(21) {
    -moz-transform: rotateX(378deg);
    -ms-transform: rotateX(378deg);
    -webkit-transform: rotateX(378deg);
    transform: rotateX(378deg);
}
.sphere div:nth-of-type(22) {
    -moz-transform: rotateX(396deg);
    -ms-transform: rotateX(396deg);
    -webkit-transform: rotateX(396deg);
    transform: rotateX(396deg);
}
.sphere div:nth-of-type(23) {
    -moz-transform: rotateX(414deg);
    -ms-transform: rotateX(414deg);
    -webkit-transform: rotateX(414deg);
    transform: rotateX(414deg);
}
.sphere div:nth-of-type(24) {
    -moz-transform: rotateX(432deg);
    -ms-transform: rotateX(432deg);
    -webkit-transform: rotateX(432deg);
    transform: rotateX(432deg);
}
.sphere div:nth-of-type(25) {
    -moz-transform: rotateX(450deg);
    -ms-transform: rotateX(450deg);
    -webkit-transform: rotateX(450deg);
    transform: rotateX(450deg);
}
.sphere div:nth-of-type(26) {
    -moz-transform: rotateX(468deg);
    -ms-transform: rotateX(468deg);
    -webkit-transform: rotateX(468deg);
    transform: rotateX(468deg);
}
.sphere div:nth-of-type(27) {
    -moz-transform: rotateX(486deg);
    -ms-transform: rotateX(486deg);
    -webkit-transform: rotateX(486deg);
    transform: rotateX(486deg);
}
.sphere div:nth-of-type(28) {
    -moz-transform: rotateX(504deg);
    -ms-transform: rotateX(504deg);
    -webkit-transform: rotateX(504deg);
    transform: rotateX(504deg);
}
.sphere div:nth-of-type(29) {
    -moz-transform: rotateX(522deg);
    -ms-transform: rotateX(522deg);
    -webkit-transform: rotateX(522deg);
    transform: rotateX(522deg);
}
.sphere div:nth-of-type(30) {
    -moz-transform: rotateX(540deg);
    -ms-transform: rotateX(540deg);
    -webkit-transform: rotateX(540deg);
    transform: rotateX(540deg);
}
.sphere div:nth-of-type(31) {
    -moz-transform: rotateX(558deg);
    -ms-transform: rotateX(558deg);
    -webkit-transform: rotateX(558deg);
    transform: rotateX(558deg);
}
.sphere div:nth-of-type(32) {
    -moz-transform: rotateX(576deg);
    -ms-transform: rotateX(576deg);
    -webkit-transform: rotateX(576deg);
    transform: rotateX(576deg);
}
.sphere div:nth-of-type(33) {
    -moz-transform: rotateX(594deg);
    -ms-transform: rotateX(594deg);
    -webkit-transform: rotateX(594deg);
    transform: rotateX(594deg);
}
.sphere div:nth-of-type(34) {
    -moz-transform: rotateX(612deg);
    -ms-transform: rotateX(612deg);
    -webkit-transform: rotateX(612deg);
    transform: rotateX(612deg);
}
.sphere div:nth-of-type(35) {
    -moz-transform: rotateX(630deg);
    -ms-transform: rotateX(630deg);
    -webkit-transform: rotateX(630deg);
    transform: rotateX(630deg);
}
.sphere div:nth-of-type(36) {
    -moz-transform: rotateX(648deg);
    -ms-transform: rotateX(648deg);
    -webkit-transform: rotateX(648deg);
    transform: rotateX(648deg);
}
.sphere div:nth-of-type(37) {
    -moz-transform: rotateX(666deg);
    -ms-transform: rotateX(666deg);
    -webkit-transform: rotateX(666deg);
    transform: rotateX(666deg);
}
.sphere div:nth-of-type(38) {
    -moz-transform: rotateX(684deg);
    -ms-transform: rotateX(684deg);
    -webkit-transform: rotateX(684deg);
    transform: rotateX(684deg);
}
.sphere div:nth-of-type(39) {
    -moz-transform: rotateX(702deg);
    -ms-transform: rotateX(702deg);
    -webkit-transform: rotateX(702deg);
    transform: rotateX(702deg);
}
.sphere div:nth-of-type(40) {
    -moz-transform: rotateX(720deg);
    -ms-transform: rotateX(720deg);
    -webkit-transform: rotateX(720deg);
    transform: rotateX(720deg);
}

@-webkit-keyframes rotate {
    0% {
        -moz-transform: rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateY(0deg) rotateZ(0deg);
        -webkit-transform: rotateY(0deg) rotateZ(0deg);
        transform: rotateY(0deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateY(360deg) rotateZ(360deg);
        -ms-transform: rotateY(360deg) rotateZ(360deg);
        -webkit-transform: rotateY(360deg) rotateZ(360deg);
        transform: rotateY(360deg) rotateZ(360deg);
    }
}
@keyframes rotate {
    0% {
        -moz-transform: rotateY(0deg) rotateZ(0deg);
        -ms-transform: rotateY(0deg) rotateZ(0deg);
        -webkit-transform: rotateY(0deg) rotateZ(0deg);
        transform: rotateY(0deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateY(360deg) rotateZ(360deg);
        -ms-transform: rotateY(360deg) rotateZ(360deg);
        -webkit-transform: rotateY(360deg) rotateZ(360deg);
        transform: rotateY(360deg) rotateZ(360deg);
    }
}



@-webkit-keyframes scrolls {
    0% {top: 8px;opacity: 0;-webkit-transform: scaleY(1) scaleX(1);}
    5% {top: 8px;opacity: 0.8;-webkit-transform: scaleY(1.2) scaleX(1.2);}
    10% {top: 8px;opacity: 1;-webkit-transform: scaleY(1.6) scaleX(1.6);}
    15% {top: 8px;opacity: 1;-webkit-transform: scaleY(1.2) scaleX(1.2);}
    20% {top: 8px;opacity: 1;-webkit-transform: scaleY(1.2) scaleX(1.2);}
    30% {top: 15px;opacity: 1;-webkit-transform: scaleY(1.2) scaleX(1.2);}
    100% {top: 30px;opacity: 0;-webkit-transform: scaleY(1.2) scaleX(0.8);}
}
@media (min-width: 768px){
    .col-lg-6 {width: 50%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left:15px }
}
@media (min-width: 768px) and (max-width: 991px) {
    .intro {height: 100%;padding: 0;}
    .intro .intro-body .brand-heading {font-size: 130px;}
    .intro .intro-body .intro-text {font-size: 35px;}
    .container {width: 750px;}
    .col-lg-6 {width: 50%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
    .row .col{margin: 0 0 50px;}
    #properties .row h2 {width: 60%;margin: 0 0 40px;font: 400 2rem/147% Prosto One,sans-serif;}
    .row:first-of-type .line {font: 400 1.4rem/59px 'Prosto One',cursive;margin: 10% 0 0;}
    .init-text {padding: 0 0 0 20px;}
    #head-section .container {height: 100vh;display: flex;justify-content: space-evenly;flex-direction: column;}
    #head-section .button-group {display: none;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .container {width: 970px;}
    .col-lg-6 {width: 50%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
    .row .col{margin: 0 0 50px;}
    #properties .row h2 {width: 60%;margin: 0 0 40px;font: 400 2rem/147% Prosto One,sans-serif;}
    .row:first-of-type .line {font: 400 1.4rem/59px 'Prosto One',cursive;margin: 10% 0 0;}
    .init-text {padding: 0 0 0 20px;}

}
@media (min-width: 1200px){
    .container {width: 1170px;}
    .init-text,.init-img {padding-left: 80px}
}
@media (min-width: 1450px){
    .container {width: 1450px;}
}
@media (min-width: 1650px){
    .container {width: 1650px;}
}
@media (max-width: 767px) {
    .col-lg-6 {width: 100%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left:15px }
    .row .col-init {position: relative;display: flex;flex-direction: column; align-items: center;}
    .nav-top.mob-hide li{display: none}
    .nav-top.mob-hide li:last-of-type{display: inline-block}
    .mob-s{display: inline-block}
    header .nav-top {display: flex;align-items: center;flex-direction: column;}
    #menu .menu{text-align: center}
    #sub-nav .container {display: flex;align-items: stretch;flex-direction: column-reverse;justify-content: space-evenly;flex-wrap: wrap;}
    #sub-nav #menu a {font: 400 14px/10px 'Montserrat', sans-serif;}
    #sub-nav {padding: 95px 0 30px;}
    #sub-nav .contact-det {text-align: center;}
    #sub-nav .contact-det ul li a, #sub-nav .contact-det ul li {font: 400 14px/18px 'Montserrat', sans-serif;}
    .tb-menu-toggle {padding: 5px 15px;}
    h1 {font: 200 3.5rem/80px 'League Spartan', sans-serif;}
    .head-text h2 {font: 400 1.8rem/146.7% 'Prosto One', cursive;}
    .head-text p {width: 100%;}
    #properties .row h2 {width: 60%;margin: 0 0 40px;}
    h2 {font: 400 1.4rem/147% Prosto One,sans-serif;}
    #head-section .button-group {display: none;}
    #properties .row:first-of-type .col-init::after{display: none;}
    #properties .row:first-of-type .arrow {display: none;}
    .row:first-of-type .line {margin: 15% 0 0;}
    .line {font: 400 1.1rem/59px 'Prosto One',cursive; margin: 15% 0 0;}
    .init-text, .init-text p:first-of-type {font: 400 12px/23px 'Montserrat',sans-serif;}
}
@media (max-width: 650px) {
    .svg-map svg {transform: translate(-50%,-50%);height: auto;width: 180%;}
    #howitswork .img-work {margin-left: inherit;}
}
/* Landscape phones and smaller */
@media only screen and (max-width: 480px) {
    .brand-heading {font-size: 85px;margin-top: 10%;}
    .col-exp {margin-top: 15%;}
    .timeline .timeline-experience {margin-left: 20px;padding-left: 20px;}
    .timeline time {width: 40px;}
    .services-item {margin-bottom: 15%;}

}
@media (max-width: 480px) {
    .advantage-card {padding: 30px 30px 10px;box-sizing: border-box;min-height: 170px;margin: 0 10px 30px;text-align: center;color: #FFFFFF;position: relative;background: #272727;border-radius: 5px 5px 0 0;}
    .head-text {align-self: center;display: flex;align-items: center;justify-content: center;align-content: center;flex-direction: column-reverse;flex-wrap: nowrap;}
    #head-section {background-repeat: no-repeat;min-height: 89vh;background-position: 25% 50%;background-size: cover;background-color: #0c1826;}
    .head-text .box-text {max-width: 470px;text-align: center;}
    .box-text_img {margin: 0 45px;}
    .hw_wr img{position: relative;width: 100%;margin: 0 0 36px;left: 0;}
    .forwho img{width: 100%}
     .case .part {border:none}
    .case .part div{border:none;text-align: center}
    .case .part div div{display: inline-block;margin: 0 15px 0;}
    .case .part div div img{height: 55px}
    #video{width: 100%;}
    .row{display: block !important;}


}