-ms-viewport{width:device-width}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%;overflow-y:scroll;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:none}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1px 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
img,iframe,object,embed{vertical-align:middle}
figure{margin:0}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;box-sizing:content-box;outline:none;border-radius:none;box-shadow:none}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
label{cursor:default}
table{border-collapse:collapse;border-spacing:0}
caption{text-align:left;caption-side:top}
th{text-align:left}
/*
 *	Simply fast class
 */
.reset{border:none;margin:0;padding:0;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.reset td,.reset th{border:none;background:none;padding:0}
.reset > li,.reset > dt,.reset > dd{margin:0;padding:0;background:none;border:none;float:none;width:auto}
.l{float:left;display:inline}
.r{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.cfx{zoom:1;}
.cfx:after,.cfx:before{content:'';display:table;clear:both}
.break{height:1px;font-size:1px;line-height:1px;clear:both;overflow:hidden;visibility:hidden;display:block;margin:0 !important;padding:0 !important;width:100%}
.ctx{zoom:1;display:table-cell;}
.ie7 .ctx{display:block}
.ctx:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "}
.hide,.js .jsHide{display:none}
.out,.js .jsOut{position:absolute;left:-5000px;top:-5000px}
.vhide{position:absolute;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);margin:-1px;padding:0}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.lower{text-transform:lowercase}
.upper{text-transform:uppercase}
.bold{font-weight:bold}
.thin{font-weight:normal}
.italic{font-style:italic}
.normal{font-style:normal}
.top{vertical-align:top}
.middle{vertical-align:middle}
.big{font-size:14px}
.bigger{font-size:18px}
.small{font-size:11px}
.error,.red{color:#c00}
.green{color:#678713}
.grey{color:#999}
.nowrap{white-space:nowrap}
/*
 * Typo
 */
body{font:900 18px/36px 'Roboto',Arial,sans-serif;letter-spacing:.15em;color:#fff}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',Arial,sans-serif;font-weight:900;line-height:1.2;margin:1.5em 0 .5em}
h1,.h1{font-size:44px;line-height:1.1;letter-spacing:.05em;}
h1 span,.h1 span{font-size:22px;font-weight:300;letter-spacing:.075em}
@media (min-width:601px){h1,.h1{font-size:76px}
h1 span,.h1 span{font-size:43px}
}h2{margin-bottom:25px;font-size:40px;}
@media (min-width:601px){h2{font-size:60px}
}h3{font-size:36px;}
@media (min-width:601px){h3{font-size:48px}
}h4{font-size:32px}
h5,h6{font-size:24px}
p{margin:0 0 1.2em}
blockquote{margin:.8em 0 .3em;}
blockquote p{margin:0}
a{color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);text-decoration:underline;-webkit-transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;transition:color .3s;}
a:hover{color:#fff;text-decoration:none}
ul,ol{margin:0 0 1.5em 5px;list-style:none;padding:0}
li{padding:0 0 0 20px;margin:0 0 .75em;}
li ol,li ul{margin:.75em 0 0}
ul li{background:url("../img/ico/li.html") 0 6px no-repeat}
ol{counter-reset:item;}
ol li{background:none;position:relative;}
ol li:before,ol li .ie-counter{content:counter(item) ".";counter-increment:item;position:absolute;left:0;top:0;width:18px;color:#67b6f8;font-size:14px;font-weight:bold;text-align:left}
dl{margin:0 0 1.5em}
dt{font-weight:bold;margin:0}
dd{margin:0 0 .75em;padding:0}
table{width:100%;clear:both;margin:0 0 1.5em;empty-cells:show;border-collapse:collapse;border:1px solid #ddd}
caption{font-weight:bold;text-align:left;padding:0 0 10px;caption-side:top}
td,th{vertical-align:top;padding:7px 8px;border:1px solid #ddd}
th{font-weight:bold;text-align:left;border-top:none;background:#eee}
img.l{margin:0 20px 20px 0}
img.r{margin:0 0 20px 20px}
.ie7 a[href] *{cursor:pointer}
.sk-carousel{overflow:hidden;width:100%;position:relative;}
.sk-carousel ul{width:auto !important;overflow:visible !important}
/*
 *	Grid
 */
.row,.row-main{position:relative;margin:0;padding:0;zoom:1;}
.row:after,.row-main:after,.row:before,.row-main:before{content:'';display:table;clear:both}
.row-main{margin:0 auto;max-width:1148px}
.col{display:inline;float:left;left:100%;position:relative;padding:0}
.grid-h{width:48.5%}
.col-h-1{margin-left:-100%}
.col-h-2{margin-left:-48.5%}
.grid-t{width:31.333333333333332%}
.grid-2t{width:65.66666666666666%}
.col-t-1{margin-left:-100%}
.col-t-2{margin-left:-65.66666666666667%}
.col-t-3{margin-left:-31.333333333333343%}
.grid-q{width:22.75%}
.grid-3q{width:74.25%}
.col-q-1{margin-left:-100%}
.col-q-2{margin-left:-74.25%}
.col-q-3{margin-left:-48.5%}
.col-q-4{margin-left:-22.75%}
.tabs{position:relative;}
.tabs .tab{padding:30px 0 35px}
.tabs .menu-tabs{max-width:926px;margin:0 auto;}
.tabs .menu-tabs ul{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;font-size:0;text-align:center}
@media screen and (-webkit-min-device-pixel-ratio:0){.tabs .menu-tabs ul{word-spacing:0}
}.tabs .menu-tabs ul > *{display:inline-block;vertical-align:top;width:50%;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .tabs .menu-tabs ul > *{display:inline;zoom:1}
.tabs .menu-tabs li{padding:0 0 10px;font-size:13px;line-height:18px;letter-spacing:.1em}
.tabs .menu-tabs a{position:relative;display:block;padding:0 0 25px;border-bottom:4px solid #2a3035;color:#868c92;text-align:center;text-transform:uppercase;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.tabs .menu-tabs a:hover{border-color:#00c4aa;color:#fff}
.tabs .menu-tabs a.active{border-color:#00c4aa;color:#fff;}
.tabs .menu-tabs a.active:after{content:'';position:absolute;top:100%;left:50%;display:block;width:0;height:0;margin:0 0 0 -15px;overflow:hidden;border-width:15px 15px 0 15px;border-color:#00c4aa transparent transparent transparent;border-style:solid solid solid solid}
@media (min-width:601px){.tabs .tab{padding:70px 0 50px}
.tabs .menu-tabs li{font-size:30px;line-height:36px}
.tabs .menu-tabs a{border-bottom:7px solid #2a3035;}
.tabs .menu-tabs a.active:after{margin:0 0 0 -20px;border-width:20px 20px 0 20px}
}.sk-tab-hide{position:absolute;left:-5000px;top:-5000px}
/*
 *	Forms
 */
.inp-text{display:block;border:1px solid #a4a4a4;padding:3px 10px;background:#fff;color:#21272c;font-family:'Roboto',Arial,sans-serif;font-size:16px;line-height:21px;height:21px;}
.error .inp-text{background:#feecec;border-color:#e82f44}
textarea.inp-text{height:auto}
.inp-fix{position:relative;display:block;padding:0 22px 0 0;}
.inp-fix .inp-text{width:100%;margin:0 -22px 0 0;}
.ie7 .inp-fix .inp-text{margin-top:-1px}
.btn{display:inline-block;vertical-align:middle;margin:0;padding:0;border:none;background:none;text-decoration:none;}
.ie7 .btn{display:inline;zoom:1}
.btn span{position:relative;display:block;border:none;height:68px;padding:0 45px;font-size:19px;font-weight:900;line-height:68px;background:#00c4aa;color:#fff;text-decoration:none;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 4px 0 #01a690;-moz-box-shadow:0 4px 0 #01a690;box-shadow:0 4px 0 #01a690;letter-spacing:.15em;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-ms-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.btn:hover span{background:#01b59d}
.btn:active span{position:relative;top:3px;-webkit-box-shadow:0 1px 0 #01a690;-moz-box-shadow:0 1px 0 #01a690;box-shadow:0 1px 0 #01a690}
body{position:relative;color:#fff}
/*
 *	Base layout
 */
#header{background:#167bc1;}
#header .row-main{padding:25px 20px 30px}
#header h1{margin:0;padding:0;text-align:center}
@media (min-width:601px){#header .row-main{padding:145px 0 60px}
}#intro{background:url("../img/illust/intro.jpg") 50% 0 no-repeat fixed;}
#intro .row-main{padding:65px 0}
#intro p{font-size:14px;line-height:18px;text-align:center}
@media (min-width:601px){#intro .row-main{padding:105px 0 155px}
#intro p{font-size:18px;line-height:36px}
}@media (min-width:1370px){#intro .row-main{padding:155px 0 340px}
}.section-portfolio{position:relative;}
.section-portfolio .hd{background:#fff;}
.section-portfolio .hd .row-main{padding:25px 20px 30px;text-align:center}
.section-portfolio .hd h2{color:#393b3d}
.section-portfolio .hd p{margin:0;font-size:16px;line-height:22px;color:#aab1b8}
@media (min-width:601px){.section-portfolio .hd .row-main{padding:50px 0 60px}
.section-portfolio .hd p{font-size:18px;line-height:36px}
}.portfolio{overflow:hidden;zoom:1;position:relative;}
.portfolio .info{display:block;}
.portfolio .info .inner{position:relative;padding:25px 25px 85px;font-size:15px;line-height:24px;font-weight:600;text-align:left}
.portfolio .info h3{margin:0 0 15px;font-size:30px;text-transform:uppercase}
.portfolio .info .bd{letter-spacing:.1em}
.portfolio .info .agency{position:absolute;right:20px;bottom:35px;margin:0;line-height:40px;letter-spacing:.1em;}
.portfolio .info .agency img{margin-left:15px}
.portfolio .info .btns{display:none}
.portfolio .info .ft{position:absolute;left:20px;bottom:35px;line-height:30px;}
.portfolio .info .ft p{margin:0;padding:0}
.portfolio .info .ft .colors{display:inline-block;vertical-align:middle;margin:0 25px 0 0;}
.ie7 .portfolio .info .ft .colors{display:inline;zoom:1}
.portfolio .info .ft .colors .color{display:inline-block;vertical-align:top;width:25px;height:25px;margin:0 0 0 5px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.ie7 .portfolio .info .ft .colors .color{display:inline;zoom:1}
.portfolio .info .ft .colors .color:first-child{margin-left:0}
.portfolio .info .ft .btn-next{display:none;position:relative;text-decoration:none;}
.portfolio .info .ft .btn-next span{padding:0 0 0 40px;font-size:15px;font-weight:700}
.portfolio .info .ft .btn-next:before{content:'';position:absolute;left:0;top:0;display:block;width:30px;height:30px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.portfolio .info .ft .btn-next:after{content:'';position:absolute;left:9px;top:50%;display:block;width:0;height:0;margin:-3px 0 0;overflow:hidden;border-width:6px 6px 0 6px;border-style:solid dotted dotted dotted}
.portfolio .image{padding:25px 20px 0;text-align:center;}
.portfolio .image img{display:inline-block;vertical-align:bottom;max-width:100%;height:auto}
.ie7 .portfolio .image img{display:inline;zoom:1}
@media (max-width:1269px){.portfolio .info{float:none !important;}
.portfolio .info .inner{text-align:center !important}
.portfolio .info .ft .colors{margin:0 !important}
}@media (min-width:601px){.portfolio .info .inner{padding:20px 25px 25px}
.portfolio .info h3{margin:0 0 25px;font-size:36px}
.portfolio .info .btns{display:block;margin:30px 0 0;}
.portfolio .info .btns .btn span{width:224px;height:50px;padding:0;font-size:17px;font-weight:700;line-height:50px;text-align:center}
.portfolio .info .btns .btn:active span{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.portfolio .image{padding:65px 50px 0}
}@media (min-width:680px){.portfolio .info .inner{padding:40px 85px 35px}
.portfolio .info .agency{position:absolute;right:80px;bottom:45px;margin:0}
.portfolio .info .ft{left:80px;bottom:45px}
}@media (min-width:1270px){.portfolio .info{width:380px;height:782px;float:left;}
.portfolio .info .inner{padding:125px 50px 100px 50px}
.portfolio .info .agency{position:static;margin:0 0 25px}
.portfolio .info .btns{margin:50px 0}
.portfolio .info .ft{position:static;}
.portfolio .info .ft .btn-next{display:inline-block;vertical-align:top;}
.ie7 .portfolio .info .ft .btn-next{display:inline;zoom:1}
.portfolio .image{overflow:hidden;height:782px;padding:0 50px;line-height:782px}
}.section-testimonials{position:relative;background:#fff;}
.section-testimonials ul{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;position:relative;white-space:nowrap;overflow:hidden;overflow-x:auto;}
@media screen and (-webkit-min-device-pixel-ratio:0){.section-testimonials ul{word-spacing:0}
}.section-testimonials ul > *{display:inline-block;vertical-align:top;width:100%;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .section-testimonials ul > *{display:inline;zoom:1}
.section-testimonials ul > * > *{white-space:normal}
.js .section-testimonials ul{overflow-x:hidden}
.section-testimonials li{overflow:hidden;height:auto;padding:0;color:#8f959a;font-size:14px;line-height:22px;letter-spacing:.1em;}
.section-testimonials li.item-chudy{background:#fff url("../img/bg/lukaschudy.jpg") 0 0 no-repeat}
.section-testimonials li.item-pelech{background:#fff url("../img/bg/michalpelech.jpg") 0 0 no-repeat}
.section-testimonials li .text{height:auto}
.section-testimonials li .client strong{color:#393b3d;font-size:24px;letter-spacing:.15em}
.section-testimonials .row-main{padding:20px 20px 35px;text-align:center}
.section-testimonials .pages{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;position:absolute;left:0;right:0;z-index:105;bottom:25px;display:block;height:5px;font-size:0;text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0){.section-testimonials .pages{word-spacing:0}
}.section-testimonials .pages > *{display:inline-block;vertical-align:top;width:45px;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .section-testimonials .pages > *{display:inline;zoom:1}
.section-testimonials .pages a{height:15px;margin:0 1px;background:#dee3e5;color:transparent;font:0/0 a;text-decoration:none;}
.section-testimonials .pages a:hover,.section-testimonials .pages a.cycle-pager-active{background:#00c4aa}
@media (min-width:601px){.section-testimonials li{height:240px;padding:55px 0 20px;font-size:15px;line-height:30px;}
.section-testimonials li .row-main{padding:0 20px}
.section-testimonials li .text{height:175px}
.section-testimonials .pages{bottom:125px;}
.section-testimonials .pages a{width:95px;height:5px;margin:0}
}@media (min-width:1370px){.section-testimonials li .row-main{padding:0}
.section-testimonials .pages{bottom:100px}
}.section-about{position:relative;background:#000 url("../img/bg/about.png") 50% 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.section-about .row-main{padding:20px;text-align:center}
.section-about h2{margin:0 0 25px}
.section-about p{margin:0 0 45px;color:#aab1b8;font-size:14px;line-height:22px;letter-spacing:.1em}
@media (min-width:601px){.section-about{padding:0 20px}
.section-about .row-main{padding:55px 0 50px}
.section-about h2{margin:0 0 45px}
.section-about p{font-size:18px;line-height:36px}
}@media (min-width:1370px){.section-about{padding:0}
.section-about .row-main{padding:105px 0 100px}
}.section-contact{background:#006bb2;}
.section-contact .row-main{padding:20px;text-align:center}
.section-contact .status{margin:0 0 50px;color:#aec9dc;font-size:14px}
.section-contact .email{margin:0 0 35px;font-size:20px;line-height:1.2}
.section-contact a{color:#fff;text-decoration:none;}
.section-contact a:hover{color:#aec9dc}
.section-contact .footer{margin:20px 0 0;padding:20px 0 0;border-top:3px solid #2384c8;color:#aec9dc;font-size:17px;line-height:26px;text-transform:uppercase}
@media (min-width:601px){.section-contact{padding:0 20px}
.section-contact .row-main{padding:50px 0}
.section-contact .email{margin:0 0 65px;font-size:40px}
.section-contact .status{font-size:18px}
.section-contact .footer{margin:100px 0 0;padding:70px 0 0}
}@media (min-width:1370px){.section-contact{padding:0}
.section-contact .row-main{padding:125px 0 195px}
.section-contact .email{font-size:60px}
}/*
 *	Menu
 */
#menu-main{margin:0 0 15px;background:#167bc1;}
#menu-main .row-main{padding:10px 0}
#menu-main ul{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;font-size:0;text-align:center}
@media screen and (-webkit-min-device-pixel-ratio:0){#menu-main ul{word-spacing:0}
}#menu-main ul > *{display:inline-block;vertical-align:top;width:100%;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 #menu-main ul > *{display:inline;zoom:1}
#menu-main li{font-size:17px;line-height:24px;font-weight:900;text-align:center;}
#menu-main li.active a{color:#fff}
#menu-main a{position:relative;display:block;color:#aec9dc;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;}
#menu-main a:hover{color:#fff}
@media (min-width:601px){#menu-main{position:fixed;left:0;right:0;top:0;z-index:155;margin:0}
#menu-main li{width:25%;margin:0;line-height:74px}
}/*
 *	Portfolios
 */
.portfolio-real{background:#f7fafa;}
.portfolio-real .info{float:right;}
.portfolio-real .info .hd{background:#f7fafa}
.portfolio-real .info .inner{color:#7c878c;text-align:right}
.portfolio-real .info h3{color:#657882}
.portfolio-real .info .agency{color:#d1d8da}
.portfolio-real .info .btn span{background:#657882;color:#fff;-webkit-box-shadow:0 3px 0 #425661;-moz-box-shadow:0 3px 0 #425661;box-shadow:0 3px 0 #425661}
.portfolio-real .info .btn:hover span{background:#536771}
.portfolio-real .info .ft .colors{margin:0 0 0 25px;}
.portfolio-real .info .ft .colors .color1{background:#1b545a}
.portfolio-real .info .ft .colors .color2{background:#4bcfe0}
.portfolio-real .info .ft .colors .color3{background:#00B98E}
.portfolio-real .info .ft .btn-next span{color:#7c878c}
.portfolio-real .info .ft .btn-next:before{background:#b1bdc2}
.portfolio-real .info .ft .btn-next:after{border-color:#f7fafa transparent transparent transparent}
.portfolio-real .info .ft .btn-next:hover span{color:#646d71}
.portfolio-real .info .ft .btn-next:hover:before{background:#425661}
.portfolio-real .info .ft .btn-next:hover:after{border-color:#d8e6e6 transparent transparent transparent}
.portfolio-real .image{background:url("../img/illust/real-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-woodies{background:#0d0a07;}
.portfolio-woodies .info .hd{background:#0d0a07}
.portfolio-woodies .info .inner{color:#ece3d0}
.portfolio-woodies .info h3{color:#be9e76}
.portfolio-woodies .info .agency{color:#2d251d}
.portfolio-woodies .info .btn span{background:#be9e76;color:#fff;-webkit-box-shadow:0 3px 0 #7f603a;-moz-box-shadow:0 3px 0 #7f603a;box-shadow:0 3px 0 #7f603a}
.portfolio-woodies .info .btn:hover span{background:#9e7f58}
.portfolio-woodies .info .colors .color1{background:#8fb111}
.portfolio-woodies .info .colors .color2{background:#e1963a}
.portfolio-woodies .info .colors .color3{background:#be9e76}
.portfolio-woodies .info .ft .btn-next span{color:#ece3d0}
.portfolio-woodies .info .ft .btn-next:before{background:#2d251d}
.portfolio-woodies .info .ft .btn-next:after{border-color:#ece3d0 transparent transparent transparent}
.portfolio-woodies .info .ft .btn-next:hover span{color:#ddcdac}
.portfolio-woodies .info .ft .btn-next:hover:before{background:#7f603a}
.portfolio-woodies .info .ft .btn-next:hover:after{border-color:#ddcdac transparent transparent transparent}
.portfolio-woodies .image{background:url("../img/illust/woodies-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-agrozeta{background:#f7fafa;}
.portfolio-agrozeta .info{float:right;}
.portfolio-agrozeta .info .hd{background:#f7fafa}
.portfolio-agrozeta .info .inner{color:#808a94;text-align:right}
.portfolio-agrozeta .info h3{color:#497285}
.portfolio-agrozeta .info .agency{color:#dee3e5}
.portfolio-agrozeta .info .btn span{background:#2595c6;color:#fff;-webkit-box-shadow:0 3px 0 #2c7391;-moz-box-shadow:0 3px 0 #2c7391;box-shadow:0 3px 0 #2c7391}
.portfolio-agrozeta .info .btn:hover span{background:#2984ab}
.portfolio-agrozeta .info .ft .colors{margin:0 0 0 25px;}
.portfolio-agrozeta .info .ft .colors .color1{background:#bf141a}
.portfolio-agrozeta .info .ft .colors .color2{background:#7cbbd5}
.portfolio-agrozeta .info .ft .colors .color3{background:#239e3a}
.portfolio-agrozeta .info .ft .btn-next span{color:#808a94}
.portfolio-agrozeta .info .ft .btn-next:before{background:#b1bdc2}
.portfolio-agrozeta .info .ft .btn-next:after{border-color:#f7fafa transparent transparent transparent}
.portfolio-agrozeta .info .ft .btn-next:hover span{color:#67717a}
.portfolio-agrozeta .info .ft .btn-next:hover:before{background:#2c7391}
.portfolio-agrozeta .info .ft .btn-next:hover:after{border-color:#d8e6e6 transparent transparent transparent}
.portfolio-agrozeta .image{background:url("../img/illust/agrozeta-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-dahboards{background:#100913;}
.portfolio-dahboards .info .hd{background:#100913}
.portfolio-dahboards .info .inner{color:#b8b3ba}
.portfolio-dahboards .info h3{color:#e1d3e5}
.portfolio-dahboards .info .agency{color:#2d1d2b}
.portfolio-dahboards .info .btn span{background:#685397;color:#fff;-webkit-box-shadow:0 3px 0 #443565;-moz-box-shadow:0 3px 0 #443565;box-shadow:0 3px 0 #443565}
.portfolio-dahboards .info .btn:hover span{background:#56447e}
.portfolio-dahboards .info .colors .color1{background:#e93d01}
.portfolio-dahboards .info .colors .color2{background:#11b2b8}
.portfolio-dahboards .info .colors .color3{background:#2a9d8f}
.portfolio-dahboards .info .ft .btn-next span{color:#b8b3ba}
.portfolio-dahboards .info .ft .btn-next:before{background:#2d1d2b}
.portfolio-dahboards .info .ft .btn-next:after{border-color:#b8b3ba transparent transparent transparent}
.portfolio-dahboards .info .ft .btn-next:hover span{color:#9f98a2}
.portfolio-dahboards .info .ft .btn-next:hover:before{background:#443565}
.portfolio-dahboards .info .ft .btn-next:hover:after{border-color:#9f98a2 transparent transparent transparent}
.portfolio-dahboards .image{background:url("../img/illust/dahboards-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-skicentrum{background:#f7f9fa;}
.portfolio-skicentrum .info{float:right;}
.portfolio-skicentrum .info .hd{background:#f7f9fa}
.portfolio-skicentrum .info .inner{color:#808a94;text-align:right}
.portfolio-skicentrum .info h3{color:#497285}
.portfolio-skicentrum .info .agency{color:#dee3e5}
.portfolio-skicentrum .info .btn span{background:#2595c6;color:#fff;-webkit-box-shadow:0 3px 0 #2c7291;-moz-box-shadow:0 3px 0 #2c7291;box-shadow:0 3px 0 #2c7291}
.portfolio-skicentrum .info .btn:hover span{background:#2984ab}
.portfolio-skicentrum .info .ft .colors{margin:0 0 0 25px;}
.portfolio-skicentrum .info .ft .colors .color1{background:#bf141a}
.portfolio-skicentrum .info .ft .colors .color2{background:#7cbbd5}
.portfolio-skicentrum .info .ft .colors .color3{background:#239e3a}
.portfolio-skicentrum .info .ft .btn-next span{color:#808a94}
.portfolio-skicentrum .info .ft .btn-next:before{background:#b1bdc2}
.portfolio-skicentrum .info .ft .btn-next:after{border-color:#f7f9fa transparent transparent transparent}
.portfolio-skicentrum .info .ft .btn-next:hover span{color:#67717a}
.portfolio-skicentrum .info .ft .btn-next:hover:before{background:#2c7291}
.portfolio-skicentrum .info .ft .btn-next:hover:after{border-color:#d8e1e6 transparent transparent transparent}
.portfolio-skicentrum .image{background:url("../img/illust/skicentrum-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-miracle{background:#000;}
.portfolio-miracle .info .hd{background:#000}
.portfolio-miracle .info .inner{color:#ece3d0}
.portfolio-miracle .info h3{color:#be9e76}
.portfolio-miracle .info .agency{color:#2d251d}
.portfolio-miracle .info .btn span{background:#be9e76;color:#fff;-webkit-box-shadow:0 3px 0 #7f603a;-moz-box-shadow:0 3px 0 #7f603a;box-shadow:0 3px 0 #7f603a}
.portfolio-miracle .info .btn:hover span{background:#9e7f58}
.portfolio-miracle .info .colors .color1{background:#8fb111}
.portfolio-miracle .info .colors .color2{background:#e1963a}
.portfolio-miracle .info .colors .color3{background:#be9e76}
.portfolio-miracle .info .ft .btn-next span{color:#ece3d0}
.portfolio-miracle .info .ft .btn-next:before{background:#2d251d}
.portfolio-miracle .info .ft .btn-next:after{border-color:#ece3d0 transparent transparent transparent}
.portfolio-miracle .info .ft .btn-next:hover span{color:#ddcdac}
.portfolio-miracle .info .ft .btn-next:hover:before{background:#7f603a}
.portfolio-miracle .info .ft .btn-next:hover:after{border-color:#ddcdac transparent transparent transparent}
.portfolio-miracle .image{background:url("../img/illust/miracle-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-antic{background:#141414;}
.portfolio-antic .info .hd{background:#141414}
.portfolio-antic .info .inner{color:#c8c1c8}
.portfolio-antic .info h3{color:#fff3ff}
.portfolio-antic .info .agency{color:#3d363d}
.portfolio-antic .info .btn span{background:#fd071c;color:#fff;-webkit-box-shadow:0 3px 0 #9b195a;-moz-box-shadow:0 3px 0 #9b195a;box-shadow:0 3px 0 #9b195a}
.portfolio-antic .info .btn:hover span{background:#b9216d}
.portfolio-antic .info .colors .color1{background:#fd071c}
.portfolio-antic .info .colors .color2{background:#2c83f5}
.portfolio-antic .info .colors .color3{background:#101a37}
.portfolio-antic .info .ft .btn-next span{color:#c8c1c8}
.portfolio-antic .info .ft .btn-next:before{background:#292529}
.portfolio-antic .info .ft .btn-next:after{border-color:#c8c1c8 transparent transparent transparent}
.portfolio-antic .info .ft .btn-next:hover span{color:#b0a6b0}
.portfolio-antic .info .ft .btn-next:hover:before{background:#b9216d}
.portfolio-antic .info .ft .btn-next:hover:after{border-color:#b0a6b0 transparent transparent transparent}
.portfolio-antic .image{background:url("../img/illust/antic-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.portfolio-antic .image img{margin-bottom:-1px}
.portfolio-mashreq{background:#fefcfb;}
.portfolio-mashreq .info{float:right;}
.portfolio-mashreq .info .hd{background:#fefcfb}
.portfolio-mashreq .info .inner{color:#908272;text-align:right}
.portfolio-mashreq .info h3{color:#274392}
.portfolio-mashreq .info .agency{color:#efebdd}
.portfolio-mashreq .info .btn span{background:#274392;color:#fff;-webkit-box-shadow:0 3px 0 #462b18;-moz-box-shadow:0 3px 0 #462b18;box-shadow:0 3px 0 #462b18}
.portfolio-mashreq .info .btn:hover span{background:#3150a5}
.portfolio-mashreq .info .ft .colors{margin:0 0 0 25px;}
.portfolio-mashreq .info .ft .colors .color1{background:#274392}
.portfolio-mashreq .info .ft .colors .color2{background:#f69f4f}
.portfolio-mashreq .info .ft .colors .color3{background:#b61116}
.portfolio-mashreq .info .ft .btn-next span{color:#908272}
.portfolio-mashreq .info .ft .btn-next:before{background:#e6e1cf}
.portfolio-mashreq .info .ft .btn-next:after{border-color:#fefcfb transparent transparent transparent}
.portfolio-mashreq .info .ft .btn-next:hover span{color:#74685b}
.portfolio-mashreq .info .ft .btn-next:hover:before{background:#274392}
.portfolio-mashreq .info .ft .btn-next:hover:after{border-color:#f4ddd2 transparent transparent transparent}
.portfolio-mashreq .image{background:url("../img/illust/mashreq-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-premium{background:#fff;}
.portfolio-premium .info{float:right;}
.portfolio-premium .info .hd{background:#fff}
.portfolio-premium .info .inner{color:#808a94;text-align:right}
.portfolio-premium .info h3{color:#47a6e5}
.portfolio-premium .info .agency{color:#c4d0d7}
.portfolio-premium .info .btn span{background:#2295df;color:#fff;-webkit-box-shadow:0 3px 0 #0d80c9;-moz-box-shadow:0 3px 0 #0d80c9;box-shadow:0 3px 0 #0d80c9}
.portfolio-premium .info .btn:hover span{background:#178cd6}
.portfolio-premium .info .ft .colors{margin:0 0 0 25px;}
.portfolio-premium .info .ft .colors .color1{background:#b3ce10}
.portfolio-premium .info .ft .colors .color2{background:#6ab9ec}
.portfolio-premium .info .ft .colors .color3{background:#f17715}
.portfolio-premium .info .ft .btn-next span{color:#808a94}
.portfolio-premium .info .ft .btn-next:before{background:#ced9e0}
.portfolio-premium .info .ft .btn-next:after{border-color:#fff transparent transparent transparent}
.portfolio-premium .info .ft .btn-next:hover span{color:#67717a}
.portfolio-premium .info .ft .btn-next:hover:before{background:#0d80c9}
.portfolio-premium .info .ft .btn-next:hover:after{border-color:#e6e6e6 transparent transparent transparent}
.portfolio-premium .image{background:url("../img/illust/premium-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.portfolio-mobileapp{background:#23221f;}
.portfolio-mobileapp .info .hd{background:#23221f}
.portfolio-mobileapp .info .inner{color:#b6b4b1}
.portfolio-mobileapp .info h3{color:#fff}
.portfolio-mobileapp .info .agency{color:#33312f}
.portfolio-mobileapp .info .btn span{background:#6500d8;color:#fff;-webkit-box-shadow:0 3px 0 #9d3672;-moz-box-shadow:0 3px 0 #9d3672;box-shadow:0 3px 0 #9d3672}
.portfolio-mobileapp .info .btn:hover span{background:#44157b}
.portfolio-mobileapp .info .colors .color1{background:#6500d8}
.portfolio-mobileapp .info .colors .color2{background:#3c63e2}
.portfolio-mobileapp .info .colors .color3{background:#fdfbf7}
.portfolio-mobileapp .info .ft .btn-next span{color:#b6b4b1}
.portfolio-mobileapp .info .ft .btn-next:before{background:#33312f}
.portfolio-mobileapp .info .ft .btn-next:after{border-color:#b6b4b1 transparent transparent transparent}
.portfolio-mobileapp .info .ft .btn-next:hover span{color:#9d9b97}
.portfolio-mobileapp .info .ft .btn-next:hover:before{background:#9d3672}
.portfolio-mobileapp .info .ft .btn-next:hover:after{border-color:#9d9b97 transparent transparent transparent}
.portfolio-mobileapp .image{background:url("../img/illust/mobileapp-bg.jpg") 0 0 no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.portfolio-mobileapp .image img{margin-bottom:-1px}
/*
 *	Crossroad
 */
.crossroad-summary{display:none;}
@media (min-width:601px){.crossroad-summary{display:block;overflow:hidden;position:relative}
.crossroad-summary ul{position:relative;font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;position:relative;white-space:nowrap;overflow:hidden;overflow-x:auto;font-size:0}
@media screen and (-webkit-min-device-pixel-ratio:0){.crossroad-summary ul{word-spacing:0}
}.crossroad-summary ul > *{display:inline-block;vertical-align:top;width:479px;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .crossroad-summary ul > *{display:inline;zoom:1}
.crossroad-summary ul > * > *{white-space:normal}
.js .crossroad-summary ul{overflow-x:hidden}
.crossroad-summary li{font-size:18px;}
.crossroad-summary li img{display:block;max-width:100%;height:auto}
.crossroad-summary .item-prev,.crossroad-summary .item-next{position:absolute;top:0;bottom:0;z-index:105;display:block;width:50%}
.crossroad-summary .item-prev{left:0}
.crossroad-summary .item-next{right:0}
}.crossroad-about{position:relative;}
.crossroad-about ul{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;font-size:0}
@media screen and (-webkit-min-device-pixel-ratio:0){.crossroad-about ul{word-spacing:0}
}.crossroad-about ul > *{display:inline-block;vertical-align:top;width:100%;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .crossroad-about ul > *{display:inline;zoom:1}
.crossroad-about li{position:relative;margin:35px 0 0;padding:85px 0 0;color:#868c92;font-size:14px;line-height:20px;text-transform:uppercase;text-align:center;letter-spacing:.1em;}
.crossroad-about li:first-child{margin-top:0}
.crossroad-about li:before{content:'';position:absolute;left:50%;top:0;display:block;background:url("../img/bg/all.png") 0 0 no-repeat}
.crossroad-about li.item-web:before{width:89px;height:61px;margin:0 0 0 -45px;background-position:-400px 0}
.crossroad-about li.item-eshop:before{width:69px;height:60px;margin:0 0 0 -35px;background-position:0 -100px}
.crossroad-about li.item-mobile:before{width:47px;height:72px;margin:0 0 0 -24px;background-position:-100px -100px}
.crossroad-about li.item-print:before{width:58px;height:59px;margin:0 0 0 -29px;background-position:-200px -100px}
.crossroad-about li.item-brain:before{width:65px;height:67px;margin:0 0 0 -32px;background-position:0 0}
.crossroad-about li.item-prototype:before{width:67px;height:68px;margin:0 0 0 -33px;background-position:-100px 0}
.crossroad-about li.item-graphics:before{width:65px;height:73px;margin:0 0 0 -32px;background-position:-200px 0}
.crossroad-about li.item-corrections:before{width:59px;height:72px;margin:0 0 0 -29px;background-position:-300px 0}
@media (min-width:680px){.crossroad-about li{width:25%;margin:0;padding:95px 0 0;font-size:17px;line-height:24px}
}.crossroad-contact{overflow:hidden;position:relative;max-width:890px;margin:0 auto;}
.crossroad-contact ul{font-family:'Courier New',monospace;letter-spacing:-.63em;word-spacing:-.63em;font-size:0}
@media screen and (-webkit-min-device-pixel-ratio:0){.crossroad-contact ul{word-spacing:0}
}.crossroad-contact ul > *{display:inline-block;vertical-align:top;width:100%;font-family:'Roboto',Arial,sans-serif;letter-spacing:0;word-spacing:0}
.ie7 .crossroad-contact ul > *{display:inline;zoom:1}
.crossroad-contact li{position:relative;margin:0 0 30px;padding:0;color:#fff;font-size:16px;text-align:center;letter-spacing:.1em;}
.crossroad-contact li.ic,.crossroad-contact li.phone{padding:60px 0 0;}
.crossroad-contact li.ic:before,.crossroad-contact li.phone:before{content:'';position:absolute;left:50%;top:0;display:block;width:50px;height:50px;margin:0 0 0 -25px;background:url("../img/bg/all.png") 0 0 no-repeat}
.crossroad-contact li.ic:before{background-position:-350px -100px}
.crossroad-contact li.phone:before{background-position:-400px -100px}
.crossroad-contact li.linkedin a{position:relative;display:block;padding:60px 0 0;color:#fff;text-decoration:none;}
.crossroad-contact li.linkedin a:before{content:'';position:absolute;left:50%;top:0;display:block;width:50px;height:50px;margin:0 0 0 -25px;background:url("../img/bg/all.png") -300px -100px no-repeat}
.crossroad-contact li.linkedin a:hover:before{background-position:-300px -150px}
@media (min-width:601px){.crossroad-contact li{width:33%;margin:0}
}/*
 *	Box
 */
:first-child{margin-top:0}