/*
Theme Name: BIG master theme
Author: kodepine.dk
Version: 0.1.2a
*/
@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,600,700&display=swap');
nav { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; padding: 30px 5vw 25px 5vw; width: 100vw; margin: 0px auto 0px auto; overflow: hidden; height: auto; z-index: 1000; clear: both; }

@media screen and (max-width: 620px) { nav { padding:0; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0px; top: 0px; } }

nav a, nav a:link, nav a:visited { color: black !important; text-decoration: none !important; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }

nav .active a:link, nav .active a { color: white !important; }

.spacer { height: auto; width: 100%; display: block; position: relative; margin-bottom: 160px; }

@media screen and (max-width: 620px) { .spacer { margin-bottom: 40px; } }

@media screen and (max-width: 620px) { nav a { border-bottom: 1px solid #333; display: block; width: 100%; padding: 5px 0px; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.mega-menu-outer { left: 0; margin: 0px auto 0px auto; width: 100%; height: auto; z-index: 10000; position: absolute; overflow: hidden; display: none; }

@media screen and (max-width: 620px) { .mega-menu-outer { position: relative; } }

.mega-menu-content { background-color: white; color: white; max-width: 90vw; margin: 20px auto; padding: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

@media screen and (max-width: 620px) { .mega-menu-content { padding: 0px 20px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.mega-menu-items h5 { border-bottom: 1px solid #ddd; margin-right: 15px; margin-bottom: 10px; padding-bottom: 10px; }

@media screen and (max-width: 620px) { .mega-menu-items h5 { padding-top: 10px; border-top: 1px solid #ddd; } }

@media screen and (max-width: 620px) { .mega-menu-items h5:first-child { border-top: 0px solid #ddd; } }

.mega-menu-items { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; color: black; }

@media screen and (max-width: 620px) { .mega-menu-items { margin-bottom: 20px; } }

.mega-menu-items a, .mega-menu-items a:link, .mega-menu-items a:visited { color: black !important; display: block; font-size: 80%; padding: 0; }

.mega-menu-outer a { border-bottom: 0px solid #ddd !important; }

.active, .active-mega-menu { border-bottom: 1px solid black; font-weight: bold; }

.nav-second-level-container { background-color: #fff; max-width: 80vw; margin: 0 auto; margin-bottom: 5px; font-size: 1.2em; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

.nav-second-level-head { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }

.nav-second-level ul > li { padding: 20px 0px; margin-right: 50px; color: black; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.nav-social-media { margin-top: -4px; }

@media screen and (max-width: 620px) { .nav-social-media { margin-top: 10px; } }

* { margin: 0; padding: 0; }

@media screen and (min-width: 621px) { #nav-icon-container { visibility: hidden; display: none; } }

@media screen and (max-width: 620px) { #nav-icon-container { visibility: visible; display: run-in; } }

#nav-icon { width: 60px; height: 25px; position: relative; margin: 10px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#nav-icon span { display: block; position: absolute; height: 7px; width: 100%; background: #333; border-radius: 10px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon span:nth-child(1) { top: 0px; }

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 16px; }

#nav-icon span:nth-child(4) { top: 32px; }

#nav-icon.open span:nth-child(1) { top: 16px; width: 0%; left: 50%; }

#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

@media screen and (max-width: 620px) { #nav.js { display: none; } }

@media screen and (min-width: 621px) { #menu { display: none; } }

.tabs { display: block; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 0; overflow: hidden; background-color: white; }

.tabs [class^="tab"] label, .tabs [class*=" tab"] label { color: #efedef; cursor: pointer; display: block; font-size: 1.1em; font-weight: 300; line-height: 1em; padding: 2rem 0; text-align: center; }

.tabs [class^="tab"] [type="radio"], .tabs [class*=" tab"] [type="radio"] { border-bottom: 1px solid rgba(239, 237, 239, 0.5); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus, .tabs [class*=" tab"] [type="radio"]:hover, .tabs [class*=" tab"] [type="radio"]:focus { border-bottom: 1px solid #fd264f; }

.tabs [class^="tab"] [type="radio"]:checked, .tabs [class*=" tab"] [type="radio"]:checked { border-bottom: 2px solid #fd264f; }

.tabs [class^="tab"] [type="radio"]:checked + div, .tabs [class*=" tab"] [type="radio"]:checked + div { opacity: 1; }

.tabs [class^="tab"] [type="radio"] + div, .tabs [class*=" tab"] [type="radio"] + div { display: block; opacity: 0; padding: 2rem 0; width: 90%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.tabs .tab-2 { width: 33%; }

.tabs .tab-2 [type="radio"] + div { width: 200%; margin-left: 200%; }

.tabs .tab-2 [type="radio"]:checked + div { margin-left: 0; }

.tabs .tab-2:last-child [type="radio"] + div { margin-left: 100%; }

.tabs .tab-2:last-child [type="radio"]:checked + div { margin-left: -100%; }

@font-face { font-family: 'fontello'; src: url("../fonts/fontello/fontello.eot"); src: url("../fonts/fontello/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff2") format("woff2"), url("../fonts/fontello/fontello.woff") format("woff"), url("../fonts/fontello/fontello.ttf") format("truetype"), url("../fonts/fontello/fontello.svg#fontello") format("svg"); font-weight: normal; font-style: normal; }

h1 { font-family: 'Rajdhani', sans-serif; font-weight: 900 !important; font-variant: normal; text-transform: uppercase; letter-spacing: 0.0625em; font-size: 3em !important; line-height: 1.3em; padding: 0px; display: block; }

h2 { font-family: 'Rajdhani', sans-serif; font-weight: 700 !important; text-transform: uppercase; font-variant: normal; letter-spacing: 0.0625em; font-size: 1.2em !important; display: block !important; margin-bottom: 0.8em !important; }

h3, h4, h5 { font-family: 'Rajdhani', sans-serif; font-weight: 400 !important; font-variant: normal; text-transform: none; font-size: 1.5em !important; }

h5 { font-size: 1em !important; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { background-color: white; font-family: 'Rajdhani', sans-serif; font-size: 12px !important; font-weight: 400; line-height: 1.9em; padding: 0; margin: 0; overflow-x: hidden; }

body a, body a:link, body a:visited { color: black; text-decoration: underline; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { body { font-size: 18px; } }

header { background-color: white; position: fixed; z-index: 10000; border-bottom: 2px solid black; width: 100vw; height: 150px; padding: 10px 5vw 0px 5vw; background-repeat: no-repeat; background-size: contain; }

@media screen and (max-width: 620px) { header { height: auto; background-position: center; position: relative; border-bottom: 1px solid black; padding:0; } }

header .top-bar-outer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: top; -ms-flex-align: top; -webkit-align-items: top; -moz-align-items: top; align-items: top; }

@media screen and (max-width: 620px) { header .top-bar-outer { flex-wrap:wrap; padding-left: 0px; margin-bottom: 0px; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

header .top-bar-link-no-underline { text-decoration: none !important; }

header .top-bar-opening-hour { font-size: 1.5em; font-weight: bold; text-transform: uppercase; }

header .top-bar-opening-hour img { max-width: 50px; display: block; margin: 0 auto 15px auto; }

header .top-bar-logo img { max-height: 80px; }

@media screen and (max-width: 620px) { header .top-bar-logo img { max-height: 60px; } }

header #nav{ display:none; }

@media screen and (max-width: 620px){

  header div.top-bar-logo{
    order:-3;

    flex: 1 0 50%;
    
    padding:1.5rem 5vw;
  }
  header span.top-bar-logo img{
    transform: translateX(-5%);/*Image transparency fix. The logo doesn't start at X:0 */
  }

  header #nav-icon-container{
    order:-2;

    padding-right: 8vw;
    display: flex;
    align-items: center;
  }
  #nav-icon{
    height:40px;
  }

  header #nav{
    order:-1;
    
    border-top: 1px solid black;
  }

  header:not(.front) .top-bar-opening-hour,
  header:not(.front) .top-bar-parking {
    display:none;
  }
  header .top-bar-opening-hour,
  header .top-bar-parking {
    flex: 1 0 50%;
    

    padding:1rem 0;
  }
  .spacer:not(.front) {
    display:none !important;
  }
  header .top-bar-opening-hour{
    border-right:1px solid black;
    border-top:1px solid black;
  }
  header .top-bar-parking{
    border-top:1px solid black;
  }
  #bnav{
    display:none;
  }
  nav a:last-of-type{
    border-bottom:0px;
  }
  nav a, nav a:link, nav a:visited {
    font-size:1.125rem;
    font-weight: 700;
  }
  nav a div{
    padding:1rem 5vw;
  }

}
header .top-bar-title,
header .top-bar-content{
  text-align:center;
}
header .top-bar-title{
  font-size: 1.125rem;
  font-weight: 700;

  display: block;
}
header .top-bar-content{
  font-size: 1rem;
  font-weight: 400;

  display:block;
}
header .top-bar-content>span{
  font-weight:700;

  /*display: block;*/
}
header .top-bar-content>span:before{
  content: '\A';
  white-space: pre;
}

header .top-bar-parking { font-weight: bold; text-transform: uppercase; text-align: center; }

header .top-bar-parking strong { display: block; font-size: 1.6em; margin-bottom: 5px; }

header .top-bar-parking img { max-width: 50px; display: block; margin: 0 auto 15px auto; }

header .logo-mb img { width: 70px; }

header .logo-mb { margin-right: 30px; margin-top: -15px; height: auto; display: inline-block; }

header .logo-claim img { width: 170px; height: 30px; display: inline-block; margin-top: -15px; }

@media screen and (max-width: 620px) { header .logo-claim img { display: none; visibility: hidden; } }

header .logo-claim { margin-right: 0px; }

header .logo-cph { width: 160px; height: 28px; margin-left: 5px; display: inline-block; }

@media screen and (max-width: 620px) { header .logo-cph { float: right; } }

header .logo-van-pro { width: 160px; height: 28px; display: inline-block; border-right: 1px solid black; padding-right: 10px; }

@media screen and (max-width: 620px) { header .logo-van-pro { border-right: 0px solid black; padding-right: 0px; float: right; } }

/* Footer */

footer { 
  width:100%;

  padding: 3.25rem 5vw;
}

.footer-container{
  display:flex;

  flex-direction: row;
  flex-wrap: wrap;
}
 
.footer-col{
  width:100%;
}

.footer-col--logo img{
  height:60px;

  transform:translateX(-5%);
}
.footer-col--logo a{
  display:block;
}
.footer-col--logo a.no-decoration{
  text-decoration: none;
}
.footer-col--logo span{
  font-size:0.875rem;

  clear:both;

  padding-top:1rem;
  padding-right:40%;
  display:block;
}
.footer-col--title{
  font-size:1.125rem;
  font-weight: 700;
  text-transform: uppercase;

  border-bottom:2px solid #000;

  padding-bottom: 1rem;
}
footer nav{
  display:block;
  
  padding:1rem 0;

  width:auto;
}

footer nav a{
  border-bottom:0;
}

footer .nav-social-media{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
footer .nav-social-media a+a{
  padding-left:1rem;
}
footer .footer-col--content{
  padding-top:1.5rem;
  padding-bottom:1.5rem;

  font-size:1.125rem;
  text-transform: uppercase;

  line-height: 1.43rem;
  letter-spacing: 1.1;
}

footer nav div{
  font-size:1rem;
  font-weight:600;

  padding-top:0.5rem;
  padding-bottom:0.5rem;

  padding-left:0;
  padding-right:0;
}
@media (max-width:620px){
  .footer-col:not(:first-of-type){
    padding-top:2rem;
  }
}
@media all and (min-width: 621px) and (max-width:991px){
  .footer-col:nth-of-type(n+3){
    padding-top:2rem;
  }
}
@media all and (min-width: 621px) {
  .footer-col{
    width:50%;
  }

  .footer-col--logo img{
    height:80px;
  }
  .footer-col--logo span{
    padding-right:10%;
  }
  .footer-col:nth-child(even){
    padding-left:0.5rem;
  }
  .footer-col:nth-child(odd){
    padding-right:0.5rem;
  }
}

@media all and (min-width: 992px) {
  .footer-col{
    width:25%; 
  }
  .footer-col--logo span{
    padding-right:10%;
  }
  .footer-col:not(:first-of-type):not(:last-of-type){
    padding-right:0.5rem;
    padding-left:0.5rem;
  }
  .footer-col:last-of-type{
    padding-left:0.5rem;
  }
  .footer-col:first-of-type{
    padding-right:0.5rem;
  }
}
@media all and (min-width: 1200px) {
  .footer-col--logo span{
    padding-right:40%;
  }
}
/* Footer end */

/* CTA */

.fw-container{
  width:100%;
  height:373px;

  display:flex;
  align-items: center;
  justify-content: center;

  position:relative;
}
.fw-container .fw-background{
  object-fit: cover;

  position:absolute;

  width:100%;
  height:100%;

  z-index: -1;
}

.cta-content{
  text-align: center;

  font-size:2.25rem;
  color:#fff;

  font-weight: 700;
  text-transform: uppercase;
  line-height:2.875rem;
}
.cta-text{
  padding-bottom:1.2rem;
}
.cta-button{
  font-size:1.125rem;

  border:2px solid #fff;
  padding:0.8rem 2.5rem;

  display:inline;
  clear:both;

  cursor: pointer;
}
.cta-button:hover{
  background:#fff;
  color:#000;
}

/* end CTA */

/* Three Cols */

.tc-container{
  width:100%;

  padding:0 5vw;

  display:flex;
  flex-direction: row;
  flex-wrap: wrap;

  justify-content: center;

  background: #fff;
}

.tc-col{
  width:100%;

  text-align:center;

  padding:3rem 2rem;
}

.tc-col *{
  text-transform: uppercase;
}

.tc-col--title{
  font-size:1.125rem;
  font-weight:700;

  padding-top:1rem;
}

.tc-col--text{
  font-size:1rem;

  padding-top:1rem;

  line-height: 1.25rem;
}

@media all and (min-width: 768px) {
  .tc-col{
    width:33.333333%;
  }
}

/* @media all and (min-width: 992px) {
  .tc-col{
    width:25%;
  }
} */

/* end Three Cols */

/* Stores Carousel */

.gray-area{
  background:#f2f2f2;
  width:100%;
}

.nobg{
  background:transparent;
}
.carousel-container{
  width:100%;

  display:flex;
  flex-direction: row;
}
.carousel-container .col{
  width:33.33333%;
  padding:1rem 0.8rem;
}
.carousel-container .card{
  background: #fff;
  width:100%;

  overflow: hidden;

  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.carousel-container .card .card-image{
  width:100%;
  
  position: relative;
}

.carousel-container .card .card-image:before{
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 56%;
}

.carousel-container .card .card-image:after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}

.carousel-container .card .card-image img{
  position: absolute;
  object-fit: cover;
  width:100%;
  height:100%;
}

.carousel-container .card .card-name{
  font-size: 1.125rem;

  font-weight:400;
  text-transform: uppercase;

  text-align: center;

  padding:40px 0;
}

.carousel-container .card .card-button{
  text-align: center;

  padding:10px 0 60px 0;
}
.carousel-container .card .card-button a{
  border: 2px solid #979797;
  padding:0.8rem 2.5rem;

  text-transform: uppercase;
  font-size:1.125rem;
  
  text-decoration: none;
}
.carousel-container .card .card-button a:hover{
  background:#979797;
  color:#fff;
}

@media (max-width:991px){
  .nopad{
    padding:0;
  }

  .prev-arr.sc,
  .next-arr.sc{
    display:none;
  }
}

@media (min-width:992px){
  .nopad{
    padding-left:calc(5vw - 0.8rem);
    padding-right:calc(5vw - 0.8rem);
  }
}

.nopad{
  position:relative;
}

.prev-arr,
.next-arr{
  position:absolute;
  
  top:50%;
  
  transform: translateY(-50%);
}

.prev-arr:after,
.next-arr:after{
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  content: '';
  display: inline-block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;

  border-color:#959198;
}

.prev-arr{
  left:calc(5vw - 0px);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.next-arr{
  right:calc(5vw - 0px);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.stores-carousel{
  padding-top:3rem;
  padding-bottom:3rem;
}

.explore-more{
  position:absolute;

  top:2rem;
  left:calc(5vw + 1rem);

  font-size:1.125rem;
  font-weight: 700;

  text-transform: uppercase;
}
.explore-more a{
  text-decoration: none !important;
}
.explore-more .next-arr{
  right:-0.2rem;
}
.explore-more .next-arr:after{
  width:8px;
  height:8px;

  border-color: #000;
  border-width: 1.5px;
}

/* EoS */

/* PFP content */
.white-container{
  width:100%;
  min-height:300px;

  background: #fff;

  display:flex;
  flex-direction: row;

  overflow: hidden;
  flex-wrap: wrap;
}
.white-container-image,
.white-container-content{
  width:100%;
}

.white-container-content{
  padding:4rem 2rem;

  display:flex;
  flex-direction: column;
}
.white-container .content-text--title{
  display:block;

  line-height: 2rem;
  font-size:2.25rem;

  font-weight: 700;

  padding-bottom:2rem;
}
.white-container .content-text--content{
  display:block;
  flex-grow: 1;
  /* font-family: Rajdhani; */
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 1.1px;
}


.white-container-image img{
  width:100%;
  height:100%;
}

.pfp-container{
  padding-top:2rem;
  padding-bottom:1rem;
}
.white-container-content a.button{
  border: 2px solid #979797;
  padding:0.8rem 2.5rem;

  text-transform: uppercase;
  font-size:1.125rem;
  
  text-decoration: none;

  display:inline-block;

  margin-top:1rem;
}

  .white-container{
    -webkit-border-top-left-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topleft: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-left-radius: 90px;
    border-bottom-right-radius: 90px;
  }
@media (min-width:992px){

  .white-container-image{
    width:58%;
  }

  .white-container-content{
    width:42%;
  }
}

/* EOS */

/* Stores Catalogue */

.stores-filter{
  display:flex;

  flex-direction: row;
  flex-wrap: wrap;

  width:100%;
}

@media (min-width:621px){
  .stores-filter>div+div{
    padding-left:3rem;
  }
}

.stores-filter>div{
  display:flex;

  align-items: center;
}

.stores-catalogue{
  display:flex;

  flex-wrap: wrap;

  margin-left:-0.71rem;
  margin-right:-0.71rem;
}

.stores-catalogue .store-space{
  width:100%;

  padding:1rem 0.71rem;
}

.stores-catalogue .store-space .store-item{
  background: #fff;

  overflow: hidden;
  padding:1.75rem 1.5rem;
  padding-top: 3vw;
    padding-bottom: 3vw;
  
}

.store-item .store-item--title{
  font-size: 1.5rem;
  font-weight: 600;
  
  line-height: 1.2rem;
  
  color: #333;
  
  white-space: normal;

  padding-bottom:2rem;
}
.store-item .store-item--logo{
  height:100px;
}
.store-item .store-item--logo img{
  object-fit: contain;

  width:100%;
  height:100%;
}
.store-item .store-item--bottom{
  border-top:3px solid #333;

  margin-top:0.75rem;
  padding-top:0.5rem;

  font-size:0.825rem;

  display:flex;
  flex-direction: row;

  justify-content: space-between;
}
.stores-filter select{
  background:#fff !important;

  font-size:1.125rem !important;
  font-weight: 400 !important;
  color:#000;

  padding: 0.8125rem 2rem !important;

  text-transform:uppercase;
  text-align:center;

  position:relative !important;
  
  border-radius:0 !important;
  outline:0;
}
.stores-filter-name{
  position:relative;
}
.stores-filter-name:after{
  content:"";

  position:absolute;

  right:1rem;
  top:50%;

  transform: translateY(-50%);

  width:23px;
  height:23px;

  background: url(./img/assets/magn-glass.png);
  background-size:contain;
  background-repeat:no-repeat;
}

.stores-filter select:focus{
  outline:0;
}

.stores-filter select::-ms-expand {
  display: none;
}

.stores-filter-categories{
  position:relative;
  padding-left:350px;
}

.stores-filter-categories:after {
  content:"";

  -webkit-transform: rotate(45deg) translate(-50%,-50%);
  -moz-transform: rotate(45deg) translate(-50%,-50%);
  -ms-transform: rotate(45deg) translate(-50%,-50%);
  transform: rotate(45deg) translate(-50%,-50%);
  
  position:absolute;
  right:1rem;
  top:50%;

  pointer-events: none;

  width:10px;
  height:10px;

  border-right:2px solid #333;
  border-bottom:2px solid #333;
}
.stores-filter-categories.flip:after {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.stores-filter input[type="text"]{
  color:#959190;
  font-size:1.125rem;

  text-transform: uppercase;

  font-family:'Rajdhani', sans-serif !important;

  background: transparent;
  border: 0;
  border-bottom: 1px solid #000;

  width:390px;

  padding:0.8rem 4rem 0.8rem 0rem;
}
.stores-filter input[type="text"]:focus{
  outline:0;
}

@media (min-width:621px){
  .stores-catalogue .store-space{
    width:50%;
  }

  .stores-catalogue .store-space .store-item{
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
@media (min-width:992px){
  .stores-catalogue .store-space{
    width:33.333333%;
  }
  .stores-catalogue{
    min-height:500px;
  }
}


@media (max-width:620px){
  .stores-filter-categories,
  .stores-filter-name,
  .stores-filter input[type="text"] {
    width:100%;
  }
  .stores-filter input[type="text"]{
    padding-left:2rem;
    padding-right:2rem;
  }
}
@media (min-width:621px) and (max-width:991px){
  .stores-filter-categories,
  .stores-filter-name{
    width:50%;
  }
  .stores-filter-categories{
    padding-right:0.71rem !important;
  }
  .stores-filter-categories:after{
    right:1.71rem;
  }
  .stores-filter-name{
    padding-left:0.71rem !important;
  }
}
.stores-catalogue a{
  text-decoration: none !important;
}

.stores-catalogue{
  padding-top:2rem;
  padding-bottom:3rem;
}

/* EOSC */

.stores-filter-drop-down{
  position:absolute;
  left:0%;
  top:50%;
  transform: translateY(-50%);
}

.stores-filter-drop-down .selected a{
  background:#fff no-repeat scroll right center;
  display:block; 

  width:350px;
  text-decoration:none;
  color:#000;
  text-align:center;
  font-weight: 600;

  padding:0.375rem 0.5rem !important;
}

@media (max-width:991px){
  .stores-filter-drop-down .selected a{
    width:100%;
  }
  .stores-filter-drop-down{
    z-index:9;
    right:0.71rem;
  }
  .stores-filter-categories {
    padding-left:0;
  }
  .stores-filter-categories:after {
    z-index: 10;
  }
}

@media (max-width:620px){
  .stores-filter-categories {
    padding-bottom:3rem;
  }
  .stores-filter-drop-down{
    right:0;
  }
}

.stores-filter-categories.flip .stores-filter-drop-down .selected a{
  font-weight:700;
}

.stores-filter-categories.flip .stores-filter-drop-down .selected{
  border:1px solid black;
  border-bottom:0;
}

.stores-filter-drop-down .selected a span{
  cursor:pointer; 
  display:block; 
  padding:5px;
}

.stores-filter-drop-down .option{
  position:relative; 
}
.stores-filter-categories.flip .stores-filter-drop-down .options ul{
  border:1px solid black;
  border-top:0;
}

.stores-filter-drop-down .options ul{
  background:#fff none repeat scroll 0 0;               
  display:none;
  list-style:none; 
  padding:0;
  position: absolute;
  left: 0px;
  right: 0;
  top: calc(1.125rem + 10px + 0.375rem + 0.28rem + 0.375rem);
  width:auto; 
  min-width:170px;
}

.stores-filter-drop-down .selected span.value, .stores-filter-drop-down .options span.value{
  display: none;
}

.stores-filter-drop-down .options ul li a{
  padding:calc(0.375rem + 5px) 2rem !important;
  display:block;
  text-align: center;
  text-decoration:none;
  font-weight: 600;
  color:#000;
  font-size:1rem;
}

.stores-filter-drop-down .options ul li a:hover{
  background:#027485;
  color:#fff;
  transition:0.2s ease;
}

.stores-filter-drop-down {
  font-size:1.125rem;

  text-transform: uppercase;
}


img { border: 0; }

.align-right { float: right; }

.white-bg { background-color: white; }

.splash { background-color: #eee; padding: 20px 20px; margin: 10px 0px; border-radius: 2px; text-align: center; font-size: 1.1em; }

.spacer { display: block; height: 30px; }

.shop-info-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.shop-info-content { margin: 20px 120px 40px 120px; }

@media screen and (max-width: 620px) { .shop-info-content { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.shop-info-text-title { margin: 80px 0px 0px 120px; }

.shop-info-header h2 { display: block; width: 100%; color: white; margin: 10% 0px 0px 0px; border: 0 !important; }

.shop-info-top-banner { background-color: red; height: auto; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.shop-info-items-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: no wrap; -moz-flex-wrap: no wrap; -ms-flex-wrap: no wrap; flex-wrap: no wrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

@media screen and (max-width: 620px) { .shop-info-items-container { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.shop-info-items { -webkit-flex-basis: 33%; -moz-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; box-sizing: content-box; overflow: hidden; padding: 0 5%; }

@media screen and (max-width: 620px) { .shop-info-items { width: 100%; margin-bottom: 20px; max-width: 90%; } }

.shop-info-items { border-left: 3px solid black; }

.shop-info-items:nth-child(even) { margin-right: 5%; }

.shop-info-category a:link { font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; }

.shop-info-title { display: block; margin-top: 1em; margin-bottom: 4em; }

@media screen and (max-width: 620px) { .shop-info-logo { max-width: 200px; } }

.shop-info-some { margin-top: 20px; }

.shop-info-some-facebook, .shop-info-some-instagram, .shop-info-some-twitter { background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 7px; float: left; }

.shop-info-time { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: no wrap; -moz-flex-wrap: no wrap; -ms-flex-wrap: no wrap; flex-wrap: no wrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-basis: 33%; -moz-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; text-transform: uppercase; font-size: 0.9em; line-height: 2em; letter-spacing: 0.0625em; }

.shop-info-time-items-day { min-width: 33%; }

.shop-info-related-items { float: left; text-align: center; margin-right: 5px; background-color: #ddd; padding: 15px; margin-bottom: 5px; width: 150px; height: 150px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.shop-info-related-items a { text-decoration: none !important; }

.shop-info-related-logo { height: 80px; overflow: hidden; }

.shop-info-related-logo img { margin: auto; display: block; max-width: 80px; max-height: 80px; }

.filtr-control-container-outer { height: auto !important; background-color: #ddd; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; padding: 3vw; width: 90vw; margin: 0 5vw 30px 5vw; }

.filtr-control-container { height: auto !important; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; margin: 0 auto; margin-bottom: 30px; }

.filtr-button { float: left; padding: 5px 10px 10px 10px; background-color: rgba(255, 255, 255, 0.9); margin: 2px; height: 30px; min-width: 100px; text-align: center; cursor: pointer; }

.filtr-container { width: 90vw; margin: 0 auto; background-color: #ddd; overflow: hidden; }

.filtr-item-outer { padding: 1vw 2vw; background-color: white; width: 28vw; height: auto; overflow: hidden; border-bottom: 1vw solid #ddd; border-right: 1vw solid #ddd; }

@media screen and (max-width: 620px) { .filtr-item-outer { width: 90vw; } }

.filtr-item-img { margin: -10px auto 10px auto; height: 100px; width: 100px; overflow: hidden; text-align: center; }

.filtr-item-img img { max-height: 100px; width: auto; }

.filtr-item-open { color: #333; font-weight: normal; font-size: 1.1em; border-top: 3px solid #333; padding-top: 10px; clear: both; }

@media screen and (max-width: 620px) { .filtr-item-open { width: 90%; } }

.filtr-item-title { font-size: 2em; line-height: 1.2em; min-height: 60px; vertical-align: bottom; color: #333; overflow: hidden; white-space: normal; }

.filtr-item img { width: 150px; }

.item-desc { background-color: rgba(0, 0, 0, 0.5); color: #333; position: absolute; text-transform: uppercase; text-align: center; padding: 1rem; z-index: 1; bottom: 1rem; left: 1rem; right: 1rem; }

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li { color: white; cursor: pointer; display: inline-block; text-transform: uppercase; padding: 1rem 2rem; }

.simplefilter li { background-color: #585858; }

.simplefilter li.active { background-color: #212121; }

.multifilter li { background-color: #4b9eff; }

.multifilter li.active { background-color: #2265b4; }

/* Shuffle and sort controls */
select { padding: 1rem 1rem; text-transform: uppercase; }

.sortandshuffle .shuffle-btn { background-color: #dec800; }

.sortandshuffle .sort-btn { background-color: #de0000; }

.sortandshuffle .sort-btn.active { background-color: #9d0000; }

/* Search control */
.search-row { margin-left: 2.5rem; }

.filtr-search { padding: 0.5rem; text-transform: uppercase; }

section { overflow: hidden; width: 100%; margin: 0 auto; padding: 0 5vw; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }

@media screen and (max-width: 620px) { section { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; max-width: 100vw; justify-content: center; } }

.section { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-color: grey; position: relative; height: auto; }

.section-shop-top-banner { background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center; height: 384px; }

/* .section-shop-info { margin-top: 5vw; } */

.section-shop-related { background-color: #eee; padding: 3vw 5vw; margin-top: 5vw; }

.section-shop-map { width: 100%; overflow: hidden; background-color: transparent; background-size: contain; background-position: top; background-repeat: no-repeat; height: 1200px; }

@media screen and (max-width: 620px) { .section-shop-map { background-size: contain; background-position: top; height: 240px; } }

.section-shop-map-title { margin-top: 50px; font-size: 2.5em !important; }

@media screen and (max-width: 620px) { .section-shop-map-title { margin-top: 20px; font-size: 1.5em !important; } }

.section-google-maps { margin-bottom: 40px; }

.text-container { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin: 120px 120px 100px 120px; }

@media screen and (max-width: 620px) { .text-container { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.text-container-layout-01, .text-container-layout-02, .text-container-layout-03, .text-container-layout-04, .text-container-layout-05, .text-container-layout-06 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; justify-content: center; max-height: 1000px; }

@media screen and (max-width: 620px) { .text-container-layout-01, .text-container-layout-02, .text-container-layout-03, .text-container-layout-04, .text-container-layout-05, .text-container-layout-06 { order: 2 !important; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 40px; } }

@media screen and (max-width: 620px) { .text-container-layout-07, .text-container-layout-08, .text-container-layout-09, .text-container-layout-video { width: 80% !important; margin: 10% !important; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 40px; }
  .text-container-layout-07 .text-wrapper, .text-container-layout-08 .text-wrapper, .text-container-layout-09 .text-wrapper, .text-container-layout-video .text-wrapper { columns: 1 !important; } }

@media screen and (max-width: 620px) { .text-container-layout-fordele { width: 90% !important; margin: 5% !important; margin: 40px; }
  .text-container-layout-fordele .text-items { width: 100% !important; } }

.text-container-layout-01 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.text-container-layout-02 { order: 1; -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; }

.text-container-layout-02 .text-wrapper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px outset #4cc5f7; -moz-column-rule: 1px outset #4cc5f7; column-rule: 1px outset #4cc5f7; }

@media screen and (max-width: 620px) { .text-container-layout-02 .text-wrapper { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px; -moz-column-rule: 0px; column-rule: 0px; } }

.text-container-layout-03 { order: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.text-container-layout-03 .text-wrapper { columns: 1; }

.text-container-layout-04 { order: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.text-container-layout-04 .text-wrapper { columns: 2; }

.text-container-layout-05 { order: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.text-container-layout-05 .text-wrapper { columns: 1; }

.text-container-layout-06 { order: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.text-container-layout-06 .text-wrapper { columns: 1; }

.text-container-layout-07 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; width: 80%; margin: 10% 10% 10% 120px; z-index: 100; }

.text-container-layout-07 .text-wrapper, .text-container-layout-07 .text-title { color: white; }

.text-container-layout-07 .text-title h1:before { background-color: white; }

.text-container-layout-07 .btn { background-color: white; color: #4cc5f7 !important; }

.text-container-layout-08 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.text-container-layout-08 .text-wrapper, .text-container-layout-08 .text-title { color: white; }

.text-container-layout-08 .text-title h1:before { background-color: white; }

.text-container-layout-08 .btn { background-color: white; color: #4cc5f7 !important; }

.text-container-layout-08 .text-wrapper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px outset #ffffff; -moz-column-rule: 1px outset #ffffff; column-rule: 1px outset #ffffff; }

@media screen and (max-width: 620px) { .text-container-layout-08 .text-wrapper { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px; -moz-column-rule: 0px; column-rule: 0px; } }

.text-container-layout-09 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; width: 40%; z-index: 100; }

.text-container-layout-09 .text-wrapper, .text-container-layout-09 .text-title { color: white; }

.text-container-layout-09 .text-title h1:before { background-color: white; }

.text-container-layout-09 .btn { background-color: white; color: #4cc5f7 !important; }

.text-container-layout-video { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.text-container-layout-video .text-wrapper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; -webkit-column-rule: 1px outset #4cc5f7; -moz-column-rule: 1px outset #4cc5f7; column-rule: 1px outset #4cc5f7; }

@media screen and (max-width: 620px) { .text-container-layout-video .text-wrapper { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; -webkit-column-rule: 0px; -moz-column-rule: 0px; column-rule: 0px; } }

.text-container-layout-fordele { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: auto; margin: 5% 40px; }

.text-container-layout-fordele .text-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.95); padding: 0px 60px 20px 80px; }

.text-container-layout-fordele .text-title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: rgba(255, 255, 255, 0.95); padding: 80px 0px 20px 80px; }

.text-container-layout-fordele .text-title h1:before { background-color: black; }

.text-container-layout-fordele .btn { background-color: black; color: #4cc5f7 !important; }

.text-container-layout-fordele .text-items { padding: 0px 0px 20px 40px; width: 45%; height: auto; margin-right: 5%; margin-bottom: 2%; display: inline-block; }

.text-container-layout-fordele .text-items::before { content: ''; position: relative; display: block; border-radius: 10px; top: 22px; left: -42px; width: 15px; height: 15px; background-color: #4cc5f7; }

.text-link { display: inline-block; height: 100%; margin: 50px 0px 0px 0px; }

.image-container { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background-color: black; }

@media screen and (max-width: 620px) { .image-container { width: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.image-container-layout-01, .image-container-layout-02, .image-container-layout-03, .image-container-layout-04, .image-container-layout-05, .image-container-layout-06 { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; }

@media screen and (max-width: 620px) { .image-container-layout-01, .image-container-layout-02, .image-container-layout-03, .image-container-layout-04, .image-container-layout-05, .image-container-layout-06 { order: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.image-container-layout-01 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.image-container-layout-02 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.image-container-layout-03 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.image-container-layout-04 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.image-container-layout-05 { -webkit-box-flex: 3; -webkit-flex-grow: 3; -moz-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; }

.image-container-layout-06 { -webkit-box-flex: 3; -webkit-flex-grow: 3; -moz-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; }

.image-container-layout-07 { height: 100%; width: 100%; background-color: #4cc5f7; z-index: 10; position: absolute; }

.image-container-layout-07 .image-wrapper img { opacity: 0.5; }

.image-container-layout-08 { display: none; }

.image-container-layout-09 { height: 100%; width: 100%; z-index: 10; position: absolute; }

.image-container-background-on-color { background-color: #4cc5f7; background-position: center; background-size: cover; background-blend-mode: luminosity; }

.image-container .text-inner { overflow: hidden; border: 10; }

.compat-object-fit { background-size: cover; background-position: center center; }

.compat-object-fit img { display: none; visibility: hidden; }

.image-wrapper { overflow: hidden; position: relative; height: 100%; width: 100%; }

.image-wrapper img { position: absolute; display: block; width: none; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

@media screen and (max-width: 620px) { .image-wrapper img { position: relative; width: 100%; top: 0%; left: 0%; -webkit-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.contacts-container { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-basis: 1; -moz-flex-basis: 1; -ms-flex-preferred-size: 1; flex-basis: 1; background-color: white; text-align: center; padding-top: 40px; }

.contacts-header h2 { display: block; width: 100%; color: white; margin: 10% 0px 20px 0px; border: 0 !important; }

.contacts-items-content-title h4 { color: black; }

.contacts-items { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.contacts-items:nth-child(even) { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.contacts-items-content-title { padding-top: 20px; margin-bottom: -20px; }

.contacts-items-content-jobtitle { margin-bottom: 20px; }

.contacts img { height: 400px; width: auto; }

.contacts ul { padding: 20px; }

.slides_container { max-width: 1400px; max-height: 700px; margin: 0 auto; border-bottom: 0px solid white; }

.slides-outer { position: relative; max-height: 800px !important; overflow: hidden; }

.slides-title { position: absolute; top: 0px; left: 0px; z-index: 100; max-width: 400px; margin: 120px 0px 0px 120px; color: white; }

@media all and (max-width: 620px) { .slides-title { display: none; visibility: hidden; } }

.slides-title h1:before { background-color: white; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.centered-btns_tabs { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; background-color: white; height: 10px; }

.centered-btns_tabs li { width: 100%; text-align: center; }

.centered-btns_tabs .rslide_button { width: 100%; display: block; }

.centered-btns_here { background-color: #333; height: 10px; overflow: hidden; }

.page-container { height: auto; width: 50vw; margin: 0 auto 30px auto; }

@media screen and (max-width: 620px) { .page-container { width: 90vw !important; } }

.page-news-container { width: 100%; margin: 30px auto 30px auto; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; }

@media screen and (max-width: 620px) { .page-news-container { width: 90vw !important; } }

/* .page-news-content { border-bottom: 1px solid #ddd; padding-bottom: 60px; overflow: hidden; margin-bottom: 60px; } */

.page-news-content {
  padding: 40px;
}
.page-news-image { width: 100%; height: 300px; margin-bottom: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.page-image { margin: 0px auto 30px auto; text-align: center; }

.page-title { margin: 40px 0px 20px 0px; }

.page-double-column { columns: 2; }

.page-group { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; }

@media screen and (max-width: 620px) { .page-group { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } }

.page-group p { margin-bottom: 20px; }

.page-group ul { margin: 20px 0px; }

.page-group li { background-color: white; margin-bottom: 5px; padding: 15px 20px; }

.page-group li strong { display: block; font-size: 1.5em; line-height: 1.5em; }

.page-column-left { background-color: rgba(0, 0, 0, 0.05); -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 30px; }

.page-column-right { background-color: rgba(96, 125, 139, 0.2); -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 30px; margin-left: 10px; }

@media screen and (max-width: 620px) { .page-column-right { margin-top: 10px; margin-left: 0px; } }

.frontpage-splashes { margin: 60px auto 60px auto; background-color: rgba(0, 0, 0, 0.05); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.frontpage-splashes-welcome { columns: 2; font-size: 1.1em; max-width: 60vw; margin: 60px auto 0px auto; }

@media screen and (max-width: 620px) { .frontpage-splashes-welcome { columns: 1; max-width: 100vw; } }

.frontpage-splashes-welcome strong { font-size: 24px; line-height: 1.5em; margin-bottom: 20px; display: block; }

.frontpage-splashes-items { text-align: center; padding: 5vw; font-size: 1.2em; }

.frontpage-shoplist { margin: 40px auto 10px auto; }

.frontpage-shoplist-container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; }

.frontpage-shoplist-group { position: relative; min-height: 200px; max-height: 300px; background-position: center; background-size: cover; -webkit-flex-basis: 32%; -moz-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; margin: 0.5%; }

@media screen and (max-width: 620px) { .frontpage-shoplist-group { -webkit-flex-basis: 49%; -moz-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; } }

@media screen and (min-width: 1200px) { .frontpage-shoplist-group { -webkit-flex-basis: 24%; -moz-flex-basis: 24%; -ms-flex-preferred-size: 24%; flex-basis: 24%; } }

.frontpage-shoplist-items { margin: auto; word-wrap: break-word; width: 100%; height: 100%; padding: 5%; vertical-align: middle; display: inline-block; text-shadow: 0px 0px 10px black; text-align: center !important; font-size: 2em; text-transform: uppercase; color: white !important; font-weight: bold; overflow: hidden; position: absolute; top: 38%; }

@media screen and (max-width: 620px) { .frontpage-shoplist-items { font-size: 1.8em; } }

.frontpage-shoplist-items strong { font-size: 24px; }

.frontpage-shoplist-images { width: 100%; height: 100%; }

.frontpage-shoplist-image { width: 100%; text-align: center; padding: 10px 0px; margin: 0px; }

.frontpage-shoplist-image img { width: 100%; max-width: 1400px; max-height: 300px; }

/*! Hover.css (http://ianlunn.github.io/Hover/) Version: 2.1.0 Author: Ian Lunn @IanLunn Author URL: http://ianlunn.co.uk/ Github: https://github.com/IanLunn/Hover Made available under a MIT License: http://www.opensource.org/licenses/mit-license.php Hover.css Copyright Ian Lunn 2014. Generated with Sass. */
/* 2D TRANSITIONS */
/* Forward */
.hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); }

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098D1; color: white; }

/* Icon Down */
@-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%, 75% { -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

@keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%, 75% { -webkit-transform: translateY(6px);
    transform: translateY(6px); } }

/* Icon Down */
.hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; }

.hvr-icon-down:before { content: "\e800"; position: absolute; right: 20px; color: black; padding: 0 1px; font-family: 'fontello'; font-weight: lighter; -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

.btn { padding: 16px 40px 20px 40px; width: auto; max-height: 60px; white-space: nowrap; }

.btn-blue { background-color: #4cc5f7; color: white; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }

.btn-blue:hover, .btn-blue:focus, .btn-blue:active { background-color: #2098D1; color: white; }

.btn:hover { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }

.btn:hover:hover, .btn:hover:focus, .btn:hover:active { background-color: #2098D1; color: white; }

.btn-icon-down { padding: 16px 60px 20px 40px !important; width: auto; max-height: 60px; white-space: nowrap; background-color: #4cc5f7; color: white; margin-top: 20px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; }

.btn-icon-down:before { content: "\e800"; position: absolute; right: 20px; color: black; padding: 0 1px; font-family: 'fontello'; font-weight: lighter; -webkit-transform: translateZ(0); transform: translateZ(0); }

.btn-icon-down:hover:before, .btn-icon-down:focus:before, .btn-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

.btn-icon-down:hover { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 2.2em; }

.btn-icon-down:hover:before { content: "\e800"; position: absolute; right: 20px; color: black; padding: 0 1px; font-family: 'fontello'; font-weight: lighter; -webkit-transform: translateZ(0); transform: translateZ(0); }

.btn-icon-down:hover:hover:before, .btn-icon-down:hover:focus:before, .btn-icon-down:hover:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

select { width: 100%; font-family: 'daimler_cacregular', 'Rajdhani', sans-serif !important; font-weight: 300 !important; font-variant: normal; text-transform: none; font-size: 1.4em !important; line-height: 1.1em !important; padding: 0px 0px 0px 15px !important; border: 0 !important; border-radius: 5px !important; height: 45px !important; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd; -webkit-appearance: none; background-position-x: 98%; }

label { font-family: 'daimler_cacregular' !important; font-weight: 300 !important; font-variant: normal; text-transform: none; font-size: 1.4em; text-transform: none; display: block; }

textarea { width: 100%; border: 0; }

input[type=checkbox] { height: 20px; width: 20px; }

input[type=text], input[type=email], input[type=tel], textarea { width: 100%; border: 0; padding: 15px; font-size: 1.2em; background-color: #111; color: white; margin: 10px 0px; }

input[type="submit"], input[type="button"] { border: 0px solid #15aeec; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; font-size: 24px; font-family: arial, helvetica, sans-serif; font-family: 'daimler_cacregular'; padding: 8px 20px 8px 20px; text-decoration: none; display: inline-block; text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3); background-color: #15aeec; margin-right: 1px; font-weight: 100; font-variant: normal; color: #fff !important; width: auto; }

input[type="submit"]:hover, input[type="button"]:hover { /*border: 0px solid #1090c3; background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2)); background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2); background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2); background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2); background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2); background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);*/ color: black !important; border-bottom: 3px solid #15aeec; }

.gform_wrapper label, .gform_title { display: none; visibility: hidden; }

.gfield_html { margin: 10px 0px 20px 0px; font-size: 0.9em; }

.overlay {
  /* width: 25%; */
  float: left; 
  height: 100%;
  
}

.left-top-banner {
  position: relative;
  float: left;
  background: white;
  width: 30vw;
  height: 100%;
  float: left;
}


@media (min-width: 576px) {
  .page-id-621 .left-top-banner { 
    width: auto;
  }
  .page-id-186 .left-top-banner { 
    width: auto;
  }
}


.left-ending {
  /* position: relative; */
  background: url("./img/right-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 155px;
  height: 100%;
  float: left;
  /* left: -1px; */
}



.section-shop-top-banner {
  padding: 0px;
}

.logo-in-header {
  max-width:80%;
  max-height:80%;
}

.logo-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid; */
  /* width: 20vw; */
  height: 100%;
  padding-left: 104px;
}

@media (max-width: 576px) { 
.left-top-banner {
  width: 100%;
  height: 40%;
}
.left-ending {
  width: 100%;
  background: url("./img/test-mobile.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.overlay {
  width: 100%;
}
.logo-hero {
  padding-left: 0px;
}
.logo-in-header {
  max-height: 60%;
  max-width: 60%;
}
 }

 .section-shop-info {
  background: #F2F2F2;
  padding-top: 50px;
  padding-bottom: 50px;

 }

 .shop-info-text {
  font-size: 18px;
 }  

 .shop-info-time .shop-info-time-items-day, .shop-info-time .shop-info-time-items {
  font-size: 18px;
  line-height: 32px;
}

  .kontakt_info {
  font-size: 18px;  
  line-height: 32px;
} 

.shop-info-items h2 {
  font-size: 18px !important;  
  line-height: 32px;
} 

.grey-background {
  background: #F2F2F2;
}

.pfp-container.grey-background {
  padding-bottom: 4rem;
}

.offers-block {
  padding: 0px;
}

.similar-stores-shop-page {
  background: #F2F2F2;
  padding: 0px !important;

}

.card-info {
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.card-info .card-name {
padding: 0px !important;
color: white;
font-weight: 700 !important;
font-size: 24px !important;
}

.similar-stores-shop-page .card  .card-name {
  transition: .4s;
}
.similar-stores-shop-page .card:hover .card-name {
  transform: translateY(-30px);
  transition: .4s;
  transform-origin: bottom center;
}

.similar-stores-shop-page .card:hover .card-button {
transform: scale(1);
    height: 46px;
    opacity: 1;
}

.card-info .card-button {
    transform: scale(0.5);
    height: 0;
    transition: .4s;
    transform-origin: bottom center;
    opacity: 0;
}

.similar-stores-shop-page .carousel-container .card .card-button a {
border: 2px white solid !important;
background: white;
}


.similar-stores-shop-page .carousel-container .card .card-button:hover a {
color: black;
}

.btn-classic {
  border: 2px solid black;
  padding: 0.8rem 2.5rem;
  text-transform: uppercase;
  font-size: 1.125rem;
  text-decoration: none !important;
  display: inline-block;
  margin-top: 1rem;
}

.btn-classic .external {

}
.news-page.offers-block ,
.news-page.offers-block .grey-background {
  background: linear-gradient(to bottom, #D6ECEB 50%, transparent 50%) !important;
  
}

.offers-block .white-container {
  box-shadow: 0px 20px 33px rgba(0,0,0,0.06);
}

/* .turquoise .logo-hero,  */
.turquoise .left-ending {
  filter: invert(35%) sepia(55%) saturate(663%) hue-rotate(140deg) brightness(55%) contrast(80%);


}

.turquoise .left-top-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: white;
  /* filter: grayscale(100%); */
  filter: invert(35%) sepia(55%) saturate(663%) hue-rotate(140deg) brightness(55%) contrast(80%);
}

.turquoise .logo-hero {
  z-index: 100;
  position: relative;
}
/* 
.left-text-stores-page::before {
  content: "";
  position: absolute;
  bottom: 30%;
  width: 80%;
  height: 2px;
  background: white;
  left: 144px;

} */
.left-text-stores-page {
  color: white;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  font-size: 24px;
  }

@media (min-width: 992px) { 
.left-text-stores-page {
color: white;
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
line-height: 36px;
padding-left: 144px;
}
}
.left-text-centerised-with-border {
  /* height: 60%; */
  padding-bottom: 32px;
  border-bottom: 1px solid white;
}

@media (min-width: 576px) { 
.left-ending {
  transform: translateX(-1px);
}
}

@media (max-width: 576px) { 
  .left-ending {
    transform: translateY(-1px);
  }
.left-text-stores-page {
  padding: 12vw; 
}
}

.restaurants {
  padding: 0px;
  background: #DDDDDD;
}

@media (min-width:621px){
.restaurants .filtr-item-outer {
  -webkit-border-top-left-radius: calc(1vw + 30px);
  -webkit-border-bottom-right-radius: calc(1vw + 30px);
  -moz-border-radius-topleft: calc(1vw + 30px);
  -moz-border-radius-bottomright: calc(1vw + 30px);
  border-top-left-radius: calc(1vw + 30px);
  border-bottom-right-radius: calc(1vw + 30px);
}}


#footer-nav .active {
  border-bottom: transparent !important;
}

.news-wrapper {
  /* width: 50%; */
  /* float: left; */
  /* padding: 15px; */
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
  
}

@media (max-width: 576px) { 
  .news-wrapper {
    width: 100%;
  }
 }


.news-entry {
  /* width: calc(50% - 30px); */
  /* float: left; */
  /* margin: 15px; */
  background: white;
  box-shadow: 0px 20px 33px rgba(0,0,0,0.06);
}



/* @media (min-width: 992px) { */
.news-entry {
    -webkit-border-top-left-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topleft: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-left-radius: 90px;
    border-bottom-right-radius: 90px;
    overflow: hidden;
    /* height: 680px; */
  }


.news-entry .page-news-content a {
  /* display: inline-block !important; */
  border: 2px solid black;
  padding: 0.8rem 2.5rem;
  text-transform: uppercase;
  font-size: 1.125rem;
  text-decoration: none !important;
  display: inline-block;
  margin-top: 2rem;
  color: black;
}

.page-news-content p {
  font-size: 18px;
}


.page-news-content {
  display: flex;
  flex-direction: column;
}

.page.news {
  margin-left: -15px;
  margin-right: -15px;
}

* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 15px;
}

.grid {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(auto-fill, minmax(450px,1fr));
  grid-auto-rows: 1px;
  
}

.newspage {
  padding: 0 5vw;
}

.newspage .vc_custom_heading {
  line-height: 22px;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.newspage .page-news-content h1 {
  padding-bottom: 20px;
}

@media (max-width: 1003px) { 
  .newspage {
    padding: 0px;
  }
}
@media (min-width: 1506px) { 
  .grid {
    grid-template-columns: repeat(auto-fill, minmax(630px,1fr));
  }
}

@media (max-width: 1003px) { 
.newspage h1 {
  font-size: 30px !important;
  line-height: 32px !important;
}
.page-news-content {
  padding: 15px;
}
.page-news-content p {
  font-size: 18px;
  line-height: 32px;
}
.news-entry {
  -webkit-border-top-left-radius: 45px;
  -webkit-border-bottom-right-radius: 45px;
  -moz-border-radius-bottomright: 45px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
  overflow: hidden;
  /* height: 680px; */
}
.news-entry .page-news-content a {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
}

#bnav {
  width: 80vw;
}

#bnav a {
  transition: all .2s ease-in;

}
#bnav a:hover {
  color: #959190 !important;
  }

  @media (min-width: 768px) { 
  .top-bar-logo {
    line-height: 212px;
    height: 142px;
  }
}

.slick-arrow:hover {
  cursor: pointer;
}




.left-text-centerised-with-border:after {
  content: "";
  position: absolute;
  /* bottom: 0; */
  width: calc(97% + 5px + 1vw);
  height: 2px;
  background: white;
  /* padding-top: 20px; */
  margin-top: 32px;
}


@media (min-width: 1394px) { 
  .left-text-centerised-with-border:after {
  width: calc( 100% + 10px);
  }
}
@media (min-width: 1168px) and (max-width:1394px) { 
  
  .left-text-centerised-with-border:after {
  width: calc( 100% + 1px);
  }
}

@media (min-width: 991px) and (max-width:1168px) { 
  .cafe-res-style .left-text-centerised-with-border:after {
    width: calc( 100% + 25px);
    } 
  .left-text-centerised-with-border:after {
  width: calc( 100% + -11px);
  }
}

@media (max-width: 576px) { 
.section-shop-top-banner.buttiker-page {
  background: white !important;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
  .left-text-centerised-with-border:after {
    width: 100%;
    left: 0px;  
    display: none;
  }
  .left-ending {
    display: none;
  }
  .section-shop-top-banner {
    height: auto;
    background: transparent;
  }
}
@media (max-width: 991px) { 
  
  .left-text-centerised-with-border:after {
  width: calc( 100% + 49px);
  } 
}

.similar-stores-shop-page .stores-carousel .card-image img {
  /* filter: ; */
  filter: blur(2px) brightness(40%);
}
@media (max-width: 991px) { 
.stores-catalogue .store-space .store-item {
  background: #fff;
  overflow: hidden;
  padding: 2rem;
  padding-top: 9vw;
  padding-bottom: 8vw;
  -webkit-border-top-left-radius: 45px;
  -webkit-border-bottom-right-radius: 45px;
  -moz-border-radius-bottomright: 45px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
  overflow: hidden;
}
}

.newspage {
 padding-bottom: 50px;
}

.grid p:not(:first-child), .white-container-content p:not(:first-child) {
  margin-top: 12px;
  letter-spacing: 1.1px;
}

.white-container h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 23px;
  letter-spacing: 1.1px;
}

.white-container-content a.external {
  padding-right: calc(2.5rem + 13px);
}

.white-container-content a.external:after {
  content: "";
  position: relative;
  display: inline-block;
  left: 13px;
  width: 13px;
  height: 13px;
  background: url(./img/assets/external_image.png);
  top: 1px;
}

.dot:hover {
cursor: pointer;
}

.nav-social-media a.external:after {
  display: none
}





@media (min-width: 576px) {
  .page-id-186 .left-text-centerised-with-border:after {
    width: calc( 100% + 152px);
  }

  .page-id-186 .left-text-centerised-with-border {
    position: relative;
  }

  .page-id-186 .left-text-centerised-with-border p {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .page-id-186 .left-text-stores-page {
    padding-left: 4vw;
    /* padding-right: 4vw; */
  }

  .page-id-186 .left-text-centerised-with-border {
    max-width: 30vw;
  }
}

@media (min-width: 1500px) { 
  .page-id-186 .left-text-centerised-with-border {
    max-width: 512px;
  }
  .page-id-186 .left-text-centerised-with-border p {
    font-size: 40px;
    line-height: 40px;
  }
 }



@media (min-width: 576px) {
  .page-id-621 .left-text-centerised-with-border:after {
    width: calc( 100% + 152px);
  }

  .page-id-621 .left-text-centerised-with-border {
    position: relative;
  }

  .page-id-621 .left-text-centerised-with-border p {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .page-id-621 .left-text-stores-page {
    padding-left: 4vw;
    /* padding-right: 4vw; */
  }

  .page-id-621 .left-text-centerised-with-border {
    max-width: 30vw;
  }
}

@media (min-width: 1500px) { 
  .page-id-621 .left-text-centerised-with-border {
    max-width: 512px;
  }
  .page-id-621 .left-text-centerised-with-border p {
    font-size: 40px;
    line-height: 40px;
  }
 }





.normal-link-cta-button {  
  color: white !important;
  text-decoration: none !important;
}

.cta-button:hover a {
  color: black !important;
}

.spacer {
  height: 1px;
  margin-bottom: 145px;
}