div.block-video-full {
	max-height: 75vh;
	min-height: 40vh;
	overflow: hidden;
	background: center / cover no-repeat;
	position: relative;
	padding: 75px 0;

	video {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 5;
		overflow: hidden;
	}
	.toggle-play {
		max-width: 1400px;
	    width: 100%;
	    margin: 0 auto;
	    position: absolute;
	    top: calc(100% - 100px);
	    bottom: 0;
	    padding: 0 30px;
	    height: 40px;
	    text-align: right;
	    z-index: 201;
	    left: 50%;
	    transform: translateX(-50%);

	    & > div {
	    	cursor: pointer;
	    }

	    &.left {
			text-align: left;
		}

		img {
			height: 40px;
		    width: 40px;
		    cursor: pointer;
    		
			&.play {
				display: none;
			}
		}
	}

	&.quote-container {
		max-height: none;
		min-height: 0;
		overflow: visible;
		transform: translateY(-100%);
    	z-index: 200;
    	margin-bottom: -50px;
    	padding: 0;

		.quote {
			position: relative;
			display: flex;
			align-items: center;
		    transform: translate(-50%, 50%);
		    max-width: calc(100% - 60px);
		    flex-direction: column;
	   		left: 50%;
			top: auto;
			bottom: 0px;
	        z-index: 90;
	        width: 675px;
			padding: 40px 80px;
			text-align: center;

			&:before {
			    margin: 0;
			    position: relative;
			    top: -20px;
			}
		}
	}

	&:not(.autoplay) .toggle-play {
		img.pause {
			display: none;
		}
		img.play {
			display: inline;
		}
	}
	@media (max-width: 1000px) {
		&.quote-container .quote,
		.toggle-play { 
			bottom: 100px;
			top: auto;
		}
		&.quote-container .quote {
			margin-bottom: -150px;

		}
	}
	@media (max-width: 850px) {
		&.quote-container .quote {
			width: 600px;
	        padding: 40px;
	        max-width: 100%;
		}
		.toggle-play {
			display: none;
		}
		&:not(.quote-container) {
			padding-top: 50px;
		}
	}
	@media (max-width: 600px) {
		padding-top: 40px;

		&.quote-container {
			margin-bottom: 0;

			.quote {
				bottom: 20px;
				margin-bottom: -100px;
			}
		}
	}

}