/* ------------------------------ */
/*           Nav bars             */
/* ------------------------------ */
.container-custom{
	min-width:90% !important
}
.navbar-container{
	background-color: #DF247F;
	height: 6.5rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.logo-container{
	padding-left: 10rem;
}
.navbar-listing{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 6.5rem;
	display: flex;
	align-items: center;
	margin-right: auto !important;
}
.navbar-li{
  float: left;
}
.navbar-li a{
  display: inline-block;
  padding: 8px;
  color: #fff !important;
  text-transform: uppercase;
  font-family: DINPro-Bold;
  font-weight: 400;
  font-size: 1em;
  /* padding-top: 2rem; */
  padding-left: 4rem;
  letter-spacing: 0.05em;
  text-decoration: none !important;
}
.navbar-img{
	width: 1.85rem;
}
.navbar-li a:hover{
	color: white;
	text-decoration: none;
}
.search-container {
	margin-right: 5%;
	background-color: #2B2B2B;
    border-radius: 20px;
}
.search-icon {
	padding: 10px;
	background: transparent;
	color: white;
	text-align: center;

}
.navbar-searchBox {
	border: 0;
	font-family: DINPro-Bold;
	outline:none;
	background-color: transparent;
	color: white !important;
	width: 200px !important;
}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 50; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y: hidden;
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 10%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  font-family: DINPro-Bold;
  text-transform: uppercase;
}
/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 30px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  right: 45px;
  font-size: 60px;
}
.navbar-laravel {
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .04)
}
.nav-logo{
	width: 100px;
	height: 35px;
}
.nav-search-input{
	color:#0062FF;
	height:5rem;
	margin-right:5%;
	padding-right:3rem;
	border-color:#0062FF;
	border-width:thin
}
.nav-margin-tab{
	margin-right:4rem;
	color:white !important
}
.navbar-search{
	float: right;
}
.navbar-searchContainer {
	display: grid;
	grid-template-columns:1.5rem 4fr 1fr;
	width:300px;
	border-radius: 5px;
	float: right;
	width: 15%;
	margin-top: 1.5rem;
}
.navbar-searchIcon {
	padding: 0.5rem;
	grid-row:1;
	grid-column:1/2;
	z-index:2;
	background-color: #2B2B2B;
	color: white;
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.change::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}
.change:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}
.change::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}
.change:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #909;
}
input[type="text"]{
    display:block;
    font-size:12pt;
}
.fa-search-icon{
	padding: 9px !important;
}



/* ------------------------------ */
/*           Carausel             */
/* ------------------------------ */
@font-face {
	font-family: 'DINPro-Light';
	src: url('../fonts/DINPro-Light.otf');
  }
.fade-carousel {
	position: relative;
	height: 60rem;
}
.fade-carousel .carousel-inner .item {
	height: 60rem;
}
.carousels-img{
	height: 60rem;
	width: 100%;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: white;
	border-color: white;
	opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
}



/********************************/
/*          Hero Headers        */
/********************************/
.hero {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translate3d(-50%,-50%,0);
		-moz-transform: translate3d(-50%,-50%,0);
		-ms-transform: translate3d(-50%,-50%,0);
			-o-transform: translate3d(-50%,-50%,0);
			transform: translate3d(-50%,-50%,0);
	/* width: 30% !important */
}
.hero .car-logo{
	width: 500px;
}
.hero h1 {
	font-family: DINPro-Bold;
	font-size: 6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.hero h3{
	font-family: DINPro-Medium;
	font-weight: 400;
	text-transform: none;
	font-size: 19px;
}
.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
	-webkit-transition: 2s all ease-in-out .1s;
		-moz-transition: 2s all ease-in-out .1s;
		-ms-transition: 2s all ease-in-out .1s;
		-o-transition: 2s all ease-in-out .1s;
			transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
	-webkit-transition: 2s all ease-in-out .1s;
		-moz-transition: 2s all ease-in-out .1s;
		-ms-transition: 2s all ease-in-out .1s;
		-o-transition: 2s all ease-in-out .1s;
			transition: 2s all ease-in-out .1s;
}



/********************************/
/*            Overlay           */
/********************************/
.car-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #080d15;
	opacity: .7;
}



/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 7px 60px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
	color: black;
	background-color: #FFFFFF;
	border-radius: 30px;
	outline: none;
	margin: 1rem auto;
	font-size: 11pt;
	padding: 5px 5rem 5px 5rem;
	font-family: DINPro-Bold;
}



/********************************/
/*       Slides backgrounds     */
/********************************/
	.fade-carousel .slides .slide-1,
	.fade-carousel .slides .slide-2,
	.fade-carousel .slides .slide-3 {
	height: 50rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}



/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
	.hero { width: 980px; }
}
@media screen and (max-width: 640px){
	.hero h1 { font-size: 4em; }
}



/* ------------------------------ */
/*           Home Page            */
/* ------------------------------ */
.box-custom {
	background-color: #DF247F;
	color: white;
	display: inline-block;
	position: relative;
	padding: 1rem 6rem;
	vertical-align: top;
	border-radius: 15px;
}
.box-text{
	font-size:35px;
	font-family: DINPro-Bold;
	letter-spacing: 2px;
}
.box-detail {
	background-color: #DF247F;
	color: white;
	display: inline-block;
	position: relative;
	padding: 1rem 3rem;
	vertical-align: top;
	margin-left: 10%;
    border-radius: 15px;
}
/* .box-detail:before {
	content: '';
	border: 23px solid transparent;
	border-left-color: #DF247F;
	border-bottom-color: #DF247F;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 100%;
	top: 0;
} */
.box-text-detail{
	font-size:29px;
	font-family: DINPro-Bold;
	letter-spacing: 2px;
}
.firstShape{
	margin-top: 2em;
}
.shapeText{
	font-family: DINPro-Bold;
	font-weight: 900;
	font-size: 12pt;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	/* float: right; */
	margin-left: 30%;
}
.card-publika-container{
	position: relative;
	width: 100%;
	height: 55rem;
	padding-left: 55px;
	padding-right: 55px;
	margin: auto;
	width: 100%;
	height:35rem
}
.card-img{

}
.card-bg{
	background: transparent;
	border: none
}
.card-publika{
	padding-left: 25px;
	display: inline-block;
	white-space: nowrap;
}
.publika-img-prop{
	width: 40rem;
	height: 40rem;
	margin-bottom: 1rem;
}
.card-title{
	font-family: DINPro-Bold;
	color: #fff;
	letter-spacing: 1px;
}
.card-date{
	font-family: DINPro-Bold;
	color: #DF247F;
	display: block;
	font-size: 15px;
    padding: 3px;
}
.promo-card-bg-text{
	background-color: #DF247F;
	padding: 1rem 2rem;
}
.promo-card-text{
	color: white;
}
.home-card-title{
	font-size: 13pt;
	font-family: DINPro-Bold;
	letter-spacing: 0.025em;
	overflow: hidden;
	display: -webkit-inline-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/* line-height: normal */
}
.home-card-desc{
	font-size: 11pt;
	font-family: DINPro-Regular;
	letter-spacing: 0.025em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.event-card-desc{
	font-size: 11pt;
	font-family: DINPro-Regular;
	letter-spacing: 0.025em;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	line-height: normal
}
.promo-left-nav{
	float:left;
	color:white;
	margin-left:10%
}
.promo-right-nav{
	float:right;
	color:white;
	margin-right:10%
}
.home-shape{
	background-color: #DF247F;
    padding-left: 5rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    line-break: 2;
    padding-top: 1rem;
}
.zoom-img{
	transition: all .2s linear;
}
.zoom-img:hover{
	transform: scale(1.1);
}
.ig > a >img{
	width: 32rem;
    height: 32rem;
	padding: 1rem;
	transition: all .2s linear;
}
.ig-header{
	color: white;
	font-family: DINPro-Bold;
	text-align: center;
	font-size: 30px
}


.home-modal-bg-img{
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: 3%;
	width: 100%;
	border: 6px solid #ffffff;
}

.home-modal-bg-img-mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30%;
    width: 80%;
    border: 6px solid #ffffff;
}

.home-modal-bg{
	display: block !important;
    padding-left: 0px !important;
    width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home-modal-cancel{
	position: absolute !important;
    right: 0;
    margin: 2%;
}

.home_more_btn{
	border-radius: 23px;
	background-color:white;
	border: none; 
	color: #1D1D1D;
	padding: 5px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px; 
	margin: 20px 2px;
	font-weight: bold;
	outline: none;
}

.home-modal-container{
	display: table;
	position: relative;
    margin-right: auto;
    margin-left: auto;
	margin-top: 5%;
}

.home-modal-container .btn {
	position: absolute;
	top: 5%;
	right: 0%;
	opacity: 60%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: black;
	color: white;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	text-align: center;
	outline:none;
	margin: 1%;;
}

.home-modal-container .btn1 {
	position: absolute;
	bottom: 2%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: white;
	color: black;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 50px;
	text-align: center;
	outline:none;
	padding: 10px 40px;
	font-weight: bold;
  }




/* ------------------------------ */
/*        Cards Swipes JS         */
/* ------------------------------ */
.eventsContainer{
	margin-bottom: 10vh;
}
.swiper-container {
	margin-top: 5rem;
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide .details {
	box-sizing: border-box;
	font-size: 20px;
	width: 35rem;
	height: 39rem;
	background: #1e1e1e;
}
.swiper-slide .details h3{
	margin: 0;
	padding-left: 3rem;
	width: 30rem;
	letter-spacing: 1px;
	font-size: 22px;
	text-align: left;
	line-height: 20px;
	font-family: DINPro-Bold;
	color: #FFFFFF;
}
.title-top{
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.swiper-slide .details h4{
	margin: 0;
	padding-left: 3rem;
	padding-top: 2rem;
	width: 30rem;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	font-family: DINPro-Bold;
	color: #FFFFFF;
}
.swiper-slide .details h3 span{
	font-size: 18px;
	font-family: DINPro-Medium;
	font-weight: 600;
	line-height: 25px;
	color: #DF247F;
}
.swiper-slide .details h4 span{
	margin: 0;
	padding: 0;
	font-family: DINPro-Light;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
.swiperImg{
	width:33rem!important;
	height: 33rem!important;
}



/* ------------------------------ */
/*           FOOTER               */
/* ------------------------------ */
.footer-style{
	background-color: #1C1C1C;
	padding: 1% 5%;
}
.footer-title{
	color: white;
    font-family: DINPro-Bold;
	letter-spacing: 0.4px;
	font-size: 13pt;
}
.footer-item{
	color: #DF247F !important;
	font-family: DINPro-Medium;
	letter-spacing: 1.5px;
	font-size: 10pt;
}
.footer-item-2{
	color: #FF0000 !important;
	font-family: DINPro-Medium;
	letter-spacing: 1.5px;
	font-size: 10pt;
}
.footer-address{
	color: #DF247F !important;
	font-family: DINPro-Medium;
	letter-spacing: 1.5px;
	font-size: 10px;
}
.footer-waze-btn{
	float: right;
    width: 20%;
}
.footer-copyright{
	color: #DF247F !important;
	font-family: DINPro-Medium;
	letter-spacing: 0.8px;
	font-size: 9pt;
	text-align: center
}
.footer-iframe{
	width:100%;
	height:20rem
}
.footer-img-publika{
	width: auto;
    height: 50px;
}
.footer-img-uem{
	width: auto;
    height: 60px;
}
.footer-page{
	color: white;
	background-color: #DF247F;
}
.footer-page-title{
	padding-top: 20px;
	font-family: DINPro-Bold;
	font-size: 19pt;
	letter-spacing: 1.4px;
}



/* ------------------------------ */
/*           Public               */
/* ------------------------------ */
.section-margin{
	margin-top:6.5rem;
}
.pg-hd-mt{
	margin-top:5rem;
}
.pg-ft-mb{
	margin-bottom:15rem;
}
.title-header{
	height:7rem;
	background:#AF105F;
	margin-top:5rem;
	position:relative;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.title-header-style{
	font-size: 28pt;
    color: white;
    text-align-last: center;
	letter-spacing: 5.7px;
	font-family: DINPro-Bold;
	margin: 0;
	text-align: center;
}
.page-container{
	width: 100%;
    padding-right: 5%;
    padding-left: 5%;
}



/* ------------------------------ */
/*        Event-Detail-Page       */
/* ------------------------------ */
.column {
	width: 50%;
	padding: 10px;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width: 600px) {
	.column {
	width: 100%;
	}
}
.event-more-btn{
	font-family: DINPro-Medium;
	letter-spacing: 2px;
	margin: 10px 0;
	background-color: #DF247F;
	color: white;
	border: none;
	border-radius: 25px;
	padding: 1rem 4rem;
	outline:0 !important;
	font-size: 20px;
}
.event-more-align{
	text-align-last: center;
	margin: 5rem auto
}
.event-desc{
	color: white;
    font-size: 14px;
}
.event-w-6{
	width:55% !important
}
.event-w-4{
	width:45% !important
}
.event-content{
	margin-left: 10%;
}
.event-info{
	font-size:22px;
	font-family: DINPro-Medium;
	color: #DF247F;
}
.event-desc{
	color: white;
	font-size: 16px;
	font-family: DINPro-Regular;
	word-spacing: 3px;
	padding-right: 1rem;
	margin-right: 1rem;
	line-height: 25px;
}
.event-logo{
	width: 89%;
    height: 67rem;
}
.event_box {
	height: 35px;
	margin-bottom: 2vh;
	line-height: 35px;
	background-color: #DF247F;
	border: solid 1px #DF247F;
	border-right: 0;
	position: relative;
}
.event_box:after {
	content: "";
	display: block;
	background-color: #DF247F;
	border: solid 1px #DF247F;
	border-left: 0;
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: -1;
	top: -1px; /* pull it up because of 1px border */
	right: -17.5px; /* 35px / 2 */
	-webkit-transform: skew(45deg);
}
.event_shapeText{
	font-family: DINPro-Bold;
	font-weight: 900;
	font-size: 12pt;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	/* float: right; */
	margin-left: 20%;
}
.event-card-img{
	width: 100%;
	height:35rem
}



/* ------------------------------ */
/*        Store Page		      */
/* ------------------------------ */
.store-filter-sort{
	text-align: right !important;
	font-size: 20px !important;
}
.store-filter-font{
	color:white;
	font-family: DINPro-Bold;
	font-size: 22px !important;
}
.store-drop-down{
	color:#2B2B2B !important;
	font-family: DINPro-Bold;
	background-color: white;
	padding:2px;
	text-align: left;
	border-radius:7px;
	border-style: none;
	width:20rem !important;
	border:none !important;
	outline: 0 !important;
	font-size: 20px !important;
}
.store-margin{
	margin-top: 5% !important
}
.store-scroll-more{
	text-align-last:center;
	margin-top:5%;
	color:white;
	font-size: 15pt;
	font-family: DINPro-Regular;
	text-decoration : none
}
.store-content{
	margin-left: 14%;
}
.store-logo{
	width: 90%;
    height: 60rem;
}
.store-info{
	font-size:22px;
	font-family: DINPro-Bold;
	color: #DF247F;
}
.store-desc{
	color: white;
	font-size: 16px;
	font-family: DINPro-Regular;
	word-spacing: 3px;
	padding-right: 1rem;
	margin-right: 1rem;
	line-height: 25px;
}
.store-w-6{
	width:60% !important
}
.store-w-4{
	width:40% !important
}
.store-info-field{
	color: #DF247F !important;
    display: inline-block;
    width: 90%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.img-align{
	text-align: none;
}

.store_box{
	position: relative;
}

.store_box_hub{
    display: block;
    z-index: 999;
    margin: 0 auto;
    bottom: 0px;
    right: 0;
	position: absolute;
    background: white;
    color: #707070;
    width: 100%;
	padding-left: 20px;
	padding-top:10px;
	padding-bottom: 10px;
}

.store_box_hub_child{
	text-align:start;
	color: #707070;
	font-size: 10px;
}

.store_img_hub{
	background-image: url("/images/hub_icon_detailpage.png");

}



/* ------------------------------ */
/*        Parallelogram 	      */
/* ------------------------------ */
.parallelogram {
	width: 45%;
	background-color: #DF247F;
	border-radius: 15px;
	/* Zentriert den Inhalt */
	/* display: flex;
	justify-content: center;
	align-items: center; */
}
.parallelogram-tab {
	width: 100%;
	background-color: #DF247F;
	transform: skewX(45deg);
	transform-origin: top;
	/* Zentriert den Inhalt */
	display: inline-grid;
	justify-content: center;
	align-items: center;
	border: none !important;
	outline: 0 !important;
	height: 6rem;
}
.parallelogram-tab > span {
	transform: skewX(-45deg);
	font-size: 22px;
}
.parallelogram-map-tab {
	width: 100%;
	background-color: #DF247F;
	transform: skewX(45deg);
	transform-origin: top;
	/* Zentriert den Inhalt */
	display: inline-grid;
	justify-content: center;
	align-items: center;
	border: none !important;
	outline: 0 !important
}
.parallelogram-map-tab > span {
	transform: skewX(-45deg);
	font-size: 45px;
}



/* ------------------------------ */
/*        Promotions 	 	      */
/* ------------------------------ */
.promo-header{
	text-align: -webkit-center;
}
.promo-text{
	font-family: DINPro-Bold;
	color:white;
	font-size: 40px;
}
.promo-fa-size{
	font-size: 4em !important;
}
.promo-content{
	margin-left: 10%;
}
.promo-w-6{
	width:55% !important
}
.promo-w-4{
	width:45% !important
}
.promo-info{
	font-size:22px;
	font-family: DINPro-Medium;
	color: #DF247F;
}
.promo-logo{
	width: 89%;
    height: 67rem;
}
.promo-desc{
	color: white;
	font-size: 16px;
	font-family: DINPro-Regular;
	word-spacing: 3px;
	padding-right: 1rem;
	margin-right: 1rem;
	line-height: 25px;
}
.box-promo {
	background-color: #DF247F;
	color: white;
	display: inline-block;
	position: relative;
	padding: 1rem 3rem;
	vertical-align: top;
	margin-left: 10%;
    border-radius: 15px;
}
/* .box-promo:before {
	content: '';
	border: 23px solid transparent;
	border-left-color: #DF247F;
	border-bottom-color: #DF247F;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 100%;
	top: 0;
} */
.box-text-promo{
	font-size:29px;
	font-family: DINPro-Bold;
	letter-spacing: 2px;
}



/* ------------------------------ */
/*        About Us  	 	      */
/* ------------------------------ */
.about-img{
	width: 100%;
	height: 60rem !important;
}
.about-box {
	width: 50rem;
	height: 35px;
	margin-bottom: 2vh;
	line-height: 35px;
	background-color: #DF247F;
	border: solid 1px #DF247F;
	border-right: 0;
	position: relative;
   }
.about-box:after {
	content: "";
	display: block;
	background-color: #DF247F;
	border: solid 1px #DF247F;
	border-left: 0;
	width: 35px;
	height: 35px;
	position: absolute;
	z-index: -1;
	top: -1px; /* pull it up because of 1px border */
	right: -17.5px; /* 35px / 2 */
	-webkit-transform: skew(45deg);
}
.about-shapeText{
	font-family: DINPro-Bold;
	font-weight: 900;
	font-size: 12pt;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-left: 29%;
}
.about-desc{
	color: white;
	font-family: DINPro-Regular;
	/* text-align: justify; */
	font-size: 20px;
}
.about-img-carousel{
	height: 60rem !important ;
	width: 100%
}
.about-sosial-media{
	font-family: DINPro-Regular;
	font-size: 9pt;
	padding-bottom: 20px;
	letter-spacing: 3.2px;
	color: white
}
.sm-hover:hover {
	color: #2B2B2B;
  }
.about-fb-align{
	text-align: right;
}
.about-tw-align{
	text-align: center;
}
.about-ig-align{
	text-align: left;
}



/* ------------------------------ */
/*        Contact   	 	      */
/* ------------------------------ */
.contact-page-controller{
	width: 100%;
    padding-right: 15%;
    padding-left: 15%;
}

.contact-accordian-title{
	font-size: 25px;
    font-family: DINPro-Bold;
    letter-spacing: 1px;
    color: white !important;
}

.contact-default{
	background-color:#DF247F;
	border-color:transparent;
	padding: 1% 3%;
	border-bottom: 2px solid #353535;
}

.contact-inside-accordian{
	border-radius:10px;
	 margin-bottom:0%;
	 background-color:#353535 !important 
}

.contact-top-radius{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.contact-bottom-radius{
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
	content:"\f068";
	color: white;
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
	float: right !important;
	color: white;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.contact-img-logo{
	width: 300px;
	height: auto
}
.contact-container{
	width: 100%;
    padding-right: 35%;
    padding-left: 35%;
}
.contact-title{
	font-size: 21px;
	font-family: DINPro-Bold;
	letter-spacing: 1.5px;
	color: white
}
.contact-info{
	font-size: 15px;
	font-family: DINPro-Bold;
	letter-spacing: 1.5px;
	color: white
}
th, td {
	padding: 5px !important;
}
.contact-tab-title{
	color: white;
	font-size: 15pt;
	font-family: DINPro-Bold;
}
.contact-info-table{
	width:100%;
	padding:15px
}
.contact-form-title{
	font-size:14pt;
	letter-spacing: 1.5px;
	font-family: DINPro-Bold;
	color: white;
}
.contact-form-input{
	font-size:12pt;
	letter-spacing: 0.02em;
	font-family: DINPro-Bold;
	color: #2B2B2B;
	width: 100%;
	outline: none;
	background-color: white;
	height: 3rem;
	border: none;
}
.contact-submit-btn{
	background-color: #DF247F;
	color: white;
	border: none;
	border-radius: 25px;
	outline: none !important;
	width: 120px;
	height: 40px;
}
.contact-active-form{
	color: #2B2B2B;
	outline: none !important
}
.contact-display{
	display: none;
	font-weight: 0  !important
}
.contact-attachment{
	outline: none !important;
}
.contact-w-table{
	width: 95%;
}
.contact-select{
	font-size: 20px;
}
.contact-select{
	display: "";
}
.contact-result-icon{
	font-size: 100px !important;
	color: white !important;
	padding: 20px 0;
}
.contact-success-card{
	width: 50%;
	margin: 0 auto;
	border-radius: 10px;
	background-color:#12B298;
}
.contact-fail-card{
	width: 50%;
	margin: 0 auto;
	border-radius: 10px;
	background-color:#E65E60;
}



/* ------------------------------ */
/*        FAQ    	   	 	      */
/* ------------------------------ */
.faq-custom {
	background-color: #DF247F;
	color: white;
	position: relative;
	padding: 0 1em;
	vertical-align: top;
	padding-left: 5%;
}
.faq-text{
	font-size:26px;
	font-family: DINPro-Bold;
	letter-spacing: 1px;
	color: white;
	padding: 10px;
}
.faq-title{
	font-size:20px;
	font-family: DINPro-Bold;
	letter-spacing: 1px;
	color: white;
	padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}
.faq-answer{
	font-size: 20px;
	font-family: DINPro-Regular;
	letter-spacing: 1px;
	color: white;
}
.faq-btn{
	margin-top: 10px;
	margin-bottom: 120px;
	background-color: #DF247F;
	color: white;
	border: none;
	border-radius: 25px;
	font-family: DINPro-Bold;
	padding: 10px 35px;
	font-size: 20px;
	outline:0 !important
}
.faq-item{
	font-family: DINPro-Bold;
	font-size: 23px;
	padding-top: 3rem !important
}
.faq-border-table{
	border: 1px solid #DF247F;
}
.faq-img{
	width: auto;
    height: 41px;
    padding: 5px;
}

.accordion > input[type="checkbox"] {
	position: absolute;
	left: -100vw;
  }
  
  .accordion .content {
	overflow-y: hidden;
	height: 0;
	transition: height 0.3s ease;
  }
  
  .accordion > input[type="checkbox"]:checked ~ .content {
	height: auto;
	overflow: visible;
  }
  
  .accordion label {
	display: block;
  }
  
  
  .accordion {
	margin-bottom: 1em;
  }
  
  .accordion .handle {
	font-size: 26px;
    font-family: DINPro-Bold;
    letter-spacing: 1px;
    color: white;
  }
  
  .accordion label {
	color: #ffffff;
	cursor: pointer;
	font-weight: normal;
	padding: 15px;
	background: #DF247F;
	padding-left: 5%;
  }
  
  .accordion label:hover,
  .accordion label:focus {
	background: #DF247F;
  }
  
  .accordion > input[type="checkbox"]:checked ~ .handle label:before {
  }
  .accordion {
	max-width: 100%;
  }
  
  .accordion p:last-child {
	margin-bottom: 0;
  }



/* ------------------------------ */
/*        Directory	   	 	      */
/* ------------------------------ */
.map-display{
	display: none;
	font-weight: 0  !important
}
.map-active{
	color: #DF247F;
	background-color: white ;
	outline: none !important
}
.map-img {
    width: 85%;
    height: auto;
}
.map-box {
	background-color: #DF247F;
	color: white;
	display: inline-block;
	position: relative;
	padding: 1rem 3rem;
	vertical-align: top;
	margin-left: 5%;
	border-radius: 15px;
}
/* .map-box:after {
	content: '';
	border: 25px solid transparent;
	border-left-color: #DF247F;
	border-bottom-color: #DF247F;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 100%;
	top: 0;
} */
.map-shapeText{
	font-size:35px;
	font-family: DINPro-Bold;
	letter-spacing: 4px;
	text-transform: uppercase;

	;
}
.map-w-table{
	width: 50%;
}
/* Main */
#menu{
	width: 70%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
#menu li{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	width: 25%;
	font-family: DINPro-Medium;
	font-size: 20px;
	color: white;
	letter-spacing: 0.05em;
}
#menu a{
	float: left;
	height: 25px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	font-size: 12px;
}
.directory-level{
	font-family: DINPro-Medium;
	font-size: 20px;
	color: #DF247F;
}
.directory-retail{
	font-family: DINPro-Medium !important;
    font-size: 18px !important;
    color: white !important;
	text-transform: capitalize !important;
	padding-right: 5px;
}

.directory-retail-title{
	font-family: DINPro-Bold !important;
    font-size: 18px !important;
    color: #DF247F !important;
	text-transform: uppercase !important;
}
.list-retail{
	position: relative;
    width: 100%;
	display: block;
    padding-left: 5%;
}
.list-retail li {
    width: 25%;
    float: left;
    padding: 0;
	margin: 0;
	color: white;
}
.list-retail li > span {
	display: block;
	padding-right: 2rem;
}

.directory_hub_indicator{
	text-align:start;
	padding-left:5%;
	margin-bottom: 5%;
	color: white;
}

.directory-display{
	display: grid;
}
/* .directory-display:before, .directory-display:after {display: none !important;} */
.directory-ul{
	text-align: left;
	width:95%;
	margin-bottom: 3rem;
	/* list-style: none; */
	border-bottom: 1px solid #DF247F;
	/* list-style-position: inside; */
    padding: 0 0 3rem 2rem;
    /* text-indent: -1em; */
}



@media (max-width:500px){
    .list-retail li {
		float:none;
		width: 90% !important;
   }
}

.directory_hub_mall_bg{
	height:532px; 
	width:100%;
	padding-left: 5%;
	padding-right: 5%;
}

.directory_hub_mall_bg_mobile{
	background-image: url("phone_desktop");
}

.directory_hub_mall_phone{
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-85%, -50%);
}

.directory_hub_mall_info{
	position: absolute;
	top: 17%;
	left: 50%;
	transform: translate(30%, 0);
}

.directory_hub_mall_text{
	font-size: 50px; 
	color:white;
	line-height: 1.2;
	font-family: DINPro-Bold;

}



.directory_hub_mall_btn{
	border-radius: 23px;
	background-color:white;
	border: none; 
	color: #1D1D1D;
	padding: 5px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px; 
	margin: 20px 2px;
	font-weight: bold;
	outline: none;
}

.directory_hub_mall_btn:focus {
	outline: none;
	box-shadow: none;
}

.directory-mobile{
	position: relative !important;;
}

.directory_bg_mobile{
	width: 100%;
	padding-right: 5%;
	padding-left: 5%;
}

.directory-bg-text{
	position: absolute !important;;
	top: 20% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 32px !important; 
	color:white !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

.directory-mobile-img{
	position: absolute !important;;
	top: 70% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;

}

.only-web{
	display: block;
}

.only-mobile{
	display: none;
}





/* ------------------------------ */
/*        Store Multiple Image 	  */
/* ------------------------------ */
.img-mul{
	height: 66rem !important;
}
.product-slider { padding-right: 11% ; }
.product-slider #carousel {
	/* border: 4px solid #1089c0; */
	margin: 0; }
.product-slider #thumbcarousel { 
	margin: 12px 0 0; 
	/* padding: 0 45px; */
 }
.product-slider #thumbcarousel .item { text-align: center; }
.product-slider #thumbcarousel .item .thumb { border: 2px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }
.product-slider #thumbcarousel .item .thumb:hover { border-color: #DF247F; }
.product-slider .item img { width: 100%; height: auto; }
.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }


/* ------------------------------ */
/*        Instagram			 	  */
/* ------------------------------ */
.instagram-page-controller{
	width: 100%;
	padding-right: 15%;
	padding-left: 15%;
}

/* ------------------------------ */
/*        Under-Maintenance		  */
/* ------------------------------ */
.maintenance-logo{
	padding-top: 15rem;	
	padding-bottom: 3rem;
}

.maintenance-color{
	color: white;
}

.maintenance-hover:hover {
	color: white;
}

.maintenance-title{
	padding-top: 20px;
	font-family: DINPro-Bold;
	font-size: 19pt;
	letter-spacing: 1.4px;
}

.maintenance-body{
	padding-top: 20px;
	font-family: DINPro-Medium;
	font-size: 14pt;
	letter-spacing: 1.4px;
	text-transform: none;
}

.maintenance-box-body {
	text-align: center;
	text-transform: none;
	padding: 0px 0;
  }
  
.maintenance-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #fff;
}