﻿/*
HNCB Theme
---------------------------
TABLE OF CONTENTS:
1 - Global Libraries
2 - Global Defaults
3 - Layouts
  3.0 - Preloader
  3.1 - Header / Navbar
  3.2 - Content Area
  3.3 - Footer
  3.4 - Popup
  3.5 - Off-canvas Menu
4 - Homepage
---------------------------
*/

/* Global Libraries
================================================== */
@import url(fonts_googleapis_com.css);
@import url(font-awesome.min.css);
@import url(ionicons.min.css);
@import url(elegant-font.css);
@import url(magnific-popup.css);
@import url(jquery.mmenu.all.css);
@import url(owl.carousel.css);
@import url(daterangepicker.css);
@import url(animate.css);
@import url(bootstrap.min.css);
@import url(elements.css);
@import url(tools.css);
/* Global Defaults
================================================== */
html {
	box-sizing: border-box;
	overflow-y: scroll !important;
	overflow-x: hidden;
}
body {
	font-family: "微軟正黑體", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
	-webkit-text-size-adjust: none;
	counter-reset: section;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, input, textarea, select, button {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings: "liga", "kern";
	font-feature-settings: "liga", "kern";
	-webkit-font-kerning: normal;
	-moz-font-kerning: normal;
	font-kerning: normal;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: 0;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: #e94b25;
}
a:hover {
	color: #353535;
	text-decoration: underline;
}
a:focus, a:active {
	color: #e94b25;
	outline: 0;
}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
button, input, .tooltip-inner {
	font-family: "微軟正黑體", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}
::-webkit-input-placeholder {
color:#787878;
}
::-moz-placeholder {
color:#787878;
}
:-ms-input-placeholder {
color:#787878;
}
input:-moz-placeholder {
color:#787878;
}
.no-padding {
	padding: 0!important;
}
.no-margin {
	margin: 0!important;
}
.no-bankground {
	background: none!important;
}
.no-border {
	border: none!important;
}
.overflow-visible {
	overflow: visible;
}
.vertical-align-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
hr {
	border: 0;
	height: 1px;
	background-color: #e1e1e1;
	display: block;
	margin: 32px 0;
}
hr.md {
	margin: 10px 0;
}
hr.sm {
	margin: 5px 0 !important;
}
hr.border-red {
	margin: 8px 0 32px;
	height: 2px;
	background-color: #ec5440;
}
hr.border-gold {
	margin: 32px 0 32px;
	height: 1px;
	background-color: #cfc49e;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
.bold {
	font-weight: bold !important;
}
.inverse {
	color: #fff;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
img.block {
	margin-bottom: 5px;
}
.visible-ie8 {
	display: none;
}
.visible-ie9 {
	display: none;
}
.hidden-ie8 {
	display: inherit;
}
.hidden-ie9 {
	display: inherit;
}
.hidden-mobile {
	display: block;
}
.visible-mobile {
	display: none;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-left {
	text-align: left !important;
}
img.bordered {
	border: 5px solid #dedede;
}
/******* No Javascript ********/
.no-js .preloader, .no-js #container, .no-js #main-menu {
	display: none;
}
.no-js body {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999999;
	top: 0;
	color: #000;
	font-size: 16px;
	background: #fff;
}
.no-js body:after {
	content: "您的瀏覽器不支援Javascript, 本網站需要Javasctip才能正常瀏覽, 請使用可執行Javascript的瀏覽器！"
}
/******* Zero Grid ********/
.zero-grid .row {
	margin-left: 0px;
	margin-right: 0px;
}
.zero-grid .col-xs-1, .zero-grid .col-sm-1, .zero-grid .col-md-1, .zero-grid .col-lg-1, .zero-grid .col-xs-2, .zero-grid .col-sm-2, .zero-grid .col-md-2, .zero-grid .col-lg-2, .zero-grid .col-xs-3, .zero-grid .col-sm-3, .zero-grid .col-md-3, .zero-grid .col-lg-3, .zero-grid .col-xs-4, .zero-grid .col-sm-4, .zero-grid .col-md-4, .zero-grid .col-lg-4, .zero-grid .col-xs-5, .zero-grid .col-sm-5, .zero-grid .col-md-5, .zero-grid .col-lg-5, .zero-grid .col-xs-6, .zero-grid .col-sm-6, .zero-grid .col-md-6, .zero-grid .col-lg-6, .zero-grid .col-xs-7, .zero-grid .col-sm-7, .zero-grid .col-md-7, .zero-grid .col-lg-7, .zero-grid .col-xs-8, .zero-grid .col-sm-8, .zero-grid .col-md-8, .zero-grid .col-lg-8, .zero-grid .col-xs-9, .zero-grid .col-sm-9, .zero-grid .col-md-9, .zero-grid .col-lg-9, .zero-grid .col-xs-10, .zero-grid .col-sm-10, .zero-grid .col-md-10, .zero-grid .col-lg-10, .zero-grid .col-xs-11, .zero-grid .col-sm-11, .zero-grid .col-md-11, .zero-grid .col-lg-11, .zero-grid .col-xs-12, .zero-grid .col-sm-12, .zero-grid .col-md-12, .zero-grid .col-lg-12 {
	padding-left: 0px;
	padding-right: 0px;
}
/******* Smallest Grid ********/
.smallest-grid .row {
	margin-left: -2px;
	margin-right: -2px;
}
.smallest-grid .col-xs-1, .smallest-grid .col-sm-1, .smallest-grid .col-md-1, .smallest-grid .col-lg-1, .smallest-grid .col-xs-2, .smallest-grid .col-sm-2, .smallest-grid .col-md-2, .smallest-grid .col-lg-2, .smallest-grid .col-xs-3, .smallest-grid .col-sm-3, .smallest-grid .col-md-3, .smallest-grid .col-lg-3, .smallest-grid .col-xs-4, .smallest-grid .col-sm-4, .smallest-grid .col-md-4, .smallest-grid .col-lg-4, .smallest-grid .col-xs-5, .smallest-grid .col-sm-5, .smallest-grid .col-md-5, .smallest-grid .col-lg-5, .smallest-grid .col-xs-6, .smallest-grid .col-sm-6, .smallest-grid .col-md-6, .smallest-grid .col-lg-6, .smallest-grid .col-xs-7, .smallest-grid .col-sm-7, .smallest-grid .col-md-7, .smallest-grid .col-lg-7, .smallest-grid .col-xs-8, .smallest-grid .col-sm-8, .smallest-grid .col-md-8, .smallest-grid .col-lg-8, .smallest-grid .col-xs-9, .smallest-grid .col-sm-9, .smallest-grid .col-md-9, .smallest-grid .col-lg-9, .smallest-grid .col-xs-10, .smallest-grid .col-sm-10, .smallest-grid .col-md-10, .smallest-grid .col-lg-10, .smallest-grid .col-xs-11, .smallest-grid .col-sm-11, .smallest-grid .col-md-11, .smallest-grid .col-lg-11, .smallest-grid .col-xs-12, .smallest-grid .col-sm-12, .smallest-grid .col-md-12, .smallest-grid .col-lg-12, .smallest-grid .col-xs-15, .smallest-grid .col-sm-15, .smallest-grid .col-md-15, .smallest-grid .col-lg-15, .smallest-grid .col-xs-25, .smallest-grid .col-sm-25, .smallest-grid .col-md-25, .smallest-grid .col-lg-25 {
	padding-left: 2px;
	padding-right: 2px;
}
/******* Smaller Grid ********/
.smaller-grid .row {
	margin-left: -4px;
	margin-right: -4px;
}
.smaller-grid .col-xs-1, .smaller-grid .col-sm-1, .smaller-grid .col-md-1, .smaller-grid .col-lg-1, .smaller-grid .col-xs-2, .smaller-grid .col-sm-2, .smaller-grid .col-md-2, .smaller-grid .col-lg-2, .smaller-grid .col-xs-3, .smaller-grid .col-sm-3, .smaller-grid .col-md-3, .smaller-grid .col-lg-3, .smaller-grid .col-xs-4, .smaller-grid .col-sm-4, .smaller-grid .col-md-4, .smaller-grid .col-lg-4, .smaller-grid .col-xs-5, .smaller-grid .col-sm-5, .smaller-grid .col-md-5, .smaller-grid .col-lg-5, .smaller-grid .col-xs-6, .smaller-grid .col-sm-6, .smaller-grid .col-md-6, .smaller-grid .col-lg-6, .smaller-grid .col-xs-7, .smaller-grid .col-sm-7, .smaller-grid .col-md-7, .smaller-grid .col-lg-7, .smaller-grid .col-xs-8, .smaller-grid .col-sm-8, .smaller-grid .col-md-8, .smaller-grid .col-lg-8, .smaller-grid .col-xs-9, .smaller-grid .col-sm-9, .smaller-grid .col-md-9, .smaller-grid .col-lg-9, .smaller-grid .col-xs-10, .smaller-grid .col-sm-10, .smaller-grid .col-md-10, .smaller-grid .col-lg-10, .smaller-grid .col-xs-11, .smaller-grid .col-sm-11, .smaller-grid .col-md-11, .smaller-grid .col-lg-11, .smaller-grid .col-xs-12, .smaller-grid .col-sm-12, .smaller-grid .col-md-12, .smaller-grid .col-lg-12, .smaller-grid .col-xs-15, .smaller-grid .col-sm-15, .smaller-grid .col-md-15, .smaller-grid .col-lg-15, .smaller-grid .col-xs-25, .smaller-grid .col-sm-25, .smaller-grid .col-md-25, .smaller-grid .col-lg-25 {
	padding-left: 4px;
	padding-right: 4px;
}
/******* Small Grid ********/
.small-grid .row {
	margin-left: -10px;
	margin-right: -10px;
}
.small-grid .col-xs-1, .small-grid .col-sm-1, .small-grid .col-md-1, .small-grid .col-lg-1, .small-grid .col-xs-2, .small-grid .col-sm-2, .small-grid .col-md-2, .small-grid .col-lg-2, .small-grid .col-xs-3, .small-grid .col-sm-3, .small-grid .col-md-3, .small-grid .col-lg-3, .small-grid .col-xs-4, .small-grid .col-sm-4, .small-grid .col-md-4, .small-grid .col-lg-4, .small-grid .col-xs-5, .small-grid .col-sm-5, .small-grid .col-md-5, .small-grid .col-lg-5, .small-grid .col-xs-6, .small-grid .col-sm-6, .small-grid .col-md-6, .small-grid .col-lg-6, .small-grid .col-xs-7, .small-grid .col-sm-7, .small-grid .col-md-7, .small-grid .col-lg-7, .small-grid .col-xs-8, .small-grid .col-sm-8, .small-grid .col-md-8, .small-grid .col-lg-8, .small-grid .col-xs-9, .small-grid .col-sm-9, .small-grid .col-md-9, .small-grid .col-lg-9, .small-grid .col-xs-10, .small-grid .col-sm-10, .small-grid .col-md-10, .small-grid .col-lg-10, .small-grid .col-xs-11, .small-grid .col-sm-11, .small-grid .col-md-11, .small-grid .col-lg-11, .small-grid .col-xs-12, .small-grid .col-sm-12, .small-grid .col-md-12, .small-grid .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}
/******* Seven Columns ********/
.col-xs-17, .col-sm-17, .col-md-17, .col-lg-17 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-17 {
	width: 14.285714285714285714285714285714%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-17 {
	width: 14.285714285714285714285714285714%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-17 {
	width: 14.285714285714285714285714285714%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-17 {
	width: 14.285714285714285714285714285714%;
	float: left;
}
}
/******* Five Columns ********/
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-25, .col-sm-25, .col-md-25, .col-lg-25, .col-xs-35, .col-sm-35, .col-md-35, .col-lg-35 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}
.col-xs-25 {
	width: 40%;
	float: left;
}
.col-xs-35 {
	width: 60%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	float: left;
}
.col-sm-25 {
	width: 40%;
	float: left;
}
.col-sm-35 {
	width: 60%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	float: left;
}
.col-md-25 {
	width: 40%;
	float: left;
}
.col-md-35 {
	width: 60%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	float: left;
}
.col-lg-25 {
	width: 40%;
	float: left;
}
.col-lg-35 {
	width: 60%;
	float: left;
}
}
/* Layouts
================================================== */
body {
	margin: 0;
	font-size: 16px;
	color: #252525;
	background-color: #fff;
	position: relative;
}
body.modal-open {
	overflow-y: auto !important;
	padding-right: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	color: #b09d60;
	font-weight: normal;
}
h1 {
	font-size: 46px;
	font-weight: lighter;
	letter-spacing: -2px;
}
h2 {
	font-size: 34px;
	font-weight: lighter;
	letter-spacing: -1px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px !important;
}
h6 {
	font-size: 18px;
	font-weight: bold;
}
.strong-tone {
	font-size: 22px;
	font-weight: bold;
	color: #b09d60 !important;
}
/******* Preloader ********/
.preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 19999;
	top: 0;
	background: #fff;
	background: rgba(255,255,255,.65);
}
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #cd0202;
	position: fixed;
	z-index: 20000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 3px;
}
/******* 3.1 - Header / Navbar ********/
.header {
	position: fixed;
	width: 100%;
	display: block;
	table-layout: auto;
	top: 0 !important;
	border-bottom: 0;
	margin: 0;
	border-top: 3px solid #cd0202;
	z-index: 999 !important;
	-webkit-box-shadow: 0px 4px 16px -5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 4px 16px -5px rgba(0,0,0,0.35);
	box-shadow: 0px 4px 16px -5px rgba(0,0,0,0.35);
}
.header.full-height {
	height: 70px;
}
.header .navbar {
	background-color: #f4f4f4;
	margin: 0;
	padding: 0;
	height: 70px;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.header a.navbar-brand {
	margin: 14px 0 0 0;
	padding: 0;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.header a.navbar-brand img {
	height: 40px;
	margin-left: 30px;
	width: auto !important;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.navbar-default {
	color: #353535;
}
.navbar-default .navbar-nav > li > a {
	color: #353535;
	font-size: 19px;
	font-weight: normal;
	text-align: center;
	padding: 0 25px;
	line-height: 70px;
	position: relative;
	display: block;
	background-color: #f4f4f4;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.navbar-default .navbar-nav > li > a > i {
	margin-right: 2px;
}
.navbar-default .navbar-nav > li.menu-icon > a {
	padding: 3px 0 0 0;
	width: 80px;
	height: 70px;
	position: relative;
}
.navbar-default .navbar-nav > li.menu-icon > a > i {
	font-size: 25px;
}
.navbar-default .navbar-nav > li.menu-icon.menu-facebook > a > i {
	color: #3765a3 !important;
}
.navbar-default .navbar-nav > li.menu-dark > a {
	background-color: #e4e4e4;
}
.navbar-default .navbar-nav > li.menu-darker > a {
	background-color: #d4d4d4;
}
.navbar-default .navbar-nav > li.menu-darkerr > a {
	background-color: #c9c9c9;
}
.navbar-default .navbar-nav > li.menu-darkest > a {
	background-color: #bfbfbf;
}
.navbar-default .navbar-nav > li:hover a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.active:hover a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: #fff;
}
.navbar-default .navbar-nav > li.active a {
	background-color: #f4f4f4;
}
.navbar-default .navbar-nav > li.active > a:before {
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #cd0202;
	content: '';
	z-index: 199;
}
.navbar-default .navbar-nav > li.active:hover a:before {
	background-color: transparent;
}
/* Mega Menu */
.navbar-default .dropdown-menu {
	border-radius: 0;
	border: none;
}
.megamenu-trigger {
	position: static !important;
}
.megamenu {
	padding: 20px 10px 10px 10px;
	margin: 0;
	height: auto;
	width: 100%;
	list-style: none;
}
.megamenu:before, .megamenu:after {
	display: table;
	content: "";
}
.megamenu:after {
	clear: both;
}
.megamenu.narrow {
	padding: 20px 10px 10px 10px;
	width: 500px;
	/*width: 33.33%;*/
	left: auto;
	right: 0;
}
.megamenu-facebook-full {
	display: block;
}
.megamenu-facebook-full .megamenu.narrow {
	padding: 20px 20px 10px 10px;
}
.megamenu-facebook-short {
	display: none;
}
.megamenu a {
	color: #333333 !important;
	background-color: #fff !important;
}
.megamenu a:hover {
	background-color: #eee !important;
}
.megamenu .btn-square {
	background: #cdcdcd!important;
	background: rgba(0,0,0,.12)!important;
}
.megamenu .btn-square:hover {
	background: #898989!important;
	background: rgba(0,0,0,.55)!important;
}
.megamenu > li.megamenu-container, .megamenu > li.megamenu-banner {
	padding: 0;
}
.megamenu > li.megamenu-banner {
	padding-right: 10px;
	color: #333;
}
.megamenu > li.megamenu-banner .carousel {
	display: block;
	height: auto;
}
.megamenu > li > ul, .megamenu > li.megamenu-container > ul > li > ul {
	padding: 0;
	margin: 0 0 8px 0;
	list-style: none;
}
.megamenu > li.megamenu-container > ul > li > ul > li {
	display: block;
}
.megamenu > li.megamenu-container > ul > li > ul > li > a {
	padding: 2px 10px 2px 15px;
	position: relative;
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
}
.megamenu > li.megamenu-container > ul > li > ul > li.menu-header {
	margin: 4px 5px;
	font-size: 17px;
	color: #ec5440 !important;
}
.megamenu > li.megamenu-container > ul > li > ul > li > a:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f105";
	position: absolute;
	color: #dedede;
	left: 5px;
}
.megamenu > li.megamenu-container > ul > li > ul > li.menu-header > a {
	margin: -4px -5px;
	padding: 4px 5px 4px 20px;
	font-size: 17px;
	color: #ec5440 !important;
}
.megamenu > li.megamenu-container > ul > li > ul > li.menu-header > a:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f105";
	position: absolute;
	color: #ec5440;
	left: 5px;
}
.megamenu > li.megamenu-container ul > li > a:hover, .megamenu > li.megamenu-container ul > li > a:focus, .megamenu > li.megamenu-container ul > li.active > a {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5 !important;
}
.megamenu > li.megamenu-container ul > li.active > a {
	color: #ec5440 !important;
}
.megamenu li.megamenu-banner {
	margin-bottom: 40px;
}
.megamenu li.megamenu-banner a {
	color: #333333;
}
.megamenu li.megamenu-banner img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
	display: block;
	margin-bottom: 16px;
}
.megamenu li.megamenu-banner strong a {
	width: 100%;
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: normal;
	color: #ec5440 !important;
}
.megamenu ol.carousel-indicators {
	bottom: -20px;
}
.megamenu ol.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #999;
	background-color: rgba(0, 0, 0, .35);
	border: none;
	border-radius: 10px;
}
.megamenu ol.carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .65);
}
.megamenu > li.megamenu-banner a:hover, .megamenu > li.megamenu-banner a:focus {
	text-decoration: none;
	background-color: transparent;
}
.megamenu-search {
	margin: 6px 6px 16px 6px;
	position: relative;
}
.megamenu-search .input-search {
	height: 45px;
	margin: 0;
	font-size: 22px !important;
	width: 100% !important;
	border: none;
	padding: 8px;
	outline: none;
	color: #333;
}
.megamenu-search .btn-search {
	position: absolute !important;
	top: -2px;
	right: 10px;
	width: 50px !important;
	height: 50px !important;
	background: none;
	font-size: 22px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	color: #888;
	border: none;
	border-radius: 25px;
	background-color: #dedede;
}
.megamenu-search .btn-search:hover {
	color: #555;
}
.header.compact-height, .header.compact-height .navbar {
	height: 50px;
	-webkit-box-shadow: 0px 5px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0px 5px 0 0 rgba(0,0,0,0.2);
}
.header.compact-height a.navbar-brand {
	margin: 9px 0 0 0;
	padding: 0;
}
.header.compact-height a.navbar-brand img {
	margin-left: 0px;
	height: 34px;
}
.header.compact-height .navbar-default .navbar-nav > li > a {
	font-size: 18px;
	line-height: 50px;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.header.compact-height .navbar-default .navbar-nav > li.menu-icon > a {
	padding: 3px 0 0 0;
	height: 50px;
	position: relative;
}
.header.compact-height .navbar-default .navbar-nav > li.dropdown > a:hover:after, .header.compact-height .navbar-default .navbar-nav > li.dropdown:hover > a:after, .header.compact-height .navbar-default .navbar-nav > .open > a:after, .header.compact-height .navbar-default .navbar-nav > .open > a:focus:after {
	top: 30px;
}
/* Mobile Navbar */
.navbar-mobile {
	display: none;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 999;
}
.btn-mobile-nav {
	font-size: 34px;
	line-height: 67px;
	color: #999;
	text-align: left;
}
.btn-mobile-nav:hover, .btn-mobile-nav:active, .btn-mobile-nav:focus {
	color: #353535;
}
.header.compact-height .btn-mobile-nav {
	line-height: 50px;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
/******* 3.2 - Content Area ********/
.wrapper {
	margin: 0;
	position: relative;
	overflow-x: hidden;
	background-color: #fff;
	margin-top: 70px;
}
.features-wrapper {
	margin: 0;
	padding: 0;
}
.news-wrapper {
	position: relative;
	width: 100%;
	padding: 32px 64px;
	background-color: #f4f4f4;
}
.news-wrapper.with-tabs {
	padding: 32px 0;
}
.cards-wrapper {
	position: relative;
	width: 100%;
	padding: 16px 64px 48px;
	background-color: #e67979;
}
.recommended-cards-wrapper {
	position: relative;
	width: 100%;
	padding: 32px 64px;
}
.recommended-cards-wrapper .box-panel {
	border: 1px solid rgba(0,0,0,.06);
	border-bottom: 5px solid rgba(0,0,0,.15);
}
.card-event-wrapper .box-panel {
	border: 1px solid rgba(0,0,0,.12);
	border-bottom: 5px solid rgba(0,0,0,.15);
	border-radius: 5px;
	margin-bottom: 8px;
}
.card-event-wrapper .box-panel .box-panel-image {
	height: 130px;
	overflow: hidden;
}
.selected-cards-wrapper {
	position: relative;
	width: 100%;
	padding: 48px 64px 92px;
	background-color: #dfdfdf;
	border-top: 5px solid rgba(255,255,255,.35);
	border-bottom: 5px solid rgba(255,255,255,.35);
}
.single-card {
	position: relative;
	margin-bottom: 16px;
}
.single-card img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
	box-shadow: 0 0 22px rgba(0,0,0,.05);
}
.table-comparison-holder .single-card img {
	width: 90%;
	max-width: 90%;
	height: auto !important;
	box-shadow: 0 0 22px rgba(0,0,0,.05);
}
.warning-wrapper {
	position: relative;
	width: 100%;
	padding: 16px 32px;
	background-color: #019587;
}
.warning-wrapper.warning-wrapper-red {
	background-color: #e98b8b;
	color: #fff;
}
.warning-wrapper.warning-wrapper-red a {
	color: #000;
}
.warning-wrapper.cyan {
	background-color: #00bcd4;
}
.warning-wrapper p {
	margin: 0;
}
.comparison-wrapper {
	position: relative;
	width: 100%;
	padding: 0 32px 32px;
}
.slogan-wrapper {
	margin: 16px 0 64px;
}
.slogan-wrapper h2, .slogan-wrapper h4 {
	margin: 0 !important;
	color: #888;
}
.slogan {
	margin-top: 32px;
}
/* Tools */
.tools-wrapper {
	padding: 32px;
	background-color: #e67979;
	border-top: 3px solid #fff;
}
.tools-wrapper .btn-square {
	margin-bottom: 0px;
}
/* Static Banners */
.banners-wrapper {
	margin-top: 0px;
	position: relative;
}
.banner-container {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 155px;
	position: relative;
}
.banner-container.banner-branch {
	height: 360px;
}
.banner-container.banner-cover {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-container.banner-normal {
	background-position: center center;
	background-repeat: repeat-x;
}
.banner-container.banner-scroller {
	height: auto;
}
.banner-container.banner-scroller img {
	width: 100%;
	height: auto;
}
#card-banner-scroller {
	display: block !important;
}
#card-banner-scroller-m {
	display: none !important;
}
/*Quicklinks*/
.quicklinks-wrapper {
	position: relative;
	width: 100%;
	padding: 32px 64px;
	background-color: #fff;
}
.quicklinks-wrapper a:hover {
	color: #e24d42 !important;
	text-decoration: none !important;
}
a.quicklink-item span.quicklink-icon {
	display: block;
	font-size: 60px;
	line-height: 118px;
	text-align: center;
	color: #999;
	width: 120px;
	height: 120px;
	border: 1px solid #dedede;
	border-radius: 50%;
	margin: 0 auto 16px;
	transform: scale(1);
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
a.quicklink-item:hover span.quicklink-icon {
	transform: scale(1.1);
}
a.quicklink-item span.quicklink-label {
	display: block;
	font-size: 17px;
	text-align: center;
}
a.quicklink-item:hover span.quicklink-label {
	color: #e24d42 !important;
	text-decoration: none !important;
}
/* Content Wrapper*/
.content-wrapper {
	margin: 32px 0 0;
	padding: 0;
	min-height: 900px;
	position: relative;
}
.content-wrapper.no-min-height {
	min-height: 10px;
}
/* Breadcrumbs */
.breadcrumbs-wrapper {
	width: 100%;
	background-color: rgba(255,255,255,.75);
	display: block;
	border-bottom: 1px solid #dedede;
}
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 18px solid white;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 18px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -19px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn {
	padding: 9px 12px 9px 24px;
	border-radius: 0;
	background-color: #fff;
	border: none;
}
.btn-breadcrumb .btn:hover {
	color: #e24d41;
}
.btn-breadcrumb .btn:first-child {
	padding: 9px 12px 9px 20px;
}
.btn-breadcrumb .btn:last-child {
	padding: 9px 18px 9px 24px;
	background-color: transparent;
	color: #ec5440;
	font-weight: bold;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
}
/* Section */
h2.section-title {
	display: block;
	text-align: center;
	margin: 20px 5px 4px;
	font-size: 38px;
}
.section-title-icon {
	font-size: 36px;
	color: #fcb040;
	display: block;
	text-align: center;
	margin: 0 5px 30px;
	background-image: url(../images/section-title.png);
	background-position: center center;
	background-repeat: no-repeat
}
/* Content Container */
.content-container {
	margin: 0;
	padding: 0;
	/*overflow-x: hidden;*/
	width: 100%;
	position: relative;
}
/* Content Navigation */
.content-nav {
	position: absolute;
	left: 0;
	top: -5px;
	z-index: 299;
}
.content-nav .dropdown .dropdown-menu li small {
	margin-left: 6px;
}
.content-nav.fixed {
	position: fixed;
	top: 52px;
}
.btn-content-nav {
	border-radius: 0;
	width: 50px;
	height: 50px;
	font-size: 21px;
	border-color: transparent;
	background-color: #efefef;
	background-color: rgba(239,239,239,.85);
}
.btn-content-nav:hover {
	border: none;
	background-color: #f5f5f5;
	z-index: 999;
}
.dropdown-menu {
	margin-top: -1px;
	border-radius: 0;
	border-color: #eee;
}
.dropdown-menu li.active a {
	background-color: #f5f5f5;
	color: #ec5440;
}
.dropdown-menu li.active a:hover {
	background-color: #f5f5f5;
	color: #ec5440;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	height: auto;
	margin-top: -6px;
	margin-left: -1px;
	display: none !important;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block !important;
}
.dropdown-submenu > a:after {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f105";
	position: absolute;
	color: #dedede;
	right: 5px;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.dropdown-submenu:hover > a:after {
	color: #252525;
	right: 8px;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
/* Side Figure */
.side-figure {
	top: 420px;
	position: absolute;
	width: 320px;
	left: -320px;
	-moz-transition: all 0.32s;
	-webkit-transition: all 0.32s;
	-ms-transition: all 0.32s;
	-o-transition: all 0.32s;
	transition: all 0.32s;
}
.side-figure.fixed {
	left: 0px;
}
.side-figure img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
}
/* Content Title */
h1.content-title {
	margin-bottom: 24px;
	padding-bottom: 24px;
	text-align: center;
	color: #847442;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 1px solid rgba(0,0,0,.09);
}
.content-title-action {
	position: absolute;
	top: 0;
	right: 0;
}
.tab-title-action {
	position: absolute;
	top: 0;
	right: 15px;
}
/* Content Body */
.content-body {
	line-height: 1.5em;
	margin-bottom: 32px;
}
.content-body p a, .content-body h6 a, .content-body li a {
	border-bottom: 1px dotted #e24d42;
	text-decoration: none;
}
.content-body p a:hover, .content-body h6 a:hover, .content-body li a:hover {
	border-bottom: 1px dotted #353535;
	text-decoration: none;
}
.content-body.content-card {
	margin-top: 260px;
}
.content-body h1 {
	margin-bottom: 36px;
}
.content-body h2, .content-body h3, .content-body h4, .content-body h5, .content-body h6 {
	margin-bottom: 24px;
}
.content-body h2 {
	color: #898989;
}
.content-body h4, .content-body h5, .content-body h6 {
	border-left: 4px solid #b09d60;
	padding-left: 6px;
}
.content-body h5, .content-body h6 {
	font-size: inherit;
}
.content-body p {
	text-align: justify;
	display: block;
	margin-bottom: 24px;
}
.content-body p:only-child, .content-body p:last-child {
	margin-bottom: 48px;
}
.content-body small {
	font-size: 14px;
}
.legal-subtitle {
	font-size: 18px;
	margin-bottom: 24px;
	color: #353535;
	display: block;
}
.content-body li {
	margin-bottom: 6px !important;
}
.content-body ul, .content-body ol {
	padding-left: 0px;
	margin: 0;
	margin-bottom: 32px !important;
}
.content-body ul.mb0, .content-body ol.mb0 {
	margin-bottom: 0px !important;
}
.content-body ul ul, .content-body ul ol, .content-body ol ul, .content-body ol ol {
	display: block;
	margin: 0;
	margin-bottom: 16px !important;
}
.content-body ol li, .content-body ul ol li {
	list-style: decimal;
	margin-left: 26px;
	line-height: 1.5em;
}
.content-body ul li, .content-body ol ul li {
	list-style: disc;
	margin-left: 26px;
	line-height: 1.5em;
}
.content-body ul.no-style-list, .content-body ul.arrow-list, .content-body ul.feature-list {
	list-style: none;
	padding: 0px;
	margin: 0;
	text-align: left;
}
.content-body ul.no-style-list li, .content-body ul.arrow-list li, .content-body ul.feature-list li, .content-body ul.custom-number-list li {
	list-style: none;
	padding-left: 20px;
	display: block;
	position: relative;
}
.content-body ul.no-style-list li, .content-body ul.custom-number-list li {
	padding-left: 0;
	margin-left: 0;
}
.content-body ul.custom-number-list li {
	display: block;
	padding-left: 50px;
	position: relative;
}
.content-body ul.no-style-list li i {
	width: 22px;
	color: #999;
	text-align: center;
}
.content-body ul.custom-number-list li span.number-order {
	width: 40px;
	display: block;
	color: #999;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
}
/*.content-body ul.arrow-list li a, .content-body ul.feature-list li a{
	color:#252525;
}*/
.content-body ul.arrow-list li:before, .content-body ul.feature-list li:before {
	font-family: 'FontAwesome';
	font-size: 16px;
	left: 0px;
	display: inline-block;
	position: absolute;
	content: "\f105";
	color: #ababab;
}
.content-body ul.feature-list li:before {
	content: "\f058";
	color: #4baf4f;
}
.content-body img {
	max-width: 100%;
	height: auto !important;
}
.content-body img.fixed-size {
	width: inherit;
	height: auto !important;
}
.content-body.query-body .query-row p {
	margin-bottom: 8px !important;
}
.modal-body .content-body img, .table img {
	max-width: 100%;
	height: auto !important;
}
img.reflect {
	margin-bottom: 0px !important;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.3)));
}
img.photo-bordered {
	border: 5px solid #dedede;
}
span.circle-number {
	border: 3px solid #e24d42;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	display: inline-block;
	margin: 0 auto 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px !important;
	text-align: center;
	color: #e24d42 !important;
	line-height: 40px !important;
	font-style: none;
	margin-bottom: 5px;
}
span.circle-number-bordered {
	border: 2px solid #e24d42;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px !important;
	text-align: center;
	color: #e24d42 !important;
	line-height: 42px !important;
	font-style: none;
	margin: 0 10px;
}
/* Notes */
.notes {
	color: #999;
	margin-top: 16px;
	padding-top: 16px;
	font-size: 13px !important;
	line-height: 1.3em;
	border-top: 1px dotted #ddd;
	display: block;
	margin-bottom: 16px !important;
}
.notes.no-border {
	margin-top: 0px !important;
	padding-top: 0px !important;
	border-top: none !important;
}
.notes h6 {
	font-size: 14px !important;
}
.notes p, .notes ul, .notes ol {
	color: #999;
	font-size: 13px !important;
	line-height: 1.3em;
	margin-top: 0;
}
.help-block {
	color: #999;
	font-size: 13px !important;
}
/* News */
.news-date {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #aaa;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 0 !important;
	padding: 0 !important;
}
a.news-share {
	color: #aaa;
	display: block;
	height: 30px;
	height: 40px;
	line-height: 40px;
	margin: 0 !important;
	padding: 0 !important;
}
a.news-share:hover {
	color: #565656;
}
.feature-row {
	padding: 16px 0;
	margin-bottom: 16px;
	border-bottom: 1px solid #dedede;
}
.feature-row:last-child {
	border-bottom: none;
}
.feature-icon {
	width: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	font-size: 52px;
	font-weight: bolder;
	color: #fff;
	background-color: #ffc61a;
	font-family: Arial, sans-serif;
	margin: 0 auto 0;
	border-radius: 50%;
}
/* Masonery */
.masonry-container {
	overflow: hidden;
}
.filters {
	text-align: center;
	margin-bottom: 32px;
}
.btn.btn-filter {
	font-size: 16px;
	color: #898989;
	background-color: #f4f4f4;
	padding: 8px 18px;
	border: none;
	margin-bottom: 12px;
	margin-right: 12px;
	border-radius: 4px;
}
.btn.btn-filter:focus, .btn.btn-filter:active {
	outline: 0 !important;
	border: none;
}
.btn.btn-filter.current {
	background-color: #ec5440;
	color: #fff;
	padding: 8px 18px;
	border: none;
	border-radius: 4px;
}
#masonry-content {
	text-align: center!important;
	width: 100%;
	margin: -32px auto 0;
	display: block;
}
.element-item {
	width: 360px;
	padding: 32px 24px;
	border-bottom: 1px solid #dedede;
	display: inline-block;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.content-cards, .content-coins {
	display: block;
	padding-bottom: 32px;
}
.content-cards .element-item {
	width: 360px;
	padding: 32px 12px 0px;
	border-bottom: none;
}
.content-coins .element-item {
	width: 240px;
	height: 240px;
	padding: 32px 12px 12px;
	border-bottom: none;
}
.content-coins .element-item .element-label {
	width: 210px;
	height: 28px;
	border-radius: 14px;
	text-align: center;
	margin-top: 12px;
	line-height: 28px;
	background-color: #ec5440;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	border-bottom: none;
}
.element-item a.coin-item, .element-tem a.coin-item:hover {
	border-bottom: none;
}
a.coin-item:hover .element-image img {
	-webkit-animation: scale 0.55s ease-in-out 0s;
	-moz-animation: scale 0.55s ease-in-out 0s;
	-o-animation: scale 0.55s ease-in-out 0s;
	animation: scale 0.55s ease-in-out 0s;
}
 @-webkit-keyframes scale {
 33% {
 -webkit-transform: scale(0.85);
}
 66% {
 -webkit-transform: scale(1.1);
}
}
@keyframes scale {
 33% {
 transform: scale(0.85);
}
 66% {
 transform: scale(1.1);
}
}
.element-image .item {
	padding-bottom: 42px;
}
.element-image.card-page .item {
	padding-bottom: 66px;
}
.element-image.card-page .item .item-title, .event-legend {
	display: block;
	width: 100%;
	text-align: center;
	margin: 25px auto 0;
}
.event-legend {
	margin: 25px auto 25px;
}
.element-image.card-page .item .item-title span, .event-legend span {
	width: auto;
	display: inline-block;
	padding: 0 20px;
	background-color: rgba(0,0,0,.55);
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 14px;
}
.event-legend span {
	font-size: 17px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
}
.element-image .carousel ol.carousel-indicators {
	bottom: -25px;
	left: 0;
	right: 0;
	margin: 0 auto 0;
}
.element-image .carousel ol.carousel-indicators li {
	border: none;
	border-radius: 11px;
	width: 11px;
	height: 11px;
	background-color: #ddd;
	background-color: rgba(0,0,0,.35);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: 4px;
	overflow: hidden;
	text-indent: -99999px;
}
.element-image .carousel ol.carousel-indicators .active {
	border: none;
	background-color: #cd0202;
}
.element-content {
	display: block;
}
h5.element-title {
	display: block;
	height: 32px;
	border-left: none;
	font-size: 22px !important;
}
h5.element-title a {
	color: #b09d60;
}
.element-feature {
	height: 180px;
}
/* Card */
.card-item {
	background-color: #f4f4f4;
	border: 1px solid #dedede;
	padding: 0;
	border-radius: 6px;
	text-align: center;
}
.element-item .card-item {
	margin-bottom: 0;
}
h5.card-title {
	border-left: none;
	padding-left: 0;
	padding: 12px 12px 0px;
	margin-bottom: 12px;
	font-size: 17px;
}
.card-rate {
	width: 100%;
	display: block;
	padding-bottom: 10px;
}
.card-rate.card-footer {
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #dedede;
}
.rate-circle {
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	padding: 0;
	text-align: center;
	font-size: 12px;
	margin: 0 5px;
	display: inline-block;
	border-radius: 16px;
}
.rate-circle.rate-circle-default {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #cdcdcd;
}
.rate-circle.rate-circle-rr1, .rate-circle-green {
	background-color: #9eb318;
}
.rate-circle.rate-circle-rr2, .rate-circle-lime {
	background-color: #bcc218;
}
.rate-circle.rate-circle-rr3, .rate-circle-orange {
	background-color: #e99733;
}
.rate-circle.rate-circle-rr4, .rate-circle-pink {
	background-color: #e78175;
}
.rate-circle.rate-circle-rr5, .rate-circle-red {
	background-color: #c66157;
}
.card-body {
	background-color: #fff;
	border-radius: 0 0 6px 6px;
}
/*.card-body .table-vertical-bordered td{
	text-align: left;
}*/
.card-body .card-body-inner {
	padding: 10px 10px;
	text-align: left;
}
.card-body .card-body-inner.fixedH {
	height: 70px;
}
.card-body .card-body-inner.fixedMH {
	height: 180px;
}
.card-body .card-body-inner.fixedNH {
	height: 200px;
}
.card-body .card-body-inner.fixedLH {
	height: 280px;
}
.card-body .card-body-inner.fixedXLH {
	height: 360px;
}
.card-list {
	position: relative;
	padding: 0 8px;
	border-top: 1px solid #dedede;
	background-color: #fff;
	border-radius: 0 0 6px 6px;
}
.card-list-item {
	width: 100%;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedede;
}
.card-list-item:last-child {
	border-bottom: 1px solid transparent;
}
.card-number {
	position: absolute;
	display: block;
	left: 10px;
	z-index: 12;
}
.card-number .btn-card-link {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px !important;
	color: #e24d42 !important;
	padding: 0px 5px;
	height: 50px;
	width: 100px;
	text-align: center;
	line-height: 50px;
	letter-spacing: -2px;
	display: block;
	border: 1px solid #dedede;
	border-radius: 6px;
}
.card-inner {
	padding-left: 116px;
	text-align: left;
	font-size: 15px;
	position: relative;
}
.card-inner i {
	color: #ababab;
	width: 20px;
	text-align: center;
	display: inline-block;
}
.card-note {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 90;
}
.card-action {
	border-top: 1px solid #dedede;
	padding: 12px 8px;
	border-radius: 0 0 6px 6px;
}
.card-action .btn {
	margin-top: 2px;
	margin-bottom: 2px;
}
.card-timeline {
	border-top: 2px solid #dedede;
	padding: 10px;
	height: 160px;
	position: relative;
}
.card-timeline-line {
	position: absolute;
	width: 1px;
	height: 100%;
	display: block;
	background-color: #ec5440;
	left: 30px;
	top: 0;
	z-index: 2;
}
.card-timeline ul {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
}
.card-timeline ul li {
	margin: 0 !important;
	list-style: none;
	padding-left: 40px;
	text-align: left;
	position: relative;
}
.card-timeline ul li:before {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	display: block;
	background-color: #fff;
	border: 2px solid #ec5440;
	content: "";
	left: 15px;
	top: 7px;
	z-index: 3;
}
.card-theme-icon {
	font-size: 32px;
	width: 56px;
	height: 56px;
	line-height: 56px;
	margin: 10px auto 15px;
	background-color: #ec5440;
	border-radius: 50%;
	text-align: center;
	display: block;
	color: #fff;
}
.card-figure {
	border-bottom: 1px solid #dedede;
	text-align: center;
}
.card-figure img {
	width: inherit !important;
}
/* Milestone Timeline */
.milestone-timeline {
	position: relative;
	width: 100%;
	margin: 32px 0% 32px;
	padding-bottom: 64px;
}
.milestone-timeline-line {
	position: absolute;
	width: 2px;
	height: 100%;
	display: block;
	background-color: #ec5440;
	left: 203px;
	top: -20px;
	z-index: 2;
}
.milestone-row {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 32px;
}
.milestone-row:before, .milestone-row:after {
	display: table;
	content: "";
}
.milestone-row:after {
	clear: both;
}
.milestone-col-left {
	width: 170px;
	float: left;
	display: block;
	position: relative;
}
.milestone-col-right {
	display: block;
	position: relative;
	margin-left: 170px;
}
.milestone-year {
	width: 140px;
	background-color: #ec5440;
	color: #fff !important;
	border-radius: 8px 0 0 8px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 0 0 16px;
	position: relative;
	margin-top: 5px;
}
.milestone-year:after {
	position: absolute;
	top: 0;
	right: -15px;
	display: inline-block;
	border-top: 20px solid transparent;
	border-left: 15px solid #ec5440;
	border-bottom: 20px solid transparent;
	content: '';
}
.milestone-content {
	padding-left: 100px;
}
.milestone-content p {
	margin-bottom: 12px;
}
.milestone-content p:last-child {
	margin-bottom: 0px;
}
.milestone-pin {
	position: absolute;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	display: block;
	background-color: #fff;
	border: 2px solid #ec5440;
	content: "";
	left: 25px;
	top: 16px;
	z-index: 3;
}
/* Scope Timeline */
.scope-timeline-line {
	position: absolute;
	width: 2px;
	height: 100%;
	display: block;
	background-color: #ec5440;
	left: 44px;
	top: -12px;
	z-index: 2;
}
.scope-timeline li {
	margin: 0 !important;
	list-style: none !important;
	padding: 6px 0 22px 62px;
	text-align: left;
	font-size: 19px;
	position: relative;
}
.scope-timeline li:last-child {
	padding: 7px 0 0px 62px;
}
.scope-timeline li:before {
	position: absolute;
	width: 39px;
	height: 39px;
	border-radius: 50%;
	display: block;
	background-color: #fff;
	border: 2px solid #ec5440;
	content: "";
	/* counter-increment: section;
    content: counter(section);	*/
	text-align: center;
	left: 10px;
	top: 0px;
	z-index: 3;
	line-height: 35px;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ec5440;
}
.scope-timeline li span.scope-timeline-icon {
	position: absolute;
	width: 43px;
	height: 43px;
	text-align: center;
	line-height: 39px;
	font-size: 22px;
	color: #ec5440;
	left: 8px;
	top: -1px;
	z-index: 4;
}
/* Map */
.responsive-map {
	height: 650px;
	position: relative;
}
.responsive-map img {
	max-width: none !important;
}
.map-thumbnail {
	margin-top: 5px;
}
.map-thumbnail img {
	width: 280px;
	height: auto;
}
.map-content {
	padding: 0px;
	font-family: "微軟正黑體", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}
.map-content h5 {
	font-size: 18px;
	margin-bottom: 5px;
	padding-left: 0;
	border-left: none;
}
.map-content h5 small {
	margin-left: 4px;
}
.map-content p {
	font-size: 14px !important;
	color: #000;
	margin-bottom: 5px !important;
}
.map-direction-holder {
	text-align: right;
}
/* Branch */
ul.branch-nav {
	padding: 0;
	margin: 0;
}
ul.branch-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
ul.branch-nav li a {
	display: block;
	padding: 12px;
	margin: 0;
	color: #252525;
}
ul#branch-nav-overseas.branch-nav li a {
	padding: 12px 12px 36px 12px;
}
ul.branch-nav li a.btn {
	display: inline-block;
}
ul.branch-nav li a:hover {
	background-color: #f6f6f6;
}
ul.branch-nav li h5 {
	margin-bottom: 5px;
	padding-left: 0;
	border-left: none;
	color: #ec5440;
}
ul.branch-nav li h5 small {
	margin-left: 4px;
}
ul.branch-nav li p {
	margin-bottom: 0px !important;
	line-height: 1.5em;
	text-align: left !important;
	font-size: 15px;
}
ul.branch-nav li p .label-circle {
	margin: 5px 5px 0 0;
}
span.branch-code {
	margin-right: 6px;
	border: 1px solid #ec5440;
	border-radius: 3px;
	display: inline-block;
	padding: 0 8px;
	font-size: 20px;
	line-height: 20px;
	font-family: 'Roboto Condensed', sans-serif;
}
/* Scroller */
.owl-theme .owl-controls .owl-pagination {
	position: absolute;
	text-align: center;
	z-index: 99;
	bottom: 4px;
	left: 0;
	right: 0;
	margin: auto;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 6px;
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #869791;
	background-color: rgba(0,0,0,.65);
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;
	background-color: #cd0202;
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	width: 54px;
	height: 54px;
	top: 50%;
	margin-top: -38px;
	opacity: 0.5;
	text-align: center;
	font-size: 54px;
	line-height: 38px;
	z-index: 99;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	opacity: 0.85;
}
#landing-banners .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 8px;
}
#landing-banners .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 8px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: -46px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: -46px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f104";
}
.owl-theme .owl-controls .owl-buttons div.owl-next:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f105";
}
#landing-features .owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 8px !important;
}
#landing-features .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 8px !important;
}
.cards-wrapper .owl-theme .owl-controls .owl-buttons div {
	color: #fff;
}
/* chart */
.chart-holder {
	display: block;
	width: 100%;
	margin: 32px auto;
}
canvas {
	width: 100% !important;
	height: auto !important;
}
/******* 3.3 - Footer ********/
.footer {
	padding: 16px 16px 24px;
	background-color: #304050;
	color: #fff;
	color: rgba(255,255,255,.55);
	font-size: 14px;
	border-bottom: 6px solid #cd0202;
}
.footer-nav {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0;
}
.footer-nav li {
	display: inline-block;
	margin-right: 10px;
}
.footer-nav li a {
	display: block;
	color: #fff;
}
.footer-nav > li.active > a {
	color: #ec5440;
}
.footer-nav > li.dropdown > ul.dropdown-menu {
	bottom: 30px;
	top: auto;
	width: 300px;
}
.footer-nav > li.dropdown > ul.dropdown-menu > li > a {
	color: #353535;
	font-weight: normal;
	padding: 0 25px;
	text-align: left;
	line-height: 30px;
	width: 300px;
	position: relative;
	display: block;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.footer-legal {
	display: block;
	margin-bottom: 24px;
}
.footer-legal span {
	margin-right: 12px;
}
.footer-legal a:hover {
	color: #fff;
}
.btn-footer {
	margin-right: 3px;
	color: #fff;
	background-color: #ec5440;
}
.btn-footer:hover {
	color: #fff;
	background-color: #b42418;
}
.footer-tools .go-top {
	position: fixed;
	bottom: 20px;
	right: 14px;
	padding: 0;
	cursor: pointer;
	z-index: 99;
	background-color: rgba(33,44,55,.75);
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-image: url(../images/go-top.png);
	background-position: center center;
	display: none;
}
.footer-tools .go-top:hover {
	background-color: rgba(33,44,55,.9);
	bottom: 25px;
}
/* Social Nav */
ul.social-nav {
	margin-right: 0px;
	font-size: 0;
}
ul.social-nav li {
	margin-right: 5px;
	display: inline-block;
}
ul.social-nav li a {
	width: 26px;
	height: 26px;
	font-size: 26px;
	display: block;
	color: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: pointer;
}
ul.social-nav li a:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}
/******* 3.3 - Popup ********/
.mfp-bg {
	background: #000;
}
.mfp-container {
	top: -2px;
	padding: 0px;
	margin: 0px;
}
.white-popup {
	width: 80%;
	max-width: 1080px;
	background-color: #fff;
	position: relative;
	margin: 0 auto 0;
}
.popup-content {
	width: 100%;
	padding: 50px 60px 0px;
	min-height: auto;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-moz-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
.mfp-close {
	width: 65px;
	height: 65px;
	line-height: 65px;
	font-size: 48px;
	color: #898989;
	right: 10px;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	margin-top: 30px;
}
.mfp-wrap {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.2s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}
/******* 3.5 - Off-canvas Menu ********/
#main-menu:not( .mm-menu ) {
	display: none;
}
.mm-menu {
	display: none;
}
.mm-listview {
	font-size: 16px;
	color: #252525;
}
.mm-navbar.mm-navbar-top {
	border: none;
}
.mm-navbar .mm-title {
	color: #e24d41!important;
}
.mm-search {
	padding: 0;
}
.mm-search input {
	border-radius: 0;
	padding: 12px;
	height: 50px;
	line-height: 50px;
}
.mm-search ::-webkit-input-placeholder {
color:#565656;
}
.mm-search ::-moz-placeholder {
color:#565656;
}
.mm-search :-ms-input-placeholder {
color:#565656;
}
.mm-search input:-moz-placeholder {
color:#565656;
}
.mm-panels {
	margin-top: 30px;
}
/* # SCROLL MORE
================================================== */
.arrow-down {
	position: absolute;
	bottom: 180px;
	right: 30px;
	font-size: 12px;
	line-height: 2.2em;
	z-index: 99;
	color: #232323;
	text-align: center;
	-moz-transition: all 0.32s;
	-webkit-transition: all 0.32s;
	-ms-transition: all 0.32s;
	-o-transition: all 0.32s;
	transition: all 0.32s;
}
#landing-banners .arrow-down {
	bottom: 10px;
}
#interior-panorama .arrow-down {
	bottom: 30px;
	right: 80px;
}
.arrow-down:hover, .arrow-down:focus, .arrow-down:active {
	text-decoration: none;
	color: #353535;
	color: rgba(0,0,0,.75);
}
.arrow-down:after {
	font-family: 'FontAwesome';
	font-weight: normal;
	content: "\f107";
	display: block;
	font-size: 80px;
	color: #565656;
	color: rgba(0,0,0,.35);
	-moz-transition: all 0.32s;
	-webkit-transition: all 0.32s;
	-ms-transition: all 0.32s;
	-o-transition: all 0.32s;
	transition: all 0.32s;
}
.arrow-down:hover:after {
	color: #353535;
	color: rgba(0,0,0,.75);
}
.arrow-bounce {
	-moz-animation: arrow-bounce 8s infinite;
	-webkit-animation: arrow-bounce 8s infinite;
	animation: arrow-bounce 8s infinite;
}
.arrow-bounce:hover {
	-moz-animation: arrow-bounce 0.1s normal forwards;
	-webkit-animation: arrow-bounce 0.1s normal forwards;
	animation: arrow-bounce 0.1s normal forwards;
}
@-moz-keyframes arrow-bounce {
 0%, 46%, 50%, 54%, 100% {
 -moz-transform: translateY(0);
 transform: translateY(0);
}
 48% {
 -moz-transform: translateY(-30px);
 transform: translateY(-30px);
}
 52% {
 -moz-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@-webkit-keyframes arrow-bounce {
 0%, 46%, 50%, 54%, 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 48% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 52% {
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@keyframes arrow-bounce {
 0%, 46%, 50%, 54%, 100% {
 -moz-transform: translateY(0);
 -ms-transform: translateY(0);
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 48% {
 -moz-transform: translateY(-30px);
 -ms-transform: translateY(-30px);
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 52% {
 -moz-transform: translateY(-15px);
 -ms-transform: translateY(-15px);
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
.color-box .square-title {
	color: #fff !important;
}
/******* iFrame ********/
.iframe-wrapper iframe {
	width: 100%;
	height: 1000px;
}
.responsive-iframe-wrapper {
	position: relative;
	padding-bottom: 50.25%;
	padding-top: 25px;
	height: 0;
}
.responsive-iframe-wrapper.map {
	position: relative;
	padding-bottom: 40.25%;
	padding-top: 0px;
	height: 0;
}
.responsive-iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/******* HR Embeded ********/
.embeded-wrapper img {
	width: inherit !important;
	height: auto !important;
}
.embeded-wrapper select {
	-webkit-appearance: menulist-button!important;
	-moz-appearance: menulist-button!important;
	-ms-appearance: menulist-button!important;
	-o-appearance: menulist-button!important;
	appearance: menulist-button!important;
	padding: 5px 12px;
}
.embeded-wrapper select::-ms-expand {
 display: block!important;
}
.embeded-wrapper ul#headerTr, .embeded-wrapper ul.bodyTr {
	margin: 0!important;
	padding: 12px!important;
}
.embeded-wrapper ul#headerTr {
	padding: 12px 12px 32px!important;
}
.embeded-wrapper #footerTr {
	padding-top: 32px!important;
	display: block!important;
}
/******* Convention Center ********/
.convention-quicklinks {
	width: 100%;
	display: block;
	padding: 0 100px;
	margin: 0 0 30px !important;
}
.convention-link {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #dedede;
	border-radius: 5px;
	margin-bottom: 3px !important;
}
.convention-link-item {
	padding: 0 16px;
	position: relative;
	height: 80px;
	text-align: center;
	transform: scale(1);
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.convention-link:hover, .convention-link:active, .convention-link:focus {
	border: 1px solid #f8bcb4;
	text-decoration: none;
	color: #ec5440;
}
.convention-link:hover .convention-link-item {
	transform: scale(1.1);
}
.convention-quicklink-icon {
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -90px;
	font-size: 24px;
	color: #ec5440;
}
.convention-quicklink-label {
	line-height: 80px;
	font-size: 18px;
	margin-left: 40px;
}
.convention-contact {
	padding: 30px 100px 0px;
	background-color: #efefef;
	width: 100%;
}
.convention-contact img {
	max-width: 100%;
	height: auto !important;
	margin-bottom: 30px;
}
.convention-download {
	width: 100%;
	display: block;
	padding: 30px 30px;
	background-color: #e67979;
}
.convention-download .convention-link {
	border: 1px solid transparent;
	background-color : #e15c5d;
	color: #fff;
}
.convention-download .convention-quicklink-icon {
	color: #ff696a;
	margin-left: 0px;
	left: 10px;
}
.convention-download .convention-quicklink-label {
	margin-left: 66px;
	text-align: left;
}
/* Homepage
================================================== */
.homepage .wrapper {
	overflow: hidden;
	height: 100%;
}
/* Homepage Banenr */
.superslides-lg {
	display : block;
}
.superslides-sm {
	display : none;
}
#superslides {
	position: relative;
	z-index: 2;
	background-color: #fff;
}
#superslides .slides-container {
	display: none;
}
#superslides .scrollable {
 *zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
#superslides .scrollable:after {
	content: "";
	display: table;
	clear: both;
}
#superslides .slides-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -145px;
	width: 100%;
}
#superslides .slides-navigation a {
	position: absolute;
	display: block;
	color: #565656;
	color: rgba(0,0,0,.35);
	font-size: 80px;
	line-height: 1.0em;
	text-align: center;
}
#superslides .slides-navigation a:hover {
	color: #353535;
	color: rgba(0,0,0,.75);
}
#superslides .slides-navigation a.prev {
	left: 0;
	width: 80px;
	height: 80px;
}
#superslides .slides-navigation a.next {
	right: 0;
	width: 80px;
	height: 80px;
}
.slides-pagination {
	position: absolute;
	z-index: 3;
	bottom: 180px;
	text-align: center;
	width: 100%;
}
.slides-pagination a {
	border: none;
	border-radius: 11px;
	width: 11px;
	height: 11px;
	background-color: #ddd;
	background-color: rgba(0,0,0,.35);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: 4px;
	overflow: hidden;
	text-indent: -99999px;
}
.slides-pagination a:hover {
	border: none;
	background-color: #eee;
	background-color: rgba(0,0,0,.75);
}
.slides-pagination a.current {
	border: none;
	background-color: #cd0202;
}
/* Slide Banners */
#homepage-slides.carousel {
	padding-top: 70px;
	height: auto;
	overflow: hidden;
}
#homepage-slides.carousel .item {
	height: auto;
}
#homepage-slides.carousel .item img {
	height: auto;
}
#homepage-slides.carousel a.carousel-control.left, #homepage-slides.carousel a.carousel-control.right {
	background: none;
	text-shadow: none;
	font-size: 54px;
	line-height: 54px;
	width: 50px;
	height: 54px;
	top: 50%;
	margin-top: -27px;
	color: #565656;
	color: rgba(0,0,0,.75);
}
#homepage-slides.carousel ol.carousel-indicators {
	bottom: 5px;
}
#homepage-slides.carousel ol.carousel-indicators li {
	border: none;
	border-radius: 11px;
	width: 11px;
	height: 11px;
	background-color: #ddd;
	background-color: rgba(0,0,0,.35);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: 4px;
	overflow: hidden;
	text-indent: -99999px;
}
#homepage-slides.carousel ol.carousel-indicators .active {
	border: none;
	background-color: #cd0202;
}
.slide-image {
	position: relative;
}
.slide-image img {
	width: 100%;
	max-width: 100%;
	height: auto !important;
}
.slide-content {
	position: absolute;
	top: 28%;
	width: 450px;
	padding: 36px;
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	z-index: 99;
}
.slide-content.h-left {
	left: 100px;
}
.slide-content.h-right {
	right: 100px;
}
.slide-content p {
	color: #000;
}
.slide-content p {
	font-size: 16px;
	line-height: 1.3em;
}
.slide-content.landing {
	top: auto;
	bottom: 0;
	width: 100%;
	padding: 18px 36px 36px;
}
.slide-content.landing h1 {
	width: auto;
	padding-right: 25px;
	display: inline-block;
	border-right: 1px solid #ababab;
}
.slide-content.landing p {
	display: inline-block;
	margin-left: 25px;
}
.btn-slide-more {
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin-top: 22px;
	padding: 8px 18px;
	background-color: #ec5440;
}
.btn-slide-more:hover {
	color: #fff;
	background-color: #b42418;
}
/*.video-wrapper {
	position: relative;
	padding-top: 30px;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-wrapper iframe {
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 100%;
}*/
/* Homepage Features */
#homepage-features {
	position: relative;
	width: 100%;
	margin-top: -160px;
	z-index: 12;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
ul#features-tabs {
	padding: 0;
	margin: 0;
}
ul#features-tabs li.feature-tab {
	padding: 0;
	position: relative;
}
ul#features-tabs li.feature-tab a {
	color: #fff;
	padding: 0 !important;
	height: 80px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	border-color: transparent;
}
ul#features-tabs li.feature-tab:hover {
	transition: all 0.2s ease-in-out;
	transform: scale(1.1);
	z-index: 99;
}
ul#features-tabs li.feature-tab.active a {
	color: #fff;
}
ul#features-tabs li.feature-tab a:after {
	position: absolute;
	bottom: 0px!important;
	right: 0px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: transparent transparent rgba(255,255,255,.3) transparent;
	content: '';
	-moz-transition: all 0.32s;
	-webkit-transition: all 0.32s;
	-ms-transition: all 0.32s;
	-o-transition: all 0.32s;
	transition: all 0.32s;
}
ul#features-tabs li.feature-tab.active a:after, ul#features-tabs li.feature-tab.active:hover a:after {
	border-width: 0;
}
ul#features-tabs li.feature-tab:hover a:after {
	border-width: 0 0 20px 20px;
	border-color: transparent transparent rgba(255,255,255,.5) transparent;
}
ul#features-tabs li.feature-tab.active a, ul#features-tabs li.feature-tab a:hover, ul#features-tabs li.feature-tab a:active, ul#features-tabs li.feature-tab a:focus {
	background-color: transparent;
}
ul#features-tabs li.feature-tab span.feature-icon {
	font-size: 36px;
	display: block;
	text-align: center;
	margin-left: 10px;
	margin-top: 10px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.25);
	box-shadow: inset -1px -1px 0 rgba(255,255,255,.35);
	color: rgba(0,0,0,.28);
	-moz-transition: all 0.32s;
	-webkit-transition: all 0.32s;
	-ms-transition: all 0.32s;
	-o-transition: all 0.32s;
	transition: all 0.32s;
}
ul#features-tabs li.feature-tab:hover span.feature-icon {
	background-color: rgba(255,255,255,.55);
	color: rgba(0,0,0,.58);
}
ul#features-tabs li.feature-tab span.feature-title {
	position: absolute;
	height: 60px;
	left: 80px;
	top: 30px;
	text-align: left;
	font-size: 13px;
}
ul#features-tabs li.feature-tab span.feature-title strong {
	font-size: 19px;
	font-weight: lighter;
	display: block;
	margin-bottom: 5px;
}
.feature-tab-content.tab-content {
	padding: 0;
	margin: 0;
}
.feature-tab-content.tab-content .tab-pane {
	padding: 32px 32px 0 32px;
	margin: 0;
}
.feature-chart-box a.carousel-control.left, .feature-chart-box a.carousel-control.right {
	background: none;
	text-shadow: none;
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	top: 50%;
	margin-top: -12px;
}
.feature-chart-box {
	background: rgba(0,0,0,.12);
	height: 240px;
}
.feature-chart-box-title {
	text-align: center;
	color: #fff;
	padding: 16px 0 32px;
	z-index: 999;
}
.feature-chart-box-title a {
	color: #fff;
	font-size: 18px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.feature-chart-box-title a:hover {
	text-decoration: none;
}
.feature-chart-box-title a:hover:after {
	font-family: 'FontAwesome';
	font-size: 16px;
	margin-left: 10px;
	content: "\f105";
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.feature-chart-box-icon {
	text-align: center;
	font-size: 88px;
	line-height: 88px;
	color: rgba(0,0,0,.15);
	text-decoration: none;
	position: absolute;
	left: 50%;
	margin-left: -44px;
	margin-top: 76px;
}
.feature-chart-box-icon:hover {
	color: rgba(0,0,0,.25);
	text-decoration: none;
}
.feature-chart-item {
	height: 240px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	position: relative;
}
.feature-chart-info {
	padding: 68px 0 0 0;
}
.feature-chart-info.single-row {
	padding: 96px 0 0 0;
}
.feature-chart-info .chart-number {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 49px;
	line-height: 1em;
	letter-spacing: -2px;
	margin: 0 6px;
}
.chart-number-difference {
	position: absolute;
	background: none;
	bottom: 60px;
	right: 20px;
}
.chart-number-difference.chart-green {
	color: #5bf559;
}
.chart-number-difference.chart-red {
	color: #c33739;
}
.feature-chart-info .chart-label {
	background-color: #000;
	background-color: rgba(0,0,0,.35);
	padding: 2px 5px 3px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 14px;
}
.feature-chart-title {
	position: absolute;
	bottom: 16px;
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #333;
}
#homepage-features .panel.panel-default {
	margin: 0 !important;
	border-radius: 0;
	border: none !important;
}
#homepage-features .panel.panel-default .panel-body {
	background-color: transparent;
}
#homepage-features .panel-heading {
	background-color: transparent;
	border: none !important;
	color: #fff;
	margin: 0 !important;
	border-radius: 0;
}
#homepage-features h4.panel-title {
	color: #fff;
	font-size: 12px !important;
}
#homepage-features .panel-heading i {
	margin-right: 10px;
	color: #fff;
}
#homepage-features .panel-body {
	padding: 0 32px 0 32px !important;
	border: none !important;
	margin: 0 !important;
}
#homepage-features .gold, ul#features-tabs li.feature-tab.gold a, #homepage-features .panel.panel-default:first-child {
	background-color: #f4b03e !important;
}
#homepage-features .green, ul#features-tabs li.feature-tab.green a, #homepage-features .panel.panel-default:nth-child(2) {
	background-color: #2ecd71 !important;
}
#homepage-features .olive, ul#features-tabs li.feature-tab.olive a, #homepage-features .panel.panel-default:nth-child(3) {
	background-color: #919d7f !important;
}
#homepage-features .blue, ul#features-tabs li.feature-tab.blue a, #homepage-features .panel.panel-default:nth-child(4) {
	background-color: #3598db !important;
}
#homepage-features .purple, ul#features-tabs li.feature-tab.purple a, #homepage-features .panel.panel-default:nth-child(5) {
	background-color: #9b58b5 !important;
}
/*#homepage-features .emerald, ul#features-tabs li.feature-tab.emerald a {
	background-color: #1bbc9b !important;
}*/
/* Homepage News */
#homepage-news.news-wrapper {
	padding: 48px 0;
}
.newsletter-subscription {
	position: absolute;
	top: 56px;
	right: 96px;
}
.newsletter-subscription .btn-subscription {
	padding: 0;
	font-size: 18px;
	overflow: hidden;
	color: #999;
	border-color: transparent;
}
.newsletter-subscription .btn-subscription:hover {
	color: #333;
}
/* Filter Tags */
.filter-tags {
	margin-top: -10px;
	margin-bottom: 20px;
	display: block;
	font-size: 15px;
}
.filter-head {
	margin-right: 10px;
}
.filter-tag {
	width: auto;
	height: 23px;
	line-height: 22px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 5px;
	color: #fff;
	padding: 0 8px;
	background-color: #4baf4f;
}
/* jQuery Pager */
.pagination-holder {
	margin: 48px auto 48px;
	width: 100%;
	display: block;
	text-align: center;
}
.pagination-holder a {
	font-size: 14px;
	cursor: pointer;
	margin: 0 5px;
	padding: 0 12px;
	height: 32px;
	line-height: 32px;
	background-color: #efefef;
	color: #676767;
	display: inline-block;
	border-radius: 3px;
}
.pagination-holder a:hover {
	color: #000;
	text-decoration: none;
}
.pagination-holder a.jp-current, a.jp-current:hover {
	background-color: #ec5440 !important;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.pagination-holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}
.pagination-holder a.jp-current, a.jp-current:hover, .pagination-holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default;
	background: none;
}
.pagination-holder span {
	margin: 0 5px;
}
/* Ajax Gallery */
.simplegallery .coin-content {
	background: #fff;
	position: relative;
	width: 100%;
	height: 250px;
	text-align: center;
	overflow: hidden;
	border: none;
}
.simplegallery .coin-content img {
	width: 200px;
	display: block;
	margin: 0 auto 0;
	border: none;
}
.simplegallery .coin-thumbnail {
	display: block;
	margin: 0 auto 48px;
	text-align: center;
}
.simplegallery .coin-thumbnail .coin-thumb {
	display: inline-block;
	width: 65px;
	height: 65px;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #cdcdcd;
	position: relative;
}
.simplegallery .coin-thumbnail .coin-thumb img {
	width: 65px;
	display: block;
	padding: 5px;
}
.coin-gift {
	width: 80px !important;
	height: auto !important;
	margin-top: 10px;
	border: 3px solid #dedede;
}
.gift-label {
	position: absolute;
	width: auto;
	font-size: 12px;
	line-height: 1.0em;
	padding: 3px;
	display: block;
	color: #fff;
	border-radius: 3px;
	background-color: #e24d41;
	top: -5px;
	right: -15px;
}
/* Button Color */
.btn-square.yellow-box {
	background: #f1c40f !important;
}
.btn-square.orange-box {
	background: #ff9400 !important;
}
.btn-square.green-box {
	background: #4baf4f !important;
}
.btn-square.blue-box {
	background: #02bad4 !important;
}
.btn-square.purple-box {
	background: #9b58b5 !important;
}
.btn-square.red-box {
	background: #ec5440 !important;
}
.btn-square.metal-box {
	background: #34495e !important;
}
/* Overseas Landing */
.overseas-landing-content {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 400px;
	z-index: 99;
}
.overseas-landing-content h1 {
	color: #fff;
	margin-bottom: 3px;
	padding: 12px;
	background-color: rgba(0,0,0,.25);
}
.overseas-landing-content .btn-square {
	border-radius: 0;
	margin-bottom: 4px;
	background-color: rgba(0,0,0,.55);
	border: none;
}
.overseas-landing-content .btn-square:hover {
	border: none;
}
.overseas-landing-content .btn-square .square-icon, .overseas-landing-content .btn-square .square-label {
	color: #fff !important;
}
/* Feature Color */
.feature-box-content.solid-blue {
	background-color: #3598db;
}
.feature-box-content.solid-turkish-blue {
	background-color: #02bad4;
}
.feature-box-content.solid-orange {
	background-color: #ff5521;
}
.feature-box-content.solid-green {
	background-color: #4baf4f;
}
.feature-box-content.solid-tangerine {
	background-color: #ff9700;
}
.feature-box-content.solid-lemon {
	background-color: #8bc24a;
}
.feature-box-content.solid-emerald {
	background-color: #55d17b;
}
.feature-box-content.transluscent-black {
	background-color: rgba(0,0,0,.6);
}
.feature-box-content.solid-purple {
	background-color: #9b58b5;
}
.feature-box-content.solid-red {
	background-color: #ec5440;
}
.feature-box-content.solid-rose {
	background-color: #e67979;
}
/* Revised HN0002 */
.awards-timeline .milestone-row {
	margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
.awards-timeline .milestone-row .well img {
	margin-bottom: 16px !important;
}
}
/* Revised HN0003 */
.box-panel-footer i {
	font-size: 24px;
}
.touch-screen ul.box-panel-social-share li a.share-line, .touch-screen ul.card-social-share li a.share-line {
	margin-bottom: -4px !important;
}

@media only screen and (max-width: 767px) {
.box-panel-footer i {
	font-size: 28px;
}
}
/* Revised HN0004 */
.element-item {
	min-height: 575px;
}
.content-body .btn {
	margin-bottom: 1px;
}
.btn.btn-filter {
	margin-bottom: 12px;
}
.megamenu.narrow {
	width: 530px;
}
/* Revised HN0005 */
.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li.normal-menu > a {
	font-size: 16px;
	padding: 8px 16px 8px 16px;
}
.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li.normal-menu > a:hover {
	background-color: #eee !important;
}
.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li.normal-menu > a > small {
	font-size: 13px;
	margin-left: 12px !important;
}
.overseas-landing-content h1 small {
	font-size: 24px;
	color: rgba(0,0,0,.45);
	margin-left: 12px !important;
}
/* Revised HN0006 */
.touch-screen ul.box-panel-social-share li a.share-line, .touch-screen ul.card-social-share li a.share-line {
	background-size: 26px 26px;
}
.touch-screen ul.card-social-share li a.share-line {
	margin-bottom: -5px !important;
	background-size: 30px 30px;
}
/* Revised HN0008 */
.landing-page #landing-features .owl-theme .owl-controls .owl-buttons div {
	margin-top: -27px;
	background-color: rgba(255,255,255,.75);
	line-height: 46px;
	border-radius: 50%;
	padding: 0;
}
/* Revised HN0011 */
a.slide-content.landing, a.slide-content.landing:hover, a.slide-content.landing:focus, a.slide-content.landing:active {
	text-decoration: none;
}
a.slide-content.landing:hover {
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
	background-color: rgba(255,255,255,.85);
}
/* Revised HN0012 */
.content-container:before, .content-container:after {
	display: table;
	content: "";
}
.content-container:after {
	clear: both;
}
.overseas-landing-content {
	width: 420px;
	z-index: 99;
}

@media only screen and (max-width: 1360px) {
#homepage-news ul#news-tabs.nav-tabs {
	display: table;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
#homepage-news ul#news-tabs.nav-tabs > li {
	float: none;
	display: inline-block;
}
}

@media only screen and (max-width: 990px) {
a.quicklink-item span.quicklink-label {
	margin-bottom: 20px;
}
}

@media only screen and (max-width: 767px) {
.content-body p {
	text-align: inherit;
}
.footer {
	font-size: 14px !important;
}
.overseas-landing-content {
	width: 350px;
	left: 30px;
	top: 30px;
}
.overseas-landing-content h1 > small {
	display: block;
	margin-left: 0 !important;
	margin-top: 5px !important;
	font-size: 18px !important;
}
}

@media only screen and (max-width: 550px) {
.overseas-landing-content {
	width: 90%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.quicklinks-wrapper {
	padding: 32px 10px;
}
}
/* Revised HN0015 */
.well.content-panel.no-border {
	padding: 0;
	margin-bottom: 32px;
}
.well.content-panel.no-border:hover {
	box-shadow: none;
}
/* Revised HN0016 */
.overseas-landing-content h1 {
	color: #fff;
	margin-bottom: 3px;
	padding: 12px;
	background-color: rgba(0,0,0,.35);
}
.overseas-landing-content .btn-square {
	border-radius: 0;
	margin-bottom: 4px;
	background-color: rgba(0,0,0,.65);
	border: none;
}
.overseas-landing-content h1 small {
	font-size: 18px !important;
	color: #fff !important;
	color: rgba( 255,255,255,.5) !important;
	display: block;
	margin-left: 0 !important;
	padding-left: 0 !important;
	letter-spacing: 0px;
}
.footer-legal img {
	margin: 5px 0 !important;
}
/* Revised HN0017 */
.branch-home-wrapper {
	height: 820px !important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
.branch-home-wrapper {
	height: 920px !important;
}
}
/* Revised HN0021 */
.content-coins .element-item {
	min-height: 10px;
}
/* Revised HN0022 */
.box-panel:hover .box-panel-footer {
	display: none;
}
.megamenu-facebook-short .menu-login {
	margin-top: 0px !important;
}
.megamenu-facebook-full .menu-login {
	margin-top: 10px;
}
/* Revised HN0024 */
.circle-icon-image i {
	color: #e24d41 !important;
	line-height: 178px;
	font-size: 68px;
	-moz-transition: all 0.22s;
	-webkit-transition: all 0.22s;
	-ms-transition: all 0.22s;
	-o-transition: all 0.22s;
	transition: all 0.22s;
}
a.circle-link:hover .circle-icon-image i {
	color: #e24d41 !important;
	text-decoration: none!important;
	font-size: 72px;
}
a.circle-link:hover .circle-icon-title {
	color: #e24d41 !important;
	text-decoration: none!important;
}

@media only screen and (max-width: 1160px) {
.circle-icon-image i {
	line-height: 158px;
	font-size: 60px;
}
a.circle-link:hover .circle-icon-image i {
	font-size: 64px;
}
}

@media only screen and (max-width: 1023px) {
.circle-icon-image i {
	line-height: 148px;
	font-size: 56px;
}
a.circle-link:hover .circle-icon-image i {
	font-size: 60px;
}
}

@media only screen and (max-width: 990px) {
.circle-icon-image i {
	line-height: 178px;
	font-size: 68px;
}
a.circle-link:hover .circle-icon-image i {
	font-size: 72px;
}
}

@media only screen and (max-width: 540px) {
.circle-icon-image i {
	line-height: 148px;
	font-size: 56px;
}
a.circle-link:hover .circle-icon-image i {
	font-size: 60px;
}
}

@media only screen and (max-width: 480px) {
.circle-icon-image i {
	line-height: 118px;
	font-size: 46px;
}
a.circle-link:hover .circle-icon-image i {
	font-size: 50px;
}
}

@media only screen and (max-width: 768px) {
.table-mobile-box td {
	padding: 8px !important;
	padding-left: 43% !important;
	min-height: 60px !important;
}
}
/* Revised HN0026 */
.cards-wrapper .box-panel:hover .box-panel-footer {
	display: block;
}
.tab-accordion-links {
	margin-top: -30px;
}
/* Revised HN0027 */
.recommended-cards-wrapper .box-panel:hover .box-panel-footer {
	display: block;
}
/* Revised HN0029 */
li.megamenu-container ul li.menu-login .red-box {
	background-color: #4baf4f !important;
}

@media screen and (max-width: 767px) {
.table.table-vertical-bordered .table-hncb tr td {
	display: block;
	width: 100%;
}
.table.table-vertical-bordered .table-hncb tr td.td-title {
	font-weight: bold !important;
	font-size: 18px !important;
	color: #ec5440 !important;
	border-bottom: 2px solid #ccc !important;
}
}

/* Revised HN0030 */
@media screen and (max-width: 768px) {
.table-mobile-box {
	border: 2px solid #dedede;
	border-width: 3px 4px 2px 4px;
}
.table-mobile-box td {
	border-left: none !important;
}
}

/* Revised HN0031 */
@media only screen and (max-width: 414px) {
.table-mobile-box td.td-height-3x {
	min-height: 80px !important;
}
}
/* Revised HN0032 */
.overseas-landing-content .btn-square.btn-content {
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.overseas-landing-content .btn-square.btn-content .square-content span.square-label {
	display: block;
	top: auto;
	margin-top: 10px;
}
.overseas-landing-content .btn-square.btn-content:hover .square-content .square-icon, .overseas-landing-content .btn-square.btn-content:hover .square-content span.square-label {
	color: #fff !important;
}
/* Revised HN0035 */
.content-body img.fixed-size {
	width: 100%;
	height: auto !important;
}
/* Revised HN0037 */
.border-left {
	border-left: 1px solid #ddd!important;
}
/* Revised HN0038 */
.content-body img.fixed-size {
	width: inherit;
	height: auto !important;
}
img.img-responsive {
	width: 100%;
	max-width: 100%;
	height: auto !important;
}
/* Revised HN0039*/
.header {
	border-top: none;
}
.header .navbar {
	background-color: #cd0202;
}
.navbar-default {
	color: #fff;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li.active > a {
	color: #fff;
	background-color: #cd0202;
}
.navbar-default .navbar-nav > li.menu-dark > a {
	background-color: #bf0202;
}
.navbar-default .navbar-nav > li.menu-darker > a {
	background-color: #a90101;
}
.navbar-default .navbar-nav > li.menu-darkerr > a {
	background-color: #9a0101;
}
.navbar-default .navbar-nav > li.menu-darkest > a {
	background-color: #870101;
}
.navbar-default .navbar-nav > li:hover > a, 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:active, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active:hover > a {
	background-color: #730101 ;
	color: #fff;
}
.navbar-default .navbar-nav > li.active > a:before {
	height: 3px;
	background-color: #000;
	background-color: rgba(0,0,0,.55);
}
.navbar-default .navbar-nav > li.menu-icon.menu-facebook > a > i{
	color: #fff !important;
}
.navbar-default .navbar-nav > li.dropdown:hover > a:after, 
.navbar-default .navbar-nav > li.dropdown > a:hover:after, 
.navbar-default .navbar-nav > li.dropdown:hover > a:after,
.navbar-default .navbar-nav > .open > a:after,
.navbar-default .navbar-nav > .open > a:focus:after {
	position: absolute;
	top: 50px;
	right: 0px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #fff transparent;
	content: '';
	z-index: 99999;
	-moz-transition: all 0.52s;
	-webkit-transition: all 0.52s;
	-ms-transition: all 0.52s;
	-o-transition: all 0.52s;
	transition: all 0.52s;
}
.btn-mobile-nav, .btn-mobile-nav:focus, .btn-mobile-nav:active {
	color: #fff;
}
ul#features-tabs li.feature-tab span.feature-title strong{
	color: #000;
	/*color: rgba(0,0,0,.99);*/
	font-size: 19px;
}
ul#features-tabs li.feature-tab span.feature-icon {
	background-color: rgba(255,255,255,.55);
	box-shadow: inset -1px -1px 0 rgba(255,255,255,.55);
	color: rgba(0,0,0,.38);
}
#homepage-features .gold, ul#features-tabs li.feature-tab.gold a, #homepage-features .panel.panel-default:first-child {
	background-color: #f6c065 !important;
}
#homepage-features .green, ul#features-tabs li.feature-tab.green a, #homepage-features .panel.panel-default:nth-child(2) {
	background-color: #73dda0 !important;
}
#homepage-features .olive, ul#features-tabs li.feature-tab.olive a, #homepage-features .panel.panel-default:nth-child(3) {
	background-color: #bec6b5 !important;
}
#homepage-features .blue, ul#features-tabs li.feature-tab.blue a, #homepage-features .panel.panel-default:nth-child(4) {
	background-color: #8dc6eb !important;
}
#homepage-features .purple, ul#features-tabs li.feature-tab.purple a, #homepage-features .panel.panel-default:nth-child(5) {
	background-color: #bf91d0 !important;
}
ul#features-tabs li.feature-tab.gold span.feature-icon{
	color: #f4b03e !important;
}
ul#features-tabs li.feature-tab.green span.feature-icon {
	color: #2ecd71 !important;
}
ul#features-tabs li.feature-tab.olive span.feature-icon {
	color: #919d7f !important;
}
ul#features-tabs li.feature-tab.blue  span.feature-icon{
	color: #3598db !important;
}
ul#features-tabs li.feature-tab.purple span.feature-icon {
	color: #9b58b5 !important;
}
#homepage-features h4.panel-title a span.feature-title strong{
	color: #000;
	/*color: rgba(0,0,0,.65);*/
	font-size: 18px;
	/*font-weight: bold !important;*/
}
#homepage-features .panel-heading span.feature-icon{
	padding:0;
}
#homepage-features .panel-heading span.feature-icon i{
	color: #000;
	color: rgba(0,0,0,.5);
}
.feature-chart-box-title a{
	color: #000;
	/*color: rgba(0,0,0,.65);
	font-weight: bold;*/
	border-bottom: 1px dotted #898989;
}
.feature-chart-box-title a:hover{
	border-bottom: 1px dotted #252525;
}
.btn-square.yellow-box {
	background: #f4d03f !important;
}
.btn-square.orange-box {
	background: #ffa933 !important;
}
.btn-square.green-box {
	background: #6fbf72 !important;
}
.btn-square.blue-box {
	background: #35c8dd !important;
}
.btn-square.purple-box {
	background: #af79c4 !important;
}
.btn-square.red-box {
	background: #f07666 !important;
}
.btn-square.metal-box {
	background: #5d67de !important;
}
li.megamenu-container ul li.menu-login .red-box {
	background-color: #6fbf72 !important;
}
.footer {
	color: #dedede;
	background-color: #585b69;
}
.footer-nav li a{
	color: #fff;
	border-bottom: 1px dotted #9a9a9a;
}
.footer-nav li a:hover{
	text-decoration: none;
	color:#ec8a7d;
	border-bottom: 1px dotted #ec8a7d;
}
/* Revised HN0040*/
/* Loading */
.loading {
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -45px;
	margin-top: -45px;
	border-bottom: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid #cdcdcd;
	border-top: 3px solid #cdcdcd;
	border-radius: 100%;
	height: 90px;
	width: 90px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
}
.loading-logo {
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -38px;
	margin-top: -38px;
	height: 76px;
	width: 76px;
	background: url(../images/logo-loading.png) no-repeat center center;
}
@keyframes "spin" {
 from {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(359deg);
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -ms-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
 @-moz-keyframes spin {
 from {
 -moz-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -moz-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
 @-webkit-keyframes "spin" {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
 @-ms-keyframes "spin" {
 from {
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -ms-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
 @-o-keyframes "spin" {
 from {
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 to {
 -o-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
.float-pane {
	position: fixed;
	right: 14px;
	bottom: 85px;
	z-index: 9999;
}
.btn-float-pane {
	display:block;
	height: 60px;
	width:60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	padding-right: 60px;
	border-radius: 30px;
	background-image: url(../images/icon-customer-service.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-color: #000;
	background-color: rgba(33,44,55,.75);
	-moz-transition: all 0.22s;
	-webkit-transition: all 0.22s;
	-ms-transition: all 0.22s;
	-o-transition: all 0.22s;
	transition: all 0.22s;
	overflow: hidden;
}
.btn-float-pane span{
	display: none;
}
.btn-float-pane:hover {
	width:180px;
	background-color: rgba(33,44,55,.9);
	text-decoration: none !important;
}
.btn-float-pane:hover span {
	display: inline-block;
	padding-left: 20px;
	color:#fff;
	text-decoration: none !important;
}

/* Revised HN0041*/
.branch-home-wrapper {
	height: calc(100vh - 70px)!important;
	display: block;
}
.footer-overseas {
	position: absolute;
	width: 100%;
	padding: 16px !important;
	bottom: 0;
}
.footer-overseas .footer-legal{
	margin-bottom:0;
}
@media screen and (max-width: 768px) {
.branch-home-wrapper {
	height: 1200px !important;
}
.footer-overseas {
	position: relative !important;
	bottom: auto;
}
.overseas-landing-content {
	padding-bottom: 30px;
	position: relative !important;
}
}
@media screen and (max-width: 500px) {
.branch-home-wrapper {
	height: 800px !important;
}
}
/* Revised HN0044*/
.table.table-vertical-bordered tr td {
word-break: break-all;
}
/*20161017*/
@media only screen and (max-width:767px) {
.news-tab-content{
	padding:0;
}
#landing-news .tab-content{
	padding:30px;
}
}
@media only screen and (max-width:550px){
.card-event-wrapper > .row > .col-xs-6 {
	width: 100%;
}
}
.card-event-wrapper .box-panel .box-panel-image{
	height: auto;
}
@media only print {
h5 {
	font-size:20px;
}
h6{
	font-size:18px;
}
.navbar-header a:after{
	content:""!important;
}
thead {
	display:table-row-group;
}
}
/* Revised HN0047*/
@media only screen and (max-width: 667px) {
.landing-banner-box.home-landing {
	height: 480px !important;
}
.slide-content {
	padding: 12px 12px 48px!important;
	bottom: 0px!important;
}
}
@media only screen and (max-width: 414px) {
.landing-banner-box.home-landing {
	height: 400px !important;
}
}
@media only screen and (min-width: 1080px) and (min-height: 1680px){
.superslides-lg {
	display : none;
}
.superslides-sm {
	display : block;
}
.homepage .banners-wrapper {
	height: 780px;
}
.homepage .owl-theme .owl-controls .owl-pagination {
	bottom: 40px;
}
.landing-banner-box{
	height: 540px !important;
}
}