/* Images external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

.carousel img {
  display: block;
  max-height: 312px;
}

.flickity-prev-next-button {
	display: none;
}

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

.flickity-page-dots .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #fff;
    border-radius: 50%;
	border: 1px solid #aaa;
    opacity: 0.5;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
	background: #999;
	border: 1px solid #fff;
	opacity: 1;
}

@media screen and ( min-width: 768px ) {
  .carousel img {
    min-height: 100%;
  }
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)    and (min-width: 360px) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 360px) and (orientation: portrait),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 360px) and (orientation: portrait),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 360px) and (orientation: portrait),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 360px) and (orientation: portrait),
only screen and (                min-resolution: 192dpi) and (min-width: 360px) and (orientation: portrait),
only screen and (                min-resolution: 2dppx)  and (min-width: 360px) and (orientation: portrait) { 
	
	.flickity-viewport {
	height: 1008px !important;
	width: 100% !important;

	}
	.flickity-slider {
	position: absolute !important;
	width: 100% !important;
	left: 0px !important;
	}
	
	.carousel.phone img {
	display: block;
	width: 100% !important;
	height: 1008px !important;
	}
	.carousel.phone img.is-selected {

	}
	
	.flickity-page-dots .dot {
    width: 40px;
    height: 40px;
	margin: 0 20px;
	}
	
	
}