@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Brisbane Phoenix Chinese Restaurant 
URL : http://brisbanephoenix.com.au/

Author : FOX DESIGN creative
URL: www.foxdesign.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea, blockquote,th,td { 
	margin:0;
	padding:0;
}

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

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}
 
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

body,td,th,p,li {font-family: 'Raleway', sans-serif,  'PingFang SC'; font-weight:400; font-size:16px; line-height:26px; color: #ffffff; 
 font-variant-east-asian: traditional;
}
body { margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; }

.italic_style {font-family: 'Raleway', sans-serif; font-weight:400; font-size:16px; line-height:26px; color: #ffffff; font-style:italic; text-transform:lowercase;}
a { text-decoration:none; color: #949a9d;}
a:hover { color: #d2232a;}

h1 { font-size:35px; line-height:50px;  padding: 0px; margin:0px; text-align:center; font-family: 'Raleway', sans-serif; font-weight:400; color: #ffffff; }

h2 {font-size:24px; line-height:30px; color: #ffffff; padding:45px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase;}

h3 {font-size:18px; line-height:22px;  color: #ffffff; padding:10px 0px; margin:50px 10% 25px 0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:400; border-top:#273238 solid 5px; border-bottom:#273238 solid 5px; text-transform:uppercase;}

h5 {font-size:16px; line-height:14px; color: #ffffff; padding:25px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;  }


@media screen and (max-width: 960px) {
h2 { padding:25px 0px 0px 0px }
h3 { margin:50px 5% 25px 0px; }
	}


h4 {font-size:22px; line-height:32px; color: #d2232a; padding-top:20px; padding: 0px; margin:0px;   font-family: 'Raleway', sans-serif; font-weight:400;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {height: 1px; color: #e6e4e2;  }
 
p{ padding:0px; color:#ffffff;}


#page_wrap{ float:left; 
width:100%; height:100%; 
min-height:100%; 
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
}

 
.wrap_out{ float:left; width:100%; height:20px; min-height:20px; background:#2e3c44; }
html>body .wrap_out{ height:auto;}

.wrap{ margin:0 auto;  width:1360px; height:20px; min-height:20px; padding:60px 0;}
html>body .wrap{ height:auto;}
 

.wrap_general{ float:left; width:100%; height:10px; min-height:10px;}
html>body .wrap_general{ height:auto;}

.wrap02_out{ float:left; width:100%; height:40px; min-height:40px; background:#282828;}
html>body .wrap02_out{ height:auto;}

.wrap02{ margin:0 auto;  width:1360px; height:40px; min-height:40px;}
html>body .wrap02{ height:auto;}

.wrap_60{ float:left; width:60%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_60{ height:auto;}

.wrap_50{ float:left; width:50%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_50{ height:auto;}

.wrap_40{ float:left; width:40%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_40{ height:auto;}

.wrap_60 {font-family: 'Raleway', sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#000; margin:0; padding-top:20px; }
.wrap_40 {font-family: 'Raleway', sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#000; margin:0; padding-top:20px; }

 
@media screen and (max-width: 1360px) {
.wrap{ width:95%; }
.wrap02{ width:95%; }
.wrap_60{ width:100%; text-align:center;}
.wrap_50{ width:100%; text-align:center;}
.wrap_40{ width:100%; text-align:center;}
	}

@media screen and (max-width: 800px) {
h1 {font-size:30px; line-height:30px; }
	}
/* end of global*/


/*----------------------------------------------------------------------------- 
header
-----------------------------------------------------------------------------*/
#head_wrap{ float:left; width: 100%;  height:10px; min-height:10px; background: url(../images/80black.png);  position:fixed; left:0; top:0; z-index:1000; }
html>body #head_wrap{ height:auto;}
#above-nav{float:left; width: 100%; height:0;}
#inner-head_wrap{ float:left; width: 100%;  height:10px; min-height:10px; background-image:url(../images/inner-top-bg.jpg); background-position:center; }
html>body #inner-head_wrap{ height:auto;}

#top-logo{ float:left; width:100%; height:116px; text-align:center; padding:20px 0;  }

#top-logo img { 
 max-height: 100%;
}

@media screen and (max-width: 960px) {
#top-logo{ display:block; height:80px;}
	}
 
@media screen and (max-width: 760px) {
#head_wrap{  height:120px; background:none;}
#above-nav{height:120px;}
 }
 
/* nav*/
#nav_wrap-out{ float:left; width:100%; height:auto; padding:5px 0; background: url(../images/50black.png);}
#nav_wrap{ margin:0 auto; max-width:1360px; height:46px; min-height:46px; padding:18px 0 12px 0; }
html>body #nav_wrap{ height:auto;}
 
@media screen and (max-width: 760px) {
#nav_wrap-out{ height:0; padding:0; }
#nav_wrap{ width:100%; height:0; padding:0; padding-top:0;}
 }
 
 

/* -------------------------- about us pages -------------------------- */	
#about-us_top-wrap{ float:left; width:100%; height:auto; margin-bottom:50px;}
#about-us_top-left{ float:left; width:50%; height:auto; }

/* Vertically align */
.about-left-v_wrap{ 
  float:left; 
  width: 100%; 
 height: 500px; 
  position: relative;
}

.about-left-v { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width:90%;
  padding:0 5%; 
  height: 100%; 
  display: table; 
}

.about-left-v p {
 display: table-cell; 
 vertical-align: middle; 
 font-size:80px; line-height:100px;  padding:20px 0;  text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; 
}

#about-us_top-right{ float:right; width:44%; height:auto; background:#2e3c44; padding:0 3%;}
#about-us_top-right h1 {font-size:24px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;}

 
@media screen and (max-width:960px) {
#about-us_top-left{float:left; width:100%;  }
.about-left-v_wrap{  height: auto; }
.about-left-v { position: relative; }
#about-us_top-right{ float:left; width:90%; padding:15px 5%;}
}

/* venue space */
#venue-space_title{ float:left; width:100%; height:auto; border-bottom:10px solid #e12f29; margin-bottom:40px;}
#venue-space_title h2 {font-size:30px; line-height:50px;  padding: 0px;  margin:60px 20px 0px 20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase}

.venue-space_wrap01{ float:left; width:100%; height:auto; padding:20px 0 60px 0; margin-bottom:60px; border-bottom:20px solid #41525c;}
.venue-space_wrap02{ float:left; width:100%; height:auto; padding:20px 0 0 0; }
.venue-space_left{ float:left; width:70%; height:auto; }
.venue-space_right{ float:right; width:28%; height:auto;}

.venue-space_right h4 {font-size:22px; line-height:20px;  padding: 0px;  margin:0px; text-align:left; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; }
 
.red-border{ border-bottom:solid 10px #e12f29; width:100px; padding-top:0; margin-top:0;}

@media screen and (max-width:960px) {
.venue-space_left{  float:left;  width:100%; height:auto; }
.venue-space_right{ float:left;  width:90%; padding-left:5%;}
.venue-space_right h4 {  padding-top:40px;   }
}



 /*----------------------------------------------------------------------------- 
home page style
-----------------------------------------------------------------------------*/

/* home page logo & down arrow */
#home_wrap{ position:relative; float:left; width:100%; height:100vh;}

#home_logo{ position:absolute; top:70px; height:50px; left:50%; margin-left:-120px; text-align: center;  font-family: 'Raleway', sans-serif; font-weight:700; font-size:20px;}
html>body #home_logo{ height:auto;}
#home_logo a {color:#ffffff;  line-height:33px; font-size:20px;}  
#home_logo a:hover {color:#e12f29;}

#home_logo h1 { font-size:100px; line-height:90px; margin:0px; font-family: 'Abril Fatface', cursive; color:#000; text-align:center; text-transform:uppercase; text-decoration: none;   padding:34px 0 30px 0;}
  

#down-arrow{
	position: absolute;
	bottom: 60px;
	height: 50px;
	left:50%; 
	margin-left: -25px;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

 
/* home page short cut */

.home-shortcut_out{ float:left; width:100%; height:200px; min-height:200px; background-color:#bc251f; background-image: url(../images/home-content_bg.jpg); background-position:center top; background-repeat:no-repeat;}
html>body .home-shortcut_out{ height:auto;}

.home-shortcut{ margin:0 auto;  max-width:1360px; height:40px; min-height:40px; background:#394a54; padding:12px 0;}
html>body .home-shortcut{ height:auto;}

.shortcut_wrap01{ float:left; width:24.8%; border-right:1px solid #63737d; margin:10px 0;}
.shortcut_wrap01:hover{ background:#1d2d37;}
.shortcut_wrap02{ float:left; width:24.8%; border-left:1px solid #303b42; border-right:1px solid #63737d; margin:10px 0; }
.shortcut_wrap02:hover{ background:#1d2d37;}
.shortcut_wrap03{ float:left; width:24.8%; border-left:1px solid #303b42; margin:10px 0; }
.shortcut_wrap03:hover{ background:#1d2d37;}

.shortcut_img{ float:left; width:100%; text-align:center; height:auto;}
.shortcut_title{ float:left; width:100%; line-height:30px; font-size:20px; font-family: 'Raleway', sans-serif; font-weight: 700; text-transform:uppercase; color:#FFF; text-align:center; height:auto;}
.shortcut_title a{color:#FFF;} .shortcut_title a:hover{color:#cc071e;}
.shortcut_des{ float:left; width:100%;  line-height:18px; font-size:12px; font-family: 'Raleway', sans-serif; font-weight: 400; color:#cc071e; text-align:center; height:auto;}

@media screen and (max-width: 1360px) {
.home-shortcut: {width:95%; z-index:500}
	}
@media screen and (max-width: 800px) {
.shortcut_wrap01{width:50%; border-right:none; margin:10px 0;}
.shortcut_wrap02{width:50%; border-left:none; border-right:none; margin:10px 0; }
.shortcut_wrap03{width:50%; border-left:none; margin:10px 0; }
	}
@media screen and (max-width: 600px) {
.shortcut_wrap01{width:100%; border-right:none; margin:10px 0;}
.shortcut_wrap02{width:100%; border-left:none; border-right:none; margin:10px 0; }
.shortcut_wrap03{width:100%; border-left:none; margin:10px 0; }
	}
	
/* home page short cut */ 
.home-content_wrap{ margin:0 auto;  width:1360px; height:40px; min-height:40px;}
html>body .home-content_wrap{ height:auto;}	
.home-content_wrap h1 {font-size:40px; line-height:40px;  padding: 0px;  margin:60px 20px 20px 20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700;}
.home-content_wrap p {font-size:20px; line-height:26px;  padding: 0px;  margin:20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400;}

@media screen and (max-width: 1360px) {
.home-content_wrap {width:95%;}
	}

/* home page news */ 
#home-news_wrap-out{ float:left; width:100%; height:20px; min-height:20px; background:#394a54; padding-bottom:40px;}
html>body #home-news_wrap-out{ height:auto;}

.home-news_title{ margin:0 auto;  width:1360px; height:20px; min-height:20px; border-bottom:10px solid #e12f29; margin-bottom:40px;}
html>body .home-news_title{ height:auto;}
.home-news_title h1 {font-size:30px; line-height:40px;  padding: 0px;  margin:60px 20px 20px 20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase}

.home-news_wrap{ margin:0 auto; width:1360px; height:20px; min-height:20px;}
html>body .home-news_wrap{ height:auto;}

.home-news{ float:left; width:23.5%; height:26.1%; background:#41525c; margin:0.75%; padding-bottom:12px;}
.home-news:hover{ background:#e12f29; }
.home-news .img{ float:left; width:100%; height:62.5%; overflow:hidden; margin-bottom:5%; text-align:center;}
.home-news .date{ float:left; width:90%; height:auto; overflow:hidden; padding:2% 5%;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:400;font-size:18px; line-height:18px; }
.home-news .title{ float:left; width:90%; height:80px; overflow:hidden; padding:2% 5%;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:700;font-size:18px; line-height:24px; text-transform:uppercase;}
.home-news .red{ float:left; width:12.5%; height:12px; background:#e12f29; margin:15px 0; }
@media screen and (max-width: 1360px) {
.home-news_title {width:95%;}
.home-news_wrap {width:95%;}
	}
@media screen and (max-width: 1200px) {
.home-news{ float:left; width:31%; margin:1%;}
	}
@media screen and (max-width: 960px) {
.home-news{ float:left; width:48%; margin:1%;}
	}
@media screen and (max-width:760px) {
.home-news{ float:left; width:96%; margin:2%;}
	}
	
 /*----------------------------------------------------------------------------- 
menus page
-----------------------------------------------------------------------------*/
#menus_wrap-out{float:left; width:100%; min-height:100vh; background:url(../images/70black.png); }
 
#menu-left_wrap{float:left; width:50%; min-height:100vh;  }
#menu-right_wrap{float:right; width:50%; min-height:100vh; background:#2e3c44;}
 
#menu-left{ float:left; width:95%; height:94vh; padding:3vh 0;  }
#menu-left_title{ float:left; width:100%; height:15vh; margin-bottom:30px; }
#menu-left_title h1{ text-align:right; font-size:32px; line-height:32px;  padding: 0px;  margin:60px 20px 20px 20px; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;}
#menu-left_nav{ float:left; width:98%; height:auto; text-align:right; color:#ffffff; font-size:22px;  }

#menu-left_nav ul{  width:100%; list-style:none; height:auto;}
#menu-left_nav ul li{float:left; width:100%; text-decoration:none;   margin:7px 0; display:inline-block;}
#menu-left_nav ul li a { text-align:right; font-size:20px; line-height:40px; color:#ffffff; padding:7px 0px;}
#menu-left_nav ul li a:hover{ border-bottom:solid 5px #ff0000; }
#menu-left_nav ul li.selected a {border-bottom:solid 5px #df3131; }
#menu-left_nav ul li.selected a:hover { border-bottom:solid 5px #ff0000; }

#menu-right{ float:right; width:95%; min-height:90vh; padding:5vh 0; color:#ffffff;}

#menu-right_title-left{ float:left; width:70%; height:auto;}
#menu-right_title-right{ float:right; width:30%; height:auto;}

.menu-des{font-size:12px;padding-right: 10px; font-style: italic;}

@media screen and (max-width: 1200px) {
#menu-left_wrap{float:left; width:30%; min-height:100vh;  }
#menu-left{ float:left; width:95%; height:94vh; padding:3vh 0; }
#menu-right_wrap{float:right; width:70%; min-height:100vh; }
	}
@media screen and (max-width: 960px) {
#menu-left_wrap{  width:100%; height:auto; min-height:0;}
#menu-left{  width:95%; height:auto; padding:3vh 0; }
#menu-left_title{  height:auto; margin-bottom:10px; }
#menu-left_title h1{  margin:40px 10px 5px 20px; }

#menu-right_wrap{ width:100%; height:auto; min-height:0; }
	}
	
/*----------------------------------------------------------------------------- 
news page
-----------------------------------------------------------------------------*/

.news_left{ float:left; width:46%; height:20px; min-height:20px; padding-left:3%;}
html>body .news_left{ height:auto;}

.news_right{ float:right; width:48%; height:20px; min-height:20px;}
html>body .news_right{ height:auto;}

#news_title{ float:left; width:100%; height:auto; border-bottom:12px solid #e12f29; margin-bottom:40px;}
#news_title h1 {font-size:30px; line-height:50px;  padding: 0 0 20px 0;  margin:0 20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase}

@media screen and (max-width: 560px) {
.news_left{ width:94%;padding:3%;}

.news_right{width:94%;padding:3%;}
	}

 
/*grid-a-licious css*/ 	
.example { margin-bottom: 20px;}

#example1 {
  padding: 0 0 0 20px;
 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

  margin-bottom: 20px;
}
 
.item {
  background:#41525c; 
  color: #000000;
  border:0px solid #FFF;
  border-radius: 0px;
  padding: 0px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  text-align:left;
  line-height:24px;
  display:block;
}
.item p{ word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  float:left; width:90%; padding:1% 5%;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:700;font-size:16px; line-height:22px; text-transform:uppercase;}
.date{ float:left; width:100%; height:auto; overflow:hidden; padding:20px 0;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:400;font-size:18px; line-height:18px; }
.red{ float:left; width:50px; height:12px; background:#e12f29; margin:15px 0; }

.item:hover{ background:#e12f29;}

.item img{ margin-bottom:5px;}

.item .title{ font-size:30px; line-height:28px;}
.item ul{ display:block; padding:0; margin:0;}
.item li{ display:block; padding:0px 0px 0px 25px; margin:0; list-style:square; line-height:24px; background:url(../images/list-arrow.png); background-repeat:no-repeat;}
 
/*end of grid-a-licious css*/ 

 /*----------------------------------------------------------------------------- 
reservation
-----------------------------------------------------------------------------*/
#reservation_wrap-out { float:left;  padding: 0 0 40px 0;  width:100%; height:auto; }
#reservation_wrap{ margin: 0 auto;  max-width:960px; height:auto; }

#reservation-left{ float:left; width:34%; height:auto; background:#2e3c44; padding:0 3%;}
#reservation-left h3 {font-size:18px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; border:0;}
 

#reservation-right{ float:right; width:60%; height:auto; }
 
@media screen and (max-width:960px) {
#reservation-left{ float:left; width:90%; padding:15px 5%;}
#reservation-right{float:left; width:100%;  }
}

#reservation-form { margin:0 auto; width: 100%; height:auto;}
#reservation-form h3{font-size:18px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; border:0;}

@media screen and (max-width:960px) {
#reservation-form {max-width:94%;}
}



 /*----------------------------------------------------------------------------- 
contact us
-----------------------------------------------------------------------------*/
#contact_top-wrap{ float:left; width:100%; height:auto; padding:0 0 40px 0;   }
#contact-left{ float:left; width:28%; height:auto; background:#2e3c44; padding:0 1%;}
#contact-left h3 {font-size:18px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; border:0;}
#contact-right{ float:right; width:40%; height:auto; }
 
@media screen and (max-width:960px) {
#contact-left{ float:left; width:90%; padding:15px 5%;}
#contact-right{float:left; width:100%;  }
}

#online-form { margin:0 auto; max-width:800px; height:auto;}
#online-form h3{font-size:18px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; border:0;}
@media screen and (max-width:960px) {
#online-form {max-width:94%;}
}
 
  
 /*----------------------------------------------------------------------------- 
inner bottom 
-----------------------------------------------------------------------------*/
#inner_bottom_wrap-out{ float:left; width:100%; height:462px; background:url(../images/inner-bottom-image.jpg); background-position: center; }
#inner_bottom_wrap{ margin:0 auto; max-width:1360px; height:462px; text-align:center;}

/* Vertically align */
.verfical_wrap{ 
  float:left; 
  width: 100%; 
  height: 462px; 
  position: relative;
}

.verfical { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width:90%;
  padding:0 5%; 
  height: 462px; 
  display: table; 
}

.verfical p {
  display: table-cell; 
  vertical-align: middle; 
 font-size:40px; line-height:40px;  padding: 0px;  text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400; 
}
@media screen and (max-width: 1200px) {
#inner_bottom_wrap-out{ height: 300px; }
#inner_bottom_wrap{height: 300px; }
.verfical_wrap{ height: 300px; }
.verfical { height: 300px; }
	}
	
@media screen and (max-width: 800px) {
#inner_bottom_wrap-out{ height: 200px; }
#inner_bottom_wrap{height: 200px; }
.verfical_wrap{ height: 200px; }
.verfical { height: 200px; }
	}
	
 /*----------------------------------------------------------------------------- 
footer 
-----------------------------------------------------------------------------*/
 
#footer_wrap{ float: left; width:100%; height:auto; padding:50px 0 40px 0; background:#41525c; }

#footer{ margin:0 auto; max-width:1360px; height:auto; color:#ffffff; font-family: 'Raleway', sans-serif; font-size:15px; font-weight:400; }
#footer_left{ float:left; width:36%; text-align:center;}
#footer_middle{ border-left:1px solid #98a3aa; margin-left:2%; padding-left:2%;  float:left; width:46.5%; height:auto;}
#footer_middle .title{ color:#e12f29; padding-right:5px;}
#footer_right{ float:right; width:13%; height:auto; text-align:right;}

.footer a{color:#ffffff;} 
.footer a:hover{color:#e12f29;}

.footer-link {color:#98a3aa;} 
.footer-link a {color:#98a3aa;} 
.footer-link a:hover{color:#ffffff;}
@media screen and (max-width: 1360px) {
#footer{width:95%;}
	}
	
@media screen and (max-width: 960px) {
#footer_left{width:100%;}
#footer_middle{width:98%; border-left:0; margin-left:0; text-align:center;}
 #footer_right{width:100%; text-align:center;}
	}


/* contact us form */
#register_left{ float:left; width:50%; height:20px; min-height:20px; margin:30px 0; border-right:2px #dedede solid;}
html>body #register_left{ height: auto;}
#register_left h3{font-family: 'Raleway', sans-serif; font-size:30px; font-weight:200; line-height:30px; color:#000; text-align:center; width:100%;}
 


#register_right{ float:right; width:40%; height:20px; min-height:20px; margin-top:30px;}
html>body #register_right{ height: auto;}
#register_right h3{font-family: 'Raleway', sans-serif; font-size:30px; font-weight:200; line-height:50px; color:#000; width:100%;}
#register_right h4{font-family: 'Raleway', sans-serif; font-size:24px; font-weight:700; line-height:30px; color:#000; width:100%; margin-bottom:30px;}
#register_right p{ font-size:18px; line-height:30px;}


@media screen and (max-width: 800px) {
#register_left{ width:100%; margin-bottom:0px; border-right:none; border-bottom: 1px solid #CCC; } 
#register_form{ width:90%; }
#register_right{  width:100%; margin-top:0px;}
#register_right h3{text-align:center;}
#register_right h4{text-align:center;}
#register_right p{ text-align:center;}
	}
	
/* location */	
#location_wrap{float:left; padding:2% 0%; width:100%; height:20px; min-height:20px; background:#f7f1e6;}
html>body #location_wrap{height:auto;}

#location{float:left; padding:2% 0%; width:100%; height:20px; min-height:20px;}
html>body #location{height:auto;}






/* responsive video! */	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

 /*----------------------------------------------------------------------------- 
notification
-----------------------------------------------------------------------------*/
 
.notification{ float:left; width:auto; height:auto; padding:3% 3% 3% 3%; border:solid 10px #e12f29; margin-bottom:40px; background:#2e3c44;}

.notification_left{ float:left; width:70%; height:auto; }
.notification_left a{color:#e12f29;}
.notification_left a:hover{color:#ffffff;}

.notification_right{ float:right; width:28%; height:auto;}
.notification_left h4 {font-size:22px; line-height:20px;  padding: 0px;  margin:0px; text-align:left; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; }

@media screen and (max-width:960px) {
.notification_right{  float:left;  width:100%; height:auto; }
.notification_left{ float:left;  width:90%; padding-left:5%;}
}


 /*----------------------------------------------------------------------------- 
snow
-----------------------------------------------------------------------------*/ 
 
#canvas-wrap { position:relative } /* Make this a positioned parent */
.overlay     { position:absolute; top:20px; left:30px; }
#canvas-wrap canvas { position:absolute; top:0; left:0; z-index:100001 }



 /*----------------------------------------------------------------------------- 
 mouse icon changing
body {
    cursor: url(../images/christmas/father_christmas.png), default;
}
-----------------------------------------------------------------------------*/ 
 


.snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; }

.hidden {
	display: none;
}