.tooltip {
  position: relative;
  display: inline-block;
	transition: all .3s;
}

.tooltip .tooltiptext {
  visibility: hidden;
 width: 140px;
    background-color: #3a3a3a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 63%;
    margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;	transition: all .3s;

}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    transform: rotate(3.1rad);
    border-style: solid;
    border-color: #3a3a3a transparent transparent transparent;	transition: all .3s;

}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


#filmsCont{
	height: 100%;
	width: 100%
}

@media (min-height: 56.25vw) {

#filmsCont iframe{
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:500%;
	height:100%;
}
}

@media (max-height: 56.25vw) {

#filmsCont iframe{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	width:100%;
	height:5000%;

}
}

#filmsCont iframe{
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	z-index: -99999999999999999999999999999999;
}

.overlayVideo{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	height: 100%!important;
	width: 105%!important;
	pointer-events: none;
	z-index: 2;
}

html body #filmsCont iframe html body #player div.vp-player-layout div.vp-player-inner div.vp-controls-wrapper{
	display: none!important
}

.contFimBox, #titleFilm, .contFimBox h1, .contFimBox h2, #titleFilmIn{
	color: #FFF!important;
    z-index: 2;
    position: absolute;
}

.swiper-container{
	position: absolute;
    height: 100%;
	background-color: transparent;
    top: 0;
    width: 100%;
}

.bg_video{
    position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -1000;
    background: url(images/nome-do-video.jpg) no-repeat;
    background-size: cover; 
}
.swiper-slide{
		overflow: hidden
}

.video_contain {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
	z-index: -1000;
	left: 50%;
	transform: translateX(-50%);

}

.contFimBox{
	position: absolute;
	color: #fff;
	left: 40px;
	top: 125px;
}

.contFimBox h3 {
	font-family: Gotham_Light;
}
	#titleFilm, .contFimBox{
		top: 0;
		left: 0;
		position: absolute;
}

@media (min-width: 600px) {
	
	#titleFilm{
		margin: 100px 90px;
	}
	
	.contFimBox {
		margin: 180px 90px;
		}
}
@media (max-width: 599px) {
	
	#titleFilm{
		margin: 13vw 8vw;
	}

	.contFimBox{
		margin: 25vw 8vw;
		}
}

.buttonWatch{
	border: solid 2px #FFF;
	text-align: center;
	padding:7px 8px 3px;
	border-radius: 13px;
	margin-top: 55px;
	transition: all .5s;
	transform-origin: center center;
	width: 140px;
	position: absolute;
    height: 38px;
}

.buttonWatch:hover{
	transform: scale(1.1);
}
.buttonWatch:hover p {
	transform: scale(.85);	
}
.buttonWatch p{
	letter-spacing: 1px;
	font-size: 1em;
	font-family: Gotham_Bold;
	color: #FFF
}
.buttonShare{
	border: solid 2px #FFF;
	font-family: Gotham_Black;
	text-align: center;
	padding:4px 10px 7px 10px;
	border-radius: 13px;
	margin-top: 55px;
	letter-spacing: 1px;
	transition: all .5s;
	transform-origin: center center;
	margin-left: 160px;
	position: relative;
	display: inline-block
}

.buttonShare:hover{
	transform: scale(1.1);
}
.buttonShare:hover img{
	transform: scale(.7);
}
.buttonShare img, .buttonWatch p{
	transition: all .5s;
}

.swiper-pagination-bullet{
	background-color: #FFF!important;
}
.blackOverlay{
	height: 100%;
	width: 100%;
	background-color: rgba(10,10,10,.95);
	z-index:3;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity .5s;
}
.videoContIframeOut{
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	height: 100%;
}

.exitVideo{
	position: absolute;
	z-index: 3;
	transition: all .5s;
	opacity: .5;
	border: 30px solid transparent
}

.exitVideo:hover{
	transform: scale(1.2);
	opacity: 1
}

@media (max-width: 600px){
	
	.exitVideo{
		opacity: 1
	}

}

.hidee{
	opacity: 0;
	pointer-events: none
}
.hamburger.hamburger--collapse.is-active.close-nav .hamburger-inner,
.hamburger.hamburger--collapse.is-active.close-nav .hamburger-inner::before,
.hamburger.hamburger--collapse.is-active.close-nav .hamburger-inner::after{
	background-color: #686868!important
}