p, span, div, ul, li, h1, h2, h3, h4, h5, h6, header, article, section, img, table, tr, td, html, body, figure, blockquote, label, input, select{margin:0;padding:0;}
ul, li{list-style:none;}
img{border:0;}
table, th, td{border:none;}
b, strong{font-weight:normal;font-weight:700;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:"Source Sans Pro";font-size:100%;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#161616;}
body.scrolling{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
body.opened{margin-top:108px;}
.base{width:960px;margin:0 auto;padding:0px 32px;}
::-moz-selection{background:#000;color:#fff;text-shadow:none;}
::-ms-clear{display:none;}
.blc:after{content:".";display:block;height:0;clear:both;visibility:hidden}
h2{font-size:2.0625em;margin-bottom:30px;line-height:1.0em;font-weight:600;text-transform:lowercase;}
h2:before{width:12px;height:12px;background:#41969c;display:inline-block;content:".";margin-right:10px;text-indent:-12px;overflow:hidden;border-radius:12px;}
h2 > span{font-family:"Source Sans Pro";font-weight:normal;}
h2 small{font-size:0.4848em;color:#585858;line-height:1.0em;font-weight:normal;margin-left:10px;font-family:"Source Sans Pro";vertical-align:middle;}
h3{font-size:1.125em;color:#41969c;margin-bottom:10px;line-height:1.0em;font-weight:600;font-weight:normal;text-transform:lowercase;}
.bt-down{border-radius:109px;background-color:#161616;height:109px;width:109px;display:block;}
.bt-down > span{background:url(../images/icons.png) no-repeat 0 -109px;height:109px;width:109px;display:block;-webkit-transition:background-position 0.2s ease-out;-moz-transition:background-position 0.2s ease-out;-ms-transition:background-position 0.2s ease-out;-o-transition:background-position 0.2s ease-out;transition:background-position 0.2s ease-out;border-radius:109px;}
.bt-down:hover{background-color:#fff}
.bt-down:hover > span{background-position:0 0;}
.bt-up{border-radius:90px;background-color:#161616;height:90px;width:90px;display:block;}
.bt-up > span{background:url(../images/icons.png) no-repeat 0 -729px;height:90px;width:90px;display:block;-webkit-transition:background-position 0.2s ease-out;-moz-transition:background-position 0.2s ease-out;-ms-transition:background-position 0.2s ease-out;-o-transition:background-position 0.2s ease-out;transition:background-position 0.2s ease-out;border-radius:109px;}
.bt-up:hover{background-color:#fff}
.bt-up:hover > span{background-position:0 -819px;}
figure{display:block;}
figure img{display:block;-webkit-user-select:none}
section, body > footer{overflow:hidden;width:100%;min-width:1024px;}
header{height:108px;background:#161616;min-width:1024px;top:-50px;width:100%;z-index:13;}
.opened header{height:50px;position:fixed;top:0;}
header .lg-cont{position:relative;float:left;}
header .lg-small{position:absolute;left:0;top:0;margin-top:-50px;}
header .lg{position:absolute;left:0;top:0;margin-top:27px;}
.opened header .lg{margin-top:-100px;}
.opened header .lg-small{margin-top:0px;}
header nav{float:right;height:40px;margin-top:37px;margin-right:-15px;}
.opened header nav{margin-top:5px;}
header nav a{line-height:40px;display:block;float:left;color:#fff;padding:0px 15px;font-size:1.0625em;text-transform:lowercase;}
header nav a.act{padding-bottom:2px;border-bottom:3px solid #fff;}
.ic-menu{width:38px;height:38px;float:right;border:1px solid #41969c;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;line-height:38px;text-align:center;margin-top:5px;overflow:hidden;cursor:pointer;display:none;}
.ic-menu i{line-height:38px;display:inline-block;text-align:center;}
.ic-menu .icon-menu{display:block;font-size:2.0em;}
.ic-menu .icon-cancel{display:none;font-size:1.3em;}
.ic-menu input[type="checkbox"]{display:none;}
.ic-menu:hover, .ic-menu.active{background:#41969c;color:#fff;}
.ic-menu.active .icon-cancel{display:block;}
.ic-menu.active .icon-menu2, .ic-menu.active .icon-menu{display:none;}
.ic-menu.active + nav{right:0;}
.second-nav{color:#fff;padding:0px 20px;background:rgba(22, 22, 22, 0.0);border-left:2px solid rgba(255, 255, 255, 0.0);height:100%;top:0px;left:-50px;position:fixed;z-index:10;-webkit-transition:left 0.5s ease-out, border 0.5s ease-out, opacity 0.5s ease-out;-moz-transition:left 0.5s ease-out, border 0.5s ease-out, opacity 0.5s ease-out;-o-transition:left 0.5s ease-out, border 0.5s ease-out, opacity 0.5s ease-out;transition:left 0.5s ease-out, border 0.5s ease-out, opacity 0.5s ease-out;display:table}
.second-nav.opened{left:0px;}
.second-nav > div{display:table-cell;height:100%;vertical-align:middle;}
.second-nav > div a{color:#fff;display:block;font-size:1.125em;text-transform:lowercase;white-space:nowrap;overflow:hidden;padding:10px 0px;position:relative;width:17px;}
.second-nav > div a span{position:absolute;}
.second-nav > div a:before{width:15px;height:15px;border:1px solid #fff;background:#41969c;display:inline-block;content:".";margin:0 15px 0 0;text-indent:-15px;overflow:hidden;border-radius:15px;}
.second-nav > div a:hover:before{border:1px solid #41969c;background:#fff;}
.banner{background:#41969c;overflow:hidden;}
.banner .base{position:relative;height:47.375em;z-index:1;}
.banner figure{position:absolute;left:50%;z-index:1;bottom:0;margin-left:-2.125em;width:45.625em;height:38.625em;}
.banner figure img{max-width:100%;}
.banner .button{position:absolute;top:33.375em;left:0;width:52%;}
.banner .button a{margin:0 auto}
.banner .button p{text-align:center;font-size:0.9375em;margin-top:20px;color:#fff}
.balloon{position:absolute;left:50%;z-index:2;background:url(../images/balloon.png) no-repeat;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0) translate3d(0, 0, 0);-moz-transform:scale(0) translate3d(0, 0, 0);-ms-transform:scale(0) translate3d(0, 0, 0);-o-transform:scale(0) translate3d(0, 0, 0);transform:scale(0) translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-font-smoothing:antialiased;}
.balloon.anim{-webkit-animation-name:balloon, balloonFloating;-moz-animation-name:balloon, balloonFloating;-o-animation-name:balloon, balloonFloating;animation-name:balloon, balloonFloating;-webkit-animation-iteration-count:1, infinite;-moz-animation-iteration-count:1, infinite;-o-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-timing-function:ease-out, linear;-moz-animation-timing-function:ease-out, linear;-o-animation-timing-function:ease-out, linear;animation-timing-function:ease-out, linear;}
.balloon.small{width:2.625em;height:2.4375em;margin-left:8.75em;top:8.5em;background-position:-38.0em -6.5em}
.balloon.small.anim{-webkit-animation-duration:0.2s, 20s;-webkit-animation-delay:0.20s, 0.4s;-moz-animation-duration:0.2s, 20s;-moz-animation-delay:0.20s, 0.4s;-o-animation-duration:0.2s, 20s;-o-animation-delay:0.20s, 0.4s;animation-duration:0.2s, 20s;animation-delay:0.20s, 0.4s;}
.balloon.med{width:5.6875em;height:4.1875em;margin-left:2.0em;top:6.6875em;background-position:-38.0em -1.1875em}
.balloon.med.anim{-webkit-animation-duration:0.2s, 13s;-webkit-animation-delay:0.40s, 0.5s;-moz-animation-duration:0.2s, 13s;-moz-animation-delay:0.40s, 0.5s;-o-animation-duration:0.2s, 13s;-o-animation-delay:0.40s, 0.5s;animation-duration:0.2s, 13s;animation-delay:0.40s, 0.5s;}
.balloon.big{margin-left:-34.5em;top:2.4375em;width:37.75em;height:26.25em}
.balloon.big.anim{-webkit-animation-duration:0.35s, 9s;-webkit-animation-delay:0.50s, 1.1s;-moz-animation-duration:0.35s, 9s;-moz-animation-delay:0.50s, 1.1s;-o-animation-duration:0.35s, 9s;-o-animation-delay:0.50s, 1.1s;animation-duration:0.35s, 9s;animation-delay:0.50s, 1.1s;}
.balloon.big > div{position:relative;top:-2.4375em;left:4.5em;}
.balloon.big > div > span{position:absolute;-webkit-perspective:1100;-webkit-backface-visibility:hidden;-webkit-transform:scale(0) translate3d(0, 0, 0);-moz-transform:scale(0) translate3d(0, 0, 0);transform:scale(0) translate3d(0, 0, 0);text-transform:lowercase}
.balloon.big > div.anim > span{-webkit-animation-name:words, wordsRepeat;-webkit-animation-iteration-count:1, infinite;-webkit-animation-duration:0.7s, 5s;-webkit-animation-fill-mode:forwards, forwards;-moz-animation-name:words, wordsRepeat;-moz-animation-iteration-count:1, infinite;-webkit-animation-timing-function:ease-out;-moz-animation-duration:0.7s, 5s;-moz-animation-fill-mode:forwards, forwards;animation-name:words, wordsRepeat;animation-iteration-count:1, infinite;animation-duration:0.7s, 5s;animation-fill-mode:forwards, forwards;}
.w_frd{font-size:1.5em;left:2.8333em;top:4.5em;-webkit-animation-delay:0.54s, 4.54s;-moz-animation-delay:0.54s, 4.54s;animation-delay:0.54s, 4.54s;}
.w_htl{font-size:2.5em;left:4.35em;top:2.65em;-webkit-animation-delay:0.55s, 4.55s;-moz-animation-delay:0.55s, 4.55s;animation-delay:0.55s, 4.55s;}
.w_web{font-size:1.25em;left:13.55em;top:6.55em;-webkit-animation-delay:0.56s, 4.56s;-moz-animation-delay:0.56s, 4.56s;animation-delay:0.56s, 4.56s;}
.w_seo{font-size:2.5em;left:8.075em;top:3.025em;-webkit-animation-delay:0.6s, 4.6s;-moz-animation-delay:0.6s, 4.6s;animation-delay:0.6s, 4.6s;}
.w_grn{font-size:1.0em;left:0.8125em;top:8.6875em;-webkit-animation-delay:0.53s, 4.53s;-moz-animation-delay:0.53s, 4.53s;animation-delay:0.53s, 4.53s;}
.w_ajx{font-size:1.5625em;left:1.2em;top:7.04em;-webkit-animation-delay:0.67s, 4.67s;-moz-animation-delay:0.67s, 4.67s;animation-delay:0.67s, 4.67s;}
.w_ang{font-size:3.4375em;left:1.5272em;top:2.6364em;-webkit-animation-delay:0.64s, 4.64s;-moz-animation-delay:0.64s, 4.64s;animation-delay:0.64s, 4.64s;}
.w_inn{font-size:1.6875em;left:11.5185em;top:6.0370em;-webkit-animation-delay:0.74s, 4.74s;-moz-animation-delay:0.74s, 4.74s;animation-delay:0.74s, 4.74s;}
.w_css{font-size:5.625em;left:0.0778em;top:1.9889em;-webkit-animation-delay:0.75s, 4.75s;-moz-animation-delay:0.75s, 4.75s;animation-delay:0.75s, 4.75s;}
.w_pee{font-size:1.1875em;left:8.9473em;top:10.8421em;-webkit-animation-delay:0.83s, 4.83s;-moz-animation-delay:0.83s, 4.83s;animation-delay:0.83s, 4.83s;}
.w_ui{font-size:1.875em;left:9.8em;top:6.5667em;-webkit-animation-delay:0.77s, 4.77s;-moz-animation-delay:0.77s, 4.77s;animation-delay:0.77s, 4.77s;}
.w_moe{font-size:2.8125em;left:7.2444em;top:4.3111em;-webkit-animation-delay:0.75s, 4.75s;-moz-animation-delay:0.75s, 4.75s;animation-delay:0.75s, 4.75s;}
.w_jat{font-size:2.5em;left:3.475em;top:5.6em;-webkit-animation-delay:0.87s, 4.87s;-moz-animation-delay:0.87s, 4.87s;animation-delay:0.87s, 4.87s;}
.w_ree{font-size:1.0625em;left:19.1765em;top:14.3529em;-webkit-animation-delay:0.81s, 4.81s;-moz-animation-delay:0.81s, 4.81s;animation-delay:0.81s, 4.81s;}
.w_inr{font-size:1.25em;left:2.25em;top:13.45em;-webkit-animation-delay:0.80s, 4.80s;-moz-animation-delay:0.80s, 4.80s;animation-delay:0.80s, 4.80s;}
.w_ux{font-size:2.875em;left:4.4783em;top:5.5435em;-webkit-animation-delay:0.71s, 4.71s;-moz-animation-delay:0.71s, 4.71s;animation-delay:0.71s, 4.71s;}
.w_sy2{font-size:1.25em;left:13.4em;top:13.45em;-webkit-animation-delay:0.54s, 4.54s;-moz-animation-delay:0.54s, 4.54s;animation-delay:0.54s, 4.54s;}
.w_nod{font-size:2.25em;left:10.1111em;top:7.4444em;-webkit-animation-delay:0.64s, 4.64s;-moz-animation-delay:0.64s, 4.64s;animation-delay:0.64s, 4.64s;}
.w_den{font-size:2.5em;left:0;top:7.2em;-webkit-animation-delay:0.69s, 4.69s;-moz-animation-delay:0.69s, 4.69s;animation-delay:0.69s, 4.69s;}
.w_che{font-size:1.875em;left:4.2em;top:9.9em;-webkit-animation-delay:0.63s, 4.63s;-moz-animation-delay:0.63s, 4.63s;animation-delay:0.63s, 4.63s;}
.w_jqy{font-size:1.125em;left:13.3333em;top:16.9444em;-webkit-animation-delay:0.65s, 4.65s;-moz-animation-delay:0.65s, 4.65s;animation-delay:0.65s, 4.65s;}
.w_opa{font-size:1.0625em;left:18.1176em;top:17.5294em;-webkit-animation-delay:0.70s, 4.70s;-moz-animation-delay:0.70s, 4.70s;animation-delay:0.70s, 4.70s;}
.w_soa{font-size:1.0em;left:5.8125em;top:20.8125em;-webkit-animation-delay:0.55s, 4.55s;-moz-animation-delay:0.55s, 4.55s;animation-delay:0.55s, 4.55s;}
.w_fix{font-size:1.5625em;left:8.12em;top:13.24em;-webkit-animation-delay:0.87s, 4.87s;-moz-animation-delay:0.87s, 4.87s;animation-delay:0.87s, 4.87s;}
.w_lar{font-size:2.625em;left:7.07143em;top:7.5em;-webkit-animation-delay:0.90s, 4.90s;-moz-animation-delay:0.90s, 4.90s;animation-delay:0.90s, 4.90s;}
.w_prt{font-size:1.0625em;left:4.9412em;top:21.2353em;-webkit-animation-delay:0.88s, 4.88s;-moz-animation-delay:0.88s, 4.88s;animation-delay:0.88s, 4.88s;}
.greetings{padding:7.8125em 0 7.8125em;background:#fff}
.greetings > div{position:relative;}
.greetings .text{width:29.4375em;text-transform:lowercase}
.greetings figure{width:34.625em;height:29.9375em;margin-left:2.875em;position:absolute;left:50%;top:4.375em;}
.greetings figure img{max-width:100%;}
.g_hi{font-size:6.5em;line-height:1.0em;display:block;font-weight:700;}
.g_my{font-size:3.8125em;line-height:0.85em;display:block;}
.g_go{font-size:8.375em;line-height:0.78em;display:block;font-weight:700;color:#41969c}
.g_it{font-size:0.9em;line-height:1.7em;display:block;text-align:right;}
.g_ca{font-size:4.50em;display:inline-block;font-weight:700;color:#41969c;line-height:1.1em}
.g_an{font-size:3.1875em;display:inline-block;margin-left:0.3141em;}
.g_24{font-size:6.8em;display:block;float:left;font-weight:700;color:#41969c;line-height:1.0em}
.g_ye{font-size:2.48em;display:block;line-height:1.5em;text-align:right;}
.g_fr{font-size:2.375em;display:block;line-height:1.12em;font-weight:700;color:#41969c;text-align:right;margin-bottom:7px;}
.g_ni{display:block;font-size:4.1em;line-height:1.0em;white-space:nowrap;}
.profile{background:#161616;color:#fff;position:relative;height:41.25em;}
.profile > div:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.profile figure{width:50.875em;height:41.25em;left:50%;bottom:0;margin-left:-46.9375em;z-index:1;float:left;position:relative;margin-bottom:-6.975em;}
.profile figure img{position:absolute;left:0;top:0;display:none;max-width:100%;}
.profile figure img:first-child{display:block}
.profile .info{position:relative;z-index:2;padding:6.875em 0 0;float:right;}
.profile h2 + h3{margin-top:4.0625em;}
.profile h3{margin-top:2.5em;}
.profile p{font-size:1.375em;}
.skills{background:url(../images/pic_skills.jpg) no-repeat center 10px;padding:90px 0px 90px;}
.skills > div:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.skills .dev{float:left;}
.skills .pro{float:right;}
.skills ul{font-size:1.4375em;color:#454545;display:block;clear:both;}
.skills ul li{margin-bottom:12px;display:block;text-transform:lowercase}
.skills .pro li, .skills .pro p{text-align:right}
.skills .pro h2{float:right;}
.skills p{margin-top:20px;font-size:3.6875em;line-height:1.1;font-weight:600;text-transform:lowercase}
.skills p strong{color:#41969c;font-size:1.3em;line-height:0.8;}
.quote{background:#41969c;color:#fff;padding:50px 0px 30px;font-style:italic;font-weight:300;line-height:1.1;}
blockquote p{font-size:3.0625em;text-align:center;margin:0 auto;text-transform:lowercase}
blockquote p strong{font-weight:700;}
blockquote p:before, blockquote p:after{font-size:1.2040em;font-weight:600;}
blockquote p:before{content:'“';}
blockquote p:after{content:'”';}
blockquote footer{display:block;color:#94d2d7;text-align:right;margin-top:10px;}
.work{padding:90px 0 90px 0px;}
.work > div{position:relative;}
.work .meters{width:200px;height:934px;float:left;position:relative;background:url(../images/pic_work_small.jpg) no-repeat left bottom;}
.work .meters span{-webkit-transform-origin:left top;-webkit-transform:rotate(-90deg);-moz-transform-origin:left top;-moz-transform:rotate(-90deg);-o-transform-origin:left top;-o-transform:rotate(-90deg);transform-origin:left top;transform:rotate(-90deg);display:block;position:absolute;left:10px;top:509px;font-size:6.25em;color:#d1d1d1;font-weight:700;white-space:nowrap;}
.work .timeline{float:right;width:634px;margin-left:75px;position:relative;z-index:2;}
.work article{position:relative;margin-top:40px;}
.work article:first-child{margin-top:0px;}
.work article > span{width:34px;height:34px;display:block;background:#41969c;border-radius:34px;text-align:center;color:#fff;line-height:31px;font-size:1.375em;font-weight:600;position:absolute;left:-52px;top:5px;}
.work article h3{color:#161616;font-size:1.25em;padding:9px 0px 5px 0px;margin:0;font-weight:600;}
.work article h4{font-weight:300;color:#585858;font-size:1.0em;}
.work article p{font-size:1.0625em;line-height:1}
.work article .line{height:2px;border:none;margin:5px 0 0 0;display:block;background:#41969c;position:relative;}
.work article .line span{width:18px;height:18px;background:#41969c;border-radius:18px;position:absolute;top:-8px;right:-9px;display:block}
.work article ul{margin-top:0.9375em;line-height:1.4;color:#454545;}
.work article ul li:before{content:". ";font-size:1.0625em;}
.work article:first-child{width:96.22%;}
.work article:first-child + article{width:88.33%;}
.work article:first-child + article + article{width:92.74%;}
.work article:first-child + article + article + article{width:95.17%;}
.work figure{position:absolute;left:50%;top:-50px;margin-left:247px;width:275px;height:1138px;z-index:1;}
.work .blc{padding-top:50px;}
.portfolio{background:#161616;padding:90px 0px 90px 0px;color:#fff;position:relative;min-height:600px;}
.portfolio .list{margin-left:-15px;margin-top:-15px;}
.portfolio article{width:33.3333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;overflow:hidden;padding-left:15px;position:relative;margin-top:15px;}
.portfolio article img{display:block;max-width:100%;}
.portfolio article a{color:#fff;text-align:center;display:block;position:relative;}
.portfolio article a .info{background:rgba(0,0,0,0.9);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff),alpha(opacity=0);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;-webkit-transition:opacity 0.4s ease-out;-moz-transition:opacity 0.4s ease-out;-ms-transition:opacity 0.4s ease-out;-o-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out;}
.portfolio article a:hover .info{opacity:1;filter:alpha(opacity=100);}
.portfolio article .info > div{width:100%;height:100%;left:0;top:0;display:table;}
.portfolio article .info > div > div{display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0 10px;}
.portfolio article h3{color:#fff;font-size:1.5625em;font-weight:700;text-transform:none;margin-bottom:15px;}
.portfolio article li{display:inline-block;background:#3c969d;color:#fff;text-transform:uppercase;font-size:0.875em;font-weight:700;padding:0px 5px;white-space:nowrap;margin-left:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:5px;}
.portfolio article li:first-child{margin-left:0;}
.portfolio .modal{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.portfolio .modal.ng-hide{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.portfolio .modal.ng-leave.ng-leave-active,
.portfolio .modal.ng-enter{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
.portfolio .modal.ng-enter.ng-enter-active,
.portfolio .modal.ng-leave{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.portfolio .modal-dark{background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}
.ie7 .portfolio .modal-dark,
.ie8 .portfolio .modal-dark{background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);zoom:1;}
.portfolio .modal{height:600px;background:#fff;position:absolute;top:120px;left:0;width:100%;z-index:10;}
.portfolio .close-modal{width:60px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#41969c;text-align:center;color:#fff;font-size:2.8125em;position:absolute;left:50%;top:-30px;line-height:50px;cursor:pointer;font-weight:700;margin-left:450px;z-index:10;}
.portfolio .slider figure{position:absolute;left:0;top:0;}
.portfolio .slider{position:relative;}
.portfolio .proj-gallery ul{height:62px;text-align:center;width:100%;margin-top:30px;}
.portfolio .modal .base{width:1024px;padding:0;}
.portfolio .proj-gallery ul li{display:inline-block;padding:10px;cursor:pointer;}
.portfolio .proj-gallery ul li span{width:15px;height:15px;background:#dfdfdf;display:block;border-radius:8px;}
.portfolio .proj-gallery ul li:hover span,.portfolio .proj-gallery ul li.active span{background:#41969c;}
.portfolio .proj-gallery{float:left;width:682px;}
.portfolio .proj-gallery .slider figure{-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out;-webkit-transform:translate3d(200%, 0, 0);-moz-transform:translate3d(200%, 0, 0);-ms-transform:translate3d(200%, 0, 0);-o-transform:translate3d(200%, 0, 0);transform:translate3d(200%, 0, 0);opacity:0;}
.portfolio .proj-gallery .slider figure.active{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;}
.portfolio .proj-info{width:310px;float:right;position:relative;z-index:2;background:rgba(255,255,255,0.8);height:600px;color:#161616;padding:0px 25px;box-sizing:border-box;margin-right:32px;}
.ie7 .portfolio .proj-info,
.ie8 .portfolio .proj-info{background:none;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);zoom:1;}
.portfolio .proj-info .top{padding-bottom:4px;}
.portfolio .modal .sep{height:2px;background:#41969c;margin-left:-25px;}
.portfolio .modal .sep:before{width:15px;height:15px;border-radius:8px;content:".";text-indent:-99px;display:block;overflow:hidden;background:#41969c;position:relative;left:-7px;top:-7px;}
.portfolio .proj-info .date{float:right;font-size:0.875em;color:#5d5d5d;}
.portfolio .modal .tit{font-size:1.25em;padding:10px 0 5px;font-weight:700;color:#161616;}
.portfolio .modal .tit{font-size:1.25em;padding:10px 0 5px;font-weight:700;}
.portfolio .modal .tags span{display:inline-block;background:#3c969d;color:#fff;text-transform:uppercase;font-size:0.875em;font-weight:700;padding:0px 5px;white-space:nowrap;margin-left:5px;margin-bottom:5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.portfolio .modal .tags{margin-left:-5px;}
.portfolio .proj-info .topics{margin-top:25px;}
.portfolio .main-info{height:344px;padding-top:49px;}
.portfolio .proj-info .topics li{margin-bottom:3px;}
.portfolio .sec-info > div{margin-bottom:20px;}
.portfolio .sec-info .proj-subval{font-size:0.875em;color:#5d5d5d;}
.portfolio .sec-info .proj-copy{font-size:0.6875em;color:#5d5d5d;}
.portfolio .sec-info .proj-lk{color:#161616;text-decoration:underline;font-weight:700;}
.portfolio .sec-info .proj-lk:hover{text-decoration:none;}
.portfolio .resp-top{display:none;}
::-webkit-input-placeholder{color:#fff;opacity:0.6;font-family:"Source Sans Pro";font-weight:300;}
:-moz-placeholder{color:#fff;opacity:0.6;font-family:"Source Sans Pro";font-weight:300;}
::-moz-placeholder{color:#fff;opacity:0.6;font-family:"Source Sans Pro";font-weight:300;}
:-ms-input-placeholder{color:#fff;opacity:0.6;font-family:"Source Sans Pro";font-weight:300;}
input[type="text"], textarea{border:0;background:none;display:block;font-family:"Source Sans Pro";-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0px;}
input[type="text"]{padding:10px;font-size:0.875em;}
textarea{line-height:1.4;padding:10px;resize:none;-webkit-appearance:none;font-size:0.875em;}
.contact{padding:90px 0px 90px 0px;}
.contact .network{background:url(../images/bg_network.gif) no-repeat center 0px;width:100%;max-width:902px;position:relative;margin:0 auto;padding-top:497px;}
.contact .network > a{position:absolute;display:block;width:80px;height:80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#41969c;border-radius:80px;opacity:0;}
.no-anim .contact .network > a{opacity:1;}
.contact.anim .network > a{text-indent:-100px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);-moz-transform:translate3d(0, 0, 0) scale(0.225);-o-transform:translate3d(0, 0, 0) scale(0.225);transform:translate3d(0, 0, 0) scale(0.225);-webkit-animation-duration:0.9s;-webkit-animation-fill-mode:forwards;-webkit-backface-visibility:hidden;-moz-animation-duration:0.9s;-moz-animation-fill-mode:forwards;-o-animation-duration:0.9s;-o-animation-fill-mode:forwards;animation-duration:0.9s;animation-fill-mode:forwards;}
.contact .network > a i{display:inline-block;width:80px;height:80px;line-height:80px;color:#fff;text-align:center;font-size:2.4em;}
.contact .network > a i.icon-skype, .contact .network > a i.icon-cv{font-size:2.8em;}
.contact .network > a:hover{background:#161616;}
.contact .network > a.sk{left:294px;top:107px;}
.contact .network > a.in{left:429px;top:227px;}
.contact .network > a.em{left:171px;top:290px;}
.contact .network > a.fb{left:709px;top:153px;}
.contact .network > a.cv{left:770px;top:326px;}
.contact.anim .network > a.sk{-webkit-animation-name:Skype;-webkit-animation-delay:0.2s;-moz-animation-name:Skype;-moz-animation-delay:0.2s;-o-animation-name:Skype;-o-animation-delay:0.2s;animation-name:Skype;animation-delay:0.2s}
.contact.anim .network > a.in{-webkit-animation-name:LinkedIn;-webkit-animation-delay:0.3s;-moz-animation-name:LinkedIn;-moz-animation-delay:0.3s;-o-animation-name:LinkedIn;-o-animation-delay:0.3s;animation-name:LinkedIn;animation-delay:0.3s}
.contact.anim .network > a.em{-webkit-animation-name:Email;-webkit-animation-delay:0.4s;-moz-animation-name:Email;-moz-animation-delay:0.4s;-o-animation-name:Email;-o-animation-delay:0.4s;animation-name:Email;animation-delay:0.4s}
.contact.anim .network > a.fb{-webkit-animation-name:Facebook;-webkit-animation-delay:0.5s;-moz-animation-name:Facebook;-moz-animation-delay:0.5s;-o-animation-name:Facebook;-o-animation-delay:0.5s;animation-name:Facebook;animation-delay:0.5s}
.contact.anim .network > a.cv{-webkit-animation-name:CV;-webkit-animation-delay:0.6s;-moz-animation-name:CV;-moz-animation-delay:0.6s;-o-animation-name:CV;-o-animation-delay:0.6s;animation-name:CV;animation-delay:0.6s}
.contact form{width:570px;height:570px;margin:0 auto;border-radius:570px;background:#41969c;color:#fff;overflow:hidden;}
.contact form h3{font-size:1.5625em;color:#fff;margin:85px 0 45px 0;text-align:center;font-weight:600;}
.contact form label{text-transform:lowercase;padding-bottom:5px;display:none;font-size:0.875em;}
.contact form input[type="text"], .contact form textarea{border:1px solid #76b2b6;color:#fff;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contact form textarea{max-width:364px;max-height:140px;height:130px;overflow:auto}
.contact form input[type="text"]:focus, .contact form textarea:focus{outline:0;border-color:#fff;}
.contact form .form{width:340px;margin:0 auto;}
.contact form .ln{padding-bottom:20px;position:relative;}
.contact form .ln .err{}
.contact form input[type="submit"]{border:none;border-radius:68px;width:68px;height:68px;display:block;margin:0 auto;margin-top:20px;color:#fff;background:#161616;text-transform:lowercase;cursor:pointer;font-size:1.1875em;-webkit-font-smoothing:antialiased;font-weight:normal;-webkit-appearance:none;}
.contact form input[type="submit"]:hover{background:#fff;color:#41969c}
.no-anim .contact form label{display:block;}
.no-anim .contact form{width:630px;height:630px;}
.contact form{-webkit-transition:-webkit-transform 650ms cubic-bezier(0.690, 0, 0.305, 1);-webkit-transition:-webkit-transform 650ms cubic-bezier(0.690, -0.600, 0.305, 1.650);-moz-transition:-moz-transform 650ms cubic-bezier(0.690, -0.600, 0.305, 1.650);-o-transition:-o-transform 650ms cubic-bezier(0.690, -0.600, 0.305, 1.650);transition:transform 650ms cubic-bezier(0.690, -0.600, 0.305, 1.650);position:relative;}
.contact form.sending{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);background:url(../images/loading_contact.gif) no-repeat center center #41969c;background-size:512px auto;}
.contact form.success{background:#41969c;}
.contact form .form{-webkit-transition:opacity 0.6s ease-out;-moz-transition:opacity 0.6s ease-out;-ms-transition:opacity 0.6s ease-out;-o-transition:opacity 0.6s ease-out;transition:opacity 0.6s ease-out;}
.contact form.sending .form,
.contact form.success .form{opacity:0;}
.contact form.sending input[type="submit"],
.contact form.success input[type="submit"]{display:none;}
.success-block{display:none;font-size:0.9em;position:absolute;width:100%;height:100%;left:0;top:0;}
.contact form.success .success-block{display:table;}
.success-block > div{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.success-block em{font-size:6.0em;font-style:normal;font-weight:700;display:block;}
.success-block span{display:block;font-size:4.0em;font-weight:300;}
.twitter{background:#41969c;padding:70px 0px 90px 0px;height:630px;}
.twitter h2:before{display:none;}
.twitter h2{color:#fff;display:block;text-align:center;margin-bottom:20px;font-size:2.25em;}
.twitter h3{color:#afe4e8;display:block;text-align:center;margin-bottom:50px;line-height:1.4;padding:0 40px;}
.twitter .base{position:relative;}
.tweet-list{position:relative;top:-20px;}
.tweet{height:210px;display:table;width:340px;position:absolute;left:50%;-webkit-transition:0.6s ease-out all;-moz-transition:0.6s ease-out all;-ms-transition:0.6s ease-out all;-o-transition:0.6s ease-out all;transition:0.6s ease-out all;}
.tweet.ng-leave.ng-leave-active,
.tweet.ng-enter{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;}
.tweet.ng-enter.ng-enter-active,
.tweet.ng-leave{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
.tweet > div{display:table-cell;height:100%;width:100%;vertical-align:middle;}
.tweet .msg{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;padding:18px 16px;display:inline-block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;color:#161616;}
.tweet .msg em{font-style:normal;font-weight:400;color:#41969c;}
.tweet .msg a{font-weight:700;color:#41969c;text-decoration:underline;}
.tweet .msg a:hover{text-decoration:none;}
.tweet .pic{width:73px;height:73px;position:relative;-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px;overflow:hidden;display:inline-block;margin-top:15px;float:right;}
.tweet .img{width:130px;height:88px;background:url(../images/tweet_bal_1.png) no-repeat left top;}
.tweet2 .pic{float:left;margin-top:0px;}
.tweet2 .img{float:right;background:url(../images/tweet_bal_2.png) no-repeat right bottom;}
.tweet3 .pic{float:left;margin-top:15px;}
.tweet3 .img{float:right;background:url(../images/tweet_bal_3.png) no-repeat right top;}
.tweet4 .pic{float:left;margin-top:15px;}
.tweet4 .img{float:right;background:url(../images/tweet_bal_4.png) no-repeat right top;}
.tweet5 .pic{float:right;margin-top:0px;}
.tweet5 .img{background:url(../images/tweet_bal_5.png) no-repeat left bottom;}
.tweet.pos1{top:60px;margin-left:-157px;}
.tweet.pos2{top:-100px;margin-left:200px;}
.tweet.pos3{top:-110px;margin-left:-510px;}
.tweet.pos4{top:212px;margin-left:279px;}
.tweet.pos5{top:170px;margin-left:-611px;}
.tweet.pos6{top:104px;margin-left:-1001px;}
.tweet.pos7{top:-252px;margin-left:-884px;}
.tweet.pos8{top:-242px;margin-left:573px;}
.tweet.pos9{top:27px;margin-left:704px;}
.tweet.pos10{top:316px;margin-left:708px;}
.tweet.pos11{top:236px;margin-left:1202px;opacity:0;}
.tweet.pos12{top:106px;margin-left:1150px;opacity:0;}
.tweet.pos13{top:-154px;margin-left:-1340px;opacity:0;}
.tweet.pos14{top:120px;margin-left:-1120px;opacity:0;}
.tweet-bt{width:104px;text-align:center;color:#fff;margin:0 auto;position:relative;z-index:10;cursor:pointer;}
.tweet-bt span{font-size:0.825em;}
.tweet-bt a{display:block;text-decoration:none;color:#fff;background:#000;font-size:1.325em;-webkit-border-radius:52px;-moz-border-radius:52px;border-radius:52px;width:104px;height:104px;margin-bottom:5px;text-align:center;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:20px;}
.tweet-bt:hover a, .tweet-bt a:hover{color:#41969c;background:#fff;}
.tweet-bt a i{font-size:1.5em;}
.tweet-bt:hover + .big-tweet{display:block;}
.big-tweet{display:none;top:0;left:50%;margin-left:-120px;height:116px;}
body > footer{background:#41969c;padding:110px 0 0 0;}
body > footer > div{min-height:476px;position:relative;}
body > footer h3{font-size:5.3125em;color:#fff;font-weight:600;text-transform:none;text-align:center;margin:0;}
body > footer h3 > span{font-family:"Source Sans Pro";}
body > footer figure{position:absolute;left:50%;bottom:0;width:607px;height:438px;display:block;z-index:1;margin-left:-69px;}
body > footer .button{margin-top:54px;position:relative;z-index:2;}
body > footer .button a{margin:0 auto;}
body > footer .button p{color:#fff;text-align:center;font-size:0.75em;padding-top:15px;}
@-webkit-keyframes Skype{0%{left:51px;top:27px;opacity:1;}
16.67%{left:-26px;top:89px;}
33.33%{left:108px;top:135px;}
50%{left:147px;top:27px;}
66.66%{left:195px;top:181px;text-indent:-100px;}
83.33%{left:294px;top:107px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:294px;top:107px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@-webkit-keyframes LinkedIn{0%{left:51px;top:27px;opacity:1;}
12.5%{left:-26px;top:89px;}
25%{left:108px;top:135px;}
37.5%{left:-31px;top:220px;}
50%{left:171px;top:290px;}
62.5%{left:195px;top:181px;}
75%{left:294px;top:231px;text-indent:-100px;}
87.5%{left:429px;top:227px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:429px;top:227px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@-webkit-keyframes Email{0%{left:51px;top:27px;opacity:1;}
20%{left:-26px;top:89px;}
40%{left:108px;top:135px;}
60%{left:-31px;top:220px;text-indent:-100px;}
80%{left:171px;top:290px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:171px;top:290px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@-webkit-keyframes Facebook{0%{left:51px;top:27px;opacity:1;}
8.33%{left:-26px;top:89px;}
16.67%{left:108px;top:135px;}
25%{left:147px;top:27px;}
33.33%{left:195px;top:181px;}
41.67%{left:294px;top:107px;}
50%{left:294px;top:231px;}
58.33%{left:429px;top:227px;}
66.67%{left:501px;top:116px;}
75%{left:576px;top:-21px;}
83.33%{left:706px;top:45px;text-indent:-100px;}
91.67%{left:709px;top:153px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:709px;top:153px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@-webkit-keyframes CV{0%{left:51px;top:27px;opacity:1;}
9.09%{left:-26px;top:89px;}
18.18%{left:108px;top:135px;}
27.27%{left:-31px;top:220px;}
36.36%{left:171px;top:290px;}
45.45%{left:195px;top:181px;}
54.54%{left:294px;top:231px;}
63.63%{left:429px;top:227px;}
72.72%{left:513px;top:344px;}
81.81%{left:641px;top:389px;text-indent:-100px;}
90.90%{left:770px;top:326px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:770px;top:326px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes Skype{0%{left:51px;top:27px;opacity:1;}
16.67%{left:-26px;top:89px;}
33.33%{left:108px;top:135px;}
50%{left:147px;top:27px;}
66.66%{left:195px;top:181px;text-indent:-100px;}
83.33%{left:294px;top:107px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:294px;top:107px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes LinkedIn{0%{left:51px;top:27px;opacity:1;}
12.5%{left:-26px;top:89px;}
25%{left:108px;top:135px;}
37.5%{left:-31px;top:220px;}
50%{left:171px;top:290px;}
62.5%{left:195px;top:181px;}
75%{left:294px;top:231px;text-indent:-100px;}
87.5%{left:429px;top:227px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:429px;top:227px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes Email{0%{left:51px;top:27px;opacity:1;}
20%{left:-26px;top:89px;}
40%{left:108px;top:135px;}
60%{left:-31px;top:220px;text-indent:-100px;}
80%{left:171px;top:290px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:171px;top:290px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes Facebook{0%{left:51px;top:27px;opacity:1;}
8.33%{left:-26px;top:89px;}
16.67%{left:108px;top:135px;}
25%{left:147px;top:27px;}
33.33%{left:195px;top:181px;}
41.67%{left:294px;top:107px;}
50%{left:294px;top:231px;}
58.33%{left:429px;top:227px;}
66.67%{left:501px;top:116px;}
75%{left:576px;top:-21px;}
83.33%{left:706px;top:45px;text-indent:-100px;}
91.67%{left:709px;top:153px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:709px;top:153px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes CV{0%{left:51px;top:27px;opacity:1;}
9.09%{left:-26px;top:89px;}
18.18%{left:108px;top:135px;}
27.27%{left:-31px;top:220px;}
36.36%{left:171px;top:290px;}
45.45%{left:195px;top:181px;}
54.54%{left:294px;top:231px;}
63.63%{left:429px;top:227px;}
72.72%{left:513px;top:344px;}
81.81%{left:641px;top:389px;text-indent:-100px;}
90.90%{left:770px;top:326px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:770px;top:326px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@-webkit-keyframes balloon{from{-webkit-transform:scale(0) translateX(5px);}
to{-webkit-transform:scale(1) translateX(5px);}
}
@-webkit-keyframes balloonFloating{0%{-webkit-transform:rotate(0deg) translateX(5px) rotate(0deg);}
50%{-webkit-transform:rotate(180deg) translateX(5px) rotate(-180deg);}
100%{-webkit-transform:rotate(0deg) translateX(5px) rotate(0deg);}
}
@-webkit-keyframes balloonFloatingInverse{0%{-webkit-transform:rotate(0deg) translateX(5px) rotate(0deg);}
50%{-webkit-transform:rotate(-180deg) translateX(5px) rotate(180deg);}
100%{-webkit-transform:rotate(0deg) translateX(5px) rotate(0deg);}
}
@-webkit-keyframes words{0%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}
@-webkit-keyframes wordsRepeat{0%{-webkit-transform:scale(1);}
4%{-webkit-transform:scale(0.8);}
8%{-webkit-transform:scale(1.2);}
12%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes balloon{from{transform:scale(0) translateX(5px);}
to{transform:scale(1) translateX(5px);}
}
@keyframes balloonFloating{0%{transform:rotate(0deg) translateX(5px) rotate(0deg);}
50%{transform:rotate(180deg) translateX(5px) rotate(-180deg);}
100%{transform:rotate(0deg) translateX(5px) rotate(0deg);}
}
@keyframes balloonFloatingInverse{0%{transform:rotate(0deg) translateX(5px) rotate(0deg);}
50%{transform:rotate(-180deg) translateX(5px) rotate(180deg);}
100%{transform:rotate(0deg) translateX(5px) rotate(0deg);}
}
@keyframes words{0%{transform:scale(0);}
40%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@keyframes wordsRepeat{0%{transform:scale(1);}
4%{transform:scale(0.8);}
8%{transform:scale(1.2);}
12%{transform:scale(1);}
100%{transform:scale(1);}
}
@media all and (max-width:1024px){.banner .base{font-size:0.9em;}
.balloon{background-image:url(../images/balloon1024.png);}
.base{width:auto;}
.greetings{font-size:0.9em;}
section, body > footer, header{min-width:inherit;}
.work .meters{display:none;}
.work .timeline{float:none;margin:0 auto;}
.work .blc{position:relative;}
.work figure{top:-120px;margin-left:90px;}
.portfolio .modal .base{width:auto;}
.portfolio .proj-gallery{width:66%;}
.portfolio .proj-info{width:34%;margin-right:0;}
.portfolio .close-modal{right:20px;left:auto;margin-left:0;}
.profile figure{margin-left:-73.33%;}
.contact .base{padding:0px;}
.contact h2{margin-left:32px;}
}
@media all and (max-height:660px){.banner .base{font-size:0.8em;}
.balloon{background-image:url(../images/balloon900.png);}
}
@media all and (max-width:900px){header{height:50px;}
header nav{margin-top:5px;}
header .lg-small{margin-top:0px;}
header .lg{margin-top:-100px;}
body.opened{margin-top:50px;}
header nav a{padding:0 12px;}
.banner .base{font-size:0.8em;}
.balloon{background-image:url(../images/balloon900.png);}
.greetings{font-size:0.8em;}
.profile{font-size:0.85em;}
.contact .network > a.cv{left:641px;top:389px;}
.profile .info{padding:50px 0 0;font-size:1.15em;}
.profile h2{margin-bottom:0;}
.profile h2 + h3{margin-top:40px;}
@-webkit-keyframes CV{0%{left:51px;top:27px;opacity:1;}
10%{left:-26px;top:89px;}
20%{left:108px;top:135px;}
30%{left:-31px;top:220px;}
40%{left:171px;top:290px;}
50%{left:195px;top:181px;}
60%{left:294px;top:231px;}
70%{left:429px;top:227px;}
80%{left:513px;top:344px;text-indent:-100px;}
90%{left:641px;top:389px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:641px;top:389px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes CV{0%{left:51px;top:27px;opacity:1;}
10%{left:-26px;top:89px;}
20%{left:108px;top:135px;}
30%{left:-31px;top:220px;}
40%{left:171px;top:290px;}
50%{left:195px;top:181px;}
60%{left:294px;top:231px;}
70%{left:429px;top:227px;}
80%{left:513px;top:344px;text-indent:-100px;}
90%{left:641px;top:389px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:641px;top:389px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
}
@media all and (max-width:850px){.quote{font-size:0.8em;}
}
@media all and (max-width:850px) and (min-width:769px){.portfolio article h3{font-size:1.375em;}
.portfolio article li{font-size:0.8125em;}
}
@media all and (max-width:800px){.skills ul{font-size:1.25em;}
.skills p{font-size:2.8125em;}
}
@media all and (max-width:768px){.quote{font-size:0.7em;}
.ic-menu{display:block;}
header nav{width:200px;position:absolute;top:50px;right:-240px;padding:20px;background:#161616;margin:0;height:auto;-webkit-transition:right 0.6s ease-out;-moz-transition:right 0.6s ease-out;-ms-transition:right 0.6s ease-out;-o-transition:right 0.6s ease-out;transition:right 0.6s ease-out;}
.opened header nav{margin-top:0;}
header nav a.act{padding-bottom:0;border-bottom:none;font-weight:700;}
header nav a.act:before{width:7px;height:7px;background:#41969c;display:inline-block;content:".";margin-right:7px;text-indent:-12px;overflow:hidden;border-radius:12px;}
header nav a{display:block;float:none;}
.banner .base{font-size:0.8em;padding:0px;}
.banner .button{display:none;}
.balloon{background-image:url(../images/balloon900.png);left:50%;}
.balloon.big{margin-left:-18.875em;}
.balloon.med{top:350px;margin-left:-210px;}
.balloon.small{top:420px;margin-left:-150px;}
.banner figure{left:0;margin:410px 0 0;width:100%;height:auto;text-align:center;float:left;position:static;font-size:0;}
.banner figure img{max-width:500px;width:100%;display:inline;}
.greetings{font-size:0.9em;padding:6.25em 0;}
.greetings figure{position:static;width:100%;text-align:center;margin-left:0;height:auto;}
.greetings figure img{display:inline;}
.greetings .text{margin:0 auto 40px;}
.profile{height:auto;font-size:0.7em;}
.work .timeline{width:430px;padding-left:50px;}
.profile .base{padding:80px 32px;}
.profile .info{margin-left:0;width:100%;font-size:1.3em;padding:0;text-align:center;float:none}
.profile h2 + h3{margin-top:30px;}
.profile figure{float:none;margin:0 auto 70px auto;position:relative;left:0;width:300px;height:300px;-webkit-border-radius:150px;-moz-border-radius:150px;border-radius:150;border:2px solid #000;overflow:hidden;}
.profile figure img{max-width:inherit;max-height:300px;left:50%;margin-left:-62%;}
.profile h2{margin-bottom:40px;}
.profile p, .profile h3{display:inline;}
.profile h3{margin-right:5px;}
.profile p:after{content:".";visibility:hidden;display:block;height:30px;clear:both;}
.portfolio article{width:50%;}
.portfolio > .base{max-width:635px;}
.portfolio .resp-top{display:block;padding-left:32px;padding-top:27px;height:126px;}
.portfolio .proj-gallery{width:100%;}
.portfolio .proj-info{display:none;}
.portfolio .modal{height:540px;}
.portfolio .slider{height:448px;}
.portfolio .slider figure{width:100%;height:100%;text-align:center;}
.portfolio .slider figure img{max-width:100%;max-height:100%;display:inline;}
.contact .network > a.fb{left:576px;top:-21px;}
body > footer .button{width:90px;left:50%;margin-left:-211px;}
body > footer figure{margin-left:-240px;}
@-webkit-keyframes Facebook{0%{left:51px;top:27px;opacity:1;}
10%{left:-26px;top:89px;}
20%{left:108px;top:135px;}
30%{left:147px;top:27px;}
40%{left:195px;top:181px;}
50%{left:294px;top:107px;}
60%{left:294px;top:231px;}
70%{left:429px;top:227px;}
80%{left:501px;top:116px;text-indent:-100px;}
90%{left:576px;top:-21px;-webkit-transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:576px;top:-21px;-webkit-transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
@keyframes Facebook{0%{left:51px;top:27px;opacity:1;}
10%{left:-26px;top:89px;}
20%{left:108px;top:135px;}
30%{left:147px;top:27px;}
40%{left:195px;top:181px;}
50%{left:294px;top:107px;}
60%{left:294px;top:231px;}
70%{left:429px;top:227px;}
80%{left:501px;top:116px;text-indent:-100px;}
90%{left:576px;top:-21px;transform:translate3d(0, 0, 0) scale(0.225);text-indent:0px;}
100%{left:576px;top:-21px;transform:translate3d(0, 0, 0) scale(1);text-indent:0px;opacity:1;}
}
}
@media all and (max-width:680px){.skills{background:none;}
.portfolio .slider{height:378px;}
.portfolio .modal{height:470px;}
}
@media all and (max-width:570px){.skills .dev, .skills .pro{float:none;text-align:center;}
.skills .pro li, .skills .pro p{text-align:center;}
.skills h2, .skills .pro h2{display:inline-block;float:none;}
.skills .dev{padding-bottom:65px;border-bottom:1px solid #dfdfdf;margin-bottom:60px;}
.skills ul{font-size:1.4375em;}
.skills p{font-size:3.6875em;}
.work figure{display:none;}
.work article .line span{display:none;}
.work h2{margin-bottom:0;}
.work article{width:100%!important;}
.contact form{left:50%;margin-left:-285px;}
.contact .network > a,.contact.anim .network > a{-webkit-animation:none;animation:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;text-indent:0;}
.contact .network > a.em{left:271px;top:371px;}
.contact .network > a.cv{left:512px;top:344px;}
.contact .network > a.fb{left:500px;top:116px;}
body > footer h3{font-size:4.375em;}
}
@media all and (max-width:570px) and (min-width:500px){.portfolio article h3{font-size:1.375em;}
.portfolio article li{font-size:0.8125em;}
}
@media all and (max-width:544px){.work .timeline{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.portfolio .modal{height:400px;}
.portfolio .slider{height:308px;}
}
@media all and (max-width:500px){.portfolio .list{max-width:310px;margin:0 auto;}
.portfolio article{width:100%;}
}
@media all and (max-width:480px){.banner .base{font-size:0.6em;}
.banner figure{margin:310px 0 -2px;}
.balloon{background-image:url(../images/balloon768.png);left:50%;}
.balloon.med{top:267px;margin-left:-143px;}
.balloon.small{top:318px;margin-left:-90px;}
.greetings .g_an{margin-left:.3em;margin-right:-10px;}
body > footer > div{min-height:741px;}
body > footer .button{margin-left:-45px;}
body > footer figure{width:100%;height:auto;margin-left:-50%;}
body > footer img{max-width:100%;}
}
@media all and (max-width:470px){.greetings{font-size:0.75em;}
}
@media all and (max-width:420px){.greetings{font-size:0.7em;}
.contact form .form{width:290px;}
}
@media all and (max-width:374px){.profile figure{width:252px;height:252px;-webkit-border-radius:124px;-moz-border-radius:124px;border-radius:124px;}
.profile figure img{max-height:252px;}
.skills p{font-size:3.125em;}
}
@media all and (max-width:390px){.greetings{font-size:0.65em;}
}
@media all and (max-width:360px){.greetings{font-size:0.6em;}
}
@media all and (max-width:340px){.greetings{font-size:0.55em;}
}
.slider figure img{width:100%;}