/* Add here all your css styles (customizations) */
/****************************** IFRAME YOUTUBE */


.youtube-container {
  cursor:pointer;
  position:relative;
  display:inline-block;
  z-index:0;
  background:black;
}
.youtube-container::after {
  position:absolute;
  top:50%;
  left:50%;
  content:' ';
  background:rgba(31, 31, 30,0.8);
  height:48px;
  width:68px;
  margin-left: -34px;
  margin-top:-24px;
    display: block;
    z-index:100;
    border-radius:3px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.youtube-container::before {
	left:50%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	    border-width: 20px;
    margin-top: -9px;
    margin-left: -8px;
    z-index: 200;
    border-right-width: 20px;
    border-left-width: 18px;
    border-bottom-width: 10px;
    border-top-width: 10px;
}
.youtube-container:hover::after {
  background:#E62117;
}
.youtube-container.load::after, .youtube-container.load:before {
  display:none;
}