html,body
{
	margin:0;
	padding:0;
	background:#ff668e;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}



@font-face {
    font-family: 'opensanslight';
    src: url('font/open-sans.light-webfont.eot');
    src: url('font/open-sans.light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/open-sans.light-webfont.woff2') format('woff2'),
         url('font/open-sans.light-webfont.woff') format('woff'),
         url('font/open-sans.light-webfont.ttf') format('truetype'),
         url('font/open-sans.light-webfont.svg#opensanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

#welcome_container
{
	position:fixed;
	margin:auto;
	width:100%;
	height:100%;
	background:green;
	
}

#w_menu_container
{
	background:#2A2ADB;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	width:500px;
	float:left;
	position:relative;
	overflow-y:auto;
	overflow-x:hidden;

}
#w_ad_container
{
	width:auto;
	height:100%;
	background:white;
	right:0;
	margin:auto auto;
	background-image: url('img/fb.jpg');
	background-size:cover;
	background-position:center;
	float:left;
	left:500px;
	position:absolute;
	
}

#w_menu_content
{
	position:absolute;
	height:500px;
	margin:auto auto;
	width:90%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#w_m_logo
{
	width:300px;
	height:110px;

	left:0;
	right:0;
	margin:auto;
	font-size:72pt;
	color:white;
	text-align:center;
	font-family: opensanslight;
}
#w_m_tagline
{
	color:white;
	text-align:center;
	font-family:opensanslight;
	font-size:12pt;
	margin-bottom:20px;
}

.w_m_button
{
	background:white;
	color:#2A2ADB;
	font-size:26pt;
	text-align:center;
	border-radius:9px;
	width:300px;
	height:45px;
	line-height:45px;
	left:0;
	right:0;
	margin:auto;
	font-family: opensanslight;
	margin-bottom:15px;
	transition-duration:0.2s;
	cursor:pointer;
	position:relative;
}

.w_m_button:hover
{
	background:silver;
}

#w_m_enter
{
	height:80px;
	line-height:80px;
	font-size:36pt;
	margin-bottom:30px;
	
}

#w_m_enter:hover > .icon_door:after
{
	background:silver;
}

#w_m_social_container
{
	width:180px;
	height:40px;
	bottom:0;
	position:relative;
	margin:auto;
	left:0;
	right:0;
	margin-top:30px;

}
.w_m_social
{
	width:40px;
	height:40px;
	background-size:100%;
	background-repeat:no-repeat;
	float:left;
	margin-right:30px;
	transition-duration:0.2s;
	cursor:pointer;
}
.w_m_social:hover
{
	filter:brightness(70%);
	-webkit-filter:brightness(70%);
	-ms-filter:brightness(70%);
}

#w_m_soon_spacer
{
	
	left:0;
	right:0;
	width:300px;
	height:275px;
	margin:auto;
	font-family: opensanslight;
	color:white;
	font-size:18pt;
	text-align:center;
	position:relative;
}
.icon_door_soon
{
	width:55px;
	height:85px;
	position:absolute;
	background:#2626A6;
	top:80px;
	left:0;
	right:0;
	margin:auto;
}
.icon_door_soon:after
{
	content:'';
	width:12px;
	height:12px;
	border-radius:999px;
	background:#2A2ADB;
	position:absolute;
	top:40px;
	right:5px;
	transition-duration:0.2s;
}

#w_m_s_fb
{
	background-image:url('img/welcome_screen_concept_mobile_2_03.png');
}
#w_m_s_in
{
	background-image:url('img/welcome_screen_concept_mobile_2_07.png');
	margin-right:0px;
}
#w_m_s_tw
{
	background-image:url('img/welcome_screen_concept_mobile_2_05.png');
}
.icon_door
{
	width:35px;
	height:55px;
	position:absolute;
	background:#2A2ADB;
	top:13px;
	left:40px;
}
.icon_door:after
{
	content:'';
	width:6px;
	height:6px;
	border-radius:999px;
	background:white;
	position:absolute;
	top:28px;
	right:3px;
	transition-duration:0.2s;
}

.icon_bag
{
	position:absolute;
	border-bottom: 20px solid #2A2ADB;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	height: 0;
	width: 20px;
	top:15px;
	left:42px;
}
.icon_bag:after
{
	content:'';
	position:absolute;
	border:3px solid #2A2ADB;
	width:8px;
	height:12px;
	top:-6px;
	border-radius:99px;
	left:3px;
}
.icon_cal
{
	width:30px;
	height:9px;
	position:absolute;
	background:#2A2ADB;
	top:7px;
	left:42px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.icon_cal:after
{
	content:'';
	position:absolute;
	width:22px;
	background:#2A2ADB;
	border-radius:99px;
	height:2px;
	top:18px;
	left:4px;
}
.icon_cal:before
{
	content:'';
	position:absolute;
	width:26px;
	height:18px;
	top:9px;
	left:0px;
	border:2px solid #2A2ADB;
}
.icon_ab
{
	position:absolute;
	font-size:32pt;
	color:#2A2ADB;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	top:1px;
	left:45px;
}

#w_wave
{
	position:absolute;
	bottom:0;
	background:url('img/wave.png');
	width:3775px;
	height:220px;
	background-size:100%;
	animation-name:wave;
	animation-duration:8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes wave
{
	0%{left:0px;}
	100%{left:-2550px;}
}
#w_wave_up
{
	position:absolute;
	top:0;
	background:url('img/wave_up.png');
	width:3775px;
	height:220px;
	background-size:100%;
	animation-name:wave_up;
	animation-duration:8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes wave_up
{
	0%{right:-2550px;}
	100%{right:0px;}
}