/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
@import url(cookiesInfo.css);
@import url(menu.css);
@import url(adminMenu.css);
@import url(galeria.css);
@import url(pages.css);
@import url(staryEdtab.css);
@import url(edtab.css);
@import url(gridX.single.css);
@import url(main.default.css);
@import url(pmxForms.css);
@import url(jsoneditor.css);
@import url(jstree/themes/default/style.min.css);
@import url(main.content.css);
@import url(jquery.validity.css);
@import url(hint.css);
@import url(SlidesJS.css);
@import url(animations.css);
@import url(animations2.css);
@import url(animate.css);
@import url(stapel.css);
@import url(stapel_custom.css);
@import url(fitgrid.css);
@import url(cslider.css);
@import url(jquery.lightbox.css);
@import url(lightbox.css);
@import url(jquery.dataTables.css);
@import url(jquery.dataTables_themeroller.css);
@import url(jquery-ui-1.10.4.custom.css);
@import url(jquery-ui.css);
@import url(jquery.mCustomScrollbar.css);
@import url(glyphicons.css);
@import url(alertify.core.css);
@import url(alertify.default.css);
/* pod wersje 2.3.4 */
@import url(owlcarousel/owl.carousel.css);
@import url(owlcarousel/owl.theme.default.css);
@import url(owlcarousel/owl.transitions.css);
@import url(owlcarousel/owl.carousel.fraglesi.css);
/* ==== */
/* stara wersja */
/*
@import url(owl.carousel.css);
@import url(owl.theme.css);
@import url(owl.transitions.css);
*/
/* ====================================== */
@import url(slimmenu.css);
@import url(flexnav.css);
@import url(gridstack.css);
@import url(gridstack.admin.css);
@import url(social-slider-pelny.css);
@import url(jquery.range.css);
@import url(material-scrolltop.css);
@import url(magnific-popup.css);
@import url(leoslider.min.css);
@import url(jssor.css);
@import url(fonts.css);
@import url(leaflet.local.css);
@import url(popup.css);
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
@media (max-width: 900px) {
html { font-size: 14px; }
}
@media (max-width: 400px) {
html { font-size: 12px; }
}
body.admin * { color: #222; }
body {
font-size: 1rem;
font-family: 'aquarion', sans-serif;
background-color: white;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
body { ooooverflow: hidden}
* {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
.pmx { bbackground: none repeat scroll 0 0 black; #474747; }
.appMain { bbackground-color: white;
}
body.pmxReadyy .appWrapper::before {
bbackground-image: url(/images/plaza01a.jpg);
background-size: cover;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -2;
opacity: 0.3;
border: 5px solid red;
}
body.admin .appMain { position: relative; width: 100%; background-color: white}
.appMain section { bbackground-color: white;}
.appWrapper { width: 100%;
bbackground: url("/images/pattern01.png") repeat scroll left top rgba(255, 255, 255, 0.8);;
bbackground: url("/images/tlo.png") no-repeat fixed 0% 0 transparent; background-size: cover;
}
.appSecWrapper { overflow: hidden;
padding: 0px;
position: relative;
padding: 0px 0px;
}
.appSecWrapperBg { position: absolute;
top:0;
left:0;
height: 100%;
width: 100%;
overflow: hidden;
background-color: transparent;
}
body.mobile .appSecWrapperBgg { display: none}
.appSecWrapper.overflowScrolll { overflow: auto}
.sectionNav { display: none}
.appSecWrapper .banner {
margin: 0px auto;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0)
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B9ffffff', endColorstr='#B9ffffffb'); /* IE */
color: white; #383533;
ppposition: fixed;
ttop: auto;
bbottom: 0px;
zz-index: 10;
text-align: left;
padding: 20px;
padding-bottom: 60px;
bbbbackground: url("/images/pattern.png") repeat scroll left top rgba(255, 255, 255, 0.8);;
bbbbackground-color: #ffffff;
hheight: auto;
bbbbackground: url("/images/hLines.gif");
/* repeat scroll left top rgba(0, 0, 0, 0.2);*/
opacity: 1;
top:auto;
position: absolute;
height: auto;
margin-top: 100px;
bottom: 0px!important;
top:auto!important;
}
.mainContent2 { position: absolute;
top: 40%;
lleft: 0;
margin: 0 auto;
width: 100%;
padding: 20px 20px 20px;
position: relative;
right: auto;
background: rgba(255, 255, 255, 0.5);;
bbackground: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);
color: black;
text-align: center;
}
.mainContent3 { position: absolute;
top: 50%;
transform: translate3d(0px, -50%, 0px);
text-align: center;
width: 100%;
bbackground: rgba(255, 255, 255, 0.5);;
height: auto;
z-index:1;
}
.mainContent { position: absolute;
bbottom: 2rem;
top: 50%;
transform: translate3d(0px, -50%, 0px);
text-align: center;
width: 100%;
bbackground: rgba(255, 255, 255, 0.5);;
height: auto;
z-index:1;
}
.mainContent .pgFooter { position: absolute;
bottom: -10rem;
right: 0;
left:0;
}
.mainContent_ { position: absolute;
bottom: 2rem;
ttransform: translate3d(0px, -50%, 0px);
text-align: center;
width: 100%;
bbackground: rgba(255, 255, 255, 0.5);;
height: auto;
z-index:1;
}
.mainContent h2 {
font-size: 3rem;
font-weight: light;
text-align: center;
color: white; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
padding:0 !important }
body:not(.desktop) .mainContent h2 { font-size: 2rem; font-weight: bold}
.mainContent h3 { font-size: 2.5rem; text-align: center; font-weight: 100; color: white; text-shadow: 0 3px 2px rgba(0, 0, 0, 0.4) }
body:not(.desktop) .mainContent h3 { font-size: 1.5rem; font-weight: bold}
body.mobileeee .mainContent { top: 0}
body:not(.desktop) .mainContent img { width: 100px}
.pageContent { position: relative;
margin: 0 auto;
max-width: 1400px;
padding-bottom: 100px;
pppadding-top: 150px;
pppadding: 150px 20px 100px 20px;
padding: 100px 20px 20px 20px;
background: rgba(0, 0, 0, 0.5);;
bbackground: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.70);
bbackground-color: #ececec;
bbox-shadow: 0 0px 10px rgba(0, 0, 0, 1);
line-height: 1.7rem;
}
body.mobile .pageContent { padding: 70px 5px 0px 5px;}
.pageContent.mCustomScrollbarOn { height: 100%;
padding: 100px 0px 2px 20px;}
body.mobile .pageContent.mCustomScrollbarOn { height: 100%;
padding: 100px 5px 0px 5px;}
.pageContent.mCustomScrollbar_no-scrollbar { padding-right: 20px !important ; }
.pageContent.not_main { padding: 150px 50px 50px 50px;}
.pageContent.wide { max-width: none !important;
padding: 0px;
margin:0px;
}
.pageContent td > a img { wwwidth: 100px; padding: 2px;margin: 5px; float: left;
background-color: white;
-webkit-box-shadow: 0px 0px 1px #BBBBBB;
-moz-box-shadow: 0px 0px 1px #BBBBBB;
-webkit-box-shadow: 0px 0px 1px 0px #888 ;
-moz-box-shadow: 0px 0px 1px 0px #414141;
box-shadow: 0px 0px 1px 0px #414141;
transition: box-shadow 0.2s linear 0s, background-color 0.2s linear 0s;
}
.pageContent .fgWrapper { display: flex }
.pageContent.oferta ul {
list-style: none;
width: auto;
padding: 0px;
}
.pageContent.oferta li a {
background-color: rgba(0, 0, 0, 0.2);
color: black;
display: block;
margin: 5px;
padding: 10px;
width: auto;
transition: all 1s ease 0.5s;
-webkit-transition: all 1s ease 0.5s;
-moz-transition: all 1s ease 0.5s;
-o-transition: all 1s ease 0.5s;
}
.pageContent.oferta li a:hover {
background-color: rgba(0, 0, 0, 0.4);
color: white;
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.oditk a { text-decoration: underline}
.pageContent h2 { text-transform: uppercase; color: #367d32; }
.pageContent h3 { font-weight: normal;
font-size: 1.7rem;
color: #985500;
padding: 20px 0px 10px 0px}
.stopka { position: relative;
margin: 0 auto;
max-width: 1400px;
padding: 10px 0px 10px 0px;
line-height: 1.7rem;
}
.startowy { background: url("/images/pattern.png") repeat scroll left top rgba(0, 0, 0, 0.5);
opacity: 1;
mmax-width: 1000px;
top:auto;
position: absolute;
height: auto;
margin-top: 100px;
bottom: 0px!important;
top:auto!important;
}
.startowy .ikony { width: 400px; margin: 0 auto}
.startowy .ikony img { margin: 0 10px}
.startowy .ikony img:nth-child(2) { width: 100px}
.startowy .ikony img:nth-child(3) { width: 50px}
.scroll-down { position: absolute; bottom: 5px; right: 0%;width: 60px; margin: 0 auto}
.banner h1 { text-align: center}
.projekty { padding: 0px!important}
.appSecWrapper .noPattern { background-image: none !important; box-shadow: none !important}
.appSecWrapper .overlay { background: none repeat scroll 0 0 #ffffff;
bottom: 0;
bbbox-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
left: 0;
right:0;
overflow: hidden;
position: absolute;
top: 50px;
transform: translateX(-100%);
transition: all 0.8s ease 0s;
visibility: hidden;
width: 100%;
z-index: 50;
padding: 20px;
width: 100%;
}
.appSecWrapper .overlay-show { transform: translateX(0px);
visibility: visible;
}
.appSecWrapper .overlay-hide { llleft: 200%;
transform: translateX(+200%);
visibility: hidden;
aaaanimation: 0.1s ease 0s normal none 1 holdLeft, 2s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;
}
.appSecWrapper .overlay h2 { opacity:0 }
.appSecWrapper .overlay h3 { opacity:0 }
.appSecWrapper .overlay .figure { opacity:0 }
.appSecWrapper .overlay .content { max-width: 1200px; margin: 0 auto }
.appSecWrapper .overlay-show h2 { animation: 0.1s ease 0s normal none 1 holdLeft, 2s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;}
.appSecWrapper .overlay-show h3 { animation: 0.2s ease 0s normal none 1 holdLeft, 3s ease 0.4s normal none 1 fromLeft; animation-fill-mode: forwards;}
.appSecWrapper .overlay-show .figure { animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards;}
.appSecWrapper .overlay-show .btn-hide-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-next-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-prev-overlay { visibility: visible; opacity: 1 }
.appSecWrapper .overlay-show .btn-hide-overlayyy { visibility: visible; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards;}
.overflowVisible { overflow: visible !important}
.appHeader { height: 100px;
overflow: visible;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
bbackground: rgba(255,255,255, 0);;
background-color: rgba(255,255,255, 0.75);
bbackground-color: white;
transition: all 0.3s ease-in-out 0s;
display: flex;
align-items: center;
flex-flow: column-reverse;
}
body:not(.desktop) .appHeader { height: 50px }
.appHeader.minimized, .appHeader.not_main {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
background-color: rgba(255,255,255, 1);
hheight: 65px;
bbackground-color: #f2ebe2;
}
.appHeader.hovered {
background: none repeat scroll 0 0 rgba(0,0,0, 0.80);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B9000000', endColorstr='#B9000000'); /* IE */
}
.appHeaderBg {
bbbbackground: url("/images/appHeaderBg.png") repeat-x scroll left top transparent;
height: 60px;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.show { visibility: visible!important }
.logo { bbackground-image: url(/images/logo.png);
background-repeat: no-repeat;
height: 85px;
width: auto;
margin: 0px;
transition: all 0.8s ease 0s;
position: absolute;
top: 7px;
left: 10px;
opacity:1;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.logo > div:nth-child(2) { padding : 0px 10px;
display: flex;
flex-flow: column;
}
.logo p { color : white }
.appHeader.minimizedd .logo, .appHeader.nnot_main .logo { height: 50px; color: #939393;}
.appHeader .logo img { transition: all 0.8s ease 0s;}
.appHeader .logo img { height: 85px !important; width: auto !important }
.appHeader.minimizedd .logo img, .appHeader.nnot_main .logo img { height: 50px !important; auto !important }
.appHeader.minimizedd .logo p { color: #222;}
.partnerzy { bbackground-image: url(/images/logo.png);
background-repeat: no-repeat;
width: auto;
margin: 0px;
transition: all 0.8s ease 0s;
position: absolute;
bottom:0px;
right: 0px;
opacity:1;
z-index:1000;
}
.partnerzy h3 {
color: white;
display: block;
font-size: 0.9rem;
font-weight: 400;
letter-spacing: 3px;
padding: 12px 12px 12px 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
text-transform: uppercase;
transition: background-color 0.5s ease-out 0s;
}
header.minimizedd .logo { opacity: 1}
body:not(.desktop) .logo { height: 40px; top:6px;left:5px}
body:not(.desktop) .logo img { height: 50px !important}
.logo h1 { font-size: 1.5rem}
.social { height: 50px;
width: 67px;
margin: 0px;
transition: all 0.8s ease 0s;
position: absolute;
top:37px;
right: 5px;
text-transform: uppercase;
}
.appMenu { float: right;
ppppadding-right: 50px;
}
body.admin .appMenu { float: left }
#footerWrapper { overflow: hidden;
margin: 0 auto;
max-width: 1000px;
padding: 0px;
padding-top: 40px;
position: relative;
border: 0px solid red;
text-align: center;
}
.appFooter a { color: #4d4d4d; }
.appWrapper section
{
width: 100%;
height:100%;
}
.appWrapper section.kontakt {
background-color: #2D2A2F !important;
}
.appWrapper section.kontakt * {
color: #ffffff;
text-align: center;
font-size: 2rem;
}
.appWrapper section.kontakt svg.icon {
width: 4.5rem;
height: 2.5rem;
vertical-align: 0.5em;
fill: #ccc;
overflow: hidden;
}
img.svg_icon_oferta {
width: 3.5rem !important;
margin: 0 auto;
fill: #ccc;
overflow: hidden;
}
.panel { height: 100%;
overflow: aauto;
position: absolute;
width: 100%;
background-color: #DDDEDF;
}
.flagi { position: absolute;
right: 17px;
top: 4px;
width: 150px;
z-index:2;
}
.flagi * { font-size: 0.9rem}
body.mmenu_collapsed .flagi { left: 5px; right: auto; top: 7px }
.przerywnik { height: 500px; bbackground: rgba(0, 0, 0, 0.1) url("/images/pattern.png") repeat scroll left top;}
.przerywnik::before { /* by Fraglesi */
background: rgba(0, 0, 0, 0.1) url("/images/pattern.png") repeat scroll left top;
content: " ";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s;
width: 100%;
z-index: 1;
}
.przerywnik.maps { margin-top:0px; height: 300px; margin-bottom: 20px}
#przerywnik01 { background: url('/images/przerywnik01.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik02 { background: url('/images/przerywnik02.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik03 { background: url('/images/przerywnik03.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
/*
#przerywnik01 { background: url('/images/przerywnik01.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik02 { background: url('/images/przerywnik02.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
#przerywnik03 { background: url('/images/przerywnik03.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
*/
/*only for webkit browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#przerywnik01 {
background-attachment: scroll;
}
}
.googlemaps {
height: 600px;
margin: 0 auto;
padding: 0px;
mmax-width: 1000px;
}
#map { text-align:center; background: transparent}
#map .appSecWrapper { background-color: white;}
#mapp:after {
height: 176px;
pointer-events: none;
top: 100%;
width: 100%;
content: "";
display: block;
left: 0;
position: relative;
top: 0;
}
#vertnav { display: none !important}
.start { top: 0% ;
aaanimation: 1.2s ease-in 0s normal none 1 fadeIn;
bbbbbbbbackground: url("/images/main01a.jpg") repeat-x scroll 50% 0 transparent;
bbbbox-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
min-height: 373px;
opacity: 1;
padding-top: 60px;
tttext-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
}
.appSecWrapper { bbackground: url('/images/PgBg.jpg') no-repeat transparent; background-position: left top; background-size: cover}
.sekcja00 { top: 0; bbbbackground: url('/images/sekcja00.jpg') no-repeat transparent; background-position: right bottom; background-size: cover}
.sekcja01 { top: 100%; background: url('/images/section01.jpg') no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja02 { top: 200%; background-color: #C4D8EE; bbackground: url('/images/sectionTorbyFoliowe.jpg') no-repeat fixed 0% 0 transparent; background-size: cover }
.sekcja03 { top: 300%; bbackground: url('/images/sectionTorbyTekstylne.jpg') no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja04 { top: 400%; bbackground-color: #D7E6FE; bbackground: url('/images/sectionNaSpecjalnaOkazja.jpg') no-repeat fixed 0% 0 transparent; background-size: cover}
.sekcja05 { top: 500%; bbackground: url('/images/sectionNaSpecjalnaOkazja.jpg') no-repeat fixed 0% 0 transparent; background-size: cover}
.kontakt { top: 600%; bbbackground: url('/images/sectionKontakt.jpg') no-repeat fixed 0% 0 transparent; background-size: cover}
#particles { background: url('/images/start01bg.jpg') no-repeat scroll center center transparent; background-size: cover;}
#start02 { bbackground: url('/images/start02bg.jpg') no-repeat scroll center center transparent; background-size: cover;}
#start03 { background: url('/images/start03bg.jpg') no-repeat scroll center center transparent; background-size: cover;}
#start02bg_a { background: url('/images/start02bg_a.jpg') no-repeat scroll center center transparent; background-size: cover;}
#oFirmie01 { background: url('/images/start01bg.jpg') no-repeat fixed center center transparent; background-size: cover;}
#historia01 { background: url('/images/start01bg.jpg') no-repeat fixed center center transparent; background-size: cover;}
#historia02 { background: url('/images/start01bg.jpg') no-repeat fixed center center transparent; background-size: cover;}
.img-responsive { display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0 none;
width:100%;
}
.owl-item-slide { width: 100%; height: 100%; border: 0px solid red }
#particles-js {
background-color: transparent;
position: fixed;
top:0;
left:0;
height: 100%;
width: 100%;
overflow: hidden;
}
a.button {
background-color: black;#2b2f30;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
color: white;
display: block;
font-size: 0.9rem;
font-weight: bold;
height: 29px;
margin-top: 5px;
padding-top: 5px;
text-align: center;
text-transform: uppercase;
transition: all 500ms ease 0s;
width: 133px;
margin: 0 auto;
}
a.button:hover { color: red;
background-color: black;
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 1;
}
50% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.9);
opacity: 1;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 0.7;
}
}
#start h2 { position: absolute; bottom:70px;left:0; right:0;color: white; text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
#start .content { }
#galeria h2 { color: white !important}
#navigation {
display: none;
height: 200px;
padding: 5px;
position: fixed;
right: 0;
top: 110px;
width: 40px;
z-index: 800;
}
#navigation a.navigationButton {
background: url("/images/nav2.png") no-repeat scroll center center transparent;
height: 28px;
left: 0;
outline: medium none;
padding: 5px;
position: absolute;
width: 29px;
}
#navigation a.navigationButton.selected {
background: url("/images/nav2_sel.png") no-repeat scroll center center transparent;
}
/* =====================================================================================
SLIDERS
===================================================================================== */
.sliderwrap { width: 100%; overflow: hidden}
ul.slider { list-style: none outside none;
margin: 0;
padding: 0;
width: 100%;
}
.slidewrap1 { position: relative}
ul.slidecontrols { display: none; block; width: 100%; list-style: none outside none; padding:0px; margin:0px; position: absolute; top:45%; left:0;
}
ul.slidecontrols li.left { float: left; mmmargin-left: -20px; }
ul.slidecontrols li.right { float: right; mmmmargin-right: 20px }
.carousel-tabs { clear: both;
margin: 0 auto 45px;
padding: 20px 0 0;
border: 0px solid red;
width: 300px;
float: left;
clear: both;
displayy: none;
}
li.slide hgroup { padding: 0 50px; }
.carousel-tabs li { display: inline-block;
margin: 0 3px;
padding: 0;
}
.carousel-tabs li:last-child a { background-position: 2px -740px; }
.carousel-tabs a { background: none repeat scroll 0 0 #E4E4E4;
border-radius: 9px 9px 9px 9px;
display: inline-block;
height: 19px;
outline: 0 none;
text-indent: -9999px;
transition: background-color 0.2s ease-in-out 0s;
width: 19px;
}
.carousel-tabs a:hover { background-color: #D7D7D7; }
.carousel-tabs .carousel-active-tab a { background: none repeat scroll 0 0 #E1704B;
border-radius: 9px 9px 9px 9px;
height: 19px;
lline-height: 19px;
width: 19px;
}
.carousel-tabs li.carousel-active-tab:last-child a { background-position: 3px -739px;
}
/* =====================================================================================
GALERIA2
===================================================================================== */
.ddddda-thumbs li {
float: left;
margin: 5px;
background: #fff;
padding: 8px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.dddda-thumbs li a, .da-thumbs li a img { display: block; position: relative; }
.dddda-thumbs li a { overflow: hidden; }
.dddda-thumbs li a div { position: absolute; background: rgba(75,75,75,0.7); width: 100%; height: 100%; }
.trescc { max-width: 1000px;
margin: 0 auto;
text-align: left;
padding: 0 20px;
}
.twocol.first, .twocol:nth-last-child(2n) { margin-left: 0; }
.twocol.first, .twocol:nth-last-child(2n) { margin-left: 0; }
.twocol:nth-last-child(-n+2) { margin-bottom: 0; }
.twocol { float: left; margin-left: 3%; width: 47%; }
.ttwocol { float: left; margin-left: 20px; }
.twocol.wezej { width: 30%}
.twocol.szerzej { width: 60%}
article { color: #727272; }
pp { color: #727272; font-size: 1.125em; line-height: 1.3em;}
p:last-child { margin-bottom: 0; }
pp { font-size: 1.125em;
line-height: 1.3em;
margin-bottom: 34px;
}
p { margin-bottom: 15px;
line-height: 1.7rem }
h1 { font-size: 2.5rem }
h2 { ffont-family: 'Alegreya Sans SC', sans-serif;
font-size: 2rem;
font-size: 3rem;
font-weight: 200 ;
line-height: 4rem;
margin: 0px;
text-align: center;
ppadding-bottom: 2rem;
}
body.mobile h2 { }
h3 { ffont-family: 'Alegreya Sans SC', sans-serif;
font-size: 1.4rem;
font-weight: 600;
text-align: left;
margin: 0px;
}
h4 { ffont-family: 'Alegreya Sans SC', sans-serif;
font-size: 1.3rem;
font-weight: normal;
text-align: left;
margin: 0px;
}
a, a:visited, a:hover, a:active { outline: medium none; }
a { color: #5a5a5a;black;#ff9600;#800000;#E1704B; text-decoration: none; transition: color 0.2s ease-in-out 0s; }
div.pgHtml { position: relative }
div.wiecej { border: 0px solid red;
height: 31px;
margin: 20px auto 0;
position: relative;
width: 40px;
bottom: 0
}
.btn-section {
background-image: url("/css/images/arrows/up-arrow.png");
background-position: 0 0;
background-repeat: no-repeat;
bottom: 0;
color: #FFFFFF;
display: block;
height: 40px;
right: 0;
mmmmargin-left: -20px;
opacity: 0.9;
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
text-indent: -1500px;
width: 40px;
z-index: 12;
}
.btn-section.next {
background-image: url("/css/images/arrows/arrows-1.png");
bottom: 0;
right: 0;
}
.btn-section.prev {
background-image: url("/images/btn-scroll-up.png");
top: 85px;
}
.btn-hide-overlay {
background-image: url("/images/btn-close.png");
background-position: 0 0;
background-repeat: no-repeat;
top: 10px;
color: #FFFFFF;
display: block;
height: 40px;
right: 9px;
mmmmargin-left: -20px;
opacity: 0;
visibility: hidden;
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
text-indent: -1500px;
width: 40px;
z-index: 12;
border: 0px solid black;
}
.btn-hide-overlay { animation: 9s linear 0s normal none infinite spinAround; }
.btn-next-overlay {
background-image: url("/images/btn-scroll-right.png");
background-position: 0 0;
background-repeat: no-repeat;
bottom: 0px;
color: #FFFFFF;
display: block;
height: 40px;
right: 9px;
mmmmargin-left: -20px;
opacity: 0;
visibility: hidden;
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
text-indent: -1500px;
width: 40px;
z-index: 12;
}
.btn-prev-overlay {
background-image: url("/images/btn-scroll-left.png");
background-position: 0 0;
background-repeat: no-repeat;
bottom: 0px;
color: #FFFFFF;
display: block;
height: 40px;
left: 9px;
mmmmargin-left: -20px;
opacity: 0;
visibility: hidden;
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
text-indent: -1500px;
width: 40px;
z-index: 12;
}
.overlay-show .btn-hide-overlay .btn-next-overlay .btn-prev-overlay { opacity:1}
.prawo .btn-scroll { left:0; right: auto ! important}
.parallax {
display: block;
position: absolute;
}
.mainBanner01 { background: url("/images/main01a.jpg") no-repeat fixed 0% 0 transparent; background-size: contain; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards; }
.mainBanner02 { background: url("/images/main01b.jpg") no-repeat fixed 0% 0 transparent; background-size: contain; animation: 0.1s ease 0s normal none 1 hide, 4s ease 0.1s normal none 1 fadeIn; animation-fill-mode: forwards; }
#mainBanner ul { list-style: none; padding: 0px; margin: 0px }
#mainBanner li { width: 100%; height:400px; display: block;text-align: center; padding: 0px; margin: 0px}
#opanel #NewsTicker img { display: none; border: 0px solid #a4a4a4; width:800px; height: 450px;overflow: hidden}
/* =====================================================================================
SPECYFICZNE DLA SOPOCKI ZDRÓJ
===================================================================================== */
.grid-stack > .grid-stack-item > .grid-stack-item-content.godzinyOtwarcia {
font-size: 1.5rem;
}
ul.slimmenu li a[data-mmenu-node="j1_14"] { color: red; background-color: #e0e0e080;; padding: 6px }
.okolica h1 { font-size: 1.8rem }
.okolica .grid-stack-item-content { padding: 10px }
.okolica .grid-stack-item-content .wrapper {
bbox-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
justify-content: center;
align-items: flex-start;
border: 1px solid #985500;
}
.okolicaaaa .grid-stack-item-content .wrapper:after {
background-color: #000;
bottom: 0;
content: " ";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}
.okolicaaa .grid-stack-item-content .wrapper:hover:after {
opacity: 0.1;
z-index: -1;
}
.okolica .grid-stack .content { top : 0px; }
.okolica .grid-stack .content h2 { background-color : transparent;
color: black;
font-weight: bold;
padding: 0; padding-bottom: 10px }
.okolica .grid-stack .content h3 { color : #303030;
text-align: left;
font-weight: normal;
line-height: 2em;
font-size: 1.1rem !important;
}
.okolica .grid-stack .content a { ccolor : #099e28;
font-size: 0.9rem;
line-height: 1rem;
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
}
.ocateringu .grid-stack .grid-stack-item-content {
border: 1px solid #d8d8d8;
margin: 0 5px;
}
.ocateringu .grid-stack .content {
position: absolute;
width: 50%;
left: auto;
right:0;
top:0;
bottom:0;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
.ocateringu .grid-stack .content h2 { color: black }
#podMainBanner .pageContent { padding: 10px 20px 20px 20px; }
#Formularz .pmxForms { border: 1px solid #985500;
max-width: 800px;
margin: 0 auto;
}
#Formularz .pmxForms a.button {position : initial;
margin: 0 auto;
margin-bottom: 20px; }
.stopka { text-align: center; background: none repeat scroll 0 0 rgba(255, 255, 255, 1); background-color: #ececec}
.stopka h4 { font-style: normal !important; color: #222 !important;}
.stopka p { margin: 0 !important}
.stopka .grid-stack .wrapper { margin: 0 !important}
.stopka .grid-stack-item-content.valignMiddle img { position: relative !important}
.stopka .grid-stack-item-content.linki a { padding: 0 10px !important; text-transform: uppercase; border-left: 1px solid #777}
.stopka .grid-stack-item-content.linki a:first-child { border: none}
.stopka .grid-stack .grid-stack-item-content .loga { opacity: 0.8;
display : flex;
justify-content: space-around;
align-items: center;
}
.stopka .grid-stack .grid-stack-item-content .loga img { height: 30px !important;
display: inline !important;
width: auto !important;
}
.owl-carousel.mainOferty .owl-nav > div {
background-image: url(/css/owlcarousel/owl-nav-bg3.png);
width:30px;
height:55px;
right: 5px !important;
margin-top: -40px !important;
}
.owl-carousel.mainOferty .owl-nav > div.owl-prev {
left: 5px;
background-position: 0 -55px;
}
.owl-carousel.mainBanner .owl-nav > div {
background-image: url(/css/owlcarousel/owl-nav-bg3.png);
width:30px;
height:55px;
right: 5px !important;
margin-top: -40px !important;
}
.owl-carousel.mainBanner .owl-nav > div.owl-prev {
left: 5px;
background-position: 0 -55px;
}
.mainOverlay { overflow: visible ! important }
.mainOverlay a.close {
background-image: url("/css/images/btn-close-compact.png");
animation: none;
top: -20px;
right: -16px;
}
.mainOverlay a.close:hover {
background-position: 0px -40px;
}
.mainOverlay.gotuje { background-color: black}
.mainOverlay.gotuje * { color: white }
.mainOverlay.gotuje .content { width: 50%; float: right}
body.mobile .mainOverlay.gotuje .content { width: 100%; margin-top: 200px}
.mainOverlay.gotuje .content h2 { text-align: left}
.mainOverlay.gotuje .content h3 { color: red; font-size: 1rem}
.mainOverlay.gotuje .content p { line-height: 108% !important }
.mainOverlay.gotuje .content table { background-color: transparent; width: 100% !important;}
.mainOverlay.gotuje .content table * { color: white !important}
.mainOverlay.gotuje .content table tr { white-space: nowrap;}
.mainOverlay.gotuje .content table td { border: 2px solid white; text-align: right; padding: 3px;}
.mainOverlay.gotuje .content table td:nth-child(1) { text-align: left}
.mainOverlay.gotuje .content table thead th { text-align: center; padding: 5px; border: 2px solid white; border: 2px solid white;white-space: nowrap;}
.mainOverlay.gotuje .content table thead th:nth-child(1) { width: 400px !important; }
.galeria .item, .DolarImages span b { font-size:1.1rem }
/* ====== RESPONSYWNOŚĆ ================================================================ */
body.mobile .appHeader .icons { display: none; border: 1px solid red }
body:not(.desktop) .logooo { display: none }
body.mmenu_collapsed .appNav, body.mobile .appNav { position: absolute; right: 0; top : 0 }
body.mmenu_collapsed ul.slimmenu.collapsed li, body.mobile ul.slimmenu.collapsed li { background-color: #e8e8e8 }
body.mmenu_collapsed .appHeaderIcons {
position: absolute;
top: 12px;
right: 50px;
}
body.mobile .mainOverlay a.close, body.tablet .mainOverlay a.close {
animation: none;
top: 0px;
right: 0px;
}
.mainOverlay a.close:hover {
background-position: 0px -40px;
}
body.mobile .mCSB_inside > .mCSB_container { margin-right: 15px; }
body.mobile .owl-carousel.mainOferty .owl-item img { padding: 0px; }
body.mobile #mFOOTER .grid-stack-item { height: 100px !important; }
body.mobile #Kontakt td.noMobile {
display: none !important;
height: 0px !important;
}
body.mobile #mFOOTER { padding: 0px 5px 0px 5px;}
bodyy:not(.desktop) .pageContent h2 { font-size: 1.5rem; font-weight: bold; line-height: 1.5rem}
body.tablet .mainOverlay {
bottom: 0;
top: 0;
}
.material-scrolltop { bottom: 65px; right: 5px}
/* =====================================================================================
FORMULARZE
===================================================================================== */
#contactForm { width:100%}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea {
background: none repeat scroll 0 0 #ECF1F4;
border: 1px solid #B5C9D4;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(25, 62, 83, 0.1) inset, 0 0 0 1px rgba(155, 180, 195, 0.3);
color: #3E7EA0;
font-size: 12px;
hhhhheight: 18px;
padding: 6px 15px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
wwwwwwwwwidth: 235px;
}
#contactForm input[type="text"]:focus, #contactForm input[type="email"]:focus, #contactForm textarea:focus {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #9BB4C3;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 8px rgba(30, 73, 96, 0.1);
outline: medium none;
}
#contactForm textarea { hhheight: 192px}
#contactForm .lajn { margin: 5px 0px}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media handheld, only screen and (max-width: 1400px) {
}
@media handheld, only screen and (max-width: 1024px) {
}
.lllllt-ie9 body { font-size: 0.8em }
.llllt-ie9 h2 { font-size: 1.5em; }
.lllllt-ie9 .prawo { left: 0px; right: auto; top: 0; bottom: auto }
.llllt-ie9 .tresc { max-width: 800px; 800px}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}