@import (reference) "bootstrap.less";

body{background-color: transparent;}

 
html{background-color: #fff;background: url(../../images/blur.png);background-size: cover;background-position: top;background-repeat: no-repeat;}
.navbar-inverse.affix-top{
	background: transparent;border: none; 
}
.header-section{
	.welcome{
		line-height: 25px;color: #fff;
		h1{  margin-bottom: 35px;}
		p{font-size: 18px;}
		li{
			font-size: 16px;
			.fa-question{color:lighten(@brand-primary,10%);}
		}
		.fa-cloud{  font-size: 220px; opacity: .3;  padding: 40px 0;}
		.btn-success{margin-bottom: 30px;}
	}
	&.agents{
		.panel{
			padding:20px;   margin-top: 10%;
			.row{  width: 100%; margin: 0;padding-top: 25%;text-align: center;}
			.text{min-height: 160px;}
			.fa{font-size: 70px}
			&.auth{
				background-color: @gray-lighter;
			}
		}		
	}
	&.half{
		h1{color: @brand-primary;}
		strong{color: darken(@brand-success, 10%);font-weight: normal;}
	}
}

footer .container-fluid{background:rgba(255, 255, 255, 0.5);position: absolute;width: 100%;bottom: 0;}

.section-text0{background-color: @brand-primary;color: #fff;font-size: 18px;padding: 30px;}
.section-text1{background-color: #fff;}
.section-text2{background-color: @gray-lighter;}

.register-form-panel{margin-top: 90px;}

@media(max-width: @screen-xs-max){
	.header-section{
    	.welcome{margin-top: 50px;}
    	&.half{
			img {margin: 30px 0;}			
		}
    }
}
@media(min-width: @screen-sm-min){    
	.header-section{		
		.welcome{margin-top: 50px;}
		&.half{
			padding: 80px 0;
			img {margin: 30px 0;}
		}
	}	
}  
@media(min-width: @screen-md-min){
	.header-section{
		&.half{
			padding: 80px 0;
			img {margin:  0;}
		}
	}	
	.section-text0{height: auto !important;}
	.section-text2 img,.section-text1 img{width:100%;}
}  
@media(min-width: @screen-lg-min){
	.header-section{
		height: 100vh;
		&.half{
			height: 50vh;
		}
	}
	.section-text2 img{width:auto;}
}