@charset "utf-8";
/* CSS Document */

.flexslider{
	border:none;
	background:none;
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
	box-shadow:none;
	/*min-height:600px;*/
}

.flexslider{max-width:1024px;margin:0 auto;}

.flex-viewport{overflow:visible !important}

.flex-direction-nav{}

.has_slider{overflow:hidden;}

.flexslider .slides > li{position:relative;}


.flex-caption{
	opacity:1;
	background-color: #353739;
	background-color:rgba(0, 0, 0, 0);
	color:#fff;
    top: 60px;
    left: 5%;
	width:60%;
    position: absolute;
	/*text-transform: uppercase;*/
    font-size: 80px;
    font-weight: bold;  
    line-height: 80px;
    font-family: 'Roboto', sans-serif;
}



.flex-caption .btn{
	position: inherit;
	text-shadow: none;
	text-transform: uppercase;
	color: #ccc;
}

.flex-caption .btn:hover{

	color: #0099FF;
}




/*.caption_inner{
	font-family: 'Ubuntu', sans-serif!Important;
	font-weight: 500;
	padding: 20px 30px;
    text-align: center;
	}*/


.flex-direction-nav .flex-next{
	/*background-image: url("../img/slider_btn_right.png");
    background-position: center center;*/
    height: 92px;
    margin-top: -46px;
    width: 92px;
}
.flex-direction-nav .flex-prev{
	/*background-image: url("../img/slider_btn_left.png");
    background-position: center center;*/
    height: 92px;
    margin-top: -46px;
    width: 92px;
}



/*Media Queries*/


@media only screen and (max-device-width : 960px)  {

.flex-caption{

    top: 80px;
    left: 5%;
	width:60%;
    font-size: 70px;
    font-weight: bold;  
    line-height: 70px;

} 
    
    
/*Mission*/
    
.mission h1{
font-size:60px;
line-height: 70px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{

font-size:60px;
line-height: 70px;
margin-top: 16%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
/*Contact*/ 
    
.contact h1{

font-size:60px;
line-height: 70px;
margin-top: 16%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}  

}



@media only screen and (max-device-width : 800px)  {

.flex-caption{

    top: 20px;
    left: 5%;
	width:60%;
    font-size: 60px;
    font-weight: bold;  
    line-height: 70px;

} 
    
    
/*Mission*/
    
.mission h1{
font-size:56px;
line-height: 66px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{

font-size:56px;
line-height: 66px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}     
    
/*Contact*/ 
    
.contact h1{

font-size:56px;
line-height: 66px;
margin-top: 10%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}         

}


@media only screen and (max-device-width : 800px) and (max-device-height : 1280px) and (orientation : portrait) {

/*Slider*/
    
.slider {
    height:41.6%;
}
    
    
/*Who*/    
    
.who h4{ 
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 0%; 
}

.who h5{
font-size:22px;
line-height: 22px;
margin-top: 1%;
margin-bottom: 0%; 
}
    
.who .button { 
margin-top: 4%;
margin-bottom: 10%; 
width: 30%;
}  
 

}


@media only screen and (max-device-width : 800px) and (max-device-height : 480px) and (orientation : portrait) {
    
.slider {
    height:41.6%;
}
 
}



@media only screen and (max-device-width : 750px) and (max-device-height : 1334px) and (orientation : portrait) {
    
.slider {
    height:40%;
}
    
    
/*Mission*/
    
.mission h1{
font-size:48px;
line-height: 58px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
  
/*Who*/
    
.who h4{ 
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 0%; 
}

.who h5{
font-size:22px;
line-height: 22px;
margin-top: 1%;
margin-bottom: 0%; 
}
    
.who .button { 
margin-top: 4%;
margin-bottom: 10%; 
width: 30%;
}     
    
/*Working Model*/
    
.model h1{
font-size:48px;
line-height: 58px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
/*Contact*/ 
    
.contact h1{
font-size:48px;
line-height: 58px;
margin-top: 10%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
 
}





@media only screen and (max-device-width : 640px)  {

.flex-caption{

    top: 20px;
    left: 5%;
	width:60%;
    font-size: 50px;
    font-weight: bold;  
    line-height: 60px;

} 
    
    
/*Mission*/
    
.mission h1{
font-size:48px;
line-height: 58px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}

/*Who*/
    
.who h3{
margin-top: 10%;
margin-bottom: 10%; 
}     
    
    
/*Working Model*/
    
.model h1{
font-size:48px;
line-height: 58px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}     
    
/*Contact*/ 
    
.contact h1{
font-size:48px;
line-height: 58px;
margin-top: 10%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}     
    
}

@media only screen and (max-device-width : 640px) and (max-device-height : 960px) and (orientation : portrait) {
    
.slider {
    height:48%;
}
   
}


@media only screen and (max-device-width : 640px) and (max-device-height : 360px) and (orientation : portrait) {
    
.slider {
    height:48%;
}
   
}


@media only screen and (max-device-width : 540px) and (max-device-height : 960px) and (orientation : portrait) {
    
.slider {
    height:40%;
}
    
.flex-caption{

    top: 20px;
    left: 5%;
	width:60%;
    font-size: 40px;
    font-weight: bold;  
    line-height: 50px;

}     
    
    
/*Mission*/
    
.mission h1{
font-size:40px;
line-height: 50px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{
font-size:40px;
line-height: 50px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}   
 
/*Contact*/ 
    
.contact h1{
font-size:40px;
line-height: 50px;
margin-top: 10%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
}   
   
}

@media only screen and (max-width: 480px) { 
    
/*Mission*/
    
.mission h1{
font-size:36px;
line-height: 46px;
margin-bottom: 6%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{
font-size:36px;
line-height: 46px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
/*Who*/
   
.who .button {

margin-top: 10%;
width: 50%;
} 
    
/*Contact*/ 
    
.contact h1{
font-size:36px;
line-height: 46px;
margin-top: 10%;
margin-bottom: 6%;     
}

.contact h3{
font-size:24px;
line-height: 24px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
    
}

@media only screen and (max-device-width : 480px) and (max-device-height : 800px) and (orientation : portrait) {
    
.slider {
    height:44%;
}

}


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

.flex-caption{

    top: 20px;
    left: 5%;
	width:80%;
    font-size: 30px;
    font-weight: bold;  
    line-height: 40px;

} 
    
/*Mission*/
    
.mission h1{
font-size:30px;
line-height: 40px;
margin-top: 6%;     
margin-bottom: 10%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{
font-size:30px;
line-height: 40px;
margin-top: 10%;
margin-bottom: 6%;     
}

.model h3{
font-size:22px;
line-height: 32px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
/*Who*/
    
.who h3{
margin-top: 20%;
margin-bottom: 20%; 
}
     
.who h4{
font-size:24px;
line-height: 24px;
margin-top: 20%;
margin-bottom: 5%; 
}

.who h5{
font-size:20px;
line-height: 20px;
margin-top: 6%;
margin-bottom: 5%; 
}    
    
.who .button {

margin-top: 10%;
width: 50%;
} 
    
/*Contact*/ 
    
.contact h1{
font-size:30px;
line-height: 40px;
margin-top: 10%;
margin-bottom: 6%;     
}
    
.contact h3{
font-size:22px;
line-height: 32px;
margin-top: 8%;
margin-bottom: 8%; 
} 
      
    
    
}

@media only screen and (max-device-width : 320px) and (max-device-height : 480px) and (orientation : portrait) {
    
.slider {
    height:54%;
}

}

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

.flex-caption{

    top: 20px;
    left: 5%;
	width:80%;
    font-size: 24px;
    font-weight: bold;  
    line-height: 34px;

} 
    
/*Mission*/
    
.mission h1{
font-size:24px;
line-height: 34px;
margin-top: 6%;     
margin-bottom: 10%;     
}

.mission h3{
font-size:24px;
line-height: 24px;
margin-top: 6%;
margin-bottom: 4%; 
}
    
/*Working Model*/
    
.model h1{
font-size:24px;
line-height: 34px;
margin-top: 18%;
margin-bottom: 6%;     
}

.model h3{
font-size:20px;
line-height: 30px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
/*Who*/
    
.who .button {

margin-top: 10%;
width: 50%;
} 
    
    
/*Contact*/ 
    
.contact h1{
font-size:24px;
line-height: 34px;
margin-top: 18%;
margin-bottom: 6%;     
}
    
.contact h3{
font-size:20px;
line-height: 30px;
margin-top: 8%;
margin-bottom: 8%; 
} 
    
}