/*universal*/

.slider-container {
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.slider-container .owl-carousel,
.slider-container .owl-carousel .owl-stage-outer,
.slider-container .owl-carousel .owl-stage {
	height: 100%;
}

.slider-container .owl-carousel .owl-item {
	width: auto;
	height: 100%;
	min-height: auto;
}

.slider-container .top-label {
	color: #FFF;
	font-size: 1.8em;
	font-weight: 300;
}

.slider-container .mid-label {
	color: #FFF;
	font-size: 1.8em;
	font-weight: 300;
}

.slider-container .main-label {
	color: #FFF;
	font-size: 4.5em;
	line-height: 1em;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

.slider-container .featured-label {
	color: #FFF;
	font-size: 52px;
	line-height: 52px;
	font-weight: 800;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.slider-container .bottom-label {
	color: #FFF;
	font-size: 1.5em;
	text-align: center;
	width: 38%;
}

.slider-container .owl-carousel .owl-controls {
	display: none;
}

.slider-container .btn-prev {
	position: absolute;
	top: 30%;
	left: 2%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url('../vendor/rs-plugin/assets/large_left.png');
	z-index: 1000;
}

.slider-container .btn-next {
	position: absolute;
	top: 30%;
	right: 2%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url('../vendor/rs-plugin/assets/large_right.png');
	z-index: 1000;
}

.slider-container .btn-prev:hover,
.slider-container .btn-next:hover {
	background-position: 0 -40px;
}

.owl-item {
	overflow: hidden;
}

.img-whoweare {
	position: absolute;
	display: block;
	right: 2%;
	bottom: 0%;
	width: auto;
}

.img-videomarketplace {
	position: absolute;
	display: block;
	width: auto;
}

/*small phones*/
@media screen and (max-width: 399px) {

	/*.slider-container {
		height: 450px;
	}*/

	.slider-container .slide1 .top-label {
		position: absolute;
		width: 40%;
		text-align: center;
		top: 18%;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide1 .mid-label {
		position: absolute;
		width: 90%;
		text-align: center;
		top: 23%;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide1 .main-label {
		position: absolute;
		top: 33%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90% !important;
		text-align: center;
		font-size: 3em;
	}

	.slider-container .slide1 .txt-elevating {
		left: 16.8%;
	}

	.slider-container .slide1 .txt-empowering {
		left: 14.3%;
	}

	.slider-container .slide1 .txt-engaging {
		left: 23.7%;
	}

	.slider-container .slide2 .title-border1 {
		position: absolute;
		top: 19.5%;
		right: 69%;
	}

	.slider-container .slide1 .title-border1 {
		position: absolute;
		top: 19.5%;
		left: 18%;
	}

	.slider-container .slide1 .title-border2 {
		position: absolute;
		top: 19.5%;
		left: 70%;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 40%;
		right: 13%;
		font-size: 3em;
	}

	.slider-container .slide2 .title-border2 {
		position: absolute;
		top: 19.5%;
		right: 21%;
	}

	.slider-container .slide2 .top-label {
		position: absolute;
		width: 40%;
		text-align: center;
		top: 18%;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 22%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		text-align: center;
		font-size: 2.5em;
	}

	.slider-container .slide2 .bottom-label {
		position: absolute;
		top: 37%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		font-size: 1.2em;
	}

	.img-whoweare {
		right: 0%;
		width: 100%;
	}

	.img-videomarketplace {
		left: 0%;
		bottom: 0%;
		width: 100%;
		transform: scale(0.9);
		transform-origin: top;
	}
}

/*big phones*/
@media screen and (min-width:400px) and (max-width: 499px) {

	/*.slider-container {
		height: 500px;
	}*/

	.slider-container .slide1 .top-label {
		position: absolute;
		top: 16.5%;
		width: 40%;
		text-align: center;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide1 .mid-label {
		position: absolute;
		width: 90%;
		text-align: center;
		top: 23%;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide1 .main-label {
		position: absolute;
		display: block;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		text-align: center;
		top: 28%;
		font-size: 4em;
	}

	.slider-container .slide1 .txt-elevating {
		left: 13.8%;
	}

	.slider-container .slide1 .txt-empowering {
		left: 9.1%;
	}

	.slider-container .slide1 .txt-engaging {
		left: 20.7%;
	}

	.slider-container .slide1 .title-border1 {
		position: absolute;
		top: 18%;
		left: 25%;
	}

	.slider-container .slide1 .title-border2 {
		position: absolute;
		top: 18%;
		left: 66%;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 40%;
		right: 13%;
		font-size: 4em;
	}

	.slider-container .slide2 .title-border1 {
		position: absolute;
		top: 19.5%;
		right: 63%;
	}

	.slider-container .slide2 .title-border2 {
		position: absolute;
		top: 19.5%;
		right: 28%;
	}

	.slider-container .slide2 .top-label {
		position: absolute;
		width: 40%;
		text-align: center;
		top: 18%;
		right: 0%;
		left: 0%;
		margin: auto;
		font-size: 1.5em;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 22%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		text-align: center;
		font-size: 2.5em;
	}

	.slider-container .slide2 .bottom-label {
		position: absolute;
		top: 37%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		font-size: 1.2em;
	}

	.img-whoweare {
		right: 0%;
		width: 100%;
	}

	.img-videomarketplace {
		left: 0%;
		bottom: 0%;
		width: 100%;
		transform: scale(0.9);
		transform-origin: top;
	}
}

/*tablets*/
@media screen and (min-width: 500px) and (max-width: 1137px) {
	/*.slider-container {
		height: 700px;
	}*/

	.slider-container .slide1 .top-label {
		position: absolute;
		top: 18%;
		left: 26.6%;
	}

	.slider-container .slide1 .mid-label {
		position: absolute;
		top: 21.8%;
		left: 10%;
		font-size: 1.5em;
	}

	.slider-container .slide1 .main-label {
		position: absolute;
		top: 25%;
	}

	.slider-container .slide1 .txt-elevating {
		left: 10.8%;
	}

	.slider-container .slide1 .txt-empowering {
		left: 9.1%;
	}

	.slider-container .slide1 .txt-engaging {
		left: 14.7%;
	}

	.slider-container .slide1 .title-border1 {
		position: absolute;
		top: 18.8%;
		left: 19.6%;
	}

	.slider-container .slide1 .title-border2 {
		position: absolute;
		top: 18.8%;
		left: 48.1%;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 40%;
		right: 13%;
	}


	.slider-container .slide2 .title-border1 {
		position: absolute;
		top: 15%;
		right: 58.5%;
	}

	.slider-container .slide2 .title-border2 {
		position: absolute;
		top: 15%;
		right: 36.5%;
	}

	.slider-container .slide2 .top-label {
		position: absolute;
		width: 40%;
		text-align: center;
		top: 14%;
		right: 0%;
		left: 0%;
		margin: auto;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 17%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 90%;
		text-align: center;
	}

	.slider-container .slide2 .bottom-label {
		position: absolute;
		top: 35%;
		right: 0%;
		left: 0%;
		margin: auto;
		width: 65%;
	}

	.img-videomarketplace {
		left: 0%;
		bottom: 0%;
		transform: scale(0.9);
		transform-origin: top;
	}
}

/*laptop @ pc*/
@media screen and (min-width: 1138px) {

	.slider-container {
		height: 100%;
	}

	.slider-container .slide1 .top-label {
		position: absolute;
		top: 36%;
		left: 22.3%;
	}

	.slider-container .slide1 .mid-label {
		position: absolute;
		top: 40.8%;
		left: 11%;
		font-size: 1.8em;
	}

	.slider-container .slide1 .main-label {
		position: absolute;
		top: 44.8%;
	}

	.slider-container .slide1 .txt-elevating {
		left: 14.3%;
	}

	.slider-container .slide1 .txt-empowering {
		left: 13%;
	}

	.slider-container .slide1 .txt-engaging {
		left: 17.25%;
	}

	.slider-container .slide1 .title-border1 {
		position: absolute;
		top: 37%;
		left: 19.3%;
	}

	.slider-container .slide1 .title-border2 {
		position: absolute;
		top: 37%;
		left: 33.2%;
	}

	/*slide 2*/

	.slider-container .slide2 .title-border1 {
		position: absolute;
		top: 34%;
		right: 33%;
	}

	.slider-container .slide2 .title-border2 {
		position: absolute;
		top: 34%;
		right: 20.6%;
	}

	.slider-container .slide2 .top-label {
		position: absolute;
		top: 33%;
		right: 24%;
	}

	.slider-container .slide2 .main-label {
		position: absolute;
		top: 37%;
		right: 8%;
	}

	.slider-container .slide2 .bottom-label {
		position: absolute;
		top: 60%;
		right: 9%;
	}

	.img-videomarketplace {
		left: 6.5%;
		bottom: 4.5%;
	}
}