html,
body {
font-family: "DINProPl";
font-size: 62.5%;
}
.padding-71 {
padding-left: 71px;
padding-right: 71px;
}
@media screen and (max-width: 1600px){
html,
body{
font-size: 58%;
}
}
@media screen and (max-width: 1366px){
html,
body{
font-size: 50%;
}
}
@media screen and (max-width: 1200px){
html,
body{
font-size: 45%;
}
}
@media screen and (max-width: 1024px){
html,
body{
font-size: 40%;
}
}
@media screen and (max-width: 991px){
html,
body{
font-size: 40%;
}
}
a:hover,
a:active,
a:focus {
text-decoration: none;
outline: none;
}
p,
span,
li {
font-size: 1.6rem;
}
p {
line-height: 2.2rem;
margin-bottom: 1rem;
}
span,
li {
line-height: 2.2rem;
}
h1,
.h1 {
font-weight: 400;
font-size: 3.6rem;
line-height: 4rem;
text-transform: uppercase;
margin: 0;
letter-spacing: -0.15rem;
}
h2,
.h2,
h4,
.h4,
h5,
.h5 {
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
h2,
.h2,
h3,
.h3 {
letter-spacing: -0.1rem;
}
h2,
.h2 {
font-size: 2rem;
line-height: 2.5rem;
}
h3,
.h3 {
font-weight: 600;
font-size: 2.4rem;
line-height: 2.6rem;
}
h4,
.h4,
h5,
.h5 {
line-height: 1.5rem;
}
h4,
.h4 {
font-size: 1.3rem;
}
h5,
.h5 {
font-size: 1.2rem;
}
@media screen and (max-width: 1600px){
h1,
.h1{
font-size: 3.3rem;
line-height: 3.6rem;
}
}
@media screen and (max-width: 1200px){
p,
span {
font-size: 1.5rem;
line-height: 1.9rem;
}
p {
margin-bottom: 1.2rem;
}
}
@media screen and (max-width: 1024px){
p,
span{
font-size: 1.65rem;
line-height: 2.1rem;
}
}
@media screen and (max-width: 991px) {
p,
span {
font-size: 1.8rem;
line-height: 2.2rem;
}
p {
margin-bottom: 1.4rem;
}
}
/*
* HEADER
*/
header[role="banner"],
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-menu-row {
position: relative;
}
header[role="banner"] {
padding-bottom: 70px;
}
header[role="banner"] .header-logo,
header[role="banner"] .header-top-row .facebook-icon,
header[role="banner"] .header-top-row form[role="search"] button,
header[role="banner"] .header-top-row .open-hours i,
header[role="banner"] .header-menu-row .show-menu {
text-align: center;
}
header[role="banner"] .header-logo,
header[role="banner"] .header-top-row .facebook-icon i {
display: block;
}
header[role="banner"] .header-logo {
position: absolute;
line-height: 17rem;
top: 20px;
z-index: 1;
width: 20rem;
height: 21rem;
left: 50px;
}
header[role="banner"] .header-logo img {
max-height: 105%;
}
header[role="banner"] .header-top-row {
text-align: right;
}
header[role="banner"] .header-top-row .award-icon,
header[role="banner"] .header-top-row .facebook-icon,
header[role="banner"] .header-top-row .open-hours,
header[role="banner"] .header-menu-row nav {
float: left;
}
header[role="banner"] .header-top-row .award-icon {
height: 6rem;
padding: 0 1rem;
}
header[role="banner"] .header-top-row .award-icon img{
max-height: 90%;
margin-top: 5%;
}
header[role="banner"] .header-top-row .facebook-icon {
height: 5rem;
width: 5rem;
}
header[role="banner"] .header-top-row .facebook-icon i {
font-size: 30px;
line-height: 5rem;
}
header[role="banner"] .header-top-row form[role="search"],
header[role="banner"] .header-menu-row .show-menu,
header[role="banner"] .header-menu-row nav ul {
float: right;
}
header[role="banner"] .header-top-row form[role="search"] {
height: inherit;
}
header[role="banner"] .header-top-row form[role="search"] button,
header[role="banner"] .header-top-row .open-hours i {
display: inline-block;
}
header[role="banner"] .header-top-row form[role="search"] button {
height: 5rem;
width: 5rem;
outline: none;
vertical-align: top;
padding: 0;
}
header[role="banner"] .header-top-row form[role="search"] button i {
font-size: 2.5rem;
}
header[role="banner"] .header-top-row form[role="search"] input,
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-menu-row .show-menu span,
header[role="banner"] .header-menu-row nav ul li a {
text-transform: uppercase;
}
header[role="banner"] .header-top-row form[role="search"] input {
margin: 1rem 0;
padding: 0 1rem;
height: 3rem;
line-height: 4rem;
font-size: 1.5rem;
font-weight: 400;
width: 30rem;
}
header[role="banner"] .header-top-row form[role="search"] input::-webkit-input-placeholder,
header[role="banner"] .header-top-row form[role="search"] input::-moz-placeholder,
header[role="banner"] .header-top-row form[role="search"] input:-ms-input-placeholder,
header[role="banner"] .header-top-row form[role="search"] input:-moz-placeholder {
opacity: 1;
}
header[role="banner"] .header-top-row .open-hours i {
height: 5rem;
width: 5rem;
line-height: 5rem;
font-size: 2.5rem;
}
header[role="banner"] .header-top-row .open-hours span {
top: -4px;
font-size: 1.5rem;
padding-right: 1.5rem;
font-weight: 300;
}
header[role="banner"] .header-menu-row {
padding-left: 18rem;
padding-right: 1rem;
}
header[role="banner"] .header-menu-row .show-menu{
height: 5rem;
line-height: 5rem;
padding: 0 20px;
display: none;
margin: 1.5rem 0
}
header[role="banner"] .header-menu-row .show-menu i,
header[role="banner"] .header-menu-row .show-menu span,
header[role="banner"] .header-menu-row nav ul li {
vertical-align: middle;
}
header[role="banner"] .header-menu-row .show-menu i{
font-size: 20px;
padding-right: 10px;
}
header[role="banner"] .header-menu-row .show-menu span{
font-weight: 600;
}
header[role="banner"] .header-menu-row nav {
width: 100%;
padding-top: 2rem;
}
header[role="banner"] .header-menu-row nav ul {
list-style: none;
padding: 0;
margin: 0;
display: table;
height: 11rem;
white-space: nowrap;
}
header[role="banner"] .header-menu-row nav ul li {
padding: 0 2.2rem;
display: table-cell;
}
header[role="banner"] .header-menu-row nav ul li a {
font-size: 2.2rem;
font-weight: 500;
padding: 4px 0;
}
.fb-like iframe {
width: 125px !important;
margin-top: 8px;
}
@media screen and (max-width: 1600px){
header[role="banner"] .header-menu-row nav ul li a{
font-size: 1.65rem;
}
}
@media screen and (max-width: 1200px){
header[role="banner"] .header-logo{
height: 15rem;
width: 15rem;
line-height: 15rem;
}
header[role="banner"] .header-menu-row nav ul{
height: 9rem;
width: 100%;
}
header[role="banner"] .header-menu-row nav ul li{
padding: 0;
text-align: center;
}
}
@media screen and (max-width: 1024px){
header[role="banner"] .header-menu-row nav ul{
white-space: normal;
}
header[role="banner"] .header-menu-row nav ul li{
max-width: 55px;
}
}
@media screen and (max-width: 991px){
header[role="banner"] .header-menu-row{
padding-left: 15rem;
}
header[role="banner"] .header-menu-row nav ul{
height: 9rem;
}
header[role="banner"] .header-menu-row nav ul li a{
font-size: 1.5rem;
}
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-top-row form[role="search"] input{
font-size: 1.8rem;
}
header[role="banner"] .header-top-row form[role="search"] input{
width: 23rem;
}
}
@media screen and (max-width: 768px){
header[role="banner"] .header-top-row .pull-right{
width: 100%;
padding-left: 15rem;
}
header[role="banner"] .header-top-row .open-hours{
float: right;
}
header[role="banner"] .header-top-row form[role="search"],
header[role="banner"] .header-menu-row nav {
position: absolute;
}
header[role="banner"] .header-top-row form[role="search"]{
left: 15rem;
top: 6.5rem;
z-index: 1;
}
header[role="banner"] .header-menu-row nav{
display: none;
top: 9rem;
right: 0;
z-index: 150;
width: 68%;
}
header[role="banner"] .header-menu-row .show-menu,
header[role="banner"] .header-menu-row nav.active,
header[role="banner"] .header-menu-row nav ul,
header[role="banner"] .header-menu-row nav ul li,
header[role="banner"] .header-menu-row nav ul li a {
display: block;
}
header[role="banner"] .header-menu-row nav ul{
float: none;
height: auto;
}
header[role="banner"] .header-menu-row nav ul li{
text-align: center;
padding: 0;
max-width: none;
}
header[role="banner"] .header-menu-row nav ul li a{
padding: 2rem 1rem;
font-size: 2rem;
font-weight: 500;
}
}
@media screen and (max-width: 480px){
header[role="banner"] .header-logo{
height: 6rem;
width: 10rem;
line-height: 6rem;
}
header[role="banner"] .header-logo img{
max-height: 90%;
}
header[role="banner"] .header-top-row .pull-right{
padding-left: 10rem;
}
header[role="banner"] .header-menu-row{
padding-left: 1rem;
padding-top: 5px;
}
header[role="banner"] .header-menu-row nav{
width: 100%;
}
header[role="banner"] .header-top-row form[role="search"]{
left: 1rem;
}
header[role="banner"] .header-top-row form[role="search"] button{
height: 5rem;
}
header[role="banner"] .header-top-row form[role="search"] input{
height: 3rem;
line-height: 3rem;
}
header[role="banner"] .header-menu-row .show-menu{
height: 5rem;
line-height: 5rem;
}
header[role="banner"] .header-menu-row nav{
top: 7rem;
}
}
/*
* MAIN SLIDER
*/
.main-slider,
.main-slider .owl-item .item,
.main-slider .owl-controls {
width: 100%;
}
.main-slider {
line-height: 1;
height: 480px;
position: relative;
}
.main-slider .owl-item .item {
height: 100%;
}
.main-slider .owl-controls,
.main-slider div[class^="main-slider--nav"] {
position: absolute;
}
.main-slider .owl-controls {
bottom: 10px;
}
.main-slider .owl-controls .owl-dots,
.main-slider div[class^="main-slider--nav"] {
text-align: center;
}
.main-slider .owl-controls .owl-dots .owl-dot {
display: inline-block;
margin: 0 3px;
}
.main-slider .owl-controls .owl-dots .owl-dot span {
display: block;
width: 12px;
height: 12px;
}
.main-slider div[class^="main-slider--nav"] {
bottom: 1rem;
height: 6rem;
width: 6rem;
line-height: 6rem;
z-index: 120;
cursor: pointer;
}
.main-slider div[class^="main-slider--nav"] i {
font-size: 2.5rem;
vertical-align: middle;
}
.main-slider .main-slider--nav-prev {
left: 1rem;
}
.main-slider .main-slider--nav-next {
left: 7.5rem;
}
@media screen and (max-width: 768px){
.main-slider div[class^="main-slider--nav"]{
display: none;
}
}
/*
* CTO BOXES
*/
.cto-boxes,
.cto-boxes .cto-wrapper .cto-image,
.cto-boxes .cto-wrapper .cto-text,
.cto-boxes .cto-inner {
width: 100%;
}
.cto-boxes{
float: left;
margin: 4rem 0 6rem;
}
.cto-boxes article{
padding: 0;
}
.cto-boxes article header{
margin-bottom: 1rem;
}
.cto-boxes .cto-wrapper,
.cto-boxes footer {
position: relative;
}
.cto-boxes .cto-wrapper{
margin: 0 15% 18px;
height: 25rem;
overflow: hidden;
transition: all 0.3s;
}
.cto-boxes .cto-wrapper .cto-image,
.cto-boxes .cto-wrapper .cto-text {
height: 100%;
display: table;
}
.cto-boxes .cto-wrapper .cto-image{
transition: all 0.3s;
}
.cto-boxes .cto-wrapper .cto-text{
padding: 0 10%;
position: absolute;
top: 100%;
left: 0;
transition: all 0.3s;
}
.cto-boxes .cto-inner,
.cto-boxes footer {
text-align: center;
}
.cto-boxes .cto-inner{
display: table-cell;
vertical-align: middle;
}
.cto-boxes .cto-inner img{
height: 80%;
}
.cto-boxes .cto-inner span{
font-size: 2.1rem;
line-height: 2.3rem;
font-weight: 400;
}
.cto-boxes footer{
margin-top: -36px;
}
.cto-boxes .cto-wrapper:hover .cto-image{
opacity: 0.3;
}
.cto-boxes .cto-wrapper:hover .cto-text{
top: 0;
}
@media screen and (max-width: 1366px){
.cto-boxes .cto-inner img{
height: 70%;
}
.last-events article .last-event-data{
padding: 0;
}
}
@media screen and (max-width: 991px){
.cto-boxes article{
padding: 0 0 2rem 0;
}
.cto-boxes .cto-wrapper{
margin: 0 25px 18px;
height: 19rem;
}
.cto-boxes .cto-wrapper .cto-image{
width: 33%;
height: inherit;
}
.cto-boxes .cto-inner img{
height: 18rem;
}
.cto-boxes .cto-wrapper .cto-text{
width: 63%;
top: 0 !important;
left: auto;
right: 0;
padding: 0 5%;
}
}
@media screen and (max-width: 480px){
.cto-boxes .cto-inner img{
height: auto;
max-width: 90%;
}
.cto-boxes .cto-wrapper{
margin-left: 10px;
margin-right: 10px;
}
}
/*
* LAST EVENTS
*/
.last-events,
.last-events article .last-event-data .l-e-wrapper,
.last-events article .last-event-data .l-e-wrapper-inner {
width: 100%;
}
.last-events{
float: left;
margin-bottom: 6rem;
}
.last-events article{
margin-top: 3rem;
padding: 0 4rem;
}
.last-events article .last-event-img,
.last-events article .last-event-data{
height: 24rem;
}
.last-events article .last-event-data .l-e-wrapper{
display: table;
height: 100%;
table-layout: fixed;
}
.last-events article .last-event-data .l-e-wrapper-inner{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.last-events article .l-e-status,
.last-events article .l-e-date,
.last-events article h2 a {
display: block;
}
.last-events article .l-e-status{
font-size: 1.2rem;
line-height: 1.8rem;
text-transform: uppercase;
font-weight: 500;
}
.last-events article .l-e-date{
font-size: 1.4rem;
margin-bottom: 2rem;
}
.last-events article h2{
position: relative;
padding: 0 2rem 1.2rem 2rem;
margin-bottom: 0.8rem;
display: inline-block;
max-width: 100%;
}
.last-events article h2 i,
.last-events article h2:after {
position: absolute;
}
.last-events article h2 i{
font-size: 2.4rem;
padding: 0 5px;
top: 0;
right: 0;
}
.last-events article h2 a{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.last-events article h2 i:nth-child(1){
left: 0;
right: auto;
}
.last-events article h2:after{
left: 15%;
bottom: 0;
width: 70%;
content: "";
height: 1px;
}
.last-events article p{
margin-bottom: 2rem;
}
@media screen and (max-width: 991px){
.last-events article .last-event-data{
height: auto;
}
.last-events article .l-e-status{
font-size: 1.5rem;
}
.last-events article .l-e-date{
font-size: 1.8rem;
}
.last-events article .last-event-data .l-e-wrapper{
position: relative;
padding-bottom: 35px;
padding-top: 1rem;
}
.last-events article .last-event-data .l-e-wrapper .btn{
position: absolute;
bottom: 0;
left: 50%;
margin-left: -6.5rem;
}
}
/*
* LIFE STYLE + this month
*/
.life-style--month,
.life-style--month .l-s-show-all {
width: 100%;
}
.life-style--month,
.life-style--month .l-s-show-all {
float: left;
}
.life-style--month{
margin-bottom: 3rem;
overflow: hidden;
}
.life-style-section .life-style-menu,
.life-style-section .life-style-entry article .life-style-img,
.life-style-section article .life-style-img,
.life-style-section article .life-style-data,
.life-style-section article .l-s-add-date,
.life-style-section article .life-style-data .l-s-shops,
.life-style--month .l-s-show-all {
text-align: center;
}
.life-style-section .life-style-menu{
list-style: none;
padding: 0;
margin: 3.5rem 0 1rem 0;
}
.life-style-section .life-style-menu li,
.life-style-section article .life-style-data h2,
.life-style-section article .life-style-data .l-s-shops span,
.life-style-shops-list .shop-logo,
.life-style-shops-list .shop-name a,
.life-style-shops-list .shop-category {
display: inline-block;
}
.life-style-section .life-style-menu li{
padding: 0 1rem;
}
.life-style-section .life-style-menu li a,
.life-style-section article .life-style-data .l-s-category,
.life-style--month .l-s-show-all .btn,
.life-style-shops-list .shop-category {
text-transform: uppercase;
}
.life-style-section .life-style-menu li a{
font-size: 2rem;
font-weight: 500;
padding: 4px 0;
}
.life-style-section .life-style-menu.l-s-submenu{
margin-top: 2rem;
padding-top: 2rem;
}
.life-style-section .life-style-menu.l-s-submenu a{
font-size: 1.6rem;
}
.life-style-section article,
.life-style-section article .life-style-data h2 {
position: relative;
}
.life-style-section article{
padding: 0 7rem 5rem;
margin-top: 3rem;
}
.life-style-section .life-style-entry article .shop-category{
cursor: initial;
}
.life-style-section article .life-style-img img,
.life-style-section article .life-style-data h2,
.life-style-shops-list .shop-logo img,
.life-style-shops-list .shop-name a {
max-width: 100%;
}
.life-style-section article .life-style-data{
padding-top: 1.5rem;
}
.life-style-section article .l-s-add-date,
.life-style-section article .life-style-data .l-s-category,
.life-style-section article .life-style-data h2 a,
.life-style-shops-list .shop-logo img,
.life-style-shops-list .shop-level {
display: block;
}
.life-style-section article .life-style-data .l-s-category{
font-size: 1.2rem;
line-height: 1.8rem;
font-weight: 600;
margin-bottom: 1rem;
}
.life-style-section article .life-style-data h2{
padding: 0 20px 1.5rem 20px;
margin-bottom: 1.5rem;
}
.life-style-section article .life-style-data h2 i,
.life-style-section article .life-style-data h2:after,
.life-style-section article .btn {
position: absolute;
}
.life-style-section article .life-style-data h2 i{
font-size: 2.4rem;
padding: 0 5px;
top: 0;
right: 0;
}
.life-style-section article .life-style-data h2 a,
.life-style-shops-list .shop-name a {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.life-style-section article .life-style-data h2 i:nth-child(1){
left: 0;
right: auto;
}
.life-style-section article .life-style-data h2:after{
left: 15%;
bottom: 0;
width: 70%;
content: "";
height: 1px;
}
.life-style-section article .life-style-data p{
margin-bottom: 2.5rem;
}
.life-style-section article .life-style-data .l-s-shops span{
padding: 3px 6px;
margin: 0 3px 3px 3px;
font-size: 1.1rem;
line-height: 1;
}
.life-style-section article .btn{
bottom: 0;
left: 50%;
margin-left: -6.5rem;
}
.life-style--month .l-s-show-all{
margin: 5rem 0;
}
.life-style--month .l-s-show-all .btn{
font-size: 16px;
height: 48px;
line-height: 46px;
}
.life-style-shops-list{
margin: 4rem 0;
}
.life-style-shops-list div[class^="col-"]{
margin-top: 2rem;
}
.life-style-shops-list .shop-logo img{
padding: 1rem;
}
.life-style-shops-list .shop-name a{
font-size: 1.5rem;
line-height: 1.8rem;
font-weight: 600;
}
.life-style-shops-list .shop-category{
font-size: 1rem;
padding: 1px 6px;
margin: 0.2rem 0 0.3rem 0;
cursor: pointer;
}
.life-style-shops-list .shop-level{
font-size: 1.1rem;
}
@media screen and (max-width: 1200px){
.life-style-section .life-style-entry article{
padding-left: 0;
padding-right: 0;
}
}
/*
* LIFE STYLE
*/
.life-style-main-image,
.life-style-main-image img,
.life-style-list {
width: 100%;
}
.life-style-main-image,
.life-style-list {
float: left;
padding: 0 3rem;
overflow: hidden;
}
.life-style-main-image{
margin-top: 5rem;
}
.life-style-list{
margin: 1rem 0 3rem;
}
.life-style-list .life-style-menu{
margin-top: 5rem;
margin-bottom: 0;
}
.life-style-list article{
padding-left: 3rem;
padding-right: 3rem;
margin-top: 5rem;
}
.life-style-list form input[type="text"]{
width: calc(100% - 40px);
}
.life-style-list .life-style-top-products{
margin: 1rem 0 4rem;
}
.life-style-list .life-style-top-products .owl-item{
padding: 0 2rem;
}
.life-style-list .life-style-top-products .owl-item a,
.life-style-list .life-style-top-products .owl-item span {
display: block;
}
.life-style-list .life-style-top-products .owl-item a{
padding: 2.2rem 2rem 2rem;
}
.life-style-list .life-style-top-products .owl-item span,
.life-style-list .life-style-top-products .owl-carousel .owl-nav > div {
text-align: center;
}
.life-style-list .life-style-top-products .owl-item span{
font-size: 1.7rem;
line-height: 1.85rem;
font-weight: 600;
margin-top: 1rem;
}
.life-style-list .life-style-top-products .owl-item img{
max-width: 100%;
}
.life-style-list .life-style-top-products .owl-carousel .owl-nav > div{
position: absolute;
top: 50%;
margin-top: -3rem;
height: 3rem;
width: 3rem;
cursor: pointer;
}
.life-style-list .life-style-top-products .owl-carousel .owl-nav > div i{
line-height: 3rem;
font-size: 3rem;
}
.life-style-list .life-style-top-products .owl-carousel .owl-nav .owl-prev{
left: 0;
}
.life-style-list .life-style-top-products .owl-carousel .owl-nav .owl-next{
right: 0;
}
.life-style-list aside article{
padding-bottom: 3rem;
margin-top: 3rem;
}
.life-style-list aside article .life-style-data h2{
padding-bottom: 1rem;
}
.life-style-list aside article .life-style-data .l-s-category{
margin-bottom: 0.5rem;
}
.life-style-list aside article .life-style-data{
padding-top: 1rem;
}
@media screen and (max-width: 991px){
section .life-style-list{
padding-left: 0;
padding-right: 0;
}
}
/*
* PROMO-EVENT BOXES
*/
.rential-actions article,
.rential-actions article .rential-actions-data h2 {
position: relative;
}
.rential-actions article{
padding: 0 1rem 3.5rem;
margin-top: 3rem;
}
.rential-actions article .rential-actions-img,
.rential-actions article .rential-actions-img .r-a-img-wrapper {
width: 100%;
}
.rential-actions article .rential-actions-img,
.rential-actions article .rential-actions-data {
text-align: center;
}
.rential-actions article .rential-actions-img{
height: 27rem;
display: table;
table-layout: fixed;
}
.rential-actions article .rential-actions-img .r-a-img-wrapper{
display: table-cell;
vertical-align: middle;
height: 100%;
}
.rential-actions article .rential-actions-img img,
.rential-actions article .rential-actions-data h2 {
max-width: 100%;
}
.rential-actions article .rential-actions-img img{
max-height: 27rem;
}
.rential-actions article .rential-actions-data {
padding-top: 1rem;
}
.rential-actions article .rential-actions-content{
font-size: 1.4rem;
line-height: 1.7rem;
padding-top: 2rem;
}
.rential-actions article .rential-actions-data .r-a-category,
.rential-actions article .rential-actions-data .r-a-shop-name,
.rential-actions article .rential-actions-data h2 a {
display: block;
}
.rential-actions article .rential-actions-data .r-a-category,
.rential-actions article .rential-actions-data .r-a-shop-category {
text-transform: uppercase;
}
.rential-actions article .rential-actions-data .r-a-category,
.rential-actions article .rential-actions-data .r-a-shop-name {
font-weight: 600;
}
.rential-actions article .rential-actions-data .r-a-category{
font-size: 1.2rem;
line-height: 1.8rem;
}
.rential-actions article .rential-actions-data .r-a-shop-name{
font-size: 1.8rem;
line-height: 2rem;
}
.rential-actions article .rential-actions-data .r-a-shop-category,
.rential-actions article .rential-actions-data h2 {
display: inline-block;
}
.rential-actions article .rential-actions-data .r-a-shop-category{
font-size: 1rem;
padding: 1px 6px;
cursor: pointer;
margin: 0.5rem 3px 1rem 3px;
}
.rential-actions article .rential-actions-data .r-a-time{
margin-bottom: 0.5rem;
}
.rential-actions article .rential-actions-data .r-a-time time{
font-size: 1.3rem;
}
.rential-actions article .rential-actions-data .r-a-time time strong{
font-weight: 500;
}
.rential-actions article .rential-actions-data .r-a-time time em{
padding-right: 5px;
}
.rential-actions article .rential-actions-data h2{
padding: 0 20px 1.2rem 20px;
margin-bottom: 1.5rem;
font-size: 1.6rem;
}
.rential-actions article .rential-actions-data h2 i,
.rential-actions article .rential-actions-data h2:after,
.rential-actions article .btn {
position: absolute;
}
.rential-actions article .rential-actions-data h2 i{
font-size: 2.2rem;
padding: 2px 5px;
top: 0;
right: 0;
}
.rential-actions article .rential-actions-data h2 a{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.rential-actions article .rential-actions-data h2 i:nth-child(1){
left: 0;
right: auto;
}
.rential-actions article .rential-actions-data h2:after,
.rential-actions article .btn {
bottom: 0;
}
.rential-actions article .rential-actions-data h2:after{
left: 15%;
width: 70%;
content: "";
height: 1px;
}
.rential-actions article .btn {
left: 50%;
margin-left: -6.5rem;
}
@media screen and (max-width: 1200px){
.rential-actions article .rential-actions-data .r-a-shop-category{
font-size: 1.1rem;
}
.rential-actions article .rential-actions-data .r-a-time time{
font-size: 1.4rem;
}
}
@media screen and (max-width: 991px){
.rential-actions article .rential-actions-data .r-a-shop-category{
font-size: 1.2rem;
padding: 0px 3px;
}
}
.modal .rential-actions article{
padding: 0;
margin: 0;
}
.modal .r-a-shop-category{
cursor: initial !important;
}
.modal .rential-actions article .rential-actions-img img{
max-height: 42rem;
}
.modal .rential-actions article .rential-actions-data{
padding-left: 1rem;
padding-right: 1rem;
}
.modal .rential-actions article .rential-actions-data h2:after{
content: none;
}
/*
* RENTIAL PROMO LIST
*/
.rential-promo-list{
float: left;
width: 100%;
padding: 0 3rem;
/*overflow: hidden;*/
margin: 3rem 0;
}
.rential-promo-list article .rential-actions-data .r-a-time{
margin-bottom: 0;
}
/*
* RENTIAL EVENT LIST
*/
.rential-event-list{
float: left;
width: 100%;
padding: 0 3rem;
/*overflow: hidden;*/
margin: 3rem 0;
}
.rential-event-list article .rential-actions-data .r-a-time{
margin-bottom: 0;
}
/*
* SHOP LIST
*/
.shops-list{
margin: 3rem 0;
}
.shops-list ul{
list-style: none;
padding: 0;
}
.shops-list ul li{
text-align: center;
}
.shops-list ul li .shop-logo,
.shops-list ul li .shop-name a,
.shops-list ul li .shop-category {
display: inline-block;
}
.shops-list ul li .shop-logo,
.shops-list ul li .shop-logo img,
.shops-list ul li .shop-name a {
max-width: 100%;
}
.shops-list ul li .shop-logo{
margin-top: 2rem;
}
.shops-list ul li .shop-logo img,
.shops-list ul li .shop-level {
display: block;
}
.shops-list ul li .shop-logo img{
padding: 1rem;
}
.shops-list ul li .shop-name a{
font-size: 1.5rem;
line-height: 2.5rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.shops-list ul li .shop-category{
font-size: 1rem;
text-transform: uppercase;
padding: 1px 6px;
margin: 0.2rem 0 0.3rem 0;
cursor: pointer;
}
.shops-list ul li .shop-level{
font-size: 1.1rem;
}
@media screen and (max-width: 1200px){
.shops-list ul li .shop-name a{
font-size: 1.8rem;
line-height: 2rem;
}
.shops-list ul li .shop-category,
.shops-list ul li .shop-level{
font-size: 1.2rem;
}
}
@media screen and (max-width: 1024px){
.shops-list ul li .shop-name a{
font-size: 2rem;
line-height: 2.2rem;
}
.shops-list ul li .shop-category,
.shops-list ul li .shop-level{
font-size: 1.35rem;
}
}
@media screen and (max-width: 991px){
.shops-list ul li .shop-name a{
font-size: 2.1rem;
line-height: 2.4rem;
}
.shops-list ul li .shop-category,
.shops-list ul li .shop-level{
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px){
.shops-list ul li{
width: 100%;
}
.shops-list ul li .shop-logo img{
margin: 0 auto;
max-width: 70%;
}
}
/*
* SHOP CARD
*/
.shop-card,
.shop-slider,
.shop-slider .owl-item .item,
.shop-card .shop-logo img,
.shop-card .shop-description,
.shop-card .shop-actions,
.shop-card .shop-lifestyles,
.shop-card .shop-description {
width: 100%;
}
.shop-card,
.shop-card .shop-data dl dt,
.shop-card .shop-actions,
.shop-card .shop-lifestyles {
float: left;
}
.shop-card{
padding: 0 3rem;
overflow: hidden;
}
.shop-card > .deco-title,
.shop-card .shop-logo {
margin-bottom: 5rem;
}
.shop-card > .deco-title{
margin-left: -3rem;
margin-right: -3rem;
clear: both;
}
.shop-slider,
.shop-card .shop-jobs ul li h2 {
position: relative;
}
.shop-slider {
line-height: 1;
height: 60rem;
padding: 2.2rem;
}
.shop-slider .shop-image-wrapper,
.shop-slider .owl-item .item {
height: 100%;
}
.shop-slider div[class^="shop-slider--nav"],
.shop-card .shop-jobs ul li h2 i {
position: absolute;
}
.shop-slider div[class^="shop-slider--nav"],
.shop-card aside .shop-map-wrapper,
.shop-card .shop-jobs ul li {
text-align: center;
}
.shop-slider div[class^="shop-slider--nav"] {
bottom: 4rem;
height: 6rem;
width: 6rem;
line-height: 6rem;
z-index: 120;
cursor: pointer;
}
.shop-slider div[class^="shop-slider--nav"] i {
font-size: 2.5rem;
vertical-align: middle;
}
.shop-slider .shop-slider--nav-prev {
left: 4rem;
}
.shop-slider .shop-slider--nav-next {
left: 11.5rem;
}
.shop-card .shop-logo img{
max-width: 18.8rem;
}
.shop-card .shop-data dl{
font-size: 1.9rem;
}
.shop-card .shop-data dl dt,
.shop-card .shop-data dl dd,
.shop-card .shop-jobs ul li h2 a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.shop-card .shop-data dl dt{
width: 7rem;
font-weight: 500;
clear: left;
line-height: 1;
padding-top: 1.85rem;
padding-bottom: 0.85rem;
text-transform: uppercase;
font-size: 35px;
}
.shop-card .shop-data dl dd{
margin-left: 5rem;
padding-left: 1rem;
font-weight: 400;
line-height: 1;
padding-top: 2.85rem;
padding-bottom: 2.85rem;
}
.shop-card aside{
padding: 0 3rem;
}
.shop-card aside .shop-map-wrapper{
margin: 1.5rem 0 5rem;
}
.shop-card aside .shop-map-wrapper svg{
width: 85%;
height: 0%;
}
.shop-card aside .shop-map-wrapper svg path[fill="#cd0000"]{
animation: blink 1.5s linear infinite;
}
.shop-card aside div[class^="col-"]{
padding: 0 8px;
}
.shop-card .shop-description{
margin: 3rem 0;
}
.shop-card .shop-description header{
margin-bottom: 2rem;
}
.shop-card .shop-description header h2{
text-transform: none;
font-weight: 500;
font-size: 2.1rem;
}
.shop-card .shop-jobs ul{
list-style: none;
padding: 0;
margin: 0;
}
.shop-card .shop-jobs ul li,
.shop-card .shop-jobs ul li h2 a {
display: block;
}
.shop-card .shop-jobs ul li{
padding: 3rem;
margin-bottom: 5px;
}
.shop-card .shop-jobs ul li h2{
padding: 0 20px;
display: inline-block;
max-width: 100%;
}
.shop-card .shop-jobs ul li h2 i{
font-size: 2.4rem;
padding: 0 5px;
top: 0;
right: 0;
}
.shop-card .shop-jobs ul li h2 i:nth-child(1){
left: 0;
right: auto;
}
.shop-card .shop-actions article,
.shop-card .shop-lifestyles article {
margin-top: 0;
}
.shop-card aside .shop-map-wrapper .deco-title,
.shop-card .shop-jobs,
.shop-card .shop-actions,
.shop-card .shop-actions article,
.shop-card .shop-lifestyles,
.shop-card .shop-lifestyles article {
margin-bottom: 3rem;
}
@media screen and (max-width: 1600px){
.shop-card .shop-data dl dt{
width: 8rem;
}
.shop-card .shop-data dl dd{
margin-left: 8rem;
}
}
@media screen and (max-width: 1366px){
.life-style-section article{
padding-left: 6rem;
padding-right: 6rem;
}
.shop-card aside .shop-map-wrapper{
margin: 4.5rem 0 2.5rem;
}
}
@media screen and (max-width: 1200px){
.life-style-section article{
padding-left: 5rem;
padding-right: 5rem;
}
.shop-card .shop-logo{
margin-bottom: 3.5rem;
}
.shop-card .shop-logo,
.shop-card .shop-data{
margin-left: -15px;
}
.shop-card .shop-data dl{
font-size: 1.7rem;
}
.shop-card aside .shop-map-wrapper{
margin: 3rem 0 2rem;
}
.shop-card aside .shop-map-wrapper .deco-title{
margin-bottom: 2rem;
}
}
@media screen and (max-width: 1024px){
.shop-card aside .shop-map-wrapper,
.shop-card aside .shop-map-wrapper .deco-title{
margin-bottom: 0;
}
}
@media screen and (max-width: 991px){
.shop-card .shop-logo,
.shop-card .shop-data{
margin-left: 0;
}
.shop-card .shop-logo{
text-align: center;
margin-bottom: 2rem;
}
.shop-card aside .shop-map-wrapper{
margin-top: 0;
}
.shop-card aside div[class^="col-"]{
margin: 0 !important;
}
.shop-card aside .margin-bottom-15 .btn-icon{
margin-top: 6rem;
}
.shop-card aside .btn-icon{
margin-top: 2rem;
}
.shop-card aside .shop-map-wrapper .deco-title{
margin-bottom: 1rem;
}
}
@media screen and (max-width: 768px){
.shop-card{
padding: 0 2rem;
}
.shop-card aside .shop-map-wrapper{
margin: 5rem 0 2rem;
}
.shop-card aside .margin-bottom-15 .btn-icon{
margin-top: 0;
}
.shop-card .shop-lifestyles article{
padding-left: 1rem;
padding-right: 1rem;
}
}
@media screen and (max-width: 480px){
.shop-card{
padding: 0 1rem;
}
.shop-slider{
height: 35rem;
}
}
/*
* FILTER BOX
*/
.action-filter-box{
padding: 1.35rem;
}
.action-filter-box .a-f-b-wrapper,
.action-filter-box .a-f-b-wrapper input[type="text"] {
text-align: center;
}
.action-filter-box .a-f-b-wrapper p{
font-weight: 600;
text-transform: uppercase;
padding-bottom: 1.35rem;
margin-bottom: 1.35rem;
}
.action-filter-box .a-f-b-wrapper .a-f-b-levels span em{
font-style: normal;
font-weight: 600;
}
.action-filter-box .a-f-b-wrapper input[type="text"]{
min-width: 250px;
}
.action-filter-box .a-f-b-wrapper .filter-floors span{
font-size: 2rem;
padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px){
.action-filter-box .a-f-b-wrapper input[type="text"]{
min-width: 0;
width: 100%;
}
}
/*
* MAP
*/
.map,
.map .action-filter-box form input[type="text"]{
width: 100%;
}
.map{
float: left;
padding: 0 3rem;
overflow: hidden;
margin: 3rem 0;
}
.map .map-data-wrapper .map-data-svg ul,
.map .map-data-wrapper .map-data-list .map-shop-list ul {
list-style: none;
}
.map .map-data-wrapper .map-data-svg ul,
.map .map-data-wrapper .map-data-list .map-shop-list ul {
margin: 0;
padding: 0;
}
.map .map-data-wrapper .map-data-svg ul li,
.map .map-data-wrapper .map-data-list .map-shop-info-instruction i,
.map .map-data-wrapper .map-data-list .map-shop-info-instruction p,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo .map-shop-info-logo-wrapper,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data {
text-align: center;
}
.map .map-data-wrapper .map-data-svg ul li{
padding: 4rem;
}
.map .map-data-wrapper .map-data-svg ul li svg{
width: 80%;
height: 725px;
}
.map .map-data-wrapper .map-data-list{
padding: 3rem
}
.map .map-data-wrapper .map-data-list .map-shop-selected{
height: 12rem;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction,
.map .map-data-wrapper .map-data-list .map-shop-info-instruction + .map-shop-info-elements > .map-shop-info-element,
.map .map-data-wrapper .map-data-list .map-shop-info-instruction.active + .map-shop-info-elements {
display: none;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction.active,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo .map-shop-info-logo-wrapper,
.map .map-data-wrapper .map-data-list .map-shop-list ul li span {
display: block;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction.active{
height: inherit;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction i{
font-size: 8rem;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction p{
margin: 0;
font-size: 2rem;
font-weight: 100;
}
.map .map-data-wrapper .map-data-list .map-shop-info-instruction + .map-shop-info-elements > .map-shop-info-element.active{
display: table !important;
}
.map .map-data-wrapper .map-data-list .map-shop-info-elements,
.map .map-data-wrapper .map-data-list .map-shop-info-elements .map-shop-info-element{
height: inherit;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo{
width: 240px;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo .map-shop-info-logo-wrapper{
padding: 1rem;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo img{
max-width: 100%;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data h3{
margin: 0 0 3px 0;
font-weight: 500;
text-transform: uppercase;
line-height: 0.9;
font-size: 3.4rem;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data h4{
font-weight: 600;
font-size: 1.2rem;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data .btn{
width: auto;
height: 4rem;
line-height: 4rem;
margin: 0 auto 1rem;
}
.map .map-data-wrapper .map-data-list .map-shop-list h3{
font-weight: 600;
font-size: 1.5rem;
line-height: 1.8rem;
letter-spacing: 0;
}
.map .map-data-wrapper .map-data-list .map-shop-list ul li{
float: left;
margin-right: 0.8rem;
margin-bottom: 0.8rem;
}
.map .map-data-wrapper .map-data-list .map-shop-list ul li span{
font-size: 1.2rem;
padding: 4px 8px;
}
@media screen and (max-width: 1600px){
.map .map-data-wrapper .map-data-svg ul li svg{
height: 500px;
}
}
@media screen and (max-width: 1366px){
.map .map-data-wrapper .map-data-list .map-shop-selected{
height: 16rem;
}
.map .map-data-wrapper .map-data-svg ul li svg{
height: 450px;
}
}
@media screen and (max-width: 1200px){
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo{
width: 210px;
}
.map .action-filter-box form input[type="text"]{
font-size: 1.4rem;
}
}
@media screen and (max-width: 1024px){
.map .action-filter-box form input[type="text"]{
font-size: 1.6rem;
}
}
@media screen and (max-width: 991px){
.map .action-filter-box form{
padding: 0 1%;
}
.map .action-filter-box form input[type="text"]{
margin-top: 2rem;
font-size: 1.8rem;
}
.map .map-data-wrapper .map-data-list{
margin-top: 0;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data .btn{
font-size: 1.5rem;
}
.map .map-data-wrapper .map-data-list .map-shop-selected{
height: 18rem;
}
.map .map-data-wrapper .map-data-list .map-shop-list h3{
font-size: 1.8rem;
}
.map .map-data-wrapper .map-data-list .map-shop-list ul li span{
font-size: 1.5rem;
}
.action-filter-box .a-f-b-wrapper .a-f-b-levels span{
line-height: 2.8rem;
}
}
@media screen and (max-width: 768px){
.map .map-data-wrapper .map-data-svg ul li svg{
height: 450px;
}
}
@media screen and (max-width: 480px){
.map .map-data-wrapper .map-data-svg ul li svg{
height: 400px;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo{
width: 155px;
}
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo img{
width: 150px;
}
.map .map-data-wrapper .map-data-list .map-shop-selected{
height: 14rem;
}
}
/*
* ARTICLE VIEW
*/
.article-view{
margin: 5rem 0 3rem;
}
.article-view article{
margin-bottom: 3rem;
padding: 0 3rem;
font-size: 1.4rem;
line-height: 1.7rem;
}
.article-view article .article-img{
float: left;
padding: 2.2rem;
margin: 0 2rem 2rem 0;
}
.article-view article .article-aside-img{
width: 35%;
height: 32rem;
}
.article-view article .article-full-img,
.article-view .article-show-form,
.article-view .article-view-documents,
.article-view .article-view-gallery,
.article-view .article-view-gallery ul li .gallery-img-wrapper a:after {
width: 100%;
}
.article-view article .article-full-img{
height: 45rem;
margin-right: 0;
}
.article-view article header h1,
.article-view .article-show-form,
.article-view .article-view-documents ul li,
.article-view .article-view-documents ul li h2 a,
.article-view .article-view-gallery ul li .gallery-img-wrapper a {
display: block;
}
.article-view article header h1{
font-weight: 600;
font-size: 2rem;
line-height: 2.2rem;
margin-bottom: 2rem;
}
.article-view article img,
.article-view .article-view-documents ul li h2 {
max-width: 100%;
}
.article-view article ol{
list-style-position: outside;
margin-bottom: 1.5rem;
}
.article-view article ol ol li,
.article-view article ul ul li{
text-indent: 2rem;
}
.article-view article ul{
list-style-position: outside;
margin-bottom: 1.5rem;
}
.article-view article ol ul,
.article-view article ul ul {
list-style-type: disc;
}
.article-view .article-show-form,
.article-view .article-view-documents ul li,
.article-view .article-view-gallery ul li .gallery-img-wrapper {
text-align: center;
}
.article-view .article-show-form{
padding: 3rem;
font-size: 3.5rem;
line-height: 3.5rem;
margin-bottom: 5rem;
outline: none;
box-shadow: none;
}
.article-view .article-view-documents{
margin-bottom: 4rem;
float: left;
}
.article-view .article-view-documents ul{
list-style: none;
padding: 0 3rem;
margin: 3rem 0;
}
.article-view .article-view-documents ul li{
padding: 3rem;
margin-bottom: 5px;
}
.article-view .article-view-documents ul li h2,
.article-view .article-view-gallery ul li .gallery-img-wrapper {
position: relative;
}
.article-view .article-view-documents ul li h2{
padding: 0 20px;
display: inline-block;
}
.article-view .article-view-documents ul li h2 i,
.article-view .article-view-gallery ul li .gallery-img-wrapper a:after {
position: absolute;
}
.article-view .article-view-documents ul li h2 i{
font-size: 2.4rem;
padding: 0 5px;
top: 0;
right: 0;
}
.article-view .article-view-documents ul li h2 i:nth-child(1){
left: 0;
right: auto;
}
.article-view .article-view-documents ul li h2 a,
.article-view .article-view-gallery ul li .gallery-img-wrapper {
overflow: hidden;
}
.article-view .article-view-documents ul li h2 a{
white-space: nowrap;
text-overflow: ellipsis;
}
.article-view .article-view-gallery{
margin-bottom: 4rem;
float: left;
}
.article-view .article-view-gallery ul{
list-style: none;
padding: 0 1.5rem;
margin: 3rem 0;
}
.article-view .article-view-gallery ul li .gallery-img-wrapper{
height: 25rem;
line-height: 25rem;
margin: 1.5rem 0;
}
.article-view .article-view-gallery ul li .gallery-img-wrapper a:after{
line-height: inherit;
font-size: 8rem;
left: 0;
top: 0;
height: 100%;
transition: all .3s;
opacity: 0;
content: "\F208";
font-family: "Material Design Icons";
}
.article-view .article-view-gallery ul li .gallery-img-wrapper:hover a:after{
opacity: 1;
}
@media screen and (max-width: 768px){
.article-view article .article-img{
padding: 0;
}
.article-view article .article-aside-img{
width: 50%;
}
.article-view .article-show-form{
font-size: 3rem;
}
}
@media screen and (max-width: 480px){
.article-view article .article-aside-img{
width: 100%;
}
}
/*
* EVENT LIST
*/
.events-list,
.events-list header h1 a {
overflow: hidden;
}
.events-list{
float: left;
width: 100%;
padding: 0 3rem;
margin: 3rem 0;
}
.events-list article,
.events-list header h1 {
position: relative;
}
.events-list article{
padding: 0 1rem 4rem;
margin-top: 4rem;
}
.events-list .event-status,
.events-list header h1 a {
display: block;
}
.events-list .event-status{
font-size: 1.2rem;
line-height: 1.8rem;
text-transform: uppercase;
font-weight: 600;
}
.events-list .event-time,
.events-list header,
.events-list .event-status {
text-align: center;
}
.events-list .event-time{
margin-bottom: 1rem;
}
.events-list time,
.events-list header h1 {
display: inline-block;
}
.events-list time{
font-size: 1.3rem;
}
.events-list time strong{
font-weight: 500;
}
.events-list time em{
padding-right: 5px;
}
.events-list header h1{
padding: 0 2rem 0.6rem 2rem;
margin-bottom: 0.4rem;
max-width: 100%;
font-size: 2.5rem;
line-height: 2.6rem;
font-weight: 500;
}
.events-list header h1 i,
.events-list header h1:after,
.events-list article .btn {
position: absolute;
}
.events-list header h1 i{
font-size: 2.2rem;
line-height: 2.6rem;
padding: 0 5px;
top: 0;
right: 0;
}
.events-list header h1 a{
white-space: nowrap;
text-overflow: ellipsis;
font: inherit;
}
.events-list header h1 i:nth-child(1){
left: 0;
right: auto;
}
.events-list header h1:after,
.events-list article .btn {
bottom: 0;
}
.events-list header h1:after{
left: 15%;
width: 70%;
content: "";
height: 1px;
}
.events-list article .article-img{
margin-bottom: 2rem;
padding: 1.7rem;
}
.events-list article .btn {
left: 50%;
margin-left: -6.5rem;
}
@media screen and (max-width: 991px){
.events-list,
.events-list article{
padding-left: 0rem;
padding-right: 0rem;
}
.events-list article .article-img{
padding: 1rem;
}
}
@media screen and (max-width: 480px){
.events-list article .article-img{
padding: 0;
}
}
/*
* EVENT VIEW
*/
.event-view .event-status,
.event-view article header h1 span {
display: block;
}
.event-view .event-status{
font-size: 1.2rem;
line-height: 1.8rem;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.event-view .event-time{
text-align: center;
}
.event-view time,
.event-view article header h1 {
display: inline-block;
}
.event-view time{
font-size: 1.3rem;
}
.event-view time strong{
font-weight: 500;
}
.event-view time em{
padding-right: 5px;
}
.event-view article header{
text-align: center;
}
.event-view article header h1{
position: relative;
padding: 0 2rem 1.2rem 2rem;
margin-bottom: 0.8rem;
max-width: 100%;
font-size: 3rem;
line-height: 3rem;
}
.event-view article header h1 i,
.event-view article header h1:after {
position: absolute;
}
.event-view article header h1 i{
font-size: 2.4rem;
line-height: 3rem;
padding: 0 5px;
top: 0;
right: 0;
}
.event-view article header h1 span{
font: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.event-view article header h1 i:nth-child(1){
left: 0;
right: auto;
}
.event-view article header h1:after{
bottom: 0;
content: "";
height: 1px;
left: 15%;
width: 70%;
}
.event-view article .article-img{
margin-top: 2rem;
}
/* ################# */
/* ### NEWS LIST VIEW BY KRZYSZTOFT ### */
/* Fixed ODI */
/* ################# */
.dropdown {display:block; height:44px; width:170px; margin:20px auto; text-align:center; padding:0 54px 0 10px; cursor:pointer; position:relative; z-index:9;}
.dropdown span {font-size: 1.8rem; font-weight:500; display:block; height:44px; line-height:42px; transition: all 0.3s;}
.dropdown i:after {position:absolute; top:0; right:0; width:40px; height:40px; line-height: 42px; font-style:normal; font-family: FontAwesome; font-size: 25px; content: "\f107";}
.dropdown div span {line-height:44px; }
.dropdownList {display:none; margin:-4px 0 0 -12px; width:170px;}
.news_list_box {float:left; width:33.3%; margin:3.5rem 0; padding:0 4rem;}
.news_list_box_in {height:100%; font-size: 1.4rem; text-align:center; position:relative; padding-bottom: 5rem; min-height: 34rem; }
.news_img {display:block; overflow:hidden; height:24rem;}
.news_title{ position:absolute; left:0; top:24rem; width:100%; padding-top: 2rem; }
.news_img + .news_title{ position: static; }
.news_img + .news_title + p{ margin-bottom: 1rem; }
.news_list_box p{ max-height: 26rem; overflow: hidden; margin-bottom: 5rem; }
.news_title a{ padding: 0 2rem 1rem; margin-bottom: 1.5rem; font-size: 1.6rem; text-transform: uppercase; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; }
.news_list_box_in a.news_read_all {position:absolute; bottom:0; left:50%; margin:0 0 0 -7.5rem;}
@media screen and (max-width: 1023px) {
.news_img {height:20rem;}
.news_title{top:20rem;}
}
@media screen and (max-width: 990px) {
.news_list_box {width:50%;padding: 0 2.5rem;}
.news_list_box p{margin-bottom: 3rem;}
}
@media screen and (max-width: 768px) {
.news_list_box {width:100%; height:auto;padding: 0 1rem;}
.news_list_box_in {padding-left: 1rem; padding-right: 1rem; height:auto;}
.news_img {height:25rem;}
.news_title{position: static;}
.news_list_box p{margin-bottom: 1rem;}
}
/* ################# */
/* ### NEWS ONE VIEW BY KRZYSZTOFT ### */
/* ################# */
.news_view {display:block; overflow:hidden; width:94%; margin:20px auto; }
.news_view_title {font-weight:600;font-size: 1.8rem; line-height: 2.2rem; display:block; margin:0 0 20px 0;}
.news_view p {font-size: 1.8rem; line-height: 2.2rem;}
.news_form_a {display:block; overflow:hidden; text-align:center; padding:30px; font-size: 3.8rem;}
.news_view_img {width:35%; height:320px; float:left; padding:10px; margin:0 20px 20px 0;}
.news_view_img div {width:100%; height:100%;}
.news_view_gallery {display:block; overflow:hidden; width:100%; margin:20px auto; text-align:center;}
.news_view_gallery a {width:22%; display:inline-block; height:200px; overflow:hidden; margin:0 1% 2% 1%;}
@media screen and (max-width: 990px) {
.news_view_img {height:250px; width:100%; }
.news_view_gallery a {width:45%; }
}
@media screen and (max-width: 768px) {
.news_view_gallery a {width:95%; }
}
/* ################# */
/* ### NEW SHOPS & JOB BY KRZYSZTOFT ### */
/* Fixed ODI */
/* ################# */
.new-shop_job-entry{
float: left;
width: 100%;
padding: 0 3rem;
overflow: hidden;
margin: 3rem 0;
}
.new-shop_job-entry article{
margin-bottom: 3rem;
padding-bottom: 2rem;
font-size: 1.4rem;
line-height: 1.7rem;
}
.new-shop_job-entry .new-s_j-img-wrapper,
.new-shop_job-entry .new-s_j-img-wrapper .new-s_j-status {
text-align: center;
}
.new-shop_job-entry .new-s_j-img-wrapper{
display: inline-block;
}
.new-shop_job-entry .new-s_j-img-wrapper img{
padding: 1rem;
max-width: 100%;
}
.new-shop_job-entry .new-s_j-img-wrapper .new-s_j-status{
margin-top: 1rem;
font-weight: 600;
font-size: 1.6rem;
display: block;
}
.new-shop_job-entry article header h2{
font-weight: 600;
font-size: 1.8rem;
line-height: 2.2rem;
margin: 0 0 1rem 0;
}
.new-shop_job-entry article p{
margin-bottom: 1rem;
}
.new-shop_job-entry article .btn{
margin-top: 1rem;
}
@media screen and (max-width: 768px){
.new-shop_job-entry article{
text-align: center;
}
.new-shop_job-entry article header{
padding-top: 2rem;
}
.new-shop_job-entry article header h2{
font-size: 2.5rem;
line-height: 3rem;
}
.new-shop_job-entry .new-s_j-img-wrapper img{
max-width: 70%
}
}
/* ################# */
/* ### default article table css BY KRZYSZTOFT ### */
/* ################# */
.article-view table {margin:20px auto; clear:both;}
.article-view table td {padding:1.6rem; font-size: 1.6rem;}
.article-view.contact-page table td:first-child,
.article-view table td span {font-size: 1.6rem; font-weight:500;}
.article-view.contact-page table{
margin-top: 10px;
}
.article-view.contact-page table td span{
font-weight: 500;
}
/*
* SEARCH RESULTS
*/
.search-results > section{
float: left;
width: 100%;
margin: 3rem 0;
}
.search-results .search-box{
padding: 3rem 20%;
margin-bottom: 2rem;
}
.search-results .search-box form{
text-align: center;
}
.search-results .search-box form input[type="text"]{
width: 500px;
font-size: 1.8rem;
}
.search-results .article-view .list-view .pager{
margin-top: 1.5rem;
}
@media screen and (max-width: 991px){
.search-results .search-box form input[type="text"]{
width: 400px;
}
.search-results .events-list article{
padding-left: 2rem;
padding-right: 2rem;
}
}
@media screen and (max-width: 768px){
.search-results .search-box form input[type="text"]{
width: calc(100% - 50px);
}
}
/*
* FOOTER
*/
footer[role="contentinfo"] {
margin-top: 3.5rem;
}
footer[role="contentinfo"] .newsletter-box {
padding: 3rem 4rem 3rem 4rem;
text-align: right;
overflow: visible;
}
footer[role="contentinfo"] .newsletter-box img {
margin-bottom: 2.5rem;
}
footer[role="contentinfo"] .newsletter-box form {
margin-top: 3rem;
}
footer[role="contentinfo"] .newsletter-box form .loader-wrapper{
display: none;
width: 50%;
}
footer[role="contentinfo"] .newsletter-box form.in-progress{
opacity: 0.5;
}
footer[role="contentinfo"] .newsletter-box form.in-progress .loader-wrapper,
footer[role="contentinfo"] .newsletter-box form label {
display: block;
}
footer[role="contentinfo"] .newsletter-box form input[type="text"] {
width: 31rem;
height: 4.5rem;
line-height: 4.5rem;
font-size: 1.4rem;
text-align: center;
text-transform: uppercase;
}
footer[role="contentinfo"] .newsletter-box form label {
margin: 10px 0;
font-size: 1.2rem;
font-weight: 500;
cursor: pointer;
}
footer[role="contentinfo"] .newsletter-box form label a {
text-decoration: underline;
}
footer[role="contentinfo"] .newsletter-box form button {
height: 4.5rem;
line-height: 4.1rem;
padding: 0 2.5rem;
text-transform: uppercase;
font-size: 1.4rem;
font-weight: 500;
}
footer[role="contentinfo"] .hours-box {
padding: 6rem 5rem 0 5rem;
}
footer[role="contentinfo"] .hours-box .hours-box-single .row {
margin-left: -3.5rem;
margin-right: -3.5rem;
}
footer[role="contentinfo"] .hours-box .hours-box-single h2 {
margin-bottom: 5rem;
}
footer[role="contentinfo"] .hours-box .hours-box-element {
margin-bottom: 3.5rem;
padding-left: 3.5rem;
padding-right: 3.5rem;
white-space: nowrap;
}
footer[role="contentinfo"] .hours-box .hours-box-element p {
font-size: 1.3rem;
font-weight: 500;
}
footer[role="contentinfo"] .hours-box .hours-box-element span {
font-size: 1.3rem;
font-weight: 400;
display: block;
position: relative;
}
footer[role="contentinfo"] .hours-box .hours-box-element span span {
position: absolute;
right: 0;
top: 0;
}
footer[role="contentinfo"] .copyright-box {
padding: 1.2rem 6.3rem 0 6.3rem;
height: 4.5rem;
}
footer[role="contentinfo"] .copyright-box span {
font-size: 1.3rem;
font-weight: 400;
}
footer[role="contentinfo"] .copyright-box nav {
float: right;
}
footer[role="contentinfo"] .copyright-box nav ul {
list-style: none;
margin: 0;
padding: 0;
}
footer[role="contentinfo"] .copyright-box nav ul li {
float: left;
margin-left: 2rem;
}
footer[role="contentinfo"] .copyright-box nav ul li a {
font-size: 1.3rem;
font-weight: 400;
}
@media screen and (max-width: 1600px){
footer[role="contentinfo"] .hours-box{
padding: 5rem 4rem 0 4rem;
}
footer[role="contentinfo"] .hours-box .hours-box-single .row{
margin-left: -1.5rem;
margin-right: -1.5rem;
}
footer[role="contentinfo"] .hours-box .hours-box-element{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media screen and (max-width: 1200px){
footer[role="contentinfo"] .newsletter-box img{
margin-bottom: 2rem;
height: 60px;
}
footer[role="contentinfo"] .hours-box{
padding: 4.5rem 3.5rem 0 3.5rem;
}
}
@media screen and (max-width: 1024px){
footer[role="contentinfo"] .newsletter-box{
padding: 4rem 3rem 2rem 2rem;
}
footer[role="contentinfo"] .newsletter-box img{
float: left;
margin: 0;
}
footer[role="contentinfo"] .hours-box .hours-box-single h2{
margin-bottom: 3.5rem;
}
}
@media screen and (max-width: 991px){
footer[role="contentinfo"] .newsletter-box{
padding-top: 3rem;
padding-bottom: 3rem;
}
footer[role="contentinfo"] .newsletter-box > .row > div{
text-align: center;
}
footer[role="contentinfo"] .newsletter-box img{
float: none;
height: auto;
margin-bottom: 2rem;
}
footer[role="contentinfo"] .newsletter-box p,
footer[role="contentinfo"] .newsletter-box h4{
font-size: 2rem;
line-height: 2.2rem;
}
footer[role="contentinfo"] .newsletter-box form .loader-wrapper{
width: 100%;
}
footer[role="contentinfo"] .newsletter-box form input[type="text"],
footer[role="contentinfo"] .newsletter-box form label,
footer[role="contentinfo"] .newsletter-box form button,
footer[role="contentinfo"] .hours-box .hours-box-element p,
footer[role="contentinfo"] .hours-box .hours-box-element span{
font-size: 1.8rem;
}
footer[role="contentinfo"] .newsletter-box form input[type="text"]{
height: 5.5rem;
width: 40rem;
line-height: 5.5rem;
}
footer[role="contentinfo"] .newsletter-box form button{
height: 5rem;
line-height: 4.6rem;
}
footer[role="contentinfo"] .hours-box{
padding: 4rem 2rem 0 2rem;
}
footer[role="contentinfo"] .hours-box .hours-box-single h2{
font-size: 3rem;
line-height: 3.5rem;
}
footer[role="contentinfo"] .copyright-box{
padding: 1.2rem 4rem 0 4rem;
}
footer[role="contentinfo"] .copyright-box span,
footer[role="contentinfo"] .copyright-box nav ul li a{
font-size: 1.6rem;
}
}
@media screen and (max-width: 600px){
footer[role="contentinfo"] .hours-box{
padding: 1rem 0;
}
footer[role="contentinfo"] .hours-box .hours-box-single,
footer[role="contentinfo"] .copyright-box nav {
width: 100%;
text-align: center;
}
footer[role="contentinfo"] .hours-box .hours-box-element span span,
footer[role="contentinfo"] .copyright-box nav ul li {
float: none;
}
footer[role="contentinfo"] .hours-box .hours-box-element span span{
padding-bottom: 5px;
}
footer[role="contentinfo"] .hours-box .hours-box-single > h2{
cursor: pointer;
margin: 1rem 0;
padding-left: 15px;
}
footer[role="contentinfo"] .hours-box .hours-box-single > h2:after{
font-family: FontAwesome;
font-size: 25px;
content: "\f107";
float: right;
}
footer[role="contentinfo"] .hours-box .hours-box-single > .row{
display: none;
}
footer[role="contentinfo"] .hours-box .hours-box-single.active > .row,
footer[role="contentinfo"] .copyright-box span {
display: block;
}
footer[role="contentinfo"] .hours-box .hours-box-single.active > h2:after{
content: "\f106";
}
footer[role="contentinfo"] .copyright-box span{
text-align: center;
padding-bottom: 5px;
}
footer[role="contentinfo"] .copyright-box nav ul li{
display: inline-block;
margin: 0 2rem 1rem;
}
}
/*
* MODAL
*/
.modal,
.modal .modal-body {
text-align: center;
}
.modal {
padding-right: 0 !important;
}
.modal-dialog,
.modal .modal-content article {
text-align: left;
}
.modal-dialog {
display: inline-block;
vertical-align: middle;
}
.modal .modal-content,
.modal .modal-content article,
.modal .modal-content article .article-wrapper,
.modal .modal-body {
height: 100%;
}
.modal .modal-content{
overflow: auto;
}
.modal .modal-content article,
.modal .modal-content article .article-wrapper,
.modal .modal-content article .article-wrapper,
.modal .modal-header,
.modal .modal-body {
width: 100%;
}
.modal .modal-content article{
display: inline-table;
}
.modal .modal-content article > .row{
display: table-cell;
vertical-align: middle;
}
.modal .modal-content article.w_i,
.modal .modal-content article.w_d{
width: 80%;
}
.modal .modal-content article.w_i.w_d{
width: 60%;
}
.modal .modal-content article .article-wrapper{
overflow: auto;
}
.modal .modal-header{
text-align: right;
position: absolute;
z-index: 2;
}
.modal .modal-header .close,
.modal-lg {
margin: 0;
}
.modal .modal-header .close{
float: none;
opacity: 1;
outline: none;
box-shadow: none;
}
.modal .modal-header .close i{
font-size: 35px;
}
.modal .modal-body{
display: block;
padding-top: 50px;
}
.modal-lg {
width: 99%;
height: 99%;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
/*
* GALLERY & DOCUMENTS
*/
.modal .shop-action-gallery,
.modal .shop-action-gallery .s-a-gallery-element,
.modal .shop-action-gallery .s-a-gallery-wrapper a {
display: block;
}
.modal .shop-action-gallery,
.modal .shop-action-gallery .s-a-gallery-wrapper {
height: 100%;
}
.modal .shop-action-gallery{
float: right;
width: 20%;
position: relative;
padding-top: 80px;
}
.modal .shop-action-gallery .deco-title,
.modal .shop-action-gallery .s-a-gallery-wrapper,
.modal .shop-action-gallery .s-a-gallery-wrapper a img {
width: 100%;
}
.modal .shop-action-gallery .deco-title{
position: absolute;
top: 20px;
}
.modal .shop-action-gallery .deco-title h1{
font-size: 2rem;
}
.modal .shop-action-gallery .s-a-gallery-wrapper{
overflow: auto;
}
.modal .shop-action-gallery .s-a-gallery-element{
width: 95%;
max-width: 200px;
margin: 0 auto 20px;
}
.modal .shop-action-gallery .s-a-gallery-element:last-child{
margin-bottom: -50px;
}
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element{
font-size: 1.4rem;
line-height: 1;
padding: 1rem 0.5rem;
transition: all 0.3s;
}
@media screen and (max-width: 768px){
.modal .modal-content article{
width: 100% !important;
height: auto;
}
.modal .modal-content article.w_i,
.modal .modal-content article.w_d{
padding-bottom: 50px;
}
.modal .shop-action-gallery{
width: 100%;
height: auto;
padding-top: 50px;
margin-bottom: 3rem;
}
.modal .shop-action-gallery .deco-title{
top: 15px;
}
.modal .shop-action-gallery .s-a-gallery-wrapper{
white-space: nowrap;
}
.modal .shop-action-gallery .s-a-gallery-element{
display: inline-block;
width: 50%;
margin: 0;
}
.modal .shop-action-gallery .s-a-gallery-wrapper a img{
width: auto;
height: auto;
max-width: 100%;
max-height: 200px;
}
.modal .shop-action-files .s-a-gallery-wrapper{
white-space: normal;
overflow: visible;
height: auto;
}
.modal .shop-action-files .s-a-gallery-element{
width: 100%;
display: block;
margin: 1rem 0;
max-width: none;
}
.modal .shop-action-files .s-a-gallery-element:last-child{
margin-bottom: 1rem;
}
}
/*
* NEWSLETTER CONFIRMATION
*/
#newsletter-modal .modal-dialog{
max-width: 820px;
width: 90%;
}
#newsletter-modal .modal-body{
padding: 10px;
}
#newsletter-modal .modal-body h2{
margin-bottom: 1rem;
}
#newsletter-modal .modal-body img{
float: none !important;
margin-bottom: 2rem !important;
}
#newsletter-modal .modal-body p span{
padding: 0 6px;
font-weight: 500;
}
#newsletter-modal .modal-body .middle-content{
height: 450px;
}
#newsletter-modal .modal-body .middle-content > div{
height: inherit;
}
div:not(.modal-body) > div[data-patern]{
display: none;
}
/* ############################ */
/* ### STARE DO PORPAWIENIA ### */
/* ############################ */
.filterBox .contentHolder .searchByName{ position: relative; }
.searchByName.autoCompleteList .ui-autocomplete{ top: 55px !important; position: absolute; margin: 0; overflow: auto; left: auto !important; right: 15px !important; width: 900px !important; height: 87px !important; z-index: 10; padding: 0; list-style: none; }
.searchByName.autoCompleteList .ui-autocomplete li{ height: 85px; width: 14.28%; display: table; float: left; overflow: visible; padding: 5px; text-align: center; }
.searchByName.autoCompleteList .ui-autocomplete li div{ display: table-cell; font-size: 13px; line-height: 13px; padding: 0; vertical-align: middle; }
.searchByName.autoCompleteList .ui-autocomplete li div img{ width: 90px; }
.searchByName.autoCompleteList .ui-autocomplete li div span{ display: block; font-size: 10px; font-weight: 500; line-height: 13px; padding: 0 3px; text-transform: capitalize; margin: 4px; }
/* MODYFIKACJE *
=================================================================*/
/* flash
----------------------------------------------*/
.frontFlashes {
overflow: hidden;
padding: 0;
margin: 0;
margin-bottom: 3rem;
font-weight: bold;
text-align: center;
list-style: none;
}
.flash-success,
.flash-error {
height: 6rem;
padding: 0 5rem;
line-height: 6rem;
}
/* header
-----------------------------------------------------*/
header[role="banner"] .header-top-row form[role="search"] {
margin-left: 0.5rem;
}
header[role="banner"] .header-top-row form[role="search"] input:-moz-placeholder,
header[role="banner"] .header-top-row form[role="search"] input::-moz-placeholder {
opacity: 1;
}
header[role="banner"] .header-top-row .fb-like {
float: left;
margin-right: 10px;
height: 5rem;
line-height: 3.5rem;
}
.youtubesquare-icon,
.facebook-icon,
.instagram-icon {
float: left;
height: 5rem;
width: 5rem;
text-align: center;
}
.youtubesquare-icon i,
.facebook-icon i,
.instagram-icon i {
display: block;
font-size: 30px;
line-height: 5rem;
}
.award-icon {
margin-left: 10px;
}
.youtube-icon,
.youtube-icon span {
margin: 0;
padding: 0;
}
.youtube-icon {
float: left;
height: 6rem;
line-height: 6rem;
font-size: 40px;
text-transform: uppercase;
}
.youtube-icon span {
float: left;
position: relative;
display: block;
vertical-align: middle;
text-align: center;
}
.youtube-icon .fa {
margin-top: 10px;
}
.youtube-icon .text {
margin: 22px 10px 0 10px;
font-size: 1.3rem;
line-height: 1.3rem;
}
@media only screen and (max-width : 1600px) {
header[role="banner"] .header-menu-row nav ul li a {
/*font-size: 1.4rem;*/
font-size: 2rem;
}
}
@media only screen and (max-width : 1200px) {
.youtube-icon {
font-size: 32px;
}
.youtube-icon .text {
margin-top: 17px;
}
.youtube-icon .fa {
margin-top: 7px;
}
header[role="banner"] .header-logo {
top: 10px;
left: 10px;
}
header[role="banner"] .header-top-row .open-hours span {
top: -2px;
}
header[role="banner"] .header-menu-row nav {
padding-top: 4rem;
}
}
@media only screen and (max-width : 1024px) {
.youtube-icon {
font-size: 29px;
}
.youtube-icon .text {
margin-right: 5px;
margin-top: 15px;
}
.youtube-icon .fa {
margin-top: 5px;
}
header[role="banner"] .header-logo {
top: 5px;
left: 0px;
}
header[role="banner"] {
padding-bottom: 20px;
}
header[role="banner"] .header-logo img {
max-height: 90%;
}
header[role="banner"] .header-menu-row nav ul li a {
font-size: 1.6rem;
}
header[role="banner"] .header-top-row .open-hours span {
top: -1px;
}
}
@media only screen and (max-width : 800px) {
header[role="banner"] .header-menu-row nav ul li a {
font-size: 1.6rem;
}
}
@media only screen and (max-width : 768px) {
header[role="banner"] {
padding-bottom: 10px;
}
header[role="banner"] .header-logo {
top: 0px;
height: 13rem;
}
header[role="banner"] .header-top-row .pull-right {
width: auto;
}
header[role="banner"] .header-top-row .open-hours {
float: left;
}
header[role="banner"] .header-top-row form[role="search"] {
margin-left: 20px;
}
.youtube-icon {
margin-left: 10px;
}
.youtube-icon .text {
display: none;
}
}
@media only screen and (max-width : 600px) {
header[role="banner"] {
padding-top: 65px;
}
header[role="banner"] .header-top-row form[role="search"] {
left: 0rem;
top: 16.7rem;
}
header[role="banner"] .header-top-row .fb-like {
position: absolute;
top: 10px;
right: 0;
margin-right: 6px;
}
}
@media only screen and (max-width : 480px) {
header[role="banner"] {
padding-top: 45px;
}
header[role="banner"] .header-logo {
top: 5px;
left: 6px;
height: 13rem;
}
header[role="banner"] .header-top-row .fb-like {
top: 5px;
}
header[role="banner"] .header-top-row form[role="search"] {
top: 14.3rem;
}
header[role="banner"] .header-top-row form[role="search"] {
margin-left: 1px;
}
header[role="banner"] .header-top-row form[role="search"] input {
width: 21rem;
}
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-top-row form[role="search"] input {
font-size: 1.6rem;
}
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-top-row .open-hours strong {
/* display: block;*/
text-align: center;
}
header[role="banner"] .header-top-row .open-hours {
padding-top: 9px;
}
header[role="banner"] .header-top-row .open-hours i {
display: none;
}
.award-icon,
.youtubesquare-icon {
margin-left: 0;
}
}
/* slider
-----------------------------------------------------*/
.main-sliders {
overflow: hidden;
padding: 0 0 6rem;
}
.owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.owl-carousel .item {
display: block;
}
.owl-carousel video {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
}
.owl-carousel video::-webkit-media-controls-enclosure {
display:none !important;
}
.main-slider .owl-controls {
display: none;
}
@media only screen and (max-width : 1366px) {
.main-sliders {
padding-left: 6rem;
padding-right: 6rem;
}
}
@media only screen and (max-width : 1200px) {
.main-sliders {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media only screen and (max-width : 1024px) {
.main-sliders .main-slider {
margin-bottom: 15rem;
text-align: center;
}
.main-sliders .aside-slider {
margin-bottom: 5rem;
}
.aside-slider {
width: 40%;
margin: 0 auto;
}
.main-slider div[class^="main-slider--nav"] {
position: static;
display: inline-block;
margin: 0 1px;
}
}
@media only screen and (max-width : 768px) {
.aside-slider {
width: 50%;
}
}
@media only screen and (max-width : 480px) {
.aside-slider {
width: 100%;
}
}
/* wydarzenia w cuprum arenie
-----------------------------------------------------*/
.last-events {
padding: 0;
text-align: center;
}
.last-events .cover-image {
width: 570px;
height: 320px;
}
.last-events .event {
float: none;
display: inline-block;
padding: 0 3rem;
}
.last-events .event,
.last-events .event-1,
.last-events .event-2,
.last-events .event-4,
.last-events .event-7 {
width: 33.3%;
}
.last-events .event-3,
.last-events .event-5,
.last-events .event-6,
.last-events .event-8,
.last-events .event-9 {
width: 33%;
}
.last-events .event p {
overflow: hidden;
height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.last-events .event .l-e-status {
margin-bottom: 12px;
}
.last-events .event .last-event-img {
margin-bottom: 10px;
}
.last-events .event .last-event-img img {
display: inline-block;
max-width: 100%;
height: auto;
margin: 0 auto;
vertical-align: baseline;
}
.last-events .event .last-event-img,
.last-events .event-1 .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
height: 32rem;
}
.last-events .event .last-event-data {
height: 14rem;
}
.last-events .last-event-img a {
display: block;
overflow: hidden;
width: inherit;
height: inherit;
}
.last-events .last-event-img video {
margin: 0 auto;
vertical-align: baseline;
}
.last-events .event .last-event-img img {
display: inline-block;
max-width: 100%;
height: auto;
}
.events-list .article-img a {
display: block;
overflow: hidden;
}
.unsupported-video-placeholder,
.opera .supported-video {
display: none !important;
}
.opera .unsupported-video-placeholder {
display: block !important;
}
.last-events .event .last-event-img {
height: 34rem;
}
.last-events .last-event-img video,
.events-list .article-img a,
.events-list .article-img video,
.event-view .article-img video {
width: 100%;
height: 100%;
}
.last-events .last-event-img video,
.events-list .article-img video,
.event-view .article-img video {
min-width: 100%;
min-height: 100%;
}
@media only screen and (max-width : 1860px) {
.last-events .cover-image {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width : 1366px) {
.last-events .event .last-event-img,
.last-events .event-1 .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
height: 21rem;
}
.last-events .event {
padding-left: 6rem;
padding-right: 6rem;
}
}
@media only screen and (max-width : 1200px) {
.last-events .event {
padding-left: 5rem;
padding-right: 5rem;
}
.last-events .cover-image {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width : 1024px) {
.last-events .event,
.last-events .event-1,
.last-events .event-2,
.last-events .event-3,
.last-events .event-4,
.last-events .event-5,
.last-events .event-6,
.last-events .event-7,
.last-events .event-8,
.last-events .event-9 {
float: left;
display: block;
width: 50%;
margin-bottom: 8rem;
}
.last-events .event-1 {
float: none;
display: inline-block;
}
.last-events .event .last-event-img,
.last-events .event-1 .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
height: 28rem;
}
.aside-slider .main-slider--nav-prev,
.aside-slider .main-slider--nav-next,
.aside-slider .owl-controls {
display: block !important;
}
.last-events .event {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media only screen and (max-width : 768px) {
.last-events .event-1 {
float: none;
display: block;
width: 100%;
}
.last-events .event .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
height: 21rem;
}
.last-events .event-1 .last-event-img {
height: 28rem;
}
}
@media only screen and (max-width : 600px) {
.last-events .event,
.last-events .event-1,
.last-events .event-2,
.last-events .event-3,
.last-events .event-4,
.last-events .event-5,
.last-events .event-6,
.last-events .event-7,
.last-events .event-8,
.last-events .event-9 {
float: none;
width: 100%;
}
.last-events .event .last-event-img,
.last-events .event-1 .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
/*height: 36rem;*/
height: 21rem;
}
}
@media only screen and (max-width : 480px) {
.last-events .event .last-event-img,
.last-events .event-1 .last-event-img,
.last-events .event-2 .last-event-img,
.last-events .event-3 .last-event-img,
.last-events .event-4 .last-event-img,
.last-events .event-5 .last-event-img,
.last-events .event-6 .last-event-img,
.last-events .event-7 .last-event-img,
.last-events .event-8 .last-event-img,
.last-events .event-9 .last-event-img {
height: 20rem;
}
}
@media screen and (max-width: 1366px) {
.last-events .event .last-event-img {
height: 26rem;
}
}
@media screen and (max-width: 1024px) {
.last-events .event .last-event-img {
height: 40rem;
}
}
@media screen and (max-width: 1022px) {
.last-events .event .last-event-img {
height: 21rem;
}
}
@media screen and (max-width: 481px) {
.last-events .event .last-event-img {
height: 39rem;
}
}
@media screen and (max-width: 400px) {
.last-events .event .last-event-img {
height: 30rem;
}
}
@media screen and (max-width: 350px) {
.last-events .event .last-event-img {
height: 27rem;
}
}
/* lifestyle
-----------------------------------------------------*/
.life-style-section {
float: none;
}
.lifestyle-button {
display: block;
width: 100%;
text-align: center;
padding: 3rem;
font-size: 3.5rem;
line-height: 3.5rem;
margin-bottom: 5rem;
outline: none;
box-shadow: none;
}
.qt-lifestyle {
max-width: 450px;
min-width: 450px;
font-size: 3.6rem;
line-height: 4rem;
text-align: center;
pointer-events: none;
}
.life-style-section .deco-title {
margin-bottom: 10px;
}
.invisible {
visibility: hidden;
}
.lifestyle-frame {
position: relative;
}
.video-button {
position: absolute;
z-index: 2;
width: 34%;
height: 32.3%;
}
.video-button-1 {
top: 23.5%;
left: 11.1%;
}
.video-button-2 {
top: 46.7%;
right: 10.5%;
}
.jp-jplayer-button {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.shinelikeastar{
position: relative;
overflow: hidden;
display: block;
}
.shinelikeastar .star{
position: absolute;
display: block;
width: 80px;
opacity:0;
height: 80px;
line-height: 80px;
text-align: center;
top: 0;
left: 0;
z-index: 5;
-webkit-animation-name: staranim;
-webkit-animation-duration: 1.5s;
animation-name: staranim;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
.shinelikeastar .star img{
display: inline-block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.shinelikeastar .star.starnormal{
width: 110px;
height: 110px;
line-height: 110px;
}
.shinelikeastar .star.starbig{
width: 140px;
height: 140px;
line-height: 140px;
}
.shinelikeastar .star1.star{
top: 30%;
left: 0;
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
.shinelikeastar .star2.star{
top: 47%;
left: 32%;
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
.shinelikeastar .star3.star{
top: 23%;
left: 77%;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.shinelikeastar .star4.star{
top: 83%;
left: 93%;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.shinelikeastar .star5.star{
top: 88%;
left: 2%;
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
.shinelikeastar .star6.star{
top: 40%;
left: 52%;
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
.shinelikeastar .star7.star{
top: -3%;
left: 11%;
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
}
.shinelikeastar .star8.star{
top: -7%;
left: 58%;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.shinelikeastar .star9.star{
top: 64%;
left: 20%;
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
.shinelikeastar .star10.star{
top: 58%;
left: 81%;
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.shinelikeastar .star11.star{
top: 62%;
left: 59%;
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
@-webkit-keyframes staranim {
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes staranim {
0% {opacity: 1;}
50% {opacity: 0;}
100% {opacity: 1;}
}
.lifestyle-view {
padding: 3rem 6rem;
}
.lifestyle-link {
display: block;
}
.lifestyle-img {
display: inline-block;
}
@media only screen and (max-width : 1100px) {
.video-button {
width: 36%;
}
.video-button-1 {
left: 8.8%;
}
.video-button-2 {
right: 8.1%;
}
}
@media only screen and (max-width : 768px) {
.qt-lifestyle {
max-width: 300px;
min-width: 300px;
}
}
/* sections
-----------------------------------------------------*/
.sections {
clear: both;
}
/* footer
-----------------------------------------------------*/
body[data-newsletter="false"] .NewsletterAddForm button[type="submit"] {
display: none;
}
footer[role="contentinfo"] .hours-box {
padding: 6rem 0rem 0 5rem;
}
.hours-box-single ul {
margin: 0;
padding: 2rem 0 1rem;
list-style: none;
text-align: center;
}
.hours-box-single li {
margin: 0 0 2.5rem 0;
font-weight: 600;
font-size: 2rem;
line-height: 2.5rem;
text-transform: uppercase;
letter-spacing: -0.1rem;
}
@media only screen and (max-width : 768px) {
footer[role="contentinfo"] .hours-box {
padding-right: 5rem;
}
footer[role="contentinfo"] .hours-box .hours-box-element span span {
position: static;
}
}
@media only screen and (max-width : 600px) {
.hours-box-single ul {
margin-top: 2rem;
}
}
/* modal
-----------------------------------------------------*/
#cuprum-video,
#newsletter-modal.modal-custom .middle-content {
height: auto !important;
}
.video,
.video iframe,
.video object,
.video embed,
#popupContent {
width: 100%;
}
.video,
#popupContent,
.qtip-shop .info,
#newsletter-modal.modal-custom .middle-content,
.qtip-shop ul li .shop-name a {
overflow: hidden;
}
.video {
position: relative;
padding-bottom: 56.25%;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
#newsletter-modal .modal-dialog {
max-width: 1200px;
}
#sliderMini-modal.in .loader-wrapper,
.errorMessage,
#newsletter-modal.modal-custom .middle-content .mobile {
display: none;
}
#popupContent {
display: table;
height: 100%;
padding-bottom: 50px;
}
#popupContent .image {
display: table-cell;
vertical-align: middle;
}
#popupContent img,
.qtip-shop ul li .shop-logo,
.qtip-shop ul li .shop-logo img,
.qtip-shop ul li .shop-name a,
#newsletter-modal.modal-custom .middle-content img {
max-width: 100%;
}
#popupContent img,
#newShop-modal .modal-body,
#shopEvent-modal .modal-body,
#promo-modal .modal-body,
.qtip-shop .qtip-close .ui-icon,
#newsletter-modal.modal-custom .middle-content img {
height: auto;
}
#newShop-modal .modal-body,
#shopEvent-modal .modal-body,
#promo-modal .modal-body {
overflow: auto;
padding-bottom: 2rem;
}
#newShop-modal .modal-footer,
#shopEvent-modal .modal-footer,
#promo-modal .modal-footer,
.qtip-shop .qtip-content,
.qtip-shop ul li,
#newsletter-modal.modal-custom .middle-content a {
text-align: center;
}
.qtip-shop {
width: 250px;
height: 200px;
}
.qtip-shop ul,
.qtip-shop .qtip-close,
.qtip-shop .qtip-close .ui-icon {
margin: 0;
}
.qtip-shop ul {
padding: 0;
list-style: none;
}
.qtip-shop ul li .shop-logo,
.qtip-shop ul li .shop-name a,
.qtip-shop .qtip-close .ui-icon,
#newsletter-modal.modal-custom .middle-content .desktop {
display: inline-block;
}
.qtip-shop ul li .shop-logo {
margin-top: 2rem;
}
.qtip-shop ul li .shop-logo img {
display: block;
padding: 1rem;
}
.qtip-shop ul li .shop-name a {
font-size: 1.5rem;
line-height: 2.5rem;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
.qtip-shop ul li .shop-level {
display: block;
font-size: 1.1rem;
}
.qtip-shop .qtip-close {
right: -15px;
height: -12px;
font-size: 21px;
font-weight: 700;
line-height: 1;
padding: 0 5px;
cursor: pointer;
opacity: 1;
outline: none;
box-shadow: none;
filter: alpha(opacity=20);
-webkit-appearance: none;
}
.qtip-shop .qtip-close .ui-icon {
width: auto;
padding: 0;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: 35px;
line-height: 28px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.form-horizontal .form-group > label {
margin-top: 0;
font-size: 16px;
font-weight: 600;
}
.form-horizontal input[type="file"] {
font-size: 14px;
margin: 5px auto;
}
.form-horizontal input[type="text"],
.form-horizontal textarea {
width: 285px;
min-width: 250px;
max-width: 90%;
font-size: 14px;
}
.form-horizontal textarea {
line-height: 22px;
}
.form-horizontal p {
font-size: 13px;
margin-left: 15px;
margin-right: 15px;
}
.form-horizontal .checkbox {
margin-top: 5px;
margin-bottom: 5px;
}
.form-horizontal .checkbox label {
font-size: 15px;
}
.form-horizontal .btn-cuprum {
margin-top: 20px;
}
.errorMessage {
font-size: 11px;
line-height: 30px;
}
#newsletter-modal.modal-custom .middle-content a {
display: block !important;
}
#newsletter-modal.modal-custom .middle-content img {
margin: 0 !important;
}
@media only screen and (max-width : 1200px) {
.qtip-shop {
height: 180px;
}
}
@media only screen and (max-width : 768px) {
#newsletter-modal.modal-custom .modal-dialog {
margin-top: 10%;
}
#newsletter-modal.modal-custom .middle-content .desktop {
display: none;
}
#newsletter-modal.modal-custom .middle-content .mobile {
display: inline-block;
}
#newsletter-modal.modal-custom .middle-content img {
max-height: 500px;
}
}
@media only screen and (max-width : 400px) {
#newsletter-modal.modal-custom .middle-content img {
max-height: 660px;
}
}
/* sklepy
-----------------------------------------------------*/
.no-float {
float: none !important;
}
.shop-categories-group,
.shop-categories.float-left,
.shop-categories-entries.float-left,
.shops-list .action-filter-box form {
float: left;
}
.shops-list ul li:last-child:after,
.shop-categories,
.shop-categories-group,
.shop-categories-entries,
.shop-categories .category {
display: none;
}
.shop-categories {
max-width: 1800px;
margin: 30px auto;
}
.shop-categories-group {
width: 280px;
margin: 20px 40px 40px;
}
.shop-categories-group .category .title {
margin: 0;
}
.shop-categories.float-left {
width: 280px;
margin: 0 10px 30px;
}
.shop-categories-entries {
padding-bottom: 40px;
}
.shop-categories-entries.float-left,
.shop-categories:after,
.search-filter .dropdownText {
display: block;
}
.shop-categories-entries.float-left {
width: 78%;
}
.shop-categories:after {
content: '';
clear: both;
}
.shop-categories .category {
width: 280px
}
.shop-categories .category.active,
.category.col2 ul li {
display: inline-block;
}
.category {
z-index: 2;
}
.category .title {
padding: 10px 15px;
font-weight: 400;
text-transform: none;
cursor: pointer;
}
.category ul {
padding: 5px 0 5px 35px;
}
.category ul li {
text-align: left;
}
.category.col2 ul li {
width: 49%;
white-space: nowrap;
}
.results-empty-message {
text-align: center;
padding: 20px;
}
.shop-view {
height: 60rem;
}
.search-filter {
float: right;
position: relative;
z-index: 10;
width: 300px;
}
.search-filter span {
line-height: 40px !important;
font-size: 18px !important;
}
.search-filter .dropdownText {
overflow: hidden;
width: 98%;
text-overflow: ellipsis;
white-space: nowrap;
}
.search-filter .dropdownList {
width: inherit;
font-size: inherit;
}
.custom-search {
width: 300px !important;
height: 44px !important;
font-size: 18px !important;
font-family: 'DINProPl' !important;
font-weight: 500 !important;
}
@media only screen and (max-width : 1680px) {
.shop-categories-entries.float-left {
width: 74%;
}
}
@media only screen and (max-width : 1480px) {
.shop-categories-entries.float-left {
width: 72%;
}
}
@media only screen and (max-width : 1320px) {
.shop-categories-entries.float-left {
width: 70%;
}
}
@media only screen and (max-width : 1240px) {
.shop-categories-entries.float-left {
width: 68%;
}
}
@media only screen and (max-width : 1200px) {
.shop-card aside .shop-map-wrapper {
margin: 8rem 0 8.3rem;
}
.category,
.shop-categories-group,
.shop-categories.float-left {
width: 240px;
}
.shop-categories-entries.float-left {
width: 65%;
}
.shop-categories h2,
.shop-categories li {
font-size: 2rem;
line-height: 3.5rem;
}
}
@media only screen and (max-width : 1024px) {
.search-filter,
.shops-list .action-filter-box form {
float: none;
}
.category,
.shop-categories-group,
.shop-categories.float-left {
width: 220px;
}
.shop-categories-entries.float-left {
width: 55%;
}
}
@media only screen and (max-width : 768px) {
.shops-list .action-filter-box form {
float: none;
}
.category,
.shop-categories-group,
.shop-categories.float-left,
.shop-categories-entries.float-left,
.shop-categories .category {
width: 100% !important;
}
.shop-categories-group {
margin-left: 0;
margin-right: 0;
text-align: center;
}
.category ul {
padding-left: 0px;
}
.shop-categories h2,
.shop-categories ul li {
text-align: center;
}
}
@media only screen and (max-width : 480px) {
.search-filter {
width: 260px;
}
.search-filter span {
font-size: 14px !important;
}
.custom-search {
width: 260px !important;
font-size: 14px !important;
}
}
/* mapa
-----------------------------------------------------*/
.searchByName form {
float: left;
}
.floorChoose .search-filter {
float: right;
z-index: 11;
}
.categoryChoose .search-filter {
float: none;
}
@media only screen and (max-width : 1200px) {
header[role="banner"] .header-top-row .facebook-icon i,
.youtubesquare-icon i,
.facebook-icon i,
.instagram-icon i {
font-size: 25px;
}
.shop-card .shop-data dl dt {
font-size: 30px;
}
}
@media only screen and (max-width : 1024px) {
.searchByName form,
.categoryChoose .search-filter,
.floorChoose .search-filter {
float: none;
}
header[role="banner"] .header-top-row .facebook-icon i,
.youtubesquare-icon i,
.facebook-icon i,
.instagram-icon i {
font-size: 20px;
}
.shop-card .shop-data dl dd {
padding-top: 3.85rem;
}
}
@media only screen and (max-width : 480px) {
.map .map-data-wrapper .map-data-svg ul li svg {
height: 200px;
}
}
/* promocje
-----------------------------------------------------*/
.rential-actions {
overflow: visible;
}
.categoryFilter .search-filter {
float: none;
}
.align-middle {
text-align: center;
}
@media only screen and (max-width : 480px) {
.rential-actions {
padding: 0;
}
}
/* o galerii
-----------------------------------------------------*/
.cuprum {
width: 80%;
margin: 0 auto;
}
.cuprum * {
box-sizing: border-box;
}
.cuprum-data {
display: inline-block;
vertical-align: middle;
width: 45%;
padding: 0 10px;
}
@media only screen and (max-width : 768px) {
.cuprum,
.cuprum-data,
.cuprum-data table,
.cuprum-data-2 iframe,
.cuprum-data-2 object,
.cuprum-data-2 embed {
width: 100%;
}
.cuprum-data {
display: block;
margin: 0 auto;
}
.cuprum-data-2 {
overflow: hidden;
position: relative;
padding-bottom: 56.25%;
}
.cuprum-data-2 iframe,
.cuprum-data-2 object,
.cuprum-data-2 embed {
position: absolute;
top: 0;
left: 10px;
height: 100%;
}
}
/* homeboxes
-----------------------------------------------------*/
.cto-boxes-center {
text-align: center !important;
}
.cto-boxes-center .col-md-4 {
display: inline-block !important;
float: none !important;
}
@media only screen and (min-width : 1024px) {
.cto-boxes .cto-inner img {
max-width: 100%;
}
}
@media only screen and (max-width : 768px) {
.cto-boxes-center .col-md-4 {
display: block !important;
}
}
@media only screen and (max-width : 599px) {
.cto-boxes .cto-inner img {
height: auto;
}
}
/* reausable
-----------------------------------------------------*/
.list-none {
list-style: none;
padding-left: 20px;
}
.list-disc {
list-style: disc;
}
.list-circle {
list-style: circle;
}
.list-square {
list-style: square;
}
.list-decimal {
list-style: decimal;
}
.list-decimal-leading-zero {
list-style: decimal-leading-zero;
}
.list-lower-roman {
list-style: lower-roman;
}
.list-upper-roman {
list-style: upper-roman;
}
.list-lower-greek {
list-style: lower-greek;
}
.list-lower-latin {
list-style: lower-latin;
}
.list-upper-latin {
list-style: upper-latin;
}
/* dropdown
-----------------------------------------------------*/
.dropdown,
.dropdown span {
height: 43px;
}
/* plan
-----------------------------------------------------*/
.map-shop-list .result:hover {
cursor: pointer;
}
/* border specific
-----------------------------------------------------*/
.life-style--month .l-s-show-all .btn {
border-width: 2px;
}
header[role="banner"] .header-top-row form[role="search"] button,
.modal .modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.modal-dialog button.close,
.qtip-shop .qtip-close {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.main-slider .owl-controls .owl-dots .owl-dot span {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
/* background specific
-----------------------------------------------------*/
.main-slider,
.shop-slider {
background: url("../img/loading.gif") no-repeat center center;
}
.main-slider .owl-item .item,
.shop-slider .owl-item .item,
.news_img,
.news_view_img div,
.news_view_gallery a {
background-position: center center;
}
.main-slider .owl-item .item,
.shop-slider .owl-item .item,
.news_img,
.news_view_img div,
.news_view_gallery a {
background-repeat: no-repeat;
}
.main-slider .owl-item .item,
.shop-slider .owl-item .item,
.news_img {
-webkit-background-size: cover;
background-size: cover;
}
.events-list .cover-image,
.event-view .cover-image {
-webkit-background-size: contain;
background-size: contain;
}
.news_view_img div,
.news_view_gallery a {
-webkit-background-size: 150% auto;
background-size: 150% auto;
}
/* COLORS
===============================================================================*/
/* #008000 (green)
-----------------------------------------------------*/
.flash-success {
background: #008000;
}
/* #f3f2ed (green hue|narvik)
-----------------------------------------------------*/
.life-style-shops-list .shop-logo img,
.shops-list ul li .shop-logo img,
.shop-card .shop-jobs ul li,
.action-filter-box,
.article-view .article-view-documents ul li,
.qtip-shop ul li .shop-logo img {
border: 1px solid #f3f2ed;
}
.modal .rential-actions article .rential-actions-content,
.shop-card .shop-data dl dt,
.shop-card .shop-data dl dd {
border-top: 1px solid #f3f2ed;
}
.action-filter-box .a-f-b-wrapper p,
.category .title {
border-bottom: 1px solid #f3f2ed;
}
.last-events article h2:after,
.life-style-section article .life-style-data h2:after,
.rential-actions article .rential-actions-data h2:after,
.events-list header h1:after,
.event-view article header h1:after {
border-bottom: 2px dotted #f3f2ed;
}
.map .map-data-wrapper .map-data-list .map-shop-selected,
.searchByName.autoCompleteList .ui-autocomplete,
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element {
background: #f3f2ed;
}
/* #cc0000 (red)
-----------------------------------------------------*/
.errorMessage {
color: #ff0000;
}
.flash-error {
background: #ff0000;
}
footer[role="contentinfo"] .newsletter-box form input[type="text"].error {
border-color: #ff0000;
}
footer[role="contentinfo"] .newsletter-box form label.error span {
border-color: #ff0000 !important;
}
/* #ffe1e1 (violet hue|misty rose)
-----------------------------------------------------*/
footer[role="contentinfo"] .newsletter-box form input[type="text"].error {
background-color: #ffe1e1;
}
footer[role="contentinfo"] .newsletter-box form label.error span {
background-color: #ffe1e1 !important;
}
/* #666666 (grey hue|dim gray|medium)
-----------------------------------------------------*/
html,
body,
p,
span,
li,
h1,
.h1,
.last-events article .l-e-date,
.rential-actions article .rential-actions-content,
.rential-actions article .rential-actions-data .r-a-time time,
.shop-card .shop-data dl dt,
.shop-card .shop-description header h2,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data h4,
.article-view article,
.events-list article.isDone .event-status,
.events-list time,
.event-view time,
.new-shop_job-entry article,
.article-view.contact-page table td a,
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element,
.searchByName.autoCompleteList .ui-autocomplete li div,
.searchByName.autoCompleteList .ui-autocomplete li div span,
.youtube-icon:hover span,
.shop-categories-group .category .title,
.category a {
color: #666666;
}
.custom-search {
color: #666666 !important;
}
.article-view .article-view-gallery ul li .gallery-img-wrapper a:after {
background-color: rgba(102,102,102,0.4);
}
/* #8e8e8e (grey hue|suva grey|medium)
-----------------------------------------------------*/
footer[role="contentinfo"] .newsletter-box form input[type="checkbox"] + span {
border-color: #8e8e8e;
}
@media screen and (max-width: 600px) {
footer[role="contentinfo"] .hours-box .hours-box-single > h2:after {
color: #8e8e8e;
}
}
/* #7f817f (grey hue|boulder|medium)
-----------------------------------------------------*/
.action-filter-box .a-f-b-wrapper p {
color: #7f817f;
}
/* #a6a6a6 (grey hue|dark gray|medium)
-----------------------------------------------------*/
footer[role="contentinfo"] .newsletter-box form input[type="text"],
footer[role="contentinfo"] .newsletter-box form label,
footer[role="contentinfo"] .newsletter-box form label a {
color: #a6a6a6;
}
footer[role="contentinfo"] .newsletter-box form input[type="text"] {
border: 1px solid #a6a6a6;
}
/* #2a3032 (grey hue|cod grey|dark)
-----------------------------------------------------*/
h2,
.h2,
h4,
.h4,
header[role="banner"] .header-menu-row nav ul li a,
.cto-boxes .cto-inner span,
.last-events article h2 i,
.life-style-section .life-style-menu li a,
.life-style-section article .life-style-data h2 a,
.life-style-list .life-style-top-products .owl-item span,
.life-style-list .life-style-top-products .owl-carousel .owl-nav > div i,
.rential-actions article .rential-actions-data h2 a,
.shop-slider div[class^="shop-slider--nav"] i,
.shop-card .shop-jobs ul li h2 a,
.article-view .article-view-documents ul li h2 a,
.events-list header h1 i,
.event-view article header h1 i,
.modal .modal-header .close i {
color: #2a3032;
}
.main-slider .owl-controls .owl-dots .owl-dot span {
border: 2px solid #2a3032;
}
/* #373737 (grey hue|eclipse|dark)
-----------------------------------------------------*/
header[role="banner"] .header-top-row {
background-color: #373737;
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-menu-row nav ul li.active a,
header[role="banner"] .header-menu-row nav ul li a:hover {
background-color: #373737;
}
}
/* #333333 (grey hue|night rider|dark)
-----------------------------------------------------*/
.news_title a {
color: #333333;
}
footer[role="contentinfo"] .newsletter-box form button:hover {
background-color: #333333;
}
/* #363636 (grey hue|gondola|dark)
-----------------------------------------------------*/
footer[role="contentinfo"] .copyright-box {
border-top: 1px solid #363636;
}
/* #252525 (grey hue|nero|dark)
-----------------------------------------------------*/
footer[role="contentinfo"] .newsletter-box form button,
footer[role="contentinfo"] .info-box,
.middle-content-bg {
background-color: #252525;
}
footer[role="contentinfo"] .copyright-box {
-webi-box-shadow: 0px -1px 0px #252525;
-moz-box-shadow: 0px -1px 0px #252525;
-o-box-shadow: 0px -1px 0px #252525;
box-shadow: 0px -1px 0px #252525;
}
/* #c2c2c2 (grey hue|silver|light)
-----------------------------------------------------*/
footer[role="contentinfo"] .hours-box .hours-box-element span,
footer[role="contentinfo"] .copyright-box span,
footer[role="contentinfo"] .copyright-box span a,
footer[role="contentinfo"] .copyright-box nav ul li a {
color: #c2c2c2;
}
.hours-box-single ul {
border-left: 1px solid #c2c2c2;
}
@media screen and (max-width: 600px) {
.hours-box-single ul {
border-top: 1px solid #c2c2c2;
}
}
/* #dededd (grey hue|porcelain|light)
-----------------------------------------------------*/
.rential-actions article .rential-actions-img,
.modal .rential-actions article .rential-actions-img img,
.modal .shop-action-gallery .s-a-gallery-wrapper a,
.form-horizontal textarea {
border: 1px solid #dededd;
}
.modal .shop-action-gallery {
border-left: 1px solid #dededd;
}
@media screen and (max-width: 768px) {
.modal .shop-action-gallery {
border-top: 1px solid #dededd;
}
}
/* #ffffff (white)
-----------------------------------------------------*/
header[role="banner"] .header-top-row .facebook-icon i,
header[role="banner"] .header-menu-row .show-menu,
header[role="banner"] .header-menu-row .show-menu span,
.main-slider div[class^="main-slider--nav"] i,
.main-slider div[class^="main-slider--nav"]:hover i,
.shop-slider div[class^="shop-slider--nav"]:hover i,
.article-view .article-show-form,
.dropdown i:after,
.news_form_a,
.news_form_a:hover,
footer[role="contentinfo"] .newsletter-box p,
footer[role="contentinfo"] .newsletter-box h4,
footer[role="contentinfo"] .newsletter-box form button,
footer[role="contentinfo"] .hours-box .hours-box-single h2,
footer[role="contentinfo"] .hours-box .hours-box-element p,
#newsletter-modal .modal-header .close i,
#newsletter-modal .modal-body h2,
.frontFlashes li,
.lifestyle-button,
.qt-lifestyle,
.hours-box-single a {
color: #ffffff;
}
::selection,
::-moz-selection {
color: #ffffff;
}
.qtip-shop .qtip-close {
text-shadow: 0 1px 0 #ffffff;
}
.life-style-section article .life-style-data .l-s-shops span,
.life-style-shops-list .shop-category,
.rential-actions article .rential-actions-data .r-a-shop-category,
.shops-list ul li .shop-category,
.map .map-data-wrapper .map-data-list .map-shop-list ul li span,
.news_img,
.news_view_img,
.new-shop_job-entry .new-s_j-img-wrapper img {
border: 1px solid #ffffff;
}
.life-style-section .life-style-menu.l-s-submenu {
border-top: 1px solid #ffffff;
}
.news_title a,
.new-shop_job-entry article {
border-bottom: 1px solid #ffffff;
}
footer[role="contentinfo"] .newsletter-box form button {
border: 2px solid #ffffff;
}
.cto-boxes .cto-wrapper:hover {
border-color: #ffffff;
}
html,
body,
.main-slider .owl-controls .owl-dots .owl-dot span,
.shop-slider div[class^="shop-slider--nav"],
.map .map-data-wrapper .map-shop-info-element .map-shop-info-logo .map-shop-info-logo-wrapper,
.dropdownList,
.news_title,
.modal .modal-content article,
.searchByName.autoCompleteList .ui-autocomplete li div,
header[role="banner"] .header-top-row form[role="search"],
header[role="banner"] .header-top-row form[role="search"] input,
header[role="banner"] .header-top-row form[role="search"] button,
.qtip-shop,
.qtip-shop .qtip-close,
.dropdownList a span:hover,
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element:hover {
background-color: #ffffff;
}
.youtubesquare-icon,
.facebook-icon,
.instagram-icon {
background-color: #ffffff !important;
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-menu-row nav ul li a {
color: #ffffff;
}
header[role="banner"] .header-top-row {
background-color: #ffffff;
}
}
/* #000000 (black)
-----------------------------------------------------*/
.qtip-shop .qtip-close,
#newsletter-modal.modal-custom .modal-header .close i {
color: #000000;
}
.youtubesquare-icon i,
.facebook-icon i,
.instagram-icon i {
color: #000000 !important;
}
#newsletter-modal.modal-custom {
background: rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-menu-row nav {
-webkit-box-shadow: -3px 4px 20px #000000;
-moz-box-shadow: -3px 4px 20px #000000;
-o-box-shadow: -3px 4px 20px #000000;
box-shadow: -3px 4px 20px #000000;
}
}
/* transparent
-----------------------------------------------------*/
header[role="banner"] .header-top-row form[role="search"] button,
header[role="banner"] .header-top-row form[role="search"] input,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data .btn,
.frontFlashes,
header[role="banner"] .header-top-row,
.qt-lifestyle {
background-color: transparent;
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-top-row .open-hours {
background-color: transparent;
}
}
/* none
-----------------------------------------------------*/
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element,
.qt-lifestyle,
.video-button,
header[role="banner"] .header-top-row form[role="search"] button,
header[role="banner"] .header-top-row form[role="search"] input,
header[role="banner"] .header-menu-row .show-menu,
.modal .rential-actions article .rential-actions-img,
.article-view .article-show-form,
.article-view.contact-page table,
.searchByName.autoCompleteList .ui-autocomplete li div,
.lifestyle-button {
border: none;
}
.shop-card .shop-data dl dt:nth-child(1),
.shop-card .shop-data dl dd:nth-child(2) {
border-top: none;
}
.article-view.contact-page table td {
border-right: none;
}
.article-view.contact-page table td,
.modal .modal-header {
border-bottom: none;
}
header[role="banner"] .header-logo,
.video-button,
.jp-jplayer-button {
background: none;
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-menu-row nav ul li.active a,
header[role="banner"] .header-menu-row nav ul li a:hover {
border: none;
}
.modal .shop-action-gallery {
border-left: none;
}
}
@media screen and (max-width: 600px) {
.hours-box-single ul {
border: none;
}
}
/* #df4312 (orange hue|harley davidson orange)
-----------------------------------------------------*/
a,
a:hover,
a:active,
a:focus,
h5,
.h5,
.deco-title h1 strong,
.breadcrumbs ul li a:hover,
.breadcrumbs ul li:last-child,
.action-filter-box .a-f-b-wrapper .a-f-b-levels span em,
.category .title,
.qtip-shop ul li .shop-name a,
.qtip-shop .qtip-close .ui-icon,
.shop-categories-group .category.active .title,
.shops-list ul li .shop-name a,
.shops-list ul li .shop-name a:hover,
.shop-card .shop-data dl dd,
header[role="banner"] .header-top-row .open-hours i,
header[role="banner"] .header-top-row .open-hours span,
header[role="banner"] .header-top-row form[role="search"] input,
header[role="banner"] .header-top-row form[role="search"] button,
.events-list header h1 a,
.event-view .event-status,
.event-view article header h1 span,
.rential-actions article .rential-actions-data .r-a-category,
.rential-actions article .rential-actions-data h2 i,
.map .map-data-wrapper .map-data-list .map-shop-list h3,
.map .map-data-wrapper .map-data-list .map-shop-list ul li.active span,
.map .map-data-wrapper .map-data-list .map-shop-list ul li:hover span,
.rential-actions article .rential-actions-data h2 a:hover,
.rential-actions article .rential-actions-data .r-a-shop-category,
.rential-actions article .rential-actions-data .r-a-shop-category:hover,
.rential-actions article .rential-actions-data .r-a-shop-name,
.searchByName.autoCompleteList .ui-autocomplete li:hover div span,
.modal .modal-header .close:hover,
.modal .modal-header .close:hover i,
.new-shop_job-entry .new-s_j-img-wrapper .new-s_j-status,
.life-style-section article .life-style-data .l-s-category,
.life-style-section article .life-style-data h2 i,
.life-style-section article .life-style-data h2 a:hover,
.life-style-shops-list .shop-name a,
.life-style-shops-list .shop-category,
.article-view.contact-page table td:first-child,
.article-view table td span,
.events-list .event-status,
.last-events article .l-e-status,
.shops-list ul li .shop-category,
.shop-card .shop-jobs ul li h2 i,
.map .map-data-wrapper .map-shop-info-element .map-shop-info-data h3,
.article-view .article-view-documents ul li h2 i,
.article-view .article-view-gallery ul li .gallery-img-wrapper a:after,
.modal .shop-action-gallery .s-a-gallery-wrapper .document-element:hover,
.searchByName.autoCompleteList .ui-autocomplete li:hover span,
.youtube-icon span,
.shop-card .shop-jobs ul li h2 a:hover,
.article-view .article-view-documents ul li h2 a:hover,
footer[role="contentinfo"] .copyright-box span a:hover,
footer[role="contentinfo"] .copyright-box nav ul li a:hover {
color: #df4312;
}
header[role="banner"] .header-top-row form[role="search"] input::-webkit-input-placeholder,
header[role="banner"] .header-top-row form[role="search"] input:-moz-placeholder,
header[role="banner"] .header-top-row form[role="search"] input::-moz-placeholder,
header[role="banner"] .header-top-row form[role="search"] input:-ms-input-placeholder,
header[role="banner"] .header-top-row form[role="search"] input::-ms-input-placeholder {
color: #df4312 !important;
}
.btn-cuprum,
.btn-cuprum:hover,
.shop-slider,
.cto-boxes .cto-wrapper,
.article-view article .article-img,
.events-list article .article-img,
.events-list article.isDone .article-img,
.modal-dialog button.close,
.life-style-section article .life-style-img img,
.last-events .cover-image,
.searchByName.autoCompleteList .ui-autocomplete,
.life-style-list .life-style-top-products .owl-item img,
.last-events .event .last-event-img img,
.last-events .last-event-img video {
border: 1px solid #df4312;
}
.article-view table {
border-top: 1px solid #df4312;
border-left: 1px solid #df4312;
}
.article-view table td {
border-right: 1px solid #df4312;
border-bottom: 1px solid #df4312;
}
.dropdown,
.dropdownList,
.qtip-shop,
.qtip-shop .qtip-close {
border: 2px solid #df4312;
}
.custom-search {
border: 2px solid #df4312 !important;
}
header[role="banner"] .header-menu-row nav ul li.active a,
header[role="banner"] .header-menu-row nav ul li a:hover,
.life-style-section .life-style-menu li.active > a,
.life-style-section .life-style-menu li a:hover {
border-bottom: 3px solid #df4312;
}
.map .map-data-wrapper .map-data-list .map-shop-list ul li.active span,
.map .map-data-wrapper .map-data-list .map-shop-list ul li:hover span,
.article-view.contact-page table td,
.main-slider .owl-controls .owl-dots .owl-dot.active span {
border-color: #df4312;
}
.shop-card aside .shop-map-wrapper svg path[fill="#cd0000"] {
fill: #df4312;
}
@keyframes blink {
0% { fill: #df4312; }
50% { fill: #df4312; }
100% { fill: #df4312; }
}
@-webkit-keyframes blink {
0% { fill: #df4312; }
50% { fill: #666666; }
100% { fill: #df4312; }
}
.main-slider div[class^="main-slider--nav"],
.main-slider div[class^="main-slider--nav"]:hover,
.shop-slider div[class^="shop-slider--nav"]:hover,
header[role="banner"] .header-menu-row .show-menu,
#cookieAgreement,
.list-view .pager ul li.selected a,
.dropdown i::after,
.article-view .article-show-form,
.dropdown i:after,
.news_form_a,
.lifestyle-button {
background-color: #df4312;
}
::selection,
::-moz-selection {
background-color: #df4312;
}
@media screen and (max-width: 768px) {
header[role="banner"] .header-menu-row nav {
background-color: #df4312;
}
}