*{outline:0!important}body,html{margin:0;padding:0}body{font:16px sans-serif;position:relative;min-width:1200px;background:url(../img/gradient.png) top center repeat-y,url(../img/background.png) top left}.row{margin:0}.clear{clear:both}.wrapper{width:100%;height:100%;display:table}.wrapper .middle{display:table-cell;vertical-align:middle}.triangle{width:100%;height:1200px;position:fixed;-webkit-transform:translateZ(0);-webkit-perspective:1000px;-webkit-backface-visibility:hidden}.triangle.bordered{background:url(../img/triangles/bordered.png) top center no-repeat}.triangle.smeared{background:url(../img/triangles/smeared.png) top center no-repeat}.triangle.normal{background:url(../img/triangles/normal.png) top center no-repeat}.menu-background{top:0;left:0;width:100%;opacity:0;z-index:9089;position:fixed;transition:opacity 100ms;background:rgba(255,255,255,.9);background:linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(235,235,235,.8) 100%)}.menu-background.show{opacity:1;transition:opacity 400ms}.header{width:100%;display:table;position:relative;margin-bottom:100px}.header .middle{display:table-cell;vertical-align:middle}.header .big-logo>a{width:190px;height:225px;margin:0 auto;display:block;background:url(../img/logo.png) no-repeat}.header .slogan{font-size:32px;margin-top:50px;text-align:center;text-transform:uppercase}.header .slogan>span{color:#FF2171;font-weight:700;font-family:Roboto,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.header .menu{margin-top:25px;text-align:center}.header .menu>ul{margin:0;padding:0;list-style:none;transition:background 100ms}.header .menu>ul>li{cursor:pointer;display:inline-block;font-size:18px;line-height:20px;font-family:Roboto,sans-serif}.header .menu>ul>li>a{color:#000;text-decoration:none}.header .menu>ul>li.logo{top:12px;left:30px;position:absolute}.header .menu>ul>li.logo>a{width:154px;height:40px;display:block;overflow:hidden;transition:transform 1000ms;background:url(http://120608.selcdn.com/mixapp/logo_mixapp.png) bottom center no-repeat;text-indent:200%;white-space:nowrap}.header .menu>ul>li.logo>a:after{top:0;left:0;right:0;bottom:0;opacity:0;content:"";position:absolute;transition:opacity 500ms;background:url(http://120608.selcdn.com/mixapp/logo_mixapp.png) top center no-repeat}.header .menu>ul>li.logo>a:hover:after{opacity:1}.header .menu>ul>li.separator{width:2px;height:14px;margin:0 10px;cursor:default;background-color:#000}.header .menu>ul.fixed-top{top:0;left:0;width:100%;z-index:9090;padding:20px 0;position:fixed;min-width:1000px}.services .service{position:relative}.services{background:url(../img/triangles/middle.png) center center no-repeat}.services .service .image,.services .service .text{width:50%;float:left}.services .service .text{padding:0 20px;overflow:hidden}.services .service .image{position:relative}.services .service .image>div,.services .service .text{opacity:0}.services .service .image>div{position:absolute}.services .service .text .desc,.services .service .text .name{font-family:Roboto,sans-serif;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.services .service .text .fallback{transition:transform 400ms cubic-bezier(0.5,1,.5,1.1)}.services .service .text .name{color:#E215A5;font-size:32px}.services .service .text .desc{color:#000;font-size:18px;margin-top:10px}.services .service.mirroring .text{text-align:right}.services [class^=service-image-]{width:200px;height:160px}.services .service-image-design{background:url(../svg/icons/1.svg)}.services .service-image-development{background:url(../svg/icons/2.svg)}.services .service-image-checkin{background:url(../svg/icons/3.svg)}.services .service-image-seo{background:url(../svg/icons/4.svg)}.services .service-image-promotion{background:url(../svg/icons/5.svg)}.services .service-image-accompaniment{background:url(../svg/icons/6.svg)}.works{position:relative;margin-top:50px}.works .work{width:100%;height:600px;position:absolute;-webkit-transform:translateZ(0);-webkit-perspective:1000px;-webkit-backface-visibility:hidden}.works .work .polyline{width:100%;height:100%;background:url(../img/works/background.jpg) no-repeat center;-webkit-clip-path:polygon(0 0,15% 20%,85% 20%,100% 40%,100% 100%,85% 80%,15% 80%,0 60%,0 0);clip-path:url(../svg/polyline.svg#polylineClip)}.works .work .polyline .fill{width:100%;height:100%}.works .work .polyline .fill.pink{background:rgba(173,31,164,.7)}.works .work .polyline .fill.purple{background:rgba(155,31,180,.7)}.works .work .polyline .fill.blue{background:rgba(100,52,180,.7)}.works .work .polyline .fill.cyan{background:rgba(31,96,180,.7)}.works .work .polyline .fill>img{width:100%;height:100%}.works .work .content{top:0;left:0;width:100%;height:100%;padding:120px 20%;position:absolute}.works .work .content .left,.works .work .content .right{float:left;width:50%;height:100%;display:inline-block}.works .work .content .block{color:#FFF;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.works .work .content .block .browser{width:100%;position:relative}.works .work .content .block .browser img{width:100%;max-width:400px}.works .work .content .block .browser .window{position:relative}.works .work .content .block .browser .screen{bottom:0;position:absolute}.works .work .content .block .head{font-size:32px;line-height:40px;font-family:Roboto,sans-serif}.works .work .content .block .text{margin:15px 0 30px;font-size:18px;font-weight:300;font-family:Roboto,sans-serif}.works .work .content .block,.works .work .content.mirroring .block .browser{text-align:left}.works .work .content .block .browser,.works .work .content.mirroring .block{text-align:right}.works .work .content .block .link{width:120px;color:#FFF;border:1px solid #FFF;padding:10px 20px;font-size:18px;text-align:center;line-height:32px;font-family:Roboto,sans-serif;font-weight:300;border-radius:10px;text-decoration:none}.works .others,.works .others .slick-list,.works .others .slick-track{height:100%}.works .others .slick-next,.works .others .slick-prev{top:50%;width:64px;height:64px;border:none;position:absolute;transform:translateY(-50%)}.works .others .slick-prev{left:-75px;background:url(../img/left.png)}.works .others .slick-next{right:-75px;background:url(../img/right.png)}.works .others .other{float:left;display:inline-block;text-align:center;width:100%}.works .others .other img{display:inline}.works .others .other .browser{text-align:center!important;margin-bottom:20px}.works .others .other .link{border:none!important;padding:0!important}.works .others .other+.other{margin-left:2%}.contacts{padding:0 25%;margin-top:50px;text-transform:uppercase}.contacts .info{margin:0 auto;text-align:center}.contacts .info>img{width:131px;height:150px}.contacts .info .icon{display:inline-block}.contacts .info .text{font-size:18px;margin-top:10px;text-shadow:1px 1px 0 #FFF;font-family:Roboto,sans-serif}.map{width:100%;margin:80px 0 0;position:relative}.map .border{left:50%;width:480px;height:480px;position:absolute;margin-top:-40px;margin-left:-240px}.map .border>img{width:480px;height:500px}.map #map{width:400px;height:420px;margin:0 auto;-webkit-mask:url(../svg/hexagon.svg#hexagonMask);-webkit-clip-path:polygon(0px 320px,200px 420px,400px 320px,400px 100px,200px 0,0 100px);clip-path:url(../svg/hexagon.svg#hexagonClip)}.up{width:100%;margin:100px 0 50px;position:relative}.up .button{width:64px;height:64px;margin:0 auto;cursor:pointer;background:url(../img/up.png) no-repeat center}.up .button>a{width:100%;height:100%;display:block}.triangle-fixed{width:100%;height:770px;bottom:-50px;position:absolute;background:url(../img/triangles/bottom.png) top center no-repeat}