@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,700&display=swap');:root{--system-font:'Jost',sans-serif;--primary:#0D2333;--accent:#41AB8A;--shadow:rgba(0,0,0,0.2) 0 0 10px;--silver:#F2F2F2;--black:#000;--white:#fff;--big-shadow:rgba(0,0,0,0.2) 0 0 60px;--grey:#cfcfcf;--gradient:linear-gradient(to right,rgba(65,171,138,1) 0%,rgba(20,48,66,1) 100%);--dark-gradient:linear-gradient(to right,rgba(25,68,94,1) 0%,rgba(9,19,25,1) 100%);--transition:all 0.3s ease;}
.pc-only{display:inherit;}
.mobile-only{display:none;}
img,iframe{vertical-align:middle;}
.flex-col{float:none !important;flex-direction:row;}
.flex-row{display:flex;}
.medium{font-weight:600;}
.br-20{border-radius:20px;}
.overflow-hidden{overflow:hidden;}
html,body{font-family:var(--system-font);font-weight:200;font-size:14px;line-height:1;}
button,.button, .upload{background:var(--dark-gradient);border-radius:20px;color:var(--white);font-weight:700;cursor:pointer;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
button:hover,.button:hover{background:var(--gradient);-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.gradient{background:rgb(65,171,138);background:-moz-linear-gradient(left,rgba(65,171,138,1) 0%,rgba(20,48,66,1) 100%);background:-webkit-linear-gradient(left,rgba(65,171,138,1) 0%,rgba(20,48,66,1) 100%);background:linear-gradient(to right,rgba(65,171,138,1) 0%,rgba(20,48,66,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ab8a',endColorstr='#143042',GradientType=1 );}
.gradient-text{background:rgb(25,68,94);/* Old browsers */
background:-moz-linear-gradient(left,rgba(25,68,94,1) 0%,rgba(9,19,25,1) 100%);background:-webkit-linear-gradient(left,rgba(25,68,94,1) 0%,rgba(9,19,25,1) 100%);background:linear-gradient(to right,rgba(25,68,94,1) 0%,rgba(9,19,25,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#19445e',endColorstr='#091319',GradientType=1 );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;padding:10px;}
.primary{background-color:var(--primary);}
.accent{background-color:var(--accent);}
.silver{background-color:var(--silver);}
.white-text,.white-tx{color:var(--white);}
.white{background-color:var(--white);}
.primary-text{color:var(--primary);}
.accent-text{color:var(--accent);}
.bordered{border:solid 1px var(--grey)}
.heading{position:absolute;left:10vw;top:50%;transform:translateY(-50%);z-index:30;}
.heading h1{font-size:clamp(40px,4vw,202px);line-height:0.8;}
.big-shadow{box-shadow:var(--big-shadow);}
.index-effect{position:absolute;top:0;right:0;width:100%;height:100%;}
.wraper{margin:auto;}
.half-wraper{width:80%;max-width:715px;min-width:450px;text-align:left;display:inline-block;}
.half-wrap{text-align:right;}
.half-wrap .editable{width:80%;max-width:715px;min-width:450px;text-align:left;display:inline-block;}
.v100p{min-height:calc(100vh - 80px);}
.vscroll{max-height:calc(100vh - 80px);overflow-x:auto;}
header{position:sticky;top:0;width:100%;background:var(--white);z-index:60;box-shadow:var(--shadow);}
header nav{position:absolute;top:2em;right:0em; align-items: center;}
header nav ul{list-style:none; margin-right: 15px;}
header nav ul li{display:inline-block;margin-left:1.4em}
header nav ul li a{display:block;text-decoration:none;font-weight:500}
header nav ul li a:after{display:block;content:"";position:relative;width:0;background-color:var(--accent);height:0.3em;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin-top:0.2em;left:0}
header nav ul li a:hover:after{-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;width:80%}
header nav ul ul{display:none}
canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;}
.cmspage{font-weight:400;line-height:1.5;}
.cmspage p,.cmspage ul{margin-bottom:10px;}
.breadcrumbs{font-weight:500;font-size:0.8em;text-align:right;opacity:0.6;}
.breadcrumbs a{text-decoration:none;}
.big-text{font-weight:700;position:absolute !important;top:0vh;right:20px;font-size:min(15vh,100px);opacity:0.1;line-height:15vh;}
.typed-cursor{opacity:1;animation:typedjsBlink 0.7s infinite;-webkit-animation:typedjsBlink 0.7s infinite;animation:typedjsBlink 0.7s infinite;}
.cover{min-height:500px;height:50vh;max-height:600px;color:var(--white);}
.v-center{align-items:center;}
.v-center .editable{top:50%;position:relative;transform:translateY(-50%);}
.process *[class^="col-"]{position:relative;padding:15px;}
.process *[class^="col-"] .font30{opacity:0.3;}
.process *[class^="col-"]:after{display:block;height:100px;top:100px;right:-15px;content:'';width:2px;background-color:var(--white);position:absolute;transform:rotate(10deg);opacity:0.5;}
.process *[class^="col-"]:last-child:after{display:none;}
@keyframes typedjsBlink{50%{opacity:0.0;}
}
@-webkit-keyframes typedjsBlink{0%{opacity:1;}
50%{opacity:0.0;}
100%{opacity:1;}
}
.typed-fade-out{opacity:0;transition:opacity .25s;-webkit-animation:0;animation:0;}
footer{background-color:var(--primary);padding-top:50px;padding-bottom:50px;font-size:0.9em;font-weight:400;}
footer h5{font-size:0.9em;opacity:0.6;}
footer ul{list-style:none;}
footer ul a{font-weight:700;line-height:1.7;display:block;text-decoration:none;}
footer a{text-decoration:none;}
.copyright{padding-top:15px;border-top:solid 1px rgba(100,100,100,0.5);margin-top:10px;}
.focuses{font-weight:500;font-size:1.4em;}
.focuses .focus{display:flex;line-height:1;}
.focuses .focus span:first-child{float:left;padding-right:10px;border-right:solid 2px var(--primary);margin-right:10px;font-size:2em;font-weight:bold;}
.blog-home .row [class^="col-"]{position:relative;}
.blog-home .row [class^="col-"]:hover .title{bottom:30px;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.blog-home .title{position:absolute;bottom:20px;left:20px;right:20px;z-index:70;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.blog-home .title a{font-size:1.2em;color:var(--white);text-decoration:none;font-weight:700;line-height:1;}
.blog-home .date{display:none;}
.blog-home .descr {display: none;}
.blog-home .read-more {display: none;}
.blog-home .img:after{border-radius:20px;position:absolute;display:block;width:100%;height:100%;content:'';background-color:rgba(0,0,0,0.4);top:0;left:0}
.blog-home .img img{border-radius:20px;}
.portfolio article:hover .title{margin-top:-10px;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.portfolio .title{background-color:var(--primary);padding:15px;border-radius:0 0 20px 20px;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;height:80px;}
.portfolio .title a{color:var(--white);text-decoration:none;font-weight:bold;font-size:1em;}
.portfolio .date{display:none;}
.portfolio article{box-shadow:var(--big-shadow);border-radius:0 0 20px 20px;}
.portfolio article img{filter:grayscale(70);-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.portfolio article:hover img{filter:grayscale(0);-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.portfolio .row{margin-top:3.2em;}
.logos div{padding:20px;}
.request {background-image: url(/public/images/request.jpg); background-size: 100%; background-repeat: no-repeat;}
.bg1{background-image:url(/public/images/bg1.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:contain;}
.bg2{background-image:url(/public/images/bg2.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:cover;}
.bg3{background-image:url(/public/images/bg3.png);background-position:bottom right;background-repeat:no-repeat;background-size:contain;}
.bg4{background-image:url(/public/images/bg-0101.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;}
.read-more{color:#64266a;position:relative;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:500;text-decoration:underline;color:inherit;}
.read-more:after{position:relative;opacity:0;content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOiMxRTIwMUQ7IiBkPSJNMjEuMjA1LDUuMDA3Yy0wLjQyOS0wLjQ0NC0xLjE0My0wLjQ0NC0xLjU4NywwYy0wLjQyOSwwLjQyOS0wLjQyOSwxLjE0MywwLDEuNTcxbDguMDQ3LDguMDQ3SDEuMTExQzAuNDkyLDE0LjYyNiwwLDE1LjExOCwwLDE1LjczN2MwLDAuNjE5LDAuNDkyLDEuMTI3LDEuMTExLDEuMTI3aDI2LjU1NGwtOC4wNDcsOC4wMzJjLTAuNDI5LDAuNDQ0LTAuNDI5LDEuMTU5LDAsMS41ODdjMC40NDQsMC40NDQsMS4xNTksMC40NDQsMS41ODcsMGw5Ljk1Mi05Ljk1MmMwLjQ0NC0wLjQyOSwwLjQ0NC0xLjE0MywwLTEuNTcxTDIxLjIwNSw1LjAwN3oiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);width:1em;display:inline-block;position:absolute;right:0;top:0.2em;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;transform:rotate(-180deg)}
.read-more:hover{padding-right:1.5em}
.read-more:hover:after{opacity:1;transform:rotate(360deg)}
.in-menu{list-style:none;}
.in-menu li a{background:var(--dark-gradient);border-radius:20px;color:var(--white);font-weight:700;cursor:pointer;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border:none;display:inline-block;text-decoration:none;color:inherit;padding:10px 20px;cursor:pointer;position:relative;overflow:hidden;}
.in-menu li a:hover{background:var(--gradient);-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.part-bg{position:relative;}
.part-bg:before{display:block;content:'';width:100%;position:absolute;height:80%;top:10%;left:0;background-color:var(--silver);}
.part-bg *{position:relative;}
.flex-float .editable{display:flex;flex-wrap:wrap;flex:1;}
.flex-float .editable p{width:calc(20% - 20px);margin:10px;box-shadow:var(--shadow);padding:20px;border-radius:10px;text-align:center;background-color:var(--white);color:var(--primary);}
.gallery{display:flex;flex:1;flex-wrap:wrap;}
.gallery div{width:20%;padding:20px;}
.cmspage ul{margin-bottom:10px;padding-left:20px;}
.req-form .note {background-color: var(--silver); padding: 30px; border-radius: 20px; font-weight: bold;}
.req-form .note strong {font-size: 7vh; opacity: 0.5;color: var(--accent);}
.req-form label, .req-form option, .req-form select  {font-weight: bold}
.req-form div[humge-type] span {background-color: #41AB8A;}
.req-form .upload {overflow: hidden; cursor: pointer; display: inline-block; padding: 10px 20px; cursor: pointer;position: relative;}
.req-form .upload  input[type=file]{position: absolute; opacity: 0; width: 100%; height: 100%;cursor: pointer;}
.req-form em {font-size: 0.8em; opacity: 0.6;}
.pagination{display:block;width:100%}
.pagination li{border-radius:10px}
.pagination li.disabled{background-color:var(--silver);color:var(--purple)}
nav[role~="navigation"] {padding-top: 50px;}
nav[role~="navigation"] div:first-child {display: none;}
nav[role~="navigation"] .hidden {display: flex;}
nav[role~="navigation"] .hidden div span {display: flex;align-items: center;}
nav[role~="navigation"] .hidden div span a, nav[role~="navigation"] .hidden div span[aria-current~="page"] span{line-height: 30px; border-radius: 10px; background-color: var(--grey); width: 30px; text-align: center; text-decoration: none; display: block; margin-right: 5px;}
nav[role~="navigation"] .hidden div span[aria-current~="page"] span { background-color: var(--accent); color: var(--white);} 
nav[role~="navigation"] .hidden div span a[rel~="prev"] svg, nav[role~="navigation"] .hidden div span a[rel~="next"] svg {max-height: 22px; vertical-align: middle; margin-top: -4px;}

@media (max-width:900px){.wraper{max-width:100%;width:100%;min-width:100%;padding-left:10px;padding-right:10px;}
.mobile-only{display:block;}
.pc-only{display:none;}
.menu-call{width:30px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px;display:block;right:15px;top:15px}
.menu-call span{width:100%;height:2px;background-color:var(--black);display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:var(--black);position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:var(--black);position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
.menu-call.open span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:var(--black);position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:var(--black);position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
header .logo{padding-left:10px;}
header .logo img{max-width:140px !important;padding-top:10px;padding-bottom:10px;}
header nav{position:absolute;top:47px;background-color:var(--primary);color:var(--white);left:0;width:100%;padding-top:10px;padding-bottom:10px;transform:perspective(50em) rotateX(-90deg);transform-origin:50% 0;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease; text-align: center;}
header nav.open{transform:perspective(50em) rotatey(0deg);-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
header nav ul li{display:block;font-size:1.2em;text-align:center;line-height:1.5;}
header nav .button {}
.flex-row{display:block !important;}
.row [class*=col-]{float:none !important;width:100% !important;margin:0;clear:left !important;margin-bottom:20px}
.focuses{padding-left:30px;}
.focuses .focus{padding-bottom:20px !important;}
.big-text{font-size:min(9vw,100px);line-height:10vh;}
.exp,.blog{padding:20px;}
.exp .row{margin-top:0 !important;margin-bottom:0 !important;}
.exp .row:first-child{padding-top:60px;}
.techs h3,.clients h3,.blog h3{text-align:center;}
.serv{padding:20px;}
.serv h3,.blog h3{padding-top:60px;}
.copyright i{display:block;}
.v-center .editable{top:inherit;position:relative;transform:inherit;}
.cover{min-height:inherit;height:inherit;max-height:inherit;color:var(--white);}
h1{font-size:1.8em;margin-bottom:20px;line-height:0.9em;padding-top:30px;}
h2{font-size:1.5em}
.row.pad-top-50,*[class^=col-].pad-top-50{padding-top:20px;}
.row.pad-bottom-50,*[class^=col-].pad-bottom-50{padding-bottom:20px;}
.otnoshenie{padding:20px;padding-top:90px;}
.full-part{background-color:var(--silver);}
.full-part *[class*="col-"]{margin-bottom:0 !important;}
.half-wraper{padding:20px;width:100%;max-width:inherit;min-width:inherit;}
.row.pad-top-40.pad-bottom-40{padding-top:0;padding-bottom:0;}
.silver.pad-top-30.pad-bottom-30 h1{padding-left:20px;}
.flex-float .editable p{width:calc(50% - 20px);}
.contacts .row{padding-top:20px;}
.contacts img{}
}