@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700&subset=latin,latin-ext);
/*!
 * CSS-Doc for InterconSystems :: 27/11/2013 @ ad
 * version: 0.06 release: 03/09/2019 @ pp
 */

/* ------------- reset by Eric Meyer ------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
input:focus, select:focus {outline: 0;}

/* ------------------------fonts--------------------------*/
@font-face {
	font-family: "Open Sans Bold";
	src: url("fonts/opensans-bold-webfont.eot"),
	     url("fonts/opensans-bold-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-bold-webfont.woff2") format("woff2"),
	     url("fonts/opensans-bold-webfont.woff") format("woff"),
	     url("fonts/opensans-bold-webfont.ttf") format("truetype"),
	     url("fonts/opensans-bold-webfont.svg#open_sansbold") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Bold Italic";
	src: url("fonts/opensans-bolditalic-webfont.eot"),
	     url("fonts/opensans-bolditalic-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-bolditalic-webfont.woff2") format("woff2"),
	     url("fonts/opensans-bolditalic-webfont.woff") format("woff"),
	     url("fonts/opensans-bolditalic-webfont.ttf") format("truetype"),
	     url("fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Extra Bold";
	src: url("fonts/opensans-extrabold-webfont.eot"),
	     url("fonts/opensans-extrabold-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-extrabold-webfont.woff2") format("woff2"),
	     url("fonts/opensans-extrabold-webfont.woff") format("woff"),
	     url("fonts/opensans-extrabold-webfont.ttf") format("truetype"),
	     url("fonts/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Extra Bold Italic";
	src: url("fonts/opensans-extrabolditalic-webfont.eot"),
	     url("fonts/opensans-extrabolditalic-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-extrabolditalic-webfont.woff2") format("woff2"),
	     url("fonts/opensans-extrabolditalic-webfont.woff") format("woff"),
	     url("fonts/opensans-extrabolditalic-webfont.ttf") format("truetype"),
	     url("fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Italic";
	src: url("fonts/opensans-italic-webfont.eot"),
	     url("fonts/opensans-italic-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-italic-webfont.woff2") format("woff2"),
	     url("fonts/opensans-italic-webfont.woff") format("woff"),
	     url("fonts/opensans-italic-webfont.ttf") format("truetype"),
	     url("fonts/opensans-italic-webfont.svg#open_sansitalic") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Light";
	src: url("fonts/opensans-light-webfont.eot"),
	     url("fonts/opensans-light-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-light-webfont.woff2") format("woff2"),
	     url("fonts/opensans-light-webfont.woff") format("woff"),
	     url("fonts/opensans-light-webfont.ttf") format("truetype"),
	     url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Light Italic";
	src: url("fonts/opensans-lightitalic-webfont.eot"),
	     url("fonts/opensans-lightitalic-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-lightitalic-webfont.woff2") format("woff2"),
	     url("fonts/opensans-lightitalic-webfont.woff") format("woff"),
	     url("fonts/opensans-lightitalic-webfont.ttf") format("truetype"),
	     url("fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Regular";
	src: url("fonts/opensans-regular-webfont.eot"),
	     url("fonts/opensans-regular-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-regular-webfont.woff2") format("woff2"),
	     url("fonts/opensans-regular-webfont.woff") format("woff"),
	     url("fonts/opensans-regular-webfont.ttf") format("truetype"),
	     url("fonts/opensans-regular-webfont.svg#open_sansregular") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Semibold";
	src: url("fonts/opensans-semibold-webfont.eot"),
	     url("fonts/opensans-semibold-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-semibold-webfont.woff2") format("woff2"),
	     url("fonts/opensans-semibold-webfont.woff") format("woff"),
	     url("fonts/opensans-semibold-webfont.ttf") format("truetype"),
	     url("fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg"),
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans Semibold Italic";
	src: url("fonts/opensans-bold-webfont.eot"),
	     url("fonts/opensans-bold-webfont.eot?#iefix") format("embeded-opentype"),
	     url("fonts/opensans-bold-webfont.woff2") format("woff2"),
	     url("fonts/opensans-bold-webfont.woff") format("woff"),
	     url("fonts/opensans-bold-webfont.ttf") format("truetype"),
	     url("fonts/opensans-bold-webfont.svg#open_sanssemibold_italic") format("svg"),
	font-weight: normal;
	font-style: normal;
}

/* --------------------- defaults --------------------- */
html {background: #fcfcfc;}
body {position: relative; width: 100%; margin: 0 auto; background: #fff; overflow-x: hidden; font: 400 0.87em/1.27 "Open Sans", sans-serif;}
a {text-decoration: none; color: #0057a3; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
a:hover, a:focus {color: #007BE0;}
strong {font-weight: bold;}
hr {display: block; height: 0; border: 0; border-top: 1px solid; margin: 20px 0; padding: 0;}
input, select {vertical-align: middle;}
input, select, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input:focus, select:focus, textarea:focus {outline: 0;} 
button {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}

p {margin: 1.27em 0; font-size: 1em; line-height: 1.6;}
h1 {margin: 0 0 0.8em; font: 300 3.4em/1.16 "Open Sans", sans-serif; color: #0057a3;}
h2 {margin: 0 0 1em; font: 300 2.5em/1.16 "Open Sans", sans-serif;}
h3 {margin: 0 0 1em; font: 300 1.8em/1.16 "Open Sans", sans-serif;}
p.heading {margin-top: 1.4em; font: 300 2em/1.27 "Open Sans", sans-serif;}

h1.dark, h2.dark, h3.dark {color: #000;}
hr {height: 0; border: none; border-bottom: 1px solid #eaeaea; border-bottom-color: rgba(0,0,0,0.08); margin: 1em 0; padding-top: 1em;}

/* ---------------------- classes --------------------- */
.wrap:after {clear: both; display: block; height: 0; visibility: hidden; content: '';}
.fl {float: left;}
.fr {float: right;}
.nm {margin: 0 !important;}
.ml1 {margin-left: 1em !important;}
.mr1 {margin-right: 1em !important;}
.mt1 {margin-top: 1em !important;}
.mb1 {margin-bottom: 1em !important;}
img.fl {margin-right: 10px;}
img.fr {margin-left: 10px;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.bold {font-weight: bold;}
.block {display: block;}
.hidden {display: none;}
.no-transform {text-transform: none !important;}
.white {color: #fff !important;}

/* lists */
ul.tablinks {margin: 0 2em 1em 0; width: 18em; float: left; -webkit-box-shadow: inset -5px 0 10px rgba(0,0,0,0.1); box-shadow: inset -5px 0 10px rgba(0,0,0,0.1);}
ul.tablinks li {position: relative; border: 1px solid #e3e5e8; border-width: 0 1px 1px; -moz-transition: -moz-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; -o-transition: -o-transform 0.2s; transition: transform 0.2s;}
ul.tablinks li.parent > a {font-weight: 700;}
ul.tablinks li:not(.parent):hover {background: #fff; -moz-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); z-index: 3;}
ul.tablinks li:first-child {border-top-width: 1px;}
ul.tablinks li a {position: relative; top: -1px; display: block; padding: 1em; border-top: 1px solid #e3e5e8; font: 300 1.1em/1.16 "Open Sans", sans-serif; color: #474747; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; outline: none; }
ul.tablinks li a:hover {background: #fff; color: #339cd3; 
    }
ul.tablinks li a:after {float: right; width: 21px; height: 21px; margin-right: -0.3em; background: url(../img/elements.png) -22px -27px no-repeat; content: '';}
ul.tablinks li a:hover:after {background-position: 0 -27px; opacity: 0.4; -webkit-backface-visibility:hidden;}
ul.tablinks ul.tablinks {position: relative; left: -1px; bottom: -1px; float: none; margin: 0; -webkit-box-shadow: inset -5px 0 10px rgba(0,0,0,0.02); box-shadow: inset -5px 0 10px rgba(0,0,0,0.02);}
ul.tablinks ul.tablinks li > a {padding-left: 2.5em;}

ul.items {margin: 1.4em 0; font: 300 1.45em/1.27 "Open Sans", sans-serif; color: #0057a3;}
ul.items li {position: relative; right: -1.3em;  margin: 0.5em 0;}
ul.items li:before {display: inline-block; width: 13px; height: 13px; margin-right: 0.7em; margin-left: -1.3em;  background: url(../img/elements.png) -43px -11px no-repeat; content: '';}
ul.items ul {padding-left: 1.6em;}

ul.numbers.items {list-style: decimal;}
ul.numbers.items li:before {display: none;}

ul.small {margin: 1em 0; color: #0057a3; font-weight: bold;}
ul.small li {position: relative; right: -1.1em; margin: 0.8em 0; line-height: 1.27em;}
ul.small li:before {margin-right: 0.3em; margin-left: -0.7em; font-size: 1.4em; content:'\2022';}

/* anchors */
a.more {display: inline-block; margin: 0.8em 0;font: 300 1.8em/1.27 "Open Sans", sans-serif; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;}
a.more:after {display: inline-block; width: 21px; height: 21px; margin-left: 0.3em; background: url(../img/elements.png) 0 -27px no-repeat; vertical-align: middle; content: '';}
a.more.white:after {background-position: -44px -27px;}
a.more.white:hover {opacity: 0.7;}
a.more:hover:after {opacity: 0.7;}
a.more.fr {margin-right: 10px;}

/* buttons */
.button {position: relative; display: inline-block; padding: 0.27em 1.7em 0.27em 0.5em; border: none; border-radius: 1em; background: #0057a3; color: #fff; font: 300 1.3em/1 "Open Sans", sans-serif; cursor: pointer; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.button:hover {background: #007BE0;}
.button:active {-moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);}
.button:after {position: absolute; margin: auto 0; top: 0; bottom: 0; right: 0.5em; width: 15px; height: 10px; background: url(../img/elements.png) -47px -32px no-repeat; vertical-align: middle; content: '';}

/* carousel */
table.main-carousel {display: block; max-height: 580px; overflow: hidden; opacity: 0;} /* fix before carousel init */
div.carousel {position: relative; overflow: hidden; background-size: cover; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)}
div.carousel .inside > ul {margin: 0; padding: 0; line-height: 0;}
div.carousel .inside > ul > li {position: relative; display: inline-block; margin: 0; padding: 0; background-size: cover; color: #fff;}
div.carousel .inside > ul > li div.slide {position: absolute; left: 0; bottom: 0; top: 0; right: 0; width: 100%; max-width: 960px; margin: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.carousel .inside > ul > li div.slide div.slide-content {padding: 4em 10px 2em; overflow: hidden;}
div.carousel .inside > ul > li div.slide div.slide-content h1 {color: #fff;}
div.carousel .inside > ul > li div.slide div.slide-content div.images {width: auto;}
div.carousel .inside > ul > li div.slide div.slide-content div.images img {margin: 0 0 2em; max-width: 100%; height: auto;}
div.carousel .inside > ul > li div.slide div.slide-content div.images img.christmas {max-width: 400px !important;}
p.christmas {margin: 175px 0 -150px 0 !important;}
div.carousel .inside > ul > li div.slide div.slide-content div.images.fl {margin-right: 4em;}
div.carousel .inside > ul > li div.slide div.slide-content div.images.fr {margin-left: 4em;}
div.carousel .inside > ul > li a.box-href {position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: inherit;}
div.carousel .bottom-bar {position: absolute; bottom: 0; left: 0; right: 0; height: 0; width: 100%; max-width: 960px; margin: 0 auto;}
div.carousel .bottom-bar span.nav {position: absolute; width: 40px; height: 74px; left: -100px; top: -325px; text-indent: -2000em; background: url(../img/elements.png) -82px -1px no-repeat; cursor: pointer;}
div.carousel .bottom-bar span.next {left: auto; right: -100px; background-position: -123px -1px;}
div.carousel .bottom-bar > div {position: absolute; top: -40px; left: 0; bottom: -50px;}
div.carousel .bottom-bar > div span.dot {display: inline-block; width: 0.9em; height: 0.9em; padding: 3px; margin-left: 10px; border: 2px solid #fff; border-color: rgba(255,255,255,0.7); border-radius: 2em; background: transparent; cursor: pointer;}
div.carousel .bottom-bar > div span.dot:hover {-moz-transform: scale(1.06); -webkit-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
div.carousel .bottom-bar > div span.dot.active {background: #fff; background-clip: content-box;}

/* -- eastern style -- */
.text.eastern p {margin: 20px 0 0 0;}
.carousel.main-carousel ul li {background-image: url('/images/wielkanoc-2017.jpg');
    background-size: 100% 180%;
    margin: auto;
    background-repeat: no-repeat;
    display: block;
    background-position: -300px 24%;
    /* background-size: auto 100% !important; */
   
}
.eastern.carousel.main-carousel ul li:first-child {background-size: contain; background-position: center center;}
@media only screen and (max-width: 1024px) {
	.eastern.carousel.main-carousel ul li:first-child {background-size: contain;}
}
@media only screen and (max-width: 640px) {
	.eastern.carousel.main-carousel ul li:first-child {background-image: url('/images/kartka-swieteczna-short.png') !important; background-position: center center;}
}
/*.carousel.main-carousel ul li:first-child {background-color: #fff !important;}

div.content section div.text.eastern {width: 50%; float: right;} */

/* -- xmas style -- */
.inside > ul > li  {max-height: 540px;}
.xmas .inside > ul > li  {max-height: 520px;}
.xmas .inside > ul > li .xmas-t .text {margin-top: 100px;}
.xmas-day .carousel.main-carousel ul li:first-child {background-position: center;
   /* background-size: 100% 180%;
    margin: auto;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    background-position: 50% 71%;*/
}

.top-head.xmas {
  -webkit-animation: mymove 3s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 3s infinite;
  background-image: url(/images/xmas-2018-red.png);
  background-image: url(/images/xmas-2018-yellow.png);
  background-image: url(/images/xmas-2018-green.png);
  background-image: url(/images/xmas-2018.png);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0% {background-image: url(/images/xmas-2018-red.png);}
	16% {background-image: url(/images/xmas-2018-red.png);}
	33% {background-image: url(/images/xmas-2018-green.png);}
	49% {background-image: url(/images/xmas-2018-green.png);}
	66% {background-image: url(/images/xmas-2018-yellow.png);}
	82% {background-image: url(/images/xmas-2018-yellow.png);}
	100% {background-image: url(/images/xmas-2018-red.png);}
}

@keyframes mymove {
    0% {background-image: url(/images/xmas-2018-red.png);}
	16% {background-image: url(/images/xmas-2018-red.png);}
	33% {background-image: url(/images/xmas-2018-green.png);}
	49% {background-image: url(/images/xmas-2018-green.png);}
	66% {background-image: url(/images/xmas-2018-yellow.png);}
	82% {background-image: url(/images/xmas-2018-yellow.png);}
	100% {background-image: url(/images/xmas-2018-red.png);}
}

@media only screen and (max-width: 1024px) {
	.xmas-day .carousel.main-carousel ul li:first-child {background-position: center; background-position: 41% 0 !important;}
}
@media only screen and (max-width: 960px) {
	.slide-content.xmas-t {background-position: -103px 8px !important;}
	.xmas-day .carousel.main-carousel ul li:first-child {background-position: center; background-position: 62% 0 !important;}
}
@media only screen and (max-width: 480px) {
	.xmas .inside > ul > li .xmas-t .text {margin-top: 0;}
	.slide-content.xmas-t {background-position: -513px 8px !important;}
}
@media only screen and (max-width: 370px) {
	.xmas .inside > ul > li .xmas-t .text {margin-top: 0;}
	.slide-content.xmas-t {background-position: -513px 8px !important;}
}
@media only screen and (max-width: 340px) {
	.xmas .inside > ul > li .xmas-t .text {margin-top: 0;}
	.slide-content.xmas-t {background-position: -540px -8px !important;}
}
/* layout */
header {position: relative; z-index: 2;}
header div.top-head {width: 960px; height: 103px; padding: 0 10px; margin: 0 auto; display: table;}
header div.top-head {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header.fixed div.main-head {position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 20;}
header div.top-head h1.logo {display: table-cell; vertical-align: middle; text-align: left; font: 300 4em/1.16 "Open Sans", sans-serif !important;}
header div.top-head h1.logo a {float: left;}
header div.top-head h1.logo img {display: block;}
header div.top-head div.socials {display: table-cell; padding-top: 2em; vertical-align: middle; text-align: right; white-space: nowrap;}
header div.top-head div.socials img {-moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
header div.top-head div.socials img:hover {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
header div.main-head {position: relative; height: 52px; background: #323435; color: #fff; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxNzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjODU4NTg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiM2ZjZmNmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiM2NzY3NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDEwMTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(top,  #717171 0%, #717171 1%, #858585 2%, #6f6f6f 4%, #676767 14%, #585858 27%, #121212 80%, #010101 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717171), color-stop(1%,#717171), color-stop(2%,#858585), color-stop(4%,#6f6f6f), color-stop(14%,#676767), color-stop(27%,#585858), color-stop(80%,#121212), color-stop(100%,#010101));
	background-image: -webkit-linear-gradient(top,  #717171 0%, #717171 1%,#858585 2%,#6f6f6f 4%,#676767 14%,#585858 27%,#121212 80%,#010101 100%);
	background-image: -o-linear-gradient(top,  #717171 0%, #717171 1%,#858585 2%,#6f6f6f 4%,#676767 14%,#585858 27%,#121212 80%,#010101 100%);
	background-image: -ms-linear-gradient(top,  #717171 0%, #717171 1%,#858585 2%,#6f6f6f 4%,#676767 14%,#585858 27%,#121212 80%,#010101 100%);
	background-image: linear-gradient(to bottom, #717171 0%, #717171 1%, #858585 2%,#6f6f6f 4%,#676767 14%,#585858 27%,#121212 80%,#010101 100%);
}
header div.main-head nav {width: 960px; height: 100%; margin: 0 auto; padding: 0;}

@-moz-keyframes logo {
	from {width: 0; margin-right: 0;}
	to {width: 27px; margin-right: 24px;}
}
@-webkit-keyframes logo {
	from {width: 0; margin-right: 0;}
	to {width: 27px; margin-right: 24px;}
}
@-o-keyframes logo {
	from {width: 0; margin-right: 0;}
	to {width: 27px; margin-right: 24px;}
}
@keyframes logo {
	from {width: 0; margin-right: 0;}
	to {width: 27px; margin-right: 24px;}
}

header div.main-head nav > a.logo-min {float: left; width: 0; height: 30px; margin-top: 11px; overflow: hidden;}
header div.main-head nav > a.logo-min img {width: 27px; height: 30px;}
header.fixed div.main-head nav > a.logo-min {-moz-animation: logo 0.2s; -webkit-animation: logo 0.2s; -o-animation: logo 0.2s; animation: logo 0.2s; width: 27px; margin-right: 24px; margin-left: 10px;}
header div.main-head nav {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header div.main-head nav span.nav-button {display: none;}
header div.main-head nav > ul {display: table; border-collapse: collapse; float: left; height: 100%;}
header div.main-head nav > ul > li {display: table-cell; vertical-align: middle;}
header div.main-head nav > ul > li > a {padding: 1.1em 1.2em 1.2em; bold; color: inherit; white-space: nowrap; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;}
header div.main-head nav > ul > li:first-child > a {padding-left: 10px;}
header div.main-head nav > ul > li:hover > a {color: #0057a3;}
header div.main-head nav > ul > li.active > a {font-weight: bold; color: #0057a3;}

.text.gratuluje {
  position: absolute !important;
  top: 310px;
  /* margin: 0 auto; */
  color: #0057a3;
  left: 417px;
  text-align: center;
}
.slide.wielkanoc {background: url('../../images/wielkanoc.png');}

/*for social banner "from" */

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}
.modal-dialog {
    width: 345px;
    padding: 10px;
    z-index: 1050;
    position: fixed;
    left: 0;
    right: 0;
    top: 30%;
	margin: auto;
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: none;
	padding: 1px 25px 10px;
}
.after-post {
    background: url(../img/lines.png);
    margin-top: 32px;
    margin-top: 2rem;
    padding: 16px;
    padding: 1rem;
	background-color: rgba(250,250,250,.2);
}
.after-post:hover{background-color: #3E6D96;}

.facebook-soc, .linkedin-soc {width: 65px; height: 65px; background-size: 100% !important; display: inline-block; margin: 10px 30px;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.facebook-soc {background: url(../img/facebook-social.png); -webkit-box-shadow: 0px 0px 0px 0 #3A579A; -moz-box-shadow: 0px 0px 0px 0 #3A579A;box-shadow: 0px 0px 0px 0 #3A579A; background-color: #3A579A !IMPORTANT;}
.linkedin-soc {background: url(../img/linkedin-social.png); -webkit-box-shadow: 0px 0px 0px 0 #0096BC; -moz-box-shadow: 0px 0px 0px 0 #0096BC; box-shadow: 0px 0px 0px 0 #0096BC;background-color: #0096BC !IMPORTANT;}

.am-fade {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 1;
    background: rgba(0,0,0,.5);
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 999;
}
.i-session-modal .modal-dialog {
    width: 400px;
}

.i-modal .i-glyph-icon-30-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
	width: 20px;
    height: 20px;
}
.i-glyph-icon-30-close:hover{
    text-decoration: none;
	color: #007BE0;
}
.i-glyph-icon-30-close {
    font-size: 18px;
    color: #6a6a6a;
}
.i-glyph-icon-30-close:before {
    content: "\00d7";
    font-size: 18px;
    position: absolute;
}
a.linkedin-soc:hover {
	-webkit-box-shadow: 0px 0px 0px 10PX  #0096BC;
	-moz-box-shadow: 0px 0px 0px 10PX  #0096BC;
	box-shadow: 0px 0px 0px 10PX  #0096BC;
}
a.facebook-soc:hover {
    -webkit-box-shadow: 0px 0px 0px 10PX #3A579A;
	-moz-box-shadow: 0px 0px 0px 10PX #3A579A;
	box-shadow: 0px 0px 0px 10PX #3A579A;
}

html:lang(pl) .modal p.en, html:lang(en) .modal p.pl {display: none;}

header div.main-head nav > ul > li div.sub {display: none;}

/*megamenu*/
nav.megamenu li.hassub div.sub {position: absolute; left: 0; right: 0; top: 49px; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	background: #4f81bd;
	/*background: #0057a3;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyNjcyYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiMwMDU3YTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA1N2EzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-radial-gradient(center, ellipse cover,  #2672af 0%, #0057a3 71%, #0057a3 100%);
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2672af), color-stop(71%,#0057a3), color-stop(100%,#0057a3));
	background-image: -webkit-radial-gradient(center, ellipse cover,  #2672af 0%,#0057a3 71%,#0057a3 100%);
	background-image: -o-radial-gradient(center, ellipse cover,  #2672af 0%,#0057a3 71%,#0057a3 100%);
	background-image: -ms-radial-gradient(center, ellipse cover,  #2672af 0%,#0057a3 71%,#0057a3 100%);
	background-image: radial-gradient(ellipse at center,  #2672af 0%,#0057a3 71%,#0057a3 100%);*/
}
nav.megamenu li.hassub:hover > a {background: #4f81bd; color: #fff;}
nav.megamenu div.sub div.inner {position: relative; width: 100%; max-width: 960px; padding: 20px 10px; margin: 0 auto 10px; border-bottom: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../img/logo_white.png) right bottom no-repeat; overflow: hidden;}
nav.megamenu div.sub ul {display: block; float: none; margin: 1.27em 0 1.27em 18px;}
nav.megamenu div.sub li {display: list-item; float: none; margin: 8px 0; list-style-type: square;}
nav.megamenu div.sub hr {margin: -0.65em 0 0 0; padding: 0; border-color: #fff;}
nav.megamenu div.sub a {color: inherit;}
nav.megamenu div.sub a:hover {text-decoration: underline;}
nav.megamenu div.sub div.col {float: left; padding: 0 15px 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
nav.megamenu div.sub div.col.fr {float: right;}
nav.megamenu div.sub div.col.w10 {width: 10%;}
nav.megamenu div.sub div.col.w20 {width: 20%;}
nav.megamenu div.sub div.col.w25 {width: 25%;}
nav.megamenu div.sub div.col.w30 {width: 30%;}
nav.megamenu div.sub div.col.w40 {width: 40%;}
nav.megamenu div.sub div.col.w50 {width: 50%;}
nav.megamenu div.sub div.col.w60 {width: 60%;}
nav.megamenu div.sub div.col.w70 {width: 70%;}
nav.megamenu div.sub div.col.w75 {width: 75%;}
nav.megamenu div.sub div.col.w80 {width: 80%;}
nav.megamenu div.sub div.col.w90 {width: 90%;}
nav.megamenu div.sub div.col.w100 {width: 100%;}

nav.megamenu div.sub p.heading {margin: 1em 0; font: 1.4em/1 "Open Sans", sans-serif;}

nav.megamenu div.sub span.hide {position: absolute; bottom: 6px; left: 0; font-size: 11px; cursor: pointer;}
nav.megamenu div.sub span.hide:before {margin-right: 3px; font-size: 16px; vertical-align: middle; content: '˄';}
nav.megamenu div.sub span.hide:hover {opacity: 0.7;}

/*
section.wide - szeroki tekst, wąski obrazek
section.narrow - wąski tekst, szeroki obrazek
section.table-content - sekcja z tabelami z obrazkami, przemieszczanymi na dół sekcji w telefonach
section.columns - sekcja z dwoma kolumnami tekstu bez obrazków
section.contact - sekcja z formularzem kontaktowym

div.images.overlap - obrazek zachodzący minus 13% w dół, nad tekstem
div.images.overlap.under - obrazek zachodzący minus 13% w dół, pod tekstem
div.images.padtop - padging-top 10% dla obrazka
div.images.ontop - obrazek od samej góry sekcji
div.images.maxleft - margin-left minus 45% dla obrazka

div.text.padtop - padging-top 10% dla tekstu
*/
header.fixed + div.content, header.absolute + div.content {margin-top: 52px;}
div.content {overflow: hidden;}
div.content section {position: relative; background-repeat: no-repeat; background-size: 100%;}
div.content section div.inner {position: relative; width: 960px; height: 100%; margin: 0 auto; padding: 5em 0 5em 10px; border-top: 1px solid #eaeaea; border-top-color: rgba(0,0,0,0.08)}
div.content section:first-child div.inner {border-top: none;}
body.sub div.content section:not(.contact) div.inner {padding-top: 4em; padding-bottom: 3em;}
body.sub div.content section:first-child div.inner {padding-top: 2em;}
div.content section div.inner {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.content section div.inner hr {margin-left: -10px;}
div.content section div.images {position: relative; width: 50%;}
div.content section div.images.fl img {max-width: 140%; margin-left: -5%;}
div.content section div.images.padtop {padding-top: 10%;}
div.content section div.images.ontop {margin-top: -5em;}
body.sub div.content section div.images.ontop {margin-top: -4em;}
body.sub div.content section:first-child div.images.ontop {margin-top: -2em;}
div.content section div.images.maxleft.fl img {margin-left: -45%;}
div.content section div.images.overlap {margin-bottom: -13%; z-index: 1;}
div.content section div.images.overlap.under {z-index: 0;}
div.content section div.text {position: relative; margin-right: 10px;}
div.content section div.text.padtop {padding-top: 10%;}
div.content section.wide div.images {width: 35%;}
div.content section.narrow div.images {width: 65%;}
div.content section.table-content div.images {margin: 0 2% 0 8%;}
div.content section.table-content div.images table {width: 100%; table-layout: fixed; border-style: hidden;}
div.content section.table-content div.images table td {border: 1px solid #e6e6e6; text-align: center; vertical-align: middle;}
div.content section.table-content div.images table img {display: inline-block; max-width: 94%; margin: 25% 3%;}
div.content section.columns {overflow: hidden;}
div.content section.columns div.text {width: 45%;}
div.content section.columns div.text.narrow {width: 40%;}
div.content section.columns div.text.wide {width: 50%;}
div.content section.columns div.text {float: right;}
div.content section.columns div.text:first-child {float: left;}
div.content section.columns table {width: 100%; table-layout: fixed; border-style: hidden;}
.ie8 div.content section.columns table {border-color: transparent;}
div.content section.columns table td {border: 1px solid #e6e6e6; text-align: center; vertical-align: middle;}
div.content section.columns table img {display: inline-block; max-width: 94%; margin: 5% 3%;}

div.content section.contact {background: #f0f2f4; -webkit-box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.07); box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.07);}
div.content section.contact div.inner {border: none;}
div.content section.contact h1 {margin-bottom: 1.5em;}
div.content section.contact div.data {width: 17em; float: left;}
div.content section.contact div.data > p {position: relative; border-top: 1px solid #e5e5e5; margin: 0; padding: 0.9em 1.8em;}
div.content section.contact div.data > p:first-child {border-top: none;}
div.content section.contact div.data > p:before {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url(../img/elements.png) no-repeat; content: '';}
div.content section.contact div.data > p.address:before {width: 7px; height: 12px; background-position: -66px 0;}
div.content section.contact div.data > p.phone:before {width: 10px; height: 10px; background-position: -55px 0;}
div.content section.contact div.data > p.mail:before {width: 11px; height: 9px; background-position: -43px 0;}
div.content section.contact div#info {padding: 1em 0 0 27em;}
div.content section.contact div#info li {list-style: none; color: #f00;}
div.content section.contact form {width: 50%; float: right; margin-right: 10%;}
div.content section.contact form label {float: left; width: 0; height: 0; overflow: hidden;}
div.content section.contact form input, div.content section.contact form textarea {height: 2.2em; padding: 3px 6px; border: 1px solid #d8d9db; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.11); box-shadow: inset 0 1px 3px rgba(0,0,0,0.11);}
div.content section.contact form input:focus, div.content section.contact form textarea:focus {border-color: #bbb; -webkit-box-shadow: none; box-shadow: none;}
div.content section.contact form input#name {float: left; width: 48%; font: 400 italic 14px/1.27 "Open Sans", sans-serif;}
div.content section.contact form input#mail {float: right; width: 48%; font: 400 italic 14px/1.27 "Open Sans", sans-serif;}
div.content section.contact form textarea {width: 100%; height: 9em; margin-top: 1.4em; font: 400 italic 14px/1.27 "Open Sans", sans-serif; resize: none;}
div.content section.contact form button {float: right;}

/* ui tabs */
#tabs.ui-widget.ui-widget-content {border: 0;}
#tabs .ui-widget-header {background-color: transparent; border: 0;}
#tabs .ui-tabs-nav {background-color: transparent;}
#tabs, #tabs .ui-tabs-nav {padding-left: 0; padding-right: 0;}
#tabs .ui-tabs-panel {padding-left: 0; padding-right: 0;}
#tabs .ui-tabs-nav li {box-sizing: border-box; -webkit-box-shadow: inset -5px 0 10px rgba(0,0,0,0.1); box-shadow: inset -5px 1px 7px -3px rgba(0,0,0,0.1); padding: 0; margin: 0; border: 1px solid #e3e5e8; border-right-width: 0; border-radius: 0; font: 300 1.1em/1.16 "Open Sans", sans-serif; color: #474747; background-color: #fff; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; outline: none; cursor: pointer;}
#tabs .ui-tabs-nav li:last-child {border-right-width: 1px;}
#tabs .ui-tabs-nav li:hover {color: #339cd3; /*border-right-width: 1px;*/ -webkit-box-shadow: inset -5px 0 10px rgba(0,0,0,0.02); box-shadow: inset -5px 1px 7px -3px rgba(0,0,0,0.02); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); z-index: 3;}
#tabs .ui-tabs-nav li:hover:not(:last-child)::after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e3e5e8;}
#tabs .ui-tabs-nav li.ui-state-active:hover:not(:last-child)::after {background-color: #4f81bd;}
#tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active {background-color: transparent; border-color: #4f81bd;}
#tabs .ui-state-active .ui-tabs-anchor, #tabs .ui-widget-content .ui-state-active .ui-tabs-anchor, #tabs .ui-widget-header .ui-state-active .ui-tabs-anchor {background-color: #4f81bd;}
#tabs .ui-tabs-nav li.ui-state-active:hover {background-color: #4f81bd; border-color: #4f81bd;}
#tabs .ui-tabs-anchor {padding: 1em; color: #474747; cursor: pointer;}
#tabs .ui-tabs-anchor:hover {color: #339cd3;}
#tabs .ui-state-active .ui-tabs-anchor {color: #fff;}
@media screen and (max-width: 768px) {
	#tabs .ui-tabs-nav {-webkit-box-shadow: inset -5px 0 10px rgba(0,0,0,0.1); box-shadow: inset -5px 0 10px rgba(0,0,0,0.1);}
	#tabs .ui-tabs-nav li, #tabs .ui-tabs-anchor {float: none; display: block;}
	#tabs .ui-tabs-nav li {border-right-width: 1px; border-bottom-width: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent;}
	#tabs .ui-tabs-nav li:last-child {border-bottom-width: 1px;}
	#tabs .ui-tabs-nav li:hover:not(:last-child)::after {width: 100%; height: 1px; bottom: 0; top: auto;}	
	#tabs .ui-tabs-nav li:hover {background-color: #fff;}
	#tabs .ui-tabs-panel hr {margin-left: 0;}
	#tabs ul.items li {max-width: calc(100% - 1.3em);}
}

footer {background: #222324; color: #fff;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMmUzMDMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNyUiIHN0b3AtY29sb3I9IiMzMjM0MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzIzNDM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(top,  #222324 0%, #2e3031 5%, #323435 7%, #323435 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222324), color-stop(5%,#2e3031), color-stop(7%,#323435), color-stop(100%,#323435));
	background-image: -webkit-linear-gradient(top,  #222324 0%,#2e3031 5%,#323435 7%,#323435 100%);
	background-image: -o-linear-gradient(top,  #222324 0%,#2e3031 5%,#323435 7%,#323435 100%);
	background-image: -ms-linear-gradient(top,  #222324 0%,#2e3031 5%,#323435 7%,#323435 100%);
	background-image: linear-gradient(to bottom,  #222324 0%,#2e3031 5%,#323435 7%,#323435 100%);
}
footer div.inner {position: relative; width: 960px; margin: 0 auto; padding: 1px 10px; font-size: 0.92em;}
footer div.inner {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
footer div.inner div.column {float: left; width: 23%; padding-top: 2.2em; padding-bottom: 1em; line-height: 1.5;}
footer div.inner div.col2 {padding-top: 3.75em;}
footer div.inner div.col3 {width: 31%;}
footer div.inner.krs-info {color: #696969;}
footer hr {margin: 0; padding: 0; height: 0; border-top: 1px solid #282a2a; border-bottom: 1px solid #424344;}

#cookies {position: fixed; bottom: 0; left: 0; right: 0; background: #336799; background-color: rgba(51,103,153,0.76); z-index: 10;}
#cookies > p {width: 960px; margin: 1em auto; font: 300 1em/1 "Open Sans", sans-serif; color: #fff;}
#cookies > p a {color: inherit; text-decoration: underline;}
#cookies > p span.close {position: absolute; top: 0.6em; right: 1em; width: 1.6em; height: 1.6em; line-height: 1.55em; border-radius: 50%; background: #0057a3; font-family: "Open Sans", sans-serif; text-align: center; font-weight: bold; text-shadow: none; cursor: pointer; z-index: 2; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#cookies > p span.close:hover {background: #007BE0;}

/* resolution test */
div.resTester {width: 0; height: 0; margin: 0; padding: 0; overflow: hidden;}
div.resTester span {width: 0; height: 0; display: none;}

@media only screen and (max-width: 1400px) {
	div.carousel .inside > ul > li div.slide div.slide-content div.images img.christmas {max-width: 250px !important; left: -60px; position: relative;}
	p.christmas {margin: 100px 0 -150px 0 !important;}
}
@media only screen and (max-width: 1280px) {
	/* resolution test */
	div.resTester span.r1280 {display: block;}
	.modal-dialog {top: 20%;}
	.carousel.main-carousel ul li {background-size: 100% 160%;}
	.text.eastern p {margin: 10px 0 0 0;}
}
@media only screen and (max-width: 1024px) {
	/*for iPad and other 1024 tablets*/
	div.content section div.images img {max-width: 135% !important;}
	div.content section div.images.overlap {margin-bottom: -6% !important;}
	div.carousel .inside > ul > li div.slide div.slide-content div.images img {max-width: 90% !important;}
	
	.carousel.main-carousel ul li {background-size: 100% 147%; background-position: 50% 62%;}
}
@media only screen and (max-width: 960px) {
	h1 {font-size: 3em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.5em;}
	p.heading {font-size: 1.7em;}
	
	ul.tablinks + h2 {clear: right;}
	ul.items {font-size: 1.2em;}
	
	header div.top-head {width: 100%;}
	header div.main-head nav {width: 100%;}
	
	div.content section div.inner {width: 100%; padding: 3em 0 3em 10px;}
	div.content section div.images.fl {width: 40%; margin: 0 5% 1% 0;}
	div.content section div.images.fr {width: 40%; margin: 0 0 1% 5%;}
	div.content section div.images img {max-width: 100% !important;}
	div.content section div.images.fl img {margin-left: 0 !important;}
	div.content section div.images.overlap {margin-bottom: 0 !important;}
	div.content section.table-content div.images {margin-right: 10px;}
	div.content section.contact form {margin-right: 0;}
	
	div.carousel .inside > ul > li div.slide div.slide-content div.images.fl {width: 50%;}
	div.carousel .inside > ul > li div.slide div.slide-content div.images.fr {width: 50%;}
	
	footer div.inner {width: 100%;}
	footer div.inner div.column {width: 50%;}
	footer div.inner div.column.col3 {clear: left;}
	
	#cookies > p {margin: 5%; width: 90%;}
	
	/* resolution test */
	div.resTester span.r960 {display: block;}
	.modal-dialog {top: 15%;}
	
	.carousel.main-carousel ul li {background-size: 100% 120%; background-position: -200px 100%;}
}
@media only screen and (max-width: 640px) {
	h1 {font-size: 2.4em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	p.heading {font-size: 1.5em;}
	
	ul.items {font-size: 1.1em;}
	ul.items li:before {margin-right: 0.5em;}
	
	header div.main-head nav span.nav-button {display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 10px; width: 40px; height: 25px; background: url(../img/elements.png) 0 0 no-repeat; cursor: pointer; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
	header div.main-head nav.active span.nav-button {-moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}
	header div.main-head nav > ul {display: block; position: absolute; top: 100%; right: 0; width: 0; height: auto; background: #323435; z-index: 20; overflow: hidden; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}
	header div.main-head nav.active > ul {width: 40%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75); box-shadow: 0 0 5px rgba(0,0,0,0.75);}
	header div.main-head nav > ul > li {display: block; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #2a2a2a; text-align: center;}
	header div.main-head nav > ul > li:first-child {border-top: none;}
	header div.main-head nav > ul > li a {display: block; padding: 0.85em 0 !important;}
	
	div.content section:not(.contact) {background-image: none !important;}
	div.content section div.inner {padding: 2.5em 0 2.5em 10px;}
	div.content section.table-content div.images {float: none; width: 100%; margin: 0;}
	div.content section.table-content div.images table td {border-style: none; text-align: left;}
	div.content section.table-content div.images table img {margin: 10% 3%;}
	div.content section.contact div.data {width: 100%; float: none;}
	div.content section.contact div#info {padding-left: 0;}
	div.content section.contact form {width: 100%; float: none;}
	
	footer div.inner div.column {width: 100%; padding-top: 2em; float: none; text-align: center;}
	footer div.inner.krs-info {text-align: center;}
	
	/* resolution test */
	div.resTester span.r640 {display: block;}
	
	.carousel.main-carousel ul li {background-size: 160% 100%; background-position: 50% 50%;}
}
@media only screen and (max-width: 480px) {
	h1 {font-size: 1.95em;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.2em;}
	p.heading {font-size: 1.4em;}
	p.christmas {margin: 50px 0 0 0 !important;}
	a.more {font-size: 1.4em;}
	
	ul.tablinks {width: 100%;}
	ul.tablinks li:hover {background: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none;}
	ul.tablinks li a:hover {background: rgba(255,255,255,0.5);}
	ul.tablinks + h2 {clear: none;}
	ul.tablinks + h2 + p, ul.tablinks + p {clear: left;}
	
	ul.items {font-size: 1em;}
	ul.items li:before {margin-right: 0.4em;}
	
	header div.top-head h1.logo img {width: 100%;}
	header div.main-head nav.active > ul {width: 100%;}
	
	div.content section div.inner {padding: 2em 0 2em 10px;}
	div.content section div.images {width: 35%;}
	div.content section.columns div.text {float: none !important; width: auto !important;}
	div.content section.columns div.text:first-child {margin-bottom: 2em;}
	
	div.carousel .inside > ul > li div.slide div.slide-content div.images {display: none;}
	
	/* resolution test */
	div.resTester span.r480 {display: block;}
	
	.i-session-modal .modal-dialog {width: 260px; top: 10px;}
	.modal-content > img {width: 170px !important; padding-left: 16px !important;}
	.facebook-soc, .linkedin-soc {margin: 10px 10px;}
	
	.text.eastern p {margin: 0 0 0 0;}
	.carousel.main-carousel .text.eastern {width: 100%;}
	.carousel.main-carousel ul li:first-child {background-image: none !important;}
	.lrwd {float: none !important;}
}
@media only screen and (max-width: 360px) {
	.carousel.main-carousel ul li {background-size: 190% 100%;}
}
@media only screen and (max-width: 320px) {
	div.carousel .inside > ul > li div.slide div.slide-content {padding-top: 2em;}
	
	div.content section {background-image: none !important;}
	div.content section div.inner {padding: 2.6em 5% 1.4em !important; border-top-color: #ddd;}
	div.content section div.images:not(.show-at-all) {display: none;}
	div.content section div.images.padtop {padding-top: 0;}
	div.content section div.text {margin-right: 0;}
	div.content section div.text.padtop {padding-top: 0;}
	div.content section.contact {padding: 0;}
	
	/* resolution test */
	div.resTester span.r320 {display: block;}
}