@charset "utf-8";
/* CSS Document */
#playground-container {
    height: 500px;
    overflow: hidden !important;
    
}
.main{margin-top:30px;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
padding:0px;
}
.fb:focus, .fb:hover{color:FFF !important;}
body{
/*background-image:url(https://i.ytimg.com/vi/Q3_fuZVyFtY/maxresdefault.jpg);*/
background:url(../images/JOVENES.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
font-family: 'Raleway', sans-serif;
}
.Oblig {
    color:red;
    font-size:22px;
    font-weight:bold;
}
.left-side{
	padding:0px 0px 210px;
	background:#000;
	background-size:cover;
}
.left-side h1{
	font-size: 70px;
	font-weight: 900;
	color:#FFF;
	padding: 0px 10px 00px 26px;
	text-align:center
	}
	
	.left-side p{
    font-weight:600;
	color:#FFF;
	padding:10px 10px 10px 26px;
	}

	
	.fb{background: #2d6bb7;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 15px;
	margin-left:26px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
	.tw{background: #20c1ed;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 15px;-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);}
	
	.right-side{
	padding: 15px 0px 15px;
	background:#FFF;
	background-size:cover;
	min-height: 450px;
}
	.right-side h1{
	font-size: 30px;
	font-weight: 700;
	color:#f37626;
	padding: 4px 5px 5px 20px;
	}
	.right-side p{
    font-weight:600;
	color:#848484;
	padding:4px 5px 5px 20px;
	}
	.form{padding:10px 20px 10px 20px;}
    .form-control{box-shadow: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #1b9ed9 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;}
	.btn-deep-purple {
    background: #f37626;
    border-radius: 18px;
    padding: 5px 19px;
    color: #FFF;
    font-weight: 600;
    float: right;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
}
	.btn-deep-purple:hover{ 
		color:#fff;
		background:#1b9ed9;
	}
.white {
	color:#fff;
}
.celes {
	color:#1b9ed9;
}
 @media (max-width:600px){
			.right-side {
    			min-height: 470px;
				margin-bottom:1em;
			}
 }