@font-face{
	font-family: 'cabin-regular'; /*a name to be used later*/
    src: url('../../../common/fonts/cabin-regular-webfont.ttf'); /*URL to font*/
}
#popup{
    width:85%;
    height:60%;
    margin-left:6%;
    margin-top:6%;
    background:white;
    position:absolute;
    border-radius:15px;
    border:solid 3px #29ABE2;
    display:none;
    z-index:3;
}

#popup p{
	font-size:1.8em;
	padding:0% 4% 0% 4%;
	text-align:justify;
	color:#1B1464;
	font-family:cabin-regular;
}

p b{
	font-size:1.04em;
}

#popup i{
	color:#1B1464;
	padding:0 1% 0 0;
	font-size:0.7em;
	vertical-align:middle;
}

.custom_btn{
	position:absolute;
	z-index:10;
	width:5%;
	height:8%;
	background:white;
	border-radius:10px;
	border:solid 3px #29ABE2;
}

.custom_btn i{
	color:#29ABE2;
	font-size:3.5em;
	margin:0 0 0 23%;
	line-height:1.2em;
}

#btn_ayuda{
	bottom:3%;
	right:4%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

#btn_ayuda:hover{
	cursor:pointer;
	opacity:0.85;
}

.yt_player{
	position:absolute;
	top: 17% !important;
	left:15% !important;
	width:70%;
	height: 75%;
	display:none;
}


.yt_play{
	width:15%;
	height: 23%;
	position:absolute;
	left:42%;
	top: 47%;
	background:rgba(204, 204, 204, 0.7);
	border-radius:10px;
}

.yt_play:hover{
	width:15.5%;
	height:23.5%;
	cursor:pointer;
	background:rgba(204, 204, 204, 0.8);
}


.yt_play div{
	position:absolute;
	width:60%;
	height:80%;
	top:10%;
	left:20%;
	padding:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70.5px 0 70.5px 140px;
	border-color: transparent transparent transparent #4D4D4D;
}

#yt_player{
	position:absolute;
	width:85%;
	height:90%;
	left:10%;
	top:5%;
}