.tasks.tasks--ell.tasks--gradient {
background: #1b98e1;
background: -moz-linear-gradient(left, #1b98e1 0%, #b627a2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1b98e1 0%,#b627a2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1b98e1 0%,#b627a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b98e1', endColorstr='#b627a2',GradientType=1 ); 
}

.tasks.tasks--gradient li {
font-size: 2.2rem;
}

.tasks.tasks--gradient h4 {
font-size: 5.5rem;
}

.ef--education .customer__about p {
	color: #000;
}

.ef--education h3::after, .simpleDescription.ef--education h5::after {
	background: #1b98e1;
background: -moz-linear-gradient(left, #1b98e1 0%, #b627a2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1b98e1 0%,#b627a2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1b98e1 0%,#b627a2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b98e1', endColorstr='#b627a2',GradientType=1 ); 
}

.simpleDecsription--ell.ef--education .heading--smaller {
    font-size: 5.3rem;
}

.ef--education p.text--smaller {
	    font-size: 2rem;
    font-weight: 500;
    color: #808080;
}

.simpleDescription--alkohol.ef--education .heading--smaller {
    font-size: 4.4rem;
}

@media (min-width: 1870px) {
	.simpleDecsription--ell.ef--education .pc {
		width: 50%;
    top: 300px;
	}
}

.simpleDescription.ef--education p.text--smaller.text--bigdark {
	color: #000;
    font-weight: 900;
    font-style: italic;
}

.ef--education.ef--secone .simpleDescription__image.simpleDescription__image--right {
	    margin-right: -120px;
    margin-left: 50px;
}

.ef--education.ef--secone .simpleDescription__image.simpleDescription__image--left {
	    margin-left: -140px;
    margin-right: 50px;
}

.ef--education.ef--secone .simpleDescription__image img {
	    max-width: 100%;
}

.simpleDescription--york .container--case.ef--next {margin-top: 1.5em;}
.simpleDescription--york .container--case.ef--next2 {margin-top: 2em;}

.simpleDescription.ef--education .container--case.ef--next2 p.text--smaller {text-align: right;    max-width: 65rem;}

.simpleDescription--york.ef--secone {
	padding-bottom: 80px;
}

.simpleDescription--york.ef--sectwo {
	background: #E7E7E7;
    padding-top: 80px;
    padding-bottom: 70px;
}

.ef--education.ef--sectwo .simpleDescription__image.simpleDescription__image--right {
	margin-right: -140px;
        margin-left: -50px;
    margin-top: 110px;
}

.ef--education.ef--sectwo .simpleDescription__image img, .ef--education.ef--secthree .simpleDescription__image img {
	    max-width: 100%;
}

.simpleDescription.ef--education.ef--sectwo p.text--smaller.text--bigdark {font-style: normal;}

.ef--education.ef--secthree .simpleDescription__image.simpleDescription__image--left {
	    margin-left: -140px;
    margin-right: 50px;
}

.container--case .three-jury {
        max-width: 100%;
    margin-top: 110px;
}

.simpleDescription--york.ef--secthree {
    padding-top: 20px;
    padding-bottom: 100px;
}

.simpleDescription.ef--secthree p.text--half {
        max-width: 60rem;
}

.simpleDescription.ef--education p.text--smaller.text--center {
    max-width: 100%;
    text-align: center;
    margin-top: 130px;
}

.ef--education p.text--smaller.text--center {
    max-width: 100%;
    text-align: center;
}

.bord--small {margin-top: 30px;}

.ef--education.ef--sectwo.ef--kreacje .simpleDescription__image.simpleDescription__image--right {margin-left: 50px;}

.caseDescription--video--ell.ef--video .headingContainer {margin-top: -18em;}

.ef--effect .effects__background {
    background: url(http://socialleaders.pl/files/Zdj%C4%99cia/case/tester_wyjazdow.jpg);
    background-size: cover;
}
.ef--effect h5 {text-align: center;}

.ef--effect h5:after {
    background: #1b98e1;
    background: -moz-linear-gradient(left, #1b98e1 0%, #b627a2 100%);
    background: -webkit-linear-gradient(left, #1b98e1 0%,#b627a2 100%);
    background: linear-gradient(to right, #1b98e1 0%,#b627a2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b98e1', endColorstr='#b627a2',GradientType=1 );
        margin: auto;
    margin-top: 10px;
    height: 5px
}

.empty--ef {padding: 400px 0;background: #fff;}

.ef--effect .headingContainer {
    margin-top: 10rem;
}

.grver--1 {
background: #189ce5; /* Old browsers */
background: -moz-linear-gradient(-45deg, #189ce5 0%, #6c5dc1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #189ce5 0%,#6c5dc1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #189ce5 0%,#6c5dc1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#189ce5', endColorstr='#6c5dc1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}

.effects.ef--effect h6 {
font-size: 62px;
}

.effects.ef--effect p {
    font-size: 27px;
}

.effects.ef--effect .effects__statistic {
   height: 240px; 
}
@media (min-width: 1500px) {
.effects.ef--effect .effects__statistic.sk--13 {
   height: 320px; 
        width: 350px;
    margin-left: -38px;
}

.effects.ef--effect .effects__statistic.sk--23 {
   width: 343px;
    margin-right: -30px;
    height: 280px;
}
}


.effects.ef--effect .effects__statistic.sk--13 h6 {font-size: 80px;}

.grver--4 {
background: #c0209e; /* Old browsers */
background: -moz-linear-gradient(-45deg, #c0209e 0%, #eb008c 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #c0209e 0%,#eb008c 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #c0209e 0%,#eb008c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0209e', endColorstr='#eb008c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.grver--5 {
background: #6463c5; /* Old browsers */
background: -moz-linear-gradient(-45deg, #6463c5 0%, #aa2fa7 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #6463c5 0%,#aa2fa7 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #6463c5 0%,#aa2fa7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6463c5', endColorstr='#aa2fa7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.ef--video h5:after {display: none;}

.ef--video h6 {
        font-size: 30px;
    color: #808080;
    font-weight: 900;
    margin-top: 35px;
    margin-bottom: 30px;
}

@media (max-width: 1499px) {
	.effects.ef--effect p {
    font-size: 20px;
}

.effects.ef--effect h6, .effects .counterHeading span {
    font-size: 40px;
}

.effects.ef--effect .effects__statistic.sk--13 h6 {
    font-size: 50px;
}

.effects.ef--effect .effects__statistic {
    height: 200px;
}

.effects.ef--effect .effects__statistic.sk--13 {
      width: calc((100%/4) + 35px);
    margin-left: -35px;
    height: 240px;
}

.effects.ef--effect .effects__statistic.sk--23 {
      width: calc((100%/4) + 25px);
    margin-right: -25px;
    height: 220px;
}
}

@media (max-width: 990px) {
    .ef--education.ef--secone .simpleDescription__image.simpleDescription__image--right {
    margin-right: 0;
    margin-left: 0;
    margin-top: 40px;
}
    
    .ef--education.ef--secone .simpleDescription__image.simpleDescription__image--left {
    margin-left: 0;
    margin-right: 0;
    margin-top: -50px;
        margin-bottom: 45px;
}
    
    .simpleDescription.ef--education .container--case.ef--next2 p.text--smaller {
    text-align: left;
    max-width: 61rem;
}
    
    .ef--education p.text--smaller {font-size: 1.8rem;}
    
    
.ef--education.ef--sectwo .simpleDescription__image.simpleDescription__image--right {
    margin-right: 0;
    margin-left: 0;
    margin-top: 40px;
}
    
    .ef--education.ef--secthree .simpleDescription__image.simpleDescription__image--left {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
    .effects.ef--effect .effects__statistic.sk--23, .effects.ef--effect .effects__statistic.sk--13 {margin-right: 0;}
    .ef--effect .effects__background {background-position:center;}
	
	.effects.ef--effect .effects__statistic.sk--13 {
    width: calc(100%/4);
    margin-left: 0px;
    height: 200px;
}

.effects.ef--effect .effects__statistic.sk--23 {
    width: calc(100%/4);
    margin-right: 0px;
    height: 200px;
}
}

.hide--desktop {display: none;}

@media (max-width: 767px) {
	.effects.ef--effect .effects__statistic.sk--13, .effects.ef--effect .effects__statistic.sk--23 {
		width: calc(100%/2);
	}
	
	.empty--ef {
		padding: 330px 0;
	}
	
	.caseDescription--vertical h5 {
    font-size: 3.5rem;
}

.hide--desktop {display: block;}
.hide--mobile {display: none;}

.ef--secthree .container--case .three-jury {
	    margin-top: 20px;
}

.simpleDescription.ef--education.ef--secthree p.text--smaller.text--center { text-align: left; margin-top: 60px;}
.container--case {
    padding: 0 2rem;
}

.ef--education h5 {margin-bottom: 25px;}
}

.vid--auth {
	    margin-top: 0 !important;
    width: 200px;
}

.video--create {
	color: #35302C !important;
}

.spinacz--ef {
        display: block;
    width: 100%;
    text-align: center;
}

.spinacz--ef .effects__statistic {
    margin: auto;
}

.them--microsoft .tasks {
    background: #565aad;
}

.them--microsoft-two {
    background: url(img/mic-back-1.jpg) center;
    padding: 180px 0 100px;
    margin-top: 195px;
}

.them--microsoft-two h5.heading--smaller {
    color: #fff;
    font-size: 5.3rem;
}

.them--microsoft-two h5.heading--smaller:after {display: none;}
.them--microsoft-two p.text--smaller {color: #fff;}

.caseDescription.them--microsoft-three h5, .simpleDescription--lp .container--case.MicrosoftVideoFirst h5 {
    font-size: 4rem;
    margin-top: 90px;
}

.simpleDescription--lp .container--case.MicrosoftVideoFirst h5 {
    margin-top:40px;
}

.mic--step {
    width: 25%;
    float: left;
    padding: 0 20px;
    position: relative;
}

.caseDescription.them--microsoft-three .mic--step p {
    font-size: 1.7rem;
        font-weight: 500;
    color: #000;
}

.MicrosoftSteps {width: 100%;margin-top: 75px;}

.mic--step:after {
        content: '';
    background: url(img/strzalka.png) right center;
    width: 100px;
    height: 8px;
    position: absolute;
    right: -51px;
    top: 96px;
}

.mic--step.aud:after {
	background: url(img/strzalka-2.png) right center;
	height: 12px;
}

.mic--step:nth-child(4):after {
    display: none;
}

.mic--step:nth-child(2) img, .mic--step:nth-child(2) p {
    -webkit-transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s;
    transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .3s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .3s, -webkit-transform .6s ease-in-out .3s;
}

.mic--step:nth-child(3) img, .mic--step:nth-child(3) p {
    -webkit-transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .4s;
    transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .4s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .4s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .4s, -webkit-transform .6s ease-in-out .4s;
}

.mic--step:nth-child(4) img, .mic--step:nth-child(4) p {
    -webkit-transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .5s;
    transition: opacity .7s ease-in-out .3s, -webkit-transform .6s ease-in-out .5s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .5s;
    transition: opacity .7s ease-in-out .3s, transform .6s ease-in-out .5s, -webkit-transform .6s ease-in-out .5s;
}

.them--microsoft-four {
	padding: 10px 0;
}

.simpleDescription--lp .container--case.MicrosoftVideoFirst {
	background: #E8E8E8;
    width: 1530px;
    max-width: 100%;
	padding: 90px 70px;;
}
.simpleDescription--lp .container--case.MicrosoftVideoFirst img {
    max-width: inherit;
}

.simpleDescription--lp .container--case.MicrosoftVideoFirst h5:after {
	    background: #565AAD;
}

.simpleDescription--lp .container--case.MicrosoftVideoFirst p.text--smaller {color: #000}
.simpleDescription--york .container--case.vid--contin {
	    margin-top: 20px;
		width: 1500px;
   		 max-width: 100%;
}

.simpleDescription--york .container--case.vid--contin img {
    max-width: 100%;
	padding: 0 10px;
}

.them--microsoft-five {
	margin-top: 140px;
}

.them--microsoft-five h5 {
	font-size: 5.3rem;
}

.them--microsoft-five h5:after {
	content: '';
    display: block;
    margin-top: 1rem;
    width: 0;
    height: 5px;
    background: #565AAD;
	    -webkit-transition: width .3s ease-in-out .9s;
    transition: width .3s ease-in-out .9s;
	margin: auto;
	margin-top: 24px;
	margin-bottom:45px;
}

.owijka {position: relative;margin-top: 60px;}

.owijka:before {
	    content: '';
    width: 110%;
    height: 110%;
    position: absolute;
    background: #e8e8e8;
    z-index: -1;
    left: -5%;
    top: -7%;
}

.caseDescription--vertical .container--case.mic--mailing {
	margin-top: 130px;
}

.them--microsoft-five .mic--mailing h5:after {
margin-bottom: 20px;
}

.ef--education .mic--mailing p.text--smaller {
	color: #333;
}

.them--microsoft-six {
	    background: #565aad;
		    padding-bottom: 100px;
			    margin-top: 330px;
}

.image--stac-2 {
	    position: absolute;
    bottom: 0px;
    right: 0;
}

.image--stac-1 {margin-top: -325px;}

@media (max-width: 1499px) {
	.mic--step img {width: 140px;}
	.mic--step:after {
		    top: 70px;
    width: 85px;
	    right: -45px;
	}
	
	.image--stac-2 img {width: 200px;}
	.image--stac-1 {
    margin-top: -222px;
}

.them--microsoft-six {margin-top: 240px;}
}

@media (max-width: 1040px) {
	.mic--step:after {
	    width: 50px;
    right: -26px;
	}
}

@media (max-width: 850px) {
	.mic--step {width: 50%;}
	.mic--step:after {display:none;}
}

.odkryj {opacity: 1 !important;}

@media (max-width: 767px) {
	.them--microsoft-two {
		    margin-top: 30px;
    padding-top: 20px;
	}
	
	.caseDescription.them--microsoft-three h5, .simpleDescription--lp .container--case.MicrosoftVideoFirst h5 {
    font-size: 3rem;
    margin-top: 20px;
    margin-bottom: 0;
}

.them--microsoft-five {
    margin-top: 40px;
}

.them--microsoft-five h5 {font-size: 3rem;}

.caseDescription--vertical .container--case.mic--mailing {
    margin-top: 60px;
}

.effects.ef--effect.them--microsoft-seven .effects__statistic.sk--13, .effects.ef--effect.them--microsoft-seven .effects__statistic.sk--23 {
    width: calc(100%);
}
}

@media (max-width: 550px) {
	.mic--step {width: 100%;}
}

@media (max-width: 1200px) {
	.simpleDescription--lp .container--case.MicrosoftVideoFirst {
    padding: 20px;
	}
	
	.owijka iframe {max-width: 100%;height: 250px !important;}
	
	.vid-mic-1 iframe {
		    max-width: 100%;
	}
	@media (min-width: 991px) {
	.vid-mic-1 {
		width: calc(50% + 50px);    margin-right: 4rem;
	}
	
	.simpleDescription--lp .container--case.MicrosoftVideoFirst .simpleDescription__content {
		width: calc(50% + 50px);
	}
	}
	
	
}

@media (max-width: 990px) { 
	.simpleDescription--york .container--case.vid--contin img {
    max-width: 100%;
    padding: 15px 0;
}
}

.them--microsoft-five .textContainer {
	max-width: 100%;
}

.image--mail img, .image--stac-1 img {max-width: 100%;}

@media (max-width: 1263px) {
	.image--stac-1 {
    margin-top: -248px;
}
}

@media (max-width: 990px) { 
	.them--microsoft-six {
    margin-top: 140px;
}

.image--stac-2 img {
    width: 170px;
}
}

@media (max-width: 550px) { 
.image--stac-2 img {
    width: 140px;
}
}

@media (max-width: 440px) {
.image--stac-2 img {
    width: 110px;
}	
}

.ef--effect.them--microsoft-seven h5:after {
	background: #565aad;
}

.ef--effect.them--microsoft-seven .effects__background {
	background-image: url(https://socialleaders.pl/files/Zdj%C4%99cia/case/micros-back.jpg);
}

.audi-page .introCase h1::after, .ef--education.them--audi h3::after {
	    background: #A92725;
}
.them--audi .grid {background: #fff;}

.them--audi .tasks {
	background: #000000;
}

.ef--education.them--audi .customer__about p {background: #fff;padding-top: 25px;}

.them--audi-two {
	background: url(img/auditlo-1.jpg) center;
	    color: #fff;
    padding: 100px 0;
    margin-top: 140px;
}

.them--audi-two .container--case {margin-top: 0;}

.simpleDescription.them--audi-two .heading--smaller {
    font-size: 4rem;
    color: #fff;
}

.simpleDescription.them--audi-two .heading--smaller:after {
	 background: #A92725;
}

.ef--education.them--audi-two p.text--smaller {color: #fff;font-size: 2.3rem}
.them--audi-two .simpleDescription__content {width: 100%;}
.simpleDescription--lp.them--audi-two p.text--smaller {max-width: 100%;}

.audi--person .simpleDescription__image--left {
	    width: 50%;
    margin-right: 14rem;
}

.simpleDescription.ef--education.them--audi-four h5::after {
	background: #A92725;
}

.ef--education.them--audi-four p.text--smaller {color: #333;}

.ef--education .audi--jus p.text--smaller {
	margin: auto;
    text-align: center;
    width: 900px;
    max-width: 100%;
    margin-top: 50px;
}

.them--microsoft-five.them--audi-five {
	background: url(img/video-audi-tlo.jpg) center;
    background-attachment: fixed;
	    padding-top: 90px;
    padding-bottom: 105px;
}

.them--audi-five .owijka:before {
	z-index: 0;
}

.anim--image {
	z-index: 1;
    position: relative;
}

.them--audi-five h5 {color: #fff}

.them--audi-five h5:after, .them--audi-five--2 h5:after, .ef--effect.them--audi-seven h5:after {
	background: #A92725;
}

.break--grey {
	    width: 100%;
    height: 450px;
    background: #58585a;
    margin-top: -430px;
}

.them--microsoft-six.them--audi-six {background: #fff}

.them--audi-six .image--stac-2 {
	right: inherit;
    left: -190px;
}

.ef--effect.them--audi-seven .effects__background {
	background-image: url(img/efekty-audi.jpg);
}

.them--audi-seven h5:after {
	background: #A92725;
}

@media (max-width: 990px) {
	.audi--person .simpleDescription__image--left {
    width: 100%;
    margin-right: 0;
    margin: auto;
    text-align: center;
}
}

@media (max-width: 650px) {
	.them--audi-seven .effects__statistic {
		width: 100% !important;
	}
}

@media (max-width: 1499px) {
.them--audi-six .image--stac-2 img {
    width: 350px;
}

.them--audi-six .image--stac-2 {left: -100px;}
}

@media (max-width: 700px) {
.them--audi-six .image--stac-2 img {
    width: 230px;
}

.them--audi-six .image--stac-2 {left: -30px;}
}

@media (max-width: 450px) {
.them--audi-six .image--stac-2 img {
    width: 160px;
}

.them--audi-six .image--stac-2 {    left: -50px;}
.simpleDescription--alkohol.ef--education .heading--smaller {
    font-size: 3.4rem;
}
}

@media (max-width: 650px) {
	.them--microsoft-two {margin-top: 0;}
	.image--stac-1 {
    margin-top: -180px;
}

.them--microsoft-six {padding-bottom: 40px;margin-top: 45px;}
.image--stac-2 img {
    width: 90px;
}
}

.audi-page .introCase h1 {
    font-size: 8.7rem;
}


@media (min-width: 768px) {
.audi-page .introCase h1 {
    font-size: 5.3rem;
}
    
}

@media (max-width: 1499px) {
.audi-page .introCase h1 {
    font-size: 8.7rem;
}
}

@media (max-width: 480px) {
.audi-page .introCase h1 {
    font-size: 3rem;
}
}
@media (max-width: 768px){
.audi-page .introCase h1:before {
    font-size: 4.5rem;
}
.them--audi-two {margin-top:0 ;}
    .simpleDescription.them--audi-two .heading--smaller {font-size: 3rem;}
    .break--grey {margin-top: -350px;}
    .them--audi-five--2 {
            margin: 0;
    padding-top: 1rem;
    }
}


	
	
@media (max-width: 480px) {
		.header__mainNav.otwarta {
			transform: none;
		}
		
		.header__mainNav.otwarta .header__menuLink {
			transform: none;
		}
		
}
	
	.them--payu h3::after, .them--payu h5::after, .simpleDescription.them--payu-two .heading--smaller:after {
background: #88ae00; /* Old browsers */
background: -moz-linear-gradient(left, #88ae00 0%, #9ac500 50%, #88ae00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #88ae00 0%,#9ac500 50%,#88ae00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #88ae00 0%,#9ac500 50%,#88ae00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ae00', endColorstr='#88ae00',GradientType=1 ); /* IE6-9 */
	}
	
	.customer.them--payu .tasks {
		background: #88ae00; /* Old browsers */
background: -moz-linear-gradient(left, #88ae00 0%, #9ac500 50%, #88ae00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #88ae00 0%,#9ac500 50%,#88ae00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #88ae00 0%,#9ac500 50%,#88ae00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ae00', endColorstr='#88ae00',GradientType=1 );
	}
	
	.simpleDescription--york.them--payu-two img {
		max-width: 800px;    margin-right: -150px;
	}
	@media (min-width: 1500px) {
	.simpleDescription.them--payu-two .heading--smaller {font-size: 5.2rem}
	.them--payu-three h5 {
	    font-size: 5.2rem;
    color: #fff;}
	}
	
	@media (min-width: 991px) {
		.them--payu-two {padding: 200px 0 50px;}
	}
	
	.them--payu-three {
		    background: #A2CE00;
    color: #fff;
    padding: 100px 0;
	}
	
	.them--payu-three .mic--step:after {display: none;}
	
	.them--payu-three p {
		    font-size: 2.2rem;
    line-height: normal;
    font-weight: normal;
    color: #fff;
	}
	
	.them--payu-three h5.anim--active::after {
    content: '';
    width: 125px;
    -webkit-transition: width .3s ease-in-out .9s;
    transition: width .3s ease-in-out .9s;
	background: #fff;    margin: auto;
	    margin-top: 2rem; height: 5px;
		display: block;
}

.payu--green {
	background: #A2CE00;color: #fff;
}
	
	.simpleDescription.them--payu-two.payu--green .heading--smaller {color: #fff;}
	.simpleDescription.them--payu-two.payu--green .heading--smaller:after {background: #fff;}
	.ef--education.payu--green p.text--smaller {color: #fff;}
	.payu-main h1 {font-size: 5.5rem;}
	@media (max-width: 1265px) {
		.payu-main h1 {font-size: 4rem;}
		.them--payu-two .container--case {width: 95%;}
		.simpleDescription--york.them--payu-two img {max-width: 100%;}
	}
	
	@media (max-width: 600px) {
		.simpleDescription--lp h5.heading--smaller, .caseDescription--vertical h5 {
    font-size: 2.5rem;
}.ef--education p.text--smaller {
    font-size: 1.6rem;
}
	}
	
	.them--payu-three h5 {color: #fff !important;}
	
	a.link--payu {
		    font-size: 5.3rem;
    font-weight: 900;
    display: inline-block;
    background: #88ae00;
    background: -moz-linear-gradient(left, #88ae00 0%, #9ac500 50%, #88ae00 100%);
    background: -webkit-linear-gradient(left, #88ae00 0%,#9ac500 50%,#88ae00 100%);
    background: linear-gradient(to right, #88ae00 0%,#9ac500 50%,#88ae00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ae00', endColorstr='#88ae00',GradientType=1 );
    color: #fff;
    padding: 30px 70px;
    border-radius: 10px;
    margin-bottom: 120px;
    transition: 0.5s all ease;

	}
	
	a.link--payu:hover {
		opacity: 0.7;
	}
	@media (max-width: 870px) {
		a.link--payu {
			    font-size: 2rem;
    padding: 20px 20px;
    text-align: center;
    margin-bottom: 10px;
    width: 100% !important;
		}
	}
	
	@media (max-width: 767px) {
		.them--audi-five .owijka:before {
			display: none;
		}
		
		.them--microsoft-five.them--audi-five {padding-bottom:0;}
		.owijka {margin-top: 0;}
		.ef--education .audi--jus p.text--smaller {padding: 0 15px;}
	}
	
	@media (max-width: 480px) {
		.intro-york .introCase {
    background-position: 23% 30px;
}

.ef--education iframe {
	    width: 100%;
    height: 300px;
}
	}
	
	
	.simpleDescription--york.them--payu-two .gif--image img {
		max-width: 100%;
    width: 450px;
	}
	
	.gif--image {margin-right: 180px;}
	
	.wybr--gif {
		color: #c3c3c3;
		display: inline-block;
		width: 100%;
		text-align: center;
		    margin-top: 20px;
    font-size: 2.2rem;
	}
	
	@media (max-width: 767px) {
		.gif--image {
    margin-right: 0;
}
.simpleDescription--york.them--payu-two .gif--image img {width: 300px;}
	}
	
	@media (max-width: 600px) {
		.break--grey {height: 365px;}
		.them--microsoft-six.them--audi-six {margin-top: 30px;}
		.image--stac-1 img {margin-right: -31px;}
		.intro-york.micro-cal .introCase {background-size: cover;
            background-position: 72% 60px;}
	
	.MicrosoftVideoFirst {
		    position: relative;
    padding-bottom: 190px !important;
	}
	
	.MicrosoftVideoFirst .simpleDescription__image {
		position: absolute;
    width: 300px;
    bottom: 55px;
	}
	}
	
	
	@supports (-webkit-overflow-scrolling: touch) {
 	.intro--ios {
		display: block !important;
		    padding: 2rem;
    padding-top: 9.5rem;
	}
	
	.introProjects#top {display: none;}
	.intro--ios img {margin-left: -2rem;}
	.intro--ios .animUp i {    font-style: normal !important;
    display: inline-block;}
	
	.intro--ios h2::after {
    content: '';
    background-color: #00D3D5;
    height: 5px;
    width: 100px;
    display: block;
    margin-top: 22px;
}

.wp-fadeInUp {
    opacity: 1 !important;
}

.offer .comp__item, .comp__wrap .comp__item {opacity: 1 !important;}
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1;}
    99% { opacity: 0.01;width: 100%; height: 100%;}
    100% { opacity: 0;width: 0; height: 0;}
}  
@keyframes fadeOut {
    0% { opacity: 1;}
    99% { opacity: 0.01;width: 100%; height: 100%;}
    100% { opacity: 0;width: 0; height: 0;}
}

#preload--sl {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    overflow: hidden;
}

html.fp-enabled #preload--sl {transiton: 1s all ease;display:none;}

.comp__text a.disabled {display: none;}

.sprites__sl19 .icon-1 {
    background-image: url(sprite19.png);
    background-position: 0 0;
    width: 128px;
    height: 128px;
}

.sprites__sl19 .icon-1_s {
    background-image: url(sprite19.png);
    background-position: -128px 0;
    width: 128px;
    height: 128px;
}

.sprites__sl19 .icon-2 {
    background-image: url(sprite19.png);
    background-position: -256px 0;
    width: 97px;
    height: 76px;
}

.sprites__sl19 .icon-2_s {
    background-image: url(sprite19.png);
    background-position: -353px 0;
    width: 97px;
    height: 76px;
}

.sprites__sl19 .icon-3 {
    background-image: url(sprite19.png);
    background-position: -450px 0;
    width: 158px;
    height: 30px;
}

.sprites__sl19 .icon-3_s {
    background-image: url(sprite19.png);
    background-position: -450px -30px;
    width: 158px;
    height: 30px;
}

.sprites__sl19 .icon-4 {
    background-image: url(sprite19.png);
    background-position: 0 -128px;
    width: 114px;
    height: 80px;
}

.sprites__sl19 .icon-4_s {
    background-image: url(sprite19.png);
    background-position: -114px -128px;
    width: 114px;
    height: 80px;
}

.sprites__sl19 .icon-5 {
    background-image: url(sprite19.png);
    background-position: -253px -76px;
    width: 167px;
    height: 88px;
}

.sprites__sl19 .icon-5_s {
    background-image: url(sprite19.png);
    background-position: -420px -76px;
    width: 167px;
    height: 88px;
}

.sprites__sl19 .icon-6 {
    background-image: url(sprite19.png);
    background-position: -608px 0;
    width: 196px;
    height: 24px;
}

.sprites__sl19 .icon-6_s {
    background-image: url(sprite19.png);
    background-position: -608px -24px;
    width: 196px;
    height: 24px;
}

.sprites__sl19 .icon-7 {
    background-image: url(sprite19.png);
    background-position: -256px -160px;
    width: 158px;
    height: 106px;
}

.sprites__sl19 .icon-7_s {
    background-image: url(sprite19.png);
    background-position: -414px -160px;
    width: 158px;
    height: 106px;
}

.sprites__sl19 .icon-8 {
    background-image: url(sprite19.png);
    background-position: -579px -76px;
    width: 182px;
    height: 68px;
}

.sprites__sl19 .icon-8_s {
    background-image: url(sprite19.png);
    background-position: -761px -76px;
    width: 182px;
    height: 68px;
}

.sprites__sl19 .icon-9 {
    background-image: url(sprite19.png);
    background-position: -575px -185px;
    width: 161px;
    height: 86px;
}

.sprites__sl19 .icon-9_s {
    background-image: url(sprite19.png);
    background-position: -736px -185px;
    width: 161px;
    height: 86px;
}

.sprites__sl19 .icon-10 {
    background-image: url(sprite19.png);
    background-position: 0 -630px;
    width: 193px;
    height: 107px;
}

.sprites__sl19 .icon-10_s {
    background-image: url(sprite19.png);
    background-position: 0 -737px;
    width: 193px;
    height: 107px;
}

.sprites__sl19 .icon-11 {
    background-image: url(sprite19.png);
    background-position: -193px -688px;
    width: 156px;
    height: 57px;
}

.sprites__sl19 .icon-11_s {
    background-image: url(sprite19.png);
    background-position: -193px -745px;
    width: 156px;
    height: 57px;
}

.sprites__sl19 .icon-12 {
    background-image: url(sprite19.png);
    background-position: -804px 0px;
    width: 126px;
    height: 32px;
}

.sprites__sl19 .icon-12_s {
    background-image: url(sprite19.png);
    background-position: -804px -32px;
    width: 126px;
    height: 32px;
}

@media (min-width: 1264px) and (max-width: 1500px) {
    .intro__team::after {display:none;}
    .intro__team .art {
        top: 4vw;
    }

    .intro__team .manage, .intro__team .strategy, .intro__team .copy {top: 4vw;}
    .intro__content::after {
        bottom: inherit;
        margin-top: 30px;
    }

    .intro.anim {
        padding-bottom: 13vw;
    }

    .them--audi-four .container--case {
        padding: 0 55px;
    }

    .audi--person .simpleDescription__image--left {
        width: 55%;
        margin-right: 5rem;
    }
}


.effects.changeColor.ef--effect.eff--19 .effects__background {position: relative;}

@media (max-width: 767px) {
    .empty--ef {
        padding: 200px 0;
    }

    .simpleDescription--york.ef--secthree {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .ef--education iframe {
        margin-bottom: 0 !important;
        height: 200px;
    }
    .them--microsoft-five {padding-bottom: 0;}
    .image--stac-1 {
        margin-top: -190px;
        margin-left: -40px;
    }

    #preload--sl {display: none !important;}
}

.projects .project:hover .project__content .btn--alt, .projects .project:focus .project__content .btn--alt, .projects .project.hovered .project__content .btn--alt {display: none !Important;}

.projects .project--static {
    pointer-events: none;
}

.zaslonka {
    background: url(otoczka.png) center;
    position: absolute;
    width: 60%;
    background-size: contain;
    height: 300px;
    left: 0;
    background-repeat: no-repeat;
    bottom: 80px;
    right: 0;
    text-align: center;
    margin: auto;
    opacity: 0.7;
    background: none;
}




#jezyki--sl {
    position: absolute;
    text-align: center;
    top: 100px;
    left: 0;
    right: 0;
}


#jezyki--sl a {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    transition: 0.5s all ease;
}

#jezyki--sl a:hover {
    color: #046078;
}

#jezyki--sl a:nth-child(2) {
    opacity: 1 !important;
    color: #046078;
}


@media (max-width: 1260px) {
    #jezyki--sl {
        right: 0;
        left: 0;
        top: -70px;
    }
}

.header__infoSection {    bottom: 12rem}

.projects .project--static:nth-child(1), .projects .project--static:nth-child(2), .projects .project--static:nth-child(3), .projects .project--static:nth-child(4), .projects .project--static:nth-child(5) {
    pointer-events: all;
} 

.projects .project--static:nth-child(6) {
    pointer-events: all;
} 

.projects .project--static:nth-child(7) {
    pointer-events: all;
}

.projects .project--static:nth-child(8) {
    pointer-events: all;
}

.projects .project--static:nth-child(9) {
    pointer-events: all;
}

.projects .project--static:nth-child(10) {
    pointer-events: all;
}

.projects .project--static:nth-child(11) {
    pointer-events: all;
}

.projects .project--static:nth-child(12) {
    pointer-events: all;
}

.projects .project--static:nth-child(13) {
    pointer-events: all;
}

.projects .project--static:nth-child(14) {
    pointer-events: all;
}

.projects .project:nth-child(1):hover .project__content .btn--alt, .projects .project:nth-child(2):hover .project__content .btn--alt, .projects .project:nth-child(3):hover .project__content .btn--alt, .projects .project:nth-child(4):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(5):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(6):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(7):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(8):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(9):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(10):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(11):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(12):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(13):hover .project__content .btn--alt {
    display: inline-block !Important;
}

.projects .project:nth-child(14):hover .project__content .btn--alt {
    display: inline-block !Important;
}


.projects .btn--alt {
    left: -webkit-calc(50% - 60px);
    left: calc(50% - 60px);
}

@media (min-width: 1246px) {
    .projects h3, .projects h4 {
        font-size: 3rem;
    }
}

.projects .btn--alt svg {display:none;}

.projects .project .project__content .btn--alt:before {
    content: 'see more';
    display: inline-block;
    color: #fff;
}

.swiper-slide .project .project__content .btn--alt:before {
    display: none;
}



/* Poprawa widoku drugiej sekcji na mniejszej rozdzielczości - DESKTOP */
@media (min-width: 1200px) and (max-width: 1263px) {
    .intro.anim {
        display: block;
    }

    .intro.anim .intro__team img {
        width: initial;
        position: relative;
        top: -20vw;
    }

    .intro .anim__heading {
        position: fixed;
        bottom: 20%;
        margin: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    .intro__mainLead {
        text-align: center;
        display: block;
    }
    .intro .zaslonka.anim__heading {    bottom: 0px;
        position: fixed;}
    .intro__lead {
        position: fixed;
        bottom: 15%;
        text-align: center;
        left: 0;
        right: 0;
    }
    .fp-enabled .section .anim__bordered {top: 30%;}
    .intro.anim .anim__circleSecond {top: 35%;}
}

@media (max-width: 1199px) {
    #preload--sl {display:none;}
}

@media (min-width: 480px) and (max-width:767px) {
    .intro__heading .animUp:first-child {
        width: initial;
        margin-bottom: 0;
    }
    .intro__team {opacity:0;}
}
/* KONIEC --- Poprawa widoku drugiej sekcji na mniejszej rozdzielczości - DESKTOP --- KONIEC */

@media (max-width: 800px) {
    .about__content {
        padding: 5.5rem 2.5rem 5rem;
    }

    .audi-page .introCase h1 {
        font-size: 3rem;
    }

    .image--stac-1 {
        margin-top: -110px;
    }
}

@media (min-width: 991px) and (max-width: 1499px) {
    .effects.changeColor.ef--effect.eff--19 {
        height: 400px;
    }
}

@media (max-width: 990px) {
    .effects.changeColor.ef--effect.eff--19 .effects__background {
        position: absolute;
    }
}