html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, address,
em, img,
strike, strong,
ol, ul, li,
fieldset, form, label, legend,
article, aside,
figure, figcaption, footer, header,
menu, nav, output, section,
audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
html {
font-size: 50%;
}
body {
font-family: "Panton-Regular", sans-serif;
color: #000;
}
@font-face {
font-family: Panton-BlackCaps;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-BlackCaps.otf);
}
@font-face {
font-family: Panton-Regular;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-Regular.otf);
}
@font-face {
font-family: Panton-Black;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-Black.otf);
}
@font-face {
font-family: Panton-Light;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-Light.otf);
}
@font-face {
font-family: Panton-Bold;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-Bold.otf);
}
@font-face {
font-family: Panton-ExtraLight;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-ExtraLight.otf);
}
@font-face {
font-family: Panton-LightCaps;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-LightCaps.otf);
}
@font-face {
font-family: Panton-LightitalicCaps;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-LightitalicCaps.otf);
}
@font-face {
font-family: Panton-LightitalicCaps;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-ExtraLight.otf);
}
@font-face {
font-family: Panton-BoldItalic;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-BoldItalic.otf);
}
@font-face {
font-family: Panton-SemiBold;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-SemiBold.otf);
}
@font-face {
font-family: Panton-Thin;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-Thin.otf);
}
@font-face {
font-family: Panton-BlackitalicCaps;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Panton-BlackitalicCaps.otf);
}
@font-face {
font-family: Roboto-Black;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Roboto-Black.ttf);
}
@font-face {
font-family: Roboto-Light;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Roboto-Light.ttf);
}
@font-face {
font-family: Roboto-MediumItalic;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/Roboto-MediumItalic.ttf);
}
@font-face {
font-family: KaushanScript-Regular;
src: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/font/KaushanScript-Regular.ttf);
}
.wrapper {
max-width: 1920px;
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.wrapper1500 {
max-width: 1450px;
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 1500px) {
.wrapper1500 {
max-width: 1200px;
}
}
@media screen and (max-width: 1200px) {
.padding {
padding-left: 20px;
padding-right: 20px;
}
}
.header {
width: 100%;
max-width: 1920px;
padding: 0 3.5%;
display: -webkit-box;
display: flex;
position: fixed;
-webkit-box-align: center;
align-items: center;
height: 120px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 10;
background-color: #fff;
padding-left: 20px;
}
.header__logo {
width: 17%;
align-self: flex-start;
}
.header__logo h1 {
display: none;
}
.header__logo img {
height: 120px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header__nav {
width: 50%;
}
.header__info {
width: 35%;
}
.nav__menu {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.nav__item a {
color: #000;
font-size: 2.4rem;
position: relative;
}
.nav__item a:after {
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
bottom: -10px;
height: 3px;
width: 0;
background: transparent;
-webkit-transition: width .5s ease, background-color .5s ease;
transition: width .5s ease, background-color .5s ease;
}
.nav__item a.underline-active:after {
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
bottom: -10px;
height: 4px;
width: 100%;
background: #FF3200;
-webkit-transition: width .5s ease, background-color .5s ease;
transition: width .5s ease, background-color .5s ease;
}
.current-active2:after {
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
bottom: -10px;
height: 4px !important;
width: 100% !important;
background: #FF3200 !important;
-webkit-transition: width .5s ease, background-color .5s ease;
transition: width .5s ease, background-color .5s ease;
}
.info {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding-left: 5%;
}
.info__hour {
width: 30%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.info__facebook {
width: 25%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.info__icons {
width: 45%;
display: -webkit-box;
display: flex;
justify-content: space-around;
}
.info__icons svg circle {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.info__icons svg:hover circle {
fill: #FF3200;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.info__hour p {
font-size: 1.55rem;
}
.info__hour--header {
padding-bottom: 3px;
}
.info__icons a {
padding-left: 3%;
}
.header.header-fixed .header__logo img {
height: 120px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header.header-fixed .header__logo img {
height: 120px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}
.hamburger-container {
display: none;
}
.menu-button {
border: 4px solid #000;
width: 60px;
height: 58px;
border-radius: 50px;
}
.menu-button-bar1, .menu-button-bar2, .menu-button-bar3 {
position: relative;
top: 11px;
left: 5px;
border-radius: 0px;
display: block;
background-color: #000;
width: 30px;
height: 3px;
margin: 5px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.animate1 {
-webkit-transition: 0.25s;
transition: 0.25s;
-webkit-transform: translate(0px, 8px) rotate(45deg);
transform: translate(0px, 8px) rotate(45deg);
}
.animate2 {
-webkit-transition: 0.25s;
transition: 0.25s;
opacity: 0;
}
.animate3 {
-webkit-transition: 0.25s;
transition: 0.25s;
-webkit-transform: translate(0px, -8px) rotate(-45deg);
transform: translate(0px, -8px) rotate(-45deg);
}
@media screen and (max-width: 1700px) {
.info {
width: 30%;
}
.header__nav {
width: 55%;
padding-left: 2%;
}
}
@media screen and (max-width: 1500px) {
.header {
height: 100px;
}
.header__logo img {
height: 100px;
}
.nav__item a {
font-size: 1.7rem;
}
.info__hour p {
font-size: 1.1rem;
text-align: center;
}
.info__facebook img {
max-height: 20px;
}
.info__icons a img {
max-width: 35px;
}
.header.header-fixed .header__logo img {
height: 100px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}
.info__icons a {
padding-left: 0;
}
.info__icons a svg {
height: 40px;
}
}
@media screen and (max-width: 1050px) {
.header.header-fixed .header__logo img {
height: 80px;
}
.header {
height: 80px;
}
.header__info, .header__nav {
display: none;
}
.header__logo {
width: 60%;
text-align: center;
-webkit-box-ordinal-group: 3;
order: 2;
}
.header__logo img {
height: 80px;
}
.hamburger-container {
width: 20%;
-webkit-box-ordinal-group: 2;
order: 1;
display: -webkit-box;
display: flex;
}
.header.header-active {
flex-wrap: wrap;
}
.header.header-active .header__nav {
display: -webkit-box;
display: flex;
-webkit-box-ordinal-group: 4;
order: 3;
margin: 0 auto;
flex-wrap: wrap;
position: absolute;
width: 100%;
top: 80px;
left: 0;
z-index: 10;
background-color: #fff;
padding-top: 20px;
padding-left: 0;
}
.header.header-active.header-fixed .header__nav {
top: 80px;
}
.header.header-active .header__nav ul {
display: block;
padding-bottom: 30px;
width: 100%;
}
.header.header-active .header__nav li {
text-align: center;
padding: 10px 0;
}
.menu-button-bar1, .menu-button-bar2, .menu-button-bar3 {
top: 0;
}
.nav__item a.underline-active {
color: red;
}
.nav__item a.underline-active:after {
display: none;
}
}
@media screen and (max-width: 500px) {
.header__logo img, .header.header-fixed .header__logo img {
height: 60px;
}
.header {
height: 60px;
}
.header.header-active .header__nav {
top: 60px;
}
.header.header-active.header-fixed .header__nav {
top: 60px;
}
.hamburger {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
.footer {
width: 100%;
padding: 30px 4%;
display: -webkit-box;
display: flex;
border-top: 5px solid #FF3200;
font-family: "Panton-Light", sans-serif;
font-size: 1.7rem;
color: #808080;
height: 100px;
}
.footer__reserved {
width: 30%;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}
.footer__reserved p {
width: 100%;
}
.footer__reserved .powered {
color: #808080;
margin-top: 10px;
}
.footer__reserved .powered:hover {
opacity: .8;
}
.footer__nav {
width: 60%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.footer__social {
width: 10%;
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
align-items: center;
}
.footer__menu {
display: -webkit-box;
display: flex;
width: 100%;
}
.footer__item {
padding-right: 9%;
-ms-grid-row-align: center;
align-self: center;
}
.footer__item a {
color: #808080;
}
.footer-br {
display: none;
}
@media screen and (max-width: 1500px) {
.footer {
font-size: 1.2rem;
}
.footer__social img {
max-height: 20px;
}
}
@media screen and (max-width: 1050px) {
.footer {
flex-wrap: wrap;
height: auto;
}
.footer__reserved {
width: 50%;
-webkit-box-ordinal-group: 3;
order: 2;
}
.footer__nav {
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
padding-bottom: 15px;
}
.footer__social {
width: 50%;
-webkit-box-ordinal-group: 4;
order: 3;
}
.footer__menu {
-webkit-box-pack: justify;
justify-content: space-between;
}
.footer__item {
padding-right: 0;
}
}
@media screen and (max-width: 500px) {
.footer__reserved {
width: 100%;
-webkit-box-ordinal-group: 3;
order: 2;
-webkit-box-pack: center;
justify-content: center;
padding-bottom: 15px;
text-align: center;
}
.footer__nav {
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
padding-bottom: 0px;
}
.footer__social {
width: 100%;
-webkit-box-ordinal-group: 4;
order: 3;
-webkit-box-pack: center;
justify-content: center;
}
.footer__menu {
flex-wrap: wrap;
}
.footer__item {
width: 100%;
text-align: center;
padding-bottom: 15px;
}
.footer-br {
display: block;
}
}
.slider.swiper-container {
width: 100%;
height: 600px;
margin-top: 120px;
}
.slider.swiper-container .swiper-slide {
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/slider-background1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.slide-gradient {
height: 100%;
width: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(173, 171, 173, 0.5) 58%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(173, 171, 173, 0.5) 58%, rgba(0, 0, 0, 0.7) 100%);
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.slide-content {
color: #fff;
width: 700px;
margin-right: 10%;
margin-top: 100px;
}
.slide-content h2 {
font-family: "Panton-Bold", sans-serif;
font-size: 6rem;
border-bottom: 1px solid #fff;
padding-bottom: 40px;
}
.slide-content a {
margin-top: 30px;
display: block;
color: #fff;
font-family: "Panton-SemiBold", sans-serif;
background-color: #FF3200;
text-align: center;
font-size: 2.4rem;
padding: 22px 10px;
border-radius: 5px;
width: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slide-content a:hover {
color: #FF3200;
background-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.slider.swiper-container.swiper-container-vertical > .swiper-pagination-bullets {
right: 2%;
}
.slider.swiper-container.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 10px 0;
}
.slider.swiper-container .swiper-pagination-bullet {
width: 22px;
height: 22px;
background: none;
border: 2px solid #fff;
opacity: 1;
}
.slider.swiper-container .swiper-pagination-bullet-active {
background: grey;
}
@media screen and (max-width: 1500px) {
.slider.swiper-container {
margin-top: 100px;
height: 400px;
}
.slide-content h2 {
font-size: 4.2rem;
padding-bottom: 30px;
}
.slide-content a {
font-size: 1.7rem;
margin-top: 20px;
height: 50px;
padding: 17px 10px;
}
.slide-content {
width: 450px;
margin-top: 50px;
}
.slider.swiper-container.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 10px 0;
}
.slider.swiper-container .swiper-pagination-bullet {
width: 15px;
height: 15px;
background: none;
border: 2px solid #fff;
opacity: 1;
}
.slider.swiper-container .swiper-pagination-bullet-active {
background: grey;
}
}
@media screen and (max-width: 1050px) {
.slide-content {
margin: 0;
}
.slide-gradient {
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.slide-content a {
margin: 0 auto;
margin-top: 20px;
}
.slide-content h2 {
text-align: center;
}
}
@media screen and (max-width: 500px) {
.slider.swiper-container {
margin-top: 60px;
}
.slide-content {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.slide-content h2 {
font-size: 2.8rem;
padding-bottom: 30px;
}
.slide-content a {
font-size: 1.3rem;
height: 40px;
padding: 14px;
}
.slider.swiper-container {
height: 300px;
}
}
.home-content {
width: 100%;
display: -webkit-box;
display: flex;
}
.home-content__text {
width: 30%;
}
.home-content__search {
width: 55%;
}
.home-content__plan {
width: 15%;
}
@media screen and (max-width: 1050px) {
.home-content {
flex-wrap: wrap;
}
.home-content__text {
width: 80%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
order: 2;
}
.home-content__search {
width: 80%;
margin: 0 auto;
-webkit-box-ordinal-group: 2;
order: 1;
}
.home-content__plan {
width: 100%;
-webkit-box-ordinal-group: 4;
order: 3;
}
}
@media screen and (max-width: 900px) {
.home-content__text {
width: 90%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
order: 2;
}
.home-content__search {
width: 90%;
margin: 0 auto;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.home-text {
padding-left: 2%;
padding-right: 0.5%;
border-right: 1px solid #808080;
padding-top: 0px;
}
.home-text__element {
display: -webkit-box;
display: flex;
padding: 30px 0;
}
.home-text__element--image {
width: 25%;
padding-right: 30px;
}
.home-text__element--image img {
max-width: 100%;
height: auto;
display: block;
}
.home-text__element--info h2 {
font-family: "Panton-Bold", sans-serif;
font-size: 2.1rem;
padding-bottom: 20px;
}
.home-text__element--info address {
padding-bottom: 10px;
}
.home-text__element--info address, .home-text__element--info p {
font-size: 2.1rem;
color: #808080;
line-height: 2.8rem;
}
.home-text__element--info a {
color: #808080;
font-size: 1.8rem;
text-decoration: underline;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
}
.home-text__element--info a:hover {
color: #000;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#home-text-header {
font-family: "Panton-SemiBold", sans-serif;
font-size: 2.4rem;
}
.hour-br {
display: none;
}
@media screen and (max-width: 1700px) {
.hour-br {
display: block;
}
}
@media screen and (max-width: 1700px) {
.hour-br {
display: none;
}
}
@media screen and (max-width: 1500px) {
#home-text-header {
font-size: 1.7rem;
}
.home-text__element--info h2, .home-text__element--info address, .home-text__element--info p {
font-size: 1.5rem;
}
.home-text__element--info address, .home-text__element--info p {
line-height: 2.2rem;
}
.home-text__element--info a {
font-size: 1.3rem;
}
.home-text__element {
padding: 20px 0;
}
.home-text {
padding-top: 10px;
}
}
@media screen and (max-width: 1050px) {
.home-text {
padding-left: 0;
padding-right: 0;
border-right: none;
border-top: 1px solid #808080;
padding-top: 30px;
padding-bottom: 30px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.home-text {
padding-top: 30px;
}
.home-text__element {
width: 50%;
}
.home-text__element--image {
padding-right: 20px;
}
}
@media screen and (max-width: 700px) {
.home-text__element {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.home-text {
padding-bottom: 10px;
padding-top: 10px;
}
}
@media screen and (max-width: 350px) {
.home-text__element--info address, .home-text__element--info p {
font-size: 1.4rem;
}
}
.home-search {
padding: 30px 5% 0 5%;
}
.home-search__header {
font-family: "Panton-SemiBold", sans-serif;
font-size: 2.4rem;
text-align: center;
width: 100%;
position: relative;
padding-bottom: 20px;
margin-bottom: 30px;
}
.home-search__header:after {
content: "";
width: 10%;
height: 4px;
position: absolute;
bottom: 0px;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
background-color: #FF3200;
}
.home-search__header:first-of-type {
margin-bottom: 70px;
}
.home-search__header:last-of-type {
margin-top: 80px;
margin-bottom: 50px;
}
.home-search__bar {
display: -webkit-box;
display: flex;
border: 1px solid #808080;
border-radius: 8px;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
font-size: 2.1rem;
color: #808080;
height: 60px;
margin-bottom: 35px;
}
.home-search__bar a {
color: #808080;
}
.home-search__bar--dropdown {
width: 77%;
position: relative;
}
.home-search__bar--dropdown p {
padding: 20px;
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/home-arrow.svg);
background-repeat: no-repeat;
background-position: right 20px center;
width: 100%;
text-transform: uppercase;
}
.home-search__bar--search {
width: 200px;
height: 100%;
padding-left: 20px;
border-left: 1px solid #808080;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.dropdown-content {
display: none;
}
.home-search__bar.dropdown-active .dropdown-content {
display: block;
position: absolute;
border: 1px solid #808080;
width: 100%;
top: 62px;
left: -1px;
border-radius: 8px;
background-color: #fff;
z-index: 2;
}
.home-search__bar.dropdown-active .dropdown-content li {
border-radius: 5px;
}
.home-search__bar.dropdown-active .dropdown-content li a {
padding-left: 20px;
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.home-search__bar.dropdown-active .dropdown-content li:hover {
background-color: #EDEDED;
border-radius: 8px;
}
.home-search__icon {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding-top: 20px;
}
.home-search__icon-element {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
}
.home-search__icon-element h3 {
font-family: "Panton-Bold", sans-serif;
font-size: 2.1rem;
text-align: center;
padding-top: 10px;
}
.home-plan {
height: 850px;
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/home-plan.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.home-plan a {
color: #000;
font-size: 2.4rem;
font-family: "Panton-SemiBold", sans-serif;
border: 1px solid #808080;
border-radius: 8px;
padding: 25px 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home-plan a:hover {
background-color: #808080;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 1500px) {
.home-search__header:first-of-type {
margin-bottom: 50px;
}
.home-search__header:last-of-type {
margin-top: 45px;
margin-bottom: 30px;
}
.home-search__header {
font-size: 1.7rem;
}
.home-search__bar {
font-size: 1.5rem;
height: 50px;
}
.home-search__bar--search {
width: 150px;
}
.home-search__icon-element h3 {
font-size: 1.5rem;
}
.home-search__icon-element img {
max-height: 45px;
width: auto;
}
.home-search__bar.dropdown-active .dropdown-content {
top: 56px;
}
.home-plan {
height: 600px;
}
.home-plan a {
font-size: 1.7rem;
padding: 15px;
}
}
@media screen and (max-width: 1050px) {
.home-search__header:first-of-type {
margin-bottom: 30px;
}
.home-search__header:last-of-type {
margin-top: 50px;
margin-bottom: 30px;
}
.home-search {
padding-left: 0;
padding-right: 0;
padding-bottom: 50px;
}
.home-search__bar--dropdown {
width: 82%;
}
.home-plan {
height: 200px;
}
.home-plan a {
width: 25%;
text-align: center;
}
.home-search__bar {
margin-bottom: 30px;
}
}
@media screen and (max-width: 700px) {
.home-plan {
height: 150px;
}
}
@media screen and (max-width: 500px) {
.home-plan {
height: 150px;
}
.home-search__bar--search {
width: 90px;
padding-left: 10px;
}
.home-search__bar--dropdown p {
padding: 20px 10px;
background-position: right 10px center;
}
.home-search__header::after {
width: 20%;
}
.home-search__bar {
margin-bottom: 30px;
}
.home-search__header {
margin-bottom: 30px;
}
.home-search__icon {
padding-top: 0;
}
.home-search {
padding-bottom: 10px;
}
.home-search__icon {
flex-wrap: wrap;
justify-content: space-around;
}
.home-search__icon-element {
width: 33.333%;
padding-bottom: 20px;
}
.home-plan a {
width: 200px;
font-size: 1.5rem;
}
.home-search__bar.dropdown-active .dropdown-content li a {
padding-left: 10px;
}
}
.contact {
max-width: 1450px;
width: 100%;
margin: 0 auto;
margin-top: 160px;
}
.contact-section {
padding-top: 30px;
padding-bottom: 50px;
border-bottom: 1px solid #808080;
display: -webkit-box;
display: flex;
}
.contact-section__element:first-of-type {
width: 33.3333%;
padding-right: 5%;
}
.contact-section:last-of-type {
border-bottom: none;
}
.contact-section:last-of-type .contact-section__element {
width: 100%;
}
.contact-section:last-of-type .contact-section__element form {
padding-top: 0px;
-webkit-box-align: center;
align-items: center;
}
.contact-section:last-of-type .contact-section__element--transport {
padding-left: 50px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.contact-section:last-of-type .contact-section__element--transport > a {
padding-right: 5px;
}
.contact-section:last-of-type .contact-section__element--transport > :hover {
color: #000;
}
.contact-section:last-of-type .contact-section__element h3 {
font-family: "Panton-Bold", sans-serif;
font-size: 2.1rem;
color: #808080;
padding: 16px 0 16px 50px;
background-repeat: no-repeat;
background-position: left center;
}
.contact-section:last-of-type .contact-section__element h3:first-of-type {
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/tramwaj.svg);
}
.contact-section:last-of-type .contact-section__element h3:last-of-type {
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/autobus.svg);
}
.contact-section:last-of-type .contact-section__element-trace-container {
margin-top: 30px;
-webkit-box-align: center;
align-items: center;
}
.contact-section:last-of-type .contact-section__element-trace-container p {
padding-right: 20px;
}
.contact-section__element-trace-container {
display: -webkit-box;
display: flex;
}
.contact-section__element {
width: 33.3333%;
padding-right: 5%;
}
.contact-section__element h2 {
font-family: "Panton-Bold", sans-serif;
font-size: 2.4rem;
padding-bottom: 20px;
}
.contact-section__element p, .contact-section__element address, .contact-section__element a {
font-size: 2.1rem;
line-height: 2.8rem;
color: #808080;
display: block;
}
.contact-section__element form {
padding-top: 30px;
display: -webkit-box;
display: flex;
}
.contact-input-text {
width: 280px;
border: none;
border: 1px solid #808080;
border-radius: 8px;
font-size: 1.8rem;
color: #C2C2C2;
outline: none;
padding: 15px 25px;
margin-right: 25px;
}
.contact-input-text:focus, .contact-input-text:hover {
box-shadow: 0 0 1px 1px #A5A5A5;
}
.contact-input-text::-webkit-input-placeholder {
font-size: 1.8rem;
color: #C2C2C2;
opacity: 1;
}
.contact-input-text::-moz-placeholder {
font-size: 1.8rem;
color: #C2C2C2;
opacity: 1;
}
.contact-input-text:-ms-input-placeholder {
font-size: 1.8rem;
color: #C2C2C2;
opacity: 1;
}
.contact-input-text::placeholder {
font-size: 1.8rem;
color: #C2C2C2;
opacity: 1;
}
.contact-input-submit {
width: 140px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: #808080;
color: #fff;
font-size: 1.8rem;
border-radius: 8px;
padding: 15px 25px;
outline: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.contact-input-submit:hover {
background-color: #A5A5A5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a.contact-section__element-mail {
color: #000;
}
.contact-map {
width: 100%;
height: 550px;
position: relative;
}
#map {
height: 100%;
width: 100%;
}
#error {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 3rem;
}
#error p {
background-color: rgba(128, 128, 128, 0.85);
padding: 20px 50px;
}
@media screen and (max-width: 1700px) {
.contact-section__element h2 {
font-size: 2.1rem;
}
.contact-section__element p, .contact-section__element address, .contact-section__element a {
font-size: 1.85rem;
}
}
@media screen and (max-width: 1600px) {
.contact {
padding-left: 100px;
padding-right: 100px;
}
}
@media screen and (max-width: 1550px) {
.contact {
margin-top: 180px;
}
}
@media screen and (max-width: 1500px) {
.contact {
margin-top: 180px;
}
.contact-section__element h2 {
font-size: 1.7rem;
}
.contact-section__element p, .contact-section__element address, .contact-section__element a {
font-size: 1.5rem;
}
.contact-section {
padding-top: 25px;
padding-bottom: 35px;
}
.contact-input-text, .contact-input-text::-webkit-input-placeholder, .contact-input-submit {
font-size: 1.2rem;
}
.contact-input-text, .contact-input-text::-moz-placeholder, .contact-input-submit {
font-size: 1.2rem;
}
.contact-input-text, .contact-input-text:-ms-input-placeholder, .contact-input-submit {
font-size: 1.2rem;
}
.contact-input-text, .contact-input-text::placeholder, .contact-input-submit {
font-size: 1.2rem;
}
.contact-input-text {
width: 200px;
margin-right: 20px;
}
.contact-input-submit {
width: 100px;
}
.contact-section:last-of-type .contact-section__element h3 {
font-size: 1.5rem;
background-size: 25px;
padding-left: 40px;
}
.contact-section:last-of-type .contact-section__element--transport {
padding-left: 40px;
}
}
@media screen and (max-width: 1200px) {
.contact {
padding-left: 50px;
padding-right: 50px;
}
}
@media screen and (max-width: 500px) {
.contact {
margin-top: 60px;
}
}
@media screen and (max-width: 1050px) {
.contact-section {
flex-wrap: wrap;
}
.contact-section__element--technical {
padding-top: 20px;
}
.contact {
padding-left: 30px;
padding-right: 30px;
}
.contact-section__element {
width: 45%;
}
.contact-section__element:first-of-type {
width: 45%;
margin-right: 5%;
}
.contact {
margin-top: 110px;
}
.contact-map {
height: 400px;
}
}
@media screen and (max-width: 700px) {
.contact-section {
flex-wrap: wrap;
}
.contact-section__element {
width: 100%;
padding-top: 20px;
}
.contact-section__element:first-of-type {
width: 100%;
margin-right: 0;
padding-top: 0;
}
}
@media screen and (max-width: 500px) {
.contact {
padding-left: 10px;
padding-right: 10px;
margin-top: 60px;
}
.contact-section__element form {
padding-top: 20px;
}
.contact-section:last-of-type .contact-section__element-trace-container {
flex-wrap: wrap;
}
.contact-section__element h2 {
font-size: 1.6rem;
padding-bottom: 10px;
}
.contact-section__element p, .contact-section__element address, .contact-section__element a {
font-size: 1.4rem;
line-height: 2.2rem;
}
.contact-section {
padding-top: 30px;
padding-bottom: 30px;
}
.contact-section:last-of-type .contact-section__element-trace-container {
margin-top: 15px;
}
.contact-input-text {
width: 60%;
margin-right: 5%;
padding: 15px 15px;
}
.contact-input-submit {
width: 35%;
padding: 15px 15px;
}
.contact-map {
height: 300px;
}
.contact-section__element form {
width: 100%;
}
#error {
font-size: 2rem;
}
#error p {
padding: 20px;
}
}
.gallery {
max-width: 1920px;
width: 100%;
margin: 0 auto;
margin-top: 180px;
}
.gallery-counter {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
max-width: 1450px;
width: 100%;
margin: 0 auto;
padding: 60px 0;
}
.gallery-counter__element h2 {
font-family: "Panton-Bold", sans-serif;
font-size: 7.2rem;
position: relative;
text-align: center;
padding-bottom: 30px;
margin-bottom: 20px;
}
.gallery-counter__element h2:after {
content: "";
position: absolute;
width: 150px;
height: 4px;
background: #FF3200;
bottom: 0;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.gallery-counter__element p {
font-family: "Panton-Bold", sans-serif;
font-size: 2.3rem;
text-align: center;
}
.gallery-counter__element .p-width {
width: 350px;
}
.gallery-info {
min-height: 600px;
padding: 30px 60px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
}
.gallery-info p {
font-size: 2.1rem;
line-height: 3.6rem;
width: 39%;
}
.gallery-info p:last-child {
padding-top: 30px;
}
.gallery-info1 {
background-size: cover;
background-position: center;
}
.gallery-info1 p {
color: #fff;
}
.gallery-info2 {
-webkit-box-align: end;
align-items: flex-end;
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/gallery-background2.jpg);
background-repeat: no-repeat;
background-position: left 100px bottom;
}
@media screen and (max-width: 1700px) {
.gallery-counter__element h2 {
font-size: 6.3rem;
}
.gallery-counter__element p {
font-size: 2rem;
}
.gallery-info p {
font-size: 1.85rem;
}
}
@media screen and (max-width: 1600px) {
.gallery-counter {
padding-left: 100px;
padding-right: 100px;
}
}
@media screen and (max-width: 1500px) {
.gallery-counter__element h2 {
font-size: 5rem;
}
.gallery-counter__element p {
font-size: 1.6rem;
}
.gallery-info p {
font-size: 1.5rem;
line-height: 2.5rem;
}
.gallery-info {
min-height: 400px;
}
.gallery-info2 {
background-size: contain;
}
.gallery {
margin-top: 130px;
}
.gallery-counter__element .p-width {
width: 250px;
}
.gallery-info p {
width: 45%;
}
}
@media screen and (max-width: 1200px) {
.gallery-info2 {
background-position: left 50px bottom;
}
}
@media screen and (max-width: 1050px) {
.gallery-info2 {
min-height: 400px;
background-position: center top 160px;
background-size: 500px;
-webkit-box-pack: start;
justify-content: flex-start;
}
.gallery-info {
padding: 30px;
}
.gallery-info p {
width: 100%;
}
.gallery-counter {
padding-left: 50px;
padding-right: 50px;
}
.gallery {
margin-top: 80px;
}
.gallery-counter__element h2 {
font-size: 4rem;
}
.gallery-counter__element h2:after {
width: 100px;
}
.gallery-counter {
flex-wrap: wrap;
justify-content: space-around;
padding-top: 40px;
padding-bottom: 40px;
}
.gallery-counter__element {
width: 50%;
}
.gallery-counter__element:last-child {
padding-top: 30px;
}
.p-width {
margin: 0 auto;
}
}
@media screen and (max-width: 700px) {
.gallery-info2 {
background: none;
}
.gallery-info {
min-height: auto;
background-position: left center;
}
.gallery-info {
padding: 20px;
}
.gallery-info p:last-child {
padding-top: 10px;
}
.gallery-info p {
line-height: 2.3rem;
}
.gallery-counter__element {
width: 100%;
padding-top: 30px;
}
.gallery-counter__element:first-child {
padding-top: 0px;
}
.gallery-counter__element h2 {
font-size: 3.5rem;
padding-bottom: 5px;
margin-bottom: 00px;
}
.gallery-counter__element h2:after {
display: none;
}
.gallery-counter__element p {
font-size: 1.5rem;
}
.gallery-counter {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 500px) {
.gallery {
margin-top: 60px;
}
.gallery-counter__element h2 {
font-size: 3rem;
}
.gallery-counter__element p, .gallery-info p {
font-size: 1.4rem;
}
.gallery-counter__element .p-width {
width: 100%;
}
}
.news {
max-width: 1500px;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
padding: 50px 0;
}
.news-element {
border: 1px solid #AFAFAF;
margin: 1%;
margin-top: 15px;
margin-bottom: 15px;
width: 31.333%;
}
.news-element-top {
padding: 15px 15px 0 15px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 180px;
overflow: hidden;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #AFAFAF;
}
.news-element-top-text {
font-size: 1.7rem;
line-height: 2.6rem;
}
.news-element-top-heading {
font-size: 2rem;
line-height: 2.4rem;
padding-bottom: 10px;
font-family: "Panton-Bold", sans-serif;
}
.news-element-bottom {
height: 210px;
}
.news-element-bottom-hover {
padding: 15px;
display: none;
}
.news-element-bottom-description {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 2px 0;
}
.news-element-bottom-description p:first-of-type {
width: 40%;
font-size: 1.7rem;
}
.news-element-bottom-description p:nth-child(2) {
width: 55%;
font-size: 2.1rem;
}
.news-element-bottom-description img {
display: block;
}
.news-element-bottom-hours {
font-size: 1.4rem;
padding-top: 20px;
}
.news-element-bottom-hours p {
line-height: 2rem;
}
.news-element-bottom-heading {
font-size: 2.3rem;
font-family: "Panton-Bold", sans-serif;
padding: 15px 15px 0 15px;
}
.news-element-bottom-button {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.news-element-bottom-button a {
color: #000;
font-size: 2.3rem;
border-top: 1px solid #AFAFAF;
border-left: 1px solid #AFAFAF;
padding: 10px 20px;
}
.news-element-bottom-nonhover {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
}
.news-element-top-text, .news-element-top-heading {
display: none;
} .news-element:hover .news-element-top {
background: none;
} .news-element-top1 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top2 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top3 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top4 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top5 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top6 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top7 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top8 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-element-top9 {
background: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/news1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-button {
width: 100%;
padding-bottom: 50px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.news-button a {
color: #fff;
background: #FF3200;
font-family: "Panton-Light", sans-serif;
font-size: 2.8rem;
padding: 12px 30px;
border-radius: 8px;
border: 1px solid #FF3200;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news-button a:hover {
color: #FF3200;
background: #fff;
border: 1px solid #FF3200;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 1500px) {
.news {
padding-left: 80px;
padding-right: 80px;
}
.news-element-top-text {
font-size: 1.2rem;
line-height: 2.1rem;
}
.news-element-top-heading {
font-size: 1.45rem;
line-height: 1.7rem;
}
.news-element-bottom-description p:first-of-type {
font-size: 1.2rem;
}
.news-element-bottom-description p:nth-child(2) {
font-size: 1.45rem;
width: 50%;
}
.news-element-bottom-hours p {
font-size: 1rem;
}
.news-element-bottom-heading {
font-size: 1.65rem;
}
.news-element-bottom-button a {
font-size: 1.65rem;
}
.news-element-bottom-hours {
padding-top: 10px;
}
.news-element-bottom {
height: 195px;
}
.news-element-top {
height: 150px;
}
.news-element-bottom-description a {
width: 10%;
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.news-element-bottom-description a img {
max-width: 20px;
}
.news-button a {
font-size: 2rem;
}
}
@media screen and (max-width: 1250px) {
.news-element-bottom {
height: 195px;
}
.news-element-top {
height: 195px;
}
}
@media screen and (max-width: 1050px) {
.news {
padding-left: 20px;
padding-right: 20px;
}
.news-element {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 750px) {
.news {
padding-left: 10px;
padding-right: 10px;
justify-content: space-around;
}
.news-element {
width: 48%;
}
}
@media screen and (max-width: 500px) {
.news {
padding-left: 10px;
padding-right: 10px;
}
.news-element {
width: 98%;
}
.news-element-top-text {
font-size: 1.2rem;
}
.news-element-top {
height: 150px;
}
.news {
padding-top: 30px;
padding-bottom: 30px;
}
.news-button {
padding-bottom: 30px;
}
.news-button a {
font-size: 1.8rem;
padding: 10px 20px;
}
}
@media screen and (max-width: 369px) {
.news-element-top {
height: 195px;
}
}
.shops {
max-width: 1450px;
width: 100%;
margin: 0 auto;
}
.shops-element:last-child .shops-element-content {
border-bottom: none;
}
.shops-container {
display: none;
}
.shops-element-content {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 30px 20px;
border-bottom: 1px solid #808080;
font-size: 2.4rem;
}
.shops-element-content a {
color: #000;
}
.shops-element-content__logo {
width: 40%;
}
.shops-element-content__logo img {
max-height: 115px;
}
.shops-element-content__number {
width: 10%;
}
.shops-element-content__level {
width: 25%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.shops-element-content__level > svg {
margin-right: 20px;
}
.shops-element-content__level:hover {
color: #FF3200;
}
.shops-element-content__level:hover .svg {
fill: #FF3200;
}
.shops-element-content__contact {
width: 25%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end;
}
.shops-element-content__contact > img {
margin-right: 20px;
}
.shops-element-info {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
background: #E3E3E3;
padding: 20px;
}
.shops-element-info p {
margin-left: 20%;
font-size: 2.4rem;
line-height: 2.8rem;
font-family: "Panton-Thin", sans-serif;
}
.shops-element-info p span {
font-family: "Panton-SemiBold", sans-serif;
}
.shops-element-info__image, .shops-element-info__text {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.shops-element-info__image img {
max-height: 220px;
}
.shops-element-map {
padding: 20px 0;
display: -webkit-box;
display: flex;
display: none;
}
.shops-element-map--map {
width: 50%;
}
.shops-element-map--map > img {
max-width: 100%;
height: auto;
}
.shops-element-map--description {
width: 50%;
padding-left: 4%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
}
.shops-element-map--description h2 {
display: inline-block;
font-family: "Panton-SemiBold",sans-serif;
font-size: 2.4rem;
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
}
.shops-element-map--description h2:after {
content: "";
width: 109%;
height: 1px;
border-bottom: 2px dashed #000;
position: absolute;
left: 0;
bottom: 0;
}
.shops-element-map--description p {
font-size: 2.5rem;
line-height: 3rem;
font-family: "Panton-ExtraLight", sans-serif;
}
.shops-head {
width: 100%;
font-family: "Panton-SemiBold", sans-serif;
font-size: 2.4rem;
display: -webkit-box;
display: flex;
position: relative;
padding-top: 60px;
border-bottom: 1px solid #808080;
}
.shops-list {
display: -webkit-box;
display: flex;
width: 50%;
position: relative;
top: 1px;
}
.shops-list li {
padding: 25px 10px;
width: 33.33%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.shops-list li:nth-child(2) {
border: 1px solid #808080;
}
.shops-list li:nth-child(3) {
border: 1px solid #808080;
border-left: none;
}
.shops-list a {
color: #000;
}
.shops-list__clickable {
background-color: #808080;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-list__clickable a {
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-list__clickable.active {
background-color: #fff;
border-bottom: 1px solid #fff !important;
}
.shops-list__clickable.active a {
color: #000;
}
.shops-list__clickable:hover {
background-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-list__clickable:hover a {
color: #000;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-floor {
display: -webkit-box;
display: flex;
margin-left: 10%;
-webkit-box-align: center;
align-items: center;
}
.shops-floor p {
padding-right: 50px;
color: #808080;
}
.shops-floor a {
color: #808080;
border: 1px solid #808080;
border-radius: 8px;
height: 50px;
width: 55px;
text-align: center;
padding-top: 12px;
background-color: #808080;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-floor a.shops-floor-active {
background-color: #fff;
color: #808080;
}
.shops-floor a:hover {
background-color: #fff;
color: #808080;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-floor a {
margin-right: 15px;
}
.shops-floor a:last-of-type {
margin-right: 0px;
}
.shops-map {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-bottom: 50px;
}
.shops-map > svg {
max-width: 100%;
height: auto;
}
.shops-map-box {
background-color: rgba(227, 227, 227, 0.5);
width: 100%;
margin-bottom: 30px;
}
.shops-map-box__content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding: 20px 0;
}
.shops-map-box__content h2 {
font-size: 3.2rem;
font-family: "Panton-Bold", sans-serif;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.shops-map-box__content h2:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px dashed #000;
bottom: 0;
left: 0;
}
.shops-map-box__content p, .shops-map-box__content a {
font-size: 2.7rem;
color: #000;
font-family: "Panton-Thin", sans-serif;
line-height: 3.5rem;
}
.shops-map-box__content a:last-of-type {
font-family: "Panton-Regular", sans-serif;
font-size: 2rem;
border: 1px solid #FF3200;
border-radius: 8px;
color: red;
background: rgba(227, 227, 227, 0.5);
margin-top: 10px;
padding: 8px 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.shops-map-box__content a:last-of-type:hover {
border: 1px solid #FF3200;
color: #fff;
background: #FF3200;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.polygon-hover:hover {
fill: red;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.active {
fill: red;
}
.shops-map-box__content {
display: none;
}
.shops-map-box__content.showed {
display: -webkit-box !important;
display: flex !important;
}
.shops-element-content__level, .shops-element-content__logo {
cursor: pointer;
}
@media screen and (max-width: 1600px) {
.shops {
padding-left: 100px;
padding-right: 100px;
}
}
@media screen and (max-width: 1500px) {
.shops-element-map--description {
padding-left: 4.75%;
}
.shops-element-map--description h2 {
font-size: 1.7rem;
margin-bottom: 9px;
padding-bottom: 9px;
}
.shops-element-map--description p {
font-size: 1.8rem;
line-height: 2rem;
}
.shops-map-box__content h2 {
font-size: 2.8rem;
padding-bottom: 15px;
margin-bottom: 15px;
}
.shops-map-box__content p, .shops-map-box__content a {
font-size: 2.2rem;
line-height: 2.7rem;
}
.shops-map-box__content a:last-of-type {
font-size: 1.7rem;
padding: 5px 15px;
}
.shops {
padding-left: 100px;
padding-right: 100px;
}
.shops-head, .shops-element-content, .shops-element-info p {
font-size: 1.7rem;
line-height: 2.1rem;
}
.shops-element-content {
padding: 20px;
}
.shops-element-content__logo img {
max-height: 75px;
}
.shops-floor a {
height: 35px;
width: 40px;
padding-top: 7px;
}
.shops-floor p {
padding-right: 40px;
}
.shops-list li {
padding: 20px 10px;
}
.shops-head {
padding-top: 40px;
}
.shops-element-content__level > svg, .shops-element-content__contact > img {
max-height: 30px;
margin-right: 15px;
}
.shops-element-info__image img {
max-height: 170px;
}
.shops-element-info {
padding: 15px;
}
}
@media screen and (max-width: 1050px) {
.shops-element-map {
flex-wrap: wrap;
}
.shops-element-map--map {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 3;
order: 2;
-webkit-box-align: center;
align-items: center;
}
.shops-element-map--description {
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
margin-bottom: 20px;
}
.shops-element-map--description > div {
display: inline-block;
margin: 0 auto;
}
.shops-list {
width: 75%;
}
.shops-floor {
margin-left: 5%;
}
.shops-floor p {
padding-right: 30px;
}
.shops {
padding-left: 30px;
padding-right: 30px;
}
.shops-element-content__logo {
width: 25%;
cursor: pointer;
}
.shops-element-content__number {
width: 15%;
text-align: center;
}
.shops-element-content__level {
width: 30%;
cursor: pointer;
}
.shops-element-content__contact {
width: 30%;
}
}
@media screen and (max-width: 700px) {
.shops-element-content__number, .shops-element-content__level, .shops-element-content__contact {
display: none;
}
.shops-element-content__logo {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.shops-element-content__logo img {
max-height: 60px;
}
.shops-element-content {
padding: 10px;
}
.shops-element-info {
flex-wrap: wrap;
padding: 10px;
}
.shops-element-info p {
margin-left: 0;
padding-top: 10px;
font-size: 1.5rem;
line-height: 1.8rem;
}
.shops {
padding-left: 0px;
padding-right: 0px;
}
.shops-list li:first-child {
display: none;
}
.shops-head {
flex-wrap: wrap;
}
.shops-list, .shops-floor {
width: 100%;
}
.shops-list li {
width: 50%;
}
.shops-floor {
padding: 20px 0;
margin: 0;
-webkit-box-pack: center;
justify-content: center;
}
.shops-list__clickable.active {
border-bottom: 1px solid #808080 !important;
}
.shops-map {
padding-left: 0px;
padding-right: 0px;
}
.shops-map > svg {
padding-left: 10px;
padding-right: 10px;
}
.shops-map-box__content h2 {
font-size: 2rem;
padding-bottom: 5px;
margin-bottom: 0;
}
.shops-map-box__content h2:after {
display: none;
}
.shops-map-box__content.showed {
padding: 15px 0;
}
.shops-map-box__content p, .shops-map-box__content a {
font-size: 1.6rem;
line-height: 1.8rem;
}
.shops-map-box__content a:last-of-type {
font-size: 1.3rem;
}
}
.banner {
width: 100%;
height: 600px;
margin: 0 auto;
max-width: 1920px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-top: 120px;
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
.banner-overlay {
width: 100%;
background-color: rgba(128, 128, 128, 0.7);
height: 80px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
} .banner-search__bar {
width: 25%;
border: 1px solid #fff;
color: #fff;
margin-bottom: 0;
height: 55px;
font-size: 2.4rem;
font-family: "Panton-Bold", sans-serif;
border-radius: 8px;
}
.banner-search__bar--dropdown {
width: 100%;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.banner-search__bar--dropdown p.banner-pickBar {
background: none;
padding-top: 15px;
padding-bottom: 15px;
height: 100%;
width: 85%;
text-align: center;
}
.banner-search__bar--dropdown div.arrow {
width: 15%;
border-left: 1px solid #fff;
background-image: url(//solvaypark.pl/wp-content/themes/twitterbootstrap/images/arrow-white-down.svg)!important;
background-repeat: no-repeat;
background-position: center;
}
.banner-dropdown-content {
display: none;
}
.banner-search__bar.dropdown-active .banner-dropdown-content {
display: block;
position: absolute;
border: 1px solid #808080;
width: 100%;
top: 62px;
left: 0px;
border-radius: 8px;
background-color: #808080;
z-index: 2;
}
.banner-search__bar.dropdown-active .banner-dropdown-content li {
border-radius: 5px;
}
.banner-search__bar.dropdown-active .banner-dropdown-content li a {
padding-left: 20px;
display: block;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
font-family: "Panton-SemiBold", sans-serif;
}
.banner-search__bar.dropdown-active .banner-dropdown-content li:hover {
background-color: #545454;
border-radius: 8px;
}
@media screen and (max-width: 1500px) {
.banner {
margin-top: 120px;
height: 400px;
}
.banner-search__bar {
font-size: 1.7rem;
}
.banner-search__bar {
height: 47px;
width: 320px;
}
.banner-search__bar--dropdown p.banner-pickBar {
padding-top: 14px;
padding-bottom: 14px;
}
.banner-search__bar.dropdown-active .banner-dropdown-content {
top: 52px;
}
.banner-overlay {
height: 75px;
}
.banner-search__bar.dropdown-active .banner-dropdown-content li a, .banner-search__bar.dropdown-active .banner-dropdown-content {
padding-top: 7px;
padding-bottom: 7px;
}
}
@media screen and (max-width: 700px) {
.banner-search__bar {
height: 47px;
width: 250px;
}
.banner-search__bar--dropdown div.arrow {
width: 20%;
}
.banner {
height: 350px;
}
}
@media screen and (max-width: 500px) {
.banner {
margin-top: 60px;
}
} .home-search__bar--search {
padding-left: 0 !important;
justify-content: center;
transition: all 0.3s;
}
.home-search__bar--search:hover {
background-color: #FF3200;
color: #ffffff;
transition: all 0.3s;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.mCSB_scrollTools {
margin: 8px 0;
}
.home-search__bar.dropdown-active .dropdown-content li a:hover {
background-color: #FF3200;
color: white;
}
.home-search__bar.dropdown-active .dropdown-content li a:first-child:hover {
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.home-search__bar.dropdown-active .dropdown-content li a:last-child:hover {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.header {
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.home-search__bar.dropdown-active .dropdown-content {
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.shops-element-content__logo img {
max-width: 100%;
max-width: 200px;
}
.shops-element-content__logo {
display: flex;
align-items: center;
}
.news-element-bottom-nonhover {
display: none !important;
height: 0px;
}
.news-element-bottom-hover {
height: 210px;
}
.news-element-bottom {
height: auto;
}
.news-element-top {
height: 630px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 410px;
}
.shops-element-content__level, .shops-element-content__contact {
justify-content: flex-start;
}
.shops-element-content__level {
width: 30%;
}
.shops-element-content__contact  {
width: 20%;
}
.shops-element-content {
height: 170px;
}
.shops {
min-height: 500px;
}
@media screen and (max-width: 1500px) {
.shops-element-content {
min-height: 100px;
}
.shops-element-content {
height: 120px;
}
}
@media screen and (max-width: 1024px) {
.shops-element-content {
padding-left: 0;
padding-right: 0;
}
.shops-element-content__level {
width: 35%;
}
.shops-element-content__contact  {
width: 25%;
}
}
@media screen and (max-width: 1440px) {
.news-element-bottom-hover {
height: 180px;
}
.news-element-top {
height: 530px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 350px;
}
}
@media screen and (max-width: 1250px) {
.news-element-bottom-hover {
height: 180px;
}
.news-element-top {
height: 460px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 280px;
}
}
@media screen and (max-width: 800px) {
.elementNew {
margin-top: 0px;
}
.news-element-bottom-hover {
height: 190px;
}
.news-element-top {
height: 400px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 210px;
}
}
@media screen and (max-width: 500px) {
.news-element-bottom-hover {
height: 190px;
}
.news-element-top {
height: 520px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 330px;
}
}
@media screen and (max-width: 350px) {
.news-element-bottom-hover {
height: 190px;
}
.news-element-top {
height: 460px;
background-size: 100% 100%;
}
.news-element:hover .news-element-top {
height: 270px;
}
}
.gallery-info2 {
background-size: cover !important;
background-position: center !important;
margin-top: 20px;
}
.elementNew {
margin-top: 25px;
}
.footer__nav{
width: 50%;
}
.footer__menu{
justify-content: space-around;
}
.footer__item{
padding-right: initial;
}
.footer__social{
width: 20%;
}
.nav__item a, .info__hour p{
font-size: 2.05rem;
}
.news-element-top{
height: 420px;
}
.news-element{
width: 22%;
}
.news-element-bottom-hover{
height: auto;
}
.news-element-bottom{
max-height: 190px;
}
.news-element:hover .news-element-top{
height: 211px;
}
@media  (max-width: 800px){
.news-element {
width: 48%;
}
.news-element-top{
height: 400px;
}
}
@media screen and (max-width: 500px){
.news-element {
width: 98%;
}
.news-element-top{
height: 480px;
}
}
@media (min-width: 1500px){
.slider.swiper-container{
height: 450px;
}
.banner{
height: 450px;
}
}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}