/* === LOCATION CAROUSEL CSS === */


.location-carousel-main-content .content > p{margin-bottom: 8px}
.location-carousel-main-content .card-arrows{margin-top: 33px;}

ul.card-arrows li.card-arrow-item.prev > a > span.icon{transform: rotate(180deg);}
ul.card-arrows li.card-arrow-item.prev{margin-right: 24px}

.location-carousel-inner-wrapper{
  min-height: 610px;
  position: relative;
}
.location-carousel-inner-wrapper:after {
  content: '';
  background: linear-gradient(180deg, rgba(44, 63, 69, 0.6) 0%, rgba(44, 63, 69, 0) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
}
.location-carousel-inner-wrapper .container-fluid-fw {
  padding-left: calc((100% - 1200px)/2);
  position: relative;
  z-index: 1;
}
.location-carousel-list-wrapper > .slick-list{
  /* width: 111%; */
  /* padding: 0 11% 0 0; */
  padding-left: 0 !important;
}
.location-carousel-list-wrapper > .slick-list::before{content: '';position: absolute;width: auto;height: 100%;right: 0;box-shadow: -1px 0px 6px 1px rgba(0, 0, 0, 0.25);z-index: 1;}

.location-card{
  text-decoration: none;
  display: flex;
  min-height: 508px;
  padding: 30px;
  position: relative;
  border-bottom-right-radius: 60px;
   align-items: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
}

.location-card .content-wrap {
  position: relative;
  z-index: 100;
}
.location-card .content-wrap a.cta-white {
  margin-top: 32px;
}

.location-card:after {
    content: '';
    background: url(~/media/Images/E/Ependion-Corp/content-images/carousel/carousel-shadow.png) no-repeat scroll center;
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: -1px;
    border-bottom-right-radius: 55px;
    background-size: cover;
    right: -1px;
}

.location-card:hover{text-decoration: none}
.location-card .flag-image{height: 48px; width: 48px;border-radius: 100px;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));margin-bottom: 21px;}
.location-card .country-title{margin-bottom: 12px;}
.location-card .sub-title{margin-top: 14px;margin-bottom: 6px;}
.location-card .link-cta{
  
}

.location-carousel-inner-wrapper ul.slick-dots {
  margin-top: 64px;
  padding-left: 15px;
  display: flex;
  margin-bottom: 0;
}

.location-carousel-inner-wrapper ul.slick-dots li {
  margin: 0 16px 0 0;
  line-height: normal;
  height: 12px;
  width: 12px;
}

.location-carousel-inner-wrapper ul.slick-dots li button {
  background: transparent;
  border: none;
  position: relative;
  text-indent: -9999999px;
  padding: 0;
  line-height: normal;
  height: 12px;
  overflow: hidden;
  vertical-align: top;
}

.location-carousel-inner-wrapper ul.slick-dots li button:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #648D9E;
  display: block;
  border-radius: 50%;
}

.location-carousel-inner-wrapper ul.slick-dots li.slick-active button:before {
  background: #E3A52A;
}


@media all and (max-width: 1439.98px){
  .location-carousel-list-wrapper > .slick-list{width: 100%;}
}


@media all and (min-width: 992px) and (max-width: 1199.98px) {
  
  
  .location-carousel-inner-wrapper ul.slick-dots {
    margin-top: 32px;
  }
  
  .location-carousel-inner-wrapper .container-fluid-fw {
    padding-left: 15px;
    
  }
  
}

@media all and (min-width: 768px) and (max-width: 991.98px) {
  
  
  .location-carousel-inner-wrapper ul.slick-dots {
    margin-top: 32px;
  }
  
  .location-carousel-inner-wrapper .container-fluid-fw {
    padding-left: 15px;
    
  }
  
}

@media all and (max-width: 767.98px){
  .location-carousel-inner-wrapper .container-fluid-fw {
    padding-left: 15px;
    
  }
  
  .location-card {  
    padding: 25px 15px;
  }
  
  .location-carousel-inner-wrapper ul.slick-dots {
    margin-top: 32px;
  }
  
  .location-carousel-main-content {
      margin-bottom: 30px;
  }
}

body.ip3-edit .location-carousel-list-wrapper .component-wrapper .component-content {min-width: 1200px;}
/* === LOCATION CAROUSEL CSS === */