body{
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 16px;
	line-height: 25px;
	color: #2f2f2f;
	background-color:#fff;
}


#content{
    padding: 30px 0;
}

#baner-text{
    font-size:50px; 
    line-height: 1.6em; 
    color:#f5f5f5;  
    text-shadow: 1px 1px 1px #2f2f2f;
    position:relative;   
    font-weight:400;
    text-align:center;
}

.padding-main-top{
    margin-top:5%;
}

#main-container {    
    min-height:80vh;
    padding-top:50px;
}

.main-box{
    background-color: rgba(0,0,0,0.5);
    border:1px solid #383838;
    color:#eee;
    padding:20px;
}

.main-box a{
    color:#eee;
}

.main-box .form_error_delimiters{
    background-color: rgba(255,255,255,0.6);
    margin: 0 auto;
    padding: 3px;
    margin-top: 4px;
    color:#990000;
    text-align:center;
    border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;    
}

.main-box .main-title{
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    font-size: 36px;
    text-align:center;
}

.main-bg{
    background: linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0, 0.2)), url("../img/baner/baner1.jpg") fixed center center;
    background-size: cover;
}

.navbar {
    background-color: #fff;
    border-bottom:1px solid #ccc;
    opacity:0.9;
}

footer{
    background-color: #343a40;
    color:#fff;
}

#footer{
      font-size:14px;  
      padding:30px;
      min-height: 20vh;
}

#footer .info{
    font-size: 20px;
    text-align:left;
    line-height: 1.5em;
}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.clear{
    clear:both;
}


.app-btn{
    border-radius:0;
}



@media (min-width: 768px) { 
.padding-main-top{
    margin-top:15%;
}

}