/*//////////////////////////////////////////
/// BEGIN: General & Shared Styles
//////////////////////////////////////////*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	height: auto;
	background-color: #fff;
	font-family: 'Crimson Text', serif;
	font-size: 20px;
	line-height: 1.15;
}

a {
	outline: none;
	text-decoration: none;
}

img {
	max-width: 100%;
}

p {
	max-width: 50%;
	margin: 0 auto;
	font-size: 1.4vw;
}

ul,li {
	list-style: none;
}

/* BEGIN: Shared Classes
-----------------------------------*/
.container {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100vh;
	margin: 0;
	overflow: hidden;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
}

.container .content-left,
.container .content-right {
	position: relative;
	width: 50%;
	flex-basis: 50%;
}

/* BEGIN: Carousel
-----------------------------------*/
.container .content-left {
	background-color: #dedede;
	align-self:bottom;
}

.container .carousel_container {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}

.container .carousel_container .carousel {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.container .carousel_container .carousel .slide {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #dedede;
	text-align: center;
}

.container .carousel_container .carousel .slide > div {
	display: table-cell;
	vertical-align: middle;
}

.container .carousel_container .carousel .slide.first {
	position: relative;
}

.container .carousel_container .carousel .slide.ignore {
	display: none;
}

.container .carousel_container .carousel .slide img {
	display: block;
	max-width: 90%;
	max-height: 100%;
	margin: 0 auto;
}

/* Carousel Dots */
.container .carousel_container .carousel-pagination {
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	text-align: center;
}

.container .carousel_container .carousel-pagination li {
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	cursor: pointer;
	box-sizing: border-box;
}

.container .carousel_container .carousel-pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: transparent;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #fff;
	cursor: pointer;
	text-indent: -999em;
}

.container .carousel_container .carousel-pagination li a:hover,
.container .carousel_container .carousel-pagination li.active a {
	background-color: #fff;

}

/* BEGIN: Content
-----------------------------------*/
.content-right {
	display: table;
	height: 100%;
	text-align: center;
}

.content-right .content-wrapper {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.content-right .logo img {
	position: relative;
	margin: 0 0 7%;
	width: 21%;
}

.content-right .buttons_wrapper {
	position: relative;
	margin: 9% auto 15%;
}

.content-right .button {
	width: 25.5%;
	margin: 1%;
}

.content-right .buttons_wrapper a:hover {
	opacity: .7;
}

footer .copyright {
	font-size: 15px;
	font-style: italic;
}

/*//////////////////////////////////////////
/// BEGIN: Media Queries
//////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {

	.container .carousel_container .carousel-pagination li {
		width: 15px;
		height: 15px;
	}
}

/* BEGIN: iPad Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

	p {
		max-width: 75%;
		font-size: 20px;
	}

	.container {
		align-items: stretch;
		align-content: flex-start;
	}

	.container .content-left,
	.container .content-right {
		max-height: 100vh;
	}

	.container .carousel_container .carousel .slide img {
		max-width: 95%;
	}
}


@media only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	p {
		max-width: 85%;
		font-size: 20px;
	}

	.container {
		display: block;
		height: auto;
		overflow: initial;
	}

	.container .content-left,
	.container .content-right {
		width: 100%;
		flex-basis: 100%;
	}

	.container .carousel_container .carousel-pagination {
		bottom: 2%;
	}

	.content-right .content-wrapper {
		display: block;
		margin-top: 10%;
		vertical-align: top;
	}

	.content-right .logo img {
		width: 35%;
	}

	.content-right .button {
		width: 40%;
	}

	.copyright {
		padding-bottom: 10%;
	}

}