/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  	width:44px;
	height: 44px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity:1;
	-webkit-transition: all .3s ease;
	padding: 0;
    margin: -44px 0px 0px;
    border: 0;
    background: none;
	background-size: 100% !important;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button.previous {
  	left:6.8%;
	background:url(../images/icons/gold-prev-arrow.png) no-repeat top center;
}
.flickity-prev-next-button.next {
  	right:6.8%;
	background:url(../images/icons/gold-next-arrow.png) no-repeat top center;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 45px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 46px;
}

.flickity-prev-next-button .flickity-button-icon {
  /*position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;*/
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 45px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  z-index: 99;
  display:none;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 5px;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  background: #fff;
}




.carousel-cell {
  width:1165px;
  margin-right:15px;
} 
.carousel-cell .Col{
	position:relative;
	padding-bottom: 20px;
}
.carousel-cell .Col .ShortDesc{
	padding: 32px 45px 20px 45px;
    position: absolute;
    left: 170px;
    bottom: 0;
	min-height: 122px;
	    display: flex;
    align-items: center;
	opacity: 0;
	-moz-transition:all 0.8s ease-in-out;
	-webkit-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
}
.carousel-cell .Col .ShortDesc .TransWhiteBtn{
  margin-left: 30px;
}
.carousel-cell.is-selected .Col .ShortDesc{
	opacity:1;
}
.carousel-cell .Col .ShortDesc::before{
	content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    background: var(--gold);
}
.carousel-cell .Col .ShortDesc::after{
	content: '';
	position: absolute;
	background: url(../images/icons/slider-gold-text-after-shape.png) no-repeat top right;
	width: 103px;
	height: 25px;
	top: 0;
	right: -22px; 
}
.carousel-cell .Col .ShortDesc h2.Title{
	color: var(--white);
	font-size: 30px;
	line-height: 35px; 
	font-family: var(--lato-h);
	text-transform: uppercase;
	position: relative;
  width: 81%;
}
.TopWhiteBgSlider{
	padding:50px 0px;
}
.TopWhiteBgSlider .carousel-cell {
  width:1140px;
  margin-right:50px;
}
.TopWhiteBgSlider .flickity-button{
	display: none;
}
.TopWhiteBgSlider .carousel-cell .Col{
	background-color: var(--white);
	margin-bottom: 0px;
	padding: 10px 20px;
	min-height: 230px;
	/*height: 230px;
	    display: flex;
    align-items: center;
    justify-content: center;*/
	margin: 10px 0px;
	text-align: center;
	    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.TopWhiteBgSlider .carousel-cell .Col h2.Title{
	color: var(--blue);
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: var(--gotham-htfbold);
}