@font-face{font-family:interface;font-weight:normal;src:url("fonts/interface/Interface-Regular.woff") format("woff"),url("fonts/interface/Interface-Regular.ttf") format("truetype"),url("fonts/interface/Interface-Regular.svg#svg") format("svg")}@font-face{font-family:interface;font-weight:bold;src:url("fonts/interface/Interface-Medium.woff") format("woff"),url("fonts/interface/Interface-Medium.ttf") format("truetype"),url("fonts/interface/Interface-Medium.svg#svg") format("svg")}html{overflow-x:hidden}body{font-family:'interface', sans-serif;margin:0 auto;font-size:18px;line-height:27px;font-weight:200;color:#555758;-webkit-transition:background 0.3s linear;transition:background 0.3s linear}::-moz-selection{background-color:#6772E5;color:rgba(255,255,255,0.93);text-shadow:none}::selection{background-color:#6772E5;color:rgba(255,255,255,0.93);text-shadow:none}::-moz-selection{background-color:#6772E5;color:rgba(255,255,255,0.93);text-shadow:none}a{text-decoration:none;color:inherit;cursor:pointer;padding-bottom:2px;border-bottom:1px solid #393E43;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}a:hover{border-bottom:1px solid #6772E5}h1,h2,h3{color:#393E43}@media screen and (max-width: 767px){h1,h2,h3{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}img{width:100%}.logo{width:155px;height:55px;display:inline-block;float:left;position:relative;background-image:url("../images/logo.png");background-size:100%;background-repeat:no-repeat;-webkit-transform:translateY(50px);transform:translateY(50px);cursor:pointer;border:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:10}@media screen and (max-width: 767px){.logo{-webkit-transform:translateY(10px);transform:translateY(10px);margin:15px 0 0 30px}}.logo:hover{border:0;opacity:0.6}.button{font-size:20px;letter-spacing:0.02em;display:inline-block;padding:10px 26px 12px 30px;background-color:#393E43;border:1px solid #393E43;-webkit-box-shadow:0 5px 10px 0 rgba(64,75,86,0.1);box-shadow:0 5px 10px 0 rgba(64,75,86,0.1);border-radius:7px;-webkit-transition:all 0.15s linear;transition:all 0.15s linear;color:white}.button:hover{background-color:black;-webkit-box-shadow:0 5px 15px 0 rgba(64,75,86,0.35);box-shadow:0 5px 15px 0 rgba(64,75,86,0.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.menu-button{width:25px;height:18px;padding:6px 0;display:inline-block;position:relative;cursor:pointer;z-index:10;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}@media screen and (max-width: 767px){.menu-button{margin-top:13px;margin-right:30px;-webkit-transform:translateY(10px);transform:translateY(10px)}}.menu-button span{width:100%;height:2px;background-color:#393E43;display:block;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}.menu-button span:nth-child(2){width:22px;margin-top:5px}.menu-button span:nth-child(3){width:18px;margin-top:5px}.menu-button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.menu-button:hover span{width:100%;background-color:black}header{position:fixed;width:100%;height:100%;max-height:140px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:8;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}@media screen and (max-width: 767px){header{max-height:100px}}header .content-wrapper{max-width:1000px;margin:0 auto}header .content-wrapper ul{float:right;-webkit-transform:translateY(50px);transform:translateY(50px);margin-top:13px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@media screen and (max-width: 767px){header .content-wrapper ul{-webkit-transform:translateY(0);transform:translateY(0)}}header .content-wrapper ul li{display:inline-block;float:left;margin-left:30px}@media screen and (max-width: 767px){header .content-wrapper ul li:not(.menu-button){display:none}}header .content-wrapper ul li a{border-bottom:2px solid transparent;opacity:0.9;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}header .content-wrapper ul li a:hover{border-bottom:2px solid #9866FF;opacity:1}header .content-wrapper ul li.active a{border-bottom:2px solid #9866FF}header .content-wrapper ul li.button{position:relative;top:-7px;background-color:#393E43;padding:7px 14px;border-radius:6px;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}header .content-wrapper ul li.button a{color:white;border:0}header .content-wrapper ul li.button:hover{background-color:black}header.hide{-webkit-transform:translate(-50%, -60px);transform:translate(-50%, -60px);opacity:0}@media screen and (max-width: 767px){header.hide{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}header.scroll{max-height:80px;background-color:rgba(255,255,255,0.97);-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,0.06);box-shadow:0 2px 20px 0 rgba(0,0,0,0.06)}@media screen and (max-width: 767px){header.scroll{max-height:80px}}header.scroll .logo{background-image:url("../images/logo.png");-webkit-transform:translateY(15px) scale(0.9);transform:translateY(15px) scale(0.9)}@media screen and (max-width: 767px){header.scroll .logo{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}header.scroll ul{-webkit-transform:translateY(13px);transform:translateY(13px)}@media screen and (max-width: 767px){header.scroll ul{-webkit-transform:translateX(0);transform:translateX(0)}}header.scroll ul li a{color:#393E43}header.scroll ul li.button{-webkit-transform:translateY(2px);transform:translateY(2px);padding:5px 14px}header.scroll ul li.button a{color:white}@media screen and (max-width: 767px){header.scroll ul li.menu-button{-webkit-transform:translateY(0);transform:translateY(0)}}header.scroll ul li.menu-button span{background-color:#393E43}header.scroll ul li.menu-button:hover span{background-color:black}header.active{max-height:100vh;opacity:0}.menu-overlay{width:100%;min-height:100vh;position:fixed;background-color:#F3F6F9;top:0;left:0;z-index:9;opacity:0;visibility:hidden;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.menu-overlay.active{opacity:0.98;visibility:visible}@media screen and (max-width: 767px){.menu-overlay.active .logo{-webkit-transform:translateY(0);transform:translateY(0)}}.menu-overlay.active .menu-button{-webkit-transform:translateY(4px);transform:translateY(4px)}.menu-overlay.active .menu-button span{width:100%;-webkit-transform:scale(1.2);transform:scale(1.2)}.menu-overlay.active .menu-button span:first-child{-webkit-transform:translateY(4px) rotate(45deg);transform:translateY(4px) rotate(45deg)}.menu-overlay.active .menu-button span:nth-child(2){-webkit-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg)}.menu-overlay.active .menu-button:hover{-webkit-transform:translateY(4px) scale(1.1);transform:translateY(4px) scale(1.1)}.menu-overlay.active .menu-button:hover span{background-color:black}.menu-overlay.active .menu{-webkit-transform:translateX(0) scale(1, 1);transform:translateX(0) scale(1, 1);-webkit-filter:blur(0);filter:blur(0)}.menu-overlay .content-wrapper{max-width:1000px;margin:0 auto;position:relative}.menu-overlay .menu-button{position:absolute;top:60px;right:0}@media screen and (max-width: 767px){.menu-overlay .menu-button{top:13px}}.menu-overlay .menu-button span:nth-child(3){opacity:0}.menu-overlay .menu{width:300px;position:absolute;top:35px;right:60px;list-style:none;font-size:26px;-webkit-transform:translateX(90px) scale(1.15, 1);transform:translateX(90px) scale(1.15, 1);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-filter:blur(35px);filter:blur(35px)}@media screen and (max-width: 767px){.menu-overlay .menu{top:100px;right:0;left:30px}}.menu-overlay .menu li{margin:28px 0;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}.menu-overlay .menu li a{border:0}.menu-overlay .menu li a:hover{color:black}.menu-overlay .menu li.button{margin-top:5px}.menu-overlay .menu li.button a{color:white}.menu-overlay .menu li .submenu{margin:28px 0 20px 25px;list-style:none;font-size:20px}.menu-overlay .menu li .submenu li{margin:15px 0;position:relative}.menu-overlay .menu li .submenu li:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-overlay .menu li .submenu li:before{content:'';width:10px;height:10px;border-radius:50%;position:absolute;top:7px;left:-25px}.menu-overlay .menu li .submenu li.orange:before{border:1px solid #F5BE59}.menu-overlay .menu li .submenu li.dark-blue:before{border:1px solid #6772E5}.menu-overlay .menu li .submenu li.blue:before{border:1px solid #59A7F5}.menu-overlay .menu li .submenu li.purple:before{border:1px solid #9866FF}.menu-overlay .menu li .submenu li.red:before{border:1px solid #F5597D}.menu-overlay .menu li .submenu li.green:before{border:1px solid #4CC53F}.menu-overlay .menu li .submenu li.blue:before{border:1px solid #59A7F5}.menu-overlay .menu li .submenu li.yellow:before{border:1px solid #ff0}.menu-overlay .menu li .submenu li.light-purple:before{border:1px solid #D97FFA}.menu-overlay .menu li .submenu li.dark-orange:before{border:1px solid #FAB07F}.menu-overlay .menu li .submenu li a{opacity:0.7}.menu-overlay .menu li .submenu li a:hover{opacity:1}.wrapper{width:100%;margin:0 auto;z-index:2;opacity:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.wrapper:after{content:'';clear:both;display:block}.wrapper.out{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}.wrapper .content-wrapper{max-width:1000px;margin:0 auto}@media screen and (max-width: 767px){.wrapper .content-wrapper{width:calc(100% - 60px);margin-left:30px}}.wrapper section{width:100%;display:block;float:left}.wrapper section.intro{height:calc(100vh - 80px);min-height:550px;max-height:800px;background-color:#F3F6F9;position:relative;overflow:hidden;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}@media screen and (max-width: 767px){.wrapper section.intro{height:100vh;text-align:center}}.wrapper section.intro a{color:rgba(255,255,255,0.93)}.wrapper section.intro .background{width:calc(100vw + 60px);height:100%;position:absolute;bottom:-75px;left:-30px}@media screen and (max-width: 767px){.wrapper section.intro .background{width:200vw;bottom:5px;left:-50vw}}@-webkit-keyframes updown{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(30px, 10px) scale(1.04);transform:translate(30px, 10px) scale(1.04)}100%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes updown{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(30px, 10px) scale(1.04);transform:translate(30px, 10px) scale(1.04)}100%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.wrapper section.intro .background:before,.wrapper section.intro .background:after{content:'';width:100%;height:100%;background-size:100%;background-position:bottom center;background-repeat:no-repeat;position:absolute;left:0}.wrapper section.intro .background:before{background-image:url("../images/wave.svg");z-index:1;bottom:40px;opacity:0.9;-webkit-animation-duration:9.5s;animation-duration:9.5s;-webkit-animation-name:updown;animation-name:updown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wrapper section.intro .background:after{background-image:url("../images/wave-2.svg");z-index:2;bottom:-40px;opacity:1;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-name:updown;animation-name:updown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.wrapper section.intro .content-wrapper{position:relative;height:100%;z-index:3}.wrapper section.intro .left{width:50%;position:relative;top:calc(50% + 40px);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:6}@media screen and (max-width: 767px){.wrapper section.intro .left{position:absolute;width:100%;top:auto;bottom:35px;-webkit-transform:translateY(0);transform:translateY(0)}}.wrapper section.intro .left h1{max-width:500px;font-size:48px;line-height:60px;text-shadow:0 1px 4px rgba(0,0,0,0.09);margin-bottom:30px}@media screen and (max-width: 767px){.wrapper section.intro .left h1{font-size:32px;line-height:46px;margin-bottom:10px}}.wrapper section.intro .left h2{max-width:400px;font-size:20px;line-height:28px;text-shadow:0 1px 4px rgba(0,0,0,0.06);font-weight:normal;margin-bottom:45px}@media screen and (max-width: 767px){.wrapper section.intro .left h2{margin-bottom:25px}}.wrapper section.intro .right{width:calc(50% - 50px);position:absolute;top:calc(50% + 50px);right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 767px){.wrapper section.intro .right{width:100%;top:20vh;-webkit-transform:translateY(0);transform:translateY(0)}}.wrapper section.intro .right .frame{position:relative;cursor:pointer}.wrapper section.intro .right .frame:hover .play:before{-webkit-transform:scale(1.06);transform:scale(1.06);opacity:0.98}.wrapper section.intro .right .frame:hover span:nth-child(even){-webkit-transform:scale(1.01);transform:scale(1.01)}.wrapper section.intro .right .frame:hover span:nth-child(odd){-webkit-transform:scale(1.02);transform:scale(1.02)}.wrapper section.intro .right .frame .play{width:calc(100% + 100px);height:calc(100% + 100px);position:absolute;top:-50px;left:-50px;z-index:4;-webkit-transform:translateZ(30px);transform:translateZ(30px)}.wrapper section.intro .right .frame .play:before{content:'';width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);background-color:white;border-radius:50%;position:absolute;display:block;background-image:url("../images/play.svg");background-width:40px;background-position:-17px -9px;-webkit-box-shadow:-1px 0 4px 0 rgba(196,196,196,0.5);box-shadow:-1px 0 4px 0 rgba(196,196,196,0.5);opacity:0.5;-webkit-transition:all 0.15s linear;transition:all 0.15s linear}.wrapper section.intro .right .frame .demo{position:relative;border-radius:5px;overflow:hidden;z-index:3;-webkit-box-shadow:0 8px 40px 0 rgba(0,0,0,0.2);box-shadow:0 8px 40px 0 rgba(0,0,0,0.2)}.wrapper section.intro .right .frame .demo img{float:left;position:relative}.wrapper section.intro .right .frame span:nth-child(even){width:100%;height:calc(100% + 35px);position:absolute;top:-20px;left:-25px !important;background-color:white;border-radius:5px;-webkit-box-shadow:0 8px 40px 0 rgba(0,0,0,0.06);box-shadow:0 8px 40px 0 rgba(0,0,0,0.06);z-index:2;opacity:0.19;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}.wrapper section.intro .right .frame span:nth-child(odd){content:'';width:100%;height:calc(100% + 25px);position:absolute;top:-40px;right:-20px;background-color:white;border-radius:5px;-webkit-box-shadow:0 8px 40px 0 rgba(0,0,0,0.05);box-shadow:0 8px 40px 0 rgba(0,0,0,0.05);z-index:1;opacity:0.25;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-duration:0.2s;transition-duration:0.2s}.wrapper section.intro .right .caption{width:100%;display:block;text-align:center;position:relative;top:40px}@media screen and (max-width: 767px){.wrapper section.intro .right .caption{top:20px}}.wrapper section.intro .right .caption a{color:#555758;border-bottom:1px solid #555758;opacity:0.6}.wrapper section.intro .right .caption a:hover{opacity:0.9}.wrapper section.subintro{background-color:#F3F6F9;padding:195px 0 50px 0;text-align:center;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper section.subintro h1{font-size:38px;line-height:50px;text-shadow:0 1px 4px rgba(0,0,0,0.06)}.wrapper section.subintro h2{max-width:500px;margin:30px auto 0 auto;font-weight:normal}.wrapper section.teaser-text{background-color:#F3F6F9;padding:100px 0;text-align:center;float:left;-webkit-transition:all 0.6s linear;transition:all 0.6s linear}@media screen and (max-width: 767px){.wrapper section.teaser-text{padding:60px 0}}.wrapper section.teaser-text h3{max-width:660px;font-size:30px;line-height:50px;font-weight:bold;margin:0 auto}.wrapper section.teaser-text p{max-width:660px;margin:0 auto}.wrapper section.teaser-text p a{margin-top:30px;padding-bottom:6px;border-bottom:3px solid #6772E5}.wrapper section.teaser-text p a:hover{border-bottom:6px solid #6772E5}.wrapper section.teaser-text .button{margin-top:40px}.wrapper section.tags{padding:100px 0 40px 0}@media screen and (max-width: 767px){.wrapper section.tags{padding:60px 0 30px 0}}.wrapper section.tags ul{margin:0 auto;text-align:center}@-webkit-keyframes float{0%{-webkit-transform:translatey(0px);transform:translatey(0px)}50%{-webkit-transform:translatey(-15px);transform:translatey(-15px)}100%{-webkit-transform:translatey(0px);transform:translatey(0px)}}@keyframes float{0%{-webkit-transform:translatey(0px);transform:translatey(0px)}50%{-webkit-transform:translatey(-15px);transform:translatey(-15px)}100%{-webkit-transform:translatey(0px);transform:translatey(0px)}}.wrapper section.tags ul li{display:inline-block;position:relative;margin:15px 20px;-webkit-transform:translatey(0px);transform:translatey(0px)}@media screen and (max-width: 767px){.wrapper section.tags ul li{margin:10px}}.wrapper section.tags ul li:nth-child(even){-webkit-animation:float 11s ease-in-out infinite;animation:float 11s ease-in-out infinite}@media screen and (max-width: 500px){.wrapper section.tags ul li:nth-child(even){-webkit-animation:none;animation:none}}.wrapper section.tags ul li:nth-child(odd){-webkit-animation:float 10s ease-in-out infinite;animation:float 10s ease-in-out infinite}@media screen and (max-width: 500px){.wrapper section.tags ul li:nth-child(odd){-webkit-animation:none;animation:none}}.wrapper section.tags ul li:hover:before{-webkit-transform:scale(1.06);transform:scale(1.06)}.wrapper section.tags ul li:before{content:'';width:13px;height:13px;background-image:url("../images/hashtag.svg");background-size:100%;background-repeat:no-repeat;position:relative;display:inline-block;float:left;top:6px;margin-right:5px;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.wrapper section.product{background-color:#F3F6F9;padding:100px 0 70px 0;float:left;position:relative;overflow:hidden}@media screen and (max-width: 767px){.wrapper section.product{padding:60px 0 0 0}}.wrapper section.product .content-wrapper{position:relative}.wrapper section.product .content-wrapper .text{width:50%;display:inline-block;float:left}@media screen and (max-width: 767px){.wrapper section.product .content-wrapper .text{width:100%}}.wrapper section.product .content-wrapper .text h2{font-size:30px;line-height:50px;font-weight:bold;margin:0 auto}.wrapper section.product .content-wrapper .text ul{list-style:none}.wrapper section.product .content-wrapper .text ul li{display:block;margin-bottom:60px}.wrapper section.product .content-wrapper .text ul li h3{display:block;margin-bottom:15px;font-size:24px;line-height:40px}.wrapper section.product .media{width:50%;position:absolute;margin-top:-30px;right:0}@media screen and (max-width: 767px){.wrapper section.product .media{display:none}}.wrapper section.product .media img{width:90%;margin-left:15%;position:relative;-webkit-filter:drop-shadow(8px 10px 16px rgba(0,0,0,0.22))}@media screen and (max-width: 767px){.wrapper section.product .media img{width:100%;margin-left:0}}.wrapper section.product .media img.laptop{z-index:1}.wrapper section.product .media img.phone{width:40%;margin-top:-20%;z-index:3}.wrapper section.product .media img.phone-2{width:30%;margin-top:-28%;margin-left:60%;z-index:2}.wrapper section.product .media img.tablet{margin-top:-16%;z-index:1}.wrapper section.teaser-symbol{padding:100px 0}@media screen and (max-width: 767px){.wrapper section.teaser-symbol{padding:60px 0}}.wrapper section.teaser-symbol.inview .box .media img{-webkit-transform:rotate(-7deg) scale(1.03) skew(5deg);transform:rotate(-7deg) scale(1.03) skew(5deg)}.wrapper section.teaser-symbol .box{max-width:850px;margin:0 auto;background:rgba(246,249,252,0.63);border:1px solid #EFEFEF;-webkit-box-shadow:0 13px 35px 0 rgba(0,0,0,0.09);box-shadow:0 13px 35px 0 rgba(0,0,0,0.09);border-radius:8px;overflow:hidden}.wrapper section.teaser-symbol .box:after{content:'';clear:both;display:block}@media screen and (max-width: 767px){.wrapper section.teaser-symbol .box{width:calc(100% - 20px)}}.wrapper section.teaser-symbol .box .media{width:20vw;height:20vw;display:inline-block;float:left}@media screen and (max-width: 767px){.wrapper section.teaser-symbol .box .media{width:100%;height:auto}}.wrapper section.teaser-symbol .box .media img{width:10vw;position:relative;top:6vw;left:5vw;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 0.4s linear;transition:all 0.4s linear}@media screen and (max-width: 767px){.wrapper section.teaser-symbol .box .media img{width:80px;margin-top:6vw;margin-left:5vw;top:0;left:0}}.wrapper section.teaser-symbol .box .text{width:calc(100% - 20vw - 90px);display:inline-block;float:left;padding:40px 45px;background-color:white}@media screen and (max-width: 767px){.wrapper section.teaser-symbol .box .text{width:calc(100% - 60px);padding:35px 30px}}.wrapper section.teaser-symbol .box .text a{margin-top:30px;padding-bottom:4px;border-bottom:2px solid #6772E5}.wrapper section.teaser-symbol .box .text a:hover{border-bottom:2px solid #6772E5}.wrapper section.code{background-color:#F3F6F9;padding:100px 0;float:left;position:relative;overflow:hidden}@media screen and (max-width: 767px){.wrapper section.code{padding:60px 0}}.wrapper section.code .content-wrapper{position:relative}.wrapper section.code .content-wrapper .text{width:50%;display:inline-block;float:left}@media screen and (max-width: 767px){.wrapper section.code .content-wrapper .text{width:100%}}.wrapper section.code .content-wrapper .text h2{font-size:30px;line-height:50px;font-weight:bold;margin-bottom:20px}.wrapper section.code .content-wrapper .text p.light{opacity:0.6}.wrapper section.code .content-wrapper .text p a{margin-top:30px;padding-bottom:6px;border-bottom:3px solid #6772E5}.wrapper section.code .content-wrapper .text p a:hover{border-bottom:6px solid #6772E5}.wrapper section.code .content-wrapper .text .button{margin-top:40px}.wrapper section.code .media{width:50%;position:absolute;margin-top:-50px;right:0}@media screen and (max-width: 767px){.wrapper section.code .media{width:100%;position:relative;margin-top:60px;margin-bottom:-60px;display:block;float:left}}.wrapper section.code .media img{width:80%;margin-left:20%}@media screen and (max-width: 767px){.wrapper section.code .media img{width:100%;margin-left:0}}.wrapper section.practice{position:relative}.wrapper section.practice .pin-wrapper{height:0 !important}.wrapper section.practice .left{width:33.333%;position:absolute;margin-top:110px;-webkit-transition:all 0.1s linear;transition:all 0.1s linear}@media screen and (max-width: 767px){.wrapper section.practice .left{display:none}}.wrapper section.practice .left.hide{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.wrapper section.practice .left h2{font-size:26px;line-height:36px;margin-bottom:18px}.wrapper section.practice .left ul{font-size:18px;line-height:38px;list-style:none}.wrapper section.practice .left ul li{position:relative;margin-left:25px}.wrapper section.practice .left ul li.active:before{-webkit-transform:scale(1.05);transform:scale(1.05)}.wrapper section.practice .left ul li.active a{opacity:1}.wrapper section.practice .left ul li:before{content:'';width:10px;height:10px;border-radius:50%;position:absolute;top:12px;left:-24px;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.15s linear;transition:all 0.15s linear}.wrapper section.practice .left ul li a{border:0;opacity:0.6}.wrapper section.practice .left ul li a:hover{opacity:1}.wrapper section.practice .left ul li.orange:before{border:1px solid #F5BE59}.wrapper section.practice .left ul li.dark-blue:before{border:1px solid #6772E5}.wrapper section.practice .left ul li.blue:before{border:1px solid #59A7F5}.wrapper section.practice .left ul li.purple:before{border:1px solid #9866FF}.wrapper section.practice .left ul li.red:before{border:1px solid #F5597D}.wrapper section.practice .left ul li.green:before{border:1px solid #4CC53F}.wrapper section.practice .left ul li.blue:before{border:1px solid #59A7F5}.wrapper section.practice .left ul li.yellow:before{border:1px solid #ff0}.wrapper section.practice .left ul li.light-purple:before{border:1px solid #D97FFA}.wrapper section.practice .left ul li.dark-orange:before{border:1px solid #FAB07F}.wrapper section.practice .right{width:66.666%;display:block;position:relative;top:110px;margin-left:33.333%;padding-bottom:80px}@media screen and (max-width: 767px){.wrapper section.practice .right{width:100%;top:30px;margin-left:0;padding-bottom:0}}.wrapper section.practice .right .row{display:block;margin-bottom:120px}@media screen and (max-width: 767px){.wrapper section.practice .right .row{margin-bottom:60px}}.wrapper section.practice .right .row h3{font-size:38px;line-height:40px;margin-bottom:20px}.wrapper section.practice .right .row p{color:#555758}.wrapper section.practice .right .row .button{margin-top:35px;background:white;color:#393E43;border:1px solid rgba(0,0,0,0.1);font-size:18px;text-transform:uppercase;letter-spacing:0.06em}.wrapper section.about{margin-top:60px}.wrapper section.about .content-wrapper{max-width:640px}.wrapper section.about .content-wrapper img{width:calc(100% + 120px);margin-bottom:60px;margin-left:-60px;-webkit-box-shadow:0 10px 40px 0 rgba(0,0,0,0.1);box-shadow:0 10px 40px 0 rgba(0,0,0,0.1);border-radius:4px}@media screen and (max-width: 767px){.wrapper section.about .content-wrapper img{width:100%;margin-left:0}}.wrapper section.about .content-wrapper h2{font-size:38px;line-height:50px;margin-bottom:25px}.wrapper section.about .content-wrapper .button{margin-top:40px}.wrapper section.contact{margin-top:60px}@media screen and (max-width: 767px){.wrapper section.contact{margin:30px 0 10px 0}}.wrapper section.contact .content-wrapper{max-width:640px}.wrapper section.quote{margin-top:120px;text-align:center}@media screen and (max-width: 767px){.wrapper section.quote{margin-top:60px}}.wrapper section.quote h2{max-width:660px;margin:0 auto;font-size:22px;line-height:40px;font-weight:normal;text-align:center;color:#393E43;margin-bottom:20px}.wrapper section.quote p{max-width:660px;margin:0 auto;font-size:22px;line-height:40px;text-align:center}.wrapper section.quote strong{color:#393E43}.wrapper section.parts{padding-bottom:40px}.wrapper section.parts .row{width:100%;display:block;float:left;padding:90px 0;position:relative;border-top:2px solid #F3F6F9}@media screen and (max-width: 767px){.wrapper section.parts .row{padding:30px 0}}.wrapper section.parts .row:first-child{border-top:0}.wrapper section.parts .row:nth-child(even) .media img{left:auto;right:15px}.wrapper section.parts .row:nth-child(even) .media img:last-child{left:auto;right:180px}.wrapper section.parts .row:nth-child(even) .media:before{left:auto;right:0}.wrapper section.parts .row:nth-child(even) .media:after{left:auto;right:140px}.wrapper section.parts .row .media{width:50%;display:inline-block;float:left;margin-top:20px;position:relative}@media screen and (max-width: 767px){.wrapper section.parts .row .media{width:100%}}.wrapper section.parts .row .media img{width:calc(100% - 250px);position:absolute;top:0;left:15px;border-radius:6px;-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.17);box-shadow:0 10px 30px 0 rgba(0,0,0,0.17);overflow:hidden;z-index:4;-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width: 767px){.wrapper section.parts .row .media img{display:none}}.wrapper section.parts .row .media img:last-child{top:70px;left:180px;z-index:3}.wrapper section.parts .row .media:before,.wrapper section.parts .row .media:after{content:'';width:calc(100% - 250px);height:170px;position:absolute;-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.17);box-shadow:0 10px 30px 0 rgba(0,0,0,0.17);border-radius:6px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.6s linear;transition:all 0.6s linear}@media screen and (max-width: 767px){.wrapper section.parts .row .media:before,.wrapper section.parts .row .media:after{display:none}}.wrapper section.parts .row .media:before{top:25px;left:0;background-color:#e7edf3c7;z-index:1}.wrapper section.parts .row .media:after{top:40px;left:140px;background-color:#c5dbefc9;z-index:2;opacity:0.6}.wrapper section.parts .row .text{width:50%;display:inline-block;float:left;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}@media screen and (max-width: 767px){.wrapper section.parts .row .text{width:100%}}.wrapper section.parts .row .text h3{font-size:30px;line-height:50px;font-weight:bold;color:#393E43;margin-bottom:20px}.wrapper section.parts .row .text p{margin-bottom:40px}.wrapper section.parts .row .text .button{background:white;color:#393E43;border:1px solid rgba(0,0,0,0.1);font-size:18px;text-transform:uppercase;letter-spacing:0.06em}.wrapper section.notice{padding:120px 0 60px 0}@media screen and (max-width: 767px){.wrapper section.notice{padding:60px 0 0 0}}.wrapper section.notice .highlight{width:calc(50% - 80px);display:inline-block;float:left;padding:30px 40px;font-size:16px;line-height:27px;background-color:#F3F6F9;border-radius:5px;color:rgba(0,0,0,0.65);-webkit-transition:all 0.6s linear;transition:all 0.6s linear}@media screen and (max-width: 767px){.wrapper section.notice .highlight{width:calc(100% - 80px)}}.wrapper section.notice .highlight svg{position:relative;top:5px}.wrapper section.notice .highlight strong{font-size:18px;color:#393E43}.wrapper section.notice .highlight i{color:#393E43}.wrapper section.notice ul{width:calc(50% - (60px + 40px));padding-left:100px;display:inline-block;float:left;list-style:none;margin-top:30px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0.6s;transition-duration:0.6s}@media screen and (max-width: 767px){.wrapper section.notice ul{width:calc(100% - 40px);padding-left:40px;margin-top:60px}}.wrapper section.notice ul li{margin-bottom:60px}@media screen and (max-width: 767px){.wrapper section.notice ul li{margin-bottom:30px}}.wrapper section.notice ul li svg{position:relative;margin-left:-25px;top:1px;left:-5px;opacity:0.9}.wrapper section.notice ul li strong{color:#393E43}.wrapper footer{width:100%;padding:120px 0;margin-top:60px;background-color:#393E43;background-attachment:fixed;color:rgba(255,255,255,0.93);text-align:center;float:left}@media screen and (max-width: 767px){.wrapper footer{padding:60px 0;margin-top:30px}}.wrapper footer a{color:rgba(255,255,255,0.93);border-bottom:1px solid rgba(255,255,255,0.93)}.wrapper footer a:hover{padding-bottom:4px}.wrapper footer span{width:50%;display:inline-block;float:left;opacity:0.9}@media screen and (max-width: 767px){.wrapper footer span{width:100%;margin-bottom:15px}}.wrapper footer ul{width:50%;display:inline-block;float:right;list-style:none;opacity:0.9}@media screen and (max-width: 767px){.wrapper footer ul{width:100%;display:block;float:left}}.wrapper footer ul li{display:inline;margin:0 15px}
/*# sourceMappingURL=styles.css.map */