/* 

AUTHOR: Łukasz Fedorowicz · mataba.pl 

*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


body {
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	/* font-family: 'Source Sans Pro', Seravek, Arial, sans-serif; */
	color: #89867e;
	background: #fff;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
	color: #2B3080;
	overflow-x: hidden;
	position: relative
}

/* @media screen and (min-width: 1280px) {
    body {
		font-size: 1.2em;
    }
}

@media screen and (min-width: 1440px) {
    body {
		font-size: 1.44em;
    }
} */


body::selection {
	background: red;
}

a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #ec008c;
	text-decoration: none;
	white-space: nowrap;
}

a:hover,
a:active {
	outline: 0;
}

.anim-link {
    overflow: hidden;
    font-weight: normal;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    text-indent: 0;
    line-height: 1.2em;
    /*margin-top: -0.14em;*/
}

a::before,
a::after {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.anim-link::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(236, 0, 140, 0.9);
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
}
.uppercase.anim-link::before {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
}
.uppercase.anim-link:hover::before {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}.symbol, 
a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.anim-link.white:before {
	background: rgba(236, 0, 140, 1);
}

.anim-link:hover::before, .link-slideright a:focus::before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.symbol, 
a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

.top-panel > a {
	text-align: center;
	display: inline-block;
	width: auto;
	margin: 0;
}

.top-panel a:hover,
.top-panel a:active, 
.btn-wrap a:hover, 
.btn-wrap a:active,
.quote-author a:hover,
.quote-author a:active{
	color: #fff;
}

.top-panel {
	background: url(../img/mataba_wzor_piksel4.png) 50% 80%;
	background-size: 223px;
	background-repeat: repeat-x;
	text-align: center;
}

@media screen and (min-width: 1280px) {
    .top-panel {
		background-size: 263px;
    }
}

@media screen and (min-width: 1440px) {
    .top-panel {
		background-size: 323px;
    }
}

.top-panel p, .top-panel .secondary-description, .top-panel h5 {
	text-align: left;
	text-indent: 0;
}

.secondary-description {
	color: #C9CBD1;
}

.secondary-description p a {
	color: #C9CBD1 !important;
}

.secondary-description:hover {
	color: #2B3080;
}

.secondary-description:hover p a {
	color: #ec008c !important;
}

.secondary-description:hover p a:hover {
	color: #fff !important;
}

.project .top-panel p {
	text-align: inherit;
	transition: all 0.2s ease-in-out;
}

.project .top-panel p:last-of-type {
	margin-bottom: 0.32em;
}

.project .top-panel p em {
	font-style: initial;
	/* font-family: 'Quadon-Regular',Charter, Georgia, serif;
	font-size: 0.96em;
	letter-spacing: 0.02em; */
}

.top-panel p span {
	font-size: 0.8rem;
}

.container, footer {
	position: relative;
	background: #12175e; /* Old browsers */
	background: -moz-linear-gradient(-60deg, #12175e 0%,#12175e 35%,#612991 43%,#612992 47%,#138EA3 57%,#612992 62%,#12175e 64%,#12175e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#12175e), color-stop(35%,#12175e), color-stop(43%,#612992), color-stop(47%,#612992), color-stop(57%,#138EA3), color-stop(62%,#612992), color-stop(64%,#12175e), color-stop(100%,#12175e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(135deg, #12175e 0%,#12175e 35%,#612991 43%,#612992 47%,#138EA3 57%,#612992 62%,#12175e 64%,#12175e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(135deg, #12175e 0%,#12175e 35%,#612991 43%,#612992 47%,#138EA3 57%,#612992 62%,#12175e 64%,#12175e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(135deg, #12175e 0%,#12175e 35%,#612991 43%,#612992 47%,#138EA3 57%,#612992 62%,#12175e 64%,#12175e 100%); /* IE10+ */
	background: linear-gradient(135deg, #12175e 0%,#12175e 35%,#612991 43%,#612992 47%,#138EA3 57%,#612992 62%,#12175e 64%,#12175e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12175e', endColorstr='#12175e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size: 300% 300%;
	/* GRADIENT: http://www.colorzilla.com/gradient-editor/#12175e+0,12175e+18,612992+40,612992+40,ec008c+57,612992+62,12175e+67,12175e+100;Custom */
	-webkit-animation: anim-gradient 6s normal infinite;
	-moz-animation: anim-gradient 6s normal infinite;
	animation: anim-gradient 6s normal infinite;
}

footer {
	background-size: 300% 200%;
	-webkit-animation: anim-gradient 4s normal infinite;
	-moz-animation: anim-gradient 4s normal infinite;
	animation: anim-gradient 4s normal infinite;
}

/* GRADIENT ANIMATION */

@-webkit-keyframes anim-gradient {
    0%{background-position:94% 100%}
	75%{background-position:7% 0%}
    100%{background-position:7% 0%}
}
@-moz-keyframes anim-gradient {
    0%{background-position:94% 100%}
	75%{background-position:7% 0%}
    100%{background-position:7% 0%}
}
@keyframes anim-gradient { 
    0%{background-position:94% 100%}
	75%{background-position:7% 0%}
    100%{background-position:7% 0%}
}

.container > section {
	width: 100%;
	min-height: 44em;
	margin: 0;
	padding: 11em 9.895833333333%;
	text-align: left;
	color: #fff;
}

@media (max-width: 1024px) {
  .container > section {
	min-height: 0;
    padding: 9em 9.895833333333%;
  }
}

@media (max-width: 960px) {
  .container > section {
    padding: 7em 9.895833333333%;
  }
}

@media (max-width: 768px) {
  .container > section {
    padding: 4em 9.895833333333%;
  }
}

@media (max-width: 480px) {
  .container > section {
    padding: 4em 4.895833333333%;
	white-space: normal;
  }
}

.container > section p {
	position: relative;
	margin: 0;
	padding: 0;
	padding: 0;
	z-index: 1;
}

.container > section p.text {
	font-size: 1.4em;
}

h1 {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	font-size: 4em;
	font-weight: 100;
	letter-spacing: -0.01em;
	color: #00c9ac;
}

@media (max-width: 768px) {
  h1 {
      font-size: 3.2em;
  }
}

section h1 {
    min-height: 3em;
	margin-bottom: 0;
}

@media (max-width: 768px) {
  section h1 {
      min-height: 5em;
  }
}

@media (max-width: 640px) {
  section h1 {
	  font-family: 'Quadon-Light', Charter, Georgia, serif;
	  font-size: 2.4em;
      min-height: 7em;
  }
}

.project section h1 {
	letter-spacing: -0.04em;
	text-align: center;
	margin: 0.05em 0 0.3em;
	padding: 0 1em;
    min-height: 0;	
}

h1 sup, .h1-ref sup{
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	/* color: #00c9ac; */
	font-weight: 500;
	display: inline-block;
	position: absolute;
}

.h1-ref em{
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	/* color: #00c9ac; */
	font-weight: 500;
	font-style: normal;
	font-size: 1.7em;
	display: inline-block;
}

@media (max-width: 640px) {
  .h1-ref em {
	  font-family: 'Quadon-Light', Charter, Georgia, serif;
  }
}


h1 sup {
	margin: 0 -0.15em;
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	position: absolute;
	display: inline-block;
}

h1 strong {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	color: #00c9ac;
	font-weight: normal;
}

@media (max-width: 640px) {
  h1 strong {
	  font-family: 'Quadon-Light', Charter, Georgia, serif;
  }
}

h1 span {
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-indent: 0;
}

h1 span sup {
	margin: 0;
}

h1 em {
	font-family: 'Quadon-ThinItalic', Charter, Georgia, serif;
	font-style: normal;
}

@media (max-width: 640px) {
  h1 em {
	  font-family: 'Quadon-LightItalic', Charter, Georgia, serif;
  }
}

h1 b {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	font-weight: inherit;
}

@media (max-width: 640px) {
  h1 b {
	  font-family: 'Quadon-Light', Charter, Georgia, serif;
  }
}

h2 {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	font-size: 4em;
	font-weight: normal;
	color: #00c9ac;
	margin: 0.8em 0 0.3em;
}

@media (max-width: 640px) {
  h2 {
	  font-family: 'Quadon-Light', Charter, Georgia, serif;
	  font-size: 2.4em;
  }
}

h3 {
	font-size: 1.12em;
}

h5 {
	font-family: 'Quadon-Light', Charter, Georgia, serif;
	font-size: 1em;
	margin: 0.3em 0 0;
	color: #00c9ac;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

p, span {
	font-family: 'Source Sans Pro', Seravek, Helvetica, Arial, sans-serif;
	font-size: 1.12em;
	margin: 0;
	text-indent: 3em;
	line-height: 1.5;
}

h3 span {
	font-size: 1em;
}

p:first-of-type {
	margin: 0;
	text-indent: 0;
}

.top-panel p, span {
	
}

p:last-of-type {
	margin-bottom: 1em;
}

.grid h2:after {
	content: '';
	/* background: #3DBCAA; */
	width: 32%;
	height: 1px;
	bottom: -0.32em;
	display: block;
	position: relative;
	margin-left: 34%;
	border-bottom: dotted 1px #3DBCAA;
}

@media (max-width: 768px) {
  .grid h2:after {
    width: 100%;
	margin-left: 0;
  }
}

.top-panel .uppercase-link {
	font-size: 0.8em;
}

/* Sticky header */
.header
{
	width: 100%;
	height: 4em; 
	padding-top: 0.3em;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: rgba(240, 241, 245, 0.95);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	border-bottom: solid 0.1em #BCC1D5;
	text-align: justify;
	vertical-align: top
    -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );	
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
 
.header--hidden
{
    -webkit-transform: translateY( -100% );
    -ms-transform: translateY( -100% );
    transform: translateY( -100% );
}

.header:before {
	content: '';
	background: #3dbcaa;
	background: -moz-linear-gradient(-45deg, #3dbcaa 0%, #4851d9 50%, #4851d9 50%, #ec008c 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3dbcaa), color-stop(50%,#4851d9), color-stop(50%,#4851d9), color-stop(100%,#ec008c));
	background: -webkit-linear-gradient(-45deg, #3dbcaa 0%,#4851d9 50%,#4851d9 50%,#ec008c 100%);
	background: -o-linear-gradient(-45deg, #3dbcaa 0%,#4851d9 50%,#4851d9 50%,#ec008c 100%);
	background: -ms-linear-gradient(-45deg, #3dbcaa 0%,#4851d9 50%,#4851d9 50%,#ec008c 100%);
	background: linear-gradient(135deg, #3dbcaa 0%,#4851d9 50%,#4851d9 50%,#ec008c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dbcaa', endColorstr='#ec008c',GradientType=1 );
	height: 0.3em;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000000;
}

#logo {
	width: 18.949792%;
	display: inline-block;
	margin-top: 1.2em;
}

#logo img {
	width: 8em;
	/*max-width: 100%;*/
	display: block;
}

header nav {
	margin: 0 7% 0 0;
	font-size: 0.8em;
	display: inline-block;
	vertical-align: middle;
	height: 1.7em;
} 

header nav a:link, header nav a:visited {
	color: #2B3080;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	/* border-bottom: solid 0.5em #ddd; */
	line-height: 1.4em;
}

header nav a:hover, .anim-link:hover {
	color: #ec008c;
}

header::after {
    content: '';
    display: inline-block;
    width: 100%;
}

header h1 {
	font-size: 0.8rem;
	display: inline-block;
	height: 100%;
	margin: 0 0 0 9.16979%;
	vertical-align: middle;
}

@media (max-width: 768px) {
  header h1 {
    margin: 0 0 0 4.16979%;
  }
}

header h1::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.slide-menu {
	list-style: none;
	text-align: center;
	line-height: 7em;
	color: #fff;
	background: rgba(17, 23, 97, 0.97);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transform: translate3d(109%,0,0);
	transform: translate3d(109%,0,0);
	-webkit-transition: all 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	   -moz-transition: all 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	     -o-transition: all 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	        transition: all 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */

	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	   -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	     -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	        transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
}

.slide-menu ul {
	list-style: none;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -55%);
	transform: translate(0, -55%);
}

.slide-menu li{
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	font-size: 4.2em;
	line-height: 2em;
	width: 110%;
	margin-left: -10%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

@media (max-width: 480px) {
  .slide-menu li {
    font-size: 3.6em;
  }
}

.slide-menu li:after {
	content: '';
	width: 100%;
	height: 0;
	position: relative;
	bottom: 0;
	border-bottom: dotted 1px #3dbcaa;
}

.slide-menu li a:link, .slide-menu li a:visited{
	color: #ec008c;
	line-height: 2em;
	width: 100%;
	display: block;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.slide-menu li a:hover, .slide-menu li a:focus{
	background: rgba(236, 0, 140, 0.2);
	-webkit-transform: translate3d(0.3em,0,0);
	transform: translate3d(0.3em,0,0);
}

.slide-menu li:active, .slide-menu li a:focus{
	background: rgba(236, 0, 140, 0.35);
}
.slide-menu li:nth-child(1) {
	-webkit-transition-delay: 0.03s;
	transition-delay: 0.03s;
}

.slide-menu li:nth-child(2) {
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
}

.slide-menu li:nth-child(3) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}

.slide-menu li:nth-child(4) {
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
}

.slide-menu li:nth-child(5) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.slide-menu li:nth-child(6) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
/*
.slide-menu li:nth-child(1) {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.slide-menu li:nth-child(2) {
	-webkit-transform: translate3d(150%,0,0);
	transform: translate3d(150%,0,0);
}

.slide-menu li:nth-child(3) {
	-webkit-transform: translate3d(200%,0,0);
	transform: translate3d(200%,0,0);
}

.slide-menu li:nth-child(4) {
	-webkit-transform: translate3d(250%,0,0);
	transform: translate3d(250%,0,0);
}

.slide-menu li:nth-child(5) {
	-webkit-transform: translate3d(300%,0,0);
	transform: translate3d(300%,0,0);
}

.slide-menu li:nth-child(6) {
	-webkit-transform: translate3d(350%,0,0);
	transform: translate3d(350%,0,0);
}
*/
.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
	font-family: 'Quadon-Medium', Charter, Georgia, serif;
	cursor: pointer;
	background-size: contain;
	z-index: 10000;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

label[for="nav-trigger"]:hover {
	color: #ec008c;
}

.nav-trigger:checked ~ .slide-menu {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.nav-trigger:checked ~ .slide-menu li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.nav-trigger:checked ~ label[for="nav-trigger"] {
	color: #fff;
}

.nav-trigger:checked ~ label[for="nav-trigger"]:hover  {
	color: #ec008c;
}

.uppercase {
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* General button style */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;W
	background: none;
	cursor: pointer;
	padding: 1.1em 1.7em 0.9em 1.9em;
	display: inline-block;
	margin: 1em 1em 0 0;
	text-transform: uppercase;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 1 */
.btn-1 {
	font-size: 0.8em;
	color: #fff;
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	font-weight: 300;
	letter-spacing: 0.3em;
	border: 1px solid #ec008c;
	border-radius: 0.3em;
	box-shadow: inset 0px 0px 0px 6px rgba(236, 0, 140, 0.3);
	background: rgba(43, 48, 128, 0.5);
}

@media (max-width: 480px) {
  .top-panel .btn-1 {
	text-align: center;
    width: 100%;
	margin: 1em 1em 3em 0;
  }
}

/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(236, 0, 140, 0.75);
	
}

.btn-1c:hover {
	color: #fff;
	/* background: rgba(7, 9, 44, 0); */
}

.btn-1c:active {
	color:#ec008c;
	background: #12175e;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}

.btn-centered {
	margin: 2em auto;
	display: inline-block;
}

@media (max-width: 480px) {
  .btn-centered {
    width: 90%;
	white-space: normal;
  }
}

.btn-wrap {
	text-align: center;
	width: 100%;
	margin-top: 9.6em;
	padding: 4em 0;
	display: block;
	float: left;
}

.project .btn-wrap {
	margin-top: 3em;
}

@media (max-width: 768px) {
  .btn-wrap {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .btn-wrap {
    margin-top: 0;
  }
}

.btn-wrap:after, .btn-wrap:before {
	content: '';
	background: #E0E0EB;
	width: 33.333%;
	height: 3px;
	margin: 0 auto;
	display: block;
}

.btn-white {
	color: #2B3080;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: inset 0px 0px 0px 6px rgba(236, 0, 140, 0.06);
	z-index: 1;
}

.btn-white:hover {
	background: transparent;
}

.btn-white:active {
	background: #2b3080;
}

.btn-1c:active:after {
	width: 100%;
	background: #2b3080;
}


/* *********************************** */

.nav-trigger span {
	display: inline-block;
	margin: 0 1em;
	border: none;
	background: none;
}
.nav-trigger span em {
	display: block;
}

/* ====================== lines button ==================================================*/
#menuText {
	cursor: pointer;
	line-height: 1.5rem;
}
.cmn-toggle-switch {
	float: right;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
			appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
			transition: background 0.3s;
}
.cmn-toggle-switch:focus {
	outline: none;
}
.cmn-toggle-switch span {
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	right: 4px;
	height: 2px;
	background: #ec008c;
}
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ec008c;
	content: "";
}
.cmn-toggle-switch span::before {
	top: -5px;
}
.cmn-toggle-switch span::after {
	bottom: -5px;
}
.cmn-toggle-switch__htx {
	background-color: transparent;
}
.cmn-toggle-switch__htx span {
	-webkit-transition: background 0 0.3s;
			transition: background 0 0.3s;
}
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
			transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0;
			transition-delay: 0.3s, 0;
}
.cmn-toggle-switch__htx span::before {
	-webkit-transition-property: top, -webkit-transform;
			transition-property: top, transform;
}
.cmn-toggle-switch__htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
			transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
	background-color: transparent;
}
.cmn-toggle-switch__htx.active span {
	background: none;
}
.cmn-toggle-switch__htx.active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
	-webkit-transition-delay: 0, 0.3s;
			transition-delay: 0, 0.3s;
}

/* ========== PROJECT MINIS ========== */

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 0;
	width: 80.208333333333%;
	list-style: none;
}

@media (max-width: 480px) {
  .grid {
    width: 90.208333333333%;
  }
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	/* min-width: 320px; */
	/* max-width: 480px; */
	/* max-height: 360px; */
	width: 33.333333%;
	background: #ec008c;
	text-align: center;
	cursor: pointer;
	height: 0;
	margin-bottom: -1px;
	padding-bottom: 24%;
}

@media (max-width: 768px) {
  .grid figure {
    width: 50%;
	padding-bottom: 36%;
  }
}

@media (max-width: 480px) {
  .grid figure {
    width: 100%;
	padding-bottom: 75%;
  }
}

.grid figure:nth-child(3n) {
    -ms-transform: translateY(50%); /* IE 9 */
    -webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transform-style: preserve-3d;
}

@media (max-width: 768px) {
  .grid figure:nth-child(3n) {
      -ms-transform: translateY(0); /* IE 9 */
      -webkit-transform: translateY(0);
  	transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .grid figure:nth-child(2n+1) {
      -ms-transform: translateY(50%); /* IE 9 */
      -webkit-transform: translateY(50%);
  	transform: translateY(50%);
  }
}

@media (max-width: 480px) {
  .grid figure:nth-child(2n+1) {
      -ms-transform: translateY(0); /* IE 9 */
      -webkit-transform: translateY(0);
  	transform: translateY(0);
  }
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.1;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: 0.15em;
	font-weight: 300;
}

.grid figure h3 span {
	font-family: 'Quadon-Medium', Charter, Georgia, serif;
	letter-spacing: 0.03em;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	font-size: 82.5%;
}

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #2b3080; /* was  */
}

figure.effect-sarah img {
	max-width: 110%;
	width: -webkit-calc(100% + 40px);
	width: calc(100% + 40px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-5%,0,0);
	transform: translate3d(-5%,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.8;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h3 {
	font-family: 'Quadon-Light', Charter, Georgia, serif;
	position: relative;
	overflow: hidden;
	padding: 0 0 0.5em;
	text-shadow: 0.03em 0.03em 0.05em rgba(0, 0, 0, 0.32);
}

figure.effect-sarah h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ec008c;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h3::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

/*
REMOVES SLIDING PARAGRAPH EFFECT

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
*/

.content {
	background: #FCFCFE url(../img/mataba_wzor_jasny1.png) 81.3% 43%;
	z-index: 0;
	position: relative;
}

.project .content {
	background: #fff;
}

.body-text {
	width: 50%;
	margin: 2em auto;
	font-family: 'Quadon-Light', Charter, Georgia, serif;
	color: #2B3080;
	font-size: 1.325em;
	line-height: 1.5em;
}

i { 
	font-family: 'Quadon-LightItalic', Charter, Georgia, serif;
	font-style: normal;
}

b { 
	font-family: 'Quadon-Medium', Charter, Georgia, serif;
	font-style: normal;
}

#wifi {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	letter-spacing: 0.03em;
	font-style: normal;
}

.referral-quote {
	background: #fff;
	padding: 3.75em 0;
	/* box-shadow: inset 0 0.2em rgba(0, 0, 0, 0.01) */
	border-top: dotted 1px #00c9ac;
	position: relative;
}

.referral-quote img {
    width: 5.5em;
    /* margin: -1.6em 1em 0em 0; */
    display: inline-block;
    /* float: left; */
    vertical-align: middle;
}

@media (max-width: 960px) {
  .referral-quote img {
	width: 10%;
	margin-left: 9.895833333333%;
  }
}

.blockquote {
	font-family: 'Quadon-Light', Charter, Georgia, serif;
	font-size: 1.75em;
	/* color: #00c9ac; */
	letter-spacing: -0.02em;
	/* text-shadow: 0.02em 0.02em #fff; */
	position: relative;
	z-index: 2;
}

.blockquote strong {
	font-family: 'Quadon-Medium', Charter, Georgia, serif;
	font-style: normal;
	color: inherit;
}

/*.blockquote:before {
	content: '”';
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
	font-size: 20em;
	line-height: 1em;
	color: #D4FCF6;
	position: absolute;
	top: 15%;
	left: -17%;
	z-index: -1;
}*/

.referral-quote .blockquote {
    width: 52.8125%;
    margin: 0 2.111145833333% 0 9.895833333333%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 960px) {
  .referral-quote .blockquote {
    width: 100%;
	margin: 0;
	padding: 0 9.895833333333% 1em;
  }
}

@media (max-width: 480px) {
  .referral-quote .blockquote {
    width: 100%;
	margin: 0;
	padding: 0 4.895833333333% 1em;
  }
}

.referral-quote .quote-author {
	width: 16.3125%;
	margin: 0 0 0 1em;
	padding-left: 1em;
	border-left: solid 1px #eee;
	display: inline-block;
	vertical-align: middle; 
}

@media (max-width: 960px) {
  .referral-quote .quote-author {
    width: 70%;
  }
}

.quote-author {
	font-size: 0.8rem;
	text-indent: 0;
}
footer {
	margin: 0;
	padding: 0;
}
footer p {
	margin: 0;
	padding: 0;
	float: left;
}

@media (max-width: 768px) {
  footer p {
    font-size:0.8em;
	text-align: center;
	float: none;
  }
}

.footer-wrap {
	font-size: 0.8rem;
	color: white;
	margin: 0;
	padding: 4em 9.895833333333% 6em;
	position: relative;
	z-index: 2;
	background: url(../img/mataba_wzor_piksel5.png) 50% 80%;
	background-size: 223px;
	background-repeat: repeat-x;
}

@media (max-width: 768px) {
  .footer-wrap {
  	text-align: center;
  }
}

.social-list {
	list-style: none;
	display: inline-block;
	float: right;
	margin: -0.95em 0 0 0;
}

@media (max-width: 768px) {
  .social-list {
  	display: inline-block;
  	float: none;
  	margin: 0;
	padding: 0;
  }
}


.social-list li {
	font-size: 2.2em;
	color: #fff;
	margin: 0 0.3em;
	display: inline-block;
	position: relative;
}

.social-list li a:link, .social-list li a:visited {
	color: #fff !important;
	display: inline-block;
}

.social-list li span {
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-list li span:before {
	content: '';
	width: 0.9em;
	height: 0.9em;
	background: #ec008c;
	border-radius: 100%;
	position: absolute;
	top: 0.1em;
	left: -0.0250em;
	z-index: -1;
	line-height: 0.3em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.social-list li span:hover:before {
	transform:scale(1.5); 
	-webkit-transform:scale(1.5); 
	-moz-transform:scale(1.5); 
	-o-transform:scale(1.5); 
}

/* Project subpage styles */
.project .top-panel {
	background: #fff;
	padding-top: 16em;
	position: relative;
	z-index: 1;
}

@media (max-width: 480px) {
  .project .top-panel {
    padding-top: 11em;
  }
}

.project .top-panel:after {
	content: ' ';
	width: 100%;
	height: 8em;
	background: url(../img/mataba_wzor_drobny01.jpg) 0 0;
	background-size: 96px;
	background-repeat: repeat;
	position: absolute;
	top: 0;
}

.project .main-description, .project .secondary-description {
	width: 39.166145833333%;
	margin: 0 0 0 9.895833333333%;
	float: left;
}

.project .main-description {
	display: none;
}
 
.project .secondary-description {
	margin: 0.95em auto 0;
	border-top: dotted 1px #00c9ac;
	padding: 0.7em 0 0.8em;
	border-bottom: dotted 1px #00c9ac;
	float: none;
	text-align: center;
	width: 63%;
}

.project .secondary-description h5 {
	margin-bottom: 0.2em;
}

.project .secondary-description p + a {
	margin-top: 0.3em;
}

.project .top-panel .uppercase,
.project .content .uppercase {
	font-size: 0.8em;
}

.project .top-panel img{
	width: 44.220416666667%;
	margin: 1em 4.633229166667% 0 0;
	float: right;
	position: absolute;
	z-index: 4;
	right: 0;
	top: 4em;
	max-width: 44.220416666667%;
	min-width: 44.220416666667%;
}

.project h1 strong {
	font-family: 'Quadon-Regular', Charter, Georgia, serif;
}

.project .role {
	/* background: url(../img/mataba_wzor_drobny01.jpg) 0 0; */
	background-size: 96px;
	background-repeat: repeat;
	padding: 1em 9.895833333333% 0;
	position: relative;
	float: left;
	width: 100%;
	z-index: 2;
	margin: 2em 0 2em;
	/* box-shadow: inset 0 2px rgba(0, 0, 0, 0.04); */
}

.project .overview {
	width: 39.166145833333%;
	margin: 0 0 0 9.895833333333%;
	float: left;
}

.project .content {
	/* background: #E2E3E8; */ 
	/* width: 80.208333333333%; */
	margin: 1.75em 0 0;
	padding: 0;
	/* padding: 2em 9.895833333333%; */
}

.project .content img {
	max-width: 100%;
	min-width: 100%;
	display: block;
}

.project #logos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.project #logos ul li {
	background: #fafbff;
	width: 100%;
	margin: 0;
	padding: 7em 0;
	display: block;	
}

.project #logos ul li:nth-child(2n) {
	background: #f5f6fa;	
}

.project #logos img {
	max-width: 60%;
	min-width: 60%;
	margin: 0 auto;
	display: block;
}

.project-anim {
	width: auto;
	max-width: 82%;
	margin: 0 auto 2em;
	display: block;
}

.bottom-panel {
	background: #FCFCFE url(../img/mataba_wzor_jasny1.png) 81.3% 43%;
	z-index: 0;
	position: relative;
	/* background-size: 96px; */
	background-repeat: repeat;
	padding: 1em 0 0;
	box-shadow: inset 0 2px rgba(0, 0, 0, 0.04);	
}

.bottom-panel h2 {
	font-family: 'Quadon-Thin', Charter, Georgia, serif;
	font-size: 4em;
	text-align: center;
}

.thank-you {
	margin: 0 auto;
	padding: 1em 0 3em;
	text-align: center;
}

.thank-you p, 
.thank-you span {
	text-indent: 0;
}

.thank-you ul {
	width: 30%;
	list-style: none;
	padding: 0.7em 0 3em;
	text-align: center;
	margin: 0 auto;
}

.thank-you ul li {
	display: inline-block;
}

.thank-you ul li:first-of-type {
	transform: translateY(-5px);
	line-height: 23px;
}

.thank-you ul li:last-of-type {
	margin-right: -40px;
}

.previous-panel,
.next-panel {
	width: 50%;
	padding: 6em 0;
	overflow: hidden;
	box-shadow: inset 0 0.3em rgba(0, 0, 0, 0.05);
}

@media (max-width: 480px) {
  .previous-panel,
  .next-panel {
    padding: 6em 0 0;
  }
}

.previous-panel {
	float: left;
}

.way-out {
	position: relative;
	background: url(../img/mataba_wzor_drobny01.jpg) 0 0;
	background-size: 96px;
	position:relative;
}

.way-out .link-bg {
	color: #2B3080 !important;
	text-shadow: 0.05em 0.05em 0 #fff;
	background: rgba(255, 255, 255, 0.7);
	padding: 2em 19.791666666666% 1em;
	position:relative;
	z-index: 2;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	display: inline-block;
	width: 100%;
}

@media (max-width: 480px) {
  .way-out .link-bg {
	  padding: 2em 6.791667% 1em;
  }
}

.way-out img {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-top: -15%;
	opacity: 0;
	transition: all 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	position:absolute;
	z-index: 1;
	bottom: 0;
}

@media (max-width: 480px) {
  .way-out img {
    top: 0;
	bottom: auto;
  }
}

@media (max-width: 480px) {
  .way-out h5 {
    font-size: 0.8em;
  }
}

.way-out .previous-panel img {
	left: 0;
	-webkit-transform: translate3d(2%,0,0);
	transform: translate3d(2%,0,0);
}

.way-out .next-panel img {
	right: 0;
	-webkit-transform: translate3d(-2%,0,0);
	transform: translate3d(-2%,0,0);
	
}

.way-out a:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.way-out a:hover .link-bg {
	background: rgba(255, 255, 255, 0.9);
}

.previous-panel:before {
	content: url(../img/icon_left.svg);
	position: absolute;
	width: 3em;
	left: 3em;
	top: 8.5em;
	-webkit-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	z-index: 3;
}

.previous-panel:hover:before {
	left: 2em;
}

.next-panel:before {
	content: url(../img/icon_right.svg);
	position: absolute;
	width: 3em;
	right: 3em;
	top: 8.5em;
	-webkit-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
	z-index: 3;
}

@media (max-width: 480px) {
  .previous-panel:before,
  .next-panel:before {
    display: none;
  }
}

.next-panel:hover:before {
	right: 2em;
}

.next-panel {
	float: right;
	text-align: right;
}

#fb-mini {
	display: block;
	/* clip: rect(0, 0, 0, 0); */
	position: absolute;
	bottom: 0;
	left: 99999px;
}

/* Contact sub-page styles */

.contact {
	background: #12165e;
}

.contact .container {
	background: rgb(18,23,94); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(18,23,94,1) 1%, rgba(18,23,94,1) 31%, rgba(97,41,146,1) 38%, rgba(0, 201, 172, 1) 47%, rgba(0, 201, 172, 1) 53%, rgba(97,41,146,1) 62%, rgba(18,23,94,1) 84%, rgba(18,23,94,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(18,23,94,1)), color-stop(31%,rgba(18,23,94,1)), color-stop(38%,rgba(97,41,146,1)), color-stop(47%,rgba(0, 201, 172, 1)), color-stop(53%,rgba(0, 201, 172, 1)), color-stop(62%,rgba(97,41,146,1)), color-stop(84%,rgba(18,23,94,1)), color-stop(100%,rgba(18,23,94,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(18,23,94,1) 1%,rgba(18,23,94,1) 31%,rgba(97,41,146,1) 38%,rgba(0, 201, 172, 1) 47%,rgba(0, 201, 172, 1) 53%,rgba(97,41,146,1) 62%,rgba(18,23,94,1) 84%,rgba(18,23,94,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(18,23,94,1) 1%,rgba(18,23,94,1) 31%,rgba(97,41,146,1) 38%,rgba(0, 201, 172, 1) 47%,rgba(0, 201, 172, 1) 53%,rgba(97,41,146,1) 62%,rgba(18,23,94,1) 84%,rgba(18,23,94,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(18,23,94,1) 1%,rgba(18,23,94,1) 31%,rgba(97,41,146,1) 38%,rgba(0, 201, 172, 1) 47%,rgba(0, 201, 172, 1) 53%,rgba(97,41,146,1) 62%,rgba(18,23,94,1) 84%,rgba(18,23,94,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(18,23,94,1) 1%,rgba(18,23,94,1) 31%,rgba(97,41,146,1) 38%,rgba(0, 201, 172, 1) 47%,rgba(0, 201, 172, 1) 53%,rgba(97,41,146,1) 62%,rgba(18,23,94,1) 84%,rgba(18,23,94,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12175e', endColorstr='#12175e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size: 60em;
	background-position: center center;
	/* GRADIENT: http://www.colorzilla.com/gradient-editor/#12175e+0,12175e+18,612992+40,612992+40,ec008c+57,612992+62,12175e+67,12175e+100;Custom */
	-webkit-animation: anim-gradient-contact 6s normal infinite;
	-moz-animation: anim-gradient 6s normal infinite;
	animation: anim-gradient 6s normal infinite;
	background-repeat: no-repeat;
}

@-webkit-keyframes anim-gradient-contact {
    0%{background-size:280em}
	25%{background-size:180em}
    100%{background-size:1px}
}
@-moz-keyframes anim-gradient-contact {
    0%{background-size:280em}
	25%{background-size:180em}
    100%{background-size:1px}
}
@keyframes anim-gradient-contact { 
    0%{background-size:280em}
	25%{background-size:180em}
    100%{background-size:1px}
}

/* 	 */

.contact .top-panel {
	background: url(../img/mataba_wzor_kontakt2.png) 50% 80%;
	background-size: 223px;
	background-repeat: repeat;
	text-align: left;
	padding: 4em 9.895833333333% 8em;
	position: relative;
}
@media (max-width: 768px) {
  .contact .top-panel {
    padding: 3em 0 6em;
  }
}
.contact .top-panel:before {
	-moz-linear-gradient(top, rgba(18,23,94,0) 0%, rgba(18,23,94,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,23,94,0)), color-stop(100%,rgba(18,23,94,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(18,23,94,0) 0%,rgba(18,23,94,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(18,23,94,0) 0%,rgba(18,23,94,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(18,23,94,0) 0%,rgba(18,23,94,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(18,23,94,0) 0%,rgba(18,23,94,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0012175e', endColorstr='#12175e',GradientType=0 ); /* IE6-9 */
	width: 100%;
	height: 8em;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.contact .container h1 {
	font-size: 3em;
	margin-bottom: 0.1em;
	padding-bottom: 0;
	min-height: 0;
    text-align: center;
}

@media (max-width: 768px) {
  .contact .container h1  {
	margin-left: 12%;
  }
}

@media (max-width: 480px) {
  .contact .container h1  {
	margin-left: 0;
  }
}

.contact .front-panel {
    background: rgba(17, 22, 102, 0.5);
    margin: 1em auto;
    padding: 5em 12%;
    border-top: dotted 1px rgb(61, 188, 170);
    border-bottom: dotted 1px rgb(61, 188, 170);
}

@media (max-width: 480px) {
  .contact .front-panel  {
	padding: 2em 7%;
  }
}

.contact .front-panel .anim-link::before {
    -webkit-transform: scaleY(0.8) translateX(-101%);
    transform: scaleY(0.8) translateX(-101%);
}

.contact .front-panel .anim-link:hover::before {
    -webkit-transform: scaleY(0.8) translateX(0);
    transform: scaleY(0.8) translateX(0);
}

.contact .front-panel table {
	width: 80%;
}

.contact .front-panel table {
	width: 100%;
}

.contact .front-panel table tr {
	width: 100%;
	float: left;
}

.contact .front-panel table td {
	vertical-align: bottom;
	margin: 0;
	padding: 2em;
	display: block;
	float: left;
}

.contact .front-panel table td:nth-child(2n-1) {
	width: 30%;
	padding: 2.4em 0.4em 1em 0;
	box-shadow: inset 0 -1px rgba(61, 188, 170, 0.5);
	height: 5.2em;
}

@media (max-width: 768px) {
  .contact .front-panel table td:nth-child(2n-1) {
	box-shadow: none;
  }
}

@media (max-width: 480px) {
  .contact .front-panel table td:nth-child(2n-1) {
    width: 100%;
	height: auto;
	padding: 2.4em 0.4em 0 0;
  }
}

.contact .front-panel table tr td:nth-child(2n) {
    font-size: 2em;
    padding: 0.7em 0.2em;
    font-family: 'Quadon-Light', Charter, Georgia, serif;
	/* box-shadow: inset 0 -1px rgba(61, 188, 170, 0.2); */
	overflow: hidden;
	width: 70%;
}

@media (max-width: 768px) {
  .contact .front-panel table tr td:nth-child(2n) {
    font-size: 1.44em;
	width: 100%;
	padding: 0 0 0.7em;
	box-shadow: inset 0 -1px rgba(61, 188, 170, 0.5);
  }
}

.phone-number {
	color: #fff;
}

.phone-number:hover:before {
	display: none;
	cursor: normal;
}

.about {
	background: #12165e;
}

.about .top-panel img {
    width: 31.563196533504%;
    margin: 0;
    display: inline-block;
    /* float: left; */
    /* position: relative; */
    z-index: 1;
    vertical-align: middle;
}

@media (max-width: 640px) {
  .about .top-panel img {
	  padding-top: 1em;
  }
}

.about .top-panel img:before {
	content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
}

.about .top-panel h1 {
    width: 64.854076718051%;
	min-height: 0;
    margin: 0 0 0 2.597793953375%;
    /* float: left; */
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 768px) {
  .about .top-panel h1 {
	  width: 100%;
	  padding: 0 0 2em;
  }
}

@media (max-width: 640px) {
  .about .top-panel h1 {
	  padding: 0 0 1em;
  }
}

.about .container > section {
	min-height: 0;
	padding: 4em 9.895833333333% 0;
}

@media (max-width: 768px) {
  .about .container > section {
	  text-align: center;
  }
}

.about .container {
	background: rgb(18,23,94); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(18,23,94,1) 0%, rgba(18,23,94,1) 4%, rgba(97,41,146,1) 16%, rgba(97,41,146,1) 16%, rgba(97,41,146,1) 21%, rgba(0,201,172,1) 49%, rgba(97,41,146,1) 65%, rgba(18,23,94,1) 77%, rgba(18,23,94,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(18,23,94,1)), color-stop(4%,rgba(18,23,94,1)), color-stop(16%,rgba(97,41,146,1)), color-stop(16%,rgba(97,41,146,1)), color-stop(21%,rgba(97,41,146,1)), color-stop(49%,rgba(0,201,172,1)), color-stop(65%,rgba(97,41,146,1)), color-stop(77%,rgba(18,23,94,1)), color-stop(100%,rgba(18,23,94,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(18,23,94,1) 0%,rgba(18,23,94,1) 4%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 21%,rgba(0,201,172,1) 49%,rgba(97,41,146,1) 65%,rgba(18,23,94,1) 77%,rgba(18,23,94,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(18,23,94,1) 0%,rgba(18,23,94,1) 4%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 21%,rgba(0,201,172,1) 49%,rgba(97,41,146,1) 65%,rgba(18,23,94,1) 77%,rgba(18,23,94,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(18,23,94,1) 0%,rgba(18,23,94,1) 4%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 21%,rgba(0,201,172,1) 49%,rgba(97,41,146,1) 65%,rgba(18,23,94,1) 77%,rgba(18,23,94,1) 100%); /* IE10+ */
	background: linear-gradient(45deg, rgba(18,23,94,1) 0%,rgba(18,23,94,1) 4%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 16%,rgba(97,41,146,1) 21%,rgba(0,201,172,1) 49%,rgba(97,41,146,1) 65%,rgba(18,23,94,1) 77%,rgba(18,23,94,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12175e', endColorstr='#12175e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size: 60em;
	background-position: left center;
	background-repeat: no-repeat;
	/* GRADIENT: http://www.colorzilla.com/gradient-editor/#12175e+0,12175e+4,612992+16,612992+16,612992+21,00c9ac+49,612992+65,12175e+77,12175e+100;Custom */
	background-size: 200% 200%;
    -webkit-animation: anim-gradient-about 3s ease-in-out infinite alternate;
    -moz-animation: anim-gradient-about 3s ease-in-out infinite alternate;
    animation: anim-gradient-about 3s ease-in-out infinite alternate;
}

.about .top-panel {
	  background: url(../img/mataba_wzor_piksel_about.png) 50% 80%;
	  background-size: 223px;
	  background-repeat: repeat;
}

@media (min-width: 1024px) {
  .about .top-panel {
	background-size: 335px;
  }
}

@-webkit-keyframes anim-gradient-about {
    0%{background-position:100%}
    100%{background-position:0%}
}
@-moz-keyframes anim-gradient-about {
    0%{background-position:100%}
    100%{background-position:0%}
}
@keyframes anim-gradient-about { 
    0%{background-position:100%}
    100%{background-position:0%}
}

.about .content {
    background: #fff url(../img/mataba_wzor_jasny_about.gif) -93% 0%;
    background-size: 66%;
    background-repeat: no-repeat;
    padding: 3em 9.895833333333% 3em 37.174895833333%;
}

@media (max-width: 768px) {
  .about .content {
	padding: 3em 9.895833333333%;
  }
}

.about .content h3 {
	font-family: 'Quadon-Light', Charter, Georgia, serif;
	font-size: 1.75em;
	color: #00c9ac;
}

@media (max-width: 640px) {
  .about .content h3 {
	  text-align: center;
  }
}

.about .content ul {
	text-align: justify;
	list-style: none;
	padding: 0;
}

@media (max-width: 640px) {
  .about .content ul {
	  text-align: center;
  }
}

.about .content ul li {
	text-align: center;
	vertical-align: top;
	width: 21.848947356965%;
	display: inline-block;
	position: relative;
}

@media (max-width: 640px) {
  .about .content ul li {
	  width: 60%;
	  padding-bottom: 1em;
  }
}

.about .content ul::after {
    content: '';
    display: inline-block;
    width: 100%;
}

.about .content ul li img{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	display: block;
}

.about .btn-wrap {
	margin-top: 0;
	float: none;
	padding: 0;
}

.about .btn-wrap:before,
.about .btn-wrap:after {
	width: 100%;
}

.about .btn-wrap span {
	font-size: 0.8rem;
	text-indent: 0;
	margin-left: 0.4em;
	display: inline-block;
}

@media (max-width: 640px) {
  .about .btn-wrap span {
	  padding: 0 0 2em;
  }
}

.about .btn-wrap span .anim-link {
	margin-top: 0;
}

.overlay-gif {
	position: relative;
}

.overlay-gif .base {
	z-index: 1;
	position: relative;
}

.overlay-gif .overlay {
    z-index: 2;
    position: absolute;
}

.overlay-gif.three-mobiles .overlay {
    width: 22.447916666666667%;
    height: auto;
    left: 38.9%;
    top: 11.8%;
}

.overlay-gif.one-button .overlay {
    width: 50%;
    height: auto;
    left: 25%;
    top: 50.8%;
}

.hyphenate {
 -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}