/* NORMALIZE */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b,strong {font-weight: bolder;}code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/* FONT */

@font-face {
	font-family: 'MagicButor';
	src: url('../font/regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MagicButor';
	src: url('../font/bold.ttf');
	font-weight: bold;
	font-style: normal;
}

/* CLEARFIX */
.group:after {
  content: "";
  display: table;
  clear: both;
}

.clear {
	clear: both;
}


/* MAIN */

body {
	font-size: 17px;
	font-family: 'MagicButor', sans-serif;
	background-color: #e2e2e2;
	color: #3d3d3d;
	line-height: 2em;
	min-width: 320px;
}

main {
	width: 100%;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #f15923;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

#topfix {
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	min-width: 320px;
}

#menu {
	padding: 10px 4%;
	height: 110px;
}

#menu h1 {
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

#menu h1 span {
	display: none;
}

#menu h1 img {
	padding-top: 10px;
}

#menu a {
	color: #f15923;
	font-size: 1.1em;
}

#menu ul {
	display: block;
	height: 110px;
	line-height: 110px;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	display: block;
	float: left;
	margin-left: 30px;
}

#menu-icon {
	display: none;
	float: right;
	width: 60px;
	height: 60px;
	margin: 25px 10px 0;
	opacity: 1.0;
	background: url(../img/menu-icon.png) no-repeat center center;
}

#menu-icon:hover {
	opacity: 0.8;
}

main img {
	border-radius: 10px;
}

main video {
	border-radius: 10px;
}

.anchor {
	display: block;
	position: absolute;
	top: -100px;
}

.icon {
	display: block;
	width: 60px;
	height: 60px;
	float: right;
	margin: 25px 0 0 25px;
	opacity: 1.0;
}

.icon:hover {
	opacity: 0.8;
}

.facebook {
	background: url(../img/facebook-icon.png) no-repeat center center;
}

#contact-line {
	display: block;
	background-color: #f15923;
	line-height: 40px;
	height: 40px;
	padding: 0 4%;
}

#contact-line span {
	float: right;
	margin-left: 30px;
	color: #fff;
}

#contact-line span a {
	color: #fff;
	font-weight: bold;
}

#slides {
	padding: 1%;
	background-color: #c1c1c1;
	line-height: 0;
	margin: 190px 4% 2%;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
}

#slides img {
	width: 100%;
}

#referenciak {

}

#referenciak img {
	float: left;
	width: 125px;
	height: 125px;
	margin: 0 15px 15px 0;
	border: 1px solid #c1c1c1;
}

.content-image {
	float: right;
	width: 50%;
	max-width: 600px;
	margin: 25px 0 25px 25px;
}

.content-video {
	float: right;
	width: 50%;
	max-width: 600px;
	margin: 25px 0 25px 25px;
}

article {
	background-color: #fff;
	margin: 0 4% 2%;
	padding: 0 30px 30px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
	position: relative;
}

h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #f15923;
}

h1 {
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
}

h2 {
	padding-top: 10px;
}

h3 {
	padding-top: 5px;
}

ul {
	padding-left: 20px;
}

#galeria-container {
	margin-top: 30px;
	width: 100%;
}

.glink {
	display: block;
	float: left;
	position: relative;
	width: 30%;
	margin-right: 5%;
}

.glink img {
	width: 100%;
	height: auto;
}

.gtext {
	display: block;
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ghidden {
	display: none;
	line-height: 0;
	width: 0;
	height: 0;
}

.glink:hover .gtext {
	color: #f15923;
}

#gmap-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

#gmap-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fmain {
	background-color: #222222;
	color: #fff;
	font-weight: bold;
	padding: 15px 0;
}

#copyright {
	margin: 0 4%;
}

@media only screen and (max-width: 1370px) {
	#topfix {
		border-bottom: 20px solid #f15923;
	}
	
	#menu h1 {
		float: none;
	}
	
	#menu ul {
		line-height: 60px;
		height: 60px;
		float: none;
	}
	
	.icon {
		margin-top: 0;
	}
	
	#slides {
		 margin-top: 215px;
	}
	 
	#contact-line {
		display: none;
	}
}

@media only screen and (max-width: 980px) {
	body {
		font-size: 0.9em;
	}
	
	.gtext {
		bottom: 9px; 
	}
	
	ul {
		padding-left: 15px;
	}
	
	#menu {
		 height: auto;
		 padding-bottom: 15px;
	}
	
	#menu-icon {
		display: block;
	}
	 
	#menu h1 {
		float: left;
	}
	
	#menu ul {
		clear: both;
		float: none;
		display: none;
		background-color: #f15923;
		height: 365px;
		max-height: 365px;
		overflow-y: auto;
		margin: 0;
	}
	
	#menu ul li {
		float: none;
		border-bottom: 1px solid #ff8f67;
		margin: 0;
		text-align: center;
	}
	
	#menu ul li a {
		display: block;
		background-color: #;
	}
	
	#menu ul li a:hover {
		background-color: #dc450f;
		text-decoration: none;
	}
	
	#menu ul li:last-child {
		border-bottom: none;
	}
	
	#menu ul li a {
		color: #fff;
	}
	
	#menu h1 img {
		padding-bottom: 15px;
	}
	
	.icon {
		margin-top: 25px;
	}
	
	#topfix {
		border-bottom: 15px solid #f15923;
	}
	
	#slides {
		 margin-top: 160px;
	}
}

@media only screen and (max-width: 640px) {
	.facebook {
		display: none;
	}
	
	#menu header {
		width: 70%;
	}
	
	#menu img {
		width: 100%;
		max-width: 364px;
	}
	
	#slides {
		margin: 160px 0 2%;
	}
	
	article {
		margin: 0 0 2%;
		padding: 0 15px 30px;
	}
	
	.content-image {
		float: none;
		width: 100%;
		margin: 25px 0 0 0;
	}
	
	.content-video {
		float: none;
		width: 100%;
		margin: 25px 0 0 0;
	}
	
	.glink {
		float: none;
		width: 100%;
		margin: 25px 0 0 0;
	}
}

@media only screen and (max-width: 540px) {
	#menu-icon {
		margin-top: 4.5%;
	}
	
	#slides {
		 margin-top: 30%;
	}
}

@media only screen and (max-width: 430px) {
	#menu-icon {
		margin-top: 3.5%;
	}
	
	#slides {
		 margin-top: 33.5%;
	}
}