@charset "UTF-8";
@import 'fonts.css';
/* 
Reset Stylesheet
Author: JTDL - http://www.jtdl.hk
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	
}

.cssMobi {display:none}
.cssMobiTab {display:none}
.cssRow1Bg {background:#ffffff}
.cssRow2Bg {background:#e9eaea}

.cssFont1 {font-family:Conv_TrajanPro-Bold,Sans-Serif;letter-spacing:2px}
.cssFont2 {font-family:Conv_MyriadPro-Regular,Sans-Serif;}
.cssFont3 {font-family:Conv_MyriadPro-Bold,Sans-Serif;letter-spacing:2px}
.cssFont3b {font-family:Conv_MyriadPro-Bold,Sans-Serif;}

body {
    line-height:1.2;
	font-size:13px;
	font-family: 'Conv_MyriadPro-Regular', sans-serif;
	color:#494949;
	background-color:#e9eaea;
}

strong {
	font-family:'Conv_MyriadPro-Bold', sans-serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:#FFF;
	outline:none !important;/* remove dotted outline on IE */
}
a:hover{
	text-decoration:underline;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
img{
	border:none;
	margin:0px;
	padding:0px;
	vertical-align: top;     /* Add this */
}
/* remove dotted outline on IE */
.btn {outline:none !important;}

.clear_fix{ clear:both;}

p{}

h1,h2,h3{ font-weight:normal}

.cssbodyContent .cssInsideframe {width:960px;margin:0 auto;text-align:center;padding:0px 0 50px 0;}
.cssbodyContent .cssTitle {color:#a6823b; font-size:24px; padding:72px 0 0}
.cssbodyContent .cssMsg {color:#626263; font-size:15px; width:70%; margin:0 auto; padding:10px 0 30px; line-height:150%;}
.cssbodyContent .cssWallbody {position:relative;width:100%;}
.cssbodyContent .cssWallbody .cssCell {position:absolute;opacity:0;}
.cssbodyContent .cssWallbody .cssCell:hover { cursor:auto !important; box-shadow:none !important;}
.cssbodyContent .cssWallbody .cssCell .cssBg {}
.cssbodyContent .cssWallbody .cssCell .cssBg img {width:100%;display:block;}
.cssbodyContent .cssWallbody .cssCell .cssArrow {position:absolute;bottom:0px;right:0px;z-index:5}
.cssbodyContent .cssWallbody .cssCell .cssArrow img {display:block;}
.cssbodyContent .cssWallbody .cssCell .cssTxt {position:absolute;left:0px;top:27px;z-index:3;width:100%;}
.cssbodyContent .cssWallbody .cssCell .cssTxt div {margin:0 35px}
.cssbodyContent .cssWallbody .cssCell .cssIcon {text-align:center;}
.cssbodyContent .cssWallbody .cssCell .cssBtn button {background:none;border-width:3px;border-color:#ffffff;border-style:solid;font-size:14px;}
.cssbodyContent .cssWallbody .cssCell .cssBtn button span {padding:13px 20px 10px;display:block;color:#ffffff;text-transform:uppercase;line-height:100%}
.cssbodyContent .cssWallbody .cssCell .cssBtn button:hover {background:#ffffff}
.cssbodyContent .cssWallbody .cssCell .cssBtn button:hover span {color:#a6823b}
.cssbodyContent .cssWallbody .cssCell.cssSize2 {width:760px;}
.cssbodyContent .cssWallbody .cssCell.cssSize1 {width:304px}
.cssbodyContent .cssWallbody .cssCell.cssItem1 {}
.cssbodyContent .cssWallbody .cssCell.cssItem1 .cssTitle {color:#ffffff;font-size:20px;padding:11px 0 0;line-height:150%;}
.cssbodyContent .cssWallbody .cssCell.cssItem1 .cssHr {line-height:100%}
.cssbodyContent .cssWallbody .cssCell.cssItem1 .cssMsg {margin:0 auto;color:#ffffff;font-size:14px;padding:10px 0 10px;width:60%;line-height:150%}
.cssbodyContent .cssWallbody .cssCell.cssItem1 .cssMsg1 {color:#ffffff;font-size:26px;line-height:100%;letter-spacing: 3px;padding-top: 15px;}
.cssbodyContent .cssWallbody .cssCell.cssItem1 .cssArrow { /* display:none; */}
.cssbodyContent .cssWallbody .cssCell.cssItem2 {}
.cssbodyContent .cssWallbody .cssCell.cssItem2 .cssTitle {font-size: 18px;color:#ffffff;    line-height: 180%;margin:0px;padding:16px 0 0;}
.cssbodyContent .cssWallbody .cssCell.cssItem2 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem2 .cssMsg {color:#ffffff;font-size:14px;padding:14px 0 24px;width:auto;margin:0px;}
.cssbodyContent .cssWallbody .cssCell.cssItem2 .cssBtn {}
.cssbodyContent .cssWallbody .cssCell.cssItem2 .cssArrow { /*display:none */ }
.cssbodyContent .cssWallbody .cssCell.cssItem3 {}
.cssbodyContent .cssWallbody .cssCell.cssItem3 .cssTxt {top:30px}
.cssbodyContent .cssWallbody .cssCell.cssItem3 .cssTitle {color:#ffffff;font-size:20px;padding:12px 0 3px;line-height:100%;}
.cssbodyContent .cssWallbody .cssCell.cssItem3 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem3 .cssMsg {color:#ffffff;font-size:14px;width:auto}
.cssbodyContent .cssWallbody .cssCell.cssItem4 {}
.cssbodyContent .cssWallbody .cssCell.cssItem4 .cssTxt {top:26px}
.cssbodyContent .cssWallbody .cssCell.cssItem4 .cssTitle {color:#a6823b;font-size:20px;padding:13px 0 3px;line-height:150%;}
.cssbodyContent .cssWallbody .cssCell.cssItem4 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem4 .cssMsg {color:#626263;font-size:14px;padding:0px 0 0px;width:auto}
.cssbodyContent .cssWallbody .cssCell.cssItem5 {}
.cssbodyContent .cssWallbody .cssCell.cssItem5 .cssTxt {top:19px}
.cssbodyContent .cssWallbody .cssCell.cssItem5 .cssTitle {color:#ffffff;font-size:20px;padding:5px 0 ;line-height:155%;}
.cssbodyContent .cssWallbody .cssCell.cssItem5 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem5 .cssMsg {color:#ffffff;font-size:14px;padding:2px 0 0px;width:auto}
.cssbodyContent .cssWallbody .cssCell.cssItem6 {}
.cssbodyContent .cssWallbody .cssCell.cssItem6 .cssTxt {top:30px}
.cssbodyContent .cssWallbody .cssCell.cssItem6 .cssTitle {color:#ffffff;font-size:20px;padding:17px 0 5px;line-height:150%;}
.cssbodyContent .cssWallbody .cssCell.cssItem5 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem6 .cssMsg {color:#ffffff;font-size:14px;padding:0px 0 ;width:auto}
.cssbodyContent .cssWallbody .cssCell.cssItem7 {}
.cssbodyContent .cssWallbody .cssCell.cssItem7 .cssTxt {top:30px}
.cssbodyContent .cssWallbody .cssCell.cssItem7 .cssTitle {color:#ffffff;font-size:20px;padding:12px 0 3px;line-height:100%;}
.cssbodyContent .cssWallbody .cssCell.cssItem7 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem7 .cssMsg {color:#ffffff;font-size:14px;width:auto}
.cssbodyContent .cssWallbody .cssCell.cssItem8 {}
.cssbodyContent .cssWallbody .cssCell.cssItem8 .cssTitle {color:#ffffff;font-size:20px;padding:15px 0 0px;line-height:150%;}
.cssbodyContent .cssWallbody .cssCell.cssItem8 .cssHr {}
.cssbodyContent .cssWallbody .cssCell.cssItem8 .cssMsg {color:#ffffff;font-size:14px;padding:3px 0 0px;width:auto}

.section1-main-bg .content.fr { /* top: 110px; */ }

/*main container*/
#main_container{ width:100%; position:relative;overflow:auto;}

/*main content container*/
#main_content_container{ width:100%; /*overflow-x:hidden*/}
.body_content_container{ width:100%;}

#content_container .inner{ width:100%; max-width:960px; margin:0px auto;}

#top_container{ background-size:cover; background-position:center center; width:100%; padding-bottom:20px; overflow:hidden; }
.register #top_container{ overflow:visible}
#top_container .inner{ position:relative; width:100%; height:100%;}


/*top header*/
#lang_container{ margin:0px auto; text-align:center; padding:10px 0px 10px 0px; position:relative; z-index:100; position: absolute; top: 40%; right: 15px;}
#lang_container ul{ list-style:none; padding:0px; margin:0px;}
#lang_container ul li{ display:inline-block; color:#626363; padding:0px 2px 0px 2px; cursor:pointer; font-size:14px;}
#lang_container ul li a { display:inline-block; color:#626363; padding:0px 2px 0px 2px; cursor:pointer; font-size:14px;}
#lang_container ul li.active{ text-decoration:underline;}
#lang_container ul li:hover{ text-decoration:underline;}
#lang_container ul li a:hover{ text-decoration:underline;}
@media screen and (max-width: 750px) {	
#lang_container ul li{font-size:16px;}
}

/*top header*/
#lang_container2{ margin:0px auto; text-align:center; padding:10px 0px 10px 0px; position:relative; z-index:100}
#lang_container2 ul{ list-style:none; padding:0px; margin:0px;}
#lang_container2 ul li{ display:inline-block; color:#626363; padding:0px 2px 0px 2px; cursor:pointer; font-size:14px;}
#lang_container2 ul li a { display:inline-block; color:#626363; padding:0px 2px 0px 2px; cursor:pointer; font-size:14px;}
#lang_container2 ul li.active{ text-decoration:underline;}
#lang_container2 ul li:hover{ text-decoration:underline;}
#lang_container2 ul li a:hover{ text-decoration:underline;}
@media screen and (max-width: 750px) {	
#lang_container2 { display: none; }
#lang_container2 ul li{font-size:16px;}
}

#logo_container{ margin:0px auto; text-align:center; margin-bottom:15px; display:block; position:relative; z-index:100}
#logo_container img{ width:100px; height:auto;}
#mobile_logo_container{ display:block; background-color:#FFF; text-align:center; padding:10px 0px 20px 0px; /* border-bottom:4px solid #a28850; */ position:fixed; z-index:100; width: 100%}
.mobile_logo_container img{ width:60%; max-width:180px; height:auto;}

#banner_container{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
#banner_container_inner{ position:relative;}
.infobox_container{ width:100%;padding:165px 0px 20px 0px; font-size:13px; text-align:left; position:absolute; top:0px; left:0px;}
.infobox_container .bg{background-size:cover; background-position:top center; width:100%; height:100%;  position:absolute; z-index:1; top:0px; left:0px;}
.infobox_container .white_gradient{
	background: url('/assets../img/white_gradient.png') no-repeat; background-size:cover; background-position:top left; width:100%; height:100%;  position:absolute; z-index:1; top:0px; left:0px;
}
.infobox_container .inner_box{ width:100%;max-width:960px; margin:0px auto; position:relative; z-index:20}
.infobox_container .inner_box .inner{ color:#626363; box-sizing:border-box; max-width:705px; padding:40px 62px 40px 62px; background-color: rgba(255,255,255,0.9) !important; }
.infobox_container .inner_box .inner .title { width:100%; /* text-align:center */ }
.infobox_container .inner_box .inner .title img{ /* width:100%; */ }
.infobox_container .inner_box .inner .text{ padding: 15px 0px 0px 0px; line-height:1.8; font-size: 14px; } 
.infobox_container .inner_box .inner .btn{ font-family:"Conv_MyriadPro-Bold"; border:2px solid #ab8d47; color:#ab8d47; padding:16px 25px 12px 25px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top: 30px; cursor:pointer; line-height:1; border-radius:0px !important; text-transform:uppercase; letter-spacing:2px; font-size: 14px;}
.infobox_container .inner_box .inner .btn.btn_register{ font-family:"Conv_MyriadPro-Bold"; border:2px solid #ab8d47; color:#ffffff; padding:16px 50px 12px 50px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top: 30px; cursor:pointer; line-height:1; border-radius:0px !important; text-transform:uppercase; letter-spacing:2px; background-color:#ab8d47; font-size: 14px;}
.infobox_container .inner_box .inner .btn:hover{ background-color: #ab8d47 !important; color:#FFF; }
.infobox_container .inner_box .inner .btn.btn_register:hover{ background-color:#ab8d47; color:#FFF; }
.infobox_container .inner_box .inner  .joinnow_mobile{ display:none}
.infobox_container .inner_box .inner  .joinnow_mobile a{ font-family:"Conv_MyriadPro-Bold"; font-weight:bold; display:block}


.register .infobox_container{ width:90%; max-width:510px; margin:0px auto; font-size:13px; position:static}
.register .infobox_container .inner_box{background-color:transparent;box-sizing:border-box; padding:0px;}
.register .infobox_container .inner_box .inner{ border:0px solid #FFF; text-align:center; color:#FFF; box-sizing:border-box; padding:0px 0px 0px 0px;}
.register .infobox_container .inner_box .inner .title { width:100%; text-align:center; display:none}
.register .infobox_container .inner_box .inner .title img{ width:50%;}
.register .infobox_container .inner_box .inner .text{ padding: 30px 0px 0px 0px; line-height:1.8 } 
.register .infobox_container .inner_box .inner .btn{ font-family:"Conv_MyriadPro-Bold"; border:1px solid #FFF; padding:7px; text-align:center; width:40%; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:1; border-radius:0px !important; text-transform:uppercase}
.register #logo_container{ padding-bottom:40px;}
#infobox_container .inner_box .inner .btn:hover{ background-color:#FFF; color:#ab8d47; }
#infobox_container .inner_box .inner  #joinnow_mobile{ display:none}
#infobox_container .inner_box .inner  #joinnow_mobile a{ font-family:"Conv_MyriadPro-Bold"; font-weight:bold; display:block}
#overlay_tnc_container{ display:block; position:absolute; left:0px; bottom:0px; width:100%;}
#overlay_tnc_container ul{ list-style:none;}
#overlay_tnc_container li{ color:#a28850; display:inline-block; padding:5px; cursor:pointer}

.register .infobox_container{ max-width:300px; padding:0px 0px 0px 0px;}
.register .infobox_container .inner_box .inner .title img{ width:90%;}
.register #top_container{ background-image:none; background-color:#FFF; /* background-image:url("/assets../img/hero_bg_register.jpg"); */ background-size:cover; background-position:bottom center; padding-bottom:0px;}
.register #top_container .bg{ position:absolute;  background-image:url("/assets../img/hero_bg_register.jpg"); background-size:cover; background-position:center center; width:100%; height:100%; z-index:10; margin-top: 124px; background-repeat: no-repeat !important; }
.register #top_container .inner{ position:relative; z-index:1000}
.register #top_container .inner{ padding-top:0px;}
/*DIGITAS UPDATE*/
#register_tnc_container {text-align:center;margin-top:50px;}
#register_tnc_container li {display:inline;cursor:pointer;color:#a28850;}
/*DIGITAS UPDATE*/

#welcome_message_container {display:block; position:absolute; left:0px; bottom:0px; width:100%;}

.infobox_container .links_container { padding:50px 0px 0px 0px;}
.infobox_container .links_container #joinnow{ color:#808285; display:block; text-align:center; padding-bottom:5px;} 
.infobox_container .links_container #joinnow a{ font-family:"Conv_MyriadPro-Bold"; color:#ab8d47; font-weight:bold; }
.infobox_container .links_container .right{}
.infobox_container .links_container .right ul{list-style:none; padding:0px; margin:0px; text-align:center}
.infobox_container .links_container .right ul li{ display:inline-block; color:#a28850; padding:0px 2px 0px 2px; cursor:pointer; font-size:14px;}
.infobox_container .links_container .right ul  li.active{ text-decoration:underline;}
.infobox_container .links_container .right ul  li:hover{ text-decoration:underline;}

/*JS placeholder color */
.placeholder {color:#626363 !important;}






@media screen and (max-width: 750px) {	
	#mobile_logo_container{ display:block; position: fixed; width: 100% }
	#mobile_logo_container #head_logo{ width:auto; height:40px; }
	#top_container{ background: #fff; }
	#top_container .inner{ position:relative; width:100%; height:100%; padding-bottom:50px;}
	.register #top_container .inner{ padding-bottom:0px;}

	.infobox_container{ width:100%; font-size:15px; padding-top: 64px;}
	#logo_container{ display:none}
	.infobox_container{ /* padding-top:260px; */ }
/*	.infobox_container .bg{ height:240px; margin-top:110px;} */
	.infobox_container .bg{ display:none; } 
	.infobox_container .bg2{ display:block !important; }
	
	.infobox_container .inner_box .inner{ padding:35px 20px 5px 20px; max-width:100%; background-color:#FFF; /* margin-top: 50px; */ }
	.register .infobox_container .inner_box .inner{ background-color:transparent}
	.infobox_container .inner_box .inner .title { /* margin-top:25px; text-align:center; */ }
	.infobox_container .inner_box .inner .title img{ width:60%}
	.infobox_container .inner_box .inner .text{ }
	.infobox_container .inner_box .inner .btn{ width:70%; }
	.infobox_container .inner_box .inner .btn.btn_register{ width:70%; }
	.infobox_container .inner_box .inner .joinnow_mobile{ display:none; text-align:center; padding:25px 0px 0px 0px}
	.infobox_container .links_container #joinnow{  display:block; margin-bottom: 10px;} 
	.infobox_container .links_container .right{ float:none; text-align:center; font-size:15px;}
	.infobox_container .links_container .right ul li{ font-size:15px;}
/*	.register #top_container .bg{ background-image:url("/assets../img/hero_bg_register_mobile.jpg"); margin-top: 40px;} */

	.register #top_container .inner { display:block !important; }
	#main_content_container .bg2.register { display: block !important; position: absolute; margin-top: 64px !important;}

	.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem2 { border-right: 0px !important; }
}

@media screen and (max-width: 935px) {	
	#mobile_logo_container{ display:block !important; position: fixed; width: 100% }
	.register #top_container .bg{ display: none;}
	#main_content_container .bg2.register { display: block !important; position: absolute; margin-top: 120px;}
	.register #lang_container2, .register #logo_container { display: none !important; }
	#lang_container2.index, #logo_container.index { display: none !important; }
	.register #form_container .inner{ padding-top: 56% !important;}

	.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem2 { border-right: 0px !important; }
}

@media screen and (max-width: 800px) {	
	.register #form_container .inner{ padding-top: 58% !important;}
}

@media screen and (max-width: 750px) {	
	.register #form_container .inner{ padding-top: 54% !important;}
}

@media screen and (max-width: 700px) {	
	.register #form_container .inner{ padding-top: 56% !important;}
	#mobile_logo_container { text-align: left; }
	#mobile_logo_container #head_logo { margin-top: 5px; margin-left: 10px; }
	#lang_container { top: 22%; }
}

@media screen and (max-width: 640px) {	
	.register #form_container .inner{ padding-top: 58% !important;}
}

@media screen and (max-width: 600px) {	
	.register #form_container .inner{ padding-top: 60% !important;}
}

@media screen and (max-width: 550px) {	
	.register #form_container .inner{ padding-top: 62% !important;}
}

@media screen and (max-width: 480px) {
	
	.infobox_container .inner_box .inner{ padding:15px 10px 15px 10px;top:20px;margin-bottom:20px;}
	.infobox_container .inner_box .inner .title img{ width:95%;}
	.infobox_container .inner_box .inner .text{ font-size:13px;}
	.infobox_container .inner_box .inner .joinnow_mobile{ font-size:13px;}
	
	.register #form_container .inner{ padding-top: 64% !important;}
}

@media screen and (max-width: 440px) {
	.register #form_container .inner{ padding-top: 68% !important;}
}

@media screen and (max-width: 400px) {
	.register #form_container .inner{ padding-top: 70% !important;}
}

@media screen and (max-width: 320px) {
	
	.register #form_container .inner{ padding-top: 80% !important;}
}

#slide_nav{ margin:0px auto; text-align:center; padding:35px 0px 35px 0px; z-index:100; position:absolute; width:100%; left:0px; top:40%;}
#slide_nav ul{ list-style:none; padding:0px; margin:0px; width:100%; display:block}
#slide_nav ul li{ display:inline-block; color:#a58751; cursor:pointer; width:40px; height:67px;}
#slide_nav ul li.nav_page_bullet{ background-image:url(/assets../img/dot.png); background-repeat:no-repeat; background-position:0px center; background-size:30px 15px; display:none}
#slide_nav ul li.nav_page_bullet:hover{background-position:-15px center;}
#slide_nav ul li.active{ background-position:-15px center;}

#slide_nav ul li.arrow_left{ background-image:url(/assets../img/arrow_left.png); background-repeat:no-repeat; float:left;}
#slide_nav ul li.arrow_right{ background-image:url(/assets../img/arrow_right.png); background-repeat:no-repeat; float:right}

#slide_nav_2{ width:20%;margin:0px auto; text-align:center; padding:35px 0px 0px 0px; z-index:25; position:absolute; bottom:25px; right:0px;left:0px;}
@media screen and (max-width: 750px) {	
	#slide_nav_2{ width:100%;}
}
#slide_nav_2 ul{ list-style:none; padding:0px; margin:0px; display:block}
#slide_nav_2 ul li{ display:inline-block; color:#a58751; cursor:pointer; width:15px; height:15px;}
#slide_nav_2 ul li.nav_page_bullet{ background-image:url(/assets../img/dot.png); background-repeat:no-repeat; background-position:0px center; background-size:30px 15px;}
#slide_nav_2 ul li.nav_page_bullet:hover{background-position:-15px center;}
#slide_nav_2 ul li.active{ background-position:-15px center;}
@media screen and (max-width: 750px) {
	#slide_nav_2{ bottom:auto; top:240px; right:10px;}
}

#arrow_down{ 
	text-align:center; 
	width:100%; 
	position:absolute; 
	left:0px; 
	bottom:0px;
	z-index:10;  
	-webkit-animation:bounce 1s infinite;
}

#arrow_down img{ width:20px; height:auto;}

@-webkit-keyframes bounce {
  0%       { bottom:2px; }
  25%, 75% { bottom:4px; }
  50%      { bottom:8px; }
  100%     { bottom:0; }
}

/*filter*/
#filter_container { /* border-top:1px solid #a28850; border-bottom:1px solid #a28850; */ padding:10px 0 10px 0; position:relative}
#filter_container .inner{width:100%; max-width:960px; margin:0px auto; text-align:center; padding:20px 0px 20px 0px;}
#share_container{ display:inline-block; margin:0px auto; padding:0px 0px 15px 0px }
#share_container ul{ list-style:none; padding:0px; margin:0px;}
#share_container ul li{ float:left; padding:0px 6px 0px 6px; cursor:pointer}
#share_container ul li:first-child{ padding:10px; color:#a28850; font-size:14px;}
#filter_container .title{ font-family:"Conv_TrajanPro-Bold"; color:#a28850; text-align:center; font-size:22px; letter-spacing:2px; }

#filter_form_container{ padding-top:0px; vertical-align:top; text-align:left}
#filter_form_container textarea, #filter_form_container input[type="text"], #filter_form_container select{
    outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:0px solid #FFF;
}

#filter_form_container .btn{ padding:10px; background-color:#ab8d47; color:#FFF; border:1px solid #a28850; cursor:pointer; display:inline-block;overflow:hidden; height:36.5px; box-sizing:border-box;border-radius:0px !important; }
#filter_form_container .btn:hover{ background-color:#FFF; color:#a28850}
#filter_form_container .btn-group{ width:150%; z-index:100}
#filter_form_container .dropdown-menu{ z-index:1001; overflow-y:auto; max-height:350px; overflow-x:auto}
#filter_form_container .btn-group .caret{ display:none}
#filter_form_container .btn-group .btn{ padding:10px; background-color:transparent; color:#a28850; border:0px solid #a28850; cursor:pointer; display:inline-block;overflow:hidden; height:33px; box-sizing:border-box; width:100%; text-align:left !important;}
#filter_form_container .btn-group .btn:hover{ background-color:transparent; color:#a28850; -webkit-box-shadow:none; box-shadow: none}
#filter_form_container .btn-group.open .dropdown-toggle{-webkit-box-shadow:none; box-shadow: none}
#filter_form_container .btn-group .btn .multiselect-selected-text{ width:70%; display:inline-block; overflow:hidden}
#filter_form_container .label{padding:30px 5px 10px 0px; display:inline-block;margin:0px 5px 0px 5px; height:37px; box-sizing:border-box; color:#626363; font-size:14px;}
#filter_form_container .input_field{ border:1px solid #a28850; background-color:#FFF;display:inline-block; position:relative; padding-right:40px; margin:0px 5px 0px 5px;height:37px; box-sizing:border-box}
#filter_form_container .input_field select{ padding:8px; width:170%; font-size:14px; position:relative; z-index:100; background:none}
#filter_form_container .input_field input[type="text"], #filter_form_container .input_field input[type="password"]{padding:10px 8px 7px 8px; width:100%; font-size:14px; position:relative; z-index:100; background:none;}
#filter_form_container .input_field .icon{ width:35px; background-position: center center; background-size:contain; background-color:#ab8d47; position:absolute; top:0px; right:0px; height:35px; cursor:pointer;}
#filter_form_container .input_field .icon_down{background-image:url("/assets../img/arrow_down_white.png");}
#filter_form_container .input_field .icon_search{ z-index:1000; display:block; content:"x"; font-size:15px; padding:1px 0px 2px 1px; background-color:#FFF; border:1px solid #a5a5a5; border-radius:10px; color:#fff; background-color:#a5a5a5; width:20px; height:20px; text-align:center; margin:7px 5px 0px 0px;display: none;}

#filter_country_c{ width:150px; z-index:1000}
#filter_city_c{width:130px; z-index:999}
#filter_hotel_c{ width:130px; z-index:888}
#filter_cuisine_c{ width:120px; z-index:777}
#filter_search_c{ width:170px; padding-right:0px !important;}

#btn_showall{}
#btn_apply{ padding-left:20px !important; padding-right:20px !important;}
#mobile_filter_search_c{ display:none !important; padding-right:0px !important}
@media screen and (max-width: 960px) {		
	#btn_apply{ padding-left:10px !important; padding-right:10px !important; background-color:transparent !important; color:#a28850 !important;}
	#filter_form_container .input_field{ margin:0px 0px 0px 0px}
	#filter_form_container .btn:hover{ background-color:#a28850; color:#FFF}
	
	#filter_country_c{ width:125px;}
	#filter_city_c{width:115px;}
	#filter_hotel_c{ width:115px;}
	#filter_cuisine_c{ width:100px;}
	#filter_search_c{ width:145px; padding-right:0px !important;}

}
@media screen and (max-width: 768px) {	
#filter_search_c {width: 135px;}
#filter_search_c input::-webkit-input-placeholder { font-size: 0.9em; }
#filter_search_c input::-moz-placeholder { font-size: 9em; } /* firefox 19+ */
#filter_search_c input:-ms-input-placeholder { font-size: 9em; } /* ie */
#filter_search_c input:-moz-placeholder { font-size: 9em; }
}
@media screen and (max-width: 750px) {	

	#filter_container .inner{ width:80%; margin:0px auto;}
	#filter_container .title{ margin-bottom:15px;}
	#share_container ul li{ width:20%; box-sizing:border-box;}
	#share_container ul li:first-child{ width:100%; text-align:center; padding:10px 0px 10px 0px; font-size:16px;}
	#arrow_down{ display:block}
	#slide_nav{ padding-bottom:45px;}
	#mobile_filter_search_c{ display:block !important}
	#filter_search_c{ display:none !important}
	#filter_form_container .btn-group{ width:120%; /*z-index:auto*/}
	#filter_form_container .input_field{ width:100%; margin:0px 0px 10px 0px;}
	#filter_form_container .label{ display:block; width:30%; margin:0px auto; color:#a28850; padding-top:12px; padding-right:12px; background-image:url("/assets../img/label_arrow_down.png"); background-repeat:no-repeat; background-position:right center; background-size:15px 15px; font-size:15px;}
	#filter_form_container .btn{ width:100%}
	#filter_form_container .input_field select{ width:130%;}
	#filter_form_container .input_field input[type="text"], #filter_form_container .input_field input[type="password"]{ width:130%;}
	#mobile_filter_search{ width:100% !important; }
    #filter_form_container .input_field .icon_search{padding:1px 0px 2px 1px;margin:7px 5px 0px 0px;width:20px; height:20px;border-radius:10px; }
}

/*Changing drop down styles */
#filter_form_container .dropdown-menu{border-radius: 0; border: 1px solid #a28850;margin-top: 21px;}
#filter_form_container .btn-group.open:before{background-image:url("/assets../img/top_menu_arrow.png");content: ' ';position: absolute;width: 40px;
height: 20px;left: 16px;z-index:1002;top: 35px;}

@media screen and (max-width: 750px) {
	#filter_form_container .dropdown-menu{left: -1px}
	#filter_form_container .input_field { margin: 0px 0px 30px 0px;}
}
/**************************/

/*result*/
#result_container .inner { background-color:#FFF; position:relative;}
#result_container .inner .title{ width:80%; max-width:960px; margin:0px auto; padding:20px 0px 0px 0px; color:#a28850; font-size:16px; }
#result_container .no_result{ padding:20px 0px 20px 0px; text-align:center}
.result_item{ padding:30px 0px 30px 0px;}
.result_item:nth-of-type(even){
	background-color:#ebebeb;
}
.result_item:nth-of-type(odd){
	background-color:#fff;
}
.result_item .result_item_inner{width:80%; max-width:960px; margin:0px auto; box-sizing:border-box;}
.result_item .result_item_inner .item_img{ float:left; width:30%; background-repeat:no-repeat; background-size:cover; background-position:center center; }
.result_item .result_item_inner .item_img img{ width:100%; height:auto; }
.result_item .result_item_inner .item_info{ padding:5px 10px 5px 20px; box-sizing:border-box; float:left; width:45%; box-sizing:border-box;}
@media screen and (max-width: 1024px) {	
	.result_item .result_item_inner .item_info {
		width:43%;
	}
}
.result_item .result_item_inner .item_info .info_more{ display:none}
.result_item .result_item_inner .item_info .name{ font-family:"Conv_TrajanPro-Bold"; font-size:20px; color:#a6823b; text-transform:uppercase; margin-bottom:10px;}
.result_item .result_item_inner .item_info .type_n_cost{ color:#626263; padding:2px 0px 2px 0px;font-size:14px;display:inline;}
.result_item .result_item_inner .item_info .region{ font-family:"Conv_MyriadPro-Bold"; color:#626263; font-size:14px; padding-top:15px;padding-bottom:3px;}
.result_item .result_item_inner .item_info .address{color:#626263; font-size:14px; padding-bottom:3px;}
.result_item .result_item_inner .item_info .tel_title{color:#626263;font-family:"Conv_MyriadPro-Bold"; font-size:14px;padding-bottom:3px;padding-top:10px; display:none}
.result_item .result_item_inner .item_info .tel{color:#626263; font-size:14px;padding-bottom:3px; display:none}
.result_item .result_item_inner .item_info .openhr_title{color:#626263; font-size:14px;font-family:"Conv_MyriadPro-Bold"; padding-top:10px; display:none}
.result_item .result_item_inner .item_info .openhr_less{color:#626263; font-size:14px; display:none}
.result_item .result_item_inner .item_info .openhr{color:#626263; font-size:14px; display:none}
.result_item .result_item_inner .item_info .openhr_less span, .result_item .result_item_inner .item_info .openhr span{color:#a6823b; font-size:16px; cursor:pointer; }
.result_item .result_item_inner .item_info .info_less, .result_item .result_item_inner .item_info .info_more{color:#626263; font-size:16px; padding-top:30px; padding-bottom:30px;}
.result_item .result_item_inner .item_info .info_less span, .result_item .result_item_inner .item_info .info_more span{color:#a6823b; font-size:16px; cursor:pointer}
.result_item .result_item_inner .item_info .hide_btn span{ display:none}
.result_item .result_item_inner .item_info .info_cta_empty{ display:none !important}
.result_item .result_item_inner .item_info .info_cta{font-family:"Conv_MyriadPro-Bold"; padding:13px 20px 10px 20px; font-size:14px; cursor:pointer; border:2px solid #a6823b; display:inline-block; color:#a6823b; text-align:center; letter-spacing:2px;}
.result_item .result_item_inner .item_info .info_cta:hover{ background-color:#a6823b; color:#FFF}

.result_item .result_item_inner .item_info .info_call{font-family:"Conv_MyriadPro-Bold"; padding:13px 20px 10px 20px; font-size:14px; cursor:pointer; border:2px solid #a6823b; display:inline-block; color:#a6823b; display:none; text-align:center; letter-spacing:2px;}
.result_item .result_item_inner .item_info .info_call a{color:#a6823b!important;}
.result_item .result_item_inner .item_info .info_call:hover{ color:#a6823b; background-color:#FFF}
.result_item .result_item_inner .item_info .info_call:hover a{color:#FFF; text-decoration:none}
.result_item .result_item_inner .item_info .full_width{ width:100% !important}
.result_item .result_item_inner .item_info .cuisine_title{color:#626263;font-family:"Conv_MyriadPro-Bold"; font-size:14px;padding-bottom:3px;padding-top:10px;display:inline;}
.result_item .result_item_inner .item_info_2{ /*margin-left:80%; */ float: left; padding:5px 0px 5px 20px; box-sizing:border-box; width:20%; box-sizing:border-box; border-left:1px solid #a6823b; }
@media screen and (max-width: 1024px) {	
	.result_item .result_item_inner .item_info_2 {
		padding:5px 0px 5px 10px;
		width:24%;
	}
}
.result_item .result_item_inner .item_info_2 .cuisine{color:#626263; font-size:14px;padding-bottom:3px;}
.result_item .result_item_inner .item_info_2 .tel_title{color:#626263;font-family:"Conv_MyriadPro-Bold"; font-size:14px;padding-bottom:3px;padding-top:10px;}
.result_item .result_item_inner .item_info_2 .tel{color:#626263; font-size:14px;padding-bottom:3px;}
.result_item .result_item_inner .tel{cursor:pointer;}
.result_item .result_item_inner .item_info_2 .openhr_title{color:#626263; font-size:14px;font-family:"Conv_MyriadPro-Bold"; padding-top:10px;}
.result_item .result_item_inner .item_info_2 .openhr_title span { color:#a6823b; cursor:pointer; border:1px solid #a6823b;padding:0px 3px 0px 3px;border-radius:15px; }
.result_item .result_item_inner .item_info_2 .openhr span { color:#a6823b; cursor:pointer; border:1px solid #a6823b;padding:0px 5px 0px 5px;border-radius:15px; }
.result_item .result_item_inner .item_info_2 .openhr_less{color:#626263; font-size:14px;}
.result_item .result_item_inner .item_info_2 .openhr{color:#626263; font-size:14px; line-height:20px;display:none}
.result_item .result_item_inner .item_info_2 .openhr_less span, .result_item .result_item_inner .item_info .openhr span{color:#a6823b; font-size:16px; cursor:pointer; }

.result_item .result_item_inner .item_info_2 .info_less, .result_item .result_item_inner .item_info_2 .info_more{color:#626263; font-size:16px; padding-top:30px; padding-bottom:30px;}
.result_item .result_item_inner .item_info_2 .info_less span, .result_item .result_item_inner .item_info_2 .info_more span{color:#a6823b; font-size:16px; cursor:pointer}
@media screen and (max-width: 1024px) {	
.result_item .result_item_inner .item_info_2 .tel{
	color:#a6823b;
}
}

.page_container{ text-align:left; padding:20px 0px 20px 0px; /*background-color:#ebebeb*/; overflow:hidden; width: 80%;    max-width: 960px;    margin: 0px auto;margin-top:15px;}
.page_container .label{ display:inline-block; color:#666; font-size:14px;    padding-left: 0;}
.page_container .prev_page{ display:inline-block; color:#a6823b; margin:0px 5px 0px 5px; cursor:pointer;}
.page_container .next_page{ display:inline-block; color:#a6823b; margin:0px 5px 0px 5px; cursor:pointer;}

.page_container .page_list{ display:inline-block; list-style:none}
.page_container .page_list li{ border:1px solid #a6823b; padding:2px 5px 0px 5px; display:inline-block; margin:5px 5px 5px 5px; cursor:pointer;}
.page_container .page_list li.active{ color:#FFF; background-color:#a6823b}
.page_container .page_list li.first_dot{border:0px solid #a6823b;margin:5px 0px 5px 0px; display:none}
.page_container .page_list li.last_dot{border:0px solid #a6823b;margin:5px 0px 5px 0px; display:none}
#page_container2{ padding:0px 0px 0px 0px;}

@media screen and (max-width: 750px) {	
.page_container .page_list li{    padding: 8px 6px 6px 6px;    margin: 5px 4px 5px 4px;}
.page_container .page_list li.first_dot{    padding: 0px;}
}
@media screen and (max-width: 320px) {	
	.page_container .prev_page, .page_container .next_page {
		display: block!important;
		padding: 10px 0!important;
		margin: 0!important;
	}
	.page_container .next_page{
		margin-top: 5px!important;
	}
	.page_container .page_list li.last_dot {
		margin: 0!important;
		padding: 0!important;
	}
	.page_container .page_list li:first-child {
    margin-left: 0;
}
}

#result_loading_container{background-image:url("/assets../img/overlay_bg_black.png"); position:absolute; top:0px; left:0px; display:none; z-index:10; width:100%; box-sizing:border-box; text-align:center; padding:50px; }
#filter_loading_container{background-image:url("/assets../img/overlay_bg_black.png"); position:absolute; top:0px; left:0px; display:none; z-index:100000; width:100%; box-sizing:border-box; text-align:center; padding:50px;}

@media screen and (max-width: 750px) {	
	.result_item .result_item_inner .item_img{ float:none; width:100%; }
	.result_item .result_item_inner .item_info{ margin-left:0px; padding:15px 0px 15px 0px; width:100%}
	.result_item .result_item_inner .item_info .tel{ display:none}
	.result_item .result_item_inner .item_info .info_call{ display:inline-block; margin-right:3%; width:47%; box-sizing:border-box}
	.result_item .result_item_inner .item_info .info_cta{ display:inline-block; margin-left:3%; width:47%; box-sizing:border-box}
	
	.result_item .result_item_inner .item_info_2{ display:none}
	
	.result_item .result_item_inner .item_info .openhr_title{ display:block}
	.result_item .result_item_inner .item_info .openhr_title span {color:#a6823b;cursor:pointer;border:1px solid #a6823b;padding:0px 3px 0px 3px;border-radius:15px;}
	.result_item .result_item_inner .item_info .openhr_less{display:block}
	.result_item .result_item_inner .item_info .openhr{color:#626263; font-size:14px; display:none}
}

/*footer*/
#footer_container{ /* border-top:2px solid #a28850; */ border-top: 0px; background-color:#e9eaea; padding:60px 0px 98px 0px;}
.register #footer_container{border-top:0px solid #a28850 }
#footer_container .inner{ width:100%; max-width:960px; margin:0px auto; text-align:center}
#footer_container #footer_logo{ text-align:center; margin-bottom:30px;}
#footer_container #footer_logo img{ width:120px; height:auto;}
#btn_reserve{border:2px solid #a28850; padding:22px 36px 20px 36px; font-size:14px; display:inline-block; color:#a6823b; cursor:pointer; font-family:"Conv_MyriadPro-Bold"; letter-spacing:2px;}
#btn_reserve:hover{ background-color:#a28850; color:#FFF}
#sns_container{ width:100%; padding:30px 0px 30px 0px;}
#sns_container .title{ text-align:center; font-size:14px; letter-spacing:2px; color:#a6823b; font-family: Conv_TrajanPro-Bold,Sans-Serif;}
#sns_container ul{ list-style:none; width:100%; padding:30px 0px 0px 0px}
#sns_container ul li{ float:left; width:16.666%; box-sizing:border-box; text-align:center; color:#a6823b; cursor:pointer; padding:25px 0px 25px 0px; border-left:1px solid #a6823b;}
#sns_container ul li a{ color:#a6823b;font-family: Conv_TrajanPro-Bold,Sans-Serif; letter-spacing:2px; font-size:11px;}
#sns_container ul li:first-child{border-left:0px solid #a6823b; }
#sns_container ul li img{ margin-bottom:10px; width:25px; height:auto;}
#footer_links{ text-align:center; margin-top:50px;}
#footer_links a{ display:inline-block; padding:0px 10px 0px 10px; color:#a6823b; font-size:12px;}

@media screen and (max-width: 750px) {	
	#footer_container{ font-size:16px;}
	#sns_container ul li{ float:left; width:50%; padding-bottom:0px; margin-bottom:25px; }
	#sns_container ul li:last-child{ border-left:0px solid #a6823b;}
	#sns_container ul li:nth-child(even){ border-left:1px solid #a6823b !important;}
	#sns_container ul li a{ font-size:12px;}

	#footer_links{ margin-top:10px;}
	#footer_links a{ display:block; text-align:center; padding-bottom:10px; font-size:14px;}
	#btn_reserve{ width:70%}
	
}



/*overlayt*/
.overlay_container{ background-image:url("/assets../img/overlay_bg_black.png"); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1000}



#o_btn_register{font-family:"Conv_MyriadPro-Bold"; border:2px solid #ab8d47; padding:16px 40px 14px 40px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; border-radius:0px !important; text-transform:uppercase; letter-spacing:2px; color:#ab8d47;}
#o_btn_register:hover{ background-color:#ab8d47; color:#FFF}
#o_btn_joinnow{font-family:"Conv_MyriadPro-Bold"; border:2px solid #ab8d47; padding:16px 40px 14px 40px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block; margin:0px auto;border-radius:0px !important; letter-spacing:2px; color:#ab8d47;}
#o_btn_joinnow:hover{ background-color:#ab8d47; color:#FFF}

#o_btn_returnhome{font-family:"Conv_MyriadPro-Bold"; border:2px solid #a28850; padding:16px 40px 14px 40px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; border-radius:0px !important; letter-spacing:2px; color:#a28850; text-transform:uppercase}
#o_btn_returnhome:hover{ background-color:#a28850; color:#FFF}
#o_btn_restnear{font-family:"Conv_MyriadPro-Bold"; border:2px solid #a28850; padding:16px 40px 14px 40px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; border-radius:0px !important; letter-spacing:2px; color:#a28850; text-transform:uppercase}
@media screen and (max-width: 750px) {
	#register_content_container .inner{ border:2px solid #ab8d47; padding:35px 15px 35px 15px;}
	#register_form{ padding:0px 0px 0px 0px;}
	#o_btn_restnear {width:100%;padding:16px 0px 14px 0px; font-size:12px;letter-spacing:1px;}
	#register_complete{padding:0px 0px 0px 0px;}
	#register_content_container .inner .input_field{ width:90%;}
	#register_content_container .inner .input_err_text{ width:90%;}
	#o_btn_joinnow{ font-size:14px;padding:14px 15px 14px 15px;}
	#o_btn_register{ font-size:14px;}
	#o_btn_register:hover{ background-color:#FFF; color:#ab8d47}
	#o_btn_returnhome{ padding:15px 8px 15px 8px; letter-spacing:1px;}
}

/*Fix for tablets */
@media screen and (max-width: 768px) {
	#register_bod_c .input_field select{ width:160% !important}
	#register_title_c .input_field select{ width:120% !important}
	#register_phonetype_c.input_field select{ width:120% !important}
}

#register_btn_submit{font-family:"Conv_MyriadPro-Bold"; border:2px solid #a28850; color:#a28850; padding:16px 50px 14px 50px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; letter-spacing:2px;}
#register_btn_submit:hover{ background-color:#ab8d47; color:#FFF; }

#submit_loading{ vertical-align:middle; padding-top:0px; display:none}
#submit_loading img{ width:30px; height:30px;}

#form_container .inner .err{ color:#c31f1f; margin-left:28%;}
#form_container .inner .error{border:2px solid #c31f1f;}
#register_tnc_err, #register_pp_err{ margin-left:38px !important;}

#form_elements_container{ position:relative}
#register_btn_c{ text-align:center; width:100% !important}
#register_phone_c .input_field{ width:150px !important;}
@media screen and (max-width: 750px) {
	#register_phone_c .input_field { margin-top:10px; width:100% !important; }
}
#register_phonearea{ width:100px;opacity:0;}
#register_phonearea_lable{ position:absolute; top:10px; left:10px; width:60%; overflow:hidden; color:#ab8d47; white-space:nowrap}
#register_phone_c{ position:absolute; right:0px; top:0px;}
#register_phonetype_c{ position:absolute; right:0px; top:60px;}
/*DIGITAS UPDATE */
#register_passdesc_c{ color:#ab8d47; font-size:14px; position:absolute; top:160px; right:0px;}
/*DIGITAS UPDATE */#register_passdesc_c.err{ color:#c31f1f}
#register_password_c{ position:absolute; top:240px; right:0px;}
#register_repassword_c{ position:absolute; top:300px; right:0px;}
#register_tncpp_c{position:absolute; top:380px; right:0px;}


#register_captcha_img_c .captchaImg{ margin-left:28%;}
@media screen and (max-width: 800px) {	
	#form_container .inner { width:90%; margin:0px auto;}
	#form_container .inner .label{ width:100%; font-weight:bold}
	#form_container .inner .input_field { width:100%}
	#form_container .inner .title{ font-size:18px;}
	#form_container .inner .input_field_c{ width:100%; height:auto; padding:5px 0px 5px 0px;}
	#form_container .inner .input_field_radio{ width:40px;}
	#form_container .inner .input_field_check{ width:25px; display:inline-block !important}
	#form_container .inner .err{ color:#c31f1f; margin-left:0%;}
	#register_phone_c{ position:static;}
	#register_phonetype_c{ position:static;}
	#register_passdesc_c{ position:static;}
	#register_password_c{ position:static;}
	#register_repassword_c{ position:static;}
	#register_tncpp_c{position:static;}
	#register_phonearea_lable{ width:85%; top:12px;}

	
	#register_btn_submit{padding:16px 15px 14px 15px;}
	#register_tnc_c{ height:45px; position:relative; }
	#register_tnc_c .input_field_check{ width:25px; position:absolute; top:0px; left:0px;}
	#register_tnc_c .txt{ display:inline-block !important; position:absolute; top:0px; left:30px;}
	#register_pp_c{ height:45px; position:relative; }
	#register_pp_c .input_field_check{ width:25px; position:absolute; top:0px; left:0px;}
	#register_pp_c .txt{ display:inline-block !important; position:absolute; top:0px; left:30px;}
	#form_container .inner .sub_title span{ position:static}
	#form_container .inner .sub_title { padding:10px 0px 30px 0px}
	
	#register_bod_c .input_field{ width:32.6% !important}
	
	#register_tnc_err, #register_pp_err{ margin-left:0px !important; margin-top:8px;}
	

}




/*tnc overlay*/
#tnc_content_container{ width:90%; max-width:630px; margin:0px auto; box-sizing:border-box; padding:15px; background-color:#FFF;}
#tnc_content_container .inner{ border:2px solid #ab8d47; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center; overflow:hidden; height:100%;}
#tnc_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#ab8d47; padding-bottom:15px;}
#tnc_content_container .inner .desc{ text-align:left; padding:10px 0px 20px 0px; color:#ab8d47;}
#tnc_content_container .inner .btn_close{ position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer}
#tnc_content_container .inner .btn_close img{ width:100%; height:100%;}
#tnc_content_container .inner .desc a{ color:#a28850;}
#tnc_content_container .inner .desc h3{ font-weight:bold; font-size:16px; color:#ab8d47;}
#tnc_content_container .inner .desc p{ padding:10px 0px 20px 0px; color:#626363;}
#tnc_content_container .inner .desc div{  padding:10px 0px 20px 0px;}
#tnc_content_container .inner .desc div ul{ list-style:decimal; padding-left:20px;}
#tnc_content_container .inner .desc div ul li{ padding-bottom:10px; color:#626363;}
@media screen and (max-width: 750px) {
	#tnc_content_container .inner{ border:2px solid #ab8d47; padding:35px 15px 35px 15px;}
}

/*faq overlay*/
#faq_content_container{ width:90%; max-width:630px; margin:0px auto; box-sizing:border-box; padding:15px; background-color:#FFF;}
#faq_content_container .inner{ border:2px solid #ab8d47; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center; overflow:hidden; height:100%;}
#faq_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#ab8d47; padding-bottom:15px;}
#faq_content_container .inner .desc{ text-align:left; padding:10px 0px 30px 0px;margin:20px 0 20px 0;}
#faq_content_container .inner .desc a {color:#a28850;}
#faq_content_container .inner .btn_close{ position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer}
#faq_content_container .inner .btn_close img{ width:100%; height:100%;}
#faq_content_container .inner .desc h3{ font-weight:bold;font-size:16px; color:#ab8d47;}
#faq_content_container .inner .desc p{ padding:10px 0px 20px 0px; color:#626363}
@media screen and (max-width: 750px) {
	#faq_content_container .inner{ border:2px solid #ab8d47; padding:35px 15px 35px 15px;}
}

/*closing overlay*/
#closing_content_container{ width:90%; max-width:630px; margin:0px auto; box-sizing:border-box; padding:15px; background-color:#FFF;}
#closing_content_container .inner{ border:2px solid #ab8d47; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center; overflow:hidden; height:100%;}
#closing_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#ab8d47; padding-bottom:15px;}
#closing_content_container .inner .desc{ text-align:left; padding:10px 0px 30px 0px;margin:20px 0 20px 0;}
#closing_content_container .inner .desc a {color:#a28850;}
#closing_content_container .inner .btn_close{ position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer}
#closing_content_container .inner .btn_close img{ width:100%; height:100%;}
#closing_content_container .inner .desc h3{ font-weight:bold;font-size:16px; color:#ab8d47;}
#closing_content_container .inner .desc p{ padding:10px 0px 20px 0px; color:#626363}
@media screen and (max-width: 750px) {
	#closing_content_container .inner{ border:2px solid #ab8d47; padding:35px 15px 35px 15px;}
}

/*notes overlay*/
#notes_content_container{ width:90%; max-width:630px; margin:0px auto; box-sizing:border-box; padding:15px; background-color:#FFF;}
#notes_content_container .inner{ border:2px solid #ab8d47; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center; overflow:hidden; height:100%;}
#notes_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#ab8d47; padding-bottom:15px;}
#notes_content_container .inner .desc{ text-align:left; padding:10px 0px 30px 0px;margin:20px 0 20px 0; color:#ab8d47}
#notes_content_container .inner .desc a {color:#a28850;}
#notes_content_container .inner .btn_close{ position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer}
#notes_content_container .inner .btn_close img{ width:100%; height:100%;}
#notes_content_container .inner .desc h3{ font-weight:bold;font-size:16px; color:#ab8d47;}
#notes_content_container .inner .desc p{ padding:10px 0px 20px 0px; color:#626363}
#o_notes_continue{font-family:"Conv_MyriadPro-Bold"; border:2px solid #a28850; padding:16px 40px 14px 40px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; border-radius:0px !important; letter-spacing:2px; color:#a28850; text-transform:uppercase}
#o_notes_continue:hover{ background-color:#a28850; color:#FFF}

@media screen and (max-width: 750px) {
	#notes_content_container .inner{ border:2px solid #ab8d47; padding:35px 15px 35px 15px;}
}

/*reserve overlay*/
#reserve_container{ position:fixed !important}
#reserve_content_container{ width:90%; max-width:830px; margin:0px auto; box-sizing:border-box; padding:15px; background-color:#FFF;}
#reserve_content_container .inner{ border:2px solid #ab8d47; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center; height:100%;}
#reserve_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px;}
#reserve_content_container .inner .desc{ text-align:left; padding:10px 0px 10px 0px;}
#reserve_content_container .inner .btn_close{ position:absolute; top:10px; right:10px; width:20px; height:20px; cursor:pointer; z-index:100000000}
#reserve_content_container .inner .btn_close img{ width:100%; height:100%;}
#reserve_content_container .inner .desc h3{ font-weight:bold;font-size:16px;}
#reserve_content_container .inner .desc p{ padding:10px 0px 20px 0px;}
#reserve_url { height:100%;}
#reserve_url iframe{ width:100%; height:100%;}

/* Ipad reserve restaurant scroll fix */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	#reserve_url {-webkit-overflow-scrolling: touch;overflow-y: auto;}
}

@media screen and (max-width: 750px) {
	#reserve_content_container{ padding:0px;}
	#reserve_content_container .inner{ border:2px solid #FFF; padding:35px 15px 35px 15px;height:100%;}
	#reserve_url { height:100%; overflow: scroll;-webkit-overflow-scrolling: touch;}
}

/*reserve overlay*/
#thanks_content_container{ width:90%; max-width:840px; margin:0px auto; box-sizing:border-box; padding:0px; background-image:url("/assets../img/thanks_bg.jpg"); background-size:cover; background-color:#FFF}
#thanks_content_container .inner{ border:0px solid #FFF; padding:60px 30px 60px 30px; color:#FFF; position:relative; box-sizing:border-box; text-align:center}
#thanks_content_container .inner .title{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#a6823b;}
#thanks_content_container .inner .title2{ font-family:"Conv_TrajanPro-Bold"; text-align:center; font-size:25px; color:#626263; padding:30px 0px 30px 0px;}
#thanks_content_container .inner .title2 span{ display:block; text-align:center}
#thanks_content_container .inner .desc{ text-align:left; padding:10px 0px 10px 0px; color:#626263;}
#thanks_content_container .inner .desc a{ color:#626263;}
#thanks_content_container .inner .desc  ul{ padding-left:15px; margin-left:10px; padding-top:15px;}
#thanks_content_container .inner .btn_close{ position:absolute; top:15px; right:15px; width:15px; height:15px; cursor:pointer}
#thanks_content_container .inner .btn_close img{ width:100%; height:100%;}
#thanks_content_container .inner .desc h3{ font-weight:bold;font-size:16px;}
#thanks_content_container .inner .desc p{ padding:10px 0px 20px 0px;}

#o_btn_profile{font-family:"Conv_MyriadPro-Bold"; border:2px solid #ab8d47; color:#ab8d47; padding:15px; text-align:center; box-sizing:border-box; margin:0px auto; margin-top:25px; cursor:pointer; line-height:0.9; font-size:14px; display:inline-block;margin:20px auto; border-radius:0px !important; text-transform:uppercase;letter-spacing:2px;}
#o_btn_profile:hover{ background-color:#ab8d47; color:#FFF}


@media screen and (max-width: 750px) {
	#thanks_content_container .inner{ border:2px solid #FFF; padding:35px 15px 35px 15px;}
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);  /*width:250px !important;*/}
.autocomplete-suggestion { font-size:14px;padding: 5px 5px; /*white-space: nowrap;*/ overflow: hidden; }
.autocomplete-no-suggestion { padding: 5px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
@media screen and (max-width: 750px) {
	.multiselect-container { width:100%;}
}
.multiselect-container .active{ display:none}
.multiselect-container .filter{ padding:5px}
.multiselect-arrow-up {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #fff;
}
/*DIGITAS UPDATE*/
.multiselect-container .sel_item{ float:left; padding:6px; background-color:#ebebeb; border:1px solid #999; border-radius:2px; font-size:11px; margin:2px; background-color:#ab8d47; color:#FFF}
@media screen and (max-width: 750px) {
	.multiselect-container .sel_item{ padding:8px; font-size:12px;}
}
/*DIGITAS UPDATE*/

#loading_container{ position:fixed; width:100%; height:100%}
#loading_content_container{ text-align:center; padding-top:250px}
#loading_content_container .inner{ }

@media screen and (max-width: 750px) {
::-webkit-scrollbar {-webkit-appearance: none;}
::-webkit-scrollbar:vertical {width: 5px;}
::-webkit-scrollbar:horizontal {height: 5px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 4px;border: 4px solid #ccc;}
::-webkit-scrollbar-track {border-radius: 4px;background-color: #666;}
}

.cssTopMsg.cssLoyPage .cssInsideframe {width:100%;margin:0 auto;}
.cssTopMsg.cssLoyPage {width:100%;text-align:center;padding:23px 0 30px;}
.cssTopMsg.cssLoyPage .cssTitle {color:#a6823b;font-size:24px;line-height:150%;}
.cssTopMsg.cssLoyPage .cssSubTitle {color:#626263;font-size:18px;line-height:150%;letter-spacing:0px;padding:15px 0 30px 0;} /*TODO*/
.cssTopMsg.cssLoyPage .cssMsg {color:#626263;font-size:15px;padding:25px 0 15px 0;width:84%;margin:0 auto;line-height:150%;} /*TODO*/
.cssTopMsg.cssLoyPage .cssMsg a { color: #a6823b; text-decoration: none; }
.cssTopMsg.cssLoyPage .cssMsg a:hover { text-decoration: underline; }
.cssTopMsg.cssLoyPage .cssBtns {padding:10px 0 10px 0;}
.cssTopMsg.cssLoyPage .cssBtns button {border-width:2px;border-color:#a6823b;border-style:solid;background-color:#ffffff;padding: 18px 42px 15px 42px;margin:0 12px;font-family:"Conv_MyriadPro-Bold";letter-spacing:2px;}
.cssTopMsg.cssLoyPage .cssBtns button span {color:#a6823b;font-size:14px}
.cssTopMsg.cssLoyPage .cssBtns button:hover {background:#a6823b;border-style:solid;}
.cssTopMsg.cssLoyPage .cssBtns button:hover span {color:#ffffff;} 
.cssTopMsg.cssLoyPage .cssTnc {color:#a6823b;font-size:15px;padding:0 0 10px}
.cssTopMsg.cssLoyPage .cssTnc a {color:#a6823b;font-size:12px;padding:0 0 10px;letter-spacing:0px;text-decoration:none;}
.cssTopMsg.cssLoyPage .cssTnc a:hover {text-decoration:underline;}
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem1 { border-right:1px solid #a6823b; }
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem2 { border-right:1px solid #a6823b; }
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem3 { /* padding-top: 30px; */ }
/* .cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssItemS { margin-top: 40px; width:5px;display:inline-block; border-right:1px solid #a6823b; height: 130px; } */
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1 {width:305px;display:inline-block;vertical-align:top;margin:20px auto;}
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell .cssTitle {font-size:18px;margin:15px auto 0 auto;}
.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell .cssMsg {font-size:14px; padding: 25px 0px 0px 0px;}

@media screen and (max-width: 617px) and (orientation: landscape), screen and (max-width: 617px) and (orientation: portrait) {
	.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem1 { border-bottom:1px solid #a6823b; border-right:0px; padding-bottom: 30px; }
	.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem2 { border-bottom:1px solid #a6823b; border-right:0px; padding-bottom: 30px; }
	.cssTopMsg.cssLoyPage .cssInsideframe .cssWallbodyStatic .cssCell.cssSize1.cssItem3 { padding-top: 0px !important; 
}