/*==========================================
             整體架構
==========================================*/
body, h1, h2, h3, h4 {
	font-family: 'Lato', Arial, Helvetica, Microsoft JhengHei, sans-serif;
}

a, a:hover {
    text-decoration: none;
    transition: all .2s;
	color: #333;
}
a:hover {
	color: #ed6d00;
}

.postcontent.full {
    width: 100% !important;
}
.bottommargin-md {
	margin-bottom: 60px;
}
.button {
	background-color: #ed6d00;
}
.button.button-border.button-border-orange {
	border: 2px solid #ed6d00;
	color: #ed6d00;
}
.button.button-border.button-border-orange:not(.button-fill):hover {
	background-color: #ed6d00;
}

h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
    color: #777777;
}
p:last-child {
	margin-bottom: 0;
}

/*公版固定所需樣式*/
#logo img {
	margin: 0 auto;
}
.postcontent.full {
    width: 100% !important;
}
.bottommargin-md {
	margin-bottom: 60px;
}
#path a, #path span {
	display: inline-block;
	margin-top: 0;
}
#page-title #path span:before {
	content: "/";
	display: block;
	width: 16px;
	font-size: 0.6em;
	text-align: center;
}
#is_content:before, #is_content:after {
	content:"";
	display:table;
}
#is_content:after{
	clear:both;
	overflow:hidden;
}
#is_content {
    zoom:1;
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.stretched #gotoTop {
	right: 20px;
	bottom: 80px;
}
#gotoTop:hover {
	background-color: #ed6d00;
}

label small {
	color: #ed6d00;
}
@media (max-width: 767px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		margin-bottom: 30px;
	}
	.col-sm-1:last-child, .col-sm-2:last-child, .col-sm-3:last-child, .col-sm-4:last-child, .col-sm-5:last-child, .col-sm-6:last-child, .col-sm-7:last-child, .col-sm-8:last-child, .col-sm-9:last-child, .col-sm-10:last-child, .col-sm-11:last-child, .col-sm-12:last-child {
		margin-bottom: 0 !important;
	}
}
@media (max-width: 479px) {
	.xs-bottommargin {
		margin-bottom: 30px !important;
	}
	.xs-topmargin {
		margin-top: 30px !important;
	}
	.xs-topmargin-lg {
		margin-top: 60px !important;
	}
}

.p-l-15 {
	padding-left: 15px;
}
.p-r-15 {
	padding-right: 15px;
}
.bottommargin-xlg {
	margin-bottom: 100px !important;
}

/*==========================================
             Header樣式
==========================================*/
#primary-menu-trigger div {
	display: block;
    position: relative;
    width: 30px;
    height: 30px;
	margin: 10px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #333;
}
#primary-menu-trigger span {
    display: block;
    border-bottom: 2px solid #000000;
    border-radius: 9px;
    margin: 3px auto;
    width: 20px;
    transition: all .2s;
}

#logo a.mobile-logo {
	display: none;
}
#logo img {
	margin: 0 auto;
}

#header.transparent-header.full-header #header-wrap {
    border-bottom-color: rgba(255,255,255,0.2);
}
#header.transparent-header.full-header #logo {
    border-right-color: rgba(255,255,255,0.2);
}

#header.full-header #primary-menu > ul {
    border-right:none;
}
#primary-menu ul li > a {
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	font-size: 16px;
	transition: all .2s;
	color: #ffffff;
}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #ed6d00 !important;
}
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul {
    border-right-color: transparent;
}

#header.sticky-header #primary-menu ul li > a {
	color: #444444;
}
#header.sticky-header #primary-menu ul li > a:hover {
	color: #ed6d00;
}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
	border-top-color: #ed6d00;
}
.dark #primary-menu:not(.not-dark) ul ul {
	background-color: #ffffff;
	border: 1px solid #EEE;
	border-top: 2px solid #ed6d00;
}
#primary-menu ul ul li > a {
	font-size: 14px;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
}
.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
    color: #444444 !important;
}
.dark #primary-menu:not(.not-dark) ul ul li > a:hover, #primary-menu.dark ul ul li > a:hover {
    color: #ed6d00 !important;
	background-color: #F9F9F9 !important;
}

#primary-menu .top-lang ul li {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	line-height: 22px;
    padding: 34px 5px;
	display: inline-block;
	
	transition: all .2s;
}
#primary-menu .top-lang ul li a {
	padding: 4px !important;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	border: solid 1px transparent;
}
#header.sticky-header:not(.static-sticky) #primary-menu  .top-lang li a {
	color: #333333;
}
#header.sticky-header:not(.static-sticky) #primary-menu  .top-lang li {
    padding-top: 14px;
    padding-bottom: 14px;
}
#primary-menu .top-lang ul li.current a, #primary-menu .top-lang ul li a:hover {
	border: solid 1px #ffffff;
	color: #ffffff !important;
}
.sticky-header #primary-menu .top-lang ul li.current a, .sticky-header #primary-menu .top-lang ul li a:hover {
	border-color: #999999;
}
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
	background-color: #ffffff;
	color: #333333;
}
#header.dark.sticky-header #header-wrap:not(.not-dark) #primary-menu > ul > li > a {
	color: #333333;
	text-shadow: none;
}
#header.sticky-header #primary-menu .top-lang ul li.current a, #header.sticky-header #primary-menu .top-lang ul li a:hover {
	color: #333333 !important;
}

#primary-menu .top-social ul li {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    line-height: 22px;
    padding: 34px 5px;
    display: inline-block;
    transition: all .2s;
}
#primary-menu .top-social ul li a {
    padding: 4px 6px !important;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Lato', sans-serif;
    border: solid 1px transparent;
	text-align: center;
}
#primary-menu .top-social ul li:hover a {
	color: #ffffff !important;
}
#primary-menu .top-social ul li a i {
	margin-right: 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu  .top-social li {
    padding-top: 14px;
    padding-bottom: 14px;
}
#header.sticky-header:not(.static-sticky) #primary-menu .top-social ul li:hover a {
	color: #ffffff !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
	#header.full-header #logo {
		margin-right: 10px;
		padding-right: 10px;
	}
	#logo img {
		height: 60px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#primary-menu ul li > a {
		padding-left: 12px;
		padding-right: 12px;
	}
}
@media (max-width: 991px) {
	.sticky-responsive-menu #header {
		min-height: 60px;
	}
	#header, #header-wrap,#logo, #logo img {
		height: 60px;
	}
	#primary-menu-trigger {
		top: 5px;
	}
	#logo a.logo {
		display: none;
	}
	#logo a.mobile-logo {
		display: block;
	}
	#primary-menu ul li > a {
		color: #444444;
	}
	#primary-menu ul li:last-child {
		 border-bottom: solid 1px #EEE;
	}
	#primary-menu .pull-right {
		float: left !important;
	}
	#primary-menu .pull-right ul {
		margin-top: 0 !important;
		width: 100%;
	}
	#primary-menu .pull-right ul li {
		display: inline-block;
		border-top: none;
	}
	#primary-menu .top-lang ul li {
		line-height: 22px;
		padding: 0;
	}
	#primary-menu .top-lang ul li a {
		color: #444444 !important;
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a {
		color: #ed6d00 !important;
		border-color: #ed6d00;
	}
	#primary-menu .top-social {
		margin-left: 15px;
	}
	#primary-menu .top-social ul li {
		padding-top: 0;
		padding-bottom: 0;
	}
	#primary-menu.style-2 .top-social ul li a {
		color: #444444;
	}
}
@media (max-width: 479px) {
	.container.full-device-xs, #header.full-header .container {
		width: 100% !important;
	}
}


/*==========================================
             Footer樣式
==========================================*/
#footer {
    background-color: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.1);
}
#copyrights {
    background-color: transparent;
}
.footer_text p:last-child {
	margin-bottom: 0;
}
.footer_copyright {
	margin-top: 10px;
	color: #999999;
}
.footer-social-ad a {
	display: inline-block;
	max-width: 40px;
}

@media (max-width: 767px) {
	.text-center-xs {
		text-align: center !important;
		margin-bottom: 15px !important;
	}
}


/*==========================================
             中間樣式
==========================================*/
#page-title {
	background-size: auto 100%;
}
#page-title.dark h1 {
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#page-title.dark span {
	color: rgba(255,255,255,0.8);
	margin-top: 0;
}
#page-title.page-title-parallax span {
    font-size: 18px;
}
#page-title.dark .breadcrumb span {
	color: #ffffff;
}
.dark .breadcrumb, .dark .breadcrumb a {
    color: #ffffff;
}

a.more-link {
    font-family: 'Crete Round', 微軟正黑體, serif;
	border-bottom: 1px solid #ed6d00;
	color: #ed6d00;
}
a.more-link:hover {
	color: #000000;
}

@media (max-width: 767px) {
	#page-title.page-title-parallax {
		padding: 50px 0;
	}
}


/*最新消息*/
.entry {
	padding-bottom: 0;
	margin-bottom: 30px;
	border-bottom: 0;
}
.entry-image {
	border: solid 1px #efefef;
	margin-bottom: 15px;
}
.square-box {
    position: relative;
    overflow: hidden;
}
.square-box:before {
    content: "";
    display: block;
    padding-top: 60%;
}
.square-box .square-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.square-box .square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-box .square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.square-box .square-content img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a:hover .square-box .square-content img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.entry-title h2 {
	font-size: 18px;
}
.entry-title h2 a:hover {
	color: #ed6d00;
}
div.entry-meta {
    margin: 10px 0 0 0;
}
div.entry-meta div {
	display: inline-block;
	font-size: 13px;
    line-height: 14px;
    margin: 0 10px 5px 0;
    color: #999;
    font-family: 'Crete Round', serif;
    font-style: italic;
}
#posts .entry-content {
	margin-top: 15px;
}
#content #posts .entry-content p {
	margin-bottom: 15px;
}


/*==========================================
             Landing Page
==========================================*/
#lading-page {
	background: url(../images/loading-bg.jpg) no-repeat center center;
}
.landing-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 305px;
	margin: -195px 0 0 -154px;
}
.owl-anitmation {
	background-image: url(../images/logo-animation-01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	animation: blink 1.5s infinite;
	width: 271px;
	height: 251px;
	margin: 0 auto 30px auto;
}
@-webkit-keyframes blink {
	0% { background-image: url(../images/logo-animation-01.png);}
	2% { background-image: url(../images/logo-animation-02.png);}
	15% { background-image: url(../images/logo-animation-01.png);}
	100% { background-image: url(../images/logo-animation-01.png);}
}

@media screen and (max-width: 767px) {
	.landing-logo {
		width: 200px;
		margin: -125px 0 0 -100px;
	}
	.owl-anitmation {
		width: 160px;
		height: 148px;
	}
}



#float_booking {
	width: 100px;
	margin-top: -50px;
	position: fixed;
	top: 50%;
	right: 10px;
	z-index:20;
}
#float_booking .owl-anitmation {
	width: 100px;
	height: 100px;
	margin-bottom: -30px;
	position: relative;
	z-index: 100;
}
#float_booking a {
	background: rgba(241,140,56,0.9);
	display: block;
	padding: 26px 10px 15px 10px;
	text-align: center;
	position: relative;
	z-index: 99;
	font-size: 14px;
	color:#ffffff;
	transition: all .5s;
	border-radius: 5px;
	line-height: 1.3;
}
#float_booking a:hover {
	background: rgba(237,109,0,1);
	color: #ffea00;
}
#float_booking a span {
	display: block;
	font-size: 16px;
	border-top: solid 1px rgba(255,255,255,0.3);
	padding-top: 5px;
	margin-top: 5px;
}
@media screen and (max-width: 767px) {
	#float_booking {
		display: none;
	}
}
/*==========================================
             首頁樣式
==========================================*/
#slider .swiper-pagination {
	text-align: right;
	padding-right: 20px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}
#slider .one-page-arrow {
	z-index: 12;
}
.swiper-pagination span {
	border-color: rgba(255,255,255,0.3);
}
.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active {
	background-color: rgba(255,255,255,0.3) !important;
	border-color: rgba(255,255,255,0.5);
}
.slider-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index:2;
}
.slider-content.dark-bg {
	background-color: rgba(0,0,0,0.3);
	color: #ffffff;
}
.slider-content.dark-bg h1 {
	color: #ffffff;
	font-size: 48px;
}
.slider-content.dark-bg p {
	font-size: 18px;
}

.heading-block h2 span {
	color: #999999;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}
.heading-block h2 span:before {
	content: "/";
	display: inline-block;
	margin: 0 8px 0 0;
	color: #dfdfdf;
}
#home-news .owl-carousel-full .owl-nav [class*=owl-] {
	opacity: 1;
	border-radius: 22px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	background-color: rgba(0,0,0,0.2);
}
#home-news .owl-carousel .owl-nav [class*=owl-]:hover {
	background-color: #ed6d00 !important;
}
#home-news .owl-carousel-full .owl-nav .owl-prev {
	left: -60px !important;
}
#home-news .owl-carousel-full .owl-nav .owl-next {
	right: -60px !important;
}
#home-news .owl-carousel .owl-dots .owl-dot {
	margin-top: 0;
}
.owl-carousel .owl-dots .owl-dot span {
	background-color: #ed6d00;
}

#home-info.section {
	background: url(../images/home-info-section-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 100px;
}
.feature-box.fbox-border .fbox-icon {
	border: 1px solid rgba(0,0,0,0.15);
}
.feature-box.fbox-center .fbox-icon {
    width: 180px;
    height: 180px;
}
.feature-box.fbox-center.fbox-border .fbox-icon i {
    font-size: 80px;
    line-height: 180px !important;
	color: #666666;
}
.feature-box.fbox-center.fbox-border:hover .fbox-icon i {
	color: #ffffff;
}
.fbox-border.fbox-effect .fbox-icon i:after {
	background-color: #ed6d00;
}


.contentsBlock {
    padding: 560px 0 0;
    margin: 0 0 100px;
    position: relative;
    z-index: 3;
}
.contentsBlock .titleBlock {
    width: 470px;
    height: 420px;
    position: absolute;
    top: 70px;
    background: #fcfcfd;
    box-sizing: border-box;
    z-index: 10;
    padding: 50px;
}
.contentsBlock .titleBlock .heading-block {
	margin-bottom: 30px;
}
.contentsBlock .titleBlock .heading-block:after {
	margin-top: 15px;
}

.contentsBlock .mainImage {
    width: 72%;
    position: absolute;
    height: 560px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: cover;
    overflow: hidden;
    text-indent: -9999px;
}
.contentsBlock .items {
    margin: 0;
    padding: 130px 0 54px;
    text-align: center;
}

.contents01 .titleBlock {
    left: 72%;
    margin-left: -25px;
}
.contents01 .mainImage {
    left: 0;
}
.contents01 .items {
    background: #f4e3cc;
}

.contents02 .titleBlock {
    right: 72%;
    margin-right: -25px;
}
.contents02 .mainImage {
    right: 0;
}
.contents02 .items {
    background: #2e3f67;
}

#bar.section {
	padding: 150px 0;
}

#events.section {
	background-color: #fbfaf9;
}
#events .portfolio-item {
	padding-right: 1px;
	width: 100%;
}
#events .portfolio-desc {
	padding-left: 30px;
	padding-right: 30px;
}
#events .portfolio-desc .portfolio-content {
	height: 3.2em;
	overflow: hidden;
}

#footer-intro {
	font-size: 16px;
}
#footer-intro .logo {
	max-width: 200px;
}
#footer-intro .text-content {
	max-width: 800px;
}
.text-info {
	color: #cf5e18;
}
.text-info span {
	margin: 0 10px;
	display: inline-block;
}

.heading-block h2 {
	color: #04287e;
}
.heading-block h2 + span {
    font-size: 18px;
	font-family: 'Lato', sans-serif;
}
.heading-block:after {
	border-top-color: #ed6d00;
}

@media screen and (max-width: 991px) {
	.feature-box.fbox-center .fbox-icon {
		width: 150px;
		height: 150px;
	}
	.feature-box.fbox-center.fbox-border .fbox-icon i {
		line-height: 150px !important;
	}
}

@media screen and (max-width: 767px) {
	.slider-content.dark-bg h1 {
		font-size: 32px;
		margin-bottom: 15px;
	}
	.slider-content.dark-bg p {
		font-size: 14px;
	}
	.one-page-arrow {
		display: block !important;
	}
	.contentsBlock {
		padding: 0;
		margin: 0;
		position: relative;
	}
	.contentsBlock .titleBlock {
		width: auto;
		height: auto;
		position: static;
	}
	.contents01 .titleBlock {
		margin-left: 0;
		width: auto;
		height: auto;
		position: static;
		padding: 30px;
	}
	.contents02 .titleBlock {
		margin-right: 0;
		width: auto;
		height: auto;
		position: static;
		padding: 30px;
	}
	.contentsBlock .titleBlock {
		text-align: center;
	}
	.contentsBlock .heading-block:after {
		margin-left: auto;
		margin-right: auto;
	}
	.contentsBlock .mainImage {
		width: auto;
		position: static;
		height: 320px;
		top: 0px;
		background-repeat: no-repeat;
		background-position: 0% 50%;
		background-size: cover;
		overflow: hidden;
		text-indent: -9999px;
	}
	.contentsBlock .items {
		margin: 0;
		padding: 30px 20px 10px;
		text-align: center;
	}
	#hotspring {
		margin-top: 50px;
	}
	#bar.section {
		padding: 100px 0;
	}
	.feature-box.fbox-center .fbox-icon {
		width: 140px;
		height: 140px;
	}
	.feature-box.fbox-center.fbox-border .fbox-icon i {
		line-height: 140px !important;
	}
}

#camping .row.rooms {
	margin-left: -5px;
	margin-right: -5px;
} 
#camping .row.rooms .col-sm-2 {
	padding-left: 5px;
	padding-right: 5px;
}

#posts .entry-image .entry-date, #home-news .entry-image .entry-date {
	position: absolute;
    top: 10px;
    left: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 60px;
    height: 64px;
    text-align: center;
    padding-top: 7px;
    font-size: 26px;
    line-height: 1;
}
#posts .entry-image .entry-date span, #home-news .entry-image .entry-date span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

#posts.small-thumbs .entry {
	margin-bottom: 50px;
}
#posts.small-thumbs .entry:last-child {
	margin-bottom: 0;
}
#posts.small-thumbs .entry-image {
	width: 48%;
	margin-right: 4%;
}
#posts.small-thumbs .entry:nth-child(2n+2) .entry-image {
	float: right;
	margin-right: 0;
	margin-left: 4%;
}
#posts.small-thumbs .entry-c {
	padding: 30px 0;
}
#posts.small-thumbs .flowbox {
    border: 1px solid #999;
    border-radius: 50px;
    padding: 8px 5px 5px 5px;
	margin-bottom: 30px;
    width: 120px;
    text-align: center;
    height: 40px;
	color: #999;
}
.small-thumbs .entry-title h2 {
    font-size: 24px;
}
.small-thumbs .entry-title h2 a {
	color: #ed6d00;
}
.flow_more {
    width: 120px;
    border-bottom: 1px solid;
    transition: all 0.3s;
    height: 30px;
    font-size: 18px;
}
.flow_more span {
	line-height: 26px;
	margin-right: 10px;
	transition: margin 0.3s;
}
.flow_more:hover span {
	margin-right: 0;
}
@media screen and (max-width: 1199px) {
	#posts.small-thumbs .entry-c {
		padding: 15px 0;
	}
}
@media screen and (max-width: 991px) {
	#posts.small-thumbs .entry-c {
		padding: 0;
	}
}

/*首頁溫泉*/
/*#spring {
	height: 100vh;
	background: url(../images/home-hotspring-bg.jpg) no-repeat center top;
	background-size: cover;
	display: grid;
	justify-content: center;
	align-items: center;
}*/
#bar.section {
	height: 100vh;
	display: grid;
	justify-content: center;
	align-items: center;
	background-color: transparent !important;
}

#foglayer_01 {
  width: 200%;
  height: 100%;
  position: absolute;
  animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url("../images/fog1.png") repeat-x top left transparent;
  background-size: 100%;
  width: 50%;
  height: 100%;
  float: left;
}

#foglayer_02 {
  width: 200%;
  height: 100%;
  position: absolute;
  animation: foglayer_02_opacity 21s linear infinite,
				foglayer_moveme 13s linear infinite;
  -webkit-animation: foglayer_01_opacity 21s linear infinite,
				foglayer_moveme 13s linear infinite;
}
#foglayer_02 .image01, #foglayer_02 .image02 {
  background: url("../images/fog2.png") repeat-x top left transparent;
  background-size: 100%;
  width: 50%;
  height: 100%;
  float: left;
}

#foglayer_03 {
  width: 200%;
  height: 100%;
  position: absolute;
  animation: foglayer_02_opacity 21s linear infinite,
				foglayer_moveme 13s linear infinite;
  -webkit-animation: foglayer_01_opacity 21s linear infinite,
				foglayer_moveme 13s linear infinite;
}
#foglayer_03 .image01, #foglayer_03 .image02 {
  background: url("../images/fog2.png") repeat-x top left transparent;
  background-size: 100%;
  width: 50%;
  height: 100%;
  float: left;
}

@keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }
  22% {
    opacity: .5;
  }
  40% {
    opacity: .28;
  }
  58% {
    opacity: .4;
  }
  80% {
    opacity: .16;
  }
  100% {
    opacity: .1;
  }
}
@-webkit-keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }
  22% {
    opacity: .5;
  }
  40% {
    opacity: .28;
  }
  58% {
    opacity: .4;
  }
  80% {
    opacity: .16;
  }
  100% {
    opacity: .1;
  }
}

@keyframes foglayer_02_opacity {
  0% {
    opacity: .5;
  }
  25% {
    opacity: .2;
  }
  50% {
    opacity: .1;
  }
  80% {
    opacity: .3;
  }
  100% {
    opacity: .5;
  }
}
@-webkit-keyframes foglayer_02_opacity {
  0% {
    opacity: .5;
  }
  25% {
    opacity: .2;
  }
  50% {
    opacity: .1;
  }
  80% {
    opacity: .3;
  }
  100% {
    opacity: .5;
  }
}

@keyframes foglayer_03_opacity {
  0% {
    opacity: .8;
  }
  27% {
    opacity: .2;
  }
  52% {
    opacity: .6;
  }
  68% {
    opacity: .3;
  }
  100% {
    opacity: .8;
  }
}
@-webkit-keyframes foglayer_03_opacity {
  0% {
    opacity: .8;
  }
  27% {
    opacity: .2;
  }
  52% {
    opacity: .6;
  }
  68% {
    opacity: .3;
  }
  100% {
    opacity: .8;
  }
}

@keyframes foglayer_moveme {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@-webkit-keyframes foglayer_moveme {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

#page-title.page-title-parallax {
    background-image: url(/archive/image/page-banner-default.png) !important;
}