@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Playfair+Display:wght@400;600;800&display=swap');
html {
    height: 100%;
	  scroll-behavior: smooth;
} 
body {
color:#fff;
    background-color: #0a0a0a;
    font-size: 15px;
    height: 100%;
    margin: 0 auto;
    width: 100%;
font-family: 'Open Sans', sans-serif;
} 
#scena4 #s1dots{
	height:100%;
	background-size: 8px;
	opacity: 0.3;
}
#scena3 .circle, #scena5 .circle{
background: #000 !important;
}
.circlegfx{
  width: 100vh;
  height: 100vh;
  position: absolute;
  right: -5%;
	background-image: url(../img/circle.png);
	background-size: auto 100%;
  top: 0;
  background-position: center;
      -webkit-animation: circle 60s ease infinite;
    -moz-animation: circle 60s ease infinite;
    animation: circle 60s linear infinite !important;
}
@-webkit-keyframes circle {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(365deg);}
}
@-moz-keyframes circle {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(365deg);}
}
@keyframes circle {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(365deg);}
}
#scena5 .circlegfx{
	right:auto;
	left:2%;
	top: 10%;
}
#inst{
background-color: #fecd07;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 56px;
  top: 50%;
  border-radius: 100px;
  background-image: url(../img/ico-inst.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27px;
  z-index:9999;
}
#footercont img{
margin-right: 30px;
  float: left;
  box-shadow: 5px 5px 0px #fecd07;
  border-radius: 10px;
  max-width: 120px;
  height: auto;
}
#footercont a{
	color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #fecd07;
  text-transform: uppercase;
  font-weight: 800;
	float: left;
	margin-top: 10px;
}
#footercont strong{
	color:#fecd07;
	display: block;
}
#footercont p{
	display: block;
  padding: 10px 0px;
}
#s1vid{
	position: absolute;
  width: 100%;
  top: -10%;
  z-index: 0;
  opacity: 0.2;
}
.booking-header, .date-select-headline{
	display:none !important;
}
.book-day button.md-whiteframe{
	background: #000
}
.book-day button.md-whiteframe.disabled {
  color: #555;
}
.book-day button.md-whiteframe.selectable .md-body-1, .book-day button.md-whiteframe.selectable .md-title {
  background: #fecd07;
  font-weight: 800;
  border-radius: 5px;
}
html .md-card.selectable.light-green:hover, html .md-card.selectable.light-green:focus, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised:hover, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised:focus, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab:hover, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab:focus, html .book-day button.md-whiteframe.selectable:focus, html .book-day button.md-whiteframe.selectable:hover, html .book-day button.md-whiteframe.selectable:focus, html .md-theme-default.md-input-container.md-input-focused::after, html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button):hover, html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button):focus {
  background-color: #fecd07 !important;
  color: fff;
}
.date-select-headline, .time-select-headline{
	display:none;
}
html .time-listing-icon {
  fill: #fecd07;
}
.md-theme-default.md-button:not([disabled]).md-raised:not(.md-icon-button) {
  background-color: #fecd07;
  color: #000 !important;
  font-weight: 800 !important;
}
raised:not(.md-icon-button):hover {
  background: #fff !important;
  color: #000 !important;
}
.md-theme-default.md-card {
  background-color: #000 !important;
  color: #fff !important;
}
.md-input-container .md-icon:not(.md-icon-delete) {
  color: rgb(254, 205, 7);
}
.md-input-container label {
  color: #fff;
}
.md-input-container.md-has-value input, .md-input-container.md-has-value textarea {
  color: #fff !important;
  background: #222 !important;
  padding: 10px !important;
}
#md-button{
	background: #fecd07 !important;
}
html .md-card.selectable.light-green:hover, html .md-card.selectable.light-green:focus, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised:hover, html .md-theme-default.md-button:not([disabled]).md-primary.md-raised:focus, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab:hover, html .md-theme-default.md-button:not([disabled]).md-primary.md-fab:focus, html .book-day button.md-whiteframe.selectable:focus, html .book-day button.md-whiteframe.selectable:hover, html .book-day button.md-whiteframe.selectable:focus, html .md-theme-default.md-input-container.md-input-focused::after, html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button):hover, html .md-theme-default.time-select.md-button:not([disabled]).md-raised:not(.md-icon-button):focus {
  background-color: #fecd07 !important;
}
.md-whiteframe.selectable:hover{
	background:#000 !Important;
}
.md-input-container input, .md-input-container textarea{
	background: #222 !important;
}
.md-input-container input:focus, .md-input-container textarea:focus{
	Color:#fff !important;
	border:0px !important;
	outline:none !important;
	-webkit-text-fill-color: #fff !important;
}
.md-input-container{
	border:0px !important;
	Color:#fff !important;
		outline:none !important;
}
html .md-whiteframe.selectable, html  .md-whiteframe.selectable:hover, 
html .book-day button.md-whiteframe.selectable:hover{
	background: #000 !important;
	background-color: #000 !important;
}
.md-input-focused{
		border:0px !important;
	Color:#fff !important;
		outline:none !important;
}
.md-input-container::after{
	display:none !important;
}
body  .ssa_booking_iframe{
	box-shadow: none;
}
#tabkon{
	padding:30px 0px;
	margin: 0 auto;
}
#tabkon td{
	padding:0px 10px;
}
#tabkon td a{
	color:#fecd07;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	background-color: #fecd07;
	color: #000;
	padding: 18px;
	border-radius: 5px;
	box-shadow: 0px 1px 9px #000;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: 6px;
}
#tabkon td:nth-child(1) a{
	background-image:url(../img/ico-wa.png);
}
#tabkon td:nth-child(2) a{
	background-image:url(../img/ico-mail.png);
}
#tabkon td:nth-child(3) a{
	background-image:url(../img/ico-inst.png);
}
#scena3 .guzik, #scena5 .guzik{
	background-color:#fff;
}
#scena3 .guzik .circlegfx, #scena5 .guzik .circlegfx{
	background-color:#000;
}
#scena3 .guzik:hover .text, #scena5 .guzik:hover .text{
	color:#fff;
}
#s1dots{
	position:absolute;
	width:100%;
	background-image: url(../img/dots.gif);
	bottom: 0;
	height: 15%;
	background-size: 10px;
	z-index: 9;
}
  .maskani {
    -webkit-animation: maskani 10s ease infinite;
    -moz-animation: maskani 10s ease infinite;
    animation: maskani 10s linear infinite !important;
}
@-webkit-keyframes maskani {
    0%{mask-position:0% 50%}
    10%{mask-position:100% 50%}
}
@-moz-keyframes maskani {
    0%{mask-position:0% 50%}
    100%{mask-position:100% 50%}
}
@keyframes maskani {
    0%{mask-position:0% 50%}
    100%{mask-position:100% 50%}
}
a.book{
	position:absolute;
	background-color: #fecd07;
	color: #000 !important;
	padding: 10px 20px;
	border-radius: 10px;
	right: calc(3% + 30px);
	top: 50%;
	transform: translateY(-50%);
	font-weight: 800;
	font-size: 24px;
	text-transform: uppercase;
	background-image: url(../img/ico-cal.gif);
	background-repeat: no-repeat;
	background-position: 13px -57px;
	padding-left: 65px;
	transition:all 0.3s ease;
	text-decoration: none;
}
a.book:hover{
background-position: 13px 5px;
}
#tabkontakt{
margin: 0 auto;
width: 90%;
max-width: 500px;
padding: 50px 0px;
}
#tabkontakt td{
	width:50%;
}
#tabkontakt tr{
} 
#tabkontakt a{
	color:#032a3b;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0px solid #a7c46a;
}
#tabkontakt a:nth-child(1){
background-image: url(../img/ico-mail.gif);
background-repeat: no-repeat;
padding-left: 36px;
background-size: 20px;
}
#tabkontakt td:nth-child(2) a{
	background-image: url(../img/ico-tel.gif);
background-repeat: no-repeat;
padding-left: 36px;
background-size: 20px;
}
.wideani {
    -webkit-animation: wideani 30s ease infinite;
    -moz-animation: wideani 30s ease infinite;
    animation: wideani 30s ease infinite;
}
@-webkit-keyframes wideani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes wideani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes wideani {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
#topbar{
	border-bottom:0px solid #444;
	padding: 15px 5%;
	font-size: 13px;
	text-align: center;
	width: 90%;
	position: relative;
}
#topbar p:first-child{
	margin:0px;
	text-align: center;
	position: absolute;
	display: block;
	width: 90%;
}
#oferta{
	padding:50px 0px;
	max-width: 90%;
	margin: 0 auto;
	z-index: 9;
	position: relative;
	transition:all 0.3s ease;
}
#oferta li img{
	max-width:150px;
	height: auto;
}
#oferta li{
	width: 31%;
	float: left;
	background-color: #00106e;
	margin: 1%;
	list-style: none;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	transition: all 0.3s ease;
	background-image: url(../img/glow.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#oferta a{
	display: block;
	text-decoration: navajowhite;
	padding: 50px;
}
#oferta li:hover{
	background: #bf0081;
	transform:translateY(-10px);
}
#oferta h3{
	margin: 0px;
	font-family: 'Jost', sans-serif;
	color: #fff;
	font-size: 2vw;
	text-transform: uppercase;
}
#oferta p{
}
#topbar p{
	margin:0px;
	float: right;
}
#topbar a{
	color:#fff;
	text-decoration: none;
	float: right;
	z-index: 9;
	display: block;
	margin-left: 30px;
	position: relative;
	background-image: url(../img/ico-tel.gif);
	background-repeat: no-repeat;
	padding-left: 36px;
	background-size: 20px;
}
#topbar a:nth-child(1){
	margin-left: 30px;
}
#topbar a:nth-child(2){
		background-image: url(../img/ico-mail.gif);
}
#pnsrating .pnsr_button{
background-image: url(../img/grad.jpg) !important;
background-size: 100% auto !important;
}
#skew.skew2{
	left: 0;
top: 150px;
height: 20px;
width: 20%;
}
#zarowka{
	transition:all 1s ease;
}
#footer table{
	width:100%;
}
#footer table td{
	border-right: 1px solid #4359df;
	padding: 30px 30px;
	font-size: 20px;
}
#footer table td:last-child{
	border:0px;
}
#footer table td h5{
	color: #fff;
	margin: 0px;
	font-size: 13px;
	font-weight: bolder;
	font-family: 'Exo', sans-serif;
	background: #111;
	padding: 5px 10px;
	border-radius: 5px;
	text-transform: uppercase;
	display: inline-block;
}
#footer table p{
	color: #fff;
}
#footer table a{
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #bf0081;
}
#footer table a:hover{
	border-bottom: 3px solid #333;
}
.imarker{
	position:absolute;
	margin: 0px !important;
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-95%);
	width: 300px !important;
}
#fb{
display: block;
width: 50px;
height: 50px;
background-color: transparent;
position: fixed;
top: 50%;
right: 55px;
z-index: 9;
border-radius: 100px;
background-image: url(../img/ico-fb.png);
background-repeat: no-repeat;
background-size: 48px;
background-position: center;
transform:translateY(-50%);
}
#w-flagi a{
	color:#fff;
	text-decoration:none;
	border: 2px solid #fed500;
	display: block;
	padding: 10px 6px;
	border-radius: 100px;
	margin: 10px;
	line-height: 0px;
}
#w-flagi{
	position: absolute;
right: 10px;
top: 50%;
z-index: 9;
	transform: translateY(-50%);
}
#w-flagi ul{
	padding: 0px;
margin: 0px;
list-style: none;
}
#paginacja{
    text-align: center;
    height: auto;
    line-height: 45px;
margin-top: 50px;
margin-bottom: 50px;
}
#paginacja .page-numbers { font-size: 20px; }
#paginacja .page-numbers.current { color: #555; padding: 11px 20px;background: #fff;border-radius: 5px;font-weight: bold;}
#paginacja .page-numbers .dots { letter-spacing: 1px }
#paginacja a.page-numbers  { font-size: 20px; color: #fff !important; background-color: #56da4a;text-decoration: none;padding: 10px 20px;border-radius: 5px;transition: all 0.3s ease;background-image: url(../img/grad.jpg);background-size: 100% auto;}
#paginacja a.page-numbers:hover  { 
    background: #fff;
    color: #555 !important;
} 
#bookpanel{
	max-width: 900px;
width: 90%;
margin: 0 auto;
display: block;
}
#bookpanel h3{
	margin: 0px;
font-size: 19px !important; 
padding-bottom: 10px;
}
.rejbox.Dietetyka{
background-color:#e9e9e9 !important;
background-image:url(../img/ico-poradnia-dietetyczna.png);
}
.rejbox.Fizjoterapia{
background-color:#ffefd6 !important;
background-image:url(../img/ico-poradnia-fizjoterapii.png);
}
#bookpanel .rejbox{
background-color: #eee;
display: block;
margin-bottom: 10px;
padding: 15px;
border-radius: 5px;
padding-left: 65px;
background-size: 30px;
background-repeat: no-repeat;
background-position: 20px;
}
/*
@media (-webkit-min-device-pixel-ratio: 1.1) {
img{
transform: scale(0.9);
transform-origin: 50% 50%;
}
h1{
	transform: scale(0.9);
}
}
*/
#footer table td strong{
display: block;
padding-bottom: 15px;
color: #c4ccff;
}
#scena1 strong{
	color:#fff;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-220px);
	font-size: 81px;
	font-weight: lighter;
	text-transform: uppercase;
}
#scena1 img{
	z-index: 9;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 90%;
  bottom: 0;
}
#scena1 img.mask{
	mask: url(../img/mask.png);
	mask-size: 150px;
}
#ofewrap.animuj{
	transition:all 1s ease;
	opacity:0;
	transform: translateY(0px);
}
#ofewrap.animujgo{
	opacity:1;
	transform: translateY(-50px);
}
.kosboxy .kos.animuj{
		opacity:0;
	transition:all 1s ease;
	transform: translateY(-50px);
}
.kosboxy .kos.animujgo{
		opacity:1;
		transform: translateY(0px);
}
.dziecibox p{
	font-size: 15px;
margin: 0px;
line-height: 25px;
width: 100%;
color: #888;
padding-bottom: 15px;
}
#kreatorlp .dziecibox p {
  line-height: 24px;
}
.dziecibox.animuj{
			opacity:0;
	transition:all 1s ease;
	transform: translateY(-30px);
}
.dziecibox.animujgo{
			opacity:1;
		transform: translateY(0px);
}
.srcont.animuj{
		right: 5%;
	opacity:0;
	transition:all 1s ease;
}
.slcont.animuj{
	left: 10%;
	opacity:0;
	transition:all 1s ease;
}
.srcont.animujgo{
	right: 10%;
	opacity:1;
}
	.slcont.animujgo{
	left: 15%;
	opacity:1;
}
.archivewrap{
max-width: 80%;
margin: 0 auto;
padding-top: 50px;
}
#bread{
	margin-bottom: 30px;
	color: #fff;
	text-align:center;
	font-size: 13px;
}
#bread a{
	color:#fecd07;
	text-decoration: none;
	font-weight: normal;
}
#umdiet img, #umfiz img{
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 50px;
}
.kbox.umow a{
transition:all 0.3s ease;
}
.kbox.umow a:hover{
transform:translateY(-10px);
}
#boxtop{
background: #fff;
padding: 15px 10px;
text-align: center;
border-bottom: 1px solid #ddd;
font-size: 13px;
position: relative;
z-index: 9;
}
#headtop{
position:fixed;
top:0;
width:100%;
padding-top: 30px;
padding-bottom: 30px;
z-index: 999;
transition:all 0.5s ease;
margin-top: 45px;
}
#headtop nav{
    position: absolute;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding-left: calc(3% + 450px);
}
#headtop nav ul{
padding:0px;
text-align: left;
margin: auto;
}
#headtop nav ul li{
list-style:none;
display:inline-block;
padding: 0px 15px;
}
#headtop nav ul li a{
font-size:25px;
color: #fff;
text-decoration: none;
font-weight: 800;
transition:all 0.3s ease;
display: block;
font-family: 'poppins', serif;
text-transform: uppercase;
}
#headtop nav ul li a:hover{
transform:translateY(-10px);
}
#headtop nav ul .sub-menu{
	display:none;
position: absolute;
  background: #000;
  width: 300px;
border-radius: 0px 0px 10px 10px;
border-top: 5px solid #fecd07;
top: 35px;
overflow: hidden;
}
#headtop nav ul li:hover .sub-menu{
display:block;
}
#headtop nav ul .sub-menu li{
	border-bottom:1px solid #343434;
	width: 100%;
	padding: 0px;
}
#headtop nav ul .sub-menu li a{
	font-size: 13px;
	border: 0px;
	padding: 17px 10px;
	font-weight: normal;
}
#headtop nav ul .sub-menu li:last-child{
	border:0px;
}
#headtop nav ul .sub-menu li a:hover{
	transform:none;
	background-color:#fecd07;
	color: #000;
}
#logotop img{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    max-width: 150px;
}
#logotop{
display:block;
z-index: 10;
position: relative;
transition:all 0.5s ease;
width: 200px;
left: 3%;
}
#scena1{
height:100vh;
position: relative;
background-image: url(../img/glow.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center bottom;
}
#scena2.s2page{
	height: auto !important;
	padding: 50px 5%;
}
#scena2{
padding: 100px 5%;
position: relative;
background-image: url(../img/bg2.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-color: #030303;
background-size: 100% auto;
padding-top: 0px;
z-index: 10;
}
#headtop #menu-item-28 a{
background-image: url(../img/ico-star.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 19px;
  background-position: 0;
}
#scena3{
height: 90vh;
position: relative;
color: #ccc;
background-color: #fecd07;
background-image: url(../img/bgyellow.jpg);
background-size: 100% auto;
transition:all 1s ease;
overflow: hidden;
}
#scena4{
position: relative;
background-repeat: no-repeat;
padding: 100px 0px;
overflow: hidden;
background: #000;
}
#scena4 table{
	margin: 0 auto;
	z-index: 99;
	position: relative;
}
#scena4 table td{
	padding:30px;
	color: #999;
	font-size: 17px;
	line-height: 30px;
}
#scena4 table td img{
}
#scena4 table td p{
}
.dziecibox{
	color:#ccc;
}
#scena5{
position: relative;
height: 90vh;
background-color: #fecd07;
background-image: url(../img/bgyellow2.jpg);
background-size: 100% auto;
overflow:hidden;
background-repeat:no-repeat;
}
#footer{
background:transparent;
display: block;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 50px;
background-repeat: no-repeat;
background-position: right top;
padding-top: 100px;
color: #fff;
background-attachment: fixed;
padding-bottom: 0px;
}
.rejlink{
position:absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: #dbb875;
text-decoration: none;
font-size: 30px;
padding: 10px 20px;
border-radius: 100px 0px 0px 100px;
color: #000;
background-image: url(../img/gold.png);
background-size: 100% auto;
}
.rejlink span{
    font-size: 20px;
    padding-left: 40px;
    background-image: url(../img/ico-cal.gif);
    background-repeat: no-repeat;
    background-size: 25px;
}
#bgpagemask{
	width:100%;
	height:100%;
	background-image: url(../img/bgpage.jpg);
    background-repeat: no-repeat;
	position:fixed;
	top:0;
	z-index: -1;
	background-position: center bottom;
	background-size: 100% auto;
	mask: url(../img/mask3.png);
  mask-repeat: repeat;
mask-position:bottom right;
mask-repeat: no-repeat;
mask-size: 150%;
transition: all 2s ease-in;
}
#bgpagemask.animuj{
	mask-size: 0%;
}
.s1cont{
position:absolute;
top: 50%;
transform: translateY(-50%);
width: 90%;
z-index: 9;
margin: 0 auto;
transition:all 1s ease;
left: 0;
right: 0;
text-align: center;
}
.s1cont h2{
font-size:6vw;
margin: 0px;
letter-spacing: 4px;
padding-bottom: 30px;
font-family: 'poppins', serif;
font-weight: bold;
line-height: 6vw;
}
.s1cont p{
color: #999;
margin: 0px;
font-size: 15px;
width: 80%;
line-height: 30px;
}
.s1cont img{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 10%;
}
.floatfix{
clear:both;
}
.ofekostka{
background:#fff;
width: calc(29%);
margin: 2%;
float: left;
border-radius: 10px;
padding: 30px;
text-align: center;
}
#ofewrap{
width:90%;
margin:0 auto;
max-width: 1500px;
z-index: 9;
position: relative;
transform: translateY(-50px);
}
.ofekostka img{
width:125px;
height:auto;
}
.ofekostka p{
color:#555;
font-size: 18px;
}
.ofekostka h3{
color:#333;
font-size: 27px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 3px;
margin: 0px;
padding-bottom: 20px;
}
.ofe2{
transform:translateY(-50px);
}
#s2b{
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    z-index: 9;
    padding-top: 0px;
    padding-bottom: 50px;
}
#s2b h2{
    float: left;
    font-size: 41px;
    width: 55%;
    margin: 0px;
    padding-right: 10%;
    text-align: right;
}
#s2b p{
    float: left;
    width: 45%;
    margin: 0px;
    font-size: 20px;
}
.srcont{
    right: 10%;
}
.slcont{
    left: 15%;
}
.srcont, .slcont{
    width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.srcont h2, .slcont h2{
    margin: 0px;
    font-size: 8vh;
    font-weight: bold;
    font-family: noto-serif;
}
.srcont p, .slcont p{
    font-size: 18px;
    width: 80%;
    color: #96b1ef;
    line-height: 33px;
}
#scena4 img.bf{
    position: absolute;
    left: 10%;
    height: 85%;
    width: auto;
    max-height: 900px;
    top: 50%;
    transform: translateY(-50%);
}
#footer2{
height:0px;
background-color:#56da4a;
}
.foocont{
width:90%;
margin: 0 auto;
}
#footer nav ul{
width: 90%;
text-align: center;
margin-top: 70px;
padding: 30px;
border-top: 1px solid #222;
margin-bottom: 0px;
}
#footer nav ul li{
list-style:none;
display: inline-block;
margin: 0px 40px;
}
#footer nav ul li a{
color:#fff;
text-decoration: none;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
}
#footer nav ul li a:hover{
	color:#ff8ad9;
}
#footercont2{
    float: right;
    padding-top: 0;
}
#footercont2 a{
color:#fff;
font-size: 24px;
text-decoration: none;
margin: 0px 0px;
}
#logofooter{
    float: left;
    margin-right: 50px;
}
#logofooter img{
    width: auto;
    height: auto;
    margin-top: 30px;
}
#footercont{
    float: left;
    width: 53%;
    font-weight: bold;
}
#footercont p{
font-size: 15px;
line-height: 22px;
color: #999;
margin: 0px;
font-weight: normal;
}
#s2gfx{
width:50%;
position:absolute;
height:100%;
left:0; 
background-color:#ffe2c2;
top: 0;
}
#s2gfx2{
width:50%;
position:absolute;
height:100%;
right:0;
background-color:#daad60;
top: 0;
background-image: url(../img/gold.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
#scena1 img.s1gfx{
position:absolute;
height: 70vh;
width: auto;
right: 0;
top: 50%;
transform: translateY(-50%);
left: 0;
margin: 0 auto;
}
#scena1 img.energia{
	position:absolute;
	right: 15%;
	bottom: 0;
	height: 80%;
	width: auto;
	z-index: 3;
	transition:all 2s ease;
}
.kosboxy{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    max-width: 1500px;
}
.kosboxy .kos{
    float: left;
    width: calc(33% - 55px);
    margin: 0px 2%;
    background: white;
    border-radius: 100px;
    padding: 20px 25px;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 0px #eee;
    position: relative;
    padding-left: 100px;
}
.kosboxy .kos p{
    margin: 0px;
}
#headtop #menu-item-31{
margin-right:200px;
}
.kosboxy .kos p:nth-child(2){
	min-height:50px;
	font-size:16px;
}
.kosboxy .kos img{
position: absolute;
left: 35px;
width: 40px;
height: auto;
top: 50%;
transform: translateY(-50%);
}
.kosboxy .kos strong{
}
#headtop.nav-up, #headtop.nav-down{
top:0;
padding-top:10px;
padding-bottom:10px;
background: #000;
margin-top: 0px;
box-shadow: 0px 0px 10px #000;
}
#headtop.nav-up #logotop, #headtop.nav-down #logotop{
padding: 10px 0px;
}
#pagebg{
    padding-top: 150px;
padding-bottom: 50px;
z-index: 2;
position: relative;
background-image: url(../img/bgpage.jpg);
background-repeat: no-repeat;
background-position: bottom right;
    background-attachment: fixed;
    background-size: 100% auto;
}
#pagebg header h1{
font-size: 65px;
margin: 0px auto;
text-align: center;
background-size: 20px;
line-height: 95px;
font-weight: bold;
letter-spacing: 5px;
display:block;
background-repeat: no-repeat;
background-position: top right;
font-family: 'poppins', serif;
}
#pagebg header{
    margin: 0 auto;
    max-width: 1200px;
}
#strona-body{
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
}
#strona-body article{ 
	padding-bottom: 50px;
}
#strona-body article h2{
    font-size: 25px;
    color: #fecd07;
    font-weight: normal;
}
#strona-body article h3{
    font-size: 25px;
     color: #fecd07;
    font-weight: normal;
}
#strona-body article p{
    font-size: 16px;
    color: #999;
    line-height: 35px;
}
#strona-body article ul, #strona-body article ol{
    padding-left: 15px;
    margin: 50px 0px;
}
#strona-body article ul li, #strona-body article ol{
    font-size: 16px;
    color: #999;
    padding: 5px 0px;
}
#strona-body article p a{
    color: #032a3b;
    text-decoration: none;
    border-bottom: 2px solid #a7c46a;
    font-weight: bold;
}
.contentcont.page{
max-width:900px;
margin: 0 auto;
padding: 0px 50px;
padding-bottom: 0;
}
#back-to-top{
background-color: #fecd07;
border: 0px;
width: 40px;
height: 40px;
display: block;
border-radius: 100px;
margin: 0 auto;
background-image: url(../img/ico-top.png);
background-repeat: no-repeat;
background-position: center 15px;
background-size: 10px;
transition: all 0.3s ease;
cursor:pointer;
border: 3px solid #fecd07;
box-shadow: 0px 4px 4px #000;
margin-top:30px;
}
#back-to-top:hover{
background-position: center -26px;
}
#scena2 #window-web-gallery{
	transform: translateY(-100px);
}
#scena2.ofe #window-web-gallery, #scena2.s2page #window-web-gallery{
	transform: none;
}
 #headtop li.current-menu-item a,  #headtop li.current-page-parent a{
 border-bottom: 5px solid #fecd07;
 }
 #headtop nav ul .sub-menu li.current_page_item a{
	 background-color: #fecd07;
  color: #000;
 }
 .ssa_booking_iframe{
 width: calc(100% - 60px) !important;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 10px #ccc;
}
 #pojo-a11y-toolbar {
  top: 50% !important;
   transform: translateY(-50%) !important;
  }
 #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
 top:50% !important;
 transform: translateY(-50%) !important;
 }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  font-size: 40px !important;
  }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
 background-color:#896525 !important;
 padding: 20px !important;
 }
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {
  border-color: #896525 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{
font-size:18px !important;
}
body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
width:225px;
}
 body #pojo-a11y-toolbar.pojo-a11y-toolbar-left {
  left: -225px;
  }
 body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
  left: 225px;
}
 .boksep{
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #896525;
margin-bottom: 30px;
margin-top: 30px;
padding: 10px 0px;
 }
 .s1cont h1{
	 margin: 0px;
color: #fff;
font-size: 290px;
	 display: block;
	 text-transform: uppercase;
	 font-family: 'poppins', sans-serif;
	 line-height: 45px;
	 padding-bottom: 0;
	 letter-spacing: 5px;
	 padding-top: 0;
	 font-weight: 800;
 }
 #sertvicelista{
	 padding:50px 5%;
 }
 #sertvicelista ul{
	 margin:0px;
 }
 #sertvicelista ul li{
	 list-style:none;
	 float: left;
	 width: 16%;
	 margin: 2%;
 }
 #sertvicelista ul li a{
	 text-decoration:none;
	 position: relative;
 }
 #sertvicelista ul li a h3{
	 font-size:18px;
	 margin: 0px;
	 color: #fff;
	 position: absolute;
	 bottom: 30px;
	 width: 85%;
	 left: 0;
	 right: 0;
	 margin: auto;
	 text-align: center;
	 font-weight: normal;
 }
 #sertvicelista ul li a img{
	 width:100%;
	 border-radius: 5px;
	 box-shadow: 10px 10px 0px #ffc105;
 }
 #galhome{
	 padding:0px;
 }
 #galhome ul{
	 padding:0px;
	 margin:0px;
 }
 #galhome ul li{
	 float:left;
	 line-height: 0px;
	 width: 11.1%;
 }
 #galhome ul li a{
	 text-decoration:none;
	 line-height: 0px;
 }
 #galhome ul li img{
	 width:100%;
	 height:auto;
	 transition:all 0.3s ease;
 }
 #galhome ul li a:hover img{
	 transform:scale(0.9);
 }
 #glow{
	 position:absolute;
	 top:0;
	 width:100%;
	 height:100%;
	 background-image: url(../img/glow.png);
	 background-position: bottom center;
	 background-repeat: no-repeat;
 }
 #scena2cont{
	 position:absolute;
	 right: 10%;
	 top: 50%;
	 transform: translateY(-50%);
	 padding: 50px;
	 width: 30%;
	 transition:all 1s ease;
 }
 #scena2 .s2gfx{
	 width:auto;
	 height:100%;
	 transition:all 0.3s ease;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 left: 5%;
	 z-index: 9;
 }
 .s3gfx{
	 position:absolute;
	 transition:all 1s ease;
	 right: 0;
	 bottom: 0;
	 height: auto;
	 width: 45%;
	 z-index: 2;
	 transform: translateY(20%);
 }
  .s3gfxdon{
	 position:absolute;
	 transition:all 1s ease;
	 right: 0;
	 height: 100%;
	 width: auto;
	 z-index: 3;
 }
  .s4gfx{
	 position:absolute;
	 transition:all 1s ease;
	 left: 0;
	 bottom: 0;
	 height: auto;
	 width: 45%;
	 z-index: 2;
	 transform: translateY(-50%) rotate(180deg);
	 top: 50%;
 }
 .s3cont{
	 position: absolute;
left: 10%;
	 z-index: 9;
	 width: 35%;
	 top: 50%;
	 transform: translateY(-50%);
	 transition: all 1s ease;
 }
  .s3cont p{
	  width:80%;
  }
   .s4cont{
	 position: absolute;
right: 5%;
	 z-index: 9;
	 width: 35%;
	 top: 50%;
	 transform: translateY(-50%);
	 transition: all 1s ease;
 }
  .s3gfx2{
	  position:absolute;
	  z-index: 1;
	  left: 0;
	  right: 0;
	  width: 80%;
	  margin: 0 auto;
	  height: auto;
	  top: 20%;
  }
  #formfooter{
	  width:90%;
	  padding:50px 5%;
	  margin:auto;
	  transition:all 0.5s ease;
	  background: #000;
  }
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.glow {
    animation: fadeIn 1s infinite alternate;
	z-index:5;
}
  #skew{
	  width:40%;
	  height:49px;
	  position:absolute;
	  background-image: url(../img/skew.png);
	  display: block;
	  right: 0;
	  bottom: 20%;
	animation: skews 1s infinite linear;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	  z-index: 1;
  }
@keyframes skews {
  0% { background-position: 0px 0px; }
  100% { background-position:-19px 0px; }
}
  #formfooter h3{
	  color:#fff;
	  margin:0;
	  font-family: 'poppins', serif;
	  font-size: 38px;
	  text-align: center;
	  padding-bottom: 50px;
	  padding-top: 10px;
  }
#layer{
	width:100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: -1;
}
#grad{
	background-color:transparent;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/bg.jpg);
	background-size: auto;
}	
  #scena6 {
  position: relative;
  padding: 50px 10%;
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 9;
}
#scena6 ul{
	list-style:none;
	padding: 0px;
	margin: 0px;
	transform: translateY(-100px);
}
#scena6 ul li{
	float:left;
	width: 23%;
	line-height: 0px;
	margin: 1%;
}
#scena6 ul li a{
	text-decoration:none;
}
#scena6 ul li img{
	width: 100%;
height: auto;
	border-radius: 5px;
}	
  #scena3 h2, #scena4 h2, #scena5 h2{
	  color:#000;
	  font-family: 'poppins', serif;
	  margin: 0px;
	  font-size: 80px;
	  padding-bottom: 25px;
	  font-weight: 800;
	  line-height: 85px;
  }
    #scena3 p, #scena4 p, #scena5 p{
		font-size: 18px;
margin: 0px;
line-height: 30px;
		color: #111;
		width: 80%;
	}
  #scena2 .bar1{
	  position: absolute;
top: 0;
left: 0;
	  width: 100%;
	  background-position: bottom center;
	  height: auto;
	  transform: none;
  }
  #scena2 .bar2{
	  position: absolute;
bottom: 0;
left: 0;
	  width: 100%;
	  background-position: bottom center;
	  height: auto;
	  transform: rotate(180deg);
  }
  #scena6 table td img{
	  float:left;
	  padding-right: 15px;
  }
  .s4cont p{
	  padding-bottom:35px;
  }
.s4cont a{
	margin: 0 5px;
}	
  #animatic{
	  width:100%;
	  height:100%;
	  position:absolute; 
	  background-image: url(../img/bg1b.jpg);
	  background-repeat: no-repeat;
	  background-position: bottom left;
	  background-size: 100% auto;
	  background-attachment: fixed;
	  mask: url(../img/maska.png);
	  mask-repeat: no-repeat;
	  mask-size: 50%;
	  transition:all 6s ease-out;
	  mask-position: left bottom;
  }
  #animatic.animuj{
	   mask-size: 0%;
	   background-size: 80%;
  }
    #animaticduo{
	  width:100%;
	  height:100%;
	  position:absolute; 
	  background-image: url(../img/ogrody-warszawa.png);
	  background-repeat: no-repeat;
	  background-position: bottom left;
	  background-size: auto 70%;
	  background-attachment: fixed;
	  mask: url(../img/maska2.png);
	  mask-repeat: no-repeat;
	  mask-size: 100%;
	  transition:all 5s ease-out;
	  mask-position: right top;
	  z-index: 5;
	  width:50%;
  }
  #animaticduo.animuj{
	   mask-size: 0%;
	   background-size: auto 50%;
	   mask-position: right top;
  }
  .gradani {
    -webkit-animation: AnimationName 60s ease infinite;
    -moz-animation: AnimationName 60s ease infinite;
    animation: AnimationName 60s linear infinite !important;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
  div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a{
	  color:#56da4a !important;
  }
#wojlista{
	padding:50px 0px;
}
#wojlista li{
	float:left;
	list-style: none;
	width: 23%;
	margin: 1%;
	position: relative;
}	
#wojlista li.aktual a{
	background-color: #56da4a;
color: #fff;
	background-image: url(../img/grad.jpg);
}
#wojlista li a{
	color:#426f86;
	text-decoration: none;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	display: block;
	border: 1px solid #fff;
	font-weight: bold;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	box-shadow: 3px 3px 0px #eee;
	transition:all 0.3s ease;
	padding-left: 50px;
}
#wojlista li a:hover{
	border:1px solid #56da4a;
	transform: translateY(-10px);
}
#wojlista li a span{
	background-color:#56da4a;
	padding: 10px;
	color: #fff;
	position: absolute;
	border-radius: 100px;
	line-height: 18px;
	width: 20px;
	height: 20px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
	background-image: url(../img/grad.jpg);
	background-size: 100% auto;
}
#bloglista{
	padding:50px 0px;
	margin:0px;
}
#bloglista li img{
	width:70px;
	position: absolute;
	top: 20px;
	left: 20px;
	height: auto;
	border-radius: 10px;
}
#bloglista li{
	float:left;
	list-style: none;
	width: 23%;
	margin: 1%;
	position: relative;
}
#bloglista li a{
	color:#426f86;
	text-decoration: none;
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	display: block;
	border: 1px solid #fff;
	font-weight: bold;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	box-shadow: 3px 3px 0px #eee;
	transition:all 0.3s ease;
}
#bloglista li a:hover{
	border: 1px solid #56da4a;
transform: translateY(-10px);
}
#bloglista li a h3{
	font-size: 13px;
	margin: 0px;
	padding-left: 75px;
}
.contentcont.page.post{
	padding-bottom:0px;
}
#mapa{
	padding:0px;
	border: 1px solid #56da4a;
	border-radius: 10px;
	line-height: 0px;
	box-shadow: 0px 0px 30px #ccc;
}
#mapa iframe{
	border:0px;
	width:100%;
}
#wojwrappost #wojlista{
	padding-top:0px;
}
#wojwrappost{
max-width: 100%;
margin: 0 auto;
padding-bottom: 50px;
margin-bottom: 50px;
padding-top:50px;
}
body div.asl_w{
	padding: 10px;
width: calc(100% - 20px);
border: 2px solid #56da4a;
} 
#wojlista.animuj li{
	opacity:0;
	transition:all 0.3s ease;
	transform:translateY(15px);
}
#wojlista li{
	opacity:1;
	transition:all 0.3s ease;
	transform:none;
}	
#wojlista li:nth-child(1){ transition-delay:0.3s; }
#wojlista li:nth-child(2){ transition-delay:0.4s; }
#wojlista li:nth-child(3){ transition-delay:0.5s; }
#wojlista li:nth-child(4){ transition-delay:0.6s; }
#wojlista li:nth-child(5){ transition-delay:0.7s; }
#wojlista li:nth-child(6){ transition-delay:0.8s; }
#wojlista li:nth-child(7){ transition-delay:0.9s; }
#wojlista li:nth-child(8){ transition-delay:1.0s; }
#wojlista li:nth-child(9){ transition-delay:1.1s; }
#wojlista li:nth-child(10){ transition-delay:1.2s; }
#wojlista li:nth-child(11){ transition-delay:1.3s; }
#wojlista li:nth-child(12){ transition-delay:1.4s; }
#wojlista li:nth-child(13){ transition-delay:1.5s; }
#wojlista li:nth-child(14){ transition-delay:1.6s; }
#wojlista li:nth-child(15){ transition-delay:1.7s; }
#wojlista li:nth-child(16){ transition-delay:1.8s; }
#bloglista.animuj li{
		opacity:0;
	transition:all 0.3s ease;
	transform:translateY(15px);
}
#bloglista li{
		opacity:1;
	transition:all 0.3s ease;
	transform:none;
}
#ebok{
	background-color: #bf0081;
color: #fff;
text-decoration: none;
padding: 10px;
font-weight: bold;
	position: absolute;
	right: 5%;
	top: 50%;
	font-family: 'Jost', sans-serif;
	font-size: 20px;
	border-radius: 5px;
	transition: all 0.3s ease;
	background-image: url(../img/ico-bok.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 50px;
	background-size: 19px;
	transition:all 0.3s ease;
	transform: translateY(-50%);
}
#ebok:hover{
	background-color:#001696;
	padding-left: 60px;
	text-align: center;
}
.ti-rating-text{
	display:none;
}
.ti-review-content{
	display:none !important;
}
body .ti-widget.ti-goog .ti-review-item > .ti-inner{
	border:0px !important;
	background: #00106e !important;
}
.s2cont{
	display:block;
	text-align: center;
	transition: all 1s ease;
}
.s2cont h2{ 
font-size: 4vw;
margin: 0px;
letter-spacing: 4px;
font-family: 'poppins', serif;
font-weight: bold;
color:#fff;
line-height: 6vw;
float: left;
}
.owl-carousel.owl-drag .owl-item{
	background-color:#fecd07;
	border-radius: 10px;
	background-image: url(../img/bgyellow.jpg);
	background-position: right top;
}
.owl-carousel.owl-drag .owl-item a{
	color:#fff;
	text-decoration: none;
	font-family: 'poppins', serif;
	font-size: 20px;
	display:block;
}
.owl-carousel.owl-drag .owl-item a h3{
	font-size: 44px;
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	font-weight: 800;
}
.owl-carousel.owl-drag .owl-item a h3 span{
	color:#333;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 20px;
	border-radius: 100px;
	padding: 0px 20px;
}
#window-web-gallery{
	padding-top:0;
	position: relative;
	width: 100%;
	margin: 0 auto;
	transition: all 1s ease;
}
.s2cont p{
	margin: 0px;
	display: block;
	float: left;
	max-width: 500px;
	text-align: left;
	padding-left: 100px;
	font-size: 18px;
	color: #999;
	padding-top: 16px;
	line-height: 30px;
}
.owloferta img{
	width:1200px;
	height:auto;
}
.owloferta li{
	list-style:none;
	padding: 60px 0px;
}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:80%;height: auto;margin: 0 auto;max-width: 150px;max-width: 50px;background: #fff;border-radius: 100px;padding: 30px;}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0!important;font:inherit}.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{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item{text-align: center;}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
#scena2  .owl-dots{
	display:block;
	text-align: center;
	padding-top: 50px;
	display: none;
}
#scena2 .owl-dots .owl-dot{
background: #ccc;
display: inline-block;
padding: 5px !important;
border-radius: 100px;
margin: 0px 3px;
}
#scena2 .owl-dots .owl-dot.active{
	background: #acca6d;
}
#scena2  .owl-nav{
	position:absolute;
	top: 50%;
	background: red;
	width: 100%;
	transform: translateY(-50%);
}
#scena2 .owl-nav button{
	background-color:#000;
	position: absolute;
	top: -45px;
	border-radius: 100px;
	display: block;
	padding: 5px 12px !important;
	font-size: 30px;
	box-shadow: 2px 2px px #becbef;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}
#scena2 .owl-nav button.owl-prev{
	left:-15px;
}
#scena2 .owl-nav button.owl-next{
	right:-15px;
}
.s4gfxmod {
	z-index:5;
	position: absolute;
	left: 10%;
	bottom: 0;
	height: auto;
	width: 30%;
}
#scena4 h3{
color: #fff;
  display: block;
  font-family: 'poppins', serif;
  width: 80%;
  margin: 0 auto;
  transition: all 1s ease;
font-size: 50px;
line-height: 50px;
}
.contentcont.page img{
	max-width:100%;
	height:auto;
}
/*
Lightbox
*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed;}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:ffcf00;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:ffcf00;}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);op