body{width:100%;height:100%;font-family:'Varela Round',sans-serif}html{width:100%;height:100%}p{margin:0 0 25px;font-size:18px;line-height:1.5}@media (min-width:768px){p{margin:0 0 35px;font-size:20px;line-height:1.6}}h1,h2,h3,h4,h5,h6{font-family:'Varela Round',sans-serif}@media only screen and (min-width:668px){h1{font-size:7rem;font-size:70px}}.intro{padding:20px 0;text-align:center;color:#fff;background:#f2bc32;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.intro .img-circle{border-radius:50%;margin:0 auto;border:3px solid #fff}.intro .brand-heading{font-size:40px}.intro .hello-text,.intro .intro-text{font-size:18px}.intro .intro-text{color:#694b00}.intro .hello-text{margin:0 0 20px}@media (min-width:768px){.intro{display:table;width:100%;height:100%;padding:100px 0}.intro .intro-body{display:table-cell;vertical-align:middle}.intro .intro-body .brand-heading{font-size:100px}.intro .intro-body .hello-text,.intro .intro-body .intro-text{font-size:26px}}.btn-circle{width:70px;height:70px;margin-top:15px;padding:7px 16px;border:2px solid #fff;border-radius:100%!important;font-size:40px;color:#fff;background:0 0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-circle:focus,.btn-circle:hover{outline:0;color:#fff;background:rgba(255,255,255,.1)}.btn-circle i.animated{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:.5s;-moz-transition-property:-moz-transform;-moz-transition-duration:.5s;-webkit-animation-name:pulse;-moz-animation-name:pulse;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}@-webkit-keyframes pulse{0{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}}.btn{text-transform:uppercase;font-family:'Varela Round',sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:0}.btn-default{border:1px solid #f2bc32;color:#f2bc32;background-color:transparent}.btn-default:focus,.btn-default:hover{border:1px solid #f2bc32;outline:0;color:#000;background-color:#f2bc32}.portfolio-item{margin-bottom:25px}.page-header{margin-bottom:45px}div#works-bg{padding-bottom:45px;background:#17A6D1;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-width:100%;min-height:100%}div#works-bg,div#works-bg a{color:#fff}div#works-bg a:hover{color:#2a6496}div#works-bg a:focus,div#works-bg a:hover{text-decoration:none;outline:0}.colio-content{margin-top:25px}.colio-content .project-desc{text-align:left;color:#1f496e}.colio-content h2{font-size:18px}@media (min-width:768px){.colio-content h2{margin-bottom:25px;font-size:34px}}.colio-container{padding:40px 0}.colio-container .col-lg-6,.colio-container .col-md-12{padding-left:0;padding-right:0}@media (min-width:768px){.colio-container{padding:40px}.colio-container .col-lg-6,.colio-container .col-md-12{padding-left:15px;padding-right:15px}}.btn-visit{border:1px solid #2a6496;background:rgba(255,255,255,.12)}@media (min-width:768px){.btn-visit{padding:15px 45px}}.btn-visit:hover{color:#fff;background:rgba(31,73,110,.3)}.btn-visit span{font-weight:700}div#works-bg .cd-slider{padding:0;list-style:none}div#works-bg .cd-slider h2{margin-top:0;margin-bottom:0;font-size:1.5rem}div#works-bg .cd-slider .transition{background:url(../img/zoom.png) 50% 50% no-repeat #1f496e}div#works-bg .cd-slider a{-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}div#works-bg .cd-slider a:hover{opacity:.1}div#works-bg .cd-slider-navigation a{height:100%;width:200px}div#works-bg .cd-slider-navigation .next{right:-72px}div#works-bg .cd-slider-navigation .prev{left:-72px}div#works-bg .cd-project-content em,div#works-bg .cd-project-content h2{color:#333}div#works-bg .cd-project-content .close{position:fixed;right:0;top:30px;height:70px;width:70px;background:rgba(0,0,0,.7);opacity:1}div#works-bg .cd-project-content .close span{display:inline-block;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:18px;height:2px;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}div#works-bg .cd-project-content .close span:before{top:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);content:'';width:100%;height:100%;position:absolute;background-color:#fff;right:0;-webkit-transition:-webkit-transform .3s,top .3s,background-color 0s;-moz-transition:-moz-transform .3s,top .3s,background-color 0s;transition:transform .3s,top .3s,background-color 0s}div#works-bg .cd-project-content .close span:after{top:0;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);content:'';width:100%;height:100%;position:absolute;background-color:#fff;right:0;-webkit-transition:-webkit-transform .3s,top .3s,background-color 0s;-moz-transition:-moz-transform .3s,top .3s,background-color 0s;transition:transform .3s,top .3s,background-color 0s}@media (min-width:1200px){div#works-bg .cd-slider h2{font-size:2.5rem}}body{overflow-x:hidden}.obrazek-iphone,.obrazek-portfolio{max-width:100%}@media screen and (min-width:1000px){.cd-project-content>div .screens-portfiolo{position:relative}.cd-project-content>div .wyswietl-maca{padding:49px 161px 27px;color:#fff;background:url(../img/icons/png/mcbook.png) no-repeat;background-size:100%;width:940px;height:479px;display:block;position:relative;clear:both;margin:0 auto}.cd-project-content>div .ekran-maca{width:618px;overflow:hidden;height:330px}.cd-project-content>div .obrazek-portfolio{display:block;float:left;position:relative;width:100%;height:auto}.cd-project-content>div .wyswietl-iphona{position:absolute;bottom:0;left:11%;padding:27px 6px 0;color:#fff;background:url(../img/icons/png/phone_mini.png) no-repeat;background-size:116px 235px;width:117px;height:235px;display:block;clear:both;margin:0 auto}.cd-project-content>div .obrazek-iphone{display:block;float:left;position:relative;width:100%;height:auto}.cd-project-content>div .ekran-iphona{width:100%;overflow:hidden;height:183px}}.cd-project-content{overflow-x:hidden}.cd-project-content .details{text-align:left}.cd-project-content .details span{color:#000}.cd-project-content .next-prev-portfolio{color:transparent;overflow:hidden;text-indent:100%;white-space:nowrap}.cd-project-content .next-prev-portfolio .inactive{display:none}.cd-project-content .next-prev-portfolio .next{right:0;left:auto;background:url(../img/cd-arrow.svg) right 10px center no-repeat}.cd-project-content .next-prev-portfolio .prev{left:0;background:url(../img/cd-arrow.svg) right 10px center no-repeat;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.cd-project-content .next-prev-portfolio a{height:100%;width:100px;position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:0;background:url(../img/cd-arrow.svg) center center no-repeat;-webkit-transition:opacity .2s 0s,visibility 0s 0s;-moz-transition:opacity .2s 0s,visibility 0s 0s;transition:opacity .2s 0s,visibility 0s 0s}.cd-project-content>div{max-width:942px;margin:0 auto}.cd-project-content>div .v-centered{float:none;display:inline-block;vertical-align:middle;margin-right:-4px}.cd-project-content>div .page-header{color:#333;margin-bottom:3px;font-size:22px}.cd-project-content>div p{text-align:left}.cd-project-content>div p .date{float:right}.cd-project-content>div .visit-online .page-header{text-align:left}.cd-project-content>div .visit-online p{text-align:center}.cd-project-content>div .visit-online a{color:#333!important}@media only screen and (max-height:760px) and (max-width:1200px){.cd-project-content>div .page-header{font-size:28px}}@media only screen and (min-height:760px) and (min-width:800px){.cd-project-content>div .page-header{font-size:38px}.cd-project-content>div .visit-online p{margin-top:30px}}.cd-project-content>div{padding:0}@media (min-width:420px) and (max-width:1199px){.text-centred .img-photo img{margin-left:auto;margin-right:auto;max-width:400px}}@media (min-width:1200px){.text-centred{min-height:100%;min-height:100vh;display:flex;align-items:center}.text-centred .img-photo{align-self:flex-end}.text-centred .img-photo img{max-width:100%}#about-bg{min-height:100%}}@media (max-width:767px){.btn-about{margin-bottom:20px;margin-top:5px}}.btn-about i{padding-right:10px}@media (min-width:768px){.btn-about{padding:15px 45px}}.btn-about{border:1px solid #333;background:rgba(255,255,255,.12);border-radius:15px}.btn-about:active,.btn-about:focus,.btn-about:hover{border:1px solid #333;color:#fff;background:rgba(51,51,51,.3)}.about-text{padding:1em 0}.about-text a{color:#333}.bx-pager{display:none}.bx-wrapper{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;background:0 0}@media screen and (min-width:1300px){.bx-wrapper .bx-controls-direction a{-webkit-filter:brightness(.35);filter:brightness(.35)}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:0 0}.bx-wrapper .bx-next:hover{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-prev:hover{-webkit-transform:translate3d(-4px,0,0);-ms-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}.bx-wrapper .bx-controls-direction a{position:absolute;top:60%;margin-top:-16px;outline:0;width:35px;height:66px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-prev{left:-60px;background:url(../img/cd-arrow.svg) no-repeat;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.bx-wrapper .bx-prev:hover{-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.bx-wrapper .bx-next{right:-60px;background:url(../img/cd-arrow.svg) no-repeat;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translate3d(-4px,0,0);-ms-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}}#skills-div{width:80%;margin-left:10%}#brandlogo{text-align:center;padding:0;margin:10px 0;position:relative;list-style:none none}#brandlogo li{float:none;display:inline-block;padding:0 15px 0 0;width:auto;margin:0 0 15px}#brandlogo li img{vertical-align:middle;margin:0 auto;height:60px;width:60px;transition:all .4s;-webkit-filter:grayscale(100%) brightness(100%) contrast(100%);filter:grayscale(100%) brightness(135%) contrast(120%)}#brandlogo li:hover img{-webkit-filter:none;filter:none}@media screen and (min-width:1000px){#brandlogo li{padding-right:20px;margin-bottom:20px}#brandlogo li img{height:70px;width:70px}}div#skills-bg{background:#137c61;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-width:100%;min-height:100%}div#skills-bg .page-header{margin-top:20px;color:#fff}.timeline{position:relative;width:580px;margin:20px auto 0;padding:1em 0;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:' ';display:block;width:6px;height:100%;margin-left:-3px;background:#505050;background:-moz-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5799),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:-o-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);background:linear-gradient(to bottom,rgba(80,80,80,0) 0,#505050 8%,#505050 92%,rgba(80,80,80,0) 100%);z-index:5}.timeline li{padding:1em 0}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-r{position:relative;width:300px;float:right}.flag-wrapper{position:relative;display:inline-block;text-align:center}.flag{position:relative;display:inline;background:#D9D9D9;border-radius:3px;padding:6px 10px;font-weight:600;text-align:left}.direction-r .flag:before{position:absolute;top:50%;right:-40px;content:' ';display:block;width:12px;height:12px;margin-top:-10px;background:#fff;border-radius:10px;border:4px solid #505050;z-index:10;left:-40px}.direction-r .flag:after{content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-right-color:#D9D9D9;border-width:8px;pointer-events:none}.time-wrapper{display:inline;line-height:1em;font-size:.66666em;color:#333;vertical-align:middle}.direction-r .time-wrapper{float:right}.time{display:inline-block;padding:4px 6px;background:#D9D9D9}.desc{margin:1em .75em 0 0;font-style:italic;line-height:1.5em}.direction-r .desc{margin:1em 0 0 .75em}@media screen and (max-width:660px){.timeline{width:100%;padding:4em 0 1em}.timeline li{padding:2em 0}.direction-l,.direction-r{float:none;width:100%;text-align:center}.flag-wrapper{text-align:center}.flag{background:#F5F5F5;z-index:15}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:-30px;left:49%;content:' ';display:block;width:20px;height:20px;margin-left:-9px;background:#fff;border-radius:10px;border:4px solid #505050;z-index:10}.direction-l .flag:after,.direction-r .flag:after{content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-8px;border:solid transparent;border-bottom-color:#F5F5F5;border-width:8px;pointer-events:none}.time-wrapper{display:block;position:relative;margin:4px 0 0;z-index:14}.direction-l .time-wrapper,.direction-r .time-wrapper{float:none}.desc{position:relative;margin:1em 0 0;padding:1em;background:#f5f5f5;z-index:15}.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0;padding:1em;z-index:15}}@media screen and (min-width:400px) and (max-width:660px){.direction-l .desc,.direction-r .desc{margin:1em 4em 0}}@media screen and (min-width:660px){.timeline:before{left:10px}.desc,.flag,.flag:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.direction-r{float:left;left:44px;width:75%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.direction-r:hover .flag{background:#3E3E3E;color:#fff}.direction-r:hover .flag:after{border-right-color:#3E3E3E}.direction-r .flag:before{width:20px;height:20px;left:-43px}.time-wrapper{display:inline;line-height:.8em;font-size:16px;color:#848484;vertical-align:middle}.time{display:inline-block;padding:5px 10px;background:0 0}}@media screen and (min-width:1200px) and (max-width:1420px){.timeline{width:480px}}div#contact-bg{background:#c54b34;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-width:100%;min-height:100%;color:#fff;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-direction:column;flex-direction:column}div#contact-bg #contact{flex:1}div#contact-bg .form-control{padding:10px 3%;margin:10px 0;box-shadow:none;border-radius:15px;border:1px solid transparent;background:rgba(0,0,0,.3);color:#fff}div#contact-bg .form-control::-webkit-input-placeholder{color:#fff}div#contact-bg .form-control:-moz-placeholder{color:#fff}div#contact-bg .form-control::-moz-placeholder{color:#fff}div#contact-bg .form-control:-ms-input-placeholder{color:#fff}div#contact-bg .form-control:focus::-webkit-input-placeholder{color:transparent}div#contact-bg .form-control:focus:-moz-placeholder{color:transparent}div#contact-bg .form-control:focus::-moz-placeholder{color:transparent}div#contact-bg .form-control:focus:-ms-input-placeholder{color:transparent}div#contact-bg #message{height:132px}div#contact-bg .with-errors ul li{color:#4C1D14}div#contact-bg .alert-danger{background-color:#853425;border-color:#411911}div#contact-bg .alert-success{background-color:#569459;border-color:#37783B}div#contact-bg .btn-send{border:1px solid #742c1f;border-radius:15px;width:100%;padding:15px 10px;min-width:40%;color:#4c1d14;background:rgba(255,255,255,.12)}div#contact-bg .btn-send:hover{color:#fff;background:rgba(0,0,0,.3);border:1px solid #fff}div#contact-bg .social{margin:0;padding:0}div#contact-bg .social ul{margin:0;padding:5px}div#contact-bg .social ul .tooltip>.tooltip-inner{background-color:#742c1f}div#contact-bg .social ul .tooltip>.tooltip-arrow{border-bottom-color:#742c1f}div#contact-bg .social ul li{margin:5px;list-style:none;display:inline-block}div#contact-bg .social i{width:40px;height:40px;color:#FFF;background-color:transparent;font-size:22px;text-align:center;padding-top:12px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-ms-transition:all ease .3s}div#contact-bg .social i:hover{color:#FFF;text-decoration:none;transition:all ease .4s;-moz-transition:all ease .4s;-webkit-transition:all ease .4s;-o-transition:all ease .4s;-ms-transition:all ease .4s;transform:rotate(360deg)}div#contact-bg .social .fa-facebook:hover{background:#4060A5}div#contact-bg .social .fa-linkedin:hover{background:#0094BC}div#contact-bg .social .fa-github:hover{background:#343434}div#contact-bg .social .fa-skype:hover{background:#00C6FF}div#contact-bg .social .fa-envelope-o:hover,div#contact-bg .social .fa-file-text:hover{background:#742c1f}div#contact-bg footer{margin-top:30px;background-color:#4c1d14;padding:20px;text-align:center}div#contact-bg footer a,div#contact-bg footer a:focus,div#contact-bg footer a:hover{color:#fff}@media screen and (min-width:1000px){div#contact-bg #contact{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;flex-direction:column}div#contact-bg #contact .first{flex:1}div#contact-bg #contact .third{flex:2}div#contact-bg .social{padding-bottom:30px}div#contact-bg .social li{padding:0 5px}div#contact-bg .social li i{width:50px;height:50px;font-size:28px;padding-top:15px}}@media only screen and (min-width:668px){.intro{background:url(../img/intro-frontend.jpg) no-repeat #f2bc32;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}}@media only screen and (min-width:1200px) and (max-height:760px){.page-header{margin-bottom:5px;margin-top:5px;font-size:28px}div#works-bg #colio-items{width:86%;margin-left:7%}div#about-bg .img-photo{width:40%}div#about-bg .about-column{width:60%}div#about-bg .about-column .about-text{width:80%;margin-left:10%}div#about-bg .about-column .bx-wrapper{margin-bottom:5px}div#about-bg .about-column .bx-wrapper .bx-viewport{min-height:410px}div#about-bg .flag{font-size:14px}div#about-bg .timeline{width:569px}div#about-bg .timeline li{padding:3px 0}div#about-bg .direction-r{width:90%}div#contact-bg .col-md-12 p{margin:0;display:none}div#contact-bg footer{margin-top:0;padding:5px}}