/** BIO BANNER **/
.bio-banner						{ padding:150px 0px; font-size:1.4em; position:relative; }
.bio-banner .text				{ width:100%; max-width:600px; position:relative; z-index:2; }
.bio-banner .text h1			{ font-weight:300; font-size:2.6em; }
.bio-banner .text .sub-title	{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; display:block; font-weight:600; }
.bio-banner .text p				{ line-height:1.6em; }
.bio-banner .overlay			{ position:absolute; z-index:1; top:0; left:0; bottom:0; right:10%; } 

.bio-banner						{ background:#EFEFEF url(backgrounds/about-01.jpg) no-repeat 100% 0%; }
.bio-banner .text h1			{ color:#e5097f; }
.bio-banner .text .sub-title	{ color:#40b34f; border-bottom:2px solid #40b34f; }
.bio-banner .overlay			{ background: -moz-linear-gradient(left,  rgba(239,239,239,1) 0%, rgba(239,239,239,1) 20%, rgba(239,239,239,0) 100%); /* FF3.6-15 */
								  background: -webkit-linear-gradient(left,  rgba(239,239,239,1) 0%,rgba(239,239,239,1) 20%,rgba(239,239,239,0) 100%); /* Chrome10-25,Safari5.1-6 */
								  background: linear-gradient(to right,  rgba(239,239,239,1) 0%,rgba(239,239,239,1) 20%,rgba(239,239,239,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
								  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=1 ); /* IE6-9 */
								}
								
								
								
/** BANNER 02 **/
.about-banner-02				{ position:relative; }
.about-banner-02 .fw-margins	{ position:relative; z-index:2; }
.about-banner-02 .overlay		{ position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; } 

.about-banner-02				{ background:#FFFFFF url(backgrounds/about-02.jpg) no-repeat 100% 0%; background-size:cover; background-attachment:fixed; color:#FFFFFF; }
.about-banner-02 .overlay		{ background:rgba(20,59,102,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC455063,endColorstr=#CC455063); zoom:1; }

@media all and (max-device-width: 1024px) {
	.about-banner-02				{ background-attachment:scroll; }
}


/** IMAGES **/
.about-icons-01					{ width:100%; max-width:800px; max-height:800px; }


								
								
								
/** RESPONISVE **/
@media screen and (max-width:960px){
	
	.bio-banner .overlay		{ right:0; background:rgba(239,239,239, 0.8) !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEFEFEF,endColorstr=#CCEFEFEF); zoom:1; }
	
}

@media screen and (max-width:570px){

	.bio-banner						{ font-size:1.2em; background-size:cover; }
	.bio-banner .text h1			{ font-size:2.3em; }
	
}

@media screen and (max-width:400px){

	.bio-banner						{ font-size:1em; padding:50px 0px; }
	.bio-banner .text h1			{ font-size:1.8em; }
	.bio-banner .text .sub-title	{ font-size:0.9em; }
	
}