/* ==========================================================================
   Import styles
   ========================================================================== */
	@import url(../css/normalize.min.css);
	@import url(../css/font-awesome.min.css);
	@import url(../css/multiple-select.css);
	@import url(https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&subset=latin,latin-ext);

/* ==========================================================================
   Base elements style
   ========================================================================== */
	*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

	html, body { height: 100%; min-height: 100%; }

	.anim, .anim *, .articlethumb a  { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
	.disableanim, .disableanim * { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

	::selection { color: #fff; background-color: rgba(198, 148, 66, 1); }
	::-moz-selection { color: #fff; background-color: rgba(198, 148, 66, 1); }

	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	fieldset { border: 0; margin: 0; padding: 0; }
	textarea { resize: vertical; }

	.clearafter:after, .row:after, [class*='col-']:after, [class*='cleaner'], .container:after, .fullwidth:after, .fullscreen:after { content: ""; display: table; clear: both; padding: 0; }
	.cleaner-small-padding { padding: .4em; }
	.cleaner-padding { padding: .7em; }
	.cleaner-big-padding { padding: 1em; }

/* ==========================================================================
   Text elements
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 .2em 0; color: rgba(198, 148, 66, 1); line-height: 1.3em; font-weight: 700; text-transform: uppercase; font-family: 'Hind', sans-serif; }
	h1 { font-size: 2.4rem; margin-bottom: .4em; }
	h2 { font-size: 2.2rem; }
	h3 { font-size: 2.0rem; }
	h4 { font-size: 1.6rem; }
	h5 { font-size: 1.4rem; }
	h6 { font-size: 1.0rem; }

	h3, h4, h5, h6 { color: rgba(198, 148, 66, 1); }

	h1 a, h2 a, h3 a, h4 a, h5 a , h6 a { }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }

	p { margin: 0 0 1.3em 0; padding: 0; text-align: ; line-height: 1.8em; }

	ul, ol { padding: 0 0 1.5rem 2rem; margin: 0; line-height: 1.5em; }

	ul { list-style: none; }
	ul li:before { content: "\f111"; font-family: "FontAwesome"; font-size:  .5em; position: absolute; top: 0; left: -2em; }
	ul ul li:before { content: "\f10c";}

	ul ul, ol ol, ol ul, ul ol { padding-top: .7em; padding-bottom: .3em; }
	ul li, ol li { padding-bottom: .7rem; position: relative; }

	ol ol { list-style-type: upper-roman; }
	li:last-of-type { padding-bottom: 0; }

	.unstyllist,
	.unstyllist ul,
	.unstyllist ol,
	.unstyllist li,
	.unstyllist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; }
	.unstyllist li:before { display: none; }

	.inlilist,
	.inlilist ul,
	.inlilist ol,
	.inlilist li,
	.inlilist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; display: inline-block;}
	.inlilist li:before { display: none; }

	.tabwrap { max-width: 100%; overflow: auto; margin-bottom: 1.5em; }
	.tabwrap .tabstripes tr:nth-child(odd) td { background: rgba(245, 245, 245, 1); }
	.tabwrap .tabrowhover tr:hover td { background: rgba(235, 235, 235, 1); }
	.tabwrap .tabcelhover td:hover { background: rgba(235, 235, 235, 1); }

	.tabwrap .tabbordered { border-width: 1px; border-style: solid; }
	.tabwrap .tabbordered td,
	.tabwrap .tabbordered th { border-right-width: 1px; border-right-style: solid; }
	.tabwrap .tabbordered td:last-of-type,
	.tabwrap .tabbordered th:last-of-type { border-right: none; }

	.tabwrap table, .tabwrap table td, .tabwrap table th { border-color: rgba(220, 220, 220, 1); }

	.tabwrap .tabstyle th, .tabwrap .tabstyle td { padding: .7em 1em; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; }
	.tabwrap .tabstyle tr:last-of-type td { border-bottom: none; }
	.tabwrap .tabstyle th { text-align: left; font-weight: 600; border-top-width: 0px solid; }
	.tabwrap .tabstyle tfoot td { border-bottom: none; background: rgba(255, 255, 255, 1) !important; border-top: 2px solid rgba(220, 220, 220, 1); }

	.tabwrap .tabcondensed td, .tabwrap .tabcondensed th { padding: .4em .7em; }

	.tabwrap .tabhlhead th,
	.tabwrap .tabhlfoot tfoot td,
	.tabwrap .tabhlfirstcol td:first-of-type { border-color: rgba(245, 245, 245, 1); background-color: rgba(180, 180, 180, 1) !important; color: white; }

	dl { line-height: 1.6em; }
	dl dt { font-weight: 600; }
	dl dd { margin-bottom: 1em; padding-left: 1em; }

	dl.defhoriz dd { padding-left: 0; }

	hr { margin: 2rem 0; border-width: 0; border-top: 1px solid rgba(200, 200, 200, 1); clear: both; float: none; }

	b, strong, .bold { font-weight: bold; }
	.thin { font-weight: 300; }
	.medweight { font-weight: 400; }
	small, .small { font-size: 0.8em; }
	big, .big { font-size: 1.2em; }

	article center img,
	article img.floatcenter,
	article img[align="left"],
	article img[align="right"] { margin: 1em auto; display: block; float: none; }

	article img.floatcenter,
	article center img { margin: 1em auto; }

	article *, footer * { max-width: 100%; }

	blockquote { padding: 1rem 1.5rem; margin: 0 0 1rem 0; border-left: 0.3rem solid rgba(230, 230, 230, 1); }
	blockquote p { margin-bottom: .5rem; line-height: 1.5em; }
	blockquote small { color: rgba(150, 150, 150, 1); }
	blockquote.alignright {  border-left: none; border-right: 0.3rem solid rgba(230, 230, 230, 1); }



	.primbcolor { background-color: rgba(0, 0, 0, 1); }
	.scndbcolor { background: rgba(198, 148, 66, 1); }
	.thirdbcolor { background-color: rgba(127, 127, 127, 1); }

	.primtcolor { color: rgba(0, 0, 0, 1); }
	.scndtcolor { color: rgba(198, 148, 66, 1); }
	.thirdtcolor { color: rgba(127, 127, 127, 1); }

	.whitebg { background-color: white; }
	.whitetext { color: white; }


	/* === Gallery === */

	.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
	.gallery:after { content: ''; -webkit-box-flex: 9999; -ms-flex-positive: 9999; flex-grow: 9999; height: 0; }
	.gallery > * { position: relative; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
	.gallery > * > img { -o-object-fit: cover; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }

	.gallery:after { min-width: 25px; }
	.gallery > *, .gallery > * > img { height: 60px; }

	@media (min-width: 600px) {
		.gallery:after { min-width: 50px; }
		.gallery > *, .gallery > * > img { height: 80px; }
	}

	@media (min-width: 1200px) {
		.gallery:after { min-width: 100px; }
		.gallery > *, .gallery > * > img { height: 100px; }
	}

/* ==========================================================================
   Form elements
   ========================================================================== */

	form *::selection, .button::selection, select::selection { color: inherit; background-color: inherit; }
	form *::-moz-selection, .button::-moz-selection, select::-moz-selection { color: inherit; background-color: inherit; }

	.ms-choice,
	textarea,
	input[type="text"],
	input[type="search"],
	input[type="password"],
	input[type="button"],
	input[type="submit"],
	button,
	.button,
	select { display: inline-block; vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 2px solid #ccc; font-family: 'Roboto', sans-serif; line-height: 2.5em; height: 2.5em; padding: 0 .9em; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-indent: 0.01px; text-overflow: ""; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%; max-width: 100%; }

	input:focus, .ms-parent:focus, select:focus, textarea:focus, .ms-parent *:focus { outline: none; border-color: rgba(111, 171, 232, 1); -webkit-box-shadow: 0 0 2px 0 rgba(111, 171, 232, 1); box-shadow: 0 0 2px 0 rgba(111, 171, 232, 1); }

	input[type="button"], input[type="submit"], button, .button { width: auto; display: inline-block !important; text-decoration: none; cursor: pointer; float: none; clear: none; border-color: rgba(198, 148, 66, 1); color:  rgba(198, 148, 66, 1); -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; line-height: 1.3em; position: relative; background: transparent; height: auto; padding: 0.55em .95em; text-decoration: none; }
	input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, input[type="button"].activ, input[type="submit"].activ, button.activ, .button.activ { background: rgba(198, 148, 66, 1); color: white; text-decoration: none; }
	input[type="button"].nohover:hover, input[type="submit"].nohover:hover, button.nohover:hover, .button.nohover:hover { background: transparent; color: rgba(198, 148, 66, 1); }

	.whitetext input[type="button"], .whitetext input[type="submit"], .whitetext button, button.whitetext { border-color: white; color: white; }

	.whitetext input[type="button"]:hover,
	.whitetext input[type="submit"]:hover,
	.whitetext button:hover,
	.whitetext .button:hover,
	.whitetext input[type="button"].activ,
	.whitetext input[type="submit"].activ,
	.whitetext button.activ,
	.whitetext .button.activ { background-color: white; color: rgba(198, 148, 66, 1); }

	input.error, select.error, select.error ~ .ms-parent button { border-color: rgba(198, 148, 66, 1) !important; }
	.radcheck input.error ~ label { color: rgba(198, 148, 66, 1) !important;  }

	.ms-choice:disabled, textarea:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled, .button:disabled, select:disabled { opacity: .6; cursor: no-drop; }

	textarea { height: 8em }
	label { cursor: pointer; }

	/* Radio Check */
	.radcheck { position: relative; line-height: 1.3em; }
	.radcheck input { position: absolute; top: 0; left:  0; z-index: -1; opacity: 0; }
	.radcheck label { padding-left: 1.5em; display: inline-block; }

	.radcheck input[type="radio"] + label:before,
	.radcheck input[type="checkbox"] + label:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: .2em; top: 0; }

	.radcheck input[type="radio"] + label:before { content: "\f10c"; }
	.radcheck input[type="checkbox"] + label:before { content: "\f096"; }

	.radcheck input[type="radio"]:focus + label:before,
	.radcheck input[type="checkbox"]:focus + label:before { text-shadow: 0px 0px 5px rgba(111, 171, 232, 1); }

	.radcheck input[type="radio"]:checked + label:before { content: "\f192"; }
	.radcheck input[type="checkbox"]:checked + label:before { content: "\f046"; }

	/* Alerts */
	.alert-ko, .alert-ok, .alert-info { display: block; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid; }
	.alert-ko { background: rgba(240, 197, 197, 1); border-color: rgba(202, 56, 56, 1); color: rgba(202, 56, 56, 1); }
	.alert-ok { background: rgba(192, 238, 170, 1); border-color: rgba(88, 192, 38, 1); color: rgba(88, 192, 38, 1); }
	.alert-info { background-color: rgba(254, 247, 234, 1); border-color: rgba(246, 184, 63, 1); color: rgba(246, 184, 63, 1); }

/* ==========================================================================
   Custom project styles
   ========================================================================== */

   .cookielaw { color:white; font-size: .85em; text-align: center; position: fixed; padding: 0.8em 1em; line-height: 1.5em; left: 0; right: 0; bottom: 0; z-index: 9000; background: rgba(80, 80, 80, 1);}
   .cookielaw a { color: white; }
   .cookielaw a.button { color: white; background-color: rgba(198, 148, 66, 1); }

	* { Xoutline: 1px solid red; }

	body { background-color: rgba(25, 25, 25, 1); color: gray; background-image: url(../img/pozadie-19.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; font-family: Helvetica, Arial, sans-serif; font-size: 100%; }

	a { text-decoration: underline; color: rgba(198, 148, 66, 1); }
	a:hover, a:focus { text-decoration: underline; }
	a img { text-decoration: ; border: ; }

	.nodecor { text-decoration: none !important; }

	.sticker { vertical-align: middle; height: 7.5em; position: fixed; bottom: .35em; left: .35em; z-index: 9; }

	header { text-align: center; }
	header img { max-width: 100%; }
	header img, header .socials { padding: 0 .5em .5em .5em; }
	header nav ul { display: block; font-family: 'Hind', sans-serif; }
	header nav ul li:before { display: none; }
	header nav ul li, header nav ul { padding: 0; }
	header nav ul li { width: 50%; float: left; }
	header nav ul li a { text-align: left; display: block; line-height: 1em; text-decoration: none; font-weight: 700; text-transform: uppercase; color: white; letter-spacing: -.05em; font-size: 1.3em; padding: .24em 0 .1em .25em; }
	header nav ul li a:hover, header nav ul li a:active, header nav ul li a:visited { text-decoration: none; }
	header nav ul li a:hover { color: rgba(198, 148, 66, 1); }
	header nav ul li a.active { color: rgba(0, 0, 0, 1); background: linear-gradient(90deg, rgba(198, 148, 66) 0%, rgb(239, 214, 139) 100%); }
 	.gradient { background: linear-gradient(90deg, rgba(198, 148, 66) 0%, rgb(214,181,107) 100%); }


	.articleswrapper .row .articlethumb a:hover span,
	header nav ul li a.active,
	.posters h5 { line-height: 1em; margin: 0; }
	.posters ul { margin-bottom: 0; }
	.posters li { margin-bottom: 0; line-height: 1.3em; }
	.posters .button { padding: .2em .4em; line-height: 1em; }

	.articleswrapper .row.hightlight { padding: 1em 1em 0 1em !important; }
	.articleswrapper .row .articlethumb a { position: relative; display: block; padding-top:65%; background-repeat:no-repeat; background-size:100% auto; background-position:top center;}
	.articleswrapper .row .articlethumb a:hover {background-size: 120% auto;}
	.articleswrapper .row .articlethumb a img { display: block; }
	.articleswrapper .row .articlethumb a span { display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; padding: .45em .5em .2em .5em; font-family: 'Hind', sans-serif; text-transform: uppercase; font-weight: 600; line-height: 1.1em; font-size: 1.3em; color: white; background-color: rgba(0, 0, 0, .9); }
	.articleswrapper .row .articlethumb a:hover span { color: rgba(198, 148, 66, 1); background-color: rgba(0, 0, 0, 0.8); }

	.articleswrapper .subtitle { clear: bottom; display: block; line-height: 1.2em; font-weight: 300; }

	.singleslide img { max-width: 100%; }

	article .mainarticleimg { margin-top: 0 !important; }

	footer { text-align: center; }


/* ==========================================================================
   Owl carousel
   ========================================================================== */
	.owl-dots { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; }
	.owl-dot { display: inline-block; padding: .7em .5em; }
	.owl-dot:before { content: "\f10c"; font-family: "FontAwesome"; color: rgba(198, 148, 66, 1); }
	.owl-dot.active:before { content: "\f111"; }
	.owl-nav .owl-prev { float: left; padding: .7em 1em; }
	.owl-nav .owl-next { float: right; padding: .7em 1em; }
	.owl-item { text-align: center; }

/* ==========================================================================
   Grid
   ========================================================================== */

	.container { position: relative; width: 90%; max-width: 1140px; margin: 0 auto; box-sizing: border-box; }
	[class*='col-'] { float: left; padding: 0rem 0rem 1rem 0rem; width: 100%; max-width: 100%; }
	[class*='col-'] [class*='col-'] { padding: 1rem; }

	@media (min-width: 968px) {
		.col-1 { width: 8.3333333333%; }
		.col-2 { width: 16.6666666667%; }
		.col-3 { width: 25%; }
		.col-4 { width: 33.3333333333%; }
		.col-5 { width: 41.666666667%; }
		.col-6 { width: 50%; }
		.col-7 { width: 58.333333333%; }
		.col-8 { width: 66.666666666%; }
		.col-9 { width: 75%; }
		.col-10 { width: 83.333333333%; }
		.col-11 { width: 91.666666666%; }
		.col-12 { width: 100%; float: none; clear: both; }

		.col-fifth { width: 20%; }
		.col-seventh { width: 14.285714286%; }
		.col-eighth { width: 12.5%; }
		.col-ninth { width: 11.111111111%; }
		.col-tenth { width: 10%; }
		.col-eleventh { width: 9.0909090909%; }

		[class*='col-'] { float: left; padding: 1rem; }

		article img[align="left"] { margin-right: 1.5em; float: left; }
		article img[align="right"] { margin-left: 1.5em; float: right; }
	}

/* ==========================================================================
   Tools classes
   ========================================================================== */

	.hidden { display: none; visibility: hidden; }

	.padd { padding: 1rem; }
	.paddright { padding-right: 1rem; }
	.paddleft { padding-left: 1rem; }
	.paddtop { padding-top: 1rem; }
	.paddbottom { padding-bottom: 1rem; }

		.smallpadd { padding: .5rem; }
		.smallpaddright { padding-right: .5rem; }
		.smallpaddleft { padding-left: .5rem; }
		.smallpaddtop { padding-top: .5rem; }
		.smallpaddbottom { padding-bottom: .5rem; }

		.bigpadd { padding: 2rem; }
		.bigpaddright { padding-right: 2rem; }
		.bigpaddleft { padding-left: 2rem; }
		.bigpaddtop { padding-top: 2rem; }
		.bigpaddbottom { padding-bottom: 2rem; }

		.nopaddright { padding-right: 0rem;  }
		.nopaddleft { padding-left: 0rem; }
		.nopaddtop { padding-top: 0rem; }
		.nopaddbottom { padding-bottom: 0rem; }
		.nopadd, img.nopadd { padding: 0rem; }

	.marg { margin: 1rem; }
	.margright { margin-right: 1rem; }
	.margleft { margin-left: 1rem; }
	.margtop { margin-top: 1rem; }
	.margbottom { margin-bottom: 1rem; }
	.nomarg { margin: 0rem; }

		.smallmarg { margin: .5rem; }
		.smallmargright { margin-right: .5rem; }
		.smallmargleft { margin-left: .5rem; }
		.smallmargtop { margin-top: .5rem; }
		.smallmargbottom { margin-bottom: .5rem; }

		.bigmarg { margin: 2rem; }
		.bigmargright { margin-right: 2rem; }
		.bigmargleft { margin-left: 2rem; }
		.bigmargtop { margin-top: 2rem; }
		.bigmargbottom { margin-bottom: 2rem; }

		.nomargright { margin-right: 0rem; }
		.nomargleft { margin-left: 0rem; }
		.nomargtop { margin-top: 0rem; }
		.nomargbottom { margin-bottom: 0rem; }
		.nomarg { margin: 0rem; }

	.fullscreen { min-height: 100%; width: 100%; }
	.fullheight { min-height: 100%; }
	.fullwidth { width: 100%; }

	.halfheight { height: 50%; min-height: 400px; }

	.alignleft { text-align: left; }
	.alignright { text-align: right; }
	.aligncenter { text-align: center; }

	.floatleft { float: left; }
	.floatright { float: right; }
	.floatcenter { display: block; margin: 0 auto; float: none !important; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

	/* Larger than mobile */
	@media (min-width: 400px) {
	}

	/* Larger than phablet */
	@media (min-width: 550px) {
		.sticker { height: 8.5em; }
		.rotatedpattern { padding-bottom: 6.5em; }
		header nav ul li { width: 25%; }
	}

	/* Larger than tablet */
	@media (min-width: 968px) {
		dl.defhoriz dt { width: 25%; margin-bottom: 1em; text-align: right; float: left; clear: left; }
		dl.defhoriz dd { width: 75%; float: left; clear: right; padding-left: 1em; }
		.sticker { height: 12em; }
		.rotatedpattern { padding-bottom: 9.5em; }
		header { text-align: left; }
		header img { float: left; padding: 0 1em 0 0; }
		header .socials { float: right; padding: 0 0 0 .7em; font-size: 1.5em; }
		header .socials a { display: block; clear: both; padding: 0.25rem 0; }
		header nav { float: right; width: 55%; text-align: center; }

		.articleswrapper .row.hightlight { padding: 0 !important; }

		footer { text-align: left; }
		footer .floatright { text-align: right; }
	}

	/* Larger than desktop */
	@media (min-width: 1000px) {
	}

	/* Larger than Desktop HD */
	@media (min-width: 1200px) {
		header nav { width: 50%; }
		header nav ul { margin: 0;}
		header nav ul li a { font-size: 1.49em; }
	}

	/* Queries Hide - Show */
	@media (max-width: 400px) {
		.show-phone { display: inherit; }
		.hide-phone { display: none; }
		.mobile-center { text-align: center; }
	}

	@media (min-width: 401px) and (max-width: 967px) {
		.hide-tablet { display: none; }
		.show-tablet { display: inherit; }
	}
	@media (min-width: 968px) {
		.hide-desktop { display: none; }
		.show-desktop { display: inherit; }
	}

	@media (min-width: 555px) and (max-width: 1200px) {
		.posters [class*='col-'] { width: 50%; }
	}

	@media (max-width: 555px) {
		.posters [class*='col-'] { width: 25%; }
		.posters [class*='col-'] h5, .posters [class*='col-'] ul { display: none; }
		.posters [class*='col-'] img { max-width: 100%; height: auto; padding-right: 0; }
	}

	@media (max-width: 967px) {
		.articleswrapper .row .articlethumb { width: 50%; padding-right: 1rem; }
		.articleswrapper .row .articlethumb:nth-of-type(2n+2) { padding-left: 1rem; padding-right: 0; }
		.articleswrapper .row .col-8 { width: 100%; padding-right: 0; padding-bottom: 2rem; }
	}

	@media (max-width: 550px) {
		.articleswrapper .row .articlethumb,
		.articleswrapper .row .articlethumb:nth-of-type(2n+2) { width: 100%; padding: 0 0 1rem 0; }
	}



/* ==========================================================================
   Print styles
   ========================================================================== */

	@media print {
		*,
		*:before,
		*:after {
			background: transparent;
			color: #000;
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}