.transition-100ms {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.transition-200ms,
.navigation .texts {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.transition-350ms {
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.transition-500ms {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.transition-cubic,
.content-section {
    -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.000, 1.000); 
    -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.000, 1.000); 
    -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.000, 1.000); 
    -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.000, 1.000); 
    transition: all 0.5s cubic-bezier(0.770, 0.000, 0.000, 1.000);
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;  
    box-sizing: border-box;  
}
*:focus {
    outline: none;
}

html, body {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
}

body {
   font-family: 'Capriola', 'Myriad Pro', 'Georgia', serif;
   font-size: 12px;
   color: #7a7a7a;
   font-weight: normal;
   min-height: 100%;
   overflow: hidden;
   background: #fff;
}

a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
}

ul li {
    list-style-type: none;
    display: block;
}

p, h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}

.clearfix::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}

.moving {
    cursor: move;
}

.texts {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
}
.texts.kto {
    background: url('./images/texts/kto.png');
    width: 47px;
    height: 21px;
}
.texts.kto:hover, .current .texts.kto {
    background-position: 0 -21px;
}
.texts.co {
    background: url('./images/texts/co.png');
    width: 36px;
    height: 17px;
}
.texts.co:hover, .current .texts.co {
    background-position: 0 -17px;
}
.texts.jak {
    background: url('./images/texts/jak.png');
    width: 49px;
    height: 26px;
}
.texts.jak:hover, .current .texts.jak {
    background-position: 0 -26px;
}
.texts.zrobione {
    background: url('./images/texts/zrobione.png');
    width: 99px;
    height: 20px;
}
.texts.zrobione:hover, .current .texts.zrobione {
    background-position: 0 -20px;
}
.texts.dlaKogo {
    background: url('./images/texts/dlaKogo.png');
    width: 107px;
    height: 24px;
}
.texts.dlaKogo:hover, .current .texts.dlaKogo {
    background-position: 0 -24px;
}
.texts.kontakt {
    background: url('./images/texts/kontakt.png');
    width: 87px;
    height: 22px;
}
.texts.kontakt:hover, .current .texts.kontakt {
    background-position: 0 -22px;
}

.button-image {
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
}


.wrapper-nav, .englishVersion, .facebookProfile {
    position: fixed;
    z-index: 100;
}

.wrapper-nav {
    width: 100%;
    background: #fff;
    padding: 2.5em 0;
    top: 0;
    left: 0;
}
.wrapper-nav.mode-intro {
    color: #fff;
    background: none;
    top: 75%;
}
.wrapper-nav.border-bottom::after {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1px;
    content: '.';
    overflow: hidden;
    text-indent: -9999px;
    background:  #efefef;
}
.wrapper-nav.mode-intro .logo {
    opacity: 0;
}


nav {
    max-width: 1080px;
    margin: 0 auto;
}

.logo {
    width: 167px;
    height: 29px;
    float: left;
    margin: 0 2em 0 0;
}
.logo a {
    display: block;
    width: inherit;
    height: inherit;
    background: url('./images/makeme-m.png') no-repeat;
}
.logo a:hover {
    opacity: 0.7;
}

.navigation li + li::before, .list-worksCategories li + li::before {
    content: '\2022';
    font-size: 2em;
    color: #dedede;
}

.navigation {
    margin: 0 auto;
    position: relative;
    bottom: -4px;
}
.navigation li {
    display: block;
    float: left;
    height: 2.5em;
    line-height: 2.5em;
}
.navigation li + li {
    margin-left: 3.5em;
}
.navigation li + li::before {
    left: -0.9em;
    line-height: 1.1em;
    position: relative;
}

.englishVersion:hover, .facebookProfile:hover {
    opacity: 0.7;
}

.englishVersion {
    top: 1.9em;
    right: 2.5%;
    padding: 0 0 0 1.5em;
    background: url('./images/arrows/s-grey-right.png') left center no-repeat;
    font-size: 1.5em;
}

.facebookProfile {
    width: 8em;
    height: 8em;
    border-radius: 100%;
    background: #00b7f3 url('./images/icons/facebook.png') 1.25em center no-repeat;
    top: 40%;
    right: -4.5em;
    margin-top: -4em;
}

.background-homepage, .wrapper-section, .subwrapper-section {
    width: 100%;
    height: 100%;
    clear: both;
    overflow: hidden;
}

.background-homepage {
    background: #fff url('./images/backgrounds/homepage.png') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.row-top, .row-bottom {
    overflow: hidden;
    z-index: 5;
    position: relative;
}

.row-top {
    height: 100%;
    background: #fff;
    padding-top: 92px;
}
.wrapper-nav.mode-intro ~ .row-top {
    background: none;
    padding-top: 0;
}

.row-bottom {
    height: 0%; 
}

.wrapper-section {
    position: relative;
    z-index: 10;
}
.row-top .wrapper-section {
    margin-top: 92px;
}
.wrapper-nav.mode-intro ~ .row-top .wrapper-section {
    margin-top: 0;
}

.subwrapper-section {
    display: table;
}
.row-bottom .subwrapper-section, .wrapper-nav.mode-intro ~ .row-top .subwrapper-section {
    background: none;
}

section {
    display: table-cell;
    vertical-align: middle;
}

.content-section {
    width: 1080px;
    margin: 0 auto;
}
.wrapper-nav.mode-intro ~ .row-top .content-section {
    padding-top: 0;
}

.background-shape {
    padding-left: 12em;
}
.background-shape.catalogShape {
    background: url('./images/shapes/catalog.png') left center no-repeat;
}
.background-shape.partnershipShape {
    background: url('./images/shapes/partnership.png') left center no-repeat;
}
.background-shape.envelopeShape {
    background: url('./images/shapes/envelope.png') left center no-repeat;
}

.page-intro {
    font-size: 1.3em;
    position: relative;
}
.page-intro .content-section {
    width: 910px;
    margin: 0 auto;
}
.page-intro .makemeHeader {
    margin: 0 auto 2em auto;
    background: url('./images/makeme-l.png') no-repeat;
    width: 359px;
    height: 69px;
    display: block;
}
.page-intro, .page-intro h4, .page-intro p {
    line-height: 1.9em;
}
.page-intro .introduction, .page-intro h4 {
    color: #171717;
}
.page-intro p {
    width: 70%;
    float: left;
    margin: 0 3% 1em 0;
}
.page-intro h4, .page-intro .arrowPointers {
    float: right;
    clear: right;
    width: 26%;
}
.page-intro h4 {
    margin: 0 0 0.3em 0;
    font-weight: normal;
}
.page-intro .arrowPointers li {
    padding: 0 0 0 2em;
    background: url('./images/arrows/s-blue-right.png') left 0.5em no-repeat;
}
.page-intro .arrow-down {
    background: url('./images/arrows/l-blue-bottom.png');
    width: 30px;
    height: 36px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: 7.5%;
}

.list-columns {
    text-align: center;
}
.list-columns li {
    display: block;
    float: left;
    width: 300px;
    line-height: 1.6em;
    font-size: 1.1em;
    margin: 0 auto;
}
.list-columns li + li {
    margin-left: 60px;
}

.list-columns.elementsList img, .list-columns.stepsList img {
    display: block;
    margin: 0 auto 1em auto;
}
.list-columns.elementsList li, .list-columns.stepsList li {
    text-align: center;
    font-size: 2.5em;
    line-height: 1;
    color: #444444;
    position: relative;
}

.list-columns.elementsList li + li::before {
    content: url('./images/icons/plus.png');
    width: 38px;
    height: 37px;
    position: absolute;
    top: 85px;
    left: -52px;
}

.list-columns.stepsList li + li::before {
    content: url('./images/arrows/l-blue-right.png');
    width: 36px;
    height: 30px;
    position: absolute;
    top: 95px;
    left: -60px;
}

.column-paragraph {
    font-size: 1.33em;
    float: left;
    line-height: 2em;
}
.column-paragraph:last-child {
    width: 21em;
}
.column-paragraph:first-child {
    width: 31em;
}
.column-paragraph.addressInfo {
    width: 25.3em;
}
.column-paragraph + .column-paragraph {
    margin-left: 2em;
}
.column-paragraph a {
    color: #00b7f3;
}
.column-paragraph a:hover {
    text-decoration: underline;
}
.column-paragraph.color-dark {
    color: #444;
    font-size: 1.5em;
}

.list-worksCategories {
    font-size: 1.5em;
    margin: 0 0 1.5em 0;
}
.list-worksCategories li {
    float: left;
    position: relative;
    height: 1.5em;
    line-height: 1.5em;
    cursor: pointer;
}
.list-worksCategories li + li {
    margin-left: 3em;
}
.list-worksCategories li + li::before {
    position: absolute;
    left: -0.9em;
}
.list-worksCategories li:hover, .list-worksCategories .current {
    color: #00b7f3;
}

.slider {
    width: 1079px;
    position: relative;
    margin: 3em 0 0 0;
    height: 7px;
}
.slider .track, .slider .handle {
    display: block;
}
.slider .track {
    height: 3px;
    background: #e0e0e0;
    width: 100%;
    margin: 2px 0 0 0;
    border-radius: 2px;
}
.slider .handle {
    height: 7px;
    position: absolute;
    top: -2px;
    left: 0;
    width: 7em;
    border-radius: 4px;
    background: #00b7f3;
    cursor: move;
}

.list-works {
    width: 49999px;
    height: 260px;
}
.list-works.sliding {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.list-works li {
    float: left;
    width: 260px;
    height: 260px;
    overflow: hidden;
    position: relative;
    background: #00b7f3;
    color: #fff;
    /*cursor: pointer;*/
}
.list-works li[data-category] {
    padding: 1.4em;
}
.list-works li + li[data-category] {
    margin-left: 40px;
}
.list-works li + li {
    margin-left: 13px;
}
.list-works .work-preview {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.list-works .work-info {
    background: rgba(70, 70, 70, 0.9);
    position: relative;
    z-index: 100;
    padding: 1.4em;
    height: 100%;
    opacity: 0;
}
/*
.list-works li:hover .work-info {
    opacity: 1;
}
*/
.list-works .button-zoom {
    position: absolute;
    bottom: 1.4em;
    left: 1.4em;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 30px;
    background: url('./images/icons/zoom.png') left center no-repeat;
    text-decoration: underline;
}
.list-works h3 {
    font-size: 1.5em;
    margin-bottom: 1em;
    font-weight: normal;
}
.list-works p {
    line-height: 1.5em;
}

.logo-m, .logo-l {
    height: 130px;
    line-height: 130px;
    display: block;
    float: left;
    text-align: center;
}
.logo-m img , .logo-l img {
    display: inline;
    vertical-align: middle;
}
.logo-m {
    width: 216px;
}
.logo-l {
    width: 270px;
}

.list-advantages {
    width: 540px;
    font-size: 1.6em;
    float: left;
}
.list-advantages li {
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    float: left;
    clear: both;
    padding: 0 0 0 70px;
}
.list-advantages li::after {
    content: '.';
    text-indent: -9999px;
    overflow: hidden;
    background: #00b7f3;
    position: absolute;
    left: 70px;
    right: -0.5em;
    bottom: 0.1em;
    height: 4px;
    border-radius: 2px;
}
.list-advantages li + li {
    margin-top: 1em;
}
.list-advantages .carShape {
    background: url('./images/shapes/car.png') left center no-repeat;
}
.list-advantages .briefShape {
    background: url('./images/shapes/briefHelp.png') 5px center no-repeat;
}
.list-advantages .clockShape {
    background: url('./images/shapes/clock.png') 9px center no-repeat;
}
.list-advantages .consultingShape {
    background: url('./images/shapes/consulting.png') 5px center no-repeat;
}

.iframe-form {
    width: 500px;
    height: 300px;
    margin: -2em 0 0 0;
    float: right;
}
body.content-iframe {
    background-color: transparent;
}

.form-contact {
    width: 500px;
    float: right;
    position: relative;
    margin-top: 20px;
}
.form-contact::before {
    content: url('./images/shapes/brush.png');
    width: 23px;
    height: 51px;
    position: absolute;
    top: -1em;
    left: 1.5em;
}
.form-contact p {
    margin: 0.5em 0 0 2.5em;
    font-size: 2em;
}
.input-textarea, .input-text, .input-submit {
    font-size: 1.5em;
    color: #a0a0a0;
    font-weight: normal;
    font-family: 'Capriola', 'Myriad Pro', 'Georgia', sans-serif;
}
.input-textarea:focus, .input-text:focus {
    color: #444;
}
.input-textarea {
    width: 499px;
    height: 199px;
    background: url('./images/backgrounds/input-textarea.png') no-repeat;
    padding: 0.8em 1em 1em 2.5em;
    margin: 0 0 0.5em 0;
}
.input-text {
    width: 260px;
    height: 55px;
    background: url('./images/backgrounds/input-text.png') no-repeat;
    padding: 0 1em 0.2em;
}

.input-submit {
    color: #00b7f3;
    border: 0;
    padding-right: 2em;
    height: 55px;
    line-height: 55px;
    margin: 0 1em 0 0;
    float: right;
    background: url('./images/arrows/m-blue-right.png') right center no-repeat;
    cursor: pointer;
}
.input-submit:hover {
    text-decoration: underline;
}