*{padding:0;margin:0}ul{list-style-type:none}.main-header:after,.main-footer:after,.main-menu:after,#main:after,.experiments:after,.gallery-section:after{content:'';display:block;clear:both}*{box-sizing:border-box}body{background-color:#7DB7F9}html{overflow-x:hidden}body{font-family:Arial, sans-serif;font-size:14px;line-height:1.3;overflow-x:hidden}.title{font-family:'Asap', Arial, sans-serif;font-size:1.8571428571em;font-weight:normal}.main-menu{font-family:'Asap', Arial, sans-serif}strong{font-weight:bold}.wrapper{position:relative;transition:-webkit-transform 0.2s;transition:transform 0.2s}.menu-panel-visible .wrapper{transition-duration:1s}.no-csstransforms .wrapper{position:relative;transition:left 1s}.inner{max-width:1024px;padding:0 15px;margin:auto}.main-header,.main-footer{color:#000}.main-header{height:70px;border-bottom:10px solid #4c9cf7}#logo{float:left}#logo a{display:block;padding:5px 15px;border-radius:5px;color:#fff;background-color:#7DB7F9;text-transform:uppercase;text-align:center;text-decoration:none;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out}#logo img{width:71px;height:84px}#show-menu{float:right;padding:0 10px;color:#fff;font-size:16px;line-height:70px;text-shadow:0 0 4px #1c81f5;text-transform:uppercase;cursor:pointer}.main-menu{display:block;position:absolute;top:0;bottom:0;left:100%;width:150px;background:#666}.main-menu ul{display:none}.main-menu .item a{display:block;padding:10px 20px;height:70px;color:#fff;font-size:16px;line-height:40px;text-shadow:0 0 4px #1c81f5;text-decoration:none;transition:background-color 1s, border-width 0.3s}.main-menu .item a.active,.main-menu .item a:hover,.main-menu .item a:focus{background-color:#4c9cf7}.menu-panel-visible .main-menu ul{display:block}.menu-panel-visible .wrapper{transform:translateX(-150px) translateZ(0)}.no-csstransforms .menu-panel-visible .wrapper{left:-150px}@media only screen and (min-width: 768px){#show-menu{display:none}.main-menu{display:block;width:auto;position:static;padding-left:120px;background:none}.main-menu ul{display:block;float:right;font-size:0}.main-menu .item{display:inline-block}.main-menu .item a{padding:10px 20px;font-size:24px}.main-menu .item a.active,.main-menu .item a:hover,.main-menu .item a:focus{border-bottom:10px solid #333}}#main{padding:80px 0;min-height:200px;background-color:#fff}.content .title{margin-bottom:60px}.content .title span{position:relative;display:inline-block;padding:0 20px 20px 0}.content .title span:after{position:absolute;bottom:0;left:0;width:100%;height:4px;content:"";background-color:#666;-webkit-animation:borderExpand 1s ease-out;animation:borderExpand 1s ease-out}@-webkit-keyframes borderExpand{0%{left:-200%;opacity:0}100%{left:0;opacity:1}}@keyframes borderExpand{0%{left:-200%;opacity:0}100%{left:0;opacity:1}}.experiments{margin:0 -10px}.experiments li{padding:5px}.experiments .link{display:block;padding:5px;text-decoration:none;height:115px;position:relative}.experiments .link>div{position:absolute;width:100%;top:0;left:0;perspective:1000px}.experiments .name,.experiments .description{display:block;height:100px;padding:15px;font-size:1.0714285714em;text-decoration:none;font-weight:bold;color:#fff;transition:-webkit-transform 0.5s;transition:transform 0.5s;backface-visibility:hidden}.experiments .name{transform-origin:50% 50% -50px;background:#666}.experiments .description{transform-origin:50% 50% -50px;transform:translateY(-100px) rotateX(-90deg);background:#4c9cf7}.experiments .link:hover .name,.experiments .link:focus .name{transform:rotateX(90deg)}.experiments .link:hover .description,.experiments .link:focus .description{transform:translateY(-100px) rotateX(0)}.no-csstransforms3d .description{display:none}@media only screen and (min-width: 470px){.experiments li{float:left;width:33.3333%}}@media only screen and (min-width: 768px){.experiments li{width:25%}}.projects{padding:15px 0}.projects h2{padding-bottom:10px;font-size:1.1428571429em;font-weight:bold}.projects a{color:#000;text-decoration:none}.projects .projects-list a{display:block;padding:10px}@media only screen and (min-width: 470px){.projects .projects-list a{padding:5px}}.projects .projects-list span{display:none}.main-footer{border-top:10px solid #4c9cf7;padding:10px 0 40px;color:#fff;text-shadow:0 0 4px #1c81f5;line-height:1.3;background-color:#7DB7F9;background-image:linear-gradient(rgba(125,183,249,0) 50%, #7DB7F9);transition:background-color 1s}.main-footer p{padding:10px 0}.main-footer a{color:#fff;font-weight:bold;text-decoration:none}.main-footer ul{padding:5px 0}.main-footer ul li{display:inline-block;padding:4px 5px 4px 0}.main-footer:hover{background-color:#4c9cf7}.view{width:100%;margin:auto;position:relative;height:400px;background:-webkit-linear-gradient(to bottom, #cbe4fc, #64b0f6) no-repeat;background:-moz-linear-gradient(to bottom, #cbe4fc, #64b0f6) no-repeat;background:-o-linear-gradient(to bottom, #cbe4fc, #64b0f6) no-repeat;background:-ms-linear-gradient(to bottom, #cbe4fc, #64b0f6) no-repeat;background:linear-gradient(to bottom, #cbe4fc, #64b0f6) no-repeat;overflow:hidden}.sun{width:100px;height:100px;position:absolute;top:30px;left:30px;z-index:1}#sun-circle{width:100px;height:100px;background:-webkit-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-moz-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-o-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-ms-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);border-radius:50px;position:relative;z-index:10}.rays-holder{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:sun-rays;-moz-animation-name:sun-rays;-ms-animation-name:sun-rays;-o-animation-name:sun-rays;animation-name:sun-rays;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.rays{position:absolute;left:48px;top:-20px;width:4px;height:140px;background-color:#F7F02E;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:0}#ray-1{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}#ray-2{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#ray-3{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#ray-4{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.cloud{width:200px;height:100px;position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);opacity:0.8;-webkit-animation-name:cloud;-moz-animation-name:cloud;-ms-animation-name:cloud;-o-animation-name:cloud;animation-name:cloud;animation-direction:alternate;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.c1{left:165px;top:170px;z-index:2;-webkit-animation-duration:80s;animation-duration:80s;-webkit-transform:scale(1.5);transform:scale(1.5)}.c2{left:-100px;top:0;-webkit-animation-duration:200s;animation-duration:200s;-webkit-transform:scale(-0.5, 0.5);-moz-transform:scale(-0.5, 0.5);-o-transform:scale(-0.5, 0.5);-ms-transform:scale(-0.5, 0.5);transform:scale(-0.5, 0.5);z-index:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity:0.7}.c3{left:500px;top:20px;-webkit-animation-duration:140s;animation-duration:140s;-webkit-transform:scale(1.2, 0.9);transform:scale(1.2, 0.9);z-index:0;opacity:0.7}.cloud-part{background-color:#fff;position:absolute}.cloud-1{width:100px;height:100px;border-radius:50px;-webkit-transform:scale(3, 1);-moz-transform:scale(3, 1);-o-transform:scale(3, 1);-ms-transform:scale(3, 1);transform:scale(3, 1)}.cloud-2{width:80px;height:120px;border-radius:60px;-webkit-transform:scale(2, 1);-moz-transform:scale(2, 1);-o-transform:scale(2, 1);-ms-transform:scale(2, 1);transform:scale(2, 1);left:-10px;top:-20px}.cloud-3{width:80px;height:80px;border-radius:40px;-webkit-transform:scale(2, 1);-moz-transform:scale(2, 1);-o-transform:scale(2, 1);-ms-transform:scale(2, 1);transform:scale(2, 1);left:30px;top:35px}.cloud-4{width:80px;height:80px;border-radius:40px;-webkit-transform:scale(2, 1);-moz-transform:scale(2, 1);-o-transform:scale(2, 1);-ms-transform:scale(2, 1);transform:scale(2, 1);left:52px;top:-16px}.bird{width:40px;height:40px;position:absolute;right:400px;top:60px;z-index:10;-webkit-transform:scale(3, 3);-moz-transform:scale(3, 3);-o-transform:scale(3, 3);-ms-transform:scale(3, 3);transform:scale(3, 3);-webkit-animation-name:bird;-moz-animation-name:bird;-ms-animation-name:bird;-o-animation-name:bird;animation-name:bird;-webkit-animation-duration:60s;animation-duration:60s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird .head{position:absolute;left:0;top:0;z-index:11;width:40px;height:40px;border-radius:20px;background:-webkit-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-moz-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-o-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:-ms-radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%);background:radial-gradient(circle at 10px 10px, #F7F02E 50%, #BABC20 90%)}.bird .eye-1,.bird .eye-2{position:absolute;left:10px;top:10px;width:10px;height:10px;border-radius:5px;-webkit-transform:scale(1, 1.5);-moz-transform:scale(1, 1.5);-o-transform:scale(1, 1.5);-ms-transform:scale(1, 1.5);transform:scale(1, 1.5);background:-webkit-radial-gradient(circle, #000 30%, #fff 31%);background:-moz-radial-gradient(circle, #000 30%, #fff 31%);background:-o-radial-gradient(circle, #000 30%, #fff 31%);background:-ms-radial-gradient(circle, #000 30%, #fff 31%);background:radial-gradient(circle, #000 30%, #fff 31%)}.bird .eye-2{right:10px;left:auto}.bird .nose{position:absolute;width:20px;height:10px;top:25px;left:10px;border-radius:0 0 15px 15px;background-color:#e1a005;-webkit-transform:scale(0.4, 1.3);transform:scale(0.4, 1.3);box-shadow:inset -4px -2px 2px rgba(0,0,0,0.3);z-index:15}.bird .wing-1,.bird .wing-2{position:absolute;top:0;width:50px;height:7px;z-index:10;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.bird .wing-1{-webkit-animation-name:wing-1;-moz-animation-name:wing-1;-ms-animation-name:wing-1;-o-animation-name:wing-1;animation-name:wing-1;-webkit-transform-origin:100% center;-moz-transform-origin:100% center;-o-transform-origin:100% center;-ms-transform-origin:100% center;transform-origin:100% center;left:-40px}.bird .wing-2{-webkit-animation-name:wing-2;-moz-animation-name:wing-2;-ms-animation-name:wing-2;-o-animation-name:wing-2;animation-name:wing-2;-webkit-transform-origin:0% center;-moz-transform-origin:0% center;-o-transform-origin:0% center;-ms-transform-origin:0% center;transform-origin:0% center;right:-35px}.bird .wing-p1,.bird .wing-p2{position:absolute;width:27px;height:3px;background-color:#F7F02E;z-index:0}.bird .wing-p1{left:0;-webkit-transform-origin:100% center;-moz-transform-origin:100% center;-o-transform-origin:100% center;-ms-transform-origin:100% center;transform-origin:100% center;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-o-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.bird .wing-p2{left:25px;-webkit-transform-origin:0 center;-moz-transform-origin:0 center;-o-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}@-webkit-keyframes sun-rays{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-ms-keyframes sun-rays{0%{-ms-transform:scale(1, 1);transform:scale(1, 1)}100%{-ms-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes sun-rays{0%{-o-transform:scale(1, 1);transform:scale(1, 1)}100%{-o-transform:scale(1.2);transform:scale(1.2)}}@keyframes sun-rays{0%{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes cloud{0%{-moz-transform:translate(0, 0);transform:translate(0, 0)}100%{-moz-transform:translate(100%, 0);transform:translate(100%, 0)}}@-webkit-keyframes cloud{0%{-webkit-transform:translate(0, 0);transform:translate(100%, 0)}100%{-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}}@-ms-keyframes cloud{0%{-ms-transform:translate(0 0);transform:translate(0, 0)}100%{-ms-transform:translate(100%, 0);transform:translate(100%, 0)}}@-o-keyframes cloud{0%{-o-transform:translate(0, 0);transform:translate(0, 0)}100%{-o-transform:translate(100%, 0);transform:translate(100%, 0)}}@keyframes cloud{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0)}}@-moz-keyframes bird{0%{-moz-transform:scale(0.6) translate(0, 0);transform:scale(0.6) translate(0, 0)}100%{-moz-transform:scale(3) translate(100px, 100px);transform:rotate(3) translate(100px, 100px)}}@-webkit-keyframes bird{0%{-webkit-transform:scale(0.6) translate(0, 0);transform:scale(0.6) translate(0, 0)}100%{-webkit-transform:scale(3) translate(100px, 100px);transform:scale(3) translate(100px, 100px)}}@-ms-keyframes bird{0%{-ms-transform:scale(0.6) translate(0, 0);transform:scale(0.6) translate(0, 0)}100%{-ms-transform:scale(3) translate(100px, 100px);transform:scale(3) translate(100px, 100px)}}@-o-keyframes bird{0%{-o-transform:scale(0.6) translate(0, 0);transform:scale(0.6) translate(0, 0)}100%{-o-transform:scale(3) translate(100px, 100px);transform:scale(3) translate(100px, 100px)}}@keyframes bird{0%{-webkit-transform:scale(0.6) translate(0, 0);-moz-transform:scale(0.6) translate(0, 0);-o-transform:scale(0.6) translate(0, 0);-ms-transform:scale(0.6) translate(0, 0);transform:scale(0.6) translate(0, 0)}100%{-webkit-transform:scale(3) translate(100px, 100px);-moz-transform:scale(3) translate(100px, 100px);-o-transform:scale(3) translate(100px, 100px);-ms-transform:scale(3) translate(100px, 100px);transform:scale(3) translate(100px, 100px)}}@-moz-keyframes wing-1{0%{-moz-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-moz-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes wing-1{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-ms-keyframes wing-1{0%{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-ms-transform:rotate(45deg);transform:rotate(45deg)}}@-o-keyframes wing-1{0%{-o-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-o-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes wing-1{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}@-moz-keyframes wing-2{0%{-moz-transform:rotate(45deg);transform:rotate(45deg)}100%{-moz-transform:rotate(-45deg);transform:rotate(-45deg)}}@-webkit-keyframes wing-2{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@-ms-keyframes wing-2{0%{-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}@-o-keyframes wing-2{0%{-o-transform:rotate(45deg);transform:rotate(45deg)}100%{-o-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes wing-2{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}100%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}}#dragAndDrop img{max-width:100%;display:block}#drop{min-height:150px;padding:20px;background:yellow;border-radius:10px;overflow:hidden}#drop img{margin:10px auto}#drop p{clear:both}#dragAndDrop .dragStart{box-shadow:0 0 10px 5px #000}.drag-list{list-style:none;list-style-position:outside;padding:15px 0;overflow:hidden}.drag-list a{display:block;margin:0 15px;padding:15px;background:#00ff2a;cursor:move;color:#000;text-decoration:none;outline:none;position:relative}.drag-list li a:hover:after{content:"DRAG ME!";position:absolute;display:block;top:20px;left:0;width:100%;color:#fff;font-size:24px;text-align:center}@media only screen and (min-width: 470px){#dragAndDrop li{float:left;width:33.3333%}}.gallery-section{max-width:900px;margin:auto;margin-bottom:20px;position:relative}.gallery-section .rotator{position:relative;overflow:hidden}.gallery-section .originalImage{display:block;max-width:100%}.gallery-section .rotator .item{position:absolute;top:0;left:0;width:100%}.gallery-section .rotator-slice{background-repeat:no-repeat;position:absolute;top:0;transform:translate3d(0, 0, 0)}.gallery-section .menu{padding:10px 0}.gallery-section .menu li{float:left;padding:0 5px 0 0;font-size:20px}.gallery-section .menu li.active{color:#aaa;font-weight:bold}.gallery-section .menu li a{color:#000;text-decoration:none}.tab{margin-top:15px;min-height:500px}.tab-nav{padding-bottom:15px}.tab-nav li{display:inline-block;margin:3px}.tab-nav li a{display:block;padding:5px 10px;border-radius:5px;background:#000;color:#fff}.tab-nav .active a{color:#7DB7F9}.ajax-loading{height:100px;background:#eee}.tab-content-item{overflow:hidden}.c,.b,.a{width:60px;height:60px;padding:5px}.c{background-color:orange;color:#000}.b{background-color:blue;color:#fff}section.order{width:300px;float:left;padding:30px 15px;margin:30px;border:1px solid #000}.order h1{font-size:1.3em;margin-bottom:10px}.order h2{font-size:1em;margin:35px 15px}.excelTable{border-collapse:collapse;border:1px solid #000;margin:10px 0}.excelTable input[type="text"]{height:20px;text-align:center;background:none;border:none}.excelTable input.active[type="text"]{background-color:#eee}.excelTable td,.excelTable th{height:20px;border:1px solid #000;line-height:18px;text-align:center}.excelTable td:hover{background:#eee}.excelTable th{background:#bbb;color:#fff}.excelTable th:first-child{width:30px}.addRow{padding:1px 0;cursor:pointer;font-size:11px;font-weight:700;text-indent:0 !important}.error{color:#f00}.buttons{margin:5px 0}.buttons input{margin:5px 0;padding:3px 7px;background:#7DB7F9;border:0;color:#000;font-variant:small-caps;cursor:pointer}.selection{margin-top:20px}.selection a{font-weight:bold;text-decoration:none}.selection .lorem-text{margin-top:20px;padding:10px 0}