@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:600,400&subset=latin,latin-ext);

#main #preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:9999}
#main #status {width:118px;height:118px;position:absolute;left:50%;top:50%;background-image:url('../../gfx/template/loader.jpg');background-repeat:no-repeat;background-position:center;margin:-59px 0 0 -59px}


/* Reset styli 16.02.2014
================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #424E5C;
    font-family: Arial;
    font-size: 14px;
}

html {font-size: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body {line-height:1;margin:0}

article,footer,header,menu,nav,section {display:block}
nav ul {list-style:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:black}
a:active, a:hover {outline: 0;color:#4891C2}
b, strong {font-weight:bold}
p, pre {margin: 1em 0}
table {border-collapse:collapse;border-spacing:0}
td {vertical-align:top}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}
img {border: 0;-ms-interpolation-mode: bicubic}
.clr {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height:0}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify{text-align:justify}
.fl {float:left}
.fr {float:right}
.none {list-style:none !important;margin:0;padding:0}
::-moz-selection {background: #b3d4fc;text-shadow: none}
::selection {background: #b3d4fc;text-shadow: none}

button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle}
button, input {line-height: normal}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow: visible}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*height: 13px;*width: 13px}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}
textarea {overflow: auto;vertical-align: top}

img.float-right, img.float-left, img.border {margin-bottom:20px;padding:5px;border:1px solid #e9e9e9;background:white}
img.float-left-no {margin-bottom:20px;padding:5px;background:white}
img.float-right {margin-left:20px;float:right}
img.float-left, img.float-left-no {margin-right:20px;float:left}
img.border {margin-bottom:0px}


.sideFb {float:left;width:305px;height:339px;padding-top:6px;padding-left:35px;background: url('../../gfx/template/fb.png') no-repeat top;display:block;right:-311px;position:fixed;top:232px;z-index:99999;font-family: verdana;font-size: 10px;}
.sideYt {width:29px;height:54px;display:block;position:fixed;top:100px;right:0;z-index:99999}
.sideGplus {width:29px;height:54px;display:block;position:fixed;top:166px;right:0;z-index:99999}

.toTop {width:38px;height:38px;position:fixed;right:10px;bottom:10px;display:none;cursor:pointer}

/* Grid system
================================================== */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px}
.responsive {margin-left:auto;margin-right:auto;width:1068px}
.responsive .grid_1 {width:69px}
.responsive .grid_2 {width:158px}
.responsive .grid_3 {width:247px}
.responsive .grid_4 {width:336px}
.responsive .grid_5 {width:425px}
.responsive .grid_6 {width:514px}
.responsive .grid_7 {width:603px}
.responsive .grid_8 {width:692px}
.responsive .grid_9 {width:781px}
.responsive .grid_10 {width:870px}
.responsive .grid_11 {width:959px}
.responsive .grid_12 {width:1048px}

.alpha {margin-left:0}
.omega {margin-right:0}

/* Head
================================================== */
header {width:98%;padding:0 1%;height:80px;background:#000;position:absolute;z-index:999}
header #logo {float:left;width:320px;height:75px;font-family: 'Open Sans Condensed', sans-serif;font-size:18px;text-transform:uppercase;background:url('../../gfx/template/logo.png') no-repeat left center;color:white;text-align:right;font-weight:normal;line-height:76px}
header .logoSmall {display:none}

#lang {position:absolute;left:350px;top:15px;padding:12px}
#lang img {opacity:1;margin:5px}
#lang img.active, #lang img:hover {opacity:0.3}

/* Menu
================================================== */
nav {float:right}
nav li {float:left;padding:28px 25px}
nav li a {color:#5096c6;font-family: 'Open Sans Condensed', sans-serif;font-size:18px;text-transform:uppercase;font-weight:300}
nav li a:hover, nav li.active a, nav li:hover a {color:white}

#page .sideMenu li {padding:10px 0;border-bottom:1px solid #e9e9e9;padding-left:18px;background:url('../../gfx/template/submenu.png') no-repeat center left;line-height:18px}
#page .sideMenu li:last-child {border-bottom:0px solid #e9e9e9}
#page .sideMenu li a {color:black}
#page .sideMenu li a:hover, #page .sideMenu li.active a {color:#3276d2}

aside {position: fixed;bottom:60px;z-index: 1000;right:0}
aside ul {list-style: none outside none;margin: 0;padding: 0;}
aside a {color: #FFFFFF;display: block;font-size:28px;height:55px;line-height:56px;position: relative;text-align: center;width:55px}
aside a:hover {color: #FFFFFF}
aside a:before {font-family: "FontAwesome";font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;text-align: center;text-transform: none;}

.Facebook, .Facebook span {background:#234999}
.Facebook:before {content:"\f09a"}
.GPlus, .GPlus span {background:#e34429}
.GPlus:before {content:"\f0d5"}
.Youtube, .Youtube span {background:#cd181f}
.Youtube:before {content:"\f16a"}

aside a span {right: -600%;font-size: 15px;height: inherit;line-height: 35px;margin-left: -5px;min-width: 80px;width: auto;}
aside a span:before {right: -4px;}
aside a span {width:0;-webkit-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;-moz-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;-ms-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;-o-transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s;transition:opacity .3s, left .4s, right .4s, top .4s, bottom .4s, width .4s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);white-space:nowrap;opacity:0;position:absolute;z-index:-1;color:white;font-size:15px;line-height:56px}

aside a:hover span {right:100%;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);margin-right:-5px;padding:0 13px 0 8px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}

#main {background:#f8f8f8}

/* Slider
================================================== */
#slider {padding-top:75px;position:relative;overflow: hidden;border-bottom:1px solid #ededed}
#slider .prev, #slider .next {cursor: pointer;position: absolute;top:375px;z-index: 1000;height: 80px;width:74px;background:url('../../gfx/template/controls.png') no-repeat 0 0;text-indent:-999999px}

.rslides {position:relative;list-style:none;overflow:hidden;width: 100%;padding:0;margin:0 auto}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child {position:relative;display:block;float:left}
.rslides img {display:block;height:auto;float:left;width:100%;border:0}

#slider .prev {left:-10px}
#slider .prev:hover {left:0;background-position:0 -80px}
#slider .next {right:-10px;background-position:-74px 0}
#slider .next:hover {right:0;background-position:-74px -80px}
#slider .caption {bottom:0;color:#FFFFFF;display:block;left:0;position:absolute;right:0;bottom:0;text-align:center;height:600px}
#slider h2 {display:block;font-family: 'Ubuntu', sans-serif;font-size:50px;color:white;font-weight:600;text-transform:uppercase;text-align:center;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);width:100%;padding:10px 0;bottom:0;z-index:110;position:absolute;background:url('../../gfx/template/pBg.png') repeat-y center}
#slider .desc {text-align:center;width:100%;padding:0 10px;bottom:5px;z-index:110;position:absolute;background:url('../../gfx/template/pBg.png') repeat-y center}
#slider .desc p {font-size:22px;color:white;font-family: 'Ubuntu', sans-serif;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);margin:15px 0}
#slider .desc .goto {margin:0 20px 15px}

.pagger {text-align:center;position:absolute;top:670px;z-index:999;left:0;right:0;margin-left:auto;margin-right:auto}
.pagger li {display:inline-block;padding:3px;background:black;position:relative}
.pagger li.rslides_here, .pagger li.rslides_here p {background:#0968A5}
.pagger p {background:#000000;bottom: 3px;color: #FFFFFF;font-size: 12px;margin: 0;padding: 4px 0;position: absolute;width:131px;z-index: 1;bottom:0}


/* Boksy na stronie glownej
================================================== */
#mainBox {width:100%;position:relative;z-index:999;padding:40px 0}
#mainBox .grid_4 {padding-bottom:40px;height:400px;display:block;width:31.4%}
#mainBox h2 {margin:15px 0}
#mainBox h2 a {color:#5096c6;font-family: 'Open Sans Condensed', sans-serif;font-size:22px;text-transform:uppercase}
#mainBox h2 a:hover, #mainBox .grid_4:hover h2 a {color:#000}
#mainBox p {color:#505050;font-size:15px;line-height:21px;padding:0 5px}
#mainBox strong {color:#505050}
#mainBox img {border:1px solid #ededed;padding:4px;max-width:98%;height:auto;background:white;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
#mainBox img:hover, #mainBox .grid_4:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.welcome {background:#0e0e0e;padding:30px 0;margin-bottom:30px}
.welcome p {color:white;font-size:15px;text-align:center;line-height:24px}

/* Karuzela
================================================== */
#carusel {overflow: hidden;background:#ECECEC;padding:30px 0;-moz-box-shadow: inset 0 5px 5px -5px #000,inset 0 -5px 5px -5px #000;-webkit-box-shadow: inset 0 5px 5px -5px #000,inset 0 -5px 5px -5px #000;box-shadow: inset 0 5px 5px -5px #000,inset 0 -5px 5px -5px #000;display:none}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  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;
  /* fix for flashing background */
  -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: inline-block;
  -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 */
.no-js .owl-carousel {
  display: block;
}
.item {text-align:center}

/* Strony
================================================== */
#page {}
#page .head {margin-bottom:20px}
#page .title {font-family: 'Ubuntu', sans-serif;background: url("../../gfx/template/shadowB.png") no-repeat center bottom;color:#000;font-size:22px;padding:24px 0 30px;text-align: center;font-weight:normal}

#page h5, #page h5 span, #page h5 strong {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:21px !important;text-transform:uppercase}
#page h3 {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:22px;text-transform:uppercase}
#page h4 {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:17px;text-transform:uppercase;margin-bottom:10px}

#page img.float-right {float:right;margin-left:20px}
#page img.float-left {float:left;margin-right:20px}

#page .crumbs {width:100%;padding:10px 0 12px;background:#f9f9f9;color:black}
#page .crumbs, #page .crumbs a {color:black;font-size:12px}
#page .crumbs b {color:#5096c6;font-size:12px}
#page .links {width:1048px;margin:0 auto}

#page .mapCover {margin-top:30px}
#page .pageCover {margin-bottom:30px}
#page p, #page li {line-height:22px}
#page .grid_9 ul {padding-left:20px;margin-left:15px}
#page .grid_9 img {max-width: 100%;height:auto}

#page .gallery {text-align:center;width:781px;margin:0 !important;padding:0 !important}
#page .gallery li {display:inline;width:312px;height:212px}
#page .gallery li img {padding:5px;border:1px solid #e9e9e9;margin:8px;width:167px}

a.goto {margin:0 auto;font-family: 'Ubuntu', sans-serif;width:130px;display:inline-block;margin-bottom:10px;color:white;text-align:center;padding:10px;font-size:16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;position:relative;z-index:9999}

a.btn_blue:hover {background: #6797b4;background: -moz-linear-gradient(top,  #6797b4 0%, #5586a7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6797b4), color-stop(100%,#5586a7));background: -webkit-linear-gradient(top,  #6797b4 0%,#5586a7 100%);background: -o-linear-gradient(top,  #6797b4 0%,#5586a7 100%);background: -ms-linear-gradient(top,  #6797b4 0%,#5586a7 100%);background: linear-gradient(to bottom,  #6797b4 0%,#5586a7 100%);border:1px solid #48718a;}
a.btn_blue {background: rgb(58, 68, 87);background: -moz-linear-gradient(90deg, rgb(58, 68, 87) 0%, rgb(0, 41, 66) 100%);background: -webkit-linear-gradient(90deg, rgb(58, 68, 87) 0%, rgb(0, 41, 66) 100%);background: -o-linear-gradient(90deg, rgb(58, 68, 87) 0%, rgb(0, 41, 66) 100%);background: -ms-linear-gradient(90deg, rgb(58, 68, 87) 0%, rgb(0, 41, 66) 100%);background: linear-gradient(180deg, rgb(58, 68, 87) 0%, rgb(0, 41, 66) 100%);border:1px solid rgb(36, 36, 92);color:white}

.js-lazyYT {margin:0 auto;border:10px solid #F8F8F8}
.lazyYT-title {
    z-index: 100!important;
    color: #fff!important;
    font-family: sans-serif!important;
    font-size: 13px!important;
    top: 0px!important;
    left: 0px!important;
    position: absolute!important;
    margin: 0!important;
    padding: 20px!important;
    line-height: 1!important;
    font-style: normal!important;
    font-weight: normal!important;
	width:600px;
	background:#000;background:rgba(0, 0, 0, 0.83);
}
.lazyYT-button {
    margin: 0!important;
    padding: 0!important;
    width: 86px!important;
    height: 61px!important;
    z-index: 100!important;
    position: absolute!important;
    top: 50%!important;
    margin-top: -22px!important;
    left: 50%!important;
    margin-left: -43px!important;
    line-height: 1!important;
    font-style: normal!important;
    font-weight: normal!important;
    background-image: url('../../gfx/template/play.png')!important;
}
a.redBtn { 
  text-shadow: 1px 1px 0px rgba(153, 19, 28, 1);background: #f41725
}

@-webkit-keyframes glowing {
  0% { background-color: #181818; -webkit-box-shadow: 0 0 3px #181818; }
  50% { background-color: #da1623; -webkit-box-shadow: 0 0 10px #da1623; }
  100% { background-color: #f41725; -webkit-box-shadow: 0 0 3px #f41725; }
}

@-moz-keyframes glowing {
  0% { background-color: #181818; -moz-box-shadow: 0 0 3px #181818; }
  50% { background-color: #da1623; -moz-box-shadow: 0 0 10px #da1623; }
  100% { background-color: #f41725; -moz-box-shadow: 0 0 3px #f41725; }
}

@-o-keyframes glowing {
  0% { background-color: #181818; box-shadow: 0 0 3px #181818; }
  50% { background-color: #da1623; box-shadow: 0 0 10px #da1623; }
  100% { background-color: #f41725; box-shadow: 0 0 3px #e32733; }
}

@keyframes glowing {
  0% { background-color: #181818; box-shadow: 0 0 3px #181818; }
  50% { background-color: #da1623; box-shadow: 0 0 10px #da1623; }
  100% { background-color: #f41725; box-shadow: 0 0 3px #f41725; } 
}

.redBtn {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.mask {height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}
.portfo img {padding:5px;border:1px solid #E9E9E9;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear}
.portfo .grid_6 {margin-bottom:20px;overflow:hidden}
.portfo .grid_6 .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);opacity: 0;background-color: rgba(40,50,68, 1);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out}
.portfo .grid_6:hover {background:#3A4457;-webkit-box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
-moz-box-shadow:inset 0px 0px 0px 5px rgba(255, 255, 255, 1);
box-shadow:inset 0px 0px 0px 5px rgba(255, 255, 255, 1)}
.portfo .grid_6:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: .95}
.portfo .grid_6:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}

.portfo h3 {color:#fff !important;font-family: "Open Sans Condensed",sans-serif;font-size: 32px !important;text-transform: uppercase;-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-o-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}

.portfo h2 {color:#fff !important;font-family: "Open Sans Condensed",sans-serif;font-size: 30px !important;text-transform: uppercase;position:absolute;bottom:20px;text-align:center;width:100%;font-weight:600}
.portfo .grid_6:hover h2 {display:none}


.portfo .grid_6:hover h3 {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);padding-top:20px;text-align:center}
.portfo p {padding:20px;color:white;margin:0}

.client {display:block;width:280px;height:150px;margin:0 auto}


/* Oferta
================================================== */
.services, .padding_30 {padding-top:30px}
.paddingbottom_30 {padding-bottom:30px}
.services .grid_4 {padding-bottom:20px;height:360px}
.services h2 {margin:15px 0}
.services h2 a, .post h3 a {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:22px;text-transform:uppercase}
.services h2 a:hover, .services .grid_4:hover h2 a, , .post h3 a:hover {color:#4891C2}
.services p {font-size:15px;line-height:21px;padding:0 5px}
.services img {border:1px solid #E9E9E9;padding:4px}
.servPrice {height:91px;width:81px;padding-top:7px;background: url("../../gfx/template/servPrice.png") no-repeat 0 0;position:absolute;right:15px;text-align:center;color:white;line-height:normal;font-weight:600}
.servPrice .big, .servPrice .bigger {color:white;font-size:19px}
.servPrice .bigger {font-size:22px}

.portfolio {position: relative;width:100%;background-repeat:no-repeat;background-position:center top; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover}
.portfolio .center {padding-top:10px;background:url('../../gfx/template/pBg.png') repeat-y center}
.portfolio img {-webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 5px 4px rgba(0, 0, 0, 0.75);box-shadow:0px 5px 4px rgba(0, 0, 0, 0.75);width:400px;height:200px}
.slideDesc {width:380px;height:24px;padding:5px 10px;position:absolute;margin-left:auto;margin-right:auto;background: url("../../gfx/template/sliderBg.png") repeat-x;left:0;right:0;bottom:10px;text-align:right;color:#fff;font-family: 'Ubuntu', sans-serif;font-size:18px;}
.portfolio .owl-item {text-align:center}



.workCategory {float:left;width:100%;padding-bottom:15px}
.workCategory a {background:#4991c3;color:white;font-family: 'Ubuntu', sans-serif;font-size:13px;padding:9px 10px;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;text-align:center;margin:0 3px 3px 3px}
.workCategory a:hover, .workCategory a.active {background:#000}
.workCategory span {font-family: 'Ubuntu', sans-serif;font-size:16px;padding:5px 10px 5px 0;float:left}

.workWrapper {width:100%;float:left;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #bfbfbf}
.workWrapper .blueDate {background:#4991c3;color:white;font-family: 'Open Sans Condensed', sans-serif;font-size:18px;padding:9px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;width:100%;text-align:center}
.workWrapper h2 {margin:20px 0}
.workWrapper h2 a, .workWrapper h2 {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:22px;text-transform:uppercase;text-align:center;margin:15px 0}
.workWrapper .thumbLogo {border:1px solid #e9e9e9;padding:4px;margin-right:10px;margin-bottom:10px;margin-top:6px}
.workWrapper .nothumbLogo {border:1px solid #e9e9e9;padding:4px;margin-bottom:10px;margin-top:6px;display:block;margin:0 auto}

.partners .grid_4 {text-align:center;background:#ececec;margin-bottom:15px}

/* Aktualnosci
================================================== */
.searchNews {float:left;margin-bottom:30px;margin-top:30px}
.searchNews input, .newsletter input {border:0;float: left;}
.searchNews input.btn {background: url("../../gfx/template/icon-search.png") no-repeat scroll center center #4891C2;height: 30px;text-align: center;text-indent: -9999px;width: 30px}
.searchNews input[type="text"], .newsletter input[type="email"], .askforoffer input, .askforoffer textarea {color: #555555;font-size: 14px;height: 20px;line-height: 20px;margin-bottom: 10px;width:180px;padding: 4px 6px;vertical-align: middle;border:1px solid #e9e9e9}

.askforoffer input, .askforoffer textarea {font-family: Arial;width:212px;font-size:13px}
.askforoffer textarea {height:100px}
.askforoffer input.btn {background:#3A4457;color:white;width:227px;height:30px;}


ul.category, #szukajka, .tags, .letterForm {padding:0 10px;background:#f8f8f8}
#szukajka {float:left;padding-top:10px}
.tags {float:left;padding-top:8px;padding-bottom:8px}

.newsletter, .askforoffer {margin:40px 0}
#page .newsletter p, #page .askforoffer p {line-height:normal;font-size:12px;margin-top:0;padding-top:10px}
.newsletter input.btn {background: url("../../gfx/template/newsletter.png") no-repeat scroll center center #4891C2;height: 30px;text-align: center;text-indent: -9999px;width: 30px}
.needsfilled {background:#cb000d;color: white !important}

.notallow {border:1px solid #FE9090;color:#820101;background:#FEB1B1;font-size:13px;padding:5px;margin-bottom:10px}
.send {background:#EBF8D6;border:1px solid #A6DD88;color:#539B2D;font-size:13px;padding:5px;margin-bottom:10px}

.grid_3 h4 {border-bottom: 1px solid #EAEAEA;padding-bottom:5px}
.grid_3 h4 span {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:20px;text-transform:uppercase;border-bottom: 2px solid #66AFD8;padding-right:10px}

.tags li {background:#4891C2;border-radius:3px 3px 3px 3px;float:left;margin:2px 4px 2px 0}
.tags li:hover {background:#000;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}
.tags li a {color:#FFFFFF;font-size:13px;margin:2px 8px;font-family: 'Ubuntu', sans-serif;float:left}

.subNews {border-bottom:1px dashed #CDCDCD;border-top:1px dashed #CDCDCD;padding-bottom:5px;padding-top:5px;margin-bottom:7px}
.subNews, .subNews a {font-size:13px;color:#666;font-family: 'Ubuntu', sans-serif}

.post {padding-bottom:35px;border-top:1px solid #e9e9e9;padding-top:10px}
.post:first-child {padding-bottom:35px;border-top:0px solid #e9e9e9;padding-top:0px}
.post.single {padding-bottom:0px;margin-bottom:15px;padding-top:0px}
.post .thumbRight {margin-top:15px;float:left}
.post h3.title {padding:10px 0 12px;margin:0}
a.more {float:left;background:#000;color:white;margin-top:7px;padding:12px 15px;font:13px Arial;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px}
a.more:hover {background:#4891C2;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}

.social {padding:10px 0 7px;border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9}
.social ul {margin:0 !important;padding:0 !important}
.social li {float:left;padding-right:20px}
.sfb {}
.sgplus {padding-top:2px}

.autor {padding:14px 10px 0 10px;background:#f8f8f8}
.autorPhoto {float: left;margin-bottom: 20px;width:15%}
.autor img { border-radius:20%;width: 100px !important}
.autorDesc {float: left;width:85%}
.autorDesc h3 {border-bottom: 1px solid #EAEAEA;padding-bottom:16px;line-height:11px}
.autorDesc h3 span {color:#000;font-family: 'Open Sans Condensed', sans-serif;font-size:20px;text-transform:uppercase;border-bottom: 2px solid #66AFD8;padding-right:10px;font-size:20px;padding-bottom:7px}
#page .autorDesc p {font-size:12px;line-height:19px}


/* Listowanie stron
==================================================*/
.pagination {text-align:center;padding:8px 0px;width:100%}
.pagination ul {display:inline-block}
.pagination li {float:left;padding:4px 8px 3px}
.pagination li.disabled {display:none}
.pagination li.navi_selected span {float:left;background:#f0f0f0;color:black;padding:6px 12px 5px;font:15px Arial;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px}
.pagination li a {float:left;background:#000;color:white;padding:6px 12px 5px;font:15px Arial;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px}
.pagination li a:hover {background:#4891C2;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}


/* Footer
================================================== */
footer {background:black;width:100%;padding:20px 0 0}
#footermenu, #social {text-align:center}
#footermenu li {display:inline-block;padding:0 10px}
#footermenu li a {color:#717171;font-family: 'Open Sans Condensed', sans-serif;font-size:16px;text-transform:uppercase;font-weight:300}
#footermenu li a:hover, #footermenu li.active a {color:white}

#social li {display:inline-block;margin:20px 10px}
#social li a {width:40px;height:40px;display:block;background:url('../../gfx/template/social.png') no-repeat 0 0;opacity:0.5}
#social li a:hover {opacity:1}
#social li a.fb {}
#social li a.gplus {background-position:0 -40px}
#social li a.yt {background-position:0 -80px}

/* Kontakt i formularze
================================================== */
#mapa {border-bottom: 5px solid #FFFFFF;border-top: 5px solid #FFFFFF;height: 300px;padding-top: 75px;width: 100%}

#formSend {width:100%}
#formSend td {width:50%;vertical-align:center}
#formSend td p {margin:14px 0 7px;line-height:normal}
#formSend input, #formSend textarea {border:1px solid #c4c4c4;padding:8px 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
#formSend input {width:94%}
#formSend textarea {width:97%;height:80px;font:14px Arial}
#formSend input[type="submit"], button {width:160px;float:left;background:#3A4457;color:white;margin-top:7px;padding:7px 8px;font:14px Arial;border:0}
#formSend input[type="submit"]:hover {background:#000;cursor:pointer}

#formSend #akcept {width:18px}
#formSend .rules {padding:20px 0}
#formSend .rules span {width:485px;font-size:12px}

.formError { position: absolute; top: 300px; left:300px; display:block; z-index:500; cursor: pointer; }
.formError .formErrorContent { background: #d10006; position:relative;z-index:5001; color: #fff; width: 160px; font-size: 11px; border: 1px solid #840002; padding: 4px 10px 4px 10px;border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow:none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #d10006; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none}
.formError .formErrorArrow .line10 {width: 15px; border: none}
.formError .formErrorArrow .line9 {width: 13px;border: none}
.formError .formErrorArrow .line8 {width: 11px}
.formError .formErrorArrow .line7 {width:9px}
.formError .formErrorArrow .line6 {width: 7px}
.formError .formErrorArrow .line5 {width: 5px}
.formError .formErrorArrow .line4 {width: 3px}
.formError .formErrorArrow .line3 {width: 1px}
.formError .formErrorArrow .line2 {width: 0}
.formError .formErrorArrow .line1 {width:0}
.input_error {border-color:#d10006 !important}
.save {background:#EBF8D6 url('../../gfx/cms/accept.png') no-repeat;border:1px solid #A6DD88;color:#539B2D}
.blad {background:#FEB1B1 url('../../gfx/cms/delete.png') no-repeat;border:1px solid #FE9090;color:#820101}
.save, .blad {background-position:8px center;padding:5px;padding-left:34px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}


/* Fonty
================================================== */
@font-face {
    font-family:'FontAwesome';
    src:url('../../fonts/fontawesome-webfont.eot');
    src:url('../../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/fontawesome-webfont.woff') format('woff'),
         url('../../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* Responsive Web Design
================================================== */
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%}
.slide-trigger {display:none;margin-right:20px;height:37px}
.slide-trigger span {display:block;cursor:pointer;float:right}
.slide-trigger span:after {font-family:'FontAwesome';content:"\f039";font-size:23px}


@media screen and (max-width:1366px) {
	#slider h2 {font-size:60px;padding:4px 0;bottom:5px}
	#slider .desc {padding:0 10px;bottom:5px}
	#slider .desc p {font-size:19px;margin:12px 0}
	#slider .prev, #slider .next {top:235px}
	.pagger {top:470px}
	#formSend .rules span {width:445px}
}

@media screen and (max-width:1024px) {
	.responsive {width: 980px}
	/* res - 20px */
	.responsive .grid_12, #page .links {width:960px}
	/* res - 40px / 2 */
	.responsive .grid_6 {width: 470px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width: 306px}
	.responsive .grid_3 {width: 200px}
	.responsive .grid_9, #page .gallery {width: 740px}
	
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:296px}
	#mainBox .grid_4 {width:31%}
	
	#slider h2 {font-size:42px;bottom:5px}
	#slider .desc {bottom:2px}
	#slider .desc p {font-size:18px}
	#slider .prev, #slider .next {top:268px}

	nav li {padding:28px 10px}
	
	.searchNews input, .newsletter input {border-radius: 0;-webkit-appearance: none;}
	.searchNews input[type="text"], .newsletter input[type="email"], .askforoffer input, .askforoffer textarea {border-radius: 0;-webkit-appearance: none;width:135px}
	.askforoffer input, .askforoffer textarea {width:166px}
	.askforoffer input.btn {width:180px}
	
	#page .gallery li img {margin:4px;padding:4px}
	.pagger {display:none}
	.portfo img {max-width:97%;height:auto}
}

@media screen and (max-width:768px) {
	.responsive {width: 700px}
	/* res - 20px */
	.responsive .grid_12, #page .links {width:680px}
	/* res - 40px / 2 */
	.responsive .grid_6 {width: 330px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width: 213px}
	
	.responsive .grid_3 {width: 200px}
	.responsive .grid_9, #page .gallery {width:460px}
	#page .portfo p {font-size:12px;line-height:16px}
	#page .portfo h2 {font-size:20px !important}
	#page .portfo h3 {font-size:18px !important}

	
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:203px}
	#mainBox .grid_4 {width:30%}
	
	.js-lazyYT {width:460px !important;height:252px !important}
	.lazyYT-title {width:420px !important}
	
	#slider .rslides li {}
	#slider h2 {bottom:102px}
	#slider .desc {bottom:-7px}
	#slider .desc p {font-size:17px;margin:11px 0}
	#slider .prev, #slider .next {top:268px}
	.servPrice {right:-1px}
	
	#formSend input {width:85%}
	#formSend textarea {width:92%}
	aside {bottom:60px}

	.slide-trigger {display: block;padding-top:22px;margin:0;position:absolute;right:0}
	.slide-trigger span {color:white;padding:5px 15px 3px}
	.mainmenu {display: none;background:white;padding:0px;padding-left:60px;position:absolute;z-index:9999;right:0px;top:76px;width:100%}
	nav ul {text-align:center}
	nav li {float:none;padding:22px 20px;display:inline-block;}
	nav li.active, nav li:hover {background:#131313}
	nav li a:hover, nav li.active a, nav li:hover a {color:white}
	#page .title {padding:13px 0 19px}

	.searchNews input[type="text"], .newsletter input[type="email"], .askforoffer input, .askforoffer textarea {border-radius: 0;-webkit-appearance: none;width:135px}
	.askforoffer input, .askforoffer textarea {width:166px}
	.askforoffer input.btn {width:180px}
	
	#page .gallery li img {margin:4px;padding:4px}
	#formSend .rules span {width:300px}
}
@media screen and (max-width:640px) {
	.responsive {width: 578px}
	/* res - 20px */
	.responsive .grid_12, #page .links, .responsive .grid_6, .responsive .grid_3, .responsive .grid_9, #page .gallery, .searchNews {width:558px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width: 172px}
	.responsive .grid_4 img {max-width: 100%;height:auto}
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:255px}
	#page .portfo h2 {font-size:32px !important}
	
	.js-lazyYT {width:538px !important;height:294px !important}
	.lazyYT-title {width:498px !important}
	
	#slider, #slider .rslides li {}
	#slider .prev, #slider .next {top:113px}
	#slider h2 {bottom: 2px}
	
	#mainBox .grid_4 {width: 46%}
	
	
	aside, .askforoffer {display:none}
	#formSend input {width:92%}
	#formSend textarea {width:96%}
	#mapa {height:185px}

	nav li {float:none;padding:22px 21px;display:inline-block;}

	.workCategory {padding-top:20px;padding-bottom:0}
	.askforoffer input {width:253px}
	.askforoffer textarea {width:523px}
	.askforoffer input.btn {width:537px}
	footer {padding:0}
}
@media all and (max-width:568px) {
	.responsive {width: 500px}
	/* res - 20px */
	.responsive .grid_12, #page .links, .responsive .grid_6, .responsive .grid_3, .responsive .grid_9, #page .gallery, .searchNews {width:480px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width:228px;float:right}
	.responsive .grid_4 img {max-width: 100%;height:auto}
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:218px}
	#slider, #slider .rslides li {}
	#mainBox p {font-size: 14px;line-height: 17px}
	
	.js-lazyYT {width:420px !important;height:230px !important}
	.lazyYT-title {width:380px !important}
	#page .portfo h2 {font-size:20px !important}
	
	#lang {left: 425px}
	#slider .desc {width:548px}
	nav li {float:none;padding:22px 18px;display:inline-block;}
}
@media all and (max-width:480px) {
	.responsive {width: 420px}
	/* res - 20px */
	.responsive .grid_12, #page .links, .responsive .grid_6, .responsive .grid_3, .responsive .grid_9, #page .gallery, .searchNews {width:400px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width:400px;}
	.responsive .grid_4 img {max-width: 100%;height:auto}
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:390px}
	
	.js-lazyYT {width:380px !important;height:208px !important}
	.lazyYT-title {width:360px !important;padding:10px !important}
	
	#mainBox .grid_4 {width: 95%}
	
	.rslides_nav {display:none}
	#slider {}
	#slider .rslides li {}
	#slider h2 {bottom:135px}
	#slider .desc {bottom:37px}
	
	header #logo {font-size:16px;width:295px}

	#lang {left: 333px}
	#slider .desc {width:440px}
	nav li {float:none;padding:22px 11px;display:inline-block;}
	#formSend .rules span {width:370px}
}
@media all and (max-width:384px) {
	.responsive {width: 300px}
	/* res - 20px */
	.responsive .grid_12, #page .links, .responsive .grid_6, .responsive .grid_3, .responsive .grid_9, #page .gallery, .searchNews {width:280px}
	/* res - 60px / 3 */
	.responsive .grid_4 {width:280px;float:left}
	.responsive .grid_4 img {max-width: 100%;height:auto}
	/* .responsive .grid_4 - 10px */
	#mainBox img, .services img {width:270px}
	#page .portfo h2 {font-size:18px !important}
	#page .portfo h3 {font-size:18px !important}
	
	.js-lazyYT {width:260px !important;height:142px !important}
	.lazyYT-title {width:240px !important;padding:10px !important}
	
	.rslides_nav {display:none}
	#slider {}
	#slider .rslides li {}
	#slider h2 {bottom:135px}
	#slider .desc {bottom:30px}
	
	header #logo {font-size:0;width:170px}

	#formSend input {width:90%}
	#formSend textarea {width:94%}
	#lang {left:175px}
	#slider .desc {width:280px}
	#slider .desc p {display:none}
	#slider h2 {font-size:28px}
	nav li {padding:14px 18px}
	#formSend .rules span {width:255px}
}