html 
{ 
	height: 100%; 
	overflow:auto; 
}

body 
{
	position:relative;
    height:100%;
    min-height:100%;
	font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
	color:#2E415C;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #828D9D;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #828D9D;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #828D9D;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #828D9D;
}

#wraper
{
	min-height:100%;
}

A.lightbluelink:link {color:#0089D1;}
A.lightbluelink:hover {color:#0089D1; text-decoration:underline;}
A.lightbluelink:visited {color:#0089D1;}

A.underlink_hover:link {color:inherit;}
A.underlink_hover:hover {text-decoration: underline; color:inherit;}
A.underlink_hover:visited {color:inherit;}

#sitecontent
{
	height:100%;
	width:100%;
	min-height:100%;
	overflow:initial;
}


#air_logo
{
	display: none;
	width:34px;
	height:34px;
	position: relative;
	top:5px;
}

.landing_logo
{
	font-size:32px;
	font-weight: bold;
	line-height: 20px;
	position: relative;
	top:12px;
}

.landing_header_wind
{
	font-size:32px;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	padding-left: 18px;
	padding-right: 18px;
	width:357px;
	margin: 0 auto;
	height: 0px;
	position: relative;
	top:2px;
	left: -5px;
}

#landing_header
{
	/*display:none;*/
	position: relative;
	margin:0 auto;
	padding:0 50px 0 50px;
	top: 32px;
	max-width: 1100px;
	/*width:1000px;*/
	z-index: 6;
}

#landing_header.banner_top
{
	top:92px;
}

#landing_header.banner_top_small
{
	top:72px;
}

#landing_shore
{
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	font-size:18px;
	z-index: 3;
	color: #f2f6fa;
}

#landing_shore_upper
{
	/*position: absolute;*/
	/*bottom: 15px;*/
	width: 100%;
	text-align: center;
	cursor: pointer;
	font-size:18px;
	z-index: 3;
	display: none;
}

#landing_shore .icon16.icon-arrow_down_small
{
	font-size: 36px;
	position: relative;
	top: 9px;
}


#landing_air_pressure
{
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 1;
}

#landing_air
{
	position: absolute;
	top: 26%;
	width: 100%;
	z-index: 5;
}

#landing_air_visual
{
	position: relative;
	overflow: hidden;
	background-color: #F1F5FA;
	height: 100%;
	min-height: 550px;
	display:table-cell;
}

#landing_air_visual_inner
{
	margin-top:90px;
}

#landing_air_functional
{
	margin:0 auto;
	top:0;
	height:auto;
	text-align:center;
}

.landing_sign_header_left
{
	float:left;
	font-size:18px;
}

.landing_sign_header_right
{
	float:right;
	font-size:14px;
	position: relative;
	top: 3px;
}

#landing_rock
{
	position: relative;
	top: 0px;
	/*bottom: 20px;*/
	/*right: 20px;*/
	/*display: inline-block;	*/
	cursor: pointer;
	/*font-size:14px;*/
	padding: 10px;
	/*border-bottom:1px solid #FFFFFF;*/
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-color: #FFFFFF;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#landing_rock.landing_rock_outline
{
	padding-top: 9px;
	border-top:1px solid #C0C5CD;
	border-left:1px solid #C0C5CD;
	border-right:1px solid #C0C5CD;
	z-index:103;
	background-color:#FFFFFF;
	/*box-shadow: 0px -20px 20px 0px #2E415C;*/

}

#landing_lang_spill
{
	position: absolute;
	top: 39px;
	right: 0px;
	font-size:14px;
	display:none;
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid #C0C5CD;
	z-index:102;
	border-radius: 3px;
	/*box-shadow: 0px 0px 20px 0px #2E415C;*/
	border-top-right-radius: 0;
}

#landing_signin
{
	font-weight: bold;
	margin-right: 20px;
	margin-left: 30px;
	padding-top: 10px;
}

#landing_links
{
	padding-top: 10px;
}

.lang_bubble
{
	margin:3px;
	padding:5px;
	border-radius: 5px;
	cursor: pointer;
	font-size:12px;
}

.lang_bubble_current
{
	margin:3px;
	padding:5px;
	border-radius: 5px;
	font-size:12px;
	background-color: #FFF9DB;
}

.lang_bubble:hover
{
	background-color: rgba(215, 221, 230, 0.5);
}

#landing_signup_form, #landing_forgot_form
{
	padding-left: 18px;
	padding-right: 18px;
	width: 357px;
	text-align: center;
	display: none;
}

#landing_signin_form
{
	padding-left: 18px;
	padding-right: 18px;
	width: 357px;
	text-align: center;
}

#password_reset_form
{
	/*margin-top: 100px;*/
	/*width: 357px;*/
	/*height: 390px;*/
	text-align: center;
	margin:100px auto;
}

.template_header_logo
{
	width: 42px;
	height:42px;
}

.template_header
{
	margin-top:15px;
}

input[type="text"], input[type="password"], input[type="email"]
{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:43px;
	border-radius: 3px;
	font-size: 15px;
	border: 1px solid #c0c5cd;
	padding: 5px 5px 5px 15px;
	font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
}

input[type="text"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, textarea:disabled, select:disabled, input[readonly]
{
	background-color: #F1F5FA;
	color:#828D9D;
}


.landing_input_box
{
	margin-top: 16px;
	margin-bottom: 12px;
}

.landing_sign_forgot_password
{
	float:left;
}
.landing_sign_remember_me
{
	float:right;
}

button.signin_button, button.signin_button:hover, button.signin_button:active, button.signin_button:focus
{
	width: 100%;
	height: 42px;
	background: #0099EB;
	border:1px solid #0099EB;
	color: #FFFFFF;
	border-radius:3px;
	font-size:16px;
	/*text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);*/
}

button.signin_button:hover
{
	background: #0089D1;
	border:1px solid #0089D1;
}

button.signin_button:active
{
	background: #007DBF;
	border:1px solid #007DBF;
}

button.create_account_button, button.create_account_button:hover, button.create_account_button:active, button.create_account_button:focus
{
	/*width: 100%;*/
	height: 42px;
	background: #0099EB;
	border:1px solid #0099EB;
	color: #FFFFFF;
	border-radius:3px;
	font-size:18px;
	/*font-weight: bold;*/
	padding-left: 50px;
	padding-right: 50px;
	/*text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);*/

}

button.create_account_button:hover
{
	background: #0089D1;
	border:1px solid #0089D1;
}

button.create_account_button:active
{
	background: #007DBF;
	border:1px solid #007DBF;
}

button.watch_explainer_button, button.watch_explainer_button:hover, button.watch_explainer_button:active, button.watch_explainer_button:focus
{
	/*width: 100%;*/
	height: 42px;
	background-color:#FEFEFE;
	color: #2E415C;
	border:1px solid #D9DDE6;
	border-radius:3px;
	font-size:18px;
	/*font-weight: bold;*/
	padding-left: 60px;
	padding-right: 35px;
}

button.watch_explainer_button:hover
{
	background-color:rgba(215, 221, 230, 0.5);
}

button.watch_explainer_button:active
{
	background-color:#D7DDE6;
}
 
#create_account_air
{
 	margin-left: 10px;
}

#explainer_air
{
	position: relative;
}

#explainer_air .icon-play
{
	position: absolute;
	left: 18px;
	top: 10px;
	font-size: 20px;
	color: #0099EB;
}

/*button.fb_button, button.fb_button:hover, button.fb_button:active, button.fb_button:focus, button.g_button, button.g_button:hover, button.g_button:active, button.g_button:focus
{
	width: 170px;
	height: 42px;
	background: #C3CCD9;
	border:1px solid #C3CCD9;
	color: #FFFFFF;
	border-radius:3px;
	font-size:16px;
	text-align:left;
	position:relative;
}

button.fb_button, button.fb_button:hover, button.fb_button:active, button.fb_button:focus
{
	padding-left:54px;
	float:left;
}

button.g_button, button.g_button:hover, button.g_button:active, button.g_button:focus
{
	padding-left:62px;
	float:right;
}

button.g_button, button.g_button:hover, button.g_button:active, button.g_button:focus
{
	padding-left:62px;
	float:right;
}

button.fb_button:hover
{
	background: #3B5998;
	border:1px solid #3B5998;
}

button.g_button:hover
{
	background: #DD4B39;
	border:1px solid #DD4B39;
}

button.fb_button:active, button.fb_button:focus 
{
	background: #334E85;
	border:1px solid #334E85;
}

button.g_button:active, button.g_button:focus
{
	background: #CC4535;
	border:1px solid #CC4535;
}

button.fb_button:focus, button.g_button:focus, button.signin_button:focus
{
	outline:none; 
	-webkit-box-shadow: 0px 0px 5px  #4D90FE;
	box-shadow: 0px 0px 5px  #4D90FE;
}

button.fb_button>span.icon16, button.g_button>span.icon16
{
	font-size: 24px;
	position: absolute;
	left: 7px;
	top: 9px;
}*/


button.fb_button, button.fb_button:hover, button.fb_button:active, button.fb_button:focus{
	height: 40px;
	width: 170px;
	border-radius:2px;
	background: #2553B4 url(/images/landing/facebook-icon.png) no-repeat 8px 8px;
	background-size: 24px 24px;
	box-shadow: 0 1px 1px rgba(0,0,0, 0.24);
	padding: 11px 9px;
	border: 1px solid #2553B4;
	padding-left: 56px;
    font-size: 14px;
    line-height: 1.3em;
    color: #FFFFFF;
    text-align: left;
}

button.fb_button:hover{
	background-color: #133C92;
	border-color: #133C92;
}

button.g_button, button.g_button:hover, button.g_button:active, button.g_button:focus{
	height: 40px;
	width: 170px;
	border-radius:2px;
	background: #ffffff url(/images/landing/google-icon.png) no-repeat 8px 10px;
	background-size: 18px 18px;
	box-shadow: 0 1px 1px rgba(0,0,0, 0.24);
	padding: 11px 9px;
	border: 1px solid #f1f1f1;
	padding-left: 49px;
    font-size: 14px;
    line-height: 1.3em;
    margin-left: 13px;
	text-align: left;
}

button.g_button:hover{
	background-color: #EEEEEE;
	border-color: #EEEEEE;
	box-shadow: 0 1px 1px rgba(0,0,0, 0.24);
}

.landing_input_social_login
{
	text-align: left;
	font-size:14px;
}

.social_login_link, .social_login_link_before_or
{
	margin-left:20px;
}

.social_login_link_before_or
{
	margin-right:20px;
}

.landing_sign_or_simply_use
{
	/*float:left;*/
	background-color: white;
	position:relative;
	display:inline;
	z-index:10;
	padding-left:10px;
	padding-right:10px;
}

.landing_sign_or_simply_use_divider
{
	position:relative;
	top:-9px;
	height:1px;
	border-top:1px solid #c0c5cd;
	z-index:9;
}
.landing_sign_or_simply_use_container
{
	text-align:center;
	height:40px;

}

.landing_sign_social_buttons
{
	/*float:right;*/
}

span.icon16.icon-service_facebook-16x16
{
	position:relative;
	top:3px;
	/*color: #0099EB;*/
}

span.icon16.icon-service_google-bookmarks-16x16
{
	position:relative;
	top:3px;
	/*color: #0099EB;*/
}

#login_errors_box, #register_errors_box, #forgot_errors_box, #reset_errors_box
{
	display:none;
	color:#FF0000;
	text-align:left;
}

#forgot_ok_box
{
	display:none;
	color:#296BCC;
	text-align:left;	
}

#landing_algae
{
	/*background-color: #2D405B;*/
	background-color: #2E415C;
	position: absolute;
	bottom: -42px;
	left: 0;
	right: 0;
	height:42px;
	z-index: 5;
}

#landing_ocean
{
	/*background-color: #2D405B;*/
	background-color: #2E415C;
	position: relative;
	z-index: 3;
/*	margin: 0 auto;
	width: 770px;
	padding: 0 54px;
	height: 100%;
	min-height: 1200px;
	padding-bottom:50px;*/
}


#landing_ocean_first_level
{
	/*text-align:center;*/
	padding-top:30px;
	/*padding-bottom:30px;*/
	font-size:16px;
	display:inline-block;
	position:relative;
}

#landing_options
{
	font-size:15px;
	position: relative;
	top: 9px;
}

#landing_ocean_first_level>a, #landing_ocean_abyss_cyclops_left_hand>a, #landing_options a
{
	margin-right:30px;
}

#landing_ocean_first_level>a:last-child, #landing_ocean_abyss_cyclops_left_hand>a:last-child, #landing_options a:last-child
{
	margin-right:0px;
}

#landing_ocean_abyss
{
	height:184px;
	background-color: #12263C;
}

#landing_ocean_abyss_cyclops
{
	width:900px;
	margin: 0 auto;
}

#landing_ocean_abyss_cyclops_left_hand
{
	float: left;
	color: #f2f6fa;
	font-size: 15px;
	max-width: 710px;
}

#landing_ocean_abyss_cyclops_right_hand
{
	float: right;
	color: #f2f6fa;
	font-size: 16px;
}

#landing_ocean_abyss_cyclops_right_hand>a
{
	margin-right: 10px;
}


#landing_ocean_abyss_cyclops_right_hand>a:last-child
{
	margin-right: 0px;
}

#landing_ocean_abyss_cyclops_leg
{
	float:right;
	font-size: 14px;
	color: #8092AB;
}

#landing_ocean_mid_level
{
	position:relative;
	/*left:50%;*/
	/*padding-top:20px;*/
	/*display:inline-block;*/
	width: 1024px;
	margin: 0 auto;
}

.landing_ocean_net
{
	font-size: 24px;
	color: #f2f6fa;
	margin: 0 auto;
	width: 480px;
	text-align: center;
}

.landing_ocean_sub
{
	position:relative;
/*	margin-top:30px;
	margin-bottom:30px;*/
	text-align:center;
}

#landing_ocean_abyss_hole
{
	position:relative;
	/*left:-50%;*/
}

.landing_ocean_abyss_plankton_upper
{
	height: 54px;
}

.landing_ocean_abyss_plankton
{
	height: 30px;
}

.landing_ocean_creature
{
/*	margin-top:70px;
	margin-bottom:90px;*/
	/*width:900px;*/
	margin-left: auto;
	margin-right: auto;
}

.landing_ocean_creature.right_headed .landing_ocean_creature_head, .landing_ocean_creature.left_headed .landing_ocean_creature_spine
{
	float: right;
}

.landing_ocean_creature.left_headed .landing_ocean_creature_head, .landing_ocean_creature.right_headed .landing_ocean_creature_spine
{
	float: left;
}

.landing_ocean_creature_head
{
	width: 340px;
	text-align: center;
}

.landing_ocean_creature_head>img
{
	width: 330px;
	height: 330px;
}

.landing_ocean_creature_spine
{
	width:584px;
	position: relative;
	top: 60px;
}

.landing_ocean_creature.left_headed .landing_ocean_creature_spine
{
	padding-right: 100px;
	
}

.landing_ocean_creature.right_headed .landing_ocean_creature_spine
{
	padding-left: 100px;
}

.landing_ocean_creature_body
{
	font-size:24px;
	margin-bottom:20px;
	color: #2DAFE6;
}

.landing_ocean_creature_tail
{
	font-size:16px;
	color: #f2f6fa;
	font-weight: 300;
}

.landing_ocean_plankton
{
	clear:both;
	height: 100px;
}

.landing_ocean_plankton_narrow
{
	clear:both;
	height: 30px;
}

.icon_mobile_inline
{
	display:none;
}

.new_populate_div
{
	position:absolute;
	top:10px;
	left:-300px;
}

.fb-like
{
	top:-4px;
}

#loader_div
{
	background-color: #FFF0A3;
}

#air_note
{
	font-size:20px;
	font-style: italic;
	text-align:center;
}

#air_links
{
	text-align:center;
}

#air_links>a
{
	font-size:14px;
	margin-right: 30px;
}

.tbl_left
{
	text-align:center;
	vertical-align:middle;
	width:100%;
	background-color:#d4ebf2;
	position:relative;
}

.tbl_top
{
	height:120px;
	vertical-align: middle;
}

.tbl_bottom
{
	height:80px;
	vertical-align: middle;
}

.tbl_right.tbl_mid
{
	width:330px;
}


#air_name
{
	font-size:28px;
	font-weight:bold;
	padding-left:18px;
}

#air_picture_mobile
{
	display:none;
}

.thin_wrapper
{
	width:500px;
	margin: 0 auto;
}

.divider
{
	margin-top:10px;
	border-top:1px solid #ebeef2;
}

.template_appname
{
	font-size:28px;
	font-weight: bold;
	padding-left: 5px;
	position: relative;
	top:-1px;
}

.landing_cloud
{
	font-size: 28px;
	text-align: center;
	/*display: inline-block;*/
	z-index: 4;
}

/*@media only screen and (max-width: 480px){
	.landing_cloud
	{

	}
}*/

.landing_balloon
{
	margin-top: 50px;
	z-index: 4;
}

.landing_balloon_top
{
	text-align: center;
}

.landing_balloon_mid
{
	margin-top:25px;
	text-align: center;
	font-size: 15px;
}

.landing_balloon_mid .icon16
{
	font-size: 20px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.landing_balloon_bottom
{
	margin-top:5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#landing_waves
{
	position: absolute;
	bottom: 0;
	z-index: 3;
	width:100%;
	cursor: pointer;
}

#landing_waves .wave_layer
{
	width:100%;
	position: absolute;
	bottom: 0px;
	background-position: center top;
	background-repeat:repeat-x;
	height: 189px;
	background-size: auto 189px;

/*	transition: transform 3s;
	-webkit-transition: transform 3s;
	-moz-transition: transform 3s;*/
}

#landing_wave_1
{
	background-image: url(/images/landing/wave_pattern/wave01@2x.png); 
}

#landing_wave_2
{
	background-image: url(/images/landing/wave_pattern/wave02@2x.png); 
}

#landing_wave_3
{
	background-image: url(/images/landing/wave_pattern/wave03@2x.png); 
}

#landing_wave_4
{
	background-image: url(/images/landing/wave_pattern/wave04@2x.png); 
}

#landing_wave_5
{
	background-image: url(/images/landing/wave_pattern/wave05@2x.png); 
}

#landing_wave_6
{
	background-image: url(/images/landing/wave_pattern/wave06@2x.png); 
}

#landing_bottle 
{
	position: absolute;
	bottom: 113px;
	height: 125px;
	width: 125px;
	margin-left: -160px;
	left: 50%;
}

#landing_bottle>img
{
	/*position: absolute;*/
	width: 125px;
	height:125px;
}

#landing_swimmer_yellow_sub
{
	position: absolute;
	bottom: 50px;
	height: 240px;
	width: 240px;
	margin-left: -36px;
	left: 50%;
}

#landing_swimmer_yellow_sub>img
{
	width: 240px;
	height:240px;
}

#landing_swimmer_whale
{
	position: absolute;
	bottom: 30px;
	height: 240px;
	width: 475px;
	margin-left: -260px;
	left: 50%;
}

#landing_swimmer_whale>img
{
	width: 475px;
	height:240px;
}

#landing_swimmer_swordfish
{
	position: absolute;
	bottom: 30px;
	height: 225px;
	width: 750px;
	margin-left: -414px;
	left: 50%;
}

#landing_swimmer_swordfish>img:first-child
{
	width: 365px;
	height:225px;
	margin-right: 84px;
}

#landing_swimmer_swordfish>img:last-child
{
	width: 300px;
	height:200px;
}

#landing_swimmer_octopus
{
	position: absolute;
	bottom: 13px;
	width: 275px;
	height:250px;
	margin-left: 81px;
	left: 50%;
}

#landing_swimmer_octopus>img
{
	width: 275px;
	height:250px;
}


#landing_swimmer_life_guard
{
	position: absolute;
	bottom: 13px;
	width: 255px;
	height: 205px;
	margin-left: 81px;
	left: 50%;
}

#landing_swimmer_life_guard>img
{
	width: 255px;
	height:205px;
}


.connect_icon
{
	background-color: #f2f6fa;
	color: #12263C;
	font-size: 20px;
	width: 56px;
	height: 56px;
	text-align: center;
	border-radius: 28px;
	overflow: hidden;
	padding:8px;
	/*margin-right: 10px;*/
}

#core
{
	display: none;
}

form
{
	padding: 0;
	margin: 0;
}

#login_dialog_wrapper
{
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
	
	-webkit-transform: translate(0,-30px);
	transform: translate(0,-30px);
}

#login_dialog_wrapper.shown
{
	opacity: 1;
	filter:alpha(opacity=100);

	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

#login_dialog_modal_overlay
{
	background-color: #2E415C;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#login_dialog_wrapper
{
	box-shadow: 0px 0px 40px 0px #2E415C;
}

#login_air:hover
{
	/*color: #0099EB;*/
}

#login_dialog
{
	/*padding-top: 45px;*/
}

@media only screen and (max-height: 700px){
	.landing_lite .landing_cloud
	{
		/*top:16px;*/
		font-size: 24px;
	}

	.landing_lite #landing_header
	{
		top: 16px;
	}

	.landing_lite #landing_header.banner_top_small
	{
		top: 66px;
	}

	.landing_lite #landing_air
	{
		/*top:12%;*/
	}

	.landing_lite .landing_balloon
	{
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: rgba(255,255,255,0.8);
		/*width: 400px;*/
		margin: 0 auto;
		/*border-radius: 5px;*/
	}
	body.landing_lite_body
	{
		min-height: 600px;
		overflow: auto;
	}
}

@media only screen and (max-height: 600px){
	.landing_cloud
	{
		/*top:16px;*/
		font-size: 24px;
	}

	#landing_header
	{
		top: 16px;
	}

	#landing_air
	{
		/*top:12%;*/
	}

	.landing_balloon
	{
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: rgba(255,255,255,0.8);
		/*width: 400px;*/
		margin: 0 auto;
		/*border-radius: 5px;*/
	}

}

#landing_ocean_creature_1>.landing_ocean_creature_head>img
{
	position: relative;
	top:-40px;
}


#landing_ocean_creature_2>.landing_ocean_creature_head>img
{
	position: relative;
	top:-50px;
}

#landing_ocean_creature_3>.landing_ocean_creature_head>img
{
	position: relative;
	top:-10px;
}

#landing_ocean_creature_4>.landing_ocean_creature_head>img
{
	position: relative;
	top:-30px;
}

.landing_lite #landing_air
{
	top: 24%;
}

.landing_lite #core
{
	display: block;
	position: relative;
	width: 400px;
	margin: 20px auto 0 auto;
}

.landing_lite #landing_waves,
.landing_lite #landing_shore,
.landing_lite #landing_algae,
.landing_lite #landing_ocean,
/*.landing_lite #landing_ocean_abyss,*/
.landing_lite #landing_ocean_mid_level,
.landing_lite .landing_cloud,
.landing_lite .landing_balloon,
.landing_lite #landing_options
{
	display: none;
}

.landing_lite .landing_logo
{
	float:none;
	text-align: center;
}

.landing_lite #landing_header
{
	max-width: 800px;
}

.landing_lite #landing_air_pressure
{
	height:80%;
}

.landing_lite #landing_ocean_abyss
{
	height:auto;
	padding-bottom: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/*.landing_lite button.fb_button
{
	background: #3B5998;
	border:1px solid #3B5998;
}*/

/*.landing_lite button.g_button
{
	background: #DD4B39;
	border:1px solid #DD4B39;
}*/

.bounce
{
    -webkit-animation: bounce 2s ease-in-out 3 0s;
    animation: bounce 2s ease-in-out 3 0s;
}

@-webkit-keyframes bounce
{
	0%, 20%, 50%, 80%, 100%
	{
		webkit-transform: translateY(0);
	}
	40%
	{
		webkit-transform: translateY(-15px);
	}
	60%
	{
		webkit-transform: translateY(-5px);
	}
}
@-moz-keyframes bounce
{
	0%, 20%, 50%, 80%, 100%
	{
		moz-transform: translateY(0);
	}
	40%
	{
		moz-transform: translateY(-15px);
	}
	60%
	{
		moz-transform: translateY(-5px);
	}
}
@keyframes bounce
{
	0%, 20%, 50%, 80%, 100%
	{
		moz-transform: translateY(0);
		ms-transform: translateY(0);
		o-transform: translateY(0);
		transform: translateY(0);
		webkit-transform: translateY(0);
	}
	40%
	{
		moz-transform: translateY(-15px);
		ms-transform: translateY(-15px);
		o-transform: translateY(-15px);
		transform: translateY(-15px);
		webkit-transform: translateY(-15px);
	}
	60%
	{
		moz-transform: translateY(-5px);
		ms-transform: translateY(-5px);
		o-transform: translateY(-5px);
		transform: translateY(-5px);
		webkit-transform: translateY(-5px);
	}
}

#explainer_dialog_wrapper
{
	overflow: visible;
}

#explainer_dialog_close_button .icon-cross
{
	color: #FFFFFF;
}

#explainer_dialog_close_button
{
    top: -6px;
    right: -30px;
}

#login_dialog_close_button
{
	display: none;
}

.landing_promo_banner_top
{
	height: 60px;
	line-height: 60px;
	background-color: #FFF9DB;
	/*border-bottom: 1px solid #0089D1;*/
	/*color: #FFFFFF;*/
	/*text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);*/
	font-size: 16px;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 99;
}

.landing_promo_banner_top_blue
{
	background-color: #0099EB;
	border-bottom: 1px solid #0089D1;
	color: #FFFFFF;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
}

.landing_promo_banner_top_small
{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}

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

/*	body, html
	{
		height: auto;
		max-height: auto;
		min-height: auto;
		overflow: auto;
	}*/

	#wraper
	{
		min-width:0px;
		padding:0;
		/*max-width: 360px;*/
		margin: 0 auto;
	}

	.thin_wrapper
	{
		width:auto;
		max-width:auto;
		padding-left:20px;
		padding-right:20px;
	}

	#landing_air
	{
		width:auto;
		min-height:200px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#landing_air_visual, #landing_air_functional
	{
		float:none;
		width:100%;
		margin-top:0;
		top:0;
		height:auto;
	}
	#landing_air_visual
	{
		/*padding-left:18px;*/
	}

	#landing_air_visual_inner
	{
		margin:20px 0 20px 0;
	}

	#landing_signin_form
	{
		margin:0 auto;
	}

	#landing_ocean
	{
		padding:0px;
		width:auto;
		min-height:800px;
	}

	#landing_ocean_first_level
	{
		display:none;
	}

	#landing_ocean_abyss
	{
		position:initial;
		bottom:0;
		margin-left:18px;
		margin-top:15px;
		margin-bottom:25px;
	}
	#landing_ocean_abyss>a
	{
		display:block;
		margin-bottom:20px;
		color: #0089D1;
	}

	#landing_signin_form, #landing_signup_form, #landing_forgot_form, #password_reset_form
	{
		margin-top:0;
		padding:0;
		width:100%;
	}

	#password_reset_form
	{
		margin-top:70px;
	}


	input[type="text"], input[type="password"], input[type="email"]
	{
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height:43px;
	}

	.landing_input_box
	{
		width:auto;
	}

	button.signin_button, button.signin_button:hover, button.signin_button:active, button.signin_button:focus
	{
		width:100%;
	}

	button.fb_button, button.fb_button:hover, button.fb_button:active, button.fb_button:focus, button.g_button, button.g_button:hover, button.g_button:active, button.g_button:focus
	{
		width:168px;
	}

	#landing_air_pressure
	{
		display: none;
	}

	#landing_ocean_mid_level
	{
		display:block;
	}

	.icon_mobile_inline
	{
		display:inline-block;
		font-size:22px;
		padding-right:5px;
		color: #0099EB;
		display:none;
	}

	.landing_ocean_creature_body
	{
		font-size:22px;
		margin-bottom:8px;
	}

	.landing_ocean_creature
	{
		margin-bottom:90px;
		margin-top:35px;
	}


	#landing_shore
	{
		bottom:15px;
	}

	#landing_waves
	{
		/*display:none;*/
	}

	.tbl_left
	{
		display:none;
	}
	.tbl_right
	{
		width:100%;
	}
	.tbl_right.tbl_mid
	{
		width:100%;
	}
	.tbl_right.tbl_bottom
	{
		display:none;
	}
	#air_name
	{
		padding-left:0px;
		font-size:26px;
	}
	#air_picture_mobile
	{
		display:block;
	}


	/* New */

	#landing_options
	{
		display: none;
	}

	.landing_cloud
	{
		font-size:16px;
		margin-bottom: 30px;
	}

	.landing_balloon
	{
		display: none;
	}

	#core
	{
		display: block;
		position: relative;
		/*top:20px;*/
		margin-left: auto;
		margin-right: auto;
		max-width: 360px;
	}

	.landing_lite #core
	{
		width: auto;
		margin: 0 auto;
	}

	#landing_shore
	{
		/*display: none;*/
		bottom: auto;
		position: relative;
		background-color: #2D405B;
	}

	#landing_shore_upper
	{
		/*display: none;*/
		bottom: auto;
		position: relative;
		/*background-color: #2D405B;*/
		display: block;
	}

	#landing_header
	{
		margin-top: 15px;
		position: initial;
	}

	#landing_header.banner_top
	{
		margin-top: 75px;
	}

	#landing_header.banner_top_small
	{
		margin-top: 55px;
	}

	#landing_header>.landing_logo
	{
		float: none;
		text-align: center;
	}


	#landing_waves
	{
		position: relative;
		bottom: auto;
		height: 280px;
	}

	#landing_air
	{
		margin-top: 30px;
		margin-bottom: 60px;
		top: auto;
		position: initial;
		height: auto;
	}

	#landing_algae
	{
		display: none;
	}

	#landing_swimmer_yellow_sub 
	{
		bottom: 44px;
		height: 180px;
		width: 180px;
	}

	#landing_swimmer_yellow_sub>img
	{
		width: 180px;
		height: 180px;
	}

	#landing_swimmer_octopus
	{
		bottom: 31px;
		width: 206px;
		height: 187px;
		margin-left: -89px;
	}

	#landing_swimmer_octopus>img
	{
		width: 206px;
		height: 187px;
	}

	#landing_swimmer_life_guard
	{
		bottom: 65px;
		width: 169px;
		height: 154px;
		margin-left: -87px;
	}

	#landing_swimmer_life_guard>img
	{
		width: 169px;
		height: 154px;
	}






	#landing_swimmer_swordfish
	{
		bottom: 47px;
		height: 150px;
		margin-left: -92px;
		width: 225px;
	}

	#landing_swimmer_swordfish>img:first-child
	{
		display: none;
	}

	#landing_swimmer_swordfish>img:last-child
	{
		width: 225px;
		height: 150px;
	}



	#landing_swimmer_whale
	{
		bottom: 59px;
		width: 280px;
		height: 141px;
		margin-left: -150px;
	}

	#landing_swimmer_whale>img
	{
		width: 280px;
		height: 141px;
	}





	#landing_bottle
	{
		width: 94px;
		height: 94px;
		margin-left: -114px;
		bottom: 130px;
	}

	#landing_bottle>img
	{
		width: 94px;
		height: 94px;
	}

	#landing_ocean_mid_level
	{
		width: auto;
	}

	.landing_ocean_creature.left_headed .landing_ocean_creature_head, .landing_ocean_creature.right_headed .landing_ocean_creature_spine
	{
		float: none;
	}

	.landing_ocean_creature_head, .landing_ocean_creature_body
	{
		width: auto;
		float: none;
		/*text-align: center;*/
		padding-left: 15px;
		padding-right: 15px;
	}

	.landing_ocean_creature_tail
	{
		padding-left: 15px;
		padding-right: 15px;		
	}

	.landing_ocean_creature_head>img
	{
		width: 264px;
		height: 264px;
		top:0px !important;
	}

	.landing_ocean_creature_spine
	{
		width: auto;
		top: auto;
	}

	.landing_ocean_creature.right_headed .landing_ocean_creature_spine
	{
		padding-left: 0px;
	}

	.landing_ocean_creature.left_headed .landing_ocean_creature_spine
	{
		padding-right: 0px;
	}

	.landing_ocean_plankton
	{
		height: 30px;
	}

	.landing_ocean_creature_body
	{
		font-size: 22px;
	}

	.landing_ocean_creature_tail
	{
		font-size: 14px;
		font-weight: normal;
	}

	.landing_ocean_net 
	{
		font-size: 17px;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}

	#landing_ocean_abyss 
	{
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		height: auto;
	}

	.landing_ocean_abyss_plankton_upper
	{
		height: 30px;
	}

	#landing_ocean_abyss_cyclops
	{
		width: auto;
	}

	.landing_ocean_creature.right_headed .landing_ocean_creature_head, .landing_ocean_creature.left_headed .landing_ocean_creature_spine
	{
		float: none;
	}

	#landing_ocean_abyss_cyclops_left_hand, #landing_ocean_abyss_cyclops_right_hand
	{
		float: none;
	}

	#landing_ocean_first_level>a, #landing_ocean_abyss_cyclops_left_hand>a, #landing_options a
	{
		display: list-item;
		list-style: none;
		margin-left: 15px;
		margin-bottom: 25px;
	}

	#landing_ocean_abyss_cyclops_right_hand
	{
		margin-top:40px;
	}

	#landing_ocean_abyss_cyclops_right_hand>a
	{
		margin-left: 15px;
	}

	#landing_ocean_abyss_cyclops_leg
	{
		float: none;
		margin-left: 15px;
		padding-bottom: 30px;
	}

	.landing_lite #landing_ocean, 
	.landing_lite #landing_waves,
	.landing_lite #landing_shore,
	.landing_lite #landing_algae,
	.landing_lite #landing_ocean_mid_level,
	.landing_lite #landing_waves
	{
		display: block;
	}

	.landing_lite #landing_ocean_abyss
	{
		height:auto;
		padding-bottom: 30px;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
	}

	.landing_lite .landing_header_wind
	{
		display: none;
	}

	.landing_promo_banner_top
	{
		top:-75px;
		line-height: 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.landing_promo_banner_top_small
	{
		top:-55px;
		line-height: 18px;
		display: block;
		padding-top: 5px;
		height:40px;
	}

	#cookie_use_long
	{
		display: none;
	}
}

/*body[dir="rtl"] #landing_swimmer_swordfish,
body[dir="rtl"] #landing_bottle,
body[dir="rtl"] #landing_swimmer_yellow_sub,
body[dir="rtl"] #landing_swimmer_whale,
body[dir="rtl"] #landing_swimmer_octopus,
body[dir="rtl"] #landing_swimmer_life_guard
{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}*/