﻿

/*---location slider styles---*/

/* iframe footer*/
.foot_colum iframe {width: 100%;}

.wrap-home-location {
    width:100%;
    box-sizing: border-box;
}
.wrap-home-location .container-1 {
    padding:0;
}
.loc-slider-head {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.loc-slider-head h2 {
    font-size: 30px;
	color: #fff;
}
.location-slide-wrap {
    width:100%;
    background:#fff;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);
}
.location-slider-tabs {
    width:100%;
    background:#666;
/*    box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);*/
	border: 1px solid #666;
    position: relative;
    z-index: 2;
}

.location-slider-tabs .slick-track{
	gap: 1px;
	flex-wrap: wrap!important;
}

.location-slider-tabs .slick-slide {
	height: unset;
}

.location-slider-tabs .slick-slide div {
	height: 100%;
}

.location-slider-tabs .slick-track, .location-slider-tabs {
    display: flex !important;
/*    flex-wrap: wrap;*/
    justify-content: flex-start;
	align-items: stretch;
    transform: none !important;
    width:100%!important;
}
.location-slider-tabs .slick-list {
    width:100%!important;
}

.location-slider-tabs .slick-slide {
    width: 20% !important;
    box-sizing: border-box;
    cursor: pointer;
}

.location-slider-tabs .slick-slide.slick-current .loc-tab-slide {
	background: #D10000;
}


.kroeger-container{
	width:100%;
	display: flex;
	justify-content: space-between;
}

.kroeger-container img {
	height: auto;
	max-width: 200px;
}

.loc-tab-slide {
	display: flex!important;
	background: #444;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.loc-tab-slide h5 {
    display: block;
    padding:10px 5px;
    transition: .2s ease-in;
	margin-bottom: 0;
	color: #fff;
	font-size: 15px!important;
}
.loc-tab-slide:hover {
    background: #f40000;
}
.loc-tab-slide.slick-current h2 {
    background: #8c8c8c;
    color:#fff;
}
.location-slider {
    position: relative;
    z-index: 1;
	border-top: 10px solid #f40000;
}
.loc-slide {
    background:#fff;
}
.loc-slide-cont {
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.loc-info {
    width:40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap:20px 0;
    padding:20px;
    box-sizing: border-box;
}
.loc-info-left {
    width:100%;
    display: flex;
    flex-direction: column;
    gap:20px;
    text-align: left;
}
.loc-info-left h3 {
    font-family: "Jost", sans-serif;
    color:#000;
    font-size:30px;
    font-weight:600;
}
.loc-info-left a {
    color:#000 !important;
    font-size:16px;
    font-weight:500;
    transition: .2s ease-in;
}
.loc-info-left a:hover {
    color:#8c8c8c;
}
.loc-info-right {
	width: 100%;
}

.loc-info-right a {
    width:100%;
}
.loc-map {
    width:60%;
}
.loc-map iframe {
    width:100%!important;
    height: 100%!important;
    min-height: 300px;
}

.location-slider-tabs .slick-slide {
  width: auto !important;
  flex: 1 0 calc(100% / 7 - 1px);
  box-sizing: border-box;
}

.loc-logo-kroeger {
	align-content: right;
	height: auto;
	width: 30%;
}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1700px) {
  }
}
@media screen and (max-width: 1580px) {
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
	.location-slider-tabs .slick-track {flex-wrap:wrap;}
	.location-slider-tabs .slick-slide {width: calc(25% - 1px) !important;}
    
}
@media screen and (max-width: 950px) {
}
@media screen and (max-width: 780px) {
	 .location-dropdown {
    display: block;
  }
	
	.location-slider-tabs .slick-slide {
  width: auto !important;
  flex: 1 0 calc(100% / 3 - 1px);
  box-sizing: border-box;
}
  
}
@media screen and (max-width: 550px) {
	.loc-info, .loc-map {width: 100%;}
	.location-slider-tabs .slick-slide {width: calc(50% - 1px) !important;}
	.loc-tab-slide h5 {font-size: 12px!important; padding: 10px 5px;}
	
	.fullw {width:100%;}

.location-slider-tabs .click-slide{width:calc(33.3% - 1px)!important;
	
}
}
@media screen and (max-width: 375px) {
	
}