@-webkit-keyframes ball-scale-multiple
{
	0%
	{
		height: 100%;
		opacity: .6;
		top: 0;
	}
	50%
	{
		height: 0%;
		opacity: 0;
		top: 50%;
	}
	100%
	{
		height: 100%;
		opacity: .8;
		top: 0;
	}
}
.loaderWrap
{
	background: rgba(0,0,0,0.2);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 111;
}
.ball-scale-multiple
{
	height: 50px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
}
.ball-scale-multiple>div
{
	animation: ball-scale-multiple .5s 0s linear infinite;
	animation-fill-mode: both;
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 20%;
}
.ball-scale-multiple>div:nth-child(1)
{
	animation-delay: .1s;
	left: 0%;
}
.ball-scale-multiple>div:nth-child(2)
{
	animation-delay: .2s;
	left: 20%;
}
.ball-scale-multiple>div:nth-child(3)
{
	animation-delay: .3s;
	left: 40%;
}
.ball-scale-multiple>div:nth-child(4)
{
	animation-delay: .4s;
	left: 60%;
}
.ball-scale-multiple>div:nth-child(5)
{
	animation-delay: .5s;
	left: 80%;
}
.a-container
{
	margin: 0 auto;
	width: 1170px;
}
.a-1_2
{
	display: inline-block;
	margin: 0 1%;
	width: 48%;
}
.o-sliderContainer
{
	background: #fff;
	float: left;
	height: auto;
	margin: 0;
	min-height: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.o-sliderContainer.hasShadow
{
	box-shadow: 0 39px 22px -29px rgba(0,0,0,0.2);
}
.o-sliderContainer:hover .o-slider-next
{
	right: 0;
}
.o-sliderContainer:hover .o-slider-prev
{
	left: 0;
}
.o-slider
{
	display: none;
	position: relative;
	width: auto;
}
.o-slider.isVisible
{
	background: #000;
	display: table;
}
.o-slider.isDraggable
{
	cursor: move;
}
.o-slider--item
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	opacity: 0.9;
	overflow: hidden;
	transform: scale(1, 1);
	transform-origin: center center;
	transition: all 0.2s cubic-bezier(0.7, 0.18, 0.53, 0.75);
	width: 0;
	z-index: 99;
}
.o-slider--item::after
{
	background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, transparent 70%);
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, transparent 70%);
	background: -ms-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, transparent 70%);
	background: -o-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, transparent 70%);
	background: rgba(0,0,0,0.3);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(70%, transparent));
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.6) 0%, transparent 70%);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.o-slider--item.isActive
{
	opacity: 1;
	padding: 0 40px;
	transform: scale(1, 1);
}
.o-slider--item.isMoving
{
	opacity: 0.6;
	overflow: hidden;
	z-index: 100;
}
.o-slider--item.isActive .a-sliderBg
{
	height: 0;
	margin-left: 5%;
	top: 50%;
	transform: rotate();
	width: 0;
}
.o-slider--item.isActive .a-sliderBg:nth-child(even)
{
	width: 0;
}
.o-slider-textWrap
{
	bottom: 45px;
	height: auto;
	left: 2%;
	opacity: 1;
	overflow: visible;
	padding: 0 0 20px 0;
	perspective: 1000px;
	position: absolute;
	text-align: left;
	transition: all 0.4s;
	width: 96%;
	z-index: 2;
}
.isActive .o-slider-textWrap::after
{
	left: 0;
	width: 100%;
}
.isActive .o-slider-paragraph
{
	opacity: 1;
	transition-delay: 1s;
}
.isActive .o-slider-title
{
	opacity: 1;
	transition-delay: 0.2s;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
}
.isActive .o-slider-subTitle
{
	opacity: 1;
	transition-delay: 0.6s;
}
.o-slider-title,.o-slider-subTitle,.o-slider-paragraph
{
	color: #fff;
	display: inline-block;
	font-size: 1.4rem;
	height: auto;
	margin: 0 0 5px 0;
	opacity: 0;
	padding: 0;
	position: relative;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	transform-origin: 0 0;
	transition: all 0.4s;
	width: auto;
	z-index: 1;
}
.o-slider-subTitle
{
	font-size: 1.2rem;
}
.o-slider-paragraph
{
	font-size: 0.8rem;
	max-width: 100%;
}
@media screen and (min-width: 768px)
{
	.o-slider-textWrap
	{
		left: 5%;
		width: 90%;
	}
	.o-slider-title
	{
		font-size: 1.8rem;
	}
	.o-slider-subTitle
	{
		font-size: 1.4rem;
	}
	.o-slider-paragraph
	{
		display: block;
		font-size: 1rem;
		max-width: 60%;
	}
}
.o-slider-paragraph::after
{
	background: rgba(0,0,0,0.6);
	bottom: 0;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: skew(0, -10deg) translate(100px, 50px);
	transition: all 0.4s;
	width: 0;
	z-index: -1;
}
.o-slider-title::after
{
	background: rgba(0,0,0,0.6);
	bottom: 0;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: skew(0, -10deg) translate(100px, 50px);
	transition: all 0.4s;
	width: 0;
	z-index: -1;
}
.o-slider-subTitle::after
{
	background: rgba(0,0,0,0.6);
	bottom: 0;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: skew(0, -10deg) translate(100px, 50px);
	transition: all 0.4s;
	width: 0;
	z-index: -1;
}
.a-divider
{
	display: block;
	height: 1px;
	margin: 2px 0;
	width: 100%;
}
.o-slider-controls
{
	display: none;
}
.o-slider-controls.isVisible
{
	display: block;
}
.o-slider-pagination
{
	bottom: 2%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 555;
}
.o-slider-pagination>li
{
    background-clip: padding-box;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 2px 0 rgba(0,0,0,0.4) inset;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    left: 0;
    margin-left: 6px;
    margin-right: 6px;
    position: relative;
    right: 0;
    top: 0;
    transition: all 250ms;
    width: 14px;
    z-index: 100;
}
.o-slider-pagination>li.isActive,.o-slider-pagination>li:hover
{
	background-color: rgba(255,255,255,0.9);
	transform: scale(1.3, 1.3);
}
.o-slider--preview
{
	background-position: center center;
	background-size: cover;
	border: 3px solid #000;
	bottom: auto;
	display: none;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
	height: 60px;
	left: -65px;
	opacity: 0;
	position: absolute;
	right: auto;
	top: -70px;
	transform: scale(0.2, 0.2);
	transform-origin: center bottom;
	transition: all 250ms;
	webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
	width: 140px;
	z-index: -1;
}
.o-slider--preview::before
{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
	bottom: -13px;
	content: "";
	height: 0;
	left: 50%;
	margin: 0 0 0 -5px;
	position: absolute;
	right: auto;
	top: auto;
	width: 0;
}
.o-slider--preview.isActive,.o-slider-pagination li:hover .o-slider--preview
{
	bottom: auto;
	left: -65px;
	opacity: 1;
	position: absolute;
	right: auto;
	top: -76px;
	transform: scale(1, 1);
}
.o-slider-arrows
{
	display: block;
	list-style: none;
	margin: 0;
}
.o-slider-next,.o-slider-prev
{
	cursor: pointer;
	display: inline-block;
	height: 100%;
	left: -100px;
	line-height: 100%;
	list-style: none;
	margin: 0;
	margin: -12px 0 0;
	padding: 0;
	padding: 10px 25px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.4s;
	vertical-align: middle;
	width: auto;
	z-index: 888;
}
.o-slider-next i,.o-slider-prev i
{
	color: #fff;
	font-size: 3.5rem;
	left: 0;
	line-height: 1;
	margin: 0;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	top: 56%;
	top: calc(50% + 25px);
	transform: translate(0, -50%);
	width: 100%;
	height: 50px;
}

.o-slider-next i:before {
	position: absolute;
	content: '';
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 50%;
	height: 50%;
	top: 0px;
	left: 0px;
	transform: rotate(-45deg);
}


.o-slider-prev i:before {
	position: absolute;
	content: '';
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 50%;
	height: 50%;
	top: 0px;
	right: 0px;
	transform: rotate(45deg);
}

.o-slider-next
{
	left: auto;
	right: -100px;
}
.isDisabled
{
	cursor: auto;
	opacity: 0.1;
}
@media screen and (min-width: 768px)
{
	.o-slider--preview
	{
		display: block;
	}
}
@media screen and (min-width: 1024px)
{
	.o-slider-pagination
	{
		bottom: 4%;
	}
	.o-slider-textWrap
	{
		bottom: 50px;
		left: 70px;
		width: 80%;
	}
	.o-slider-title
	{
		font-size: 2rem;
	}
	.o-slider-subTitle
	{
		font-size: 1.6rem;
	}
	.o-slider-paragraph
	{
		font-size: 1.2rem;
		max-width: 40%;
	}
}
@media screen and (max-width: 1280px)
{
	.a-container
	{
		width: 970px;
	}
}
@media screen and (max-width: 1024px)
{
	.o-slider-arrows
	{
		display: none;
	}
	.o-sliderContainer
	{
		height: 450px;
		margin: 0 0 50px 0;
		width: 100%;
	}
	.o-slider--item
	{
		height: 450px;
	}
}
@media screen and (max-width: 768px)
{
	.a-container
	{
		margin: 20px auto;
		width: 90%;
	}
	.a-1_2
	{
		display: block;
		margin: 0;
		width: 100%;
	}
	.o-slider-arrows
	{
		display: none;
	}
	.o-sliderContainer
	{
		height: 350px;
	}
	.o-slider--item
	{
		height: 350px;
	}
	.o-slider-panel img
	{
		left: -15%;
		width: 130%;
	}
}
@media screen and (max-width: 480px)
{
	.o-slider--item
	{
		height: 270px;
	}
	.o-slider--item img
	{
		left: -20%;
		width: 140%;
	}
	.o-sliderContainer
	{
		height: 270px;
	}
}
.slider-pagination>li:hover
{
	background-color: rgba(255,255,255,0.9);
	transform: scale(1.3, 1.3);
}
.a-footer
{
	background: #222;
	color: #ccc;
	padding: 10px 0;
}
.a-footer a
{
	color: white;
	text-decoration: none;
}
.codepen_logo
{
	bottom: -2px;
	fill: white;
	height: auto;
	position: relative;
	width: 17px;
}

.bnt_player_html {
	z-index: 999;
	position: absolute;
	color: #fff;
	top: 10px;
	cursor: pointer;
	left: 49%;
	left: calc(50% - 24px);
	top: 50%;
}

.bnt_player_html:before {
	display: block;
	content: '';
	border: 36px solid transparent;
	border-left: 64px solid #fff;
	position: absolute;
	top: -50px;
}


.o-sliderContainer .bnt_player_html.paused:before {
	display: block;
	content: '';
	border: 0px;
	width: 35px;
	height: 64px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	opacity: 0;
}

.o-sliderContainer:hover .bnt_player_html.paused:before { 
	opacity: 0.6;
}

.o-sliderContainer .video_wrapper {
    position: absolute;
    width: 100%;
    left: 0px;
    top: -52%;
    top: calc(50% - 480px);
}