@charset "utf-8";
/* CSS Document */
img{ border:none;}

*{ margin:0; padding:0;}
body{ margin:0; padding:0; background: url(image/background.jpg) center center fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; font-family: 'Roboto', sans-serif;}
.header{ width:100%; height:auto; padding:5px 0; background:#097596;}

.header_inner{ width:100%; max-width:1000px; margin:0 auto; height:auto;}
.logo{ max-width:300px; height:auto; float:left;}
.navigation{ max-width:600px; height:auto; float:right;}
.nav{width:100%; background:; height:auto;}

.slider{ width:100%; height:auto;}
.slider_inner{ max-width:1000px; width:100%; margin:0 auto; height:auto; margin-top:60px;}
.slider_inner_left{ width:473px; float:left; height:auto;}
.slider_inner_right{ width:527px; float:right; height:auto;}
.slider_inner_right h1{ font-family: 'Roboto', sans-serif; font-size:70px; color:#fff; padding-top:30px;}
.slider_inner_right h2{ font-family: 'Roboto', sans-serif; font-size:35px; color:#fff; padding-top:10px;}
.slider_inner_right h3{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:27px; color:#fff; padding-top:5px;}

.app_store{ max-width:527px; height:auto; margin-top:30px;}
.app_store img{ margin-left:10px;}
.social{max-width:527px; height:auto; margin-top:30px;}

.content{ width:100%; background:#fff; height:auto; margin-top:-5px;}
.content_inner{ max-width:945px; height:auto; width:100%; margin:0 auto; padding-top:50px;}
.content_inner_1{ max-width:280px; height:auto; float:left;} 

.content_inner_1 p{ color:#5E5E5E; font-size: 25px;
    font-weight: bolder;
    text-align: center;}

.content_inner_1_image{ height:140px; width:140px; border-radius:70px; margin:0 auto; background:#01DAED;}

.content_inner_1 img{ margin-left:33px; margin-top:40px;}	


.content_inner_2{ max-width:280px; height:auto; float:left; margin-left:45px;} 

.content_inner_2 p{ color:#5E5E5E; font-size: 25px;
    font-weight: bolder;
    text-align: center;}

.content_inner_2_image{ height:140px; width:140px; border-radius:70px; margin:0 auto; background:#01DAED;}

.content_inner_2 img{ margin-left:52px; margin-top:40px;}	


.content_inner_3{ max-width:280px; height:auto; float:left; margin-left:45px;} 

.content_inner_3 p{ color:#5E5E5E; font-size: 25px;
    font-weight: bolder;
    text-align: center;}

.content_inner_3_image{ height:140px; width:140px; border-radius:70px; margin:0 auto; background:#01DAED;}

.content_inner_3 img{ margin-left:33px; margin-top:40px;}	

.big_image{ max-width:566px; height:auto; margin:0 auto; }
.big_image img{ margin-top:90px;  margin-bottom:-5px;}


.video{ width:100%; height:auto; }
.video_inner{ margin:0 auto; height:auto; max-width:760px; background:#333; margin-top:65px; margin-bottom:65px;}


.bottom_app{ width:100%; background:#097596; padding-bottom:50px;}

.bottom_app_inner{ max-width:930px; height:auto; margin:0 auto; width:100%;} 

.bottom_app_inner h1{ color:#fff; font-size:35px; text-align:center; padding-top:10px;}
	
	.bottom_app_inner p{ color:#fff; font-size:27px; font-weight:400; text-align:center;}

.bottom_images{ width: 100%; max-width:410px; height:auto; margin:0 auto; padding-top:20px;}

.optin{ width:100%; height:auto;}
.optin_inner{ padding:0 20px; width:100%; max-width:485px; margin:0 auto; background:#1fb5da; border-radius:5px; position: absolute;
    top: 2650px;
    width: 100%;
    z-index: 9999999; left:700px;}

.optin_inner p{ color:#fff; padding-left:10px;} 
.optin_inner h3{ color:#fff; padding-left:10px; padding-top:20px;} 
.optin_inner h2{ color:#fff; padding-left:10px; font-size:30px; text-align:center; } 
.optin_inner input[type="text"]{ width:45%; height:30px; background:none; border:1px solid #fff; margin-left:10px; padding-left:10px; color:#fff;}
.optin_inner textarea{ margin-left:10px; width:95%;  height:30px; background:none; border:1px solid #fff; margin-top:20px; resize:vertical; padding-left:10px; color:#fff; min-height:150px; padding-top:5px;}

.optin_inner input[type="submit"]{ width:97%; height:30px; background:none; border:1px solid #fff; margin-left:10px; font-size:17px; color:#fff;}

.footer{ width:100%; height:auto; padding:20px 0; background:#097596; margin-top:-5px;}
.footer p{ text-align:center; color:#fff;}


iframe{ z-index:-100000; width:100%; height:700px;}	
textarea {font-family: 'Roboto', sans-serif;}

@media screen and (min-width:800px) and (max-width:980px){
	.slider_inner_right{ float:none; margin:0 auto; max-width:420px;}
	.slider_inner_left{ float:none; margin:0 auto; margin-top:40px;}
	.content_inner_1{ float:left; margin-left:20px;} .content_inner_2{ float:right; margin-right:20px;} .content_inner_3{ margin:0 auto; float:none; clear:both;}
	.big_image{ max-width:642px; margin:0 auto;}
	.optin_inner{ position:static; margin-top:20px; } 
	.content_inner_1{ float:none; margin:0 auto; margin-top:20px;} .content_inner_2{ float:none; margin:0 auto; margin-top:20px;} .content_inner_3{ float:none; margin:0 auto; margin-top:20px;}
	
	}
	
	
@media screen and (max-width:768px){
	.slider_inner_right{ float:none; margin:0 auto; max-width:420px;}
	.slider_inner_left{ float:none; margin:0 auto; margin-top:40px;}
	.content_inner_1{ float:none; margin:0 auto; margin-top:20px;} .content_inner_2{ float:none; margin:0 auto; margin-top:20px;} .content_inner_3{ float:none; margin:0 auto; margin-top:20px;}
	.big_image{ max-width:642px; margin:0 auto;}
	.navigation{ float:none; clear:both; max-width:760px;}
	.logo{ float:none; margin:0 auto; max-width:150px;}
	.optin_inner{ position:static; margin-top:20px; }
	.optin{ padding-bottom:20px; }
	
	}	
	
	
@media screen and (min-width:600px) and (max-width:720px){
	 .optin_inner{ width:85%; margin:0 auto; margin-top:20px; position:static;} 
	.slider_inner_right{ float:none; margin:0 auto;}
	.slider_inner_left{ float:none; margin:0 auto; margin-top:40px;}
	.content_inner_1{ float:none; margin:0 auto; margin-top:20px;} .content_inner_2{ float:none; margin:0 auto; margin-top:20px;} .content_inner_3{ float:none; margin:0 auto; margin-top:20px;}
	.big_image{ width:96%; max-width:642px; margin:0 auto;}
	.big_image img{ width:100%; text-align:center;}
	.navigation{ float:none; clear:both;}
	.logo{ float:none; margin:0 auto; max-width:150px;}
	.video_inner{ width:95%;}
	
	}
	
	
@media screen and (max-width:480px){ .optin_inner{ width:85%; margin:0 auto; margin-top:20px; position:static;} 
.optin_inner input[type="text"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; padding-left:10px; color:#fff; margin-top:15px;}
.optin_inner textarea{ margin-left:10px; width:93%;  height:30px; background:none; border:1px solid #fff; margin-top:20px; resize:vertical; padding-left:10px; color:#fff; min-height:150px;}

.optin_inner input[type="submit"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; color:#fff;}
.slider_inner_right{ float:none; width:95%; margin:0 auto;}
.content_inner_1{ float:none; margin:0 auto; margin-top:20px;} .content_inner_2{ float:none; margin:0 auto; margin-top:20px;} .content_inner_3{ float:none; margin:0 auto; margin-top:20px;}
.big_image{ width:96%; max-width:642px; margin:0 auto;}
	.big_image img{ width:100%; text-align:center;}

}


@media screen and (max-width:360px){ .optin_inner{ width:85%; margin:0 auto; margin-top:20px; position:static;} 
.optin_inner input[type="text"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; padding-left:10px; color:#fff; margin-top:15px;}
.optin_inner textarea{ margin-left:10px; width:93%;  height:30px; background:none; border:1px solid #fff; margin-top:20px; resize:vertical; padding-left:10px; color:#fff; min-height:150px;}

.optin_inner input[type="submit"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; color:#fff;}
.slider_inner_right{ float:none; width:95%; margin:0 auto;}
.slider_inner_left{ float:none; width:95%; margin:0 auto;}
.slider_inner_left img{ width:100%; margin-top:30px;}
.bottom_images{ width:51%;}
.video_inner iframe{ height:327px;}
}


@media screen and (max-width:280px){ .optin_inner{ width:85%; margin:0 auto;} 
.optin_inner input[type="text"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; padding-left:10px; color:#fff; margin-top:15px;}
.optin_inner textarea{ margin-left:10px; width:93%;  height:30px; background:none; border:1px solid #fff; margin-top:20px; resize:vertical; padding-left:10px; color:#fff; min-height:150px;}

.optin_inner input[type="submit"]{ width:93%; height:30px; background:none; border:1px solid #fff; margin-left:10px; color:#fff;}
.slider_inner_right{ float:none; width:95%; margin:0 auto;} .slider_inner_right h1{ font-size:55px;}
.slider_inner_left{ float:none; width:95%; margin:0 auto;}
.slider_inner_left img{ width:100%; margin-top:30px;}
.bottom_images{ width:73%;}

}