section.videos {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 30px 0px 10px 0px;
}

.videos .section_title_container{
	width: 100%;
	text-align: center;
}

section.videos .videos_container{
	position: relative;
	width: 100%;
	padding-top: 0%;
}

section.videos .videos_container .carousel_container_full{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 99;
}

/* Carousel Item */
section.videos .videos_container .carousel_container_full .owl-item{
	padding-top: 20px;
    padding-bottom: 20px;
}

section.videos .videos_container .carousel_container_full .carousel_item{
	padding-bottom: 56.25%;
	transition:.4s ease all;
	transform: scale(0.7);
	opacity:1;
	margin: 0px;
	cursor: grab;
	background-color: black;
	
}

section.videos .videos_container .carousel_container_full .active .carousel_item{
	opacity:1;
  		transform: scale(1);
  		cursor: pointer;
}

/* Iframe */
iframe.player {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(0,0,0);
}


/* Video */
.video_cover_container{
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgb(0,0,0);*/
}

.video_cover_container .video_cover{
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Videos covers */
.video_cover_container .video_cover.tv_commercial{
	background: url('../../img/videos/tv_s1.jpg');
    background-size: cover;
}

.video_cover_container .video_cover.movie{
	background: url('../../img/videos/the_movie_thumb.jpg');
    background-size: cover;
}




/* Video UX */
.video_cover_container .player_ux_full{
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_cover_container .player_ux_full .play_icon_container{
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background-color: rgba(255,255,255,1);
    border-radius: 50%;
    opacity: 0.8;
    cursor: pointer;
    transition: 0.2s ease all;
}

.video_cover_container .player_ux_full .play_icon_container .play_icon{
	width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid rgb(10,10,10);
    position: absolute;
    margin-left: 35px;
    margin-top: 25px;
}

.video_cover_container .player_ux_full .play_icon_container:hover{
	transform: scale(1.2);
	opacity: 1;
}


.player_ux_full .text_description_container {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 15px 0px 15px 0px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}

.player_ux_full .text_description_container p{
	font-family: burbank;
    color: white;
    font-weight: 700;
    line-height: 28px;
    font-size: 30px;
    padding-top: 5px;
    padding-left: 5px; padding-right: 5px;
    letter-spacing: 1px;
}

/* Arrows */
.carousel_container_full .arrow_wrapper .arrow_container{
	width: 100px;
	height: 100px;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	z-index: 99;
	cursor: pointer;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s ease all;
}

.carousel_container_full .arrow_wrapper .arrow_container:hover{
	background-color: rgba(0,0,0,0.9);
	transform: scale(1.2);
}

.carousel_container_full .arrow_wrapper .arrow_container.left{
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 228px;	
}

.carousel_container_full .arrow_wrapper .arrow_container.right{
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 228px;	
}

.carousel_container_full .arrow_wrapper .arrow_container .arrow_icon img{
	position: relative;
	width: 100%;
}



/* Bottom */
.rounded_bottom {
	position: relative;
	margin-left: -10%;
	width: 120%;
	height: 50px;
	background: rgb(255,255,255);
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	z-index: 9;
}

/* Media queries */
/* Phone Portrait */
@media only screen
and (max-width: 540px) {


	section.videos .videos_container{
		position: relative;
		width: 100%;
		padding-top: 0%;
		padding-bottom: 0%;
	}

	/* Carousel Item */
	section.videos .videos_container .carousel_container_full .carousel_item{
		background-color: transparent;
		padding-bottom: 56.25%;
	}

	/* Video container */
	section.videos .videos_container .carousel_container_full .carousel_item .video_frame_container{
		padding: 0%;
		box-sizing: border-box;
		background-color: transparent;
		 outline: none;
	}

	section.videos .videos_container .carousel_container_full .carousel_item .video_frame_container .video_content_container .video_cover_container{
		position: relative;
		width: 100%;
		height: 100%;
		outline-style: none;
	}

	/* Text */
	.player_ux_full .text_description_container{
		display: none;
	}

	/* Arrows */
	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 20%;
		/*height: 30%;*/
		height: 0px;
		padding-bottom: 20%;
	    border-radius: 50%;
	}


	.carousel_container_full .arrow_wrapper .arrow_container.left{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	    margin-bottom: -22%;
	    left: 0%;
	    margin-left: 20%;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	   margin-bottom: -22%;
	    left: 0%;
	    margin-left: 60%;	

	}

	/* Bottom */
	.rounded_bottom {
		margin-top: 15%;
	}

}

/* Phone Landscape */
@media only screen
and (min-width: 541px)
and (max-width: 720px) {

	/* Carousel Item */
	section.videos .videos_container .carousel_container_full .carousel_item{
		background-color: transparent;
		padding-bottom: 56.25%;
	}

	/* Video container */
	section.videos .videos_container .carousel_container_full .carousel_item .video_frame_container{
		padding: 0%;
		box-sizing: border-box;
		background-color: transparent;
		 outline: none;
	}

	section.videos .videos_container .carousel_container_full .carousel_item .video_frame_container .video_content_container .video_cover_container{
		position: relative;
		width: 100%;
		height: 100%;
		outline-style: none;
	}

	/* Text */
	.player_ux_full .text_description_wrapper{
		display: none;
	}

	/* Arrows */
	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 15%;
		/*height: 30%;*/
		height: 0px;
		padding-bottom: 15%;
	    border-radius: 50%;
	}


	.carousel_container_full .arrow_wrapper .arrow_container.left{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	    margin-bottom: -18%;
	    left: 0%;
	    margin-left: 30%;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	   margin-bottom: -18%;
	    left: 0%;
	    margin-left: 55%;	

	}

	/* Bottom */
	.rounded_bottom {
		margin-top: 15%;
	}

}

/* Tablet */
@media only screen
and (min-width: 721px)
and (max-width: 959px) {

	/* Arrows */
	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 12%;
		/*height: 30%;*/
		height: 0px;
		padding-bottom: 12%;
	    border-radius: 50%;
	}


	.carousel_container_full .arrow_wrapper .arrow_container.left{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	    margin-bottom: -13%;
	    left: 0%;
	    margin-left: 33%;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
		margin: auto;
	    position: absolute;
	    bottom: 0;
	   margin-bottom: -13%;
	    left: 0%;
	    margin-left: 55%;	

	}

	/* Bottom */
	.rounded_bottom {
		margin-top: 10%;
	}


}
/* Desktop */
@media only screen
and (min-width: 960px)
and (max-width: 1079px) {
	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 90px;
		height: 90px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 68px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 68px;	
	}

}


@media only screen
and (min-width: 1080px)
and (max-width: 1199px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 90px;
		height: 90px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 138px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 138px;	
	}

}


@media only screen
and (min-width: 1200px)
and (max-width: 1400px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 100px;
		height: 100px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 168px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 168px;	
	}

}


@media only screen
and (min-width: 1600px)
and (max-width: 1800px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 120px;
		height: 120px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 248px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 248px;	
	}

}

@media only screen
and (min-width: 1801px)
and (max-width: 1899px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 120px;
		height: 120px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 268px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 268px;	
	}

}


/* Text */
@media only screen
and (min-width: 1500px) {

	.player_ux_full .text_description_container p{
		font-size: 28px;
	}

}

/* Arrows position big screen */
@media only screen
and (min-width: 1900px)
and (max-width: 2099px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 120px;
		height: 120px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 315px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 315px;	
	}

}

@media only screen
and (min-width: 2100px)
and (max-width: 2200px) {

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 120px;
		height: 120px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 365px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 365px;	
	}

}

@media only screen
and (min-width: 2201px){

	.carousel_container_full .arrow_wrapper .arrow_container{
		width: 120px;
		height: 120px;
	}

	.carousel_container_full .arrow_wrapper .arrow_container.left{
	    left: 415px;	
	}

	.carousel_container_full .arrow_wrapper .arrow_container.right{
	    right: 415px;	
	}

}