@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
:-moz-placeholde {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::-moz-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
:-ms-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::-ms-input-placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
::placeholder {color:#2B2E40;font-size: 15px;font-weight:400;text-align:left;}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-box-sizing: border-box;-webkit-box-align: start;-webkit-border-fit: border;-webkit-margin-collapse: discard;-webkit-border-radius: 0;outline:none;}
body,html {max-width:100%;min-width:375px;overflow-x:hidden;text-align:center;font-family:'Poppins',sans-serif;font-size:16px;line-height:29px;margin:0;padding:0;background: #fff;color:#2B2E40;font-weight:400;min-height:100vh;letter-spacing: 0;font-style:normal;text-transform:none;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;overflow:hidden;min-height:100vh;}
a {text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#92D1DF;}
a:hover {text-decoration:none;color:#92D1DF}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4,h5 {font-weight:600;}
h2, h1 {font-size: 48px;line-height:64px;color:#2B2E40;letter-spacing:-.83px}
h1 {font-weight:700}
h3 {font-size:20px;line-height:30px;}
h4 {color:#2B2E40;font-size:15px;line-height:29px;font-weight:700;text-transform:uppercase;letter-spacing:2.81px}
ul:after, ol:after, .bg:not(.flex):after, .inner:after, .section:after, .fix .menu:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:700;}
sup {display:inline-block;font-size:.4em;top:0;margin:0;padding-top:.5em;line-height:.5em;vertical-align:top;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 12px;width:1288px;margin:auto;box-sizing: border-box;max-width:100%;}
.footer .bg, .contact .bg {width: 958px;}
.inner {padding: 12px;clear:both;float:none;box-sizing: border-box;width:100%;}

.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col35 {width:35%}
.col33 {width: 33.3333%}
.col40 {width: 40%}
.col45 {width: 45%}
.col50 {width: 50%}
.col55 {width: 55%}
.col60 {width:60%}
.col65 {width:65%}
.col66 {width: 66.6666%}
.col70 {width:70%}
.col75 {width:75%}
.col80 {width:80%}
.col100 {width:100%;}

.cols2 {column-count:2;column-gap:40px;}

.inline {display: inline-block;}
.flex {display: flex;flex-wrap:wrap;}
.flexcenter {align-items:center;}
.flexbottom {align-items:flex-end}
.flextop {align-items:flex-start}
.justifycenter {justify-content:center;}
.flexbetween {justify-content:space-between;}

.taleft {text-align:left}
.taright {text-align:right}
.tacenter {text-align:center;}
.fleft {float:left!important;}
.fright {float: right!important}
.tag {top:-88px;position:absolute;left:0;display:block;}
.anim, .ic_prev, .ic_next {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.abs {position:absolute;top:0;left:0;right:0;bottom:0;display:block;}
.upper {text-transform:uppercase;}
.blue {color:#92D1DF;}
.darkblue {color:#92D1DF}
.green {color:#92D1DF}
.zindex4 {z-index:4}

input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Poppins',sans-serif;border:0;padding:15px;height:60px;line-height:30px;font-size:20px;
color:#2B2E40;border-radius: 0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background-color:transparent;resize:none;padding-left:40px;padding-right:40px;font-weight:500;display: block;box-shadow: 0;text-align:left;border: 1px solid rgba(49,64,78,.36);border-radius: 15px;}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:140px;}
input:focus, textarea:focus , select:focus {border: 1px solid rgba(49,64,78,1)}
input:focus {text-align:center;}

button {cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;border:0;}
input[type="submit"] {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;}

.btn, .button a {display: inline-block;box-sizing: border-box;padding:11px;padding-left:32px;padding-right:32px;border:2px solid #92D1DF;color:#fff;text-transform:none;text-decoration:none;font-size:14px;min-height:47px;line-height:21px;font-family:'Poppins',sans-serif;font-weight:700;background:#92D1DF;letter-spacing: .29px;border-radius: 23.5px;}
.btn:hover, .button a:hover {background: transparent;color:#92D1DF}

.button a {padding:9px;padding-left:24px;padding-right:24px;min-height:43px;font-size:14px;}
.buttongray a {background:#484C55;border-color:#484C55}
.buttongray a:hover {color:#484C55}

.btn.btndarkblue {background:#2B2E40;border-color:#2B2E40;box-shadow: 0 20px 22px #318BDB;}
.btn.btndarkblue:hover {background: transparent;color:#2B2E40;box-shadow:none;}
.btn.btnborderwhite {border-color: #fff;background: transparent;}
.btn.btnborderwhite:hover {border-color:#fff;background:#fff;color:#2B2E40}
.btn.btnborderblue {border-color: #2B2E40;background: transparent;color:#2B2E40}
.btn.btnborderblue:hover {border-color:#2B2E40;background:#2B2E40;color:#fff}

.btn.btnlarge {font-size:17px;line-height:26px;padding-top:18px;padding-bottom:18px;letter-spacing:.35px;min-height:66px;width:330px;max-width:100%;box-shadow: 0 16px 40px #F7BCCD;border-radius:33px;text-align:center;}

.btn.btnwhite {background:#fff;box-shadow: 0 16px 40px #4D8C1B;border-color:#fff;color:#2B2E40}
.btn.btnwhite:hover {background-color:#2B2E40;border-color:#2B2E40;color:#fff;}

.navigation {width:96px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:-54px;right:12px}
.ic_next, .ic_prev {display:block;width:42px;height:42px;border:1px solid #fff;border-radius:100%;background:transparent url(../img/ic_arrow_white.svg) no-repeat center center;background-size:contain;cursor:pointer;cursor:pointer}
.ic_prev {transform:rotate(180deg)}
.section .ic_next, .section .ic_prev {border-color:#2B2E40;opacity:.31;background-image: url(../img/ic_arrow_gray.svg)}
.section .ic_next:hover, .section .ic_prev:hover {background-color:#92D1DF!important;border-color:#fff!important;background-image: url(../img/ic_arrow_white.svg)!important;opacity:1!important}

/* Header */
.fix {position:fixed;min-width:375px;width:100%;z-index: 99;top:0;left:0;right:0;background:#fff;}
.scroll .fix {box-shadow: 0 0 20px rgba(43,46,64,.2)}
@media only screen and (min-width:1101px){
.fix {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
}
.fix .ic_menu {display:none;cursor:pointer;}
.logo {display: block;width: 147px;height:60px;background: url(../img/isophi-smart-logo.svg) no-repeat center center;background-size:contain;float:left;overflow:hidden;text-align:left;text-indent:-9999px;margin-top:-10px;margin-bottom:-10px;}
.structure .logo {float:none;max-width:100%;margin:auto;}
@media only screen and (min-width:1101px){
  .structure .logo {width:322px;height:124px;margin:0;}
}
.logo.isophi {background-image: url(../img/isophi-logo.svg);}

.menu {float: right;height:40px;}
.menu ul {margin:-24px;margin-top:-2px;margin-bottom:-1px;}
.menu ul li {height:43px;margin:0;margin-left:24px;margin-right:24px;float:left;}
.menu ul li:not(.button) a {display:block;line-height:43px;font-size: 14px;font-weight:500;letter-spacing:.43px;color:#2B2E40;}
.menu ul li:not(.button) a:hover {color:#92D1DF}
.menu ul li.buttongray {margin-left:-12px;}
.menu ul li.buttonwhite {display:none!important;}


/* Content */
.content {min-height:100vh;box-sizing:border-box;}
.page:not(.front-page) .content {padding-top:88px;}
.section {padding-top:64px;padding-bottom:64px;}
.section h2 {margin-bottom:48px;}
.section p, .section h3, .section ul {margin-bottom:29px;}

/* Promo */
.promo {background:#92D1DF;padding-top:88px;box-sizing:border-box;z-index:4}
.promo .col60 {z-index:5}
.promo .bg {min-height:630px;}
.promo p {font-size:22px;line-height:34px;font-weight:500;margin-bottom:48px;color:#fff;}
.promo img {width:auto;height:auto;max-width:100%;margin:auto;}
.promo p:last-child, .whitebox p:last-child {margin:0;}
.promo .navigation {right:40px;}
.promo h1 {margin-bottom:24px;}
.promo h4 {margin-bottom:24px;color:#fff;}
.promo .overimg {width:50%;position:absolute;height:auto;right:0;bottom:0;left:auto;display:flex;align-items:center;justify-content:center;top:0;}
.promo .overimg img {max-width:115%;width:auto;height:auto;margin:auto;margin-right:-15%;}

/* Video */
.video {padding-bottom:0;}
@media only screen and (min-width:1101px){
.video p, .structure .col60 p {font-size: 23px;font-weight:500;line-height:43px;letter-spacing:-.4px;margin-bottom:43px;}
.structure .col60 p {margin-bottom:16px;}
}

.pluses {background: #92D1DF;margin-top:64px;}
.pluses h3, .system h3 {color:#fff;font-weight:700;font-size:25px;line-height:1.5em;margin-bottom:24px;}
.pluses ul {width:320px;max-width:calc(100% - 24px);margin:12px;text-align:left;}
.pluses ul li {padding-left:20px;margin-bottom:4px;}
.pluses ul li:before {font-weight:700;color:#fff;position:absolute;top:0;left:0;content:'+';}
.pluses ul li:first-child {padding-left:0;margin-bottom:0;}
.pluses ul li:first-child:before {display:none;}

.system {background:#92D1DF;}
@media only screen and (min-width:1101px){
.system .bg:nth-child(even) .col33 {order:2;}
.system .bg:nth-child(even) .col66 {order:1}
.system .col66 .inner {width:610px;max-width:100%;margin-left:0;margin-right:auto;}
.system .bg:nth-child(even) .col66 .inner {margin-left:auto;margin-right:0;text-align:right;}
}
.system .thumb {width:287px;max-width:100%;aspect-ratio:287/407;margin:auto;background-color:#92D1DF;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:18px;box-shadow: 0 0 41px #5DB8CC;margin-bottom:24px;}

.system .bg:first-child .col66:before, .system .bg:nth-child(2) .col66:before, .whitebox .flex p.tacenter:before, .whitebox .flex p.tacenter:after {width:300px;height:61px;display:block;margin:0;background: url(../img/ic_arrow-01.svg) no-repeat center center;background-size:contain;content:'';margin-left:-32px;}
.system .bg:nth-child(2) .col66:before {width:130px;height:88px;background-image: url(../img/ic_arrow-02.svg);}

.whitebox .flex p.tacenter:before, .whitebox .flex p.tacenter:after {position:absolute;top:-58px;right:-24px;}
.whitebox .flex p.tacenter:before {bottom:-40px;left:-24px;top:auto;right:auto;}
.whitebox .flex p.tacenter:before {width:174px;height:45px;background-image: url(../img/ic_arrow-03.svg?v1)}
.whitebox .flex p.tacenter:after {width:151px;height:49px;background-image: url(../img/ic_arrow-04.svg)}

@media only screen and (min-width:1101px){
  .system .bg:nth-child(2) .col66:before {position:absolute;bottom:-48px;right:-40px;}
}

@media only screen and (max-width:1100px){
  .whitebox .flex p.tacenter:before {transform: rotate(-100deg);bottom:-124px}
  .whitebox .flex p.tacenter:after {transform: rotate(-45deg);right:auto;left:0;}
}

.structure h2, .structure .col60 ul h3 {font-weight:700}
.structure .col60 ul {margin:0;margin-left:-38px;margin-right:-6px;}
.structure .col60 ul li {margin:6px;background:#fff;border-radius: 18px;box-shadow: 0 0 22px #DFEAF8;padding:20px;padding-left:32px;padding-right:32px;display:inline-block;}
.structure .col60 ul li h3 {margin-bottom:0;color:#ED6C85;}
.structure .col60 ul li:nth-child(even) h3 {color:#69B42E}
@media only screen and (min-width:1101px){
.structure h2 {font-size: 37px;line-height:45px;letter-spacing:-.64px;}
.structure .col60 ul h3, .structure .whitebox h2 {font-size:32px;line-height:40px;letter-spacing:-.4px;}
.structure .whitebox h2 {margin-bottom:24px;}
}

.whitebox {padding:44px;background:#fff;border-radius: 18px;box-shadow: 0 0 22px #DFEAF8;}
.whitebox h2 {color:#ED6C85;}
.structure-item:nth-child(even) .whitebox h2 {color:#69B42E}
.whitebox .flex img {width:268px;max-width:100%;margin:auto;}
.whitebox .flex p.tacenter {z-index:4}
@media only screen and (min-width:1101px){
  .whitebox .flex p.tacenter {width:500px;margin:auto;max-width:100%;font-size:18px;line-height:39px;}
  .whitebox .flex p {margin:auto!important;}
}

@media only screen and (max-width:1200px){
.whitebox .flex img {width:200px;}
}
@media only screen and (max-width:1100px){
  .whitebox .flex {display:block!important;}
}

/* Functions */
.functions .items {margin:0;justify-content:center;}
.functions .item {border-radius:18px;background:#fff;margin:12px;box-shadow:0 0 22px #E6EAEE;text-align:left;padding:24px;box-sizing:border-box;width:calc(25% - 24px);}
.functions .item .thumbnail {background-position:center center;background-size: contain;aspect-ratio:244/312;;background-repeat:no-repeat;margin:0;width:100%;height:auto;margin-bottom:24px;}
.functions .item p {line-height:27px;margin-bottom:27px;}
.functions .item p:last-child {margin-bottom:0;}
.functions .item h3 {font-weight:700}

.functions {padding-top:0!important;padding-bottom:0!important;}

.ic_zoom {width:36px;height:36px;border-radius:100%;background:#92D1DF url(../img/ic_zoom.svg) no-repeat center center;background-size:contain;position:absolute;bottom:0;right:0;display:block;}
.thumbnail:hover .ic_zoom {background-color:#92D1DF}

/* Movie */
.movie {width: 696px;margin:auto;max-width:100%}
.movie a {display:block;height:0;padding-bottom:56%;border: 8px solid #92D1DF;border-radius: 18px;background: rgba(255,255,255,.4);overflow:hidden;box-shadow: 0 0 22px #DFEAF8;}
.movie a .cover {position:absolute;top:0;left:0;right:0;bottom:0;display:block;background: url(../img/video.png) no-repeat center center;background-size:cover;opacity:.58}
.video h3.title {display:block;font-size: 27px;font-weight:600;line-height:36px;letter-spacing:-.47px;text-align:center;color:#92D1DF;margin:0;}
.movie a .ic_play {display:block;width:167px;height:167px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: url(../img/ic_play.svg?v1) no-repeat center center;background-size: contain;}

/* Videos */
.videos {padding-bottom:0;}
.videos-list {display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px;}
.videos-item {margin:12px;margin-left:32px;margin-right:32px;box-shadow: 0 0 22px #E6EAEE;background:#fff;padding:24px;border-radius: 18px;width:calc(50% - 64px)}
.videos-item .desc {padding:32px;}
.videos-item .movie a {border:0;border-radius:0;box-shadow:none}
.videos-item .movie a .cover {opacity:1}
.videos-item .movie a .ic_play {width:96px;height:96px;}

/* Reference */
.reference h2 {margin-bottom:12px;}
.reference .item {box-shadow: 0 0 22px #E6EAEE;background:#fff;padding:24px;border-radius: 18px;margin:12px;text-align:left;width:calc(316px - 24px);box-sizing:border-box;}
.reference .swiper-slide {align-items:flex-start;width:auto;}
.reference .item p {font-size: 14px;line-height:25px;margin-bottom:24px;}
.reference .item p:last-child, .videos-item p:last-child {margin:0;}
.reference .item h3, .videos-item h3 {margin-bottom:24px;}

/* Contact */
.contact {background:#92D1DF;padding-bottom:24px}
.contact .img {width: 279px;height:279px;position:absolute;top:12px;right:-140px;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.contact .hline {margin:auto;height:1px;background:#2B2E40;width:910px;max-width:100%;opacity:.23}
.contact .col50 .hline {max-width: calc(100% - 12px);margin:0}
.contact .hline.transparent {background:transparent;opacity:0;}
.contact h2, .contact h3 {color:#fff;}
.contact h2 {margin-bottom:24px;}
.contact h3 {font-size: 33px;line-height:40px;letter-spacing:.4px;margin:0;font-weight:500;margin-bottom:24px;}
.contact h4 {margin-bottom:16px;}
.contact .vline:before {display:block;width:1px;background:#2B2E40;position:absolute;top:12px;bottom:-12px;right:0;content:'';opacity:.23}
.contact .mleft {padding-right:48px}
.contact .mright {padding:48px;}
.overinput {margin-bottom:24px;}
.contact button {min-width: 215px;text-align:center;}
.contact .col50 p, .contact .mright h4 {margin-bottom:24px}
.contact .col50 p:last-child {margin-bottom:0}
.contact .col50 {font-size: 15px;line-height:24px;}
.contact .large {font-weight:600;font-size: 30px;line-height:36px;color:#fff;}
.contact .large:hover {color:#2B2E40}

/* Footer */
.footer {background:rgba(146,209,223,.16);color:#2B2E40;font-size: 14px;letter-spacing: .31px;padding-top:24px;padding-bottom:24px;}
.footer a {color: #2B2E40;}
.footer a:hover {color:#92D1DF}
.footer .logo {width:168px;height:67px;float: left;}
.footer .isophi {float:right;width:175px;height:49px;}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}
.swiper-button-disabled, .swiper-button-disabled:hover {cursor:default;opacity:0!important;}

/* Layer */
.layer {display: none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-x:hidden;z-index:99;min-width:375px;background: rgba(0,0,0,.8);}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:absolute;top:0;left:0;bottom:0;right:0;}
.layer .ic_close {float:left;height:40px;width:40px;position:absolute;top:12px;right:12px;background: transparent url(../img/close_FILL0_wght400_GRAD0_opsz48.svg?v1) no-repeat center center;border-radius: 48px;background-size: 24px auto;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer}

.layer .overimg {width:100%;height:100%;display: flex;justify-content:center;align-items:center;}
.layer .overmovie {display:block;width:800px;max-width:100%;}
.layer .overiframe {display:block;width:100%;padding-bottom:65%;height:0;}
.layer .overmovie iframe {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0;outline:none;}

.layer .swiper-container {overflow:hidden;}
.layer .swiper-container img {max-width:100%;max-height:100%;height:auto;width:auto;margin:auto;}
.layer .swiper-container .overimg {width:100%;height:100%;display: flex;}

.layer .ic_prev, .layer .ic_next {position:absolute;top:50%;left:0;width: 64px;height:64px;margin-top:-32px;display:block;outline:none;border:0;background: url(../img/arrow_back_ios_new_FILL0_wght300_GRAD200_opsz48.svg?v1) no-repeat center center;background-size:24px auto;transform:none}
.layer .ic_next {left:auto;right:0;transform:rotate(180deg)}
.layer .ic_prev:hover, .layer .ic_next:hover {opacity:.5}

.galleryitem {cursor:pointer;}

@media only screen and (max-width:1260px) {
  .menu ul {margin-left:-12px;margin-right:-12px;}
  .menu ul li {margin-left:12px;margin-right:12px;}
  .menu ul li.buttongray {margin-left:0;}
}

@media only screen and (min-width:1101px){
  .noscroll.opened {overflow-y:auto!important;}
  .mobile {display:none!important;}
}

@media only screen and (max-width:1100px) {
  .cols2 {column-count:1;}
  body,html {font-size: 15px;line-height:25px;}
  .desktop {display:none!important;}
  .mobile {display:block!important;}
  .opened .fix .menu ul li.desktop {display:none!important;}
  .section {padding-top:16px;padding-bottom:16px;}
  input, textarea, select {padding-left:24px;padding-right:24px;}
  h1, h2 {font-size: 30px;line-height:40px;letter-spacing:-.52px}
  h1 {font-size: 33px!important;line-height:49px!important;letter-spacing:-.57px!important;}
  h3, .meeting .greenbox ul, .pluses h3, .system h3 {font-size: 18px;line-height:27px;}
  h4 {font-size: 14px;line-height:20px;letter-spacing:2.32px}
  .function ul li {font-size: 14px;line-height:2.33em;padding-left:24px;padding-right:24px;}
  .section h2 {margin-bottom:24px;}
  .btn {padding-left:24px;padding-right:24px}
  .tag {top:-70px;}
  .bg, .contact .bg {width: 640px;}
  .header .bg {padding: 4px;padding-top:6px;padding-bottom:6px;}
  .menu {height:34px;}
  .menu ul {margin-top:0;margin-bottom:0}
  .menu ul li {display: none;height:auto;}
  body:not(.opened) .menu ul li:not(.button) a {line-height:34px;font-size:12px;}
  .menu ul li.button:not(.buttonwhite) {display:block;}
  .header .logo {width:114px;height:44px;margin-top:-5px;margin-bottom:-5px;}
  body:not(.opened) .button a {min-height:34px;padding-top:4.5px;padding-bottom:4.5px;padding-left:12px;padding-right:12px;font-size:12px;}
  .promo {padding-top:70px;}
  .page:not(.front-page) .content {padding-top:70px;}
  .fix .ic_menu {display:block;width:34px;height:34px;float:left;margin-right:24px;}
  .fix .ic_menu span {display:block;position:absolute;top:50%;left:0;width:27px;height:5px;border-radius: 2px;background:#464C54;margin-top:-2.5px;}
  .fix .ic_menu:before, .fix .ic_menu:after {display:block;width:34px;height:5px;border-radius:2px;top:4.5px;left:0;position:absolute;background:#92D1DF;content:'';-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
  .fix .ic_menu:after {top:auto;bottom:4.5px;}

  .fix .menu ul li.button a {-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;}

  .opened .fix {bottom:0;height:100%;overflow-x:hidden;background:#92D1DF;}

  .opened .fix .ic_menu span {opacity:0}
  .opened .fix .ic_menu:before {top:50%;transform: rotate(-45deg);margin-top:-2.5px;}
  .opened .fix .ic_menu:after {top:50%;transform: rotate(45deg);bottom:auto;margin-top:-2.5px}

  .opened .fix .menu {float:none;clear:both;padding-top:40px;height:auto;padding-bottom:24px;}
  .opened .fix:before {position:absolute;top:0;left:0;right:0;height:70px;background:#fff;content:'';display:block;}
  .opened .fix .menu ul {margin:0!important;}
  .opened .fix .menu ul li {float:none;display:block!important;margin:0!important;margin-bottom:12px!important;}
  .opened .fix .menu ul li a {display: inline-block;}
  .opened .fix .menu ul li.button {padding-top:12px;}
  .opened .fix .menu ul li.button a {font-size:17px;line-height:26px;padding-top:18px;padding-bottom:18px;letter-spacing:.35px;min-height:66px;width:330px;max-width:100%;border-radius:33px;text-align:center;}
  .opened .fix .menu ul li.button a:hover {background-color:#2B2E40;border-color:#2B2E40;color:#fff;}
  .opened .fix .menu ul li.nomobile {display:none!important;}

  .opened .fix .menu ul li.buttonwhite {display:inline-block;}
  .fix .menu ul li.buttonwhite a {background:#fff;box-shadow: 0 16px 40px #4D8C1B;border-color:#fff;color:#2B2E40}
  .fix .menu ul li.buttonwhite a:hover {background-color:#2B2E40;border-color:#2B2E40;color:#fff;}


  .fix .menu ul li:not(.button) a {color:#fff;font-size:22px;line-height:30px;font-weight:600}
  .fix .menu ul li:not(.button), .opened .fix .menu ul li:not(.button) {margin-top:24px!important;margin-bottom:24px!important;}

  .promo .col60 {width:100%}
  .promo .overimg {margin:auto;margin-bottom:-12px;position:relative;width:100%;}
  .promo .overimg img {max-width:100%;width:auto;margin-left:auto;margin-right:auto;}
  .promo .inner {text-align:center!important;}
  .promo h4 {margin-bottom:16px;}
  .promo h1 {margin-bottom:24px;margin-top:12px}
  .promo p {font-size:19px;line-height:29px;font-weight:500;margin-bottom:24px;}
  .promo p:last-child {margin:0;margin-bottom:30px;}
  .promo {min-height:1px}
  .promo .bg {min-height:1px;}
  .promo .btn {padding-left:20px;padding-right:20px}
  .cols2 {column-count:1}
  .promo .mobile h1 {display:none!important;}
  .promo .desktoponly p {display:none!important;}
  .promo .overswiper {margin-left:-12px;margin-right:-12px;}
  .promo .navigation, .reference .navigation {position:relative;margin:auto;top:auto;right:auto;margin-top:24px;margin-bottom:0}
  .reference .navigation {margin-top:12px;margin-bottom:12px;}

  .movie {width:375px;max-width:100%;}
  .videos .movie {width:100%}
  .video h3.title {font-size:14px;padding:12px;line-height:20px;letter-spacing:-0.28px}
  .movie a .ic_play {width:96px;height:96px;}

  .pluses {margin-top:0;}
  .pluses .flexbetween {justify-content: center;}

  .structure .col40, .structure .col60 {width:100%;}
  .structure .col40 h2 {text-align:center;}
  .structure .col60 ul {margin-left:-18px;margin-right:-18px;}
  .structure .col60 ul li {padding:12px;padding-left:24px;padding-right:24px;}
  .whitebox {padding:24px;margin-left:-12px;margin-right:-12px;}

  .videos-list {margin:0;margin-left:-12px;margin-right:-12px;}
  .videos-item {margin:12px;width:calc(100% - 24px);}
  .videos-item .desc {padding:0;padding-top:24px;}

  .system .col33, .system .col66 {width:100%!important;}
  .system .bg:first-child .col66:before {transform: rotate(-180deg) translate(50px,20px);}

  .reference .col100 .inner {text-align:center;}
  .reference .overswiper {margin-left:-12px;margin-right:-12px;}
  .reference h2 {text-align:center;}

  .function .item p {line-height:25px;margin-bottom:25px;font-size:16px;}
  .function .item p:last-child {margin:0;}

  .functions .items {flex-wrap: nowrap;overflow-x: auto;flex-direction: row;padding:12px;margin:-12px;justify-content:flex-start;}
  .functions .items .item {flex-shrink: 0;width:280px;padding:24px;margin:12px;}
  .functions .bg {width:100%;}

  .contact .col50 {width:100%}
  .contact .inner {padding:12px;}
  .contact .form {width:360px;margin:auto;max-width:100%;}
  .contact .form .btn {width:100%;display:block;margin:0;text-align:center;}
  .contact .order1 {order:1;}
  .contact .order1 .inner {text-align:center!important;}
  .contact .order2 {order:2;padding-top:24px;}
  .contact h2 {margin-bottom:16px}
  .contact h3 {font-size: 16px;line-height:24px;margin-bottom:0}
  .footer .bg, .footer .inner {padding-top:0;padding-bottom:0;}
  .footer .logo:not(.isophi), .contact .vline:before {display:none;}
  .footer .isophi {float:none;margin:auto;margin-bottom:24px;}
  .footer .col50 {width:100%;}
  .footer .col50 .taleft, .footer .col50 .taright {text-align:center;}
}

.menu ul li.button.desktophidden {display:none!important}


@media only screen and (max-width:450px) {
  * body:not(.opened) .menu ul li.button:not(.mobileonly) {display:none!important;}
  body:not(.opened) .menu ul li.button.desktophidden {display:block!important;}
}

@media only screen and (max-width:405px) {
  body:not(.opened) .menu ul li {margin-left:2px;margin-right:2px;}
}

@media only screen and (max-width:390px) {
.fix .ic_menu {margin-right:12px;}
}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#ff0000!important}
.wpcf7-not-valid-tip {font-size: 12px!important;color:#ff0000!important;display: inline-block;padding-top:4px;padding-bottom:0;}
.wpcf7 form .wpcf7-response-output {margin:0!important;padding:0!important;border:0!important;text-align:left;}