@charset "utf-8";
/*-----------------------------------------------------------------
COLUMNATION
-----------------------------------------------------------------*/
.container12 {
    margin:0 auto;
    padding:0;
    width:100%;
	position:relative;
}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {
	width:100%;
    display:block;
    float:left;
    padding-left:30px;
    padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
}
.container12 .alpha {padding-left:0px;}
.container12 .omega {padding-right:0px;}
.row:after, .clearfix:after, .container12:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom:1;}
img, object, embed {max-width:100%;}
img {height:auto;}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}

.row{
	padding-top:30px;
	padding-bottom:30px;
}


/*-----------------------------------------------------------------
GENERAL AND DEFAULTS
-----------------------------------------------------------------*/
html, body{
	background:#F7F7F7;
	color:#636363;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:300;
}
*{
    -moz-box-sizing:border-box !important;
    -webkit-box-sizing:border-box !important;
    box-sizing:border-box !important;
	outline:none !important;
}
p{
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	padding:0px 0px 15px 0px;
	margin:0px;
}

h1{
	line-height:normal;
}
h2{
	margin:0px;
	padding:0px 0px 20px 0px;
	color:#f17964;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:normal;
	font-weight:700;
}
h3{
	line-height:normal;
}
h4{
	line-height:normal;
}

a:link, a:visited{
	color:#4298B5;
	text-decoration:underline;
}
a:hover, a:active, a:focus{
	color:#505759;
	text-decoration:underline;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 22px;
	list-style:none;
	position:relative;
}
ul li:before{
	position:absolute;
	content:"";
	display:inline-block;
	top:8px;
	left:0px;
	background:#636363;
	width:7px;
	height:7px;
	border-radius:7px;
}


/*-----------------------------------------------------------------
COMMON PAGE STYLES
-----------------------------------------------------------------*/
.clear{
	clear:both;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.bold, strong{
	font-weight:600;
}

.CORAL{
	position:relative;
	background:#f17964;
}
.CORAL, .CORAL ul, .CORAL ol, .CORAL p, .CORAL h2, .CORAL h3, .CORAL h4{
	color:#FFF;
}
.CORAL ul li:before{
	background:#FFF;
}


/*-----------------------------------------------------------------
PAGE
-----------------------------------------------------------------*/
.TOP{
	padding-top:20px;
}
.top_1, .top_2, .top_3{
	text-align:center;
	position:relative;
}
.top_1{
	z-index:2;
}
.top_2{
	margin-top:-10px;
	z-index:1;
}
.top_1 img{
	width:100%;
	max-width:200px;
}
.top_2 img{
	width:100%;
	max-width:400px;
}
.top_3 a{
	display:inline-block;
	width:auto;
	height:60px;
}
.top_3 img{
	width:auto;
	height:100%;
}

.panel_1_phone_container{
	text-align:center;
	position:absolute;
	width:100%;
	height:350px;
}
.panel_1_phone{
	width:360px;
	height:100%;
	display:inline-block;
	background:url(../images/phone.png) center center no-repeat;
	background-size:contain;
}
.panel_1_padding{
	padding-top:280px;
}

.panel_2_phone_container{
	bottom:0px;
	text-align:left;
	position:absolute;
	width:100%;
	height:270px;
}
.panel_2_phone{
	width:360px;
	height:100%;
	display:inline-block;
	background:url(../images/phone-2.png) left bottom no-repeat;
	background-size:contain;
}
.panel_2_padding{
	padding-bottom:270px;
}

.cocktail{
	background:url(../images/cocktail.png) center center no-repeat;
	background-size:cover;
}
.panel_3_phone_container{
	bottom:0px;
	text-align:center;
	position:absolute;
	width:100%;
	height:310px;
}
.panel_3_phone{
	width:360px;
	height:100%;
	display:inline-block;
	background:url(../images/phone-3.png) center bottom no-repeat;
	background-size:contain;
}
.panel_3_padding{
	padding-bottom:310px;
}

.panel_4_phone_container{
	bottom:0px;
	text-align:right;
	position:absolute;
	width:100%;
	height:230px;
}
.panel_4_phone{
	width:360px;
	height:100%;
	display:inline-block;
	background:url(../images/phone-4.png) right bottom no-repeat;
	background-size:contain;
}
.panel_4_padding{
	padding-bottom:230px;
}

.copyright{
	font-size:14px;
	padding:20px 0px 20px 0px;
}

a.button{
	margin-top:15px;
	font-size:14px;
	line-height:22px;
	display:inline-block;
	padding:10px 20px 10px 20px;
	border-radius:25px;
	font-weight:600;
	text-transform: uppercase;
	border:1px solid #f17863;
	background:#cd5352;
	color:#FFF;
	text-decoration: none;
	letter-spacing:1px;
}
a.button:hover, a.button:focus{
	background:#f17863;
	border:1px solid #FFF;
	color:#FFF;
}


/*-----------------------------------------------------------------
VIDEO
-----------------------------------------------------------------*/	
.video_wrapper{
    position:relative;
}
#video_container{
    width:325px;
    height:600px;
    position: relative;
    margin-left:auto;
    margin-right:auto;
}
#video_container_bg{
	width:100%;
	height:560px;
	top:14px;
	left:0px;
	position:absolute;
	background:url(../images/seated-placeholder.jpg) top center no-repeat;
	background-size:contain;
	z-index:1;
}
#video{
	padding:14px 0px 26px 0px;
    width:100%;
    height:100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	z-index:2;
}
#outline{
    display:inline-block;
    position:absolute;
    top:0px;
	left:1%;
	width:98%;
    height:100%;
	z-index:3;
}
#play{
    display:inline-block;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:url(../images/play.png) center center no-repeat;
    background-size:80px;
	z-index:4;
}
#play.inactive{
    opacity:0;
}


/*-----------------------------------------------------------------
MEDIA QUERIES
-----------------------------------------------------------------*/	
@media only screen and (max-width:380px){
	.mobile_video_column{
		padding:0px !important;
	}
	#video_container{
		width:300px;
		height:554px;
	}
	#video_container_bg{
		width:100%;
		height:518px;
		top:12px;
	}
	#video{
		padding:12px 0px 24px 0px;
	}
}
@media only screen and (min-width:600px) and (max-width:1023px){
	/*-----------------------------------------------------------------
	COLUMNATION
	-----------------------------------------------------------------*/
    .container12 .column6 {width:60%;float:right;}

	.row{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	
	/*-----------------------------------------------------------------
	PAGE
	-----------------------------------------------------------------*/	
	.panel_1_phone_container{
		text-align:left;
		position:absolute;
		width:100%;
		height:460px;
		padding-top:40px;
		bottom:0px;
	}
	.panel_1_phone{
		width:420px;
		height:100%;
		display:inline-block;
		background:url(../images/phone.png) left -40px bottom no-repeat;
		background-size:contain;
	}
	.panel_1_padding{
		padding-top:0px;
	}
	
	.panel_2_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:300px;
	}
	.panel_2_phone{
		width:300px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-2.png) left -40px bottom no-repeat;
		background-size:contain;
	}
	.panel_2_padding{
		padding-bottom:0px;
	}
	
	.cocktail{
		background:url(../images/cocktail.png) center center no-repeat;
		background-size:cover;
	}
	.panel_3_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:360px;
	}
	.panel_3_phone{
		width:400px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-3.png) left -30px bottom no-repeat;
		background-size:contain;
	}
	.panel_3_padding{
		padding-bottom:0px;
	}
	.panel_3_content_padding{
		padding-top:100px;
		padding-bottom:100px;
	}
	
	.panel_4_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:320px;
	}
	.panel_4_phone{
		width:480px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-4.png) right -20px bottom no-repeat;
		background-size:contain;
	}
	.panel_4_padding{
		padding-bottom:0px;
	}
	.container12 .tablet_float_left{
		float:left !important;
	}
}
@media only screen and (min-width:800px) and (max-width:1023px){
	/*-----------------------------------------------------------------
	COLUMNATION
	-----------------------------------------------------------------*/
    .container12 .column6 {width:55%;}

	.row{
		padding-top:80px;
		padding-bottom:80px;
	}
	
	html, body{
		font-size:16px;
		line-height:26px;
	}
	h2{
		font-size:32px;
	}
	
	
	/*-----------------------------------------------------------------
	PAGE
	-----------------------------------------------------------------*/	
	.panel_1_phone_container{
		text-align:left;
		position:absolute;
		width:100%;
		height:520px;
		padding-top:0px;
		bottom:0px;
	}
	.panel_1_phone{
		width:500px;
		height:100%;
		display:inline-block;
		background:url(../images/phone.png) left -40px bottom -10px no-repeat;
		background-size:contain;
	}
	.panel_1_padding{
		padding-top:0px;
	}
	
	.panel_2_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:400px;
	}
	.panel_2_phone{
		width:400px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-2.png) left bottom no-repeat;
		background-size:contain;
	}
	.panel_2_padding{
		padding-bottom:0px;
	}
	
	.cocktail{
		background:url(../images/cocktail.png) center center no-repeat;
		background-size:cover;
	}
	.panel_3_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:520px;
	}
	.panel_3_phone{
		width:400px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-3.png) left -40px bottom no-repeat;
		background-size:contain;
	}
	.panel_3_padding{
		padding-bottom:0px;
	}
	.panel_3_content_padding{
		padding-top:140px;
		padding-bottom:140px;
	}
	
	.panel_4_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:600px;
	}
	.panel_4_phone{
		width:600px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-4.png) right bottom no-repeat;
		background-size:contain;
	}
	.panel_4_padding{
		padding-bottom:0px;
	}
	.container12 .tablet_float_left{
		float:left !important;
	}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
    .container12 {width:1020px;}
    .container12 .column1 {width:85px;}
    .container12 .column2 {width:170px;}
    .container12 .column3 {width:255px;}
    .container12 .column4 {width:340px;}
    .container12 .column5 {width:425px;}
    .container12 .column6 {width:510px;}
    .container12 .column7 {width:595px;}
    .container12 .column8 {width:680px;}
    .container12 .column9 {width:765px;}
    .container12 .column10 {width:850px;}
    .container12 .column11 {width:935px;}
    .container12 .column12 {width:1020px;}
    .container12 .prefix1 {margin-left:85px;}
    .container12 .prefix2 {margin-left:170px;}
    .container12 .prefix3 {margin-left:255px;}
    .container12 .prefix4 {margin-left:340px;}
    .container12 .prefix5 {margin-left:425px;}
    .container12 .prefix6 {margin-left:510px;}
    .container12 .prefix7 {margin-left:595px;}
    .container12 .prefix8 {margin-left:680px;}
    .container12 .prefix9 {margin-left:765px;}
    .container12 .prefix10 {margin-left:850px;}
    .container12 .prefix11 {margin-left:935px;}

	.row{
		padding-top:100px;
		padding-bottom:100px;
	}


	/*-----------------------------------------------------------------
	GENERAL AND DEFAULTS
	-----------------------------------------------------------------*/
	html, body{
		font-size:20px;
		line-height:30px;
	}
	h2{
		padding:0px 0px 26px 0px;
		font-size:38px;
	}
	ul li{
		padding:0px 0px 20px 38px;
	}
	ul li:before{
		top:7px;
		width:10px;
		height:10px;
		border-radius:10px;
		left:10px;
	}
	
	
	/*-----------------------------------------------------------------
	PAGE
	-----------------------------------------------------------------*/
	.TOP{
		padding-top:30px;
		padding-bottom:10px;
	}
	.top_1, .top_2, .top_3{
		text-align:center;
		position:relative;
	}
	.top_1{
		float:left;
	}
	.top_2{
		float:left;
		margin-top:0px;
		padding-left:10px;
	}
	.top_3{
		float:right;
	}
	
	.top_1 img{
		max-width:180px;
	}
	.top_2 img{
		max-width:380px;
	}
	
	.panel_1_phone_container{
		text-align:left;
		position:absolute;
		width:100%;
		height:840px;
		bottom:0px;
		left:0px;
	}
	.panel_1_phone{
		width:800px;
		height:100%;
		display:inline-block;
		background:url(../images/phone.png) left -20px bottom -40px no-repeat;
		background-size:contain;
	}
	.panel_1_padding{
		padding-top:0px;
	}
	
	.panel_2_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:430px;
	}
	.panel_2_phone{
		width:600px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-2.png) left bottom no-repeat;
		background-size:contain;
	}
	.panel_2_padding{
		padding-bottom:0px;
	}
	
	.cocktail{
		background:url(../images/cocktail.png) center center no-repeat;
		background-size:cover;
	}
	.panel_3_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:550px;
	}
	.panel_3_phone{
		width:550px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-3.png) right 60px bottom no-repeat;
		background-size:contain;
	}
	.panel_3_padding{
		padding-bottom:0px;
	}
	.panel_3_content_padding{
		padding-top:120px;
		padding-bottom:120px;
	}
	
	.panel_4_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:100%;
	}
	.panel_4_phone{
		width:100%;
		height:100%;
		display:inline-block;
		background:url(../images/phone-4.png) right -60px bottom no-repeat;
		background-size:contain;
	}
	.panel_4_padding{
		padding-bottom:0px;
	}

	a.button{
		font-size:16px;
		line-height:normal;
		padding:10px 20px 10px 20px;
	}
}
@media only screen and (min-width:1280px) and (max-width:1599px) {
    .container12 {width:1272px;}
    .container12 .column1 {width:106px;}
    .container12 .column2 {width:212px;}
    .container12 .column3 {width:318px;}
    .container12 .column4 {width:424px;}
    .container12 .column5 {width:530px;}
    .container12 .column6 {width:636px;}
    .container12 .column7 {width:742px;}
    .container12 .column8 {width:848px;}
    .container12 .column9 {width:954px;}
    .container12 .column10 {width:1060px;}
    .container12 .column11 {width:1166px;}
    .container12 .column12 {width:1272px;}
    .container12 .prefix1 {margin-left:106px;}
    .container12 .prefix2 {margin-left:212px;}
    .container12 .prefix3 {margin-left:318px;}
    .container12 .prefix4 {margin-left:424px;}
    .container12 .prefix5 {margin-left:530px;}
    .container12 .prefix6 {margin-left:636px;}
    .container12 .prefix7 {margin-left:742px;}
    .container12 .prefix8 {margin-left:848px;}
    .container12 .prefix9 {margin-left:954px;}
    .container12 .prefix10 {margin-left:1060px;}
    .container12 .prefix11 {margin-left:1166px;}

	.row{
		padding-top:140px;
		padding-bottom:140px;
	}


	/*-----------------------------------------------------------------
	GENERAL AND DEFAULTS
	-----------------------------------------------------------------*/
	html, body{
		font-size:22px;
		line-height:32px;
	}
	h2{
		padding:0px 0px 30px 0px;
		font-size:46px;
	}
	ul li{
		padding:0px 0px 20px 38px;
	}
	ul li:before{
		top:8px;
		width:10px;
		height:10px;
		border-radius:10px;
		left:10px;
	}
	
	
	/*-----------------------------------------------------------------
	PAGE
	-----------------------------------------------------------------*/
	.TOP{
		padding-top:30px;
		padding-bottom:10px;
	}
	.top_1, .top_2, .top_3{
		text-align:center;
		position:relative;
	}
	.top_1{
		float:left;
	}
	.top_2{
		float:left;
		margin-top:0px;
		padding-left:10px;
	}
	.top_3{
		float:right;
	}
	
	.top_1 img{
		max-width:240px;
	}
	.top_2 img{
		max-width:460px;
	}
	
	.panel_1_phone_container{
		text-align:left;
		position:absolute;
		width:100%;
		height:860px;
		bottom:0px;
		left:0px;
	}
	.panel_1_phone{
		width:800px;
		height:100%;
		display:inline-block;
		background:url(../images/phone.png) left 80px bottom -40px no-repeat;
		background-size:contain;
	}
	.panel_1_padding{
		padding-top:0px;
	}
	
	.panel_2_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:600px;
	}
	.panel_2_phone{
		width:700px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-2.png) left bottom no-repeat;
		background-size:contain;
	}
	.panel_2_padding{
		padding-bottom:0px;
	}
	
	.cocktail{
		background:url(../images/cocktail.png) center center no-repeat;
		background-size:cover;
	}
	.panel_3_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:700px;
	}
	.panel_3_phone{
		width:900px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-3.png) right 150px bottom no-repeat;
		background-size:contain;
	}
	.panel_3_padding{
		padding-bottom:0px;
	}
	.panel_3_content_padding{
		padding-top:150px;
		padding-bottom:150px;
	}
	
	.panel_4_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:100%;
	}
	.panel_4_phone{
		width:100%;
		height:100%;
		display:inline-block;
		background:url(../images/phone-4.png) right 0px bottom no-repeat;
		background-size:contain;
	}
	.panel_4_padding{
		padding-bottom:0px;
	}
	.panel_4_content_padding{
		padding-right:50px;
	}

	a.button{
		font-size:16px;
		line-height:normal;
		padding:10px 20px 10px 20px;
	}
}
@media only screen and (min-width:1600px) {
    .container12 {width:1560px;}
    .container12 .column1 {width:130px;}
    .container12 .column2 {width:260px;}
    .container12 .column3 {width:390px;}
    .container12 .column4 {width:520px;}
    .container12 .column5 {width:650px;}
    .container12 .column6 {width:780px;}
    .container12 .column7 {width:910px;}
    .container12 .column8 {width:1040px;}
    .container12 .column9 {width:1170px;}
    .container12 .column10 {width:1300px;}
    .container12 .column11 {width:1430px;}
    .container12 .column12 {width:1560px;}
    .container12 .prefix1 {margin-left:130px;}
    .container12 .prefix2 {margin-left:260px;}
    .container12 .prefix3 {margin-left:390px;}
    .container12 .prefix4 {margin-left:520px;}
    .container12 .prefix5 {margin-left:650px;}
    .container12 .prefix6 {margin-left:780px;}
    .container12 .prefix7 {margin-left:910px;}
    .container12 .prefix8 {margin-left:1040px;}
    .container12 .prefix9 {margin-left:1170px;}
    .container12 .prefix10 {margin-left:1300px;}
    .container12 .prefix11 {margin-left:1430px;}

	.row{
		padding-top:180px;
		padding-bottom:180px;
	}


	/*-----------------------------------------------------------------
	GENERAL AND DEFAULTS
	-----------------------------------------------------------------*/
	html, body{
		font-size:28px;
		line-height:38px;
	}
	h2{
		padding:0px 0px 35px 0px;
		font-size:52px;
	}
	ul li{
		padding:0px 0px 20px 45px;
	}
	ul li:before{
		top:10px;
		width:14px;
		height:14px;
		border-radius:14px;
		left:12px;
	}
	
	
	/*-----------------------------------------------------------------
	PAGE
	-----------------------------------------------------------------*/
	.TOP{
		padding-top:30px;
		padding-bottom:0px;
	}
	.top_1, .top_2, .top_3{
		text-align:center;
		position:relative;
	}
	.top_1{
		float:left;
	}
	.top_2{
		float:left;
		margin-top:0px;
		padding-left:15px;
	}
	.top_3{
		float:right;
	}
	
	.top_1 img{
		max-width:320px;
	}
	.top_2 img{
		max-width:650px;
	}
	
	.panel_1_phone_container{
		text-align:left;
		position:absolute;
		width:100%;
		height:970px;
		bottom:0px;
		left:0px;
	}
	.panel_1_phone{
		width:100%;
		height:100%;
		display:inline-block;
		background:url(../images/phone.png) right 75% bottom no-repeat;
		background-size:contain;
	}
	.panel_1_padding{
		padding-top:0px;
	}
	
	.panel_2_phone_container{
		bottom:0px;
		text-align:left;
		position:absolute;
		width:100%;
		height:680px;
	}
	.panel_2_phone{
		width:900px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-2.png) left bottom no-repeat;
		background-size:contain;
	}
	.panel_2_padding{
		padding-bottom:0px;
	}
	
	.cocktail{
		background:url(../images/cocktail.png) center center no-repeat;
		background-size:cover;
	}
	.panel_3_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:800px;
	}
	.panel_3_phone{
		width:900px;
		height:100%;
		display:inline-block;
		background:url(../images/phone-3.png) right 180px bottom no-repeat;
		background-size:contain;
	}
	.panel_3_padding{
		padding-bottom:0px;
	}
	.panel_3_content_padding{
		padding-top:160px;
		padding-bottom:160px;
	}
	
	.panel_4_phone_container{
		bottom:0px;
		text-align:right;
		position:absolute;
		width:100%;
		height:100%;
	}
	.panel_4_phone{
		width:100%;
		height:100%;
		display:inline-block;
		background:url(../images/phone-4.png) right 0px bottom no-repeat;
		background-size:contain;
	}
	.panel_4_padding{
		padding-bottom:0px;
	}
	.panel_4_content_padding{
		padding-right:120px;
	}

	a.button{
		font-size:22px;
		line-height:normal;
		border-radius:30px;
		padding:15px 25px 15px 25px;
	}


	/*-----------------------------------------------------------------
	VIDEO
	-----------------------------------------------------------------*/	
	#video_container{
		width:425px;
		height:785px;
	}
	#video_container_bg{
		width:345px;
		height:735px;
		top:15px;
		left:40px;
	}
	#video{
		padding:15px 15px 35px 15px;
	}
	#play{
		background:url(../images/play.png) center center no-repeat;
		background-size:80px;
	}
}