/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-size:11px;
	font-family:'Titillium Web', sans-serif;
	color:#555;
	background-color:#e31e24;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow:hidden;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


/* -------------------------------- 

Main Components 

-------------------------------- */

#left{
	position:fixed;
	width:40px;
	height:100%;
	top:0;
	left:0;
	background-color:#fff;
	z-index:9988;
}
#bottom{
	position:fixed;
	width:100%;
	height:40px;
	bottom:0;
	left:0;
	background-color:#fff;
	background-image:url(../img/bottom-ruler.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	z-index:9990;
}

.logo-white{
	position:absolute;
	top:30px;
	left:30px;
	display:block;
	width:220px;
	height:70px;
	background:url(../img/logo-w.png) center center no-repeat;
	z-index:9987;
}
.logo-color{
	position:fixed;
	top:40px;
	left:80px;
	display:block;
	width:200px;
	height:50px;
	background:url(../img/logo-c.png) center center no-repeat;
	z-index:9980;
}

#fullpage{
	margin:0 0 0 40px;
	position:relative;
}
#section0{
	background-image:url(../img/bg-sec1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
#section1{
	background-image:url(../img/bg-sec1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
#section2{
	background-image:url(../img/bg-sec1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
#section3{
	background-image:url(../img/bg-sec1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
#section4{
	background-image:url(../img/bg-sec1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
}
.half-width{
	width:50%;
    height:100%;
    position:absolute;
	top:0;
	background:rgba(245,245,245,0.8);
}
.mapoverlay{
	background:rgba(245,245,245,0.9);
	height:100%;
    position:absolute;
	top:0;
	left:40px;
}
h2{
	font-size:67px;
	letter-spacing:15px;
	line-height:46px;
	margin:10px auto 30px auto;
	color:#555;
}
h3{
	font-weight:200;
	font-size:37px;
	letter-spacing:10px;
	line-height:37px;
	margin-bottom:0;
	color:#555;
}
h4{
	font-weight:200;
	font-size:28px;
	letter-spacing:10px;
	line-height:28px;
	margin-bottom:30px;
	color:#555;
}
h5{
	font-weight:200;
	font-size:16px;
	letter-spacing:5px;
	line-height:28px;
	margin-bottom:10px;
	color:#555;
}
p{
	font-size:22px;
	font-weight:300;
	padding:0 20% 0 20%;
}
p a{
	text-decoration:none;
	color:#333;
}
p a:hover{
	text-decoration:none;
	color:#e31e24;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	position:relative;
	text-align:center;
	width:100%;
}

/* NAWIGACJA */
main {
  position:absolute;
  z-index:2;
  /* fix bug on iOS */
  height:100%;
  width:100%;
  margin:0;  
  padding:0;
  top:0;
  background-color: #9cb3a8;
  -webkit-overflow-scrolling: touch;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
main h1 {
  font-size:37px;
  margin-bottom:10px;
}
.navigation-is-open main {
  -webkit-transform:translateX(280px);
  -moz-transform:translateX(280px);
  -ms-transform:translateX(280px);
  -o-transform:translateX(280px);
  transform:translateX(280px);
}

.cd-nav-trigger {
  position:fixed;
  z-index:9999;
  left:0;
  top:50%;
  margin-top:-20px;
  height:40px;
  width:40px;
  background-color:none;
  /* image replacement */
  overflow:hidden;
  text-indent:0;
  white-space:nowrap;
  -webkit-transition:-webkit-transform 0.5s;
  -moz-transition:-moz-transform 0.5s;
  transition:transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon{
  /* icon created in CSS */
  position:absolute;
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:22px;
  height:2px;
  background-color:#444;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background-color:inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:-webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition:-moz-transform 0.5s, width 0.5s, top 0.3s;
  transition:transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top:2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top:-2px;
}
.cd-nav-trigger svg {
  position:absolute;
  top:0;
  left:0;
}
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}
@media only screen and (min-width: 1170px) {

}

.cd-nav {
  	position:fixed;
  	z-index:9998;
  	bottom:40px;
  	left:0;
  	height:100%;
  	width:280px;
 	margin:0 0 0 40px;
	padding-top:40px;
  	visibility:hidden;
  	-webkit-transition: visibility 0s 0.7s;
  	-moz-transition: visibility 0s 0.7s;
  	transition: visibility 0s 0.7s;
	text-align:center;
}
.cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height:100%;
  background-color:#fff;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:25px 40px 0 40px;
  -webkit-box-shadow: inset 1px -1px 0px 0px #ddd;
  -moz-box-shadow: inset 1px -1px 0px 0px #ddd;
  box-shadow: inset 1px -1px 0px 0px #ddd;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  -webkit-transition:-webkit-transform 0.7s;
  -moz-transition:-moz-transform 0.7s;
  transition:transform 0.7s;
  -webkit-transition-timing-function:cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function:cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function:cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}

.cd-nav .cd-primary-nav, .cd-nav .cd-contact-info  {
  margin:0;
  padding:0;
  text-align:center;
}
.cd-nav .cd-contact-info  {
  bottom:0;
  font-style:normal;
}


.cd-nav .cd-primary-nav li, .cd-nav .cd-contact-info li {
  margin:0;
  list-style:none;
}
.cd-nav .cd-primary-nav li a {
  font-size:28px;
  color:#999;
  display:inline-block;
  text-decoration:none;
  font-weight:700;
}
.cd-nav .cd-contact-info li {
  margin:0;
  list-style:none;
  font-size:15px;
  color:#999;
  font-weight:700;
}
.cd-nav .cd-contact-info li span{
  color:#bbb;
  letter-spacing:2px;
  font-weight:400;
}
.cd-nav .cd-contact-info li a {
  font-size:16px;
  color:#999;
  display:inline-block;
  text-decoration:none;
  font-weight:700;
}
.cd-nav .copyr li, .cd-nav .copyr li a {
  font-size:12px;
  letter-spacing:3px;
  margin:0;
  padding:0;
  line-height:12px;
  font-weight:400;
}
.cd-nav .copyr li a {
  font-weight:700;
}

.cd-nav .copyr li{
  margin:10px;
}
.cd-nav .cd-contact-info li a:hover {
  color:#e31e24;
}
.cd-nav .cd-primary-nav li.active a {
  color:#e31e24;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #e31e24;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .copyr {
  display:block;
  width:200px;
  height:70px;
  bottom:40px;
  position:absolute;
}


.no-js main {
  height: auto;
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height:auto;
  overflow:visible;
  padding:100px 5%;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
}

.infobox{
	display:inline-block;
	width:200px;
	height:80px;
	margin:40px 35px 0 35px;
	text-align:center;
	color:#e31e24;
	font-size:50px;
	font-weight:800;
	line-height:24px;
}
.infobox span{
	color:#e31e24;
	font-size:21px;
	font-weight:200;
	line-height:16px;
}

.gal-pic{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
}


.input-field{
	margin:14px auto 0 auto;
}
input[type=text],
input[type=email],
textarea.materialize-textarea{
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin:0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all .3s;
}
/* label color */
   .input-field label {
     color:#777777;
	 font-size:16px;
	 top:0.5rem;
   }
/* label focus color */
   .input-field input[type=text]:focus + label,
   .input-field input[type=email]:focus + label,
   .input-field textarea.materialize-textarea:focus + label {
     color:#e31e24;
	 box-shadow:none;
	 font-size:12px;
   }
/* label underline focus color */
   .input-field input[type=text]:focus,
   .input-field input[type=email]:focus,
   .input-field textarea.materialize-textarea:focus {
     border-bottom: 1px solid #333333;
	 font-size:16px;
	 box-shadow:none;
   }
/* valid color */
   .input-field input[type=text].valid,
   .input-field input[type=email].valid,
   .input-field textarea.materialize-textarea.valid,
   .input-field textarea.materialize-textarea:focus.valid {
     border-bottom: 1px solid #cccccc;
	 font-size:16px;
	 box-shadow:none;
   }
/* label focus color */
   .input-field input[type=text].valid + label,
   .input-field input[type=email].valid + label,
   .input-field textarea.materialize-textarea.valid + label,
   .input-field textarea.materialize-textarea:focus.valid + label {
	 font-size:12px;
   }
/* invalid color */
   .input-field input[type=text].invalid,
   .input-field input[type=email].invalid,
   .input-field textarea.materialize-textarea.invalid {
     border-bottom: 1px solid #e31e24;
	 font-size:16px;
	 box-shadow:none;
   }
   /* invalid color */
   .input-field input[type=text].invalid + label,
   .input-field input[type=email].invalid + label,
   .input-field textarea.materialize-textarea.invalid + label {
	 font-size:12px;
   }
   
   input[type=email].invalid + label:after,
   input[type=email]:focus.invalid + label:after,
   input[type=email].valid + label:after,
   input[type=email]:focus.valid + label:after {
	 width:180px;
	 text-align:left;
	 top:0;
	 left:50px;
}

input[type=submit] {
  font-size:21px;
  color:#999;
  display:inline-block;
  text-decoration:none;
  font-weight:700;
  background:none;
  border:none;
}
input[type=submit]:hover {
  color:#e31e24;
}