@charset "utf-8";

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(/wp-content/themes/okp/fonts/Exo2-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(/wp-content/themes/okp/fonts/Exo2-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: local('Exo 2 Italic'), local('Exo2-Italic'), url(/wp-content/themes/okp/fonts/Exo2-Italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url(/wp-content/themes/okp/fonts/Exo2-BoldItalic.woff2) format('woff2');
}

/* DOMYŚLNE */
body { font-family:"Exo 2", Arial, sans-serif; background-color:#E8E9EA; color:#696969; font-size:14px; }
a img, img, a { border:0px; text-decoration:none; }
.alignleft { float: left; margin-right:10px; margin-bottom:10px;}
.alignright { float: right; margin-left:10px; margin-bottom:10px; }
.aligncenter { display: block; margin: 0px auto; max-width:100%; height:auto; }
.pull-left { float:left !important; }
.pull-right { float:right !important; }
.res-menu { display:none; }

.row { display:block; margin:auto; width:1170px; padding:0 15px; }
.row::before, .row::after {
	content: "";
	display: table;
	line-height: 0;
}
.row::after {
	clear: both;
}
[class*="span"] {
	position: relative;
	float: left;
	margin-left: 30px;
	min-height: 1px;
}

.clr { clear:both; }
.span6 { width:50%; display:block; }
.span12 { width:100%; }
.nav {
  margin-left: 0;
  margin-bottom: 21px;
  list-style: none;
}
.nav > li > a {
  display: block;
	color:#FFF;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
	color:#22272E;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav#socials li a {
	display: block;
	line-height: 72px;
	width: 72px;
}
.nav#socials li {
	float: left;
	font-weight: 500;
	line-height: 72px;
	list-style-type: none;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color:#FFF;
	font-size:18px;
}
.nav#socials li:first-child { margin-right:20px; }

/* HEADER */
header { display:block; background-color:#22272E; height:80px; }
#fixed { position:fixed; margin:auto; display:block; width:100%; background-color:#22272E; z-index:1000; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);}
.logo { float:left; width:30%; }
.logo img { height:auto; max-height:80px; width:auto; max-width:100%; }
nav { width:70%; float:right; text-align:right; }
nav ul { float:right; }
nav li { float:left; height:80px; line-height:80px; /*background:url(../img/navLi.png) right center no-repeat; */ }
nav li a { color:#fff; font-size:18px; text-transform:uppercase; padding:0 15px; display:block; }
nav li:last-child { background:none; }
nav li:last-child a { padding-right:0px; }
nav li.current_page_item a { color:#FFF; }
nav li a:hover, nav li.current_page_item a, nav li.current_page_parent a { color:#999; background:url(../img/menuTop.png) left top repeat-x; }

#start-slider .owl-nav div, .carouselGallery .owl-nav div,#slide-down { opacity:1; transition:all .25s ease;  -webkit-transition:all .25s ease;  -moz-transition:all .25s ease;  }
#start-slider .owl-nav div:hover, .carouselGallery .owl-nav div:hover,#slide-down:hover { opacity:.7;  }
#start-slider  { width:100%; height:100%; min-height:100%; position:absolute; top:0; left:0;  }
#start-slider:before { position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:#FFF url('../img/loading.gif') center center no-repeat; transition:opacity 1.5s ease; z-index:999;  }
#start-slider.owl-loaded { opacity:1;  }
#start-slider.owl-loaded:before { visibility:hidden; opacity:0;  }
#start-slider .owl-stage-outer, #start-slider .owl-stage, #start-slider .owl-item, #start-slider .item { height:100%;  }
#start-slider .item  { background-position:right bottom; background-size:cover;  }
#start-slider .text { position:absolute; top:40px; left:320px;  }
#start-slider .text-content { color:#fff; font-size:52px; line-height:0.9; margin:50px 0 0 0; max-width:300px;  }
#start-slider .owl-nav div { width:24px; height:45px; position:absolute; top:50%; margin-top:-22px;  right:20px; font-size:0; background:url('../img/arrow-right.png') center center no-repeat; z-index:999;  }
#start-slider .owl-nav .owl-prev { background-image:url('../img/arrow-left.png'); right:initial; left:20px;  }
#slide-down { width:90px; height:90px; margin-left:-45px; background:rgba(26,26,26,1) url('../img/arrow-bottom.png') no-repeat center center; position:absolute; bottom:0; left:50%; z-index:10;  }
#slide-down:hover { height:120px;  }
.owl-carousel .animated  { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both;  }
.owl-carousel .owl-animated-in  { z-index:0;  }
.owl-carousel .owl-animated-out  { z-index:1;  }
.owl-carousel .fadeOut  { -webkit-animation-name:fadeOut; animation-name:fadeOut;  }
@-webkit-keyframes fadeOut  { 0%  { opacity:1;  }
100%  { opacity:0;  }
 }
@keyframes fadeOut  { 0%  { opacity:1;  }
100%  { opacity:0;  }
 }
.owl-height  { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;  }
.owl-carousel  { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1;  }
.owl-carousel .owl-stage  { position:relative; -ms-touch-action:pan-Y;  }
.owl-carousel .owl-stage:after  { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;  }
.owl-carousel .owl-stage-outer  { position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0px, 0px);  }
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot  { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }
.owl-carousel.owl-loaded  { display:block;  }
.owl-carousel.owl-loading  { opacity:0; display:block;  }
.owl-carousel.owl-hidden  { opacity:0;  }
.owl-carousel .owl-refresh .owl-item  { display:none;  }
.owl-carousel .owl-item  { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }
.owl-carousel .owl-item img  { display:block; width:100%; -webkit-transform-style:preserve-3d;  }
.owl-carousel.owl-text-select-on .owl-item  { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto;  }
.owl-carousel .owl-grab  { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab;  }
.owl-carousel.owl-rtl  { direction:rtl;  }
.owl-carousel.owl-rtl .owl-item  { float:right;  }
.no-js .owl-carousel  { display:block;  }
.owl-carousel .owl-item .owl-lazy  { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease;  }
.owl-carousel .owl-item img  { transform-style:preserve-3d;  }
.owl-carousel .owl-video-wrapper  { position:relative; height:100%; background:#000;  }
.owl-carousel .owl-video-play-icon  { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url("owl.video.play.png") no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease;  }
.owl-carousel .owl-video-play-icon:hover  { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3);  }
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon  { display:none;  }
.owl-carousel .owl-video-tn  { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease;  }
.owl-carousel .owl-video-frame  { position:relative; z-index:1;  }

/* TRESC */
#content {  }
#content h1 { font-size:24px; margin-bottom:10px; color:#FFF; text-transform:uppercase; font-weight:normal; /*background:url(../img/h1Linia.png) left bottom no-repeat;*/ padding-bottom:10px; }
#content h1.spaceTop { margin-top:30px; }
#content .homeBox { list-style-type:none; clear:both; }
#content .homeBox li a { display:block; padding:0px; margin:0px; }
#content .homeBox li { float:left; width:33.333333%; }
#content .homeBox li img { width:100%; height:auto; opacity: 0.50; filter: alpha(opacity =50); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
#content .homeBox li img:hover { opacity: 1; filter: alpha(opacity =100); }

.home [class*="span"] { margin-left:0px; }
#aktualnosci, #fbHome {  }
#aktualnosci { background-color:#FFF; }
#fbHome { /*background-color:#ED1437;*/ text-align:center; }
.fb_iframe_widget { margin:10px 0 10px 10px; }

.home article { padding:20px 10px 0 10px; display:block; }
.home time { color: #ed1437; display: block; font-weight: bold; padding-bottom: 6px; }
.home #aktualnosci { margin-left:-15px; padding-left:15px; }
.home #aktualnosci h3 { font-size:17px; text-transform:uppercase; font-weight:normal; margin-bottom:5px; }
.home .attachment-ilustracja { opacity: 0.5; transition: all 300ms ease 0s;  }
.home #aktualnosci figure { float:left; position:relative; display:block; width:170px; height:130px; margin:0 10px 10px 0; overflow:hidden; }
.home article:hover .attachment-ilustracja { 
	opacity:1;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}
.home #content h2 { font-size:27px; padding:20px 10px 10px 10px; text-transform:uppercase; color:#22272e; }
.home #content .row { background-color:#22272E; }
#fbHome h2 { text-align:left; color:#FFF !important; }
.introtext { line-height:18px; }
.introtext p { margin-bottom:10px; }
.home article a { color:#22272e; }
#lastForum { display:block; width:100%; background-color:#22272E; text-align:left; }
#lastForum article { padding:20px; color:#FFF; }
#lastForum h4 { text-transform:uppercase; font-size:17px; margin-bottom:10px; line-height:22px; }
#lastForum h4 a { color:#FFF; }
#lastForum .shortForum { color:#898d92; line-height:18px; }
#lastForum .autor { color:#ed1437; font-weight:bold; }
#pasek .row { background-color:#ED1437; height:72px; line-height:72px; }
.shortForum a { color:#FFF !important; }

#content .span12 { margin-left:0px; }
#content .span12 article { margin-top:20px; background-color:#FFF; padding:20px; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); }
.single .span12 article, .page .span12 article { margin-bottom:20px; }
.blog .span12 article:last-child { margin-bottom:20px; }
.featured-thumbnail-news { float:left; margin:0 20px 20px 0; }

.span12 article h1 a { color:#696969; }
.post_content p { margin-bottom:20px; }
.post_content p, .post_content li { line-height:20px; font-size:16px; }
.post_content ul { margin:10px 0 10px 10px; list-style-position:inside; }
.more-link { color:#696969; font-weight:bold; }
.post_content a { color:#000; }

.navigation { display:block; margin:30px 0; text-align:center; }

/* FORMULARZ */
.wpcf7-form .span50 { display:block; float:left; width:47%; margin-bottom:20px; }
/*.wpcf7-form span { display:block; width:150px; margin-right:10px; }*/
.wpcf7-form .span50 p { margin-bottom:0px; }
.wpcf7-select { width:250px; float:right; height:35px; line-height:35px; }
.wpcf7-text, .wpcf7-textarea { width:95%; padding:10px; margin-bottom:10px; }
.linia { width:35px; line-height:35px; }
.linia span, .linia strong { display:block; float:left; width:250px; }
.wpcf7-form-control-wrap { margin-bottom:10px; }
.wpcf7-form h2 { font-size:24px; margin-bottom:10px; }
.linia2 { line-height:35px; height:35px; }
.l2 strong { width:500px; }
.wpcf7-text, .wpcf7-textarea, .wpcf7-submit, .wpcf7-select { 
	border:1px solid #cecece;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
.wpcf7-submit { padding:10px 20px; background-color:#ED1437; border:0px; color:#fff; text-transform:uppercase; }
.wpcf7-not-valid { background-color:#F2BAC2; border:1px solid #ED1437; }
div.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border:2px solid #ED1437; display:block; padding:20px !important; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.screen-reader-response { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:20px; color:#FFF; background-color:#22272E; width:100% !important; text-align:center !important; padding:20px 0 !important; display:block; height:auto !important; line-height:35px; position:inherit !important; border:2px solid #999 !important; margin-bottom:30px !important; }
.wpcf7-mail-sent-ok { border:2px solid #060 !important; clear:both; }
.screen-reader-response ul { display:none; }

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.wpcf7-validation-errors { clear:both; margin-top:20px; }
.page-id-17 .screen-reader-response { display:none; }



/* STOPKA */
footer { display:block; height:80px; background-color:#000; margin-top:30px; -webkit-box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px -10px 5px 0px rgba(0,0,0,0.75); }
#powered { display:block; float:left; width:30%; text-align:left; height:80px; line-height:80px; color:#FFF; font-size:14px; }
#copyrights { display:block; float:right; width:70%; text-align:left; color:#FFF; font-size:12px; line-height:16px; }
#copyrights p { padding-top:10px; }

/* RWD */
@media (min-width: 992px) and (max-width: 1199px) {
	.row { width:980px; padding:0 5px; }
	.logo { width:25%; height:72px; }
	nav { width:75%; }
	.logo img { width:220px; height:auto; }
	header, nav li { height:72px; line-height:72px; }
	nav li a { padding:0 10px; font-size:16px; }
	.attachment-ilustracja { width:140px; height:auto; }
	.home #aktualnosci figure { width:140px; height:auto; }
	.attachment-news { width:300px; height:auto; }
	.wpcf7-form .span50 { width:44%; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.row { width:740px; padding:0 5px; }
	.logo img { width:150px; height:auto; }
	.logo { width:20%; height:49px; }
	header, nav li { height:49px; line-height:49px; }
	nav { width:79%; }
	nav li a { font-size:14px; padding:0 8px; }
	.home #aktualnosci figure { text-align:center; width:100%; float:none; }
	.home time { display:none; }
	.home article { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #999; }
	#lastForum article { border-bottom:0px; }
	#pasek .row, #socials.nav li, #socials.nav li a, #powered { line-height:50px; height:50px; }
	footer { margin-top:20px; height:50px; -webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75); }
	.attachment-news { width:200px; height:auto; }
	.wpcf7-form .span50 { width:45%; }
}
@media (max-width: 767px) {
	.row { width:95%; padding:0 5px; }
	nav { display:none; }
	.res-menu { display:block; margin:20px auto; padding:5px 0; width:90%; }
	.res-menu option { padding:5px 0; width:90%; }
	.logo { width:100%; float:none; text-align:center; }
	.span6 { width:100%; float:none; }
	.attachment-news { height:auto; max-width:100%; margin:auto; }
	.featured-thumbnail-news { float:none; margin:auto; text-align:center; }
	.logo { height:80px; }
	header { height:160px; }
	.wpcf7-form .span50 { width:100%; }
	[class*="span"] { margin-left:0px; }
}
@media (max-width: 480px) {
	
}
@media (max-width: 390px) {

}