/* Estilos Login Alternativo */
label.error{ color: red; font-style: italic; font-size: 11px; }

#playground-container {
    height: 500px;
    overflow: hidden !important;

}
/***** Fonts IE fix *****/
	@font-face {
    font-family: 'Bebas';
	src: url('../fonts/BebasNeue-Regular.ttf');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
        /*url('../fonts/BebasNeue-webfont.woff') format('woff'), */
        url('../fonts/BebasNeue-Regular.ttf')  format('truetype'),
        url('../fonts/BebasNeue-webfont.svg#svgFontName') format('svg');
}

	@font-face {
	font-family: "SansPro";
	src: url("../fonts/SourceSansPro-Regular.ttf");
}
.main{
    margin-top:70px; 
    -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;
    background:#5C2134;
}

.fb:focus, .fb:hover{ color:FFF !important; }

body{
    font-family: 'Raleway', sans-serif;
}

.left-side{
    padding:0px 0px 0px;
    background-size:cover;
}

.left-side h3{
    font-size: 24px; color: #FFF; font-style: normal; font-weight: normal;
	font-family: 'Bebas',Arial,Helvetica,sans-serif;
	text-shadow: 0 1px 0 rgba(250, 250, 250, 0.01);
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	letter-spacing: normal;
	word-spacing: normal;
	margin-top: 15px;
    /*font-size: 20px;
    font-weight: 900;
    color:#FFF;
    padding: 50px 10px 00px 26px;*/
}

.left-side p{
    font-weight:500;
    color:#FFF;
    padding:10px 10px 10px 26px;
}

.left-side h1{	
	font-size: 36px; color: #5F5F5F; font-style: normal; font-weight: normal;
	font-family: 'Bebas',Arial,Helvetica,sans-serif;
	/*text-shadow: 0 1px 0 rgba(250, 250, 250, 0.01);*/
	text-shadow: 0 1px 0 #FFFFFF;
	letter-spacing: normal;
	word-spacing: 7px;
 } 

 .left-side h4{ 
	font-size: 21px; color: #FFF; font-style: normal; font-weight: normal;
	font-family: 'Bebas',Arial,Helvetica,sans-serif;
	text-shadow: 0 1px 0 rgba(250, 250, 250, 0.01);
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	letter-spacing: normal;
	word-spacing: normal;
	margin-top: 15px;
 }

.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:0px 0px 0px;
    background:#FFF;
    background-size:cover;
    min-height:514px;
}

.right-side h4{
    font-size: 21px; color: #B2945E; font-style: normal; font-weight: normal;
	font-family: 'Bebas',Arial,Helvetica,sans-serif;
	text-shadow: 0 1px 0 rgba(250, 250, 250, 0.01);
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	letter-spacing: normal;
	word-spacing: normal;
	margin-top: 15px;
    /*font-size: 30px;
    font-weight: 700;
    color:#000;
    padding: 50px 10px 00px 50px;*/
}

.right-side p{
    font-weight:600;
    color:#B2945E;
    padding:10px 50px 10px 50px;
}

.form{padding:10px 50px 10px 50px;}

.form-control{
    box-shadow: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #B2945E !important;
    border-top: 1px !important;
    border-left: none !important;
    border-right: none !important;
}

.btn-deep-purple {
    background: #5C2134;
    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);
}

.Myfooter {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #fff;
   /*color: white;*/
   box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
   /*text-align: center;*/
}