@font-face {
    font-family: 'Fivo Sans';
    src: url('fonts/FivoSans-Regular.woff2') format('woff2'),
        url('fonts/FivoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'Fivo Sans bold';
    src: url('fonts/FivoSans-Bold.woff2') format('woff2'),
        url('fonts/FivoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {

	font-family: 'Fivo Sans light';
    src: url('fonts/FivoSans-Light.woff2') format('woff2'),
        url('fonts/FivoSans-Light.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Fivo Sans thin';
    src: url('fonts/FivoSans-Thin.woff2') format('woff2'),
         url('fonts/FivoSans-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
    font-family: 'Fivo Sans';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 200px;
}

h1,h2,h3,h4,h5,h6{


    font-family: 'Fivo Sans bold';

}

.intro p, .main p{
	color: #465a65;
	line-height: 1.8;
}
p{
	line-height: 1.8;
}
.author{
	font-size: 14px;
}
@media (max-width: 767px) {
	.logo, #navbarResponsive{
		margin: 0 auto;
	}
	.navbar .container .logo img{
		width: 150px;
	height: auto;
	}
	.buttonPartner {
		padding-top: 0 !important;
		text-align: center !important;
	}
	.h-50{
		height: auto !important;
	}
	.partner{
		padding-top: 5rem !important;
	}
	.hide-mobile{
		display: none;
	}
	.partnerDescription{
		padding-top: 20rem;
	}
	.quote{
		display: none !important;
	}
	.logoColumn{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.row-mobile{
	padding-right: 0.5rem !important;
	padding-top: 3rem !important;
	}

}

@media (min-width: 768px) {
  .partnerCategory{
  	position:absolute;
  	bottom: 3.5rem;
  	right: 2rem;
  	text-align: right;
  }
  #CaseStudyDesc{
  	padding-right: 9rem !important;

  }
  #offer{
  	margin-left: 2rem;
  }
  #description
  {
  	margin-top: -6rem;
  }
}
#CaseStudyDesc{
	padding: 5rem;
}

#navbar{
	background-color: #5a2d86;
	padding-bottom: 3.5rem;
	padding-top: 3.5rem;
}
.navbar a,
.navbar a:hover,
.navbar a:active,
.navbar a:visited
{
	color: #fff !important;
}

/* sekcja opis czym jest case study */
.img-responsive{
	width: 100%;
	height: auto;
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
#descriptionCaseStudy {
	background: rgb(90,45,134); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(90,45,134,1) 0%, rgba(90,45,134,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a2d86', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-bottom: 2rem;
}
#descriptionCaseStudy > .container{
	
	background-color: #fff;
}

.partner{
	padding-top: 5rem;
}

.partnerDesc{
	background-image: url(../img/grey-sky.png);
	background-repeat: no-repeat;
	height: 106%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 3rem;
}
.padding-2rem{
	padding: 2rem;
}
.padding-top-2rem{
	padding-top: 2rem;
}
.padding-top-1rem{
	padding-top: 1rem;
}
.padding-bottom-2rem{
	padding-bottom: 2rem;
}
.padding-bottom-1rem{
	padding-bottom: 1rem;
}
.padding-top-5rem{
	padding-top:5rem;
}
.padding-bottom-5rem{
	padding-bottom:5rem;
}
.padding-top-3rem{
	padding-top:3rem;
}
.padding-bottom-3rem{
	padding-bottom:3rem;
}
.padding-left-2rem{
	padding-left: 2rem;
}
.padding-side-2rem{
	padding-left: 2rem;
	padding-right: 2rem;
}

.padding-side-5rem{
	padding-left: 5rem !important;
	padding-right: 5rem !important;
}
.padding-1rem-2rem{
	padding: 1rem 2rem 1rem 2rem !important;
}
.buttonPartner{
	padding-top: 3rem;
	padding-bottom: 1rem;
}
.buttonPartner span{
	text-align: right;
}

.partnerName{
	color: #465a65;
}
.rowCenter {
   display: flex;
   align-items: center;
}
.logoColumn {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 50vw;
}
.logoColumn img{
    max-width: 300px;
    max-height: 150px;
}

#CaseStudyDesc{
    background-image: url('../img/second-logo-zenbox.png');
	background-repeat: no-repeat; 
    background-position: right 50px top 80px;  
}
.quote{
	position: absolute;
	top: 2.5rem;
	left: 93.5%;
}

#readMore{
	padding-top: 5rem;
}
/* kolory tekstów */

.text-white{
	color: #fff !important;
}
.text-purple{
	color: #5a2d86 !important;
}
.text-lightBlue{
	color: #9cb3c0 !important;
}

.text-light{
    font-family: 'Fivo Sans light';
}
.text-thin{
	font-family: "Fivo Sans thin";
}
.quoteText{
	
}
.text-letterSpacing{
	letter-spacing: 5px !important;
}
.text-grey{
	color: #465a65 !important;
}
.margin-top-075{
	margin-top: 0.75rem !important;
}
.margin-bottom-075{
	margin-bottom: 0.75rem !important;
}


#caseStudyTitle{
	font-family: "Fivo Sans bold";
	font-size: 1.5rem;
	color: #465a65;
	line-height: 1.6;
	margin-bottom: 1em;

}
.caseStudySubtitle{
	font-family: "Fivo Sans bold";
	font-size: 1.5rem;
	color: #465a65 !important;
	line-height: 1.6;
	margin-top: 1.5em;
	margin-bottom: 0.5em;

}
.videoPadding{
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

/* Szczegoly case study	*/
.CaseStudyTitle{
	padding-top: 6.5rem;
}
.justify{
	text-align: justify;
}



/* BUTTONY */
.btn{
	text-transform: uppercase;
	font-family: 'Fivo Sans';
}
.btn .leftArrow, .btn .rightArrow{
	margin-top: -3.5px;
}
.btn-purple{
	background-color: #7d3cbc;
	border-color: #7d3cbc;
	color: #fff;
	padding: .75rem 1rem;
}
.btn-blue{
	background-color: #2196f3;
	border-color: #2196f3;
	color: #fff;
	padding: .75rem 1rem;
}
.btn-green{
	background-color: #00ba4f;
	border-color: #00ba4f;
	color: #fff;
	padding: .75rem 1rem;
}
.btn-grey{
	background-color: #bcbcbc;
	border-color: #bcbcbc;
	color: #fff;
	padding: .75rem 1rem;	
}
.btn-komart{
	background-color: #bb0e0c;
	border-color: #bb0e0c;
	color: #fff;
	padding: .75rem 1rem;	
}



/* Tła cytatów */
.background-blue{
	background-color: #2196f3;
}
.background-green{
	background-color: #00ba4f;
}
.background-white{
	background-color: #fff;
}
.background-komart{
	background-color: #bb0e0c;
}



/* nagłówki - banery */

#headerCaseStudyBlue{
	background-image: url('../img/podstrona-niebieski-header.png');
	background-image: url('../img/podstrona-niebieski-header.png'), -moz-linear-gradient(top, rgba(90,45,134,1) 0%, rgba(90,45,134,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background-image: url('../img/podstrona-niebieski-header.png'), -webkit-linear-gradient(top, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
	background-image: url('../img/podstrona-niebieski-header.png'), linear-gradient(to bottom, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);

	background-repeat: no-repeat;
	background-position:center top;
	padding-bottom: 2rem;
}


#headerCaseStudyGreen{
	background-image: url('../img/podstrona-zielony-header.png');
	background-image: url('../img/podstrona-zielony-header.png'), -moz-linear-gradient(top, rgba(90,45,134,1) 0%, rgba(90,45,134,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background-image: url('../img/podstrona-zielony-header.png'), -webkit-linear-gradient(top, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
	background-image: url('../img/podstrona-zielony-header.png'), linear-gradient(to bottom, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
	
	background-repeat: no-repeat;
	background-position:center top;
	padding-bottom: 2rem;
}


#headerCaseStudyKomart{
	background-image: url('../img/komart/background.png');
	background-image: url('../img/komart/background.png'), -moz-linear-gradient(top, rgba(90,45,134,1) 0%, rgba(90,45,134,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background-image: url('../img/komart/background.png'), -webkit-linear-gradient(top, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
	background-image: url('../img/komart/background.png'), linear-gradient(to bottom, rgba(90,45,134,1) 0%,rgba(90,45,134,1) 40%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);

	background-repeat: no-repeat;
	background-position:center top;
	padding-bottom: 2rem;
}