/* Colors */


/* Usage:

.my-box {
  padding: 10px;
  
  @include for-desktop-up {
    padding: 20px;
  }
}

*/

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,th{padding:0;}
.ui-widget,button,input,select,textarea,body{font-family:'Rubik', sans-serif;font-size:14px;color:#1d1d1b;font-weight:100;}
a{text-decoration:none;color:#333;-moz-transition:color 0.3s;-o-transition:color 0.3s;-webkit-transition:color 0.3s;transition:color 0.3s;}
p{line-height:1.2em;margin:1em 0;}
h1,h2,h3,h4,h5,h6{margin:1em 0;font-weight:500;}
:focus{outline:none;}
strong{font-weight:500;}
.site{overflow-x:hidden;}
.intro-section{height:100%;width:100%;position:relative;}
.video-overlay{height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;background:url(/assets/img/overlay-pattern.png) repeat;opacity:0.6;}
.intro-video video{position:fixed;top:50%;left:50%;min-width:100.1%;min-height:100%;z-index:-100 !important;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%) !important;-webkit-filter:sepia(100%) hue-rotate(190deg) saturate(500%);filter:sepia(100%) hue-rotate(170deg) saturate(500%);}
.intro-section-wrapper #particles-js{margin-top:0px;width:100%;height:100vh;}
.intro-section .intro-section-wrapper{z-index:2;}
.simple-content h1,.simple-content h2{font-size:60px;line-height:70px;font-weight:100;text-transform:uppercase;margin-top:-11px;margin-bottom:24px;letter-spacing:-1px;visibility:hidden;}
.simple-content p{line-height:1.9em;}
.simple-section .simple-content p{font-size:16px;}
.simple-content hr{border:0;color:#ccc;background-color:#ccc;height:1px;margin:1em 0;}
@media (max-width:960px){.simple-content h1,.simple-content h2{font-size:40px;line-height:50px;}
}
@media (max-width:640px){.simple-content h1,.simple-content h2{font-size:32px !important;line-height:40px !important;}
}
.placeholder{color:#ffffff;text-transform:uppercase;white-space:nowrap;}
::-webkit-input-placeholder{color:#ffffff;text-transform:uppercase;white-space:nowrap;}
:-moz-placeholder{color:#ffffff;text-transform:uppercase;white-space:nowrap;}
::-moz-placeholder{color:#ffffff;opacity:1;text-transform:uppercase;white-space:nowrap;}
:focus{outline:none;}
.form-row{margin-bottom:0px;}
.form-row label{display:block;padding-bottom:6px;}
.form-item{margin-bottom:45px;position:relative;}
.form-default input[type="text"],.form-default input[type="password"],.form-default input[type="tel"],.form-default input[type="email"],.form-default input[type="number"],.form-default textarea{width:100%;padding:8px 0;border:1px solid rgba(255, 255, 255, 0);border-bottom:1px solid rgba(255, 255, 255, 0.2);background:none;font-size:14px;color:#fff;-moz-transition:border-color 0.3s;-o-transition:border-color 0.3s;-webkit-transition:border-color 0.3s;transition:border-color 0.3s;}
.form-default input[type="text"]:focus,.form-default input[type="password"]:focus,.form-default input[type="tel"]:focus,.form-default input[type="email"]:focus,.form-default input[type="number"]:focus,.form-default textarea:focus{border-bottom:1px solid rgba(255, 255, 255, 0.8);}
.form-default textarea{resize:none;height:35px;overflow:hidden;transition:height 0.2s ease;}
.floating-label{position:absolute;left:0px;top:-12px;font-size:12px;padding-left:0;opacity:1;-moz-transition:top 0.2s, font-size 0.2s, opacity 0.2s;-o-transition:top 0.2s, font-size 0.2s, opacity 0.2s;-webkit-transition:top 0.2s, font-size 0.2s, opacity 0.2s;transition:top 0.2s, font-size 0.2s, opacity 0.2s;text-transform:uppercase;pointer-events:none;white-space:nowrap;}
.placeholder-shown .floating-label{top:9px;font-size:14px;opacity:0;}
.btn--primary{display:inline-block;padding-right:44px;text-transform:uppercase;color:#fff;border:none;background:none;height:42px;line-height:42px;position:relative;padding-right:45px;}
.btn--primary i{font-size:28px;color:#4b96f1;position:absolute;right:0px;top:50%;margin-top:-0.5em;-moz-transition:right 0.3s;-o-transition:right 0.3s;-webkit-transition:right 0.3s;transition:right 0.3s;}
.btn--primary:hover i{right:-12px;}
@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?mwzi22");src:url("../fonts/icomoon.eot?mwzi22#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?mwzi22") format("truetype"), url("../fonts/icomoon.woff?mwzi22") format("woff"), url("../fonts/icomoon.svg?mwzi22#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:swap;}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-remove:before{content:"\e908";}
.icon-arrow-left-long:before{content:"\e907";}
.icon-arrow-right:before{content:"\e906";}
.icon-facebook:before{content:"\e901";}
.icon-instagram:before{content:"\e902";}
.icon-menu:before{content:"\e903";}
.icon-play:before{content:"\e906";}
.icon-play{transform:translate3d(0, 0, 0);}
.icon-location:before{content:"\e905";}
.owl-item{z-index:-1;}
.menu{list-style:none;padding:0;margin:0;}
.fl{float:left;}
.fr{float:right;}
.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}
.date{color:#ccc;}
.bg--grey{background:#ededed;}
.row:before,.row:after,.clearfix:before,.clearfix:after,.form-row:before,.form-row:after{content:"";display:table;}
.row:after,.clearfix:after,.form-row:after{clear:both;}
.row,.clearfix,.form-row{zoom:1;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.site-block{margin:0 auto;max-width:1260px;padding-left:30px;padding-right:30px;}
.row{margin:0 -20px;}
@media (max-width:1024px){.row{margin:0 -15px;}
}
@media (max-width:640px){.row{margin:0 -10px;}
}
.col-1-of-2,.col-1-of-3,.col-2-of-3,.col-1-of-4,.col-3-of-4,.col-1-of-5,.col-2-of-5,.col-3-of-5,.col-1-of-6,.col-1-of-12{float:left;}
.row>.col-1-of-2,.row>.col-1-of-3,.row>.col-2-of-3,.row>.col-1-of-4,.row>.col-3-of-4,.row>.col-1-of-5,.row>.col-2-of-5,.row>.col-3-of-5,.row>.col-1-of-6,.row>.col-1-of-12{padding:0 20px;}
@media (max-width:1024px){.row>.col-1-of-2,.row>.col-1-of-3,.row>.col-2-of-3,.row>.col-1-of-4,.row>.col-3-of-4,.row>.col-1-of-5,.row>.col-2-of-5,.row>.col-3-of-5,.row>.col-1-of-6,.row>.col-1-of-12{padding:0 15px;}
}
@media (max-width:640px){.row>.col-1-of-2,.row>.col-1-of-3,.row>.col-2-of-3,.row>.col-1-of-4,.row>.col-3-of-4,.row>.col-1-of-5,.row>.col-2-of-5,.row>.col-3-of-5,.row>.col-1-of-6,.row>.col-1-of-12{padding:0 10px;}
}
.row>.no-padding{padding-left:0px;padding-right:0px;}
.row>.no-padding-right{padding-right:0px;}
.row>.no-padding-left{padding-left:0px;}
.col-1-of-2.fr,.col-1-of-3.fr,.col-2-of-3.fr,.col-1-of-4.fr,.col-3-of-4.fr,.col-1-of-5.fr,.col-2-of-5.fr,.col-3-of-5.fr,.col-1-of-6.fr,.col-1-of-6.fr{float:right;}
.col-1-of-2{width:50%;}
.col-1-of-3{width:33.33333%;}
.col-2-of-3{width:66.6666%;}
.col-1-of-4{width:25%;}
.col-3-of-4{width:75%;}
.col-1-of-5{width:20%;}
.col-2-of-5{width:40%;}
.col-3-of-5{width:60%;}
.col-1-of-6{width:16.66666%;}
.col-1-of-12{width:8.33333%;}
/*------------------------------------*\ #Site Header\*------------------------------------*/
.site-header{position:absolute;left:0px;top:0px;right:0px;z-index:100;color:#fff;padding-left:100px;padding-right:57px;pointer-events:none;}
.site-header a.main-logo.bg-logo{background:transparent}
.site-header a.main-logo{position:fixed;background:#4b96f1;width:99px;height:99px;padding:10px;text-align:center;transition:background-color 500ms linear;}
.site-header a.main-logo{display:flex;align-items:center;gap:15px;}
.site-header a.main-logo .logo-text.show-logo{opacity:1;-moz-transition:opacity 2s ease-in-out;-webkit-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out;}
.site-header a.main-logo .logo-text:not(.show-logo){opacity:0;}
.site-header a.main-logo svg{width:60px;margin-top:17px;}
.site-header a.main-logo .logo-text svg{width:170px;margin-top:11px;}
@media (min-width:769px){.site-header a.main-logo:not(.bg-logo) .logo-text{display:none;}}
@media (max-width:768px){.site-header{background:#FFFFFF;position:fixed;height:50px;-webkit-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);-moz-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);padding-right:5%;}
.site-header a.main-logo{width:50px;height:50px;}
.site-header a.main-logo svg{width:26px;margin-top:13px;}
.site-header .change-site-lang{margin-right:60px;}
.site-header .toggle-menu{margin-top:0;width:50px;height:50px;padding:13px 0 0 14px;right:10px;}
.site-header .toggle-menu:hover{box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;}
.site-header a{color:#000000 !important;}
.site-header .menu-burger:after,.site-header .menu-burger:before,.site-header .menu-burger__line{background:#000000 !important;}
}
.site-header a{color:#fff;pointer-events:all;}
.site-header a.light{color:#000000;}
.site-header a:hover{color:#4b96f1;}
.site-header--dark a,.header-change .site-header a{color:#000;}
.site-header--dark a:hover,.header-change .site-header a:hover{color:#4b96f1;}
.main-logo img{vertical-align:top;}
.toggle-menu,.change-site-lang{margin-top:41px;}
.change-site-lang{margin-right:70px;}
.toggle-menu{right:40px;position:fixed;font-size:24px;margin-top:21px;width:55px;height:55px;padding:17px 0 0 16px;background:transparent;border-radius:50px;transition:all 0.3s ease;}
.toggle-menu.light{background:#ffffff;}
.toggle-menu.light .menu-burger__line,.toggle-menu.light .menu-burger:after,.toggle-menu.light .menu-burger:before{background:#000;}
.toggle-menu:hover.light{-webkit-box-shadow:0px 0px 11px -2px rgba(0, 0, 0, 0.43);-moz-box-shadow:0px 0px 11px -2px rgba(0, 0, 0, 0.43);box-shadow:0px 0px 11px -2px rgba(0, 0, 0, 0.43);}
/*------------------------------------*\ #Main navigation\*------------------------------------*/
nav{position:absolute;display:none;}
/*------------------------------------*\ #Menu burger icon\*------------------------------------*/
.menu-burger{display:inline-block;width:24px;height:15px;position:relative;vertical-align:3px;}
.menu-burger__line{display:inline-block;position:absolute;left:0px;right:0px;height:1px;background:#fff;top:0px;vertical-align:top;}
.menu-burger:after,.menu-burger:before{display:inline-block;position:absolute;left:0px;width:100%;height:1px;background:#fff;content:'';-moz-transition:width 0.3s;-o-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;}
.menu-burger:before{top:50%;margin-top:-1px;}
.menu-burger:after{bottom:0px;width:60%;}
a:hover .menu-burger:after{width:100%;}
.site-header--dark .menu-burger__line,.site-header--dark .menu-burger:after,.site-header--dark .menu-burger:before,.header-change .menu-burger__line,.header-change .menu-burger:after,.header-change .menu-burger:before{background:#000;}
@media (max-width:1400px){.site-header{padding-left:30px;padding-right:30px;}
.toggle-menu{right:30px;}
}
@media (max-width:768px){.site-header{padding-left:0px;padding-right:2%;}
.main-logo img{width:auto;}
.change-site-lang{margin-top:19px;}
.toggle-menu{margin-top:16px;}
}
/*------------------------------------*\ #Main navigation\*------------------------------------*/
.main-menu__cover{position:fixed;width:100%;height:100%;top:0px;bottom:0px;right:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:20;display:none;}
.menu-visible .main-menu__cover{display:block;}
.main-menu__block{display:block;background:#fff;position:fixed;right:-606px;width:606px;padding:40px;padding-left:232px;padding-top:160px;top:0px;bottom:0px;z-index:25;overflow:auto;transition:right 0.6s cubic-bezier(0.1, 0.91, 0.41, 1);}
.menu-visible .main-menu__block{right:0px;}
.close-main-menu{position:absolute;right:44px;top:23px;font-size:20px;width:50px;height:50px;text-align:center;line-height:55px;}
.close-main-menu:hover{color:#4b96f1;}
.main-menu{font-size:36px;}
.main-menu li{margin-bottom:27px;}
.main-menu-item{display:inline-block;position:relative;color:#1d1d1b;text-transform:uppercase;font-weight:100;letter-spacing:-1px;}
.main-menu-item:hover{color:#4b96f1;}
.main-menu-item i{font-size:20px;position:absolute;left:-140px;color:#4b96f1;top:11px;display:none;}
.main-menu-item--active i{display:inline-block;}
.main-menu-item a{transition-delay:2s;}
.main-menu-item--active{color:#4b96f1;}
.main-menu-item:before{display:inline-block;position:absolute;content:'';width:0;border-top:1px solid #4b96f1;left:-110px;top:21px;transition:width 0.3s ease;}
.main-menu-item--active:before{width:94px;}
@media (max-width:768px){.main-menu__block{width:100%;right:-100%;padding-left:60px;padding-right:29px;padding-top:70px;}
.close-main-menu{right:15px;top:6px;}
}
/*------------------------------------*\ #Common blocks\*------------------------------------*/
.decoration-line{position:relative;height:1px;margin:29px 0;margin-top:12px;width:100%;overflow:hidden;background:rgba(255, 255, 255, 0.2);will-change:width;}
.decoration-line:before{display:block;content:'';width:100px;height:1px;background:white;}
.link--more{position:relative;padding-right:45px;font-weight:500;font-size:16px;display:inline-block;text-transform:uppercase;}
.link--more i{font-size:28px;color:#4b96f1;position:absolute;right:0px;top:50%;margin-top:-0.5em;-moz-transition:right 0.3s;-o-transition:right 0.3s;-webkit-transition:right 0.3s;transition:right 0.3s;}
a:hover .link--more i,a.link--more:hover i{right:-12px;}
.link--video{display:inline-block;position:relative;}
.link--video:before{position:absolute;left:0px;top:0px;right:0px;bottom:0px;background:rgba(28, 28, 28, 0.5);content:'';display:block;z-index:1;}
.link--video .icon-play{font-size:60px;position:absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;color:#4b96f1;z-index:3;-moz-transition:color 0.3s;-o-transition:color 0.3s;-webkit-transition:color 0.3s;transition:color 0.3s;}
.link--video:hover .icon-play{color:#fff;}
.link--back{display:inline-block;width:200px;text-align:right;position:relative;font-weight:500;padding-bottom:7px;text-transform:uppercase;background:url(../img/arrow-left-long.svg) no-repeat left bottom;}
.link--back:hover{color:#4b96f1;}
.scrol-to{position:absolute;display:inline-block;left:3px;bottom:29px;color:#fff;font-weight:500;text-transform:uppercase;z-index:19;height:36px;overflow:hidden;width:200px;-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background:url(../img/arrow-left-long.svg) no-repeat left bottom;transition:bottom 0.5s cubic-bezier(0.17, 0.67, 0.68, 0.96);}
#project .scrol-to{left:3px;}
.scrol-to:hover{color:#4b96f1;bottom:39px;}
.scrol-to:hover .scrol-to__text{right:20px;}
.scrol-to__text{position:absolute;right:0px;top:14px;transition:right 0.5s cubic-bezier(0.17, 0.67, 0.68, 0.96);}
@media (max-width:960px){.scrol-to{left:-75px;}
}
@media (max-width:768px){.scrol-to{display:none;}
}
.counter-box{display:inline-block;margin-right:76px;white-space:nowrap;text-align:center;vertical-align:top;}
.counter-box:last-child{margin-right:0;}
.counter-box__count{line-height:91px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#4b96f1;font-size:100px;font-weight:800;}
.counter-box__text-top,.counter-box__text-bottom{line-height:31px;font-weight:500;text-transform:uppercase;font-size:16px;}
@media (max-width:960px){.counter-box__count{font-size:70px;}
.counter-box{margin-right:30px;}
}
@media (max-width:640px){.counter-box{margin-right:20px;}
}
/*------------------------------------*\ #Simple section\*------------------------------------*/
.about-us .img-uncover img{width:100%;}
section.simple-section{padding-top:0px;padding-bottom:0px;}
section.simple-section>.site-block{padding-top:168px;padding-bottom:160px;}
@media (max-width:768px){section.simple-section>.site-block{padding-top:60px;padding-bottom:60px;}
}
.simple-section .row+.row{margin-top:100px;}
@media (max-width:768px){.simple-section .row+.row{margin-top:20px;}
}
.simple-section img+img{margin-top:40px;}
.simple-section .img-uncover+.img-uncover{margin-top:40px;}
.simple-section .site-block{position:relative;}
.simple-section .scrol-to{color:#000;left:-67px;bottom:35px;}
.simple-section .scrol-to:hover{color:#4b96f1;}
.simple-content>.row{margin-left:-41px;margin-right:-41px;}
.simple-content>.row>.col-1-of-2,.simple-content>.row>.col-2-of-5,.simple-content>.row>.col-3-of-5{padding-left:41px;padding-right:41px;}
.simple-content img,.simple-content object{max-width:100%;width:auto;vertical-align:top;pointer-events:none;}
.simple-content .img-uncover+h1,.simple-content .img-uncover+h2,.simple-content img+h1,.simple-content img+h2{margin-top:64px;}
@media (max-width:960px){.simple-content>.row{margin-left:-20px;margin-right:-20px;}
.simple-content>.row>.col-1-of-2,.simple-content>.row>.col-2-of-5,.simple-content>.row>.col-3-of-5{padding-left:20px;padding-right:20px;}
}
@media (max-width:768px){nav+.simple-section .site-block{padding-top:100px;}
}
@media (max-width:640px){.simple-content>.row>.col-1-of-2,.simple-content>.row>.col-2-of-5,.simple-content>.row>.col-3-of-5{width:100%;margin-bottom:25px;}
.simple-content .tar{text-align:left;}
}
/*------------------------------------*\ #Intro section\*------------------------------------*/
.intro-section .intro-section-wrapper{position:relative;height:100vh;min-height:460px;overflow:hidden;}
.intro-section video{z-index:1;}
@media (max-width:768px){
.intro-section{background-size:cover;position:relative;}
/*.intro-section .intro-section-wrapper{height:80vh;}*/
}
.intro-section:after{display:block;content:'';position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-size:cover;z-index:1;}
.intro-section__content{position:absolute;z-index:5;left:200px;top:50%;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:900px;color:#fff;}
.intro-section__content .h1{margin:0;font-size:60px;font-weight:300;overflow:hidden;visibility:hidden;}
.intro-section__content .h1 span{display:inline-block;transition:none;}
.intro-section__content .h1 strong{font-weight:400;}
.intro-section__content .h2{margin:0;font-size:36px;font-weight:300;height:auto;overflow:hidden;position:relative;visibility:hidden;}
.intro-section__content .h2 span{display:inline-block;transition:none;}
.play-link{font-size:68px;margin-left:15px;color:#4b96f1;transform:translate3d(0, 0, 0);-webkit-transform-style:preserve-3d;}
.play-link:hover{color:#fff;}
@media (max-width:1200px){.intro-section__content{left:14%;max-width:72%;}
}
@media (max-width:960px){.intro-section__content .h1{font-size:45px;}
.intro-section__content .h2{font-size:26px;}
}
@media (max-width:640px){.intro-section__content .h1{font-size:32px;margin-bottom:6px;}
.intro-section__content .h2{font-size:20px;}
}
/*------------------------------------*\ #About section\*------------------------------------*/
.about-section{padding-top:135px;padding-bottom:70px;background:#fff;position:relative;}
.about-section .small-logo{display:none;position:relative;width:38px;top:-7px;left:-2px;padding:5px;background:#4b96f1}
.about-section__content{position:relative;padding-left:236px;margin-left:170px;}
.about-section__content p{font-size:22px;line-height:36px;font-weight:300;}
.about-section__content p strong{font-weight:400;}
.about-section__decoration{position:absolute;left:0px;color:#4b96f1;font-size:20px;top:5px;}
.about-section__decoration .line{display:inline-block;position:absolute;content:'';border-top:1px solid #4b96f1;width:160px;left:45px;top:11px;}
@media (max-width:960px){.about-section{padding-top:70px;padding-bottom:40px;}
.about-section__content{margin-left:0px;padding-left:90px;}
.about-section__decoration .line{left:0;width:40px;}
}
@media (max-width:640px){.about-section__content{padding-top:30px;padding-left:0px;}
.about-section__content p{font-size:16px;line-height:26px;}
}
/*------------------------------------*\ #Portfolio section\*------------------------------------*/
.portfolio-section{background:#fff;padding-top:70px;}
.portfolio-section .section-title{margin:0;text-align:center;margin-bottom:53px;font-size:40px;}
.portfolio-section .section-controls{text-align:center;margin-top:35px;padding-bottom:35px;border-bottom:1px solid #e8e8e8;}
@media (max-width:960px){.portfolio-section{padding-top:20px;padding-bottom:20px;}
}
@media (max-width:768px){.portfolio-section{padding-top:20px;padding-bottom:20px;}
}
/*------------------------------------*\ #Services section\*------------------------------------*/
.services-section{padding-top:217px;padding-bottom:184px;background:#fff;overflow:hidden;}
.services-section .section-title{margin:0;text-align:center;margin-bottom:53px;font-size:40px;}
.service-item{margin-bottom:42px;display:block;}
.service-item:hover .link--more{color:#4b96f1;}
.service-item h3{margin-top:20px;margin-bottom:19px;}
.service-item .link--more{font-size:20px;transition:color 0.2s ease;}
.services-section .row{margin-left:-70px;margin-right:-70px;}
.services-section .col-1-of-3{padding-left:70px;padding-right:70px;}
@media (max-width:1200px){.services-section .row{margin-left:-20px;margin-right:-20px;}
.services-section .col-1-of-3{padding-left:20px;padding-right:20px;}
}
@media (max-width:960px){.services-section{padding-top:40px;padding-bottom:40px;}
.services-section .col-1-of-3{width:50%;}
}
@media (max-width:640px){.services-section .col-1-of-3{width:100%;text-align:center;}
.services-section .section-title{font-size:32px;margin-bottom:35px;line-height:42px;}
.services-section .section-title br{display:none;}
}
/*------------------------------------*\ #Contacts section\*------------------------------------*/
.contacts-section{padding-top:202px;padding-bottom:224px;background:url(../img/contact_bg.webp) no-repeat center center;background-size:cover;color:#fff;}
.contacts-section .section-title{margin:0;text-align:center;margin-bottom:92px;}
.contacts-form{max-width:946px;margin:0 auto;}
.contacts-form .btn--primary{padding-left:0px;font-weight:500;}
@media (max-width:960px){.contacts-section{padding-top:90px;padding-bottom:70px;}
.contacts-section .section-title{margin-bottom:55px;}
}
@media (max-width:640px){.contacts-form .col-1-of-3{width:100%;}
}
/*------------------------------------*\ #Contacts page section\*------------------------------------*/
.contact-location__list{padding-top:33px;}
.contact-location{position:relative;margin-bottom:18px;}
.contact-location:last-child{margin-bottom:none;}
.contact-location .col-1-of-3{width:29%;}
.contact-location .col-2-of-3{width:71%;}
.contact-location strong{font-weight:100;cursor:pointer;text-transform:uppercase;}
.contact-location strong:hover{color:#4b96f1;}
.contact-location:before,.contact-location:after{display:none;content:'';position:absolute;}
.contact-location:before{width:0px;border-top:1px solid #4b96f1;right:20%;opacity:0;top:29px;transition:all 0.2s ease;}
.contact-location:after{right:0px;top:27px;width:0;height:0;opacity:0;border-style:solid;border-width:2.5px 0 2.5px 3px;border-color:transparent transparent transparent #4b96f1;}
.contact-location.show:before{width:200px;right:0;opacity:1;}
.contact-location.show:after{opacity:1;}
.contact-location--active strong{font-weight:500;}
.contact-location--active:before,.contact-location--active:after{display:inline-block;}
#map{height:590px;}
@media (max-width:1260px){.contact-location:before{width:90px;}
}
@media (max-width:768px){.contact-location:before{width:50px;}
}
@media (max-width:640px){.contact-location:before,.contact-location:after{display:none;}
.contact-location .col-1-of-3{width:40%;}
.contact-location .col-2-of-3{width:60%;}
.contact-location__list{padding-top:0px;}
.contact-location{margin-bottom:0px;}
#map{height:380px;}
}
/*------------------------------------*\ #Clients section \*------------------------------------*/
.clients-section{padding-top:168px;padding-bottom:114px;}
@media (max-width:768px){.clients-section{padding-top:60px;padding-bottom:50px;}
}
.clients-list{text-align:center;margin-top:48px;}
.client-item__wrap{display:inline-block;width:20%;text-align:center;margin-right:-3px;position:relative;padding:0 10px;}
.client-item__wrap:after{position:absolute;display:inline-block;content:'+';right:-9px;bottom:-25px;color:#e8e8e8;font-size:18px;}
.client-item__wrap:nth-child(11):after,.client-item__wrap:nth-child(12):after,.client-item__wrap:nth-child(13):after,.client-item__wrap:nth-child(5n):after{display:none;}
.client-item{height:100px;overflow:hidden;position:relative;padding:0 15px;}
.client-item img{position:absolute;left:0px;right:0px;top:50%;-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 0.3s ease;}
.client-item:hover img{opacity:1;}
@media (max-width:640px){.client-item__wrap{width:33.3333%;}
.client-item__wrap:nth-child(11):after,.client-item__wrap:nth-child(12):after,.client-item__wrap:nth-child(13):after,.client-item__wrap:nth-child(5n):after{display:inline-block;}
.client-item__wrap:nth-child(13):after,.client-item__wrap:nth-child(3n):after{display:none;}
}
@media (max-width:480px){.client-item__wrap{width:50%;}
.client-item__wrap:nth-child(13):after,.client-item__wrap:nth-child(3n):after{display:inline-block;}
.client-item__wrap:nth-child(13):after,.client-item__wrap:nth-child(2n):after{display:none;}
}
/*------------------------------------*\ #Clients list\*------------------------------------*/
.project-item{width:50%;float:left;position:relative;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;overflow:hidden;}
.tab-branding .project-item{cursor:default;}
.project-item:before{display:block;content:'';padding-top:63%;}
.project-item:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:white;transform:translateX(0%);transition:transform 1s cubic-bezier(0.77, 0.15, 0, 0.99);}
.project-item.show:after{transform:translateX(100%);}
.project-item:nth-child(2n+1){clear:left;}
.project-item__details{position:absolute;top:30%;left:7%;width:30%;}
.project-item__name{font-size:3vw;color:#1d1d1b;text-transform:uppercase;margin:0;line-height:1.1em;margin-bottom:7px;transition:all 0.5s cubic-bezier(0.07, 0.54, 0, 0.99);}
.project-item__details i{font-size:36px;margin-left:0px;-moz-transition:margin-left 0.3s;-o-transition:margin-left 0.3s;-webkit-transition:margin-left 0.3s;transition:margin-left 0.3s;}
.project-item:hover .project-item__details i{margin-left:30px;}
.project-item__media{position:absolute;top:23%;right:2%;width:62%;}
.project-item__media .holder{position:relative;}
.project-item__media .holder .macbook-inside{overflow:hidden;}
.project-item__media .holder .macbook-inside img{transform-origin:top center;transition:all 0.5s cubic-bezier(0.07, 0.54, 0, 0.99);}
.project-item__media img{width:auto;max-width:100%;}
a:hover .project-item__media .macbook-inside img{-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}
.project-list__controls{margin-top:50px;margin-bottom:50px;}
.project-item__branding{display:inline-block;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;max-width:45%;max-height:40%;}
.project-list--branding .project-item:hover{opacity:0.8;}
@media (max-width:1400px){.project-item__name{font-size:2.5vw;}
.project-item__media{width:52%;}
.project-item:before{padding-top:46%;}
}
@media (max-width:640px){.project-item{width:100%;}
.project-item__name{font-size:6vw;}
}
/*------------------------------------*\ #Service detailed section\*------------------------------------*/
.service-detailed-section{padding-top:143px;padding-bottom:129px;}
.service-detailed-section .link--back{margin-bottom:48px;}
.service-detailed__image{padding-top:57px;padding-left:22px;}
.service-detailed-section .simple-content p{margin-top:0px;font-size:16px;}
@media (max-width:768px){.service-detailed-section{padding-top:100px;padding-bottom:70px;}
.service-detailed-section .col-1-of-2{width:100%;}
}
@media (max-width:480px){.service-detailed-section .col-1-of-3,.service-detailed-section .col-2-of-3{width:100%;}
.service-detailed__image{padding-left:0px;padding-top:0px;padding-bottom:42px;}
}
/*------------------------------------*\ #Projects list section\*------------------------------------*/
.projects-section .section-title{margin-top:10px;font-size:26px;margin-bottom:60px;}
/*------------------------------------*\ #List header section section\*------------------------------------*/
.join-us-page-section h3{color:#4b96f1;}
.why-join-us.list{padding-left:18px;}
.list-header-seaction{padding-top:165px;padding-bottom:54px;}
.list-header-seaction .site-block{position:relative;}
.list-header-seaction h1{margin-bottom:0px;}
.filter-list__block{position:absolute;right:25px;bottom:9px;text-align:right;width:50%;font-size:16px;}
.filter-list__block li{display:inline-block;margin-left:38px;text-transform:uppercase;}
.filter-item--active{font-weight:500;}
.filter-list__block a:not(.filter-item--active):hover{color:#4b96f1;}
@media (max-width:768px){.list-header-seaction{padding-top:100px;padding-bottom:30px;}
}
@media (max-width:640px){.filter-list__block{width:100%;position:static;text-align:left;}
.filter-list__block li{margin-left:0px;margin-right:20px;}
}
/*------------------------------------*\ #Site footer\*------------------------------------*/
.site-footer{padding-top:86px;background:#fff;padding-bottom:80px;color:#6e6e6d;line-height:26px;position:relative;}
.site-footer a{color:#6e6e6d;}
.site-footer a:hover{color:#4b96f1;}
.site-footer .col-1-of-5{width:33%;padding-right:0px;}
.site-footer .col-1-of-5.fr{padding-right:20px;}
.location-item{padding-left:28px;position:relative;letter-spacing:-0.2px;}
.location-item .h4{margin:0;color:#000;font-weight:500;font-size:15px;margin-bottom:8px;}
.footer-logo{width:186px;}
@media (min-width:641px){.footer-logo{position:relative;bottom:-1px;}
}
.social-menu{margin-top:15px;margin-bottom:15px;}
.social-menu li{display:inline-block;color:#6e6e6d;padding-left:9px;line-height:28px;vertical-align:top;}
.social-menu li:first-child{padding-left:0px;}
.social-menu a{color:#232321;font-size:19px;}
.main-menu__block .social-menu{border-top:1px solid #e8e8e8;display:inline-block;padding-top:15px;margin-top:10px;}
.main-menu__block .social-menu a{font-size:18px;}
.main-menu__block .social-menu a:hover{color:#4b96f1;}
.main-menu__block .restInfo{margin-top:60px;}
.main-menu__block .restInfo .halfLeft,.main-menu__block .restInfo .halfRight{float:left;width:100%;text-align:left;}
.main-menu__block .restInfo .halfLeft img{margin-bottom:10px;width:140px;}
.main-menu__block .restInfo dl{margin:0;}
.main-menu__block .restInfo .halfLeft .companyInfo,.main-menu__block .restInfo dt{color:#4b96f1;font-weight:500;}
.main-menu__block .restInfo dt{width:20px;margin-right:5px;}
.main-menu__block .restInfo dd{color:#1d1d1b;width:calc(100% - 40px);margin:0;}
.main-menu__block .restInfo dd,.main-menu__block .restInfo dt{display:inline-block;vertical-align:top;padding:0.2em 0;}
.site-footer .copyrights{display:flex;justify-content:space-between;gap:20px;padding-left:25px;margin:0;margin-top:65px;font-size:12px;}
.slide-top{position:fixed;width:60px;height:60px;display:inline-block;right:36px;bottom:36px;z-index:10;font-size:28px;-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:0;visibility:none;-moz-transition:opacity 0.3s, visibility 0.3s, bottom 0.3s;-o-transition:opacity 0.3s, visibility 0.3s, bottom 0.3s;-webkit-transition:opacity 0.3s, visibility 0.3s, bottom 0.3s;transition:opacity 0.3s, visibility 0.3s, bottom 0.3s;}
.slide-top:hover{bottom:48px;}
.slide-top i{color:#4b96f1;position:absolute;left:50%;top:50%;margin-left:-14px;margin-top:-14px;}
.can-scroll-top .slide-top{opacity:1;visibility:visible;}
@media (max-width:960px){.site-footer{padding-top:40px;padding-bottom:40px;padding-right:26px;}
.site-footer .col-1-of-5{width:33.3333%;}
}
@media (max-width:640px){.site-footer .col-1-of-5{width:100%;margin-bottom:20px;}
.site-footer .col-1-of-5.fr{text-align:left;padding-left:38px;padding-top:35px;}
.site-footer .copyrights{margin-top:10px;}
.slide-top{right:10px;bottom:10px;display:none;}
}
.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}
.st1{stroke:#1A1A18;}
.st2{stroke:#006838;}
.st1{stroke:#4b96f1;}
.st2{stroke:#F7941E;}
.owl-carousel{width:100%;}
.owl-carousel .owl-dots{width:100%;text-align:center;margin-top:30px;}
.owl-carousel .owl-dots .owl-dot{height:10px;width:10px;border-radius:100%;border:1px solid #000;display:inline-block;cursor:pointer;margin:10px;opacity:0.6;}
.owl-carousel .owl-dots .owl-dot:hover{background:#686868;}
.owl-carousel .owl-dots .owl-dot.active{background:#000;}
.portfolio-slide{padding:0 5.5%;width:100%;}
.portfolio-slide .portfolio-item-content{width:100%;padding:13% 0;position:relative;height:63%;}
.portfolio-slide .portfolio-item-content img{position:absolute;right:-6%;}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index:100;transform:translateX(100%);}
#initPreloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index:100;}
#initPreloader>div{top:50%;left:50%;transform:translateY(-50%) translateX(-50%);position:absolute;margin:0 auto;width:45px;}
.h1-line-box{overflow:hidden;}
.h1-line-box span.h1-line{display:inline-block;}
h1 span.word,h2 span.word{overflow:hidden;display:inline-block;position:relative;vertical-align:top;}
h1 span.word .holder,h2 span.word .holder{display:inline-block;vertical-align:top;}
.img-uncover{position:relative;overflow:hidden;display:inline-block;}
.img-uncover img{transform:scale(1.2);transition:transform 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
.img-uncover.show:hover img{transition-delay:0s;transform:scale(1.02);}
.img-uncover:after{content:"";display:block;position:absolute;top:0;left:0;right:0;width:110%;height:110%;background:#ffffff;transition:transform 1s cubic-bezier(0.77, 0.15, 0, 0.99);z-index:4;}
.img-uncover.grey:after{background:#ededed;}
.img-uncover.show:after{transform:translateX(-100%);}
.img-uncover.show img{transform:scale(1);}
.project-overlay{position:fixed;overflow:auto;z-index:5;}
p.fadeInUp{visibility:hidden;}
.form-success{text-align:center;}
.form-success h1{font-size:40px;margin:0 0 25px 0;}
.form-success h1:before{content:"";width:52px;height:1px;display:block;margin:0 auto 25px auto;background:rgba(255, 255, 255, 0.2);}
.form-success p{margin-top:40px;}
.contacts-section.success h2{margin-bottom:25px;}
.form-item.error input,.form-item.error textarea{border-bottom:1px solid #b20207;}
.services__ornament .ornament_animation__svg{width:500px;height:575px;}
.ornament_animation{position:absolute;z-index:0;}
@media (max-width:1024px){.ornament_animation,img.about-us-logo{display:none;}
}
.ornament_animation-sub{opacity:0.05;}
.ornament_animation-sub .ornament_animation__svg{width:100%;height:100%;}
.ornament_animation__inner{position:relative;width:100%;height:100%;}
.ornament_animation__svg{position:absolute;left:0;top:0;}
.ornament_animation svg{width:100%;height:100%;}
.ornament_animation-default .ornament_animation__svg{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;}
.ornament_animation-default .ornament_animation__svg:first-child{-webkit-animation:rotating 35s linear infinite;animation:rotating 35s linear infinite;}
.ornament_animation-default .ornament_animation__svg:last-child{-webkit-animation:rotating-back 35s linear infinite;animation:rotating-back 35s linear infinite;top:2px;}
.icon-decor-part1{width:1.02em;height:1em;fill:none;stroke:#232020;}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes rotating-back{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@keyframes rotating-back{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
#project{overflow:hidden;margin-bottom:60px;}
#project h1{font-weight:500;}
#project .invisible{visibility:hidden;}
#project .wrapper{max-width:1520px;margin:0 auto;padding:10% 5%;}
#project .img{display:inline-block;position:relative;z-index:2;vertical-align:top;}
#project .number{color:#4b96f1;font-size:50px;font-weight:700;position:relative;margin-bottom:45px;display:inline-block;}
#project .number:before{position:absolute;bottom:0;left:0;width:137px;height:1px;content:"";display:block;background:#ffffff;}
#project .number:after{width:57px;background:#000000;height:1px;content:"";display:block;position:absolute;bottom:0;left:0;}
#project .right .number:before,#project .right .number:after{left:auto;right:0;}
@media (max-width:1260px){#project section{display:none;}
#project section.main{display:block;}
}
#project section.main{width:100%;height:100vh;display:table;table-layout:fixed;}
@media (max-width:768px){#project section.main{display:block;height:auto;}
}
#project section.main>div{display:table-cell;width:50%;vertical-align:middle;padding:160px 0;}
#project section.main>div .simple-content{max-width:900px;}
@media (max-width:768px){#project section.main>div{padding:0;padding-top:100px;padding-bottom:60px;display:block;width:100%;}
#project section.main>div .simple-content{float:none !important;padding-left:5% !important;padding-right:5% !important;}
}
#project section.main .left-side{background:#ffffff;transform:translateX(-100%);}
#project section.main .left-side .simple-content{float:right;width:100%;padding-right:16%;padding-left:16%;}
#project section.main .right-side .simple-content{max-width:none;}
@media (max-width:768px){#project section.main .right-side{padding-top:30px;padding-bottom:30px;}
#project section.main .right-side .simple-content{text-align:center;}
}
#project section.main hr{max-width:190px;background-color:#e8e8e8;color:#e8e8e8;margin:30px 0 40px 0;}
#project section.main table{table-layout:fixed;width:100%;}
#project section.main table td{vertical-align:top;width:100%;text-transform:uppercase;line-height:24px;font-size:16px;}
#project section.main table td strong{display:block;font-weight:500;}
#project section.main a.link--more{visibility:hidden;margin-right:4%;}
#project .project-uncover{display:inline-block;position:relative;transform:translateX(-14%);text-align:right;visibility:hidden;}
#project .project-uncover .cover{overflow:hidden;width:100%;}
#project .project-uncover .holder{position:relative;}
#project .project-uncover .login{position:absolute;left:15px;bottom:10px;}
@media (max-width:1500px){#project .project-uncover .login{width:110px;}
}
@media (max-width:768px){#project .project-uncover{transform:none;}
}
#project .desc{vertical-align:top;display:inline-block;max-width:460px;margin-right:70px;position:relative;}
#project .desc>*{z-index:2;position:relative;}
#project .desc.right{text-align:right;float:right;margin-right:0;}
#project .desc.right .big{left:auto;right:0;}
#project .desc.center{text-align:center;margin:0 auto;display:block;}
#project .desc .desc-title{display:inline-block;text-align:left;}
#project .big{text-transform:uppercase;font-size:300px;font-weight:500;color:#ffffff;text-shadow:0px 16px 38px rgba(150, 150, 150, 0.2);position:absolute;top:37px;left:0;z-index:0;}
#project img.shadow{display:inline-block;-webkit-box-shadow:0px 9px 45px -4px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 9px 45px -4px rgba(0, 0, 0, 0.25);box-shadow:0px 9px 45px -4px rgba(0, 0, 0, 0.25);}
#project .section-gallery{padding-bottom:5%;}
#project .section-gallery .wrapper{padding-bottom:0;}
#project .section-gallery .owl-carousel{margin-top:50px;}
#project .section-gallery .owl-carousel .item{overflow:hidden;}
#project .section-gallery .owl-carousel .item img{transition:transform 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);}
#project .section-gallery .owl-carousel .owl-item:hover img{transform:scale(1.1);}
.macbook-inside{position:absolute;top:6.6%;left:15.6%;right:14.9%;bottom:20%;}
.macbook-inside video,.macbook-inside img{width:100%;transform:translate3d(0, 0, 0);}
.macbook-inside.has-video img{display:none;}
@media (max-width:768px){.macbook-inside video{display:none;}
.macbook-inside img{display:block !important;}
}
#project.project-mobilc .section-1{background:#f7f7f7;}
#project.project-arcade-cycles .section-1{background:#f8ffd2;}
#project.project-mobilc .section-1 .desc, #project.project-arcade-cycles .section-1 .desc{margin-top:-20px;}
#project.project-mobilc .section-2{background:#e7e7e7;}
#project.project-mobilc .section-3{background:#f7f7f7;}
#project.project-mobilc .section-4{background:#e7e7e7;text-align:center;}
#project.project-arcade-cycles .section-2{background:#f8ffd2}
#project.project-arcade-cycles .section-3{background:#f8ffd2;}
#project.project-arcade-cycles .section-4{background:#f8ffd2;text-align:center;}
#project.project-mobilc .marketingas, #project.project-arcade-cycles .marketingas{margin:60px auto 100px auto;font-size:0;text-align:center;}
#project.project-mobilc .marketingas img, #project.project-arcade-cycles .marketingas img{vertical-align:top;margin-top:0 !important;margin-left:7px;margin-right:7px;}
#project.project-mobilc .img3, #project.project-arcade-cycles .img3{position:absolute;bottom:17%;left:-50%;border-radius:100%;}
#project.project-mobilc .img4, #project.project-arcade-cycles .img4{z-index:0;position:relative;}
#project.project-mobilc .img5, #project.project-arcade-cycles .img5{position:absolute;top:40px;transform:translateY(50%) translateX(-10%);z-index:10;}
#project.project-mobilc .img7, #project.project-arcade-cycles .img7{z-index:10;left:0;position:absolute;transform:translateX(-10%) translateY(60%);}
#project.project-mobilc .img8, #project.project-arcade-cycles .img8{z-index:11;transform:translateX(-15%);position:relative;}
@media (max-width:1500px){#project.project-mobilc .img2,#project.project-mobilc .img4,#project.project-arcade-cycles .img2,#project.project-arcade-cycles .img4{width:500px;}
#project.project-mobilc .img5,#project.project-arcade-cycles .img5{width:450px;margin-left:-50px;}
#project.project-mobilc .img3,#project.project-arcade-cycles .img3{width:350px;}
#project.project-mobilc .img6,#project.project-mobilc .img8,#project.project-arcade-cycles .img6,#project.project-arcade-cycles .img8{width:500px;}
#project.project-mobilc .img8, #project.project-arcade-cycles .img8{margin-top:150px;}
#project.project-mobilc .img7, #project.project-arcade-cycles .img7{transform:translateX(20%) translateY(100%);width:400px;}
#project.project-mobilc .section-2 .wrapper, #project.project-arcade-cycles .section-2 .wrapper{padding-bottom:0;margin-bottom:-200px;}
#project.project-mobilc .marketingas img, #project.project-arcade-cycles .marketingas img{width:200px;}
}
.project-en-spot .section-1{text-align:center;background:url(../projekti/en-spot/es-bg.jpg) center center no-repeat;background-size:cover;color:#FFFFFF;}
.project-en-spot .section-1 .icons, .project-nogomania .section-1 .icons{display:block;margin-top:65px;font-size:0;}
.project-en-spot .section-1 .icons.icons-big img, .project-nogomania .section-1 .icons.icons-big img{width:145px;opacity:0.7;}
.project-en-spot .section-1 .icons.icons-big .icon, .project-nogomania .section-1 .icons.icons-big .icon{margin:0 33px;vertical-align:bottom;}
.project-en-spot .section-1 .icons.icons-small img, .project-nogomania .section-1 .icons.icons-small img{width:86px;height:86px;}
.project-en-spot .section-1 .icons.icons-small .icon, .project-nogomania .section-1 .icons.icons-small .icon{margin:0 5px;}
.project-en-spot .section-1 .icons .icon, .project-nogomania .section-1 .icons .icon{display:inline-block;vertical-align:top;}
.project-en-spot .section-3{background:#d2dfed;}
.project-en-spot .section-4{background:#dde7f2;}
.project-nogomania .section-3{background:#f2ffe6;}
.project-en-spot .img3, .project-nogomania .img3{position:absolute;top:23%;left:-50%;border-radius:100%;}
.project-en-spot .img4, .project-nogomania .img4{position:absolute;bottom:7%;left:-50%;}
.project-en-spot .img6-1, .project-nogomania .img6-1{margin-left:-30px;}
.project-en-spot .section-4 .desc, .project-nogomania .section-4 .desc{transform:translateY(50%);}
@media (max-width:1500px){.project-en-spot .img2, .project-nogomania .img2{width:500px;}
.project-en-spot .img3, .project-nogomania .img3{width:350px;}
.project-en-spot .img6, .project-nogomania .img6{width:600px;}
.project-en-spot .img6-1, .project-nogomania .img6-1{margin-left:0;}
.project-en-spot .section4 .desc, .project-nogomania .section4 .desc{transform:translateY(20%);}
}
.project-beauti .wrapper, .project-joico .wrapper{padding:10% 5% 5% !important;}
.project-beauti .section-1{background:#f5e1db;}
.project-joico .section-1{background:#f4efc3;}
.project-beauti .section-2{background:#f8e9e5;position:relative;}
.project-beauti .img1, .project-joico .img1{width:370px;margin-top:150px;position:absolute;top:80px;left:-62%;}
.project-beauti .img2, .project-joico .img2{margin-left:50px;}
.project-joico .img1{top:-33px;}
.project-joico .img2{margin-bottom:20px;margin-right:30px;}
@media (max-width:1500px){.project-beauti .img2, .project-joico .img2{margin-top:300px;}
.project-beauti .img1, .project-joico .img1{margin-top:230px;width:300px;left:-42%;}
.project-beauti .img3, .project-bjoico .img3{width:500px;}
.project-beauti .img4, .project-joico .img4{width:500px;}
}
#project.project-beauti .section-2 .wrapper, #project.project-beauti .section-2 .wrapper{padding-bottom:0;}
.project-ream .section-1{text-align:center;background:url(../projects/french-cellar/01_bg.jpg) center center no-repeat;background-size:cover;color:#FFFFFF;}
.project-ream .section-1 .logo{width:275px;margin-top:70px;}
.project-ream .section-2{background:#f1eee9;}
.project-ream .section-3{background:#e8f6f5;}
.project-ream .section-3 .simple-content.wrapper{padding-bottom:300px !important;}
.project-ream .section-4{background:#daefee;}
.project-ream .img3{position:absolute;top:40%;left:-50%;border-radius:100%;}
.project-ream .img4{position:absolute;bottom:0%;left:-50%;}
.project-ream .img6{position:absolute;right:-40px;margin-top:600px;}
.project-ream .img7{margin-top:100px;}
.project-ream .img8{position:absolute;top:0;right:0;}
.project-ream .img10{z-index:9;position:absolute;top:30%;left:-5%;}
.project-ream .img6-1{margin-left:-30px;}
.project-ream .section-4 .desc{transform:translateY(50%);}
@media (max-width:1500px){.project-ream .img2{width:500px;}
.project-ream .img3{width:350px;}
.project-ream .img6{width:280px;right:10%;}
.project-ream .img5{width:500px;}
.project-ream .img8,.project-ream .img7{width:500px;}
.project-ream .img9{width:500px;}
.project-ream .img6-1{margin-left:0;}
.project-ream .section4 .desc{transform:translateY(20%);}
}
.play-link{display:block;margin-left:0;}
i.icon-play{position:relative;top:-10px;left:17px;}
.project-description{font-size:16px;line-height:1.9em;}
.services-section .section-title .word:nth-child(1){font-weight:100;}
.portfolio-section .section-title,.services-section .section-title{color:#4b96f1;}
.simple-content h1,.simple-content h2{color:#4b96f1;}
.counter-box{float:left;width:50%;margin-right:0 !important;margin-bottom:30px;}
.counter-box__canvas{height:50px;margin-left:-1px;-webkit-filter:sepia(100%) hue-rotate(186deg) saturate(500%);filter:sepia(100%) hue-rotate(186deg) saturate(500%);}
img.about-us-logo{width:170px;opacity:0.5;left:136px;top:210px;position:absolute;}
.contacts-page-section .simple-content h1{margin-bottom:9px;}
@media (min-width:1275px){.services-section .col-1-of-3{min-height:327px;}
.services-section.page .col-1-of-3{min-height:337px !important;}
}
@media (max-width:1098px) and (min-width:641px){.services-section .col-1-of-3{min-height:350px;}
}
@media (min-width:1200px){.site-block{padding-left:0;padding-right:0;}
.insperia-logo{margin-top:-130px;}
}
@media (max-width:640px){.intro-section__content .h1{height:auto;}
.play-link{font-size:45px;}
}
@media (max-width:480px){.services-section .link--more{width:70%;padding-right:0;}
.services-section .link--more i{right:-40px;}
.counter-box{float:left;width:100%;}
}
.footer-info .halfRight{float:left;width:100%;text-align:left;}
.footer-info dl{margin:0;}
.footer-info dt{color:#4b96f1;font-weight:500;}
.footer-info dt{width:20px;margin-right:5px;}
.footer-info dd{color:#1d1d1b;width:calc(100% - 40px);margin:0;}
.footer-info dd,.footer-info dt{display:inline-block;vertical-align:top;padding:0.2em 0;}
@media (max-width:768px){.site-header a.main-logo .logo-text{filter:invert(100%);}
.site-header a.main-logo .logo-text svg{width:120px !important;}
.site-header{background:#FFFFFF;position:fixed;height:50px;-webkit-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);-moz-box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);box-shadow:0px 0px 12px -2px rgba(0, 0, 0, 0.44);padding-right:5%;}
.site-header a.main-logo{width:50px;height:50px;}
.site-header a.main-logo{background:#4b96f1 !important;}
.site-header a.main-logo svg{width:30px !important;height:30px !important;margin-top:9px !important;}
.site-header .toggle-menu{margin-top:0;width:50px;height:50px;padding:13px 0 0 14px;right:10px;}
.site-header a.light,.site-header a{color:#000000 !important;opacity:1 !important;}
.toggle-menu .menu-burger__line,.toggle-menu .menu-burger:after,.toggle-menu .menu-burger:before{background:#000;}
.services-section .section-title{margin-top:0;}
}
@media (max-width:480px){.site-footer{padding-right:0;}
.site-footer .col-1-of-5.fr{padding:0;}
.footer-logo{display:block;margin:0 auto;}
.site-footer .copyrights{flex-direction: column;padding-left:0;text-align:center;}
.site-footer .copyrights span{order:2;}
}
.site-footer .social-menu{display:none;}
.footer-cookie{background-color:#fff;box-shadow:0 0 8px 0 rgba(1, 1, 1, 0.13);padding:20px;width:300px;position:fixed;bottom:40px;right:40px;opacity:0;transform:translateY(100px);visibility:hidden;z-index:-1;transition:all 0.5s ease-in-out;}
.footer-cookie--active{display:block;transform:translateY(0);opacity:1;z-index:300;visibility:visible;transition:all 0.6s ease-in-out 2s;}
.footer-cookie--text{color:#6e6e6d;margin-bottom:20px;font-size:13px;line-height:20px;font-weight:300;}
.footer-cookie--text a{color:#4b96f1;}
.footer-cookie--button{color:#4b96f1;text-transform:uppercase;cursor:pointer;}
.footer-cookie--button span{position:relative;padding-right:45px;font-weight:500;font-size:16px;display:inline-block;}
.footer-cookie--button i{font-size:28px;color:#4b96f1;position:absolute;right:0px;top:50%;margin-top:-0.5em;-webkit-transition:right 0.3s;transition:right 0.3s;}
.footer-cookie--button span:hover i{right:-12px;}
@media (max-width:767px){.footer-cookie{width:100%;bottom:0;left:0;}
}
@font-face{font-family:'custom icons';src:url("../fonts/custom-icons.eot");src:url("../fonts/custom-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/custom-icons.woff") format("woff"), url("../fonts/custom-icons.ttf") format("truetype"), url("../fonts/custom-icons.svg#custom-icons") format("svg");font-weight:normal;font-style:normal;font-display:swap;}
.portfolio-section.technologies .section-title{margin-bottom:35px;}
.services-section.home{padding-top:120px;padding-bottom:0;}
.portfolio-section.clients{padding-top:0;}
.portfolio-section.clients .clients-list{margin-top:0;}
.cms-options{margin:0;padding:0;text-align:center;}
.cms-options .client-item{height:auto;overflow:visible;}
.cms-options li{display:inline-block;list-style-type:none;margin:9px 0;padding:0;position:relative;vertical-align:top;width:49%;}
.cms-options li a{color:#333;display:block;}
.cms-options li .custom-icon{font-size:76px;height:135px;line-height:135px;width:135px;}
.cms-options li .custom-icon:before{font-size:inherit;line-height:inherit;}
.cms-options li .custom-icon.custom-icon-dnn:before{margin-left:12px;}
[class*='custom-icon-']{display:inline-block;}
[class*='custom-icon-']:before{display:block;font-family:'custom icons';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.custom-icon-dnn:before{content:'\0048';}
.custom-icon-wordpress:before{content:'\006b';}
.cms-options li .name{background-color:#fff;border-radius:5px;bottom:0;box-shadow:3px 3px 3px rgba(0,0,0,0.2);font-size:24px;display:block;left:50%;line-height:1em;opacity:0;padding:5px 15px;position:absolute;text-align:center;transform:translate(-50%,0);transition:bottom 0.25s ease 0s,opacity 0.25s ease 0s;}
.cms-options li .name:before{border-style:solid;border-color:transparent transparent #fff transparent;border-width:8px;content:'';display:block;height:0;left:calc(50% - 8px);position:absolute;top:-16px;width:0;}
.cms-options li:hover .name{bottom:-15px;opacity:1;}
.custom-icon-magento{padding:19px;}
@media screen and (min-width:480px){.cms-options li{width:32.33333%;}
}
@media screen and (min-width:768px){.cms-options li{margin:20px 0;width:24%;}
}
@media screen and (min-width:992px){.cms-options li{margin:0;width:auto;}
.cms-options li .custom-icon{font-size:80px;height:135px;line-height:135px;width:135px;}
}
@media (max-width:480px){.cms-options li .name{box-shadow:none;bottom:-15px;opacity:1;}
.cms-options li .name:before{border:none;}
.services-section.home{padding-top:40px;}
.client-item__wrap:after{display:none !important;}
}