/* @import "./theme-logged.css"; */
body a {
	outline: none;
	cursor: pointer; 
	text-decoration:none !important;
}

li {
	line-height: 24px;
}
.btn {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.border-radius-true { border-radius:4px!important;}

/* Responsive */
/* rem設置 */
@media (max-width: 460px) {
	html {
	  font-size: 10px;
	}
	
  }
  @media (max-width: 640px) {
	html {
	  font-size: 12px;
	}
  }

@media (max-width: 479px) {
	body {
		font-size: 13px;
	}
}
/* Header */
#header {
	position: relative;
	z-index: 100;
}
#header .header-body {
	background-color: #FFF;
	/* height: 11.07rem; */
	/* padding: 8px 0; */
	-webkit-transition: min-height 0.3s ease;
	-moz-transition: min-height 0.3s ease;
	transition: min-height 0.3s ease;
	width: 100%;
	z-index: 1001;
}

#header .container {
	position: relative;
}

#header .header-container {
	position: relative;
	display: table;
}

#header .header-top {
	position: relative;
	z-index: 4;
}

#header .header-top::after {
	clear: both;
	content: "";
	display: table;
}

#header .header-top p {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	line-height: 37px;
	float: left;
}

#header .header-top p .fa, #header .header-top p .icons {
	position: relative;
	top: 1px;
}

#header .header-top .header-search {
	float: right;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 0;
}

#header .header-top .header-nav-top {
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: 10px;
}

#header .header-top .header-social-icons {
	margin-top: 3px;
}

#header .header-top.header-top-colored {
	margin-top: -13px;
	border-top: 5px solid #CCC;
	border-bottom: 0;
	color: #FFF;
}

#header .header-top.header-top-colored p, #header .header-top.header-top-colored a, #header .header-top.header-top-colored span {
	color: #FFF;
}

#header .header-top.header-top-colored .form-control {
	border: 0;
}

#header .header-top.header-top-style-2 {
	background: #f6f6f6;
	margin-top: -16px;
}

#header .header-top.header-top-style-3 {
	margin-top: -16px;
	margin-bottom: 10px;
}

#header .header-top.header-top-style-4 {
	background: #E4E6ED;
	margin-top: -16px;
	margin-bottom: 10px;
	border-bottom: 0;
}

#header .header-row {
	display: table-row;
	clear: both;
}

#header .header-column {
	display: table-cell;
	vertical-align: middle;
}

#header .header-column .row {
	margin: 0;
}

#header .header-column .header-row {
	display: block;
	clear: right;
}

#header .header-column .header-extra-info {
	list-style: outside none none;
	margin: 24px 0 0;
	padding: 0;
	float: right;
}

#header .header-column .header-extra-info li {
	display: inline-block;
	margin-left: 25px;
}

#header .header-column .header-extra-info li .feature-box small {
	position: relative;
	top: -4px;
}

#header .header-column.header-column-valign-top {
	vertical-align: top;
}

#header .header-column.header-column-valign-bottom {
	vertical-align: bottom;
}

#header .header-column.header-column-center {
	text-align: center;
}

#header .header-column.header-column-center .header-logo {
	width: 100% !important;
	padding: 9px 0;
}

#header .header-logo {
	float: left;
	position: relative;
}

#header .header-logo img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	margin: 15px 15px 15px 0;
	top: 0;
}

#header .header-nav-top {
	float: right;
	/* margin-top: 10px;
	margin-left: 10px; */
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
	color: #FFF;
	/* font-size: 0.9em;
	padding: 6px 10px; */
	display: inline-block;
}

#header .header-nav-top .nav > li > a .fa, #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span .fa, #header .header-nav-top .nav > li > span .icons {
	/* margin-right: 3px; */
	position: relative;
	top: 1px;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
	color:#666;
	background: #EEE;
}

#header .header-nav-top .nav > li.open > .dropdown-menu-toggle {
	border-radius: 4px 4px 0 0;
}

#header .header-nav-top .dropdown-menu {
	border-color: #EEE;
	margin-top: -2px;
	border-radius: 4px 0 4px 4px;
	padding: 0;
}

#header .header-nav-top .dropdown-menu a {
	color: #999;
	padding: 6px 12px;
	font-size: 0.9em;
}

#header .header-nav-top .flag {
	margin-right: 2px;
}

#header .header-search {
	float: right;
	/* margin-top: 10px;
	margin-left: 10px; */
}

#header .header-search .form-control {
	border-radius: 0;
	font-size: 0.9em;
	height: 34px;
	margin: 0;
	padding: 6px 12px;
	-webkit-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	transition: width 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	width: 170px;
}

#header .header-search .btn-default {
	background: transparent;
	border: 0 none;
	color: #CCC;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}

#header .header-search .btn-default:hover {
	color: #000;
}

#header .header-social-icons {
	float: right;
	margin: 15px 0 0 10px;
}

#header .header-btn-collapse-nav {
	background:#99bf64;
	color: #FFF;
	display: none;
	float: right;
	margin: 12px 0 8px 15px;
}

#header.header-narrow .header-body {
	min-height: 0;
}

#header.header-narrow .header-logo img {
	margin: 12px 12px 12px 0;
}

#header.header-narrow .header-nav-main {
	margin-bottom: 0;
}

#header.header-no-border-bottom .header-body {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

html:not(.boxed) #header.header-full-width .header-container {
	width: 100%;
}

html #header.header-transparent {
	min-height: 0 !important;
	width: 100%;
	position: absolute;
}

html #header.header-transparent .header-body {
	position: relative;
	top: 0;
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	box-shadow: none;
}

html #header.header-transparent .header-body:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #FFF;
	opacity: 0;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

html.sticky-header-enabled #header.header-transparent .header-body {
	position: fixed;
}

html.sticky-header-active #header.header-transparent .header-body {
	border-bottom: 0;
	box-shadow: none;
}

html.sticky-header-active #header.header-transparent .header-body:before {
	opacity: 1;
}

html #header.header-semi-transparent, html #header.header-semi-transparent-light {
	min-height: 0 !important;
	width: 100%;
	position: absolute;
}

html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body {
	position: relative;
	top: 0;
	background: transparent;
	border-top: 0;
	border-bottom: 0;
	box-shadow: none;
}

html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	border-bottom: 0;
	opacity: 0.3;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

html.sticky-header-enabled #header.header-semi-transparent .header-body {
	position: fixed;
}

html.sticky-header-active #header.header-semi-transparent .header-body {
	border-bottom: 0;
	box-shadow: none;
}

html.sticky-header-active #header.header-semi-transparent .header-body:before {
	opacity: 0.8;
}

html #header.header-semi-transparent-light .header-body:before {
	opacity: 0.1;
	background: #FFF;
}

html.sticky-header-enabled #header.header-semi-transparent-light .header-body {
	position: fixed;
}

html.sticky-header-active #header.header-semi-transparent-light .header-body {
	border-bottom: 0;
	box-shadow: none;
}

html.sticky-header-active #header.header-semi-transparent-light .header-body:before {
	border-bottom: 1px solid #f1f1f1;
	opacity: 0.9;
}

html #header.header-transparent-bottom-border .header-body {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

html.sticky-header-active #header .header-body {
	/*position: fixed;
	border-bottom-color: #313146;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);*/
}

html:not(.sticky-header-active) #header.header-transparent-sticky-deactive .header-body:before {
	background: transparent !important;
}

/* Header Nav Main */
@media (min-width: 992px) {
	#header .header-nav-main {
		float: right;
		/* margin: 12px 0 0;
		min-height: 45px; */
		margin: 24px -10px -5px;
    	min-height: 72px;
	}

	#header .header-nav-main nav > ul > li > a {
		border-radius: 4px;
		font-size: 1.14em;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
		padding: 10px 13px;
		text-transform: uppercase;
	}

	#header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
		background: transparent;
	}

	#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
		display: none;
	}

	#header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
		border-color: #CCC transparent transparent transparent;
		border-style: solid;
		border-width: 4px;
		content: " ";
		float: right;
		/* margin-top: 7px; */
		margin-left: 4px;
	}

	#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
		/* background: #CCC; */
		color: #739a3c;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		top: -10000px;
		display: block;
		opacity: 0;
		left: auto;
		border-radius: 0 4px 4px 0; 
		border: 0;
		border-top: 5px solid #9ABF65;
		box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08);
		margin: 0 0 0 -1px;
		min-width: 200px;
		padding: 5px;
		text-align: left;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		border-bottom: 1px solid #f4f4f4;
		color: #777;
		font-size: 0.9em;
		font-weight: 400;
		padding: 8px 20px 8px 8px;
		position: relative;
		text-transform: none;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
		position: relative;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down {
		display: none;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #CCC;
		border-style: solid;
		border-width: 4px 0 4px 4px;
		content: " ";
		display: block;
		float: right;
		height: 0;
		margin-right: -10px;
		margin-top: 5px;
		width: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		display: block;
		left: 100%;
		margin-top: -10px;
		margin-left: -1px;
		border-radius: 4px;
		opacity: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
		top: 0;
		opacity: 1;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
		border-bottom: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
		padding-bottom: 15px;
	}

	#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		top: auto;
		display: block;
		opacity: 1;
	}

	#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a {
		padding-right: 8px;
		padding-left: 20px;
	}

	#header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
		left: 8px;
		border-width: 5px 5px 5px 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega {
		position: static;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
		border-radius: 4px;
		left: 15px;
		right: 15px;
		width: auto;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
		padding: 20px 30px;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
		color: #333333;
		display: block;
		font-size: 1em;
		font-weight: 600;
		margin-top: 20px;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
		margin-top: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
		border: 0 none;
		border-radius: 4px;
		color: #777;
		display: block;
		font-size: 0.9em;
		font-weight: normal;
		margin: 0 0 0 -8px;
		padding: 3px 8px;
		text-shadow: none;
		text-transform: none;
		text-decoration: none;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
		background: #f4f4f4;
	}

	#header .header-nav-main.header-nav-main-square {
		margin-bottom: -9px;
	}

	#header .header-nav-main.header-nav-main-square nav > ul > li > a {
		border-radius: 0;
	}

	#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
		margin-top: 0;
		border-radius: 0;
	}

	#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		border-radius: 0;
	}

	#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu {
		border-radius: 0;
	}

	#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
		border-radius: 0;
	}

	#header .header-nav-main a > .thumb-info-preview {
		position: absolute;
		display: block;
		left: 100%;
		opacity: 0;
		border: 0;
		padding-left: 10px;
		background: transparent;
		overflow: visible;
		margin-top: 15px;
		top: -10000px;
		-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transform: translate3d(-20px, 0, 0);
	}

	#header .header-nav-main a > .thumb-info-preview .thumb-info-wrapper {
		background: #FFF;
		display: block;
		border-radius: 4px;
		border: 0;
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		margin: 0;
		padding: 4px;
		text-align: left;
		width: 190px;
	}

	#header .header-nav-main a > .thumb-info-preview .thumb-info-image {
		transition: all 6s linear 0s;
		width: 182px;
		height: 136px;
		min-height: 0;
	}

	#header .header-nav-main a:hover > .thumb-info-preview {
		transform: translate3d(0, 0, 0);
		top: 0;
		opacity: 1;
		margin-top: -5px;
	}

	#header .header-nav-main .dropdown-reverse a > .thumb-info-preview {
		transform: translate3d(20px, 0, 0);
		right: 100%;
		left: auto;
		padding-left: 0;
		margin-right: 10px;
	}

	#header .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview {
		transform: translate3d(0, 0, 0);
	}

	#header .header-nav {
		display: block !important;
	}

	#header .header-nav.header-nav-stripe {
		margin-bottom: -9px;
	}

	#header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
		background: transparent;
		padding: 70px 13px 24px;
		margin: -5px 0 0;
	}

	#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle:after {
		top: 72px;
	}

	#header .header-nav.header-nav-stripe nav > ul > li > a {
		color: #444;
	}

	#header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after {
		border-color: #444 transparent transparent transparent;
	}

	#header .header-nav.header-nav-stripe nav > ul > li:hover > a {
		color: #FFF;
	}

	#header .header-nav.header-nav-stripe .header-social-icons {
		margin-top: 70px;
	}

	#header .header-nav.header-nav-top-line {
		margin-bottom: -9px;
	}

	#header .header-nav.header-nav-top-line nav > ul > li > a, #header .header-nav.header-nav-top-line nav > ul > li:hover > a {
		background: transparent;
		color: #444;
		padding: 65px 13px 24px;
		margin: 0;
	}

	#header .header-nav.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-top-line nav > ul > li:hover > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 5px;
		top: -16px;
		left: -5px;
		opacity: 0;
	}

	#header .header-nav.header-nav-top-line nav > ul > li.active > a:before, #header .header-nav.header-nav-top-line nav > ul > li:hover > a:before {
		opacity: 1;
	}

	#header .header-nav.header-nav-top-line nav > ul > li > a.dropdown-toggle:after {
		border-color: #444 transparent transparent transparent;
	}

	#header .header-nav.header-nav-top-line .header-social-icons {
		margin-top: 70px;
	}

	#header .header-nav.header-nav-dark-dropdown {
		margin-bottom: -9px;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
		background: transparent;
		color: #444;
		padding: 65px 13px 24px;
		margin: 0;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after {
		border-color: #444 transparent transparent transparent;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a {
		border-bottom-color: #2a2a2a;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu {
		background: #1e1e1e;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a {
		color: #969696;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, #header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus {
		background: #282828;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title {
		color: #ababab;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
		background: #282828;
	}

	#header .header-nav.header-nav-dark-dropdown .header-social-icons {
		margin-top: 70px;
	}

	#header .header-nav.header-nav-center .header-nav-main {
		float: none;
		margin: 0;
	}

	#header .header-nav.header-nav-center .header-nav-main > nav {
		width: 100%;
		text-align: center;
	}

	#header .header-nav.header-nav-center .header-nav-main > nav > ul > li {
		display: inline-block;
		float: none;
		text-align: left;
	}

	#header .header-nav-main {
		display: block !important;
		height: auto !important;
	}

	#header .header-nav-bar {
		background: #F4F4F4;
		padding: 0 10px 5px;
		/*margin-bottom: 0;*/
		margin-top: 39px;
	}

	#header .header-nav-bar .header-nav-main {
		float: left;
		margin-bottom: 0;
	}
}
/* Header Narrow */
@media (min-width: 992px) {
	#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
		padding: 35px 13px 30px;
		margin: -12px 0 0;
	}

	#header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a.dropdown-toggle:after, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a.dropdown-toggle:after {
		top: 42px;
	}

	#header.header-narrow .header-nav.header-nav-stripe .header-social-icons, #header.header-narrow .header-nav.header-nav-dark-dropdown .header-social-icons {
		margin-top: 30px;
	}

	#header.header-narrow .header-nav.header-nav-top-line nav > ul > li > a, #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover > a {
		padding: 22px 13px 30px;
		margin: 5px 0 0;
	}

	#header.header-narrow .header-nav.header-nav-top-line nav > ul > li > a.dropdown-toggle:after, #header.header-narrow .header-nav.header-nav-top-line nav > ul > li:hover > a.dropdown-toggle:after {
		top: 22px;
	}

	#header.header-narrow .header-nav.header-nav-top-line .header-social-icons {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {
	#header .header-nav-main.header-nav-main-light nav > ul > li > a {
		color: #FFF;
	}

	#header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
		background: #FFF;
	}

	#header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu {
		border-top-color: #FFF;
		box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05);
	}

	#header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
		border-top-color: #FFF;
	}

	#header .header-nav-main.header-nav-main-light nav > ul > li.active > a {
		background: #FFF;
	}

	#header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus {
		background: #f5f5f5;
	}
}

@media (min-width: 992px) {
	#header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a {
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
		transition: transform 0.2s ease-out;
		transform: translate3d(0, -5px, 0);
	}

	#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a {
		transform: translate3d(0, 0, 0);
	}

	#header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu {
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
		transition: transform 0.2s ease-out;
		transform: translate3d(0, -5px, 0);
	}

	#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 992px) {
	#header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu {
		-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transform: translate3d(0, -5px, 0);
		opacity: 0;
	}

	#header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu {
		transform: translate3d(0, -1px, 0);
		opacity: 1;
	}
}

@media (min-width: 992px) {
	#header .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu {
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
		transition: transform 0.2s ease-out;
		transform: translate3d(0, 10px, 0);
	}

	#header .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu {
		transform: translate3d(0, 0, 0);
	}
}

@media (min-width: 992px) {
	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transform: translate3d(-20px, 0, 0);
		opacity: 0;
	}

	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
		transition: transform 0.2s ease-out, opacity 0.2s ease-out;
		transform: translate3d(20px, 0, 0);
		left: auto;
		right: 100%;
		opacity: 0;
	}

	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
/* Header Nav Main Mobile */
@media (max-width: 991px) {
	#header .header-nav-main {
		background: transparent;
		clear: both;
		float: none;
	}

	#header .header-nav-main nav {
		margin: 0 0 6px;
	}

	#header .header-nav-main nav > ul li {
		border-bottom: 1px solid #e8e8e8;
		clear: both;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#header .header-nav-main nav > ul li a {
		font-size: 14px;
		font-weight: 200;
		line-height: 20px;
		padding: 10px;
		margin: 1px 0;
		border-radius: 4px;
	}

	#header .header-nav-main nav > ul li a .fa-caret-down {
		line-height: 35px;
		min-height: 38px;
		min-width: 30px;
		position: absolute;
		right: 5px;
		text-align: center;
		top: 0;
	}

	#header .header-nav-main nav > ul li.dropdown .dropdown-menu {
		background: transparent;
		padding: 0;
		margin: 0;
		font-size: 13px;
		box-shadow: none;
		border-radius: 0;
		border: 0;
		clear: both;
		display: none;
		float: none;
		position: static;
	}

	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.opened > .dropdown-menu {
		display: block;
		margin-left: 20px;
	}

	#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
		display: block;
		margin-left: 20px;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
		margin-top: 10px;
		display: block;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
	}

	#header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
		display: block;
		text-decoration: none;
	}

	#header .header-nav-main nav > ul li:last-child {
		border-bottom: 0;
	}

	#header .header-nav-main nav > ul > li > a {
		text-transform: uppercase;
		font-weight: 700;
		margin-top: 1px;
		margin-bottom: 1px;
	}

	#header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover {
		color: #FFF;
	}

	#header .header-nav-main nav .not-included {
		margin: 0;
	}

	#header .header-nav-main a > .thumb-info-preview {
		display: none !important;
	}

	#header .header-btn-collapse-nav {
		outline: 0;
		display: block;
	}

	#header .header-nav-bar {
		margin: 0 auto;
	}

	#header .header-nav-bar .header-btn-collapse-nav {
		margin-top: 14px;
	}

	#header.header-transparent .header-nav-main {
		padding: 10px;
		margin-bottom: 10px;
		background: #FFF;
		border-radius: 4px;
	}

	#header.header-semi-transparent .header-nav-main {
		padding: 10px;
		margin-bottom: 10px;
		background: #FFF;
		border-radius: 4px;
	}

	#header.header-semi-transparent-light .header-nav-main {
		padding: 10px;
		margin-bottom: 10px;
		background: #FFF;
		border-radius: 4px;
	}

	html.sticky-header-enabled #header .header-nav-main {
		max-height: 350px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	html.sticky-header-enabled #header .header-nav-main.collapsing {
		overflow: hidden;
	}
}

@media (min-width: 992px) {
	html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}

	html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav > ul > li:not(.active) > a.dropdown-toggle:after {
		border-color: #FFF transparent transparent transparent;
	}

	html #header.header-semi-transparent .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}

	html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav > ul > li:not(.active) > a {
		color: #FFF;
	}
}
/* Responsive */
@media (max-width: 991px) {
	#header .header-container {
		display: block;
	}

	#header .header-row {
		display: block;
	}

	#header .header-column {
		display: block;
	}

	#header .header-column .header-row {
		display: block;
	}

	#header.header-mobile-nav-only .header-logo {
		float: none;
	}

	#header.header-mobile-nav-only .header-nav {
		margin-top: -35px;
	}

	html.sticky-header-negative.sticky-header-active #header .header-logo {
		padding-top: 7px;
	}
}
/* Mega Menu (Signin/SignUp) */
#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu {
	width: 40%;
	right: 15px;
	left: auto;
	border-radius: 6px 0 6px 6px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu a {
	transform: translate3d(0, 0, 0);
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .fa-user {
	margin-right: 5px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-mega-sub-title {
	margin-bottom: 10px;
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .sign-up-info, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .log-in-info {
	text-align: center;
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .signin-form {
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .signup-form, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signin .recover-form {
	display: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .signin-form {
	display: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .signup-form {
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.signup .recover-form {
	display: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .signin-form, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .signup-form {
	display: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.recover .recover-form {
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar .img-thumbnail {
	float: left;
	margin-right: 15px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar .img-thumbnail img {
	max-width: 55px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar strong {
	display: block;
	padding-top: 7px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar span {
	display: block;
	font-size: 12px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .user-avatar p {
	margin: 0 0 0 25px;
	text-align: left;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options {
	list-style: square;
	margin: 6px 0 0;
	padding: 0;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options a:hover {
	text-decoration: none;
}

/* Responsive */
@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin {
		margin-right: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-toggle {
		display: none;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu {
		display: block !important;
		margin: 0 !important;
		padding: 0 10px 0 10px;
		width: 100%;
		right: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu .dropdown-mega-sub-title {
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		padding-top: 5px;
		padding-bottom: 0;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .dropdown-toggle {
		display: none;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .dropdown-mega-content {
		margin: 15px 0 !important;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options {
		margin: 15px 0 0 0 !important;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin.logged .list-account-options > li > a {
		line-height: 35px;
	}
}
/* Mega Menu (Signin/SignUp) */
#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu {
	width: 40%;
	right: 15px;
	left: auto;
	border-radius: 6px 0 6px 6px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu a {
	transform: translate3d(0, 0, 0);
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table {
	width: 100%;
	margin-top: 0;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a {
	background-color: transparent !important;
	color: #333;
	padding: 0;
	margin: 0;
	display: block;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a.remove {
	float: right;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a:hover {
	text-decoration: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .fa-shopping-cart {
	margin-right: 5px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-thumbnail {
	width: 120px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-actions {
	text-align: right;
	width: 80px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue {
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid #DDD;
	clear: both;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue .btn {
	margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu {
		margin: 15px 0;
		padding: 0 15px;
		width: 100%;
	}
}

html.side-header #header {
	min-height: 0 !important;
}

@media (min-width: 992px) {
	html.side-header .main .container, html.side-header #footer .container {
		padding: 0 35px;
		width: auto !important;
		max-width: 1210px;
	}

	html.side-header body > .body {
		margin: 0 0 0 255px;
		width: auto;
		overflow-x: hidden;
		overflow-y: visible;
	}

	html.side-header body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper {
		width: 100% !important;
		left: auto !important;
	}

	html.side-header #header {
		background: #FFF;
		position: fixed;
		box-shadow: 0 0 18px rgba(0, 0, 0, 0.07);
		top: 0;
		left: 0;
		width: 255px;
		height: 100%;
	}

	html.side-header #header .header-body {
		border-top: 0;
	}

	html.side-header #header .header-container {
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}

	html.side-header #header .header-search {
		margin: 5px 0 10px;
		float: none;
	}

	html.side-header #header .header-search .input-group {
		width: 100%;
	}

	html.side-header #header .header-search .input-group .form-control {
		width: 100%;
	}

	html.side-header #header .header-nav-top {
		margin: 0;
		float: none;
	}

	html.side-header #header .header-nav-top .nav > li > a, html.side-header #header .header-nav-top .nav > li > span {
		display: block;
	}

	html.side-header #header .header-logo {
		margin: 0;
		float: none;
		text-align: center;
		width: auto !important;
		height: auto !important;
		padding: 10px 0;
	}

	html.side-header #header .header-column {
		display: block;
	}

	html.side-header #header .header-column .header-row {
		clear: both;
	}

	html.side-header #header .header-nav-main {
		float: none;
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after {
		content: "";
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown.open > a, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > a {
		padding-bottom: 10px;
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		top: 3px;
		left: 100%;
		border-top: 0;
		border-left: 5px solid #CCC;
		margin-left: -5px;
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown li.dropdown-submenu:hover > .dropdown-menu {
		margin-top: -5px;
		border-top: 0;
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown-mega {
		position: relative;
	}

	html.side-header #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-menu {
		min-width: 720px;
	}

	html.side-header #header .nav-pills > li {
		float: none;
		margin: 0 0 1px 0;
	}

	html.side-header #header .header-social-icons {
		float: none;
		text-align: center;
		margin-top: 25px;
	}

	html.side-header-right body > .body {
		margin: 0 255px 0 0;
	}

	html.side-header-right #header {
		left: auto;
		right: 0;
	}

	html.side-header-right #header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle {
		padding-right: 5px;
		padding-left: 23px;
	}

	html.side-header-right #header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after {
		content: "\f0d9";
		left: 11px;
	}

	html.side-header-right #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		right: 100%;
		left: auto;
		border-right: 5px solid #CCC;
		border-left: 0;
		margin-left: 0;
		margin-right: -5px;
		border-radius: 4px 0 0 4px;
	}

	html.side-header-semi-transparent body > .body {
		margin: 0;
	}

	html.side-header-semi-transparent #header {
		background: rgba(0, 0, 0, 0.3);
	}

	html.side-header-semi-transparent #header .header-body {
		background: transparent !important;
	}
}

@media (max-height: 768px) {
	html.side-header #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
		bottom: 0;
		top: auto;
	}
}

html[dir="rtl"] #header .header-search .btn-default {
	right: -35px;
}

/* Page Header */
.page-header {
	background-color: #171717;
	border-bottom: 5px solid #CCC;
	border-top: 5px solid #384045;
	margin: 0 0 35px 0;
	min-height: 50px;
	padding: 20px 0;
	position: relative;
	text-align: left;
}

.page-header .breadcrumb {
	background: none;
	margin: 0 0 2px 2px;
	padding: 0;
	position: relative;
	z-index: 1;
}

.page-header .breadcrumb > li {
	display: inline-block;
	font-size: 0.85em;
	text-transform: uppercase;
	text-shadow: none;
}

.page-header .breadcrumb > li + li:before {
	color: inherit;
	opacity: 0.5;
	font-family: FontAwesome;
	content: "\f105";
	padding: 0 7px 0 5px;
}

.page-header .breadcrumb.breadcrumb-valign-mid {
	position: absolute;
	top: 36%;
	right: 20px;
}

.page-header h1 {
	border-bottom: 5px solid #CCC;
	color: #fff;
	display: inline-block;
	font-size: 32px;
	font-weight: 200;
	line-height: 32px;
	margin: 0 0 -25px;
	padding: 0 0 25px;
	position: relative;
}

.page-header h1 span {
	color: #999da3;
	display: block;
	font-size: 0.6em;
	font-weight: 300;
	line-height: 1.3em;
	margin: 7px 0 0;
}

.page-header-no-title-border h1 {
	border: 0;
}

/* Page Header - Color */
.page-header-color {
	background-color: #F7F7F7;
	border-bottom: 5px solid #F4F4F4;
	border-top: none;
}

.page-header-color h1 {
	border-bottom: none;
	color: #1d2127;
	font-size: 2.3em;
	padding: 0;
	margin: 0;
}

.page-header-color h1 span {
	opacity: 0.65;
}

.page-header-color .breadcrumb > .active {
	opacity: 0.65;
}

/* Page Header - More Padding */
.page-header-more-padding {
	padding: 35px 0;
}

/* Page Header - Light */
.page-header-light {
	background-color: #F7F7F7;
	border-bottom: 5px solid #F4F4F4;
	border-top: none;
}

.page-header-light h1 {
	border-bottom: none;
	color: #1d2127;
	font-size: 2.3em;
}

/* Page Header - Reverse */
.page-header-reverse {
	text-align: right;
}

.page-header-reverse .breadcrumb, .page-header-reverse .breadcrumb.breadcrumb-valign-mid {
	float: left;
	left: 20px;
	right: auto;
}

/* Page Header - Parallax */
.page-header.parallax {
	margin: 0 0 35px;
	padding: 180px 0 60px;
}

.page-header-center {
	text-align: center;
}

.page-header-center .breadcrumb {
	margin: 15px 0 0;
}

/* Page Header Custom Background */
.page-header-custom-background {
	padding: 45px 0;
	background-repeat: repeat;
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
}

.page-header-custom-background h1 {
	color: #FFF;
	border: 0;
}

.page-header-custom-background h1 span {
	color: #FFF;
	opacity: 0.7;
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid {
	top: 36%;
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid li.active {
	color: #FFF;
	opacity: 0.7;
}

.page-header-custom-background .breadcrumb.breadcrumb-valign-mid a {
	color: #FFF;
}

/* Page Header Custom - Create your Own */
.page-header.custom-product {
	background-image: url(../img/custom-header-bg.jpg);
	background-repeat: repeat;
	background-color: #999;
	border-top: 5px solid #888;
	overflow: hidden;
}

.page-header.custom-product .row {
	position: relative;
}

.page-header.custom-product p.lead {
	color: #E8E8E8;
}

.page-header.custom-product img {
	bottom: -47px;
	position: relative;
}

.page-header.custom-product h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
	border: 0;
}

/* Responsive */
@media (min-width: 992px) {
	.page-header-more-padding h1,
	.page-header-custom-background h1,
	.page-header-float-breadcrumb h1 {
		max-width: 70%;
	}

	.page-header-more-padding .breadcrumb-valign-mid,
	.page-header-custom-background .breadcrumb-valign-mid,
	.page-header-float-breadcrumb .breadcrumb-valign-mid {
		width: 30%;
		text-align: right;
	}

	.page-header-more-padding.page-header-reverse .breadcrumb-valign-mid,
	.page-header-custom-background.page-header-reverse .breadcrumb-valign-mid,
	.page-header-float-breadcrumb.page-header-reverse .breadcrumb-valign-mid {
		text-align: left;
	}
}

@media (max-width: 991px) {
	
	.page-header .breadcrumb {
		float: none !important;
		position: static !important;
	}

	.page-header .breadcrumb-valign-mid {
		margin-top: 15px;
	}

	.page-header-reverse .breadcrumb-valign-mid {
		margin-top: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 479px) {
	.page-header h1 {
		font-size: 26px;
		line-height: 26px;
	}
}
/* Parallax */
.parallax {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: repeat;
	background-attachment: fixed;
	padding: 50px 0;
	position: relative;
	clear: both;
}

.parallax blockquote {
	border: 0;
	padding: 0 10%;
}

.parallax blockquote i.fa-quote-left {
	font-size: 34px;
	position: relative;
	left: -5px;
}

.parallax blockquote p {
	font-size: 24px;
	line-height: 30px;
}

.parallax blockquote span {
	font-size: 16px;
	line-height: 20px;
	color: #999;
	position: relative;
	left: -5px;
}

.parallax.parallax-disabled {
	background-attachment: scroll !important;
	background-position: 50% 50% !important;
}

/* Section Featured */
section.section {
	background: #f4f4f4;
	border-top: 5px solid #f1f1f1;
	padding: 20px 0;
}

section.section.section-no-background {
	background: transparent;
	border-top-color: transparent;
}

section.section.section-center {
	text-align: center;
}

section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 {
	color: #FFF;
}

section.section.section-text-light p {
	color: #e6e6e6;
}

section.section.section-background {
	background-repeat: no-repeat;
    border: 0;
    background-size: cover;
}

section.section.section-overlay {
	position: relative;
}

section.section.section-overlay:before {
	content: "";
	display: block;
	background: url("../img/video-overlay.png") repeat scroll 0 0 transparent;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

section.section.section-overlay-opacity {
	position: relative;
}

section.section.section-overlay-opacity:before {
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before {
	background: rgba(0, 0, 0, 0.1);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before {
	background: rgba(0, 0, 0, 0.2);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before {
	background: rgba(0, 0, 0, 0.3);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before {
	background: rgba(0, 0, 0, 0.4);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before {
	background: rgba(0, 0, 0, 0.5);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before {
	background: rgba(0, 0, 0, 0.6);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before {
	background: rgba(0, 0, 0, 0.7);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before {
	background: rgba(0, 0, 0, 0.8);
}

section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before {
	background: rgba(0, 0, 0, 0.9);
}

section.section.section-overlay-opacity-light:before {
	background: rgba(255, 255, 255, 0.5);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before {
	background: rgba(255, 255, 255, 0.1);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before {
	background: rgba(255, 255, 255, 0.2);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before {
	background: rgba(255, 255, 255, 0.3);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before {
	background: rgba(255, 255, 255, 0.4);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before {
	background: rgba(255, 255, 255, 0.5);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before {
	background: rgba(255, 255, 255, 0.6);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before {
	background: rgba(255, 255, 255, 0.7);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before {
	background: rgba(255, 255, 255, 0.8);
}

section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before {
	background: rgba(255, 255, 255, 0.9);
}

section.section.section-default-scale-lighten {
	background-color: #fcfcfc !important;
	border-top-color: #fcfcfc !important;
}

section.section.section-video {
	background: none !important;
	border: 0;
}

section.section.section-parallax {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: repeat;
	background-attachment: fixed;
	border: 0;
}

section.section.section-parallax.parallax-disabled {
	background-attachment: scroll !important;
	background-position: 50% 50% !important;
}

section.section.section-no-border {
	border: 0;
}

section.section.section-with-divider {
	margin: 56px 0 35px;
}

section.section.section-with-divider .divider {
	margin: -56px 0 44px;
}

section.section.section-footer {
	margin-bottom: -50px;
}

section.section.section-with-mockup {
	margin-top: 120px;
}

section.section.section-front {
	position: relative;
	z-index: 1;
}


/* Responsive */
@media (max-width: 991px) {
	.container-fluid > .row > .p-none section.section {
		margin-bottom: 0;
		margin-top: 0;
	}

	.container-fluid > .row > .p-none:first-child section.section {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.container-fluid > .row > .p-none:last-child section.section {
		margin-bottom: 30px;
		margin-top: 0;
	}
	
}
/* Sidebar */
aside ul.nav-list > li > a {
	color: #666;
	font-size: 0.9em;
	padding: 8px 0 8px 18px;
}

/* Home Slider - Revolution Slider */
.slider-container {
	background: #474D50;
	height: 23.5rem;
	overflow: hidden;
	width: 100%;
	direction: ltr;
}
.slider-container ul{margin: 0; padding: 0;}

.slider-container .tparrows {
	border-radius: 6px;
}

.slider-container .slider-single-slide .tparrows {
	display: none;
}

.slider-container .top-label {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
}

.slider-container .main-label {
	color: #FFF;
	font-size: 62px;
	line-height: 62px;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

.slider-container .featured-label {
	color: #FFF;
	font-size: 52px;
	line-height: 52px;
	font-weight: 800;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.slider-container .bottom-label {
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
}

.slider-container .blackboard-text {
	color: #BAB9BE;
	font-size: 46px;
	line-height: 46px;
	font-family: "Shadows Into Light", cursive;
	text-transform: uppercase;
}

.slider-container .btn-slider-action {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	padding: 20px 25px;
}

.slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark {
	color: #333;
}

.slider-container .tp-caption-dark a {
	color: #333;
}

.slider-container .tp-caption-dark a:hover {
	color: #333;
}

.slider-container .tp-caption-overlay {
	background: #000;
	padding: 10px;
}

.slider-container .tp-caption-overlay-opacity {
	background: rgba(0, 0, 0, 0.4);
	padding: 10px;
}

.slider-container .tp-opacity-overlay {
	background: rgba(0, 0, 0, 0.75);
}

.slider-container.transparent {
	background-color: transparent;
}

.slider-container.light {
	background-color: #EAEAEA;
}

.slider-container.light .tp-bannershadow {
	opacity: 0.05;
	top: 0;
	bottom: auto;
	z-index: 1000;
}

.slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label {
	color: #333;
}

.slider-container.light .tp-caption a {
	color: #333;
}

.slider-container.light .tp-caption a:hover {
	color: #333;
}

/* Arrows */
.tparrows.tparrows-carousel {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: auto;
	padding: 20px 0;
}

.tparrows.tparrows-carousel.tp-leftarrow {
	right: auto !important;
	left: -30px !important;
	border-radius: 0 4px 4px 0;
}

.tparrows.tparrows-carousel.tp-leftarrow:before {
	font-family: FontAwesome;
	content: "\f053";
	position: relative;
	left: -1px;
	top: 1px;
}

.tparrows.tparrows-carousel.tp-rightarrow {
	right: -60px !important;
	left: auto !important;
	border-radius: 4px 0 0 4px;
}

.tparrows.tparrows-carousel.tp-rightarrow:before {
	font-family: FontAwesome;
	content: "\f054";
	position: relative;
	left: 2px;
	top: 1px;
}

/* Slider IE Fix */
html.ie .forcefullwidth_wrapper_tp_banner {
	overflow: hidden;
}

/* Embed Border */
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
	border: 0 !important;
}

/* Defaults */
.hesperiden-custom {
	padding: 10px 0 !important;
}

.hesperiden-custom .tp-tab {
	border: 0 !important;
}

/* Slider With Overlay */
.slider-with-overlay {
	position: relative;
}

.slider-with-overlay .slider-container {
	z-index: auto;
}

/* Slider Contact Form */
.slider-contact-form {
	margin: -45px 0 25px;
}

.slider-contact-form .featured-box {
	text-align: left;
}

.slider-contact-form label.error {
	display: none !important;
}

.slider-contact-form .alert {
	padding: 6px;
	text-align: center;
}

.slider-contact-form textarea {
	resize: none;
}

/* Responsive */
@media (min-width: 992px) {
	.slider-contact-form {
		margin: 0;
		position: absolute;
		top: 20px;
		z-index: 99;
		width: 100%;
	}
}
/* Boxed */
html.boxed .slider-container {
	width: 100% !important;
	left: auto !important;
}

/* Home Slider - Nivo Slider */
.nivo-slider {
	position: relative;
}

.nivo-slider .theme-default .nivoSlider {
	border-radius: 10px 10px 0 0;
	box-shadow: none;
	margin-top: 10px;
}

.nivo-slider .theme-default .nivoSlider img {
	border-radius: 10px 10px 0 0;
}

.nivo-slider .theme-default .nivo-controlNav {
	margin-top: -72px;
	position: absolute;
	z-index: 99;
	right: 5px;
	bottom: -17px;
}

.nivo-slider .theme-default .nivo-caption {
	padding-left: 20px;
}

/* Custom Map */
section.section-custom-map {
	background: transparent url(../img/map.png) center 0 no-repeat;
	padding: 129px 0 0;
	margin: 20px 0 0;
	border: 0;
}

section.section-custom-map section.section {
	border-top-color: rgba(241, 241, 241, 0.8);
	background: rgba(244, 244, 244, 0.8);
}

section.section-custom-map-2 {
	background: transparent url(../img/map-2.png) center 0 no-repeat;
	padding: 129px 0 0;
	margin: 50px 0 0;
	border: 0;
}

section.section-custom-map-2 section.section {
	border-top-color: rgba(241, 241, 241, 0.8);
	background: rgba(244, 244, 244, 0.8);
}

/* Home Intro */
.home-intro {
	background-color: #171717;
	margin-bottom: 60px;
	overflow: hidden;
	padding: 20px 0 10px 0;
	position: relative;
	text-align: left;
}

.home-intro p {
	color: #FFF;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 300;
	max-width: 800px;
	padding-top: 5px;
}

.home-intro p span {
	color: #999;
	display: block;
	font-size: 0.8em;
	padding-top: 5px;
}

.home-intro p em {
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

.home-intro .get-started {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	text-align: right;
}

.home-intro .get-started .btn {
	position: relative;
	z-index: 1;
}

.home-intro .get-started .btn i {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 5px;
}

.home-intro .get-started a {
	color: #FFF;
}

.home-intro .get-started a:not(.btn) {
	color: #777;
}

.home-intro .learn-more {
	margin-left: 15px;
}

.home-intro.light {
	background-color: #E2E2E2;
}

.home-intro.light.secondary {
	background-color: #E0E1E4;
}

.home-intro.light p {
	color: #777;
}

/* Home Intro Compact */
.home-intro-compact {
	border-radius: 0 0 10px 10px;
	margin-top: -10px;
}

.home-intro-compact p {
	padding-left: 20px;
}

.home-intro-compact .get-started {
	padding-right: 20px;
}

/* Responsive */
@media (max-width: 767px) {
	/* Home Intro */
	.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
/* Home Concept */
.home-concept {
	background: transparent url(../img/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

.home-concept strong {
	display: block;
	font-family: "Shadows Into Light", cursive;
	font-size: 2.1em;
	font-weight: normal;
	position: relative;
	margin-top: 30px;
}

.home-concept .row {
	position: relative;
}

.home-concept .process-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	margin: 135px auto 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

.home-concept .process-image img {
	border-radius: 150px;
	margin: 7px 8px;
	width: auto;
	height: auto;
	max-width: 145px;
	max-height: 145px;
}

.home-concept .our-work {
	margin-top: 52px;
	font-size: 2.6em;
}

.home-concept .project-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	margin: 15px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

.home-concept .sun {
	background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

.home-concept .cloud {
	background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 57%;
	top: 35px;
}

/* Responsive */
@media (max-width: 991px) {
	.home-concept {
		background: none;
	}

	.home-concept .project-image {
		margin: 20px auto 0 auto;
	}

	.home-concept .process-image {
		margin-top: 0;
		padding-bottom: 25px;
	}
}

@media (max-width: 479px) {
	.home-concept .project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
	}

	.home-concept .fc-slideshow {
		max-width: 145px;
		height: 145px;
	}

	.home-concept .fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}
}
/* Page 404 */
.page-not-found {
	margin: 50px 0;
}

.page-not-found h2 {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}

.page-not-found h4 {
	color: #777;
}

.page-not-found p {
	font-size: 1.4em;
	line-height: 36px;
}

/* Responsive */
@media (max-width: 479px) {
	.page-not-found {
		margin: 0;
		
	}
	
	.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}
}

.text-xs {
	font-size: 1rem !important;
}

.text-sm {
	font-size: 1.3rem !important;
}

.text-md {
	font-size: 1.6rem !important;
}

.text-lg {
	font-size: 1.9rem !important;
}

.text-xl {
	font-size: 2.2rem !important;
}

.text-muted {
	color: #999 !important;
}

html.dark .text-muted {
	color: #505461 !important;
}

.text-dark {
	color: #1d2127 !important;
}

.text-light {
	color: #FFF !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-semibold {
	font-weight: 600 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.font-weight-extra-bold {
	font-weight: 900 !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.rounded {
	border-radius: 5px !important;
}

.b-thin {
	border-width: 3px !important;
}

.b-normal {
	border-width: 5px !important;
}

.b-thick {
	border-width: 7px !important;
}

/* Spacements */
/* spacement top & bottom */
.mlr--md { margin: 0 -15px !important; }
.mlr--lg { margin: 0 -20px !important; }
.mlr--xl { margin: 0 -25px !important; }
.mlr--xlg { margin: 0 -30px !important; }


.m-none {
	margin: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m-md {
	margin: 15px !important;
}

.m-lg {
	margin: 20px !important;
}

.m-xl {
	margin: 25px !important;
}

.m-xlg {
	margin: 30px !important;
}

/* spacement top	*/
.mt-none {
	margin-top: 0 !important;
}

.mt-xs {
	margin-top: 5px !important;
}

.mt-sm {
	margin-top: 10px !important;
}

.mt-md {
	margin-top: 15px !important;
}

.mt-lg {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 25px !important;
}

.mt-xlg {
	margin-top: 30px !important;
}

/* spacement bottom	*/
.mb-none {
	margin-bottom: 0 !important;
}

.mb-xs {
	margin-bottom: 5px !important;
}

.mb-sm {
	margin-bottom: 10px !important;
}

.mb-md {
	margin-bottom: 15px !important;
}

.mb-lg {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 25px !important;
}

.mb-xlg {
	margin-bottom: 30px !important;
}

/* spacement left	*/
.ml-none {
	margin-left: 0 !important;
}

.ml-xs {
	margin-left: 5px !important;
}

.ml-sm {
	margin-left: 10px !important;
}

.ml-md {
	margin-left: 15px !important;
}

.ml-lg {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 25px !important;
}

.ml-xlg {
	margin-left: 30px !important;
}

/* spacement right	*/
.mr-none {
	margin-right: 0 !important;
}

.mr-xs {
	margin-right: 5px !important;
}

.mr-sm {
	margin-right: 10px !important;
}

.mr-md {
	margin-right: 15px !important;
}

.mr-lg {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 25px !important;
}

.mr-xlg {
	margin-right: 30px !important;
}

/* Spacement Padding */
.p-none {
	padding: 0 !important;
}

.p-xs {
	padding: 5px !important;
}

.p-sm {
	padding: 10px !important;
}

.p-md {
	padding: 15px !important;
}

.p-lg {
	padding: 20px !important;
}

.p-xl {
	padding: 25px !important;
}

.p-xlg {
	padding: 30px !important;
}

/* spacement top	*/
.pt-none {
	padding-top: 0 !important;
}

.pt-xs {
	padding-top: 5px !important;
}

.pt-sm {
	padding-top: 10px !important;
}

.pt-md {
	padding-top: 15px !important;
}

.pt-lg {
	padding-top: 20px !important;
}

.pt-xl {
	padding-top: 25px !important;
}

.pt-xlg {
	padding-top: 30px !important;
}

/* spacement bottom	*/
.pb-none {
	padding-bottom: 0 !important;
}

.pb-xs {
	padding-bottom: 5px !important;
}

.pb-sm {
	padding-bottom: 10px !important;
}

.pb-md {
	padding-bottom: 15px !important;
}

.pb-lg {
	padding-bottom: 20px !important;
}

.pb-xl {
	padding-bottom: 25px !important;
}

.pb-xlg {
	padding-bottom: 30px !important;
}

/* spacement left	*/
.pl-none {
	padding-left: 0 !important;
}

.pl-xs {
	padding-left: 5px !important;
}

.pl-sm {
	padding-left: 10px !important;
}

.pl-md {
	padding-left: 15px !important;
}

.pl-lg {
	padding-left: 20px !important;
}

.pl-xl {
	padding-left: 25px !important;
}

.pl-xlg {
	padding-left: 30px !important;
}

/* spacement right	*/
.pr-none {
	padding-right: 0 !important;
}

.pr-xs {
	padding-right: 5px !important;
}

.pr-sm {
	padding-right: 10px !important;
}

.pr-md {
	padding-right: 15px !important;
}

.pr-lg {
	padding-right: 20px !important;
}

.pr-xl {
	padding-right: 25px !important;
}

.pr-xlg {
	padding-right: 30px !important;
}

/* Responsive */
@media (max-width: 1200px) {
	.mlr--xl { margin: 0 -100px !important; }
}

@media (max-width: 1024px) {
	.mlr--xl { margin: 0 -30px !important; }
}
@media (max-width: 992px) {
	.mlr--xl { margin: 0 -100px !important; }
}
@media (min-width: 991px) {
	.mlr--xl { margin: 0 -60px !important; }
}

@media (max-width: 768px) {
	.mlr--xl { margin: 0 -60px !important; }
}

@media (max-width: 640px) {
	.mlr--xl { margin: 0 -20px!important; }
}

@media (max-width: 540px) {
	.mlr--xl { margin: 0 !important; }
	
}

.ib {
	display: inline-block;
	vertical-align: top;
}

.va-middle {
	vertical-align: middle;
}

.ws-nowrap {
	white-space: nowrap;
}

.ws-normal {
	white-space: normal;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

.col-xs-2-5 {
	width: 40%;
	float: left;
}

.col-xs-3-5 {
	width: 60%;
	float: left;
}

.col-xs-4-5 {
	width: 80%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}

	col-sm-2-5 {
		width: 40%;
		float: left;
	}

	col-sm-3-5 {
		width: 60%;
		float: left;
	}

	col-sm-4-5 {
		width: 80%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}

	.col-md-2-5 {
		width: 40%;
		float: left;
	}

	.col-md-3-5 {
		width: 60%;
		float: left;
	}

	.col-md-4-5 {
		width: 80%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.content_wrap{
		width: 1170px;
    	margin: 0 auto;
	}
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}

	.col-lg-2-5 {
		width: 40%;
		float: left;
	}

	.col-lg-3-5 {
		width: 60%;
		float: left;
	}

	.col-lg-4-5 {
		width: 80%;
		float: left;
	}
}

@media (max-width: 991px) {
	.col-md-3 .sidebar {
		clear: both;
	}
}
/* #Footer */
#footer {
	background: #4D4D4D;
	border-top: 4px solid #4D4D4D;
	font-size: 1rem;
	color: #b7b7b7;
	position: relative;
	clear: both;
	margin-top: 3.429rem;
	margin-left: -15px;
    margin-right: -15px;
}
#footer .container .row { 
	margin-right: -30px;
	margin-left: -30px;
}

#footer .container .row > div {
	margin-bottom: 25px;
}

#footer .container input:focus {
	box-shadow: none;
}

#footer a:hover {
	color: #CCC;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
	color: #E0D077;
}

#footer h4 {
	font-size: 1.8em;
	font-weight: 200;
}

#footer h5 {
	color: #CCC;
}

#footer ul.nav-list > li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 20px;
	padding-bottom: 11px;
}

#footer ul.nav-list > li:last-child a {
	border-bottom: 0;
}

#footer ul.nav-list > li a:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

#footer ul.list.icons li {
	margin-bottom: 5px;
}

#footer form {
	opacity: 0.85;
}

#footer form label.error {
	line-height: 16px;
	margin: 5px 0 -5px;
	display: block;
	clear: both;
}

#footer form .alert {
	padding: 6px;
	text-align: center;
}

#footer .footer-ribbon {
	background: #999;
	position: absolute;
	margin: -90px 0 0 14px;
	padding: 10px 20px 6px 20px;
}

#footer .footer-ribbon:before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 7px;
}

#footer .footer-ribbon span {
	color: #FFF;
	font-size: 1.6em;
	font-family: "Shadows Into Light", cursive;
}

#footer .newsletter form {
	width: 100%;
	max-width: 262px;
}

#footer .newsletter form input.form-control {
	height: 34px;
	padding: 6px 12px;
}

#footer .alert a {
	color: #222;
}

#footer .alert a:hover {
	color: #666;
}

#footer .twitter .fa, #footer .twitter .icons {
	clear: both;
	font-size: 1.5em;
	position: relative;
	top: 3px;
}

#footer .twitter .meta {
	color: #999;
	display: block;
	font-size: 0.9em;
	padding-top: 3px;
}

#footer .twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .twitter ul li {
	padding-bottom: 20px;
}

#footer .twitter ul li:last-child {
	padding-bottom: 0;
}

#footer .twitter-account {
	color: #FFF;
	display: block;
	font-size: 0.9em;
	margin: -15px 0 5px;
	opacity: 0.55;
}

#footer .twitter-account:hover {
	opacity: 1;
}

#footer .contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .contact i {
	display: block;
	float: left;
	font-size: 1.2em;
	margin: 7px 8px 10px 0;
	position: relative;
	text-align: center;
	top: -2px;
	width: 16px;
}

#footer .contact i.fa-envelope {
	font-size: 1em;
	top: 0;
}

#footer .contact p {
	margin-bottom: 10px;
}

#footer .logo {
	display: block;
}

#footer .logo.mb-xl {
	margin-bottom: 12px;
}

#footer .footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	margin-top: 40px;
	padding: 30px 0 10px;
}

#footer .footer-copyright nav {
	float: right;
}

#footer .footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .footer-copyright nav ul li {
	border-left: 1px solid #505050;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

#footer .footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

#footer .footer-copyright p {
	color: #555;
	margin: 0;
	padding: 0;
}

#footer .phone {
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
	margin-top: -5px;
}

#footer .narrow-phone {
	text-align: right;
	margin: -2px 0 0 0;
}

#footer .narrow-phone .phone {
	font-size: 16px;
	padding-bottom: 0;
	margin-top: -13px;
}

#footer .recent-work {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .recent-work li {
	float: left;
	width: 30%;
	margin: 10px 3% 0 0;
}

#footer .recent-work img {
	border: 0;
	width: 100%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

#footer .recent-work .img-thumbnail-hover-icon {
	border: 0;
}

#footer .recent-work .img-thumbnail-hover-icon:after {
	font-size: 22px;
	margin-left: -2px;
}

#footer .view-more-recent-work {
	padding: 12px;
}

#footer.short {
	/* my CSS customizations */
	padding: 30px 0 5px 0;
}

#footer.short .footer-copyright {
	background: transparent;
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

#footer.light {
	padding-top: 60px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-ribbon {
	margin-top: -76px;
	margin-left: 14px;
}

#footer.light .footer-copyright {
	margin-top: 15px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-copyright p {
	color: #777;
}

#footer.light .phone,
#footer.light .twitter-account {
	color: #777;
}

#footer.light ul.nav-pills > li.active > a {
	color: #FFF;
}

#footer.narrow {
	padding-top: 30px;
}

#footer.narrow .footer-copyright {
	margin-top: 0;
}

#footer.narrow .nav > li > a {
	padding: 5px 12px;
}

#footer.color {
	color: #FFF;
}

#footer.color p {
	color: #FFF;
}

#footer.color .footer-copyright nav ul li {
	border-left-color: #FFF;
}

/* Responsive */
@media (max-width: 991px) {
	#footer .phone {
		font-size: 20px;
	}
	/* my CSS customizations */
	#footer .web-counters {
		text-align: left !important;
	}
}

@media (max-width: 767px) {
	/* Footer */
	#footer .container .row {
		margin-right: 0;
		margin-left: 0;
	}

	#footer .phone {
		font-size: 20px;
	}
	
}


/* Dark Version */
html.dark body {
	background-color: #1d2127;
}

html.dark.boxed .body {
	background-color: #1d2127;
}

html.dark #header .header-top {
	background: #282d36;
	border-bottom-color: #2e353e;
}

html.dark #header .header-search .form-control {
	background: #21262d;
}

html.dark #header .header-body {
	background: #1d2127;
	border-top-color: #2e353e;
}

html.dark #header .header-nav-bar {
	background-color: #21262d;
}

html.dark #header .header-nav-top .nav > li > a:hover, html.dark #header .header-nav-top .nav > li > a a:focus {
	background-color: #21262d;
}

html.dark #header .header-nav-top .dropdown-menu {
	background: #21262d;
	border-color: #21262d;
}

html.dark #header .header-nav-top .dropdown-menu a:hover, html.dark #header .header-nav-top .dropdown-menu a:focus {
	background: #282d36 !important;
}

html.dark.sticky-header-active #header .header-body {
	border-bottom-color: #2e353e;
}

html.dark #header.header-transparent .header-body {
	background: transparent;
}

html.dark #header.header-transparent .header-body:before {
	background-color: #1d2127;
	border-bottom-color: #2e353e;
}

html.dark #header.header-semi-transparent .header-body {
	background: transparent;
}

html.dark #header.header-semi-transparent .header-body:before {
	background-color: #1d2127;
	border-bottom-color: #2e353e;
}

html.dark #header.header-semi-transparent-light .header-body {
	background: transparent;
}

html.dark #header.header-semi-transparent-light .header-body:before {
	background-color: #1d2127;
	border-bottom-color: #2e353e;
}

html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
	color: #FFF;
}

html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 {
	color: #111;
}

html.dark blockquote {
	border-color: #282d36;
}

html.dark section.featured {
	background-color: #191c21;
	border-top-color: #2e353e;
}

html.dark section.section {
	background-color: #21262d;
	border-top-color: #282d36;
}

html.dark .dropdown-menu > li > a {
	color: #FFF;
}

html.dark .dropdown-menu > li > a:hover, html.dark .dropdown-menu > li > a:focus {
	background-color: #2e353e;
}

html.dark .tabs .nav-tabs li a,
html.dark .tabs .nav-tabs li a:focus {
	border-top-color: #282d36;
	border-left-color: #282d36;
	border-right-color: #282d36;
	background: #282d36;
}

html.dark .tabs .nav-tabs li a:hover {
	border-top-color: #808697;
}

html.dark .tabs .nav-tabs li.active a,
html.dark .tabs .nav-tabs li.active a:hover,
html.dark .tabs .nav-tabs li.active a:focus {
	border-top-color: #808697;
}

html.dark .tabs .nav-tabs.nav-justified {
	border-left-width: 0;
	border-right-width: 0;
	border-left-color: transparent;
	border-right-color: transparent;
}

html.dark .tabs .nav-tabs.nav-justified li a,
html.dark .tabs .nav-tabs.nav-justified li a:hover,
html.dark .tabs .nav-tabs.nav-justified li a:focus {
	border-bottom-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a {
	background: #282d36;
	border-left-color: #282d36;
	border-right-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a {
	border-bottom-color: #282d36;
}

html.dark .tabs .nav-tabs {
	border-color: #282d36;
}

html.dark .tabs .nav-tabs li.active a,
html.dark .tabs .nav-tabs li.active a:hover,
html.dark .tabs .nav-tabs li.active a:focus,
html.dark .tabs .nav-tabs.nav-justified li.active a,
html.dark .tabs .nav-tabs.nav-justified li.active a:hover,
html.dark .tabs .nav-tabs.nav-justified li.active a:focus {
	background: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
}

html.dark .tabs .nav-tabs.nav-justified li.active a {
	border-bottom-color: #2e353e;
}

html.dark .tabs.tabs-vertical {
	border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li a,
html.dark .tabs.tabs-bottom .nav-tabs li a:focus {
	border-bottom-color: #282d36;
	border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom-color: #808697;
	border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li.active a,
html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover,
html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom-color: #808697;
	border-top-color: #2e353e;
}

html.dark .tabs .tab-content {
	background: #2e353e;
	border-color: #2e353e;
}

html.dark .tabs-primary.tabs-bottom .nav-tabs li a,
html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a,
html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus {
	border-top-color: #2e353e !important;
}

html.dark .nav-tabs li.active a,
html.dark .nav-tabs li.active a:hover,
html.dark .nav-tabs li.active a:focus,
html.dark .nav-tabs li a {
	color: #808697;
}

html.dark .tab-content {
	background: #2e353e;
	border-color: #1d2127;
}

html.dark .tabs-simple .tab-content,
html.dark .tabs-simple .nav-tabs li a,
html.dark .tabs-simple .nav-tabs li.active a {
	background: transparent !important;
}

html.dark .nav > li > a:hover,
html.dark .nav > li > a:focus {
	background-color: #2e353e;
}

html.dark .call-to-action.call-to-action-default {
	background: #282d36;
}

html.dark .call-to-action.call-to-action-dark {
	background: #2e353e;
}

html.dark .call-to-action.with-borders {
	border-top-color: #2e353e;
	border-bottom-color: #2e353e;
	border-left-color: #282d36;
	border-right-color: #282d36;
}

html.dark .call-to-action.with-full-borders {
	border-color: #2e353e;
}

html.dark .call-to-action.featured {
	background: -webkit-linear-gradient( top , #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent;
	border-bottom-color: #2e353e;
	border-left-color: #282d36;
	border-right-color: #282d36;
}

html.dark .call-to-action.call-to-action-in-footer:before {
	border-top-color: #1d2127;
}

html.dark .counters.with-borders .counter {
	border-top: 1px solid #2e353e;
	border-bottom: 1px solid #2e353e;
	border-left: 1px solid #282d36;
	border-right: 1px solid #282d36;
}

html.dark .counters.counters-text-dark .counter {
	color: #FFF !important;
}

html.dark .counters.counters-text-dark .counter .fa, html.dark .counters.counters-text-dark .counter .icons, html.dark .counters.counters-text-dark .counter strong, html.dark .counters.counters-text-dark .counter label {
	color: #FFF !important;
}

html.dark section.timeline:after {
	background: #505050;
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
}

html.dark section.timeline .timeline-date {
	background-color: #282d36;
	border-color: #282d36;
	text-shadow: none;
}

html.dark section.timeline .timeline-title {
	background: #282d36;
}

html.dark section.timeline .timeline-box {
	border-color: #282d36;
	background: #282d36;
}

html.dark section.timeline .timeline-box.left:before {
	box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

html.dark section.timeline .timeline-box.left:after {
	background: #282d36;
	border-right-color: #282d36;
	border-top-color: #282d36;
}

html.dark section.timeline .timeline-box.right:before {
	box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

html.dark section.timeline .timeline-box.right:after {
	background: #282d36;
	border-left-color: #282d36;
	border-bottom-color: #282d36;
}

html.dark .form-control {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark .btn-default {
	background-color: #282d36;
	border-color: #282d36;
	color: #FFF;
}

html.dark .btn.disabled, html.dark .btn.disabled:hover, html.dark .btn.disabled:active, html.dark .btn.disabled:focus,
html.dark .btn[disabled],
html.dark .btn[disabled]:hover,
html.dark .btn[disabled]:active,
html.dark .btn[disabled]:focus {
	border-color: #282d36 !important;
}

html.dark .pagination > li > a,
html.dark .pagination > li > span {
	background-color: #282d36;
	border-color: #242830;
}

html.dark .theme-default .nivoSlider {
	background-color: #1d2127;
}

html.dark section.section-custom-map {
	background: transparent url(../img/map-dark.png) center 0 no-repeat;
}

html.dark section.section-custom-map section.section {
	border-top-color: rgba(40, 45, 54, 0.8);
	background: rgba(33, 38, 45, 0.8);
}

html.dark .home-concept {
	background-image: url(../img/home-concept-dark.png);
}

html.dark .home-concept .process-image {
	background-image: url(../img/home-concept-item-dark.png);
}

html.dark .home-concept .project-image {
	background-image: url(../img/home-concept-item-dark.png);
}

html.dark .home-concept .sun {
	background-image: url(../img/home-concept-icons-dark.png);
}

html.dark .home-concept .cloud {
	background-image: url(../img/home-concept-icons-dark.png);
}

html.dark .page-header {
	border-bottom-color: #191c21;
}

html.dark .page-header-light {
	background-color: #2e353e;
}

html.dark .panel-group .panel {
	background-color: #282d36;
}

html.dark .panel-group .panel-default {
	border-color: #282d36;
}

html.dark .panel-group .panel-heading {
	background-color: #2e353e;
}

html.dark .panel-group .form-control {
	background-color: #21262d;
	border-color: #21262d;
}

html.dark .toggle > label {
	background-color: #2e353e;
}

html.dark .toggle.toggle-simple .toggle > label {
	color: #FFF;
}

html.dark .featured-box {
	background: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
	border-bottom-color: #2e353e;
}

html.dark .featured-box.secondary h4 {
	color: #FFF;
}

html.dark .featured-boxes-flat .featured-box .box-content {
	background: #2e353e;
}

html.dark .featured-boxes-style-5 .featured-box .box-content h4, html.dark .featured-boxes-style-6 .featured-box .box-content h4, html.dark .featured-boxes-style-7 .featured-box .box-content h4 {
	color: #FFF;
}

html.dark .featured-boxes-style-2 .featured-box {
	background: transparent;
}

html.dark .featured-boxes-style-3 .featured-box .icon-featured {
	background: #1d2127;
}

html.dark .featured-boxes-style-4 .featured-box {
	background: transparent;
}

html.dark .featured-boxes-style-5 .featured-box {
	background: transparent;
}

html.dark .featured-boxes-style-5 .featured-box .icon-featured {
	background: #282d36;
	border-color: #2e353e;
}

html.dark .featured-boxes-style-6 .featured-box {
	background: transparent;
}

html.dark .featured-boxes-style-6 .featured-box .icon-featured {
	background: #282d36;
	border-color: #2e353e;
}

html.dark .featured-boxes-style-6 .featured-box .icon-featured:after {
	border-color: #2e353e;
}

html.dark .featured-boxes-style-7 .featured-box {
	background: transparent;
}

html.dark .featured-boxes-style-7 .featured-box .icon-featured {
	background: #282d36;
	border-color: #2e353e;
}

html.dark .featured-boxes-style-7 .featured-box .icon-featured:after {
	box-shadow: 3px 3px #161a1e;
}

html.dark .featured-boxes-style-8 .featured-box .icon-featured {
	background: #2e353e;
}

html.dark .featured-box-effect-1 .icon-featured:after {
	box-shadow: 0 0 0 3px #2e353e;
}

html.dark .feature-box.feature-box-style-2 h4, html.dark .feature-box.feature-box-style-3 h4, html.dark .feature-box.feature-box-style-4 h4 {
	color: #FFF;
}

html.dark .feature-box.feature-box-style-6 .feature-box-icon {
	border-color: #2e353e;
}

html.dark .feature-box.feature-box-style-6 .feature-box-icon:after {
	border-color: #2e353e;
}

html.dark .owl-dots .owl-dot span {
	background: #2e353e;
}

html.dark .owl-carousel.top-border {
	border-top-color: #3F4247;
}

html.dark .progress {
	background: #2e353e;
}

html.dark .arrow {
	background-image: url(../img/arrows-dark.png);
}

html.dark .thumbnail,
html.dark .img-thumbnail,
html.dark .thumb-info {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark .thumb-info .thumb-info-wrapper:after {
	background-color: rgba(29, 33, 39, 0.9);
}

html.dark .thumb-info-social-icons {
	border-top-color: #373f4a;
}

html.dark ul.nav-list > li a {
	border-bottom-color: #282d36;
}

html.dark ul.nav-list > li a:hover {
	background-color: #282d36;
}

html.dark .content-grid .content-grid-item:before {
	border-left-color: #2e353e;
}

html.dark .content-grid .content-grid-item:after {
	border-bottom-color: #2e353e;
}

html.dark .content-grid.content-grid-dashed .content-grid-item:before {
	border-left-color: #2e353e;
}

html.dark .content-grid.content-grid-dashed .content-grid-item:after {
	border-bottom-color: #2e353e;
}

html.dark .testimonial .testimonial-author strong {
	color: #FFF;
}

html.dark .testimonial.testimonial-style-3 blockquote {
	background: #2e353e !important;
}

html.dark .testimonial.testimonial-style-3 .testimonial-arrow-down {
	border-top-color: #2e353e !important;
}

html.dark .testimonial.testimonial-style-4 {
	border-color: #2e353e !important;
}

html.dark .testimonial.testimonial-style-5 .testimonial-author {
	border-top-color: #2e353e !important;
}

html.dark .popover {
	background-color: #2e353e;
	border: 1px solid #282d36;
}

html.dark .popover.top > .arrow {
	border-top-color: #282d36;
}

html.dark .popover.top > .arrow:after {
	border-top-color: #2e353e;
}

html.dark .popover.right > .arrow {
	border-right-color: #282d36;
}

html.dark .popover.right > .arrow:after {
	border-right-color: #2e353e;
}

html.dark .popover.bottom > .arrow {
	border-bottom-color: #282d36;
}

html.dark .popover.bottom > .arrow:after {
	border-bottom-color: #2e353e;
}

html.dark .popover.left > .arrow {
	border-left-color: #282d36;
}

html.dark .popover.left > .arrow:after {
	border-left-color: #2e353e;
}

html.dark .popover-title {
	background-color: #282d36;
	border-bottom: #2e353e;
}

html.dark .page-header {
	border-bottom-color: #282d36;
}

html.dark .table > thead > tr > th,
html.dark .table > tbody > tr > th,
html.dark .table > tfoot > tr > th,
html.dark .table > thead > tr > td,
html.dark .table > tbody > tr > td,
html.dark .table > tfoot > tr > td,
html.dark .table-bordered {
	border-color: #282d36;
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td,
html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #2e353e;
}

html.dark pre {
	background-color: #282d36;
	border-color: #282d36;
	color: #777;
}

html.dark .show-grid [class*="col-md-"] .show-grid-block {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark .google-map-borders,
html.dark .embed-responsive-borders {
	border-color: #2e353e;
}

html.dark .alert.alert-default {
	border-color: #2e353e;
	background-color: #282d36;
}

html.dark hr {
	background-image: -webkit-linear-gradient(left, transparent, #3F4247, transparent);
	background-image: linear-gradient(to right, transparent, #3F4247, transparent);
}

html.dark hr.light {
	background-image: -webkit-linear-gradient(left, transparent, #3F4247, transparent);
	background-image: linear-gradient(to right, transparent, #3F4247, transparent);
}

html.dark hr.solid {
	background: #3F4247;
}

html.dark .divider {
	background-image: -webkit-linear-gradient(left, transparent, #3F4247, transparent);
	background-image: linear-gradient(to right, transparent, #3F4247, transparent);
}

html.dark .divider .fa, html.dark .divider .icons {
	background: #1d2127;
}

html.dark .divider.divider-solid {
	background: #3F4247;
}

html.dark .divider.divider-style-2 .fa, html.dark .divider.divider-style-2 .icons {
	background: #21262d;
}

html.dark .divider.divider-style-3 .fa, html.dark .divider.divider-style-3 .icons {
	border-color: #3F4247;
}

html.dark .divider.divider-style-4 .fa, html.dark .divider.divider-style-4 .icons {
	border-color: #3F4247;
}

html.dark .divider.divider-style-4 .fa:after, html.dark .divider.divider-style-4 .icons:after {
	border-color: #21262d;
}

html.dark .divider.divider-small {
	background: transparent;
}

html.dark .divider.divider-small hr {
	background: #3F4247;
}

html.dark .divider.divider-small.divider-light hr {
	background: #3F4247;
}

html.dark hr.dashed:after, html.dark .divider.dashed:after {
	border-color: #3F4247;
}

html.dark .heading.heading-bottom-border h1 {
	border-bottom-color: #3f4247;
}

html.dark .heading.heading-bottom-border h2, html.dark .heading.heading-bottom-border h3 {
	border-bottom-color: #3f4247;
}

html.dark .heading.heading-bottom-border h4, html.dark .heading.heading-bottom-border h5, html.dark .heading.heading-bottom-border h6 {
	border-bottom-color: #3f4247;
}

html.dark .heading.heading-bottom-double-border h1, html.dark .heading.heading-bottom-double-border h2, html.dark .heading.heading-bottom-double-border h3 {
	border-bottom-color: #3f4247;
}

html.dark .heading.heading-bottom-double-border h4, html.dark .heading.heading-bottom-double-border h5, html.dark .heading.heading-bottom-double-border h6 {
	border-bottom-color: #3f4247;
}

html.dark .heading.heading-middle-border:before {
	border-top-color: #3f4247;
}

html.dark .heading.heading-middle-border h1, html.dark .heading.heading-middle-border h2, html.dark .heading.heading-middle-border h3, html.dark .heading.heading-middle-border h4, html.dark .heading.heading-middle-border h5, html.dark .heading.heading-middle-border h6 {
	background: #1d2127;
}

html.dark ul.history li .thumb {
	background-image: url(../img/history-thumb-dark.png);
}

html.dark .recent-posts .date .day {
	background-color: #2e353e;
}

html.dark .blog-posts article {
	border-color: #282d36;
}

html.dark section.featured .recent-posts .date .day,
html.dark article.post .post-date .day {
	background-color: #282d36;
}

html.dark article .post-video,
html.dark article .post-video iframe,
html.dark article .post-audio,
html.dark article .post-audio iframe {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark ul.simple-post-list li {
	border-bottom-color: #21262d;
}

html.dark .post-block {
	border-top-color: #191c21;
}

html.dark ul.comments .comment-block {
	background-color: #282d36;
}

html.dark ul.comments .comment-arrow {
	border-right-color: #282d36;
}

html.dark .pricing-table li {
	border-top-color: #21262d;
}

html.dark .pricing-table h3 {
	background-color: #21262d;
	text-shadow: none;
}

html.dark .pricing-table h3 span {
	background: #282d36;
	border-color: #242830;
	box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
	color: #777;
}

html.dark .pricing-table .most-popular {
	border-color: #282d36;
}

html.dark .pricing-table .most-popular h3 {
	background-color: #282d36;
	color: #FFF;
	text-shadow: none;
}

html.dark .pricing-table .plan-ribbon {
	background-color: #282d36;
}

html.dark .pricing-table .plan {
	background: #282d36;
	border: 1px solid #282d36;
	color: #777;
	text-shadow: none;
}

html.dark .product-thumb-info {
	background-color: #282d36;
	border-color: transparent;
}

html.dark .shop .quantity .qty {
	background-color: #282d36;
	border-color: transparent;
}

html.dark .shop .quantity .minus,
html.dark .shop .quantity .plus {
	background-color: #21262d;
	border-color: transparent;
}

html.dark .shop table.cart td,
html.dark .shop .cart-totals th,
html.dark .shop .cart-totals td {
	border-color: #282d36;
}

html.dark .dialog {
	background-color: #1d2127;
}

html.dark .modal-content {
	background-color: #1d2127;
}

html.dark .modal-header {
	border-bottom-color: #282d36;
}

html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 {
	color: #777;
}

html.dark .modal-header .close {
	text-shadow: none;
	color: #FFF;
}

html.dark .modal-footer {
	border-top-color: #282d36;
}

html.dark .popup-inline-content,
html.dark .mfp-content .ajax-container {
	background: #1d2127 !important;
}

html.dark .loading-overlay {
	background: #1d2127;
}

html.dark .sort-destination-loader:after {
	background-color: #1d2127;
}

html.dark #footer .newsletter form .btn-default {
	background-color: #21262d;
	border-color: #21262d;
	color: #777;
}

/* Responsive */
@media (min-width: 992px) {
	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu {
		background: #21262d;
	}

	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a {
		border-bottom-color: #2e353e;
	}

	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title {
		color: #999;
	}

	html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-nav > li:hover > a {
		background: #2e353e;
	}

	html.dark #header .header-nav-main:not(.header-nav-main-light) a > .thumb-info-preview .thumb-info-wrapper {
		background: #2e353e;
	}

	html.dark #header .header-nav.header-nav-stripe nav > ul > li > a {
		color: #CCC;
	}

	html.dark #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
		color: #FFF;
	}

	html.dark #header .header-nav.header-nav-top-line nav > ul > li > a, html.dark #header .header-nav.header-nav-top-line nav > ul > li:hover > a {
		color: #CCC;
	}

	html.dark #header .header-nav.header-nav-dark-dropdown nav > ul > li > a, html.dark #header .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
		color: #CCC;
	}

	html.dark .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
		background-color: #1d2127;
	}
}

@media (max-width: 991px) {
	html.dark #header .header-nav-main nav > ul li {
		border-bottom-color: #2e353e;
	}

	html.dark #header.header-transparent .header-nav-main, html.dark #header.header-semi-transparent .header-nav-main, html.dark #header.header-semi-transparent-light .header-nav-main {
		background-color: #1d2127;
	}
}
/* Boxed Layout */
html.boxed body {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat;
}

html.boxed .body {
	position: relative;
	background-color: #FFF;
	border-bottom: 5px solid #1d2127;
	border-radius: 5px;
	border-top: 5px solid #CCC;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	margin: 25px auto;
	max-width: 1200px;
	height: auto;
}

html.boxed #header .header-body {
	border-top-color: transparent;
}

html.boxed .main {
	overflow: hidden;
}

/* Responsive */
@media (min-width: 1200px) {
	html.boxed.sticky-header-active #header .header-body {
		width: auto;
	}

	html.boxed #header.header-transparent .header-body,
	html.boxed #header.header-semi-transparent .header-body,
	html.boxed #header.header-semi-transparent-light .header-body {
		width: auto;
	}
}

@media (min-width: 992px) {
	html.boxed #header .header-top.header-top-colored {
		margin-top: -18px;
		border-radius: 4px 4px 0 0;
	}

	html.boxed #header.header-transparent .header-body,
	html.boxed #header.header-semi-transparent .header-body,
	html.boxed #header.header-semi-transparent-light .header-body {
		position: absolute;
		padding-left: 15px;
		padding-right: 15px;
	}

	html.boxed #header .header-top.header-top-style-2,
	html.boxed #header .header-top.header-top-style-3,
	html.boxed #header .header-top.header-top-style-4 {
		margin-top: -13px;
	}

	html.boxed.sticky-header-active #header .header-body {
		position: fixed !important;
		padding-left: 15px;
		padding-right: 15px;
	}

	html.boxed.sticky-header-active #header .header-nav-bar {
		margin: 0 -15px -9px;
	}
}

@media (max-width: 991px) {
	html.boxed .body {
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

@media (max-width: 767px) {
	/* Boxed */
	html.boxed {
		background: none !important;
	}
}

/*ocac_index*/
@media (min-width: 1200px) {
    .ocac_custom .thumb-info .thumb-info-wrapper {
        height:136px;
    }
}
@media (max-width: 1199px) {
    .ocac_custom .thumb-info .thumb-info-wrapper {
        height:108px;
    }
}
@media (max-width: 991px) {
    .ocac_custom .thumb-info .thumb-info-wrapper {
        height:159px;
    }
}
@media (max-width: 767px) {
    .ocac_custom .thumb-info .thumb-info-wrapper {
        min-height:252px;
        /*height:auto;
        padding-bottom: 75%;*/
    }
}
/*ocac_index*/

/* Thumb Info */
.thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #FFF;
	/* border: 1px solid #DDD;
	border-radius: 4px; */
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.thumb-info .thumb-info-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 4px;
	margin: 4px;
	overflow: hidden;
	display: block;
	position: relative;
}

/* .thumb-info .thumb-info-wrapper:after {
	content: "";
	background: rgba(23, 23, 23, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	opacity: 0;
	z-index: 1;
} */

.thumb-info .thumb-info-action-icon {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	width: 50px;
	z-index: 2;
}

.thumb-info .thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
	color: #FFF;
}

.thumb-info .thumb-info-inner {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}

.thumb-info .thumb-info-inner em {
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.thumb-info .thumb-info-video {
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-10%, -50%);
}

.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background:  rgba(0, 0, 0, 0.65);
	bottom: 35%;
	color: #FFF;
	font-size: 2.286rem;
	left: 0;
	letter-spacing: -1px;
	/* padding: 9px 11px 9px; */
	padding: 2rem 4.286rem;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	z-index: 2;
}

.thumb-info .thumb-info-type {
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
	z-index: 2;
}

.thumb-info .owl-carousel {
	z-index: auto;
}

.thumb-info .owl-carousel .owl-dots {
	z-index: 2;
}

.thumb-info img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 3px;
	position: relative;
	width: 100%;
}

.thumb-info:hover .thumb-info-wrapper:after {
	opacity: 1;
}

.thumb-info:hover .thumb-info-action-icon {
	right: 0;
	top: 0;
}

.thumb-info:hover .thumb-info-title {
	background: #000;
}

.thumb-info:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.thumb-info.thumb-info-no-zoom img {
	-webkit-transition: initial;
	-moz-transition: initial;
	transition: initial;
}

.thumb-info.thumb-info-no-zoom:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
	background: rgba(23, 23, 23, 0.25);
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, -10px, 0);
	top: 50%;
	left: 3px;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	opacity: 0;
	z-index: 2;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
	position: relative;
	z-index: 2;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 40px;
	height: 40px;
	line-height: 33px;
	border-radius: 50%;
	margin-right: 3px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
	position: static;
	font-size: 18px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
	position: relative;
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
	background: transparent;
	left: 5%;
	width: 90%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate(0%, -30%);
	top: 50%;
	bottom: auto;
	opacity: 0;
	text-align: center;
	padding: 0;
	position: absolute;
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
	opacity: 1;
	transform: translate(0%, -50%);
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
	background: #FFF;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, 100px, 0);
	top: auto;
	bottom: 0;
	opacity: 0;
	padding: 15px;
	text-shadow: none;
	color: #777;
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info.thumb-info-bottom-info:hover img {
	-webkit-transform: translateY(-18px);
	-moz-transform: translateY(-18px);
	-ms-transform: translateY(-18px);
	-o-transform: translateY(-18px);
	transform: translateY(-18px);
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
	background: -webkit-linear-gradient( bottom , rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	color: #FFF;
}

.thumb-info.thumb-info-push-hor img {
	-webkit-transform: translatex(-18px);
	-moz-transform: translatex(-18px);
	-ms-transform: translatex(-18px);
	-o-transform: translatex(-18px);
	transform: translatex(-18px);
	width: calc(100% + 19px);
	max-width: none;
}

.thumb-info.thumb-info-push-hor:hover img {
	-webkit-transform: translatex(0);
	-moz-transform: translatex(0);
	-ms-transform: translatex(0);
	-o-transform: translatex(0);
	transform: translatex(0);
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
	opacity: 0.65;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
	opacity: 1;
	top: 50%;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
	opacity: 0.1;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
	opacity: 0;
}

.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
	border-radius: 0;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-preview .thumb-info-image {
	min-height: 232px;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	transition: background-position 0.8s linear 0s;
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
	transition: background-position 2.5s linear 0s;
	background-position: center bottom;
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
	transition: background-position 1s linear 0s;
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
	transition: background-position 5s linear 0s;
}

html.webkit .thumb-info .thumb-info-wrapper {
	margin: 4px 4px 3px 4px;
}

html.webkit .full-width .thumb-info .thumb-info-wrapper,
html.webkit .masonry-item .thumb-info .thumb-info-wrapper,
html.webkit .thumb-info-no-borders .thumb-info-wrapper {
	margin: 0;
}

/* Thumb Info Ribbon */
.thumb-info-ribbon {
	background: #999;
	position: absolute;
	margin: -16px 0 0 0;
	padding: 5px 13px 6px;
	right: 15px;
	z-index: 1;
}

.thumb-info-ribbon:before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 7px;
}

.thumb-info-ribbon span {
	color: #FFF;
	font-size: 1.1em;
	font-family: "Shadows Into Light", cursive;
}

/* Thumb Info - Full Width */
.full-width .thumb-info img {
	border-radius: 0 !important;
}

/* Thumb Info Caption	*/
.thumb-info-caption {
	padding: 10px 0;
}

.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p {
	font-size: 0.9em;
	line-height: 20px;
	margin: 0 0 8px;
	padding: 10px;
	display: block;
}

/* Thumb Info Side Image	*/
.thumb-info-side-image .thumb-info-side-image-wrapper {
	padding: 4px;
	float: left;
	margin-right: 20px;
}

.thumb-info-side-image .thumb-info-caption .thumb-info-caption-text {
	padding: 17px;
}

.thumb-info-side-image-right .thumb-info-side-image-wrapper {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

/* Thumb Info Social Icons */
.thumb-info-social-icons {
	border-top: 1px dotted #DDD;
	margin: 0;
	padding: 15px 10px;
	display: block;
}

.thumb-info-social-icons a {
	background: #CCC;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.thumb-info-social-icons a:hover {
	text-decoration: none;
}

.thumb-info-social-icons a span {
	display: none;
}

.thumb-info-social-icons a i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Responsive */
@media (max-width: 991px) {
	.thumb-info .thumb-info-title {
		font-size: 1.571rem;
		letter-spacing: 1px;
		padding: .86rem 2.143rem;
		bottom: 0;
		width: 100%;
		background:  rgba(0, 0, 0, 0.6);
	}

	.thumb-info .thumb-info-more {
		font-size: 11px;
	}
}


/* Scroll to Top */
html .scroll-to-top {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	/* background: #404040; */
	background: #9ABF65;
	border-radius: 7px 7px 0 0;
	bottom: 0;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 13px 10px 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	min-width: 49px;
	z-index: 1040;
}

html .scroll-to-top:hover {
	opacity: 1;
}

html .scroll-to-top.visible {
	opacity: 0.75;
}

html .scroll-to-top span {
	display: inline-block;
	padding: 0 5px;
}

html.lightbox-opened .scroll-to-top {
	right: 27px;
}

html.ie11 .scroll-to-top {
	right: 25px;
}

/* Responsive */
@media (max-width: 991px) {
	html .scroll-to-top.hidden-mobile {
		display: none !important;
	}
}
@charset "UTF-8";

/* Toggles */
.toggle {
	color: #444;
	margin: 10px 0 20px;
	position: relative;
	clear: both;
}

.toggle .toggle {
	margin: 0;
}

.toggle > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.toggle > label {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 0;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
}

.toggle > label:-moz-selection {
	background: none;
}

.toggle > label i.fa-minus {
	display: none;
}

.toggle > label i.fa-plus {
	display: inline;
}

.toggle > label::selection {
	background: none;
}

.toggle > label:before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

.toggle > label:hover {
	background: #f5f5f5;
}

.toggle > label + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}

.toggle > label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.toggle > .toggle-content {
	display: none;
	background-color: #f8f8f8;
}

.toggle > .toggle-content > p {
	margin-bottom: 0;
}

.toggle.active i.fa-minus {
	display: inline;
}

.toggle.active i.fa-plus {
	display: none;
}

.toggle.active > label {
	background: #F4F4F4;
	border-color: #444;
}

.toggle.active > label:before {
	border: 6px solid transparent;
	border-top-color: #96bb61;
	margin-top: -3px;
	right: 10px;
}



.toggle.active > p {
	white-space: normal;
}

.toggle > p.preview-active {
	height: auto;
	white-space: normal;
}

.toggle.toggle-sm .toggle > label {
	font-size: 0.9em;
	padding: 6px 20px 6px 10px;
}

.toggle.toggle-sm .toggle > .toggle-content > p {
	font-size: 0.9em;
}

.toggle.toggle-lg .toggle > label {
	font-size: 1.1em;
	padding: 16px 20px 16px 20px;
}

.toggle.toggle-lg .toggle > .toggle-content > p {
	font-size: 1.1em;
}

.toggle.toggle-simple .toggle > label {
	border-radius: 0;
	border: 0;
	/* background: transparent; */
	color: #777;
	padding-left: 40px;
	margin-bottom: 2px;
	font-size: 1.286rem;
	font-weight: 600;
	color: #444;
}

.toggle.toggle-simple .toggle > label:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: #CCC;
	top: 23px;
	margin-top: -12px;
	border-radius: 3px;
	z-index: 1;
}

.toggle.toggle-simple .toggle > label:before {
	border: 0;
	left: 14px;
	right: auto;
	margin-top: 0;
	top: 12px;
	font-family: FontAwesome;
	content: "\f067";
	z-index: 2;
	color: #9ABF65;
	font-size: 18px;
}

.toggle.toggle-simple .toggle.active > label {
	background: #f2f2f2;
	color: #1d2127;
}

.toggle.toggle-simple .toggle.active > label:before {
	content: "\f068";
}




/* QA */
.toggle.toggle-simple.qa-box .toggle > label {
	border-radius: 0;
	border: 0;
	/* background: transparent; */
	color: #777;
	padding-left: 40px;
	margin-bottom: 2px;
	font-size: 1.286rem;
	font-weight: 600;
	color: #444;
}



.toggle.toggle-simple.qa-box .toggle > label:before {
	border: 0;
	left: 14px;
	right: auto;
	margin-top: 0;
	top: 10px;
	font-family: FontAwesome;
	content: " Q ";
	z-index: 2;
	color: #9ABF65;
	font-size: 20px;
}

.toggle.toggle-simple.qa-box .toggle.active > label {
	background: #f2f2f2;
	color: #1d2127;
}

.toggle.toggle-simple.qa-box .toggle-content:before {
	margin-left: -34px;
	content: " A ";
	color: #9ABF65;
	font-size: 20px;
}

.toggle.toggle-simple.qa-box .toggle-content > p:first-child {
	margin-top:-28px;
    color: #444;
    font-size: 1.143rem;
    font-weight: 300;
    line-height: 2rem;
}
/* 全球華文網 
----------------------------------------*/
html {
    font-size: 14px;
	direction: ltr;
	overflow-x: hidden;
	box-shadow: none !important;
}
body {
    /* background: url("../img/bg-wrap.png"); */
    border-top: 0.57rem solid #F2F2F2;
	color: #777;
	font-family: "微軟正黑體",Arial, Helvetica, sans-serif;
    margin: 0;
}
Header
#header { bottom:-10px; }

section {clear: both;}
ul li:last-child { border-bottom: 0 !important;  }
button, input { outline:none; }

a ,a:hover, a:focus { color:#3a9bbb; }
.inner-section { font-size: 1.143rem; line-height: 1.714rem; font-weight: 300; }
.inner-section .h2, .inner-section h2 { font-size: 2.286rem; color: #615a58; font-weight: 300; }
.inner-section .h4, .inner-section h4 { color: #444; font-size: 1.286rem; line-height: 1.500rem; }

.checkbox label, .radio label , label.control-label,
.form-group .redio-inline { font-weight: 300;}

input,
input[type=checkbox], input[type=radio],
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio] { border-radius: 0 !important; }

select:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    background-position:right 50%;
    background-repeat:no-repeat;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: 99%;
    padding:0 1.5em 0 1em;
    border-radius:0;
}
/* img */
.rounded-circle {
    border-radius: 50%!important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.form-group.row select { margin: 15px; width: 95%; }

.content_wrap{ 
    background-color: #FFF; 
    /* box-shadow: 0 2px 17px rgba(0, 0, 0, .3);  */
}
.content_wrap .container{ 
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.content_wrap .breadcrumb { background-color: #FFF !important; font-size: 1.143rem; font-weight: 300; padding: 1.429rem 0; margin-bottom: 0; }
.content_wrap .breadcrumb a {color: #868585;}
.content_wrap .breadcrumb a:hover {color: #739a3c;}
.content_wrap .breadcrumb>.active { color: #739a3c; }

/* 灰底狀態 */
.content_wrap .breadcrumb.bg-grey { background-color: #f5f5f5 !important; padding: 1.429rem; border-radius: 0; }

.content_wrap .description { color: #444; font-size: 1.286rem; background-color: #f2f2f2;font-weight: 300;line-height: 1.929rem; padding: 2.143rem 3.36rem; }

.content_wrap .description p { margin: 0; font-size: 1.286rem; }
.content_wrap .description.notice-box p { margin: 0; font-size: 1.143rem; letter-spacing: .06rem;}

.notice-box { border:#ef9898 solid 2px; }

.input-lg {font-size: 16px !important;}
.help-block { font-size: 16px; line-height: 24px; /*letter-spacing: -.2px;*/ }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-body, 
.description .card-body p { font-size: 1.143rem;}
.user-box { margin: 0 -15px; padding: 0;}



/* 清除gutters */
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .row.no-gutters > [class^="col-"],
  .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  } 
  section {margin: 2.286rem 0;}
 .inner-section {margin: 2.143rem 0 !important;}

 /* Tab */
 .nav-tabs { font-size: 1.186rem; font-weight: 300; }
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-top: 3px solid #9abf65;
	margin-bottom: -1px;
 }
 .nav-tabs>li>a { border-top: 3px solid #eeeeee; background-color: #f4f4f4; border-bottom: 0; }

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover {
  color: #615a58;
}

html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus {
  border-top-color: #9abf65;
}
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
  border-top-color: #9abf65;
  /* color: #9abf65; */
}
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
  border-top-color: #9abf65;
}
html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
  border-bottom-color: #9abf65;
}
html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
  border-left-color: #9abf65;
}
html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
  border-right-color: #9abf65;
}
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
  border-top-color: #9abf65;
  color: #9abf65;
}
html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
  color: #9abf65;
}
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
  border-top-color: #9abf65;
}
html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
  border-top-color: #9abf65;
  color: #9abf65;
}
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
  border-bottom-color: #9abf65;
}
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
  border-bottom-color: #9abf65;
}
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover {
  border-left-color: #9abf65;
}
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
  border-left-color: #9abf65;
}
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover {
  border-right-color: #9abf65;
}
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
  border-right-color: #9abf65;
}

.tab-content { font-size: 1.143rem; font-weight: 300; color: #615a58; padding: 1.714rem 0; }

/* Table */
.table, .table>thead>tr>th { text-align: center;}

.table a { color: #615a58; }

.table-hover > tbody > tr:hover,
.table-hover.table-striped>tbody>tr:hover{
    font-weight: 400;
    cursor: pointer;
    background-color: rgba(212, 212, 212, 0.55);
  }

.table>thead>tr>th {  background-color: #9ABF65; color: #fff; border-bottom: 0; }

.table>thead>tr>th ,.table>tbody>tr>td  { border-left: 1px rgba(255, 255, 255, 0.7) solid;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    border-top: 1px solid transparent;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f4f4f4;
}

/* 首頁 
-------------------------------------------------------------------*/
/* Header */
.header-login .btn {padding: 0; border-radius: 0;}

.nav-pills>li.btn-login i { display:none!important; }
.nav-pills>li.btn-login { color: #FFF; font-weight: 400; text-align: center; width: 4.86rem; height: 2.43rem;  line-height: 1.14rem; background-color: #9ABF65; border-color: #9ABF65 #9ABF65 #8bad5d; }
.nav-pills>li.btn-login>a { border-radius: 0 !important; }
.nav-pills>li.btn-login>a:hover,
.nav-pills>li.btn-login>a:focus { color: #666!important; width: 4.86rem; height: 2.43rem; }

#header .header-search .btn-search {
    background-color: #888;
    border: 0 none;
    border-radius: 0;
    color: #FFF;
    height: 34px;
    /* position: absolute; */
    right: 0;
    top: 0;
    z-index: 3;
} 
#header .header-search .btn-search:hover, #header .header-search .btn-search:focus {background-color: #666;}

.header-login.list-inline li {margin: 0; padding: 0;}
.header-login.list-inline button {margin: 0 0 0 -5px; }
.navbar-right {margin-top:-16px;}

.header-r-nav { margin-top: 3.48rem; }
.header-r-nav li {     
    display: inline-block;
    padding-right: 12px !important;
    padding-left: 12px !important;
    border-left: 1px solid #DCD5D3;
}
.header-r-nav li a { color: #444444; }
.header-r-nav li a:hover { color: #9ABF65; }
.header-r-nav li:first-child {
    border-left: none !important;
}

.header-nav-main nav {margin-top: .6rem;}

.header-nav-main nav > ul > li > a {
    color: #444;
    border-radius: 0 !important;
    line-height: 3px!important;
    padding: 2px ;
    font-weight: normal !important;
    padding-right: 12px ;
    padding-left: 12px ;
}
.header-nav-main nav > ul > li { border-left: 1px solid #DCD5D3;}
.header-nav-main nav > ul > li:first-child {border-left: none !important;}

.header-nav-main nav > ul > li > a:hover {
    color: #9ABF65 !important; background: none !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #739a3c  !important;
    background-color: transparent;
}
.dropdown-menu { font-size: 1.143rem;}

/* 僑校影片區 */
div.bg-youtube iframe { background-image: url('../img/bg-youtube.jpg'); background-repeat: no-repeat; background-size: cover;} 
iframe { margin-top: 40px; }

/*  Left Side
------------------------------- */
/* 最新消息 */
.news-item { margin: 0 auto; }
.news-item .area-title h2 { margin-top: 0;}
.news-item ul { margin:0 ;padding: 0; list-style: none; }
.news-item ul li a { color: #FFF; line-height: 3.86rem; font-size:1.21rem; background-color: #9ABF65; display: block; padding: 0 20px;border: 0px;border-bottom: #DCD5D3 dotted 1px;}
.news-item ul li a:hover, .news-item ul li a:focus { background-color: #8bad5d;}
.news-item i { margin-right: 6px; }
.news-date { margin-right: 16px; font-family: Arial, Helvetica, sans-serif;}
.news-item li.more a { color: #9ABF65; margin: 0 auto; text-align: center; background-color: #F2F2F2; line-height: 2.86rem; border-bottom:none; }
.news-item li.more a:hover, .news-item li.more a:focus { color: #739a3c; background-color: #e3e3e3;}

/* 列表專區 */
/* 按鈕 Start */
.btn-green { color: #FFF; font-size: 18px; background: #9ABF65; width: 2.5rem;height: 2.5rem; line-height: .9rem;  text-align: center; border-radius: 0;}
.btn-green:hover, .btn-green:focus{ color: #FFF; background: #739a3c; font-size: 1.143rem; }

.btn.btn-green-nwh {color: #FFF; font-size: 16px; font-weight: normal; background: #9ABF65; line-height: 2.857rem; border-radius: 0; }
.btn.btn-green-nwh:hover { font-size: 1.143rem; color: #FFF; background: #739a3c; }

/* 僑校園地－貼文區 */
.ocac-place .btn.btn-green-nwh { color:#444444;  background-color: #e7e4e4;}
.ocac-place .btn.btn-green-nwh:hover,
.ocac-place .btn.btn-green-nwh:focus,
.ocac-place .btn.btn-green-nwh.active { color:#FFF;  background-color: #9abf65;}

.btn.btn-green-radius , input.btn.btn-green-radius {color: #FFF; font-size: 16px; font-weight: normal; background: #9ABF65; line-height: 2.857rem; border-radius: 4px !important; }
.btn.btn-green-radius:hover, input.btn.btn-green-radius:hover { font-size: 1.143rem; color: #FFF; background: #739a3c; }

.btn.btn-grey-radius , input.btn.btn-grey-radius {color: #FFF; font-size: 16px; font-weight: normal; background: #7f7f7f; line-height: 2.857rem; border-radius: 4px !important; }
.btn.btn-grey-radius:hover, input.btn.btn-grey-radius:hover { font-size: 1.143rem; color: #FFF; background: #636364; }

/* 僑校園地 Start */
html .ocac-place li.more a { background-color: #e3e3e3; }
html .ocac-place li.more a:hover, html .ocac-place li.more a:focus { background: #d9d6d6; }
/* 僑校園地 End */

/* 按鈕 End */

.area-title h2 { font-size: 1.43rem; color: #444444; line-height: 2rem; text-align: left; font-weight: 500; display:block; }
.area-title b  { font-size: 1.21rem; font-weight: 200; color: #94652e; line-height: 1.74rem; margin-left:10px; }

.zone-wrap { position: relative; clear: both;}
.zone-wrap .b-pre { position: absolute; left: 0; top: 5.2rem; z-index:3; }
.zone-wrap .b-next { position: absolute; right: 0px; top: 5.2rem; z-index:3;}

/* .zone-box { margin-bottom: 1.429em; } */
.zone-box h4 { font-size: 1.43rem; font-weight: normal; color: #444444; line-height: 1.93rem;} 
.zone-box p { font-size: 1.07rem; font-weight: 300; color: #444444; line-height: 1.57rem;
    overflow : hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/* for Opera */
    -moz-binding: url('ellipsis.xml#ellipsis');    /* Firefox */
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; }

a:hover .zone-box h4 {color: #8bad5d; }

/* .area-imgbox img:last-child { border-right: #FFF solid 1px;}*/
.area-imgbox { min-width: 17.79rem; min-height: 7.68rem; width: 100%; background-color: #F2F2F2; margin: 0; } 
.area-link { min-width: 17.79rem; min-height: 7.68rem; width: 100%; margin: 0; } 
.area-link ul { margin: 0; padding: 2.143rem; list-style: none; background-color: #F2F2F2; } 
.area-link ul li a { margin-bottom: 0.571rem; border: #FFF solid 1px;position: relative; display: list-item; } 

/* ＋僑校園地 Start */
.ocac-place .area-link { min-width: 17.79rem; min-height: auto; width: 100%; margin: 0; }
.ocac-place .breadcrumb.bg-grey { padding: 12px !important; }

.ocac-place .honor-roll h2 { font-size: 1.429rem; color: #444444; font-weight: 500; text-align: left; margin: 0; height: 30px; } 
.ocac-place .honor-roll .box { 
    background-color: #ebf4dd; 
    padding: 1.65rem 0.214rem;
    min-height: 8.00rem;
    border-top: #9ABF65 solid 0.214rem; 
    margin-bottom: 20px;
    text-align: center;
    display: flex;
}
.ocac-place .honor-roll .box p { 
    color: #444444; 
    font-size: 0.929rem;
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 66px;
    text-align: center;
    margin: 0 auto;
}

.ocac-place .ocac-box ul li, 
.ocac-place .ocac-box ul li a { 
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}

.ocac-place .main-r-box { padding: 0 0 0 2.143rem !important; }
.ocac-place .area-imgbox img { height: 334px; }

.ocac-place .title-green { font-size: 1.286rem ; color: #9abf65; margin: 0 0 15px 0; }

.badge-box { position: relative; float: left; text-align: center; display: block; }

.badge-1 { background-image: url("../img/ic-school.png"); display: block; position: relative; text-decoration: none; width: 66px; height: 60px; margin: 0 auto;}
.badge-1 span { font-size: 15px; color: #FFF; font-weight: bold; display: block; position: relative;float:right; padding: 23px 9px 0  0; text-shadow: 1px 1px 4px #b34141; }

.badge-box2 { position: relative; float: left; text-align: center; display: block; z-index: 0; width:66px; }
.badge-box2 img { width: 60px; max-width: 66px;  }
.badge-2 { z-index: 9 ; background: url("../img/ic-medal.png") top center no-repeat;display: block; position: absolute; width: 20px; height: 30px; bottom: 1.4rem; right: 0; text-align: center; margin: 0 auto;}
.badge-2 span { font-size: 15px; color: #FFF; font-weight: bold; display: block; position: relative; padding: 0; text-shadow: 1px 1px 4px #b34141; }
.badge-box2 p { display: block; padding-top: 4px;} 

/* ＋僑校園地 End */


/* 打暗效果 */
.area-link ul li a:hover,  .area-link ul li a:focus { -webkit-filter:grayscale(1); }
/* 
.area-link ul li a:hover::before, .area-link ul li a:focus::before {
	display: block;
    position: absolute;    
    background: rgba(23, 23, 23, 0.1５);
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 } */


.areabox { padding: 0.86rem 1rem;}

.index_areabox { 
	padding: 0.86rem 1rem 0 1rem;
    margin-bottom: 0.86rem;
	font-size: 1.07rem; font-weight: 300; color: #444444; line-height: 1.57rem;
    overflow : hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/* for Opera */
    -moz-binding: url('ellipsis.xml#ellipsis');    /* Firefox */
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.index_areabox p{
    visibility: visible;
}

.course-info .thumb-info-wrapper:last-child {border-right: #FFF solid 1px;}

.btn.btn-green.pull-right {margin-right: 2px;}

/* carousel */
.ad-item a { 
        font-weight: 400; 
        color: #444; 

        width:100%;
        display: -webkit-box;
        overflow : hidden;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;

        -o-text-overflow: ellipsis;/* for Opera */
        -moz-binding: url('ellipsis.xml#ellipsis');/* Firefox */
        -webkit-line-clamp: 2;
    }
.ad-item a i { color: #777;}
.ad-item {
    font-size: 1.286rem;
    font-weight: 300;
    line-height: 1.8rem;
    background-color: #ddd;
    padding: 1.24rem 1.429rem;
}
.ad-item:hover, .ad-item:focus { background-color: #C6C6C6; cursor: pointer; }


/*  Right Side
------------------------------- */
/* 僑校園地 */
.ocac-box  { margin: 0 auto; }
.ocac-box ul { margin:0 ;padding: 0; list-style: none; }
.ocac-box ul li a { color: #444; line-height: 3.21rem; font-size:1.14rem; font-weight: 300; background-color: #F2F2F2; display: block; padding: 0 .93rem;border: 0px;border-bottom: #FFF solid .14rem;}
.ocac-box ul li a:hover,.ocac-box ul li a:focus { background-color: #e3e3e3;}

/* 相關連結 */
.area-link .owl-nav { display: flex; }
.area-link button { float: left; margin: 0; padding: 0;}
.area-link button.btn-block+.btn-block {
    margin-top: 0; margin-left: 1px;
}
.area-link .btn-green-nwh i { font-size: 24px; font-weight: 600; }


/* Footer 
------------------------------- */
/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

.social-icons li {
    font-size: 36px;
	display: inline-block;
	margin: -1px 0 5px 10px;
    padding: 0;
    border-radius: 4px;
	overflow: visible;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.social-icons li a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
    border-radius: 4px;
	display: block;
	height: 4.29rem;
	line-height: 4.29rem;
    width: 4.29rem;
	text-align: center;
	color: #FFF !important;
	text-decoration: none;
}


.social-icons li.social-icons-facebook a {
	background: #3B5998;
}
.social-icons li:hover.social-icons-facebook a {
	background: #4365ae;
}
.social-icons li.social-icons-youtube a {
	background: #e11a0c;
}
.social-icons li:hover.social-icons-youtube a {
	background: #f51d0e;
}

#footer a:hover, #footer a:focus {
    color: #FFF !important;
}

ul.footer-list { line-height: 1.714rem; margin-left: -10px;}

.footer-list-item,
.footer-social-buttons li { 
    line-height: 1rem;
    display: inline-block;
    padding-right: 12px !important;
    padding-left: 12px !important;
    border-right: 1px solid #D3D3D3;
}
.footer-list-item:last-child {
    border-right: none !important;
}

#footer .footer-copyright ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer .footer-copyright ul li {
    line-height: 1.714rem;
    margin: 0;
    padding: 0;
}



/* Inner Pages
---------------------------------------------- */
/* Breadcrumb */
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\003e";
}
/* Banners */
.inner-banner { width: 81.429rem; height: 23.571rem; margin:0 auto; vertical-align: middle; clear: both;}
.inner-banner span { font-size: 2.286rem; color: #FFF; background-color: rgba(0, 0, 0, .65); padding: 2.000rem 4.286em; display: block; z-index: 99; }
.banner-001 { background-image:url("img/inner/inner-banner-001.jpg");}

/* 最新消息 */
.sidebar { 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+2,ffffff+100&1+40,0+100 */
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 2%, rgba(247,247,247,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 2%,rgba(247,247,247,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,242,242,1) 2%,rgba(247,247,247,1) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */; padding: 1.07rem; min-height: 50.000rem; border-top: #9ABF65 solid .93rem; margin-bottom: 20px; }
.sidebar ul { margin: 0; padding: 0;list-style: none; }
.sidebar ul li { font-size: 1.29rem; color: #444; font-weight: 200; line-height: 4.21rem; border-bottom: #D2DFBF solid 1px;text-align: center; }
.sidebar ul li:last-child { border-bottom: 0; }
.sidebar ul li a {color: #444;}
.sidebar ul li a:hover, .sidebar ul li a:focus, 
.sidebar ul li.active a, .sidebar ul li.active a:hover, .sidebar ul li.active a:focus { color: #000; font-weight: 400; } 

/* 進階搜尋 */
.search-advanced {
    font-size: 1.29rem;
    color: #444;
    font-weight: 200;
    line-height: 4rem;
    width: 100%;
    background-color: #d2dfbf;
    text-align: center;
    border: none;
}
.search-advanced:hover, .search-advanced:focus,
.search-advanced.active {
    color: #000;
    font-weight: 400;
}

.search-wrap {  font-size: 1.143rem; line-height: 1.786rem; background-color: #F2F2F2; padding:1.29rem; margin: -15px -20px -20px -20px; clear: both;}
/* +僑校園地 */
.search-wrap.m-0 { padding: 15px !important; margin: 0 !important;; clear: both !important;;}

.search-wrap.row.no-gutters{ font-size: 1.143rem; line-height: 1.786rem; background-color: transparent !important; padding:1.29rem;clear: both; margin:0 -15px 0 -15px;  }

.search-wrap .form-group { margin: 6px 0 !important; display: inline-block; }
.search-wrap .form-group label { line-height: 34px; }
.search-wrap .form-group input[type=checkbox], .search-wrap .form-group input[type=radio] {
    margin: 8px 0 0 -20px;
    padding: 0;
}

/* 搜尋條件 */
.s-criteria { margin-top:0; }
.inner-section.s-criteria { margin-top:0 !important; }

.search-criteria { min-height: 46.286rem; 
    background: #f2f2f2 url("../img/inner/bg-search-criteria.jpg") no-repeat center center/cover; display: table; }
.search-criteria .search-wrap { background: transparent; width: 100vw; padding: 0; display: table-cell; vertical-align: middle; }
.bg-search-bar {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background: rgba(77, 77, 77, 0.65);
    padding: 24px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}
.search-criteria .search-wrap h2 { color: #FFF; margin: 0; margin-bottom: 1.714rem; font-weight: 300; }

.search-box .divider, .tblog-box .divider {
    border: 0;
    height: 1px;
    margin: 10px auto 30px auto; 
    background: #9abf65;
    text-align: left;
    position: relative;
    clear: both;
}

.tblog-box .news-list ul { padding: 0; }

.search-box .divider h2, 
.tblog-box .divider h2 { font-size: 1.429rem; margin: 0 auto; padding-right: 10px; top: -10px; z-index: 1;position: absolute; background-color: #FFF;}

.search-wrap [type="checkbox"], .search-wrap [type="radio"] { border-radius: 0;}

.bubble {
    position: relative;
    background-color: #99bf64;
    width: 100px;
    margin-right: 26px;
    padding: 0;
    height: 34px;
    font-size: 16px;
    line-height: 2.42em;
    color: #FFF;
    text-align: center;
}

.bubble:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-left: 15px solid #99bf64;
    border-bottom: 17px solid transparent;
    border-right: 1rem solid transparent;
}

.search-wrap .checkbox-inline+.checkbox-inline,
.search-wrap .radio-inline+.radio-inline ,
.search-wrap .checkbox-inline, .search-wrap .radio-inline {
    margin-top: 0;
    margin-left: 0;
    margin-right: 15px;
}
.search-wrap .form-control { border-radius: 0; }
.search-wrap .input-group .form-control { 
    font-size: 16px;
    line-height: 2.857rem;
    height: 2.857rem;
    border: 1px solid #cfcfcf;
 }

.search-wrap .input-group-btn .btn-green { font-size: 16px; font-weight: 200; width: 100px; margin-left: 10px; height: 2.857rem ; border-radius:4px;  }

.info-kyeword { font-size: 1.143rem; font-weight: 200; line-height: 1.786rem; display: block; clear: both; margin: 1.429rem 0; }

.ebookinfo-box {border:1px solid #adafab; border-top:0; margin-top: 80px; }
.sort-item h2 { color: #FFF; font-size: 1.286rem;line-height: 3.143rem; height: 3.143rem; background-color: #adafab; display: block; padding: 0 20px; margin: 0; }

.book-list .thumb-info-caption-text h4 { margin-top: 2px; margin-bottom: 14px; }

.sort-item .book-list { padding: 0 3.143rem;}
.sort-item .book-list hr { border: 0; border-top: 1px dotted #b5b5b5; display: block; height: 0; clear: both; margin: 1.571rem 0 !important; }

.sort-item .book-list .thumb-info { padding: 24px 0; border-bottom: 1px dotted #ccc; top:1px; background-color: transparent; }

.sort-item .news-list i, .sort-item.news-list i { color: #9ABF65; }
.sort-item .news-list ul {
    list-style: none;
    margin: 0px auto;
    padding: 10px 36px;
}
.sort-item .news-list ul li a:hover { color: #000000; }
.sort-item.news-list ul {margin: 10px -15px; padding: 0; }
.sort-item.news-list ul li a:hover { color: #000000; background-color: rgba(255, 255, 255, .7);  }
.sort-item.news-list ul li {line-height: 3.4rem;}

.sort-item .thumb-info-caption-text { margin-top: 28px; vertical-align: middle;}

.book-list-btn .btn.btn-green-nwh { font-size: 16px; border-radius: 4px; vertical-align: middle;height: 50px; width: 30.33333%; /* padding: 0 5.2rem;*/ }
.book-list-btn .btn.btn-green-nwh i { font-size: 33px; vertical-align: middle; margin-left: 8px; margin-top: -6px; }

.sort-item .book-list .thumb-info-caption-text { vertical-align: middle; padding:0; }
.sort-item .book-list .thumb-info-caption-text h4 { font-size: 16px; }
.thumb-info-caption .book-list-btn .btn.btn-green-nwh { font-size: 16px; border-radius: 4px; vertical-align: middle; line-height: 40px;  width: 25%;  }
.thumb-info-caption .book-list-btn .btn.btn-green-nwh i { font-size: 20px; vertical-align: middle; margin-left: 4px; }

.ebook-date i { color: #739a3c; font-weight: 200; margin-right: 10px; }
.ebook-date { font-size: 1rem;color: #adafab; }

/* 會員註冊 */
.register-info ul { list-style: none; padding: 5px 0 0 0; list-style-position: inside;  }
.register-info ul li { margin: 0 0 8px 0; padding: 0 0 0 24px; }
.register-info ul li.red, .register-info li.red:before { color: #901d22; }
.register-info li:before {
    content: '※';
    float: left;
    margin-left: -1.5em;
  }
  .form-horizontal .control-label {
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.notice-box .red,  .red { color: #901d22;}

.register-box { background-color: #dbe8c9; border: none; }
.google-box { background-color: #f0d2cf; border: none; }
.facebook-box { background-color: #cdd8ef; border: none;  }

.register-box,.google-box,.facebook-box { font-weight: 200; color: #666;}
.register-box:hover, .register-box:focus, 
.google-box:hover, .google-box:focus, 
.facebook-box:hover, .facebook-box:focus { color: #000; }
.register-box:hover i, .register-box:focus i { color: #f2f2f2; background-color: #4e8e46; }
.google-box:hover i, .google-box:focus i { color: #f2f2f2; background-color: #901d22; }
.facebook-box:hover i, .facebook-box:focus i { color: #f2f2f2; background-color:#223c72; }
.register-box i { font-size: 2.4rem; color: #fff; background-color: #9abf65; border-radius:4.571rem; width: 4.571rem; height: 4.571rem;  text-align: center; line-height:4.571rem; vertical-align: middle; }
.google-box i { font-size: 2.4rem; color: #fff; background-color: #dc4e41; border-radius:4.571rem; width: 4.571rem; height: 4.571rem;  text-align: center; line-height:4.571rem; vertical-align: middle; }
.facebook-box i { font-size: 3.143rem; color: #fff; background-color: #3b5998; border-radius:4.571rem; width: 4.571rem; height: 4.571rem;  text-align: center; line-height:4.571rem; vertical-align: middle; padding-top: 2px; }
.register-box ul, .google-box ul, .facebook-box ul { padding-left: 0; margin: 1.571rem auto; }
.register-box ul li, .google-box ul li, .facebook-box ul li { font-size: 1.143rem; display: inline-block; vertical-align: middle; text-align: left; }
.register-box li p, .google-box li p, .facebook-box li p { padding: 0.714rem 0 0 8px; }

.img-vcode { width: 100% !important; height: 46px; background: #FFF;}


/* 最新消息 */
.news-list ul { list-style: none; margin: 0 auto; padding: 2rem 0 0.93rem 2.5rem;  }
.news-list ul li { font-size: 1.14rem; font-weight: 300; line-height: 4.07rem; border-bottom: 1px dotted #D8D8D8;  clear: both; }
.news-list ul li a { color: #444; display: block;}
.news-list ul li a:hover { font-weight: 400; color: #000; background-color: #F2F2F2;}
.news-list ul li a:hover .news-date { color: #444;}
.news-list i { color: #901D22; margin-left: 1rem; margin-right: .7rem;}
.news-list .news-date { margin-right: 16px; font-family: Arial, Helvetica, sans-serif;}

.inner-wrap { padding: 0 0 0 3.357rem;}
.inner-wrap h2{ padding: 0; margin: 0; }

.inner-article {font-size: 1.143rem; font-weight: 300; display: block; line-height: 1.714rem; padding: 1.5rem 2.143rem; margin: 0;}

.inner-article p {  
    margin: 0 0 10px 0;
    line-height: 1.857rem;
    text-align: justify;
    }

/* .inner-article p img { max-width: 600px; height: auto;  } */
aside img { max-width: 600px; height: auto; margin: 0 auto 30px auto; }

.inner-article a {color:#51addd ; }

.inner-article ul {list-style: none; padding: 0; margin: 0; margin: 2.143rem 0;}
.inner-article ul li { line-height: 2.143rem; }
.inner-article ul li strong { font-weight: 400;}
.inner-article i { color: #9ABF65; margin-right: 3px; }

hr.dashed, .divider.dashed {
	background: none;
	position: relative;
}

hr.dashed:after, .divider.dashed:after {
	border-top: 1px dashed #DBDBDB;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 100%;
}

.blockquote-title { border-left: 15px solid #9abf65; line-height: 1.714rem; padding: 0 1.071rem;}
.blockquote-title .date { font-size: 1.286rem; color: #a7a7a7; font-weight: 300;  } 
.blockquote-title h2 { font-size: 1.286rem; } 

.annex img { margin: 1.714rem 0; max-width: 600px; }

/* 分頁 */
.pagination>li>a, .pagination>li>span { color: #444; font-size: 1.14rem; line-height: 3.29rem; padding: 0 18px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #6a6a6a;
    border-color: #6a6a6a;
}

/* 電子書城 */
.main-r-box { padding: 0 0 0 3rem !important; }

.book-list .thumb-info-caption-text { color: #444;}
.book-list .thumb-info-side-image .thumb-info-caption .thumb-info-caption-text { padding: 0;}
.book-list .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; }
.book-list .thumb-info img { border-radius: 0; }
.book-list .thumb-info a:hover img { -webkit-filter:brightness(.65); background-color: #000; }
.book-list .thumb-info a:focus img { -webkit-filter:brightness(.65); background-color: #000; }

.ebook-title { margin: 0 0 1.8rem 0;}

.book-list .thumb-info-caption-text h4 { 
    font-size: 1.286rem;
    line-height: 1.5rem;
    height: 1.5rem;
    overflow : hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/* for Opera */
    -moz-binding: url('ellipsis.xml#ellipsis');    /* Firefox */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.book-list .thumb-info-caption-text ul { list-style: none; }
.book-list .thumb-info-caption-text ul li { 
    font-size: 1.14rem; 
    line-height: 1.79rem; 
    font-weight: 200;
    margin-bottom: 6px;
    overflow : hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;/* for Opera */
    -moz-binding: url('ellipsis.xml#ellipsis');    /* Firefox */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

 hr.book-list {
    margin-top: 1.57rem;
    margin-bottom: 1.57rem;
    border: 0;
    border-top: 1px dotted #B5B5B5;
}

/* 搜尋結果＋一般文案頁面 */
.inner-section .search-results h2,
.inner-section .gen-wrap h2 { margin: 0; }
.search-results, .gen-wrap,
.inner-section .gen-wrap .h4, .inner-section .gen-wrap h4 { color: #615a58 !important; }

/* 影音專區 */
section.search-bar { margin: 1.571rem 0 -10px 0 !important; } 
.video-area h2 { font-size: 1.571rem; color: #444444; font-weight: normal; }

/* 僑校活動成果 */
.ocac-img-list .thumb-info-wrapper { border-radius: 0; margin: 0; }

/* .ocac-img-list .thumb-info-caption-text {
    
    font-size: 1.14rem;
    line-height: 1.79rem;
    font-weight: 300;
    
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
    padding: 0;
    margin: 1rem 0;
}  */

.ocac-img-list .thumb-info-caption-text {
    color: #444;
    font-size: 1.14rem;
    line-height: 2rem;
    font-weight: 300;
    text-align: justify;
    overflow : hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0; 
    margin: 1rem 0;
}

.ocac-img-list a:hover .thumb-info-caption-text { color: #739a3c; font-weight: 400; }

.title-ocac { font-size: 20px; color: #444444; }
.ocac .inner-article { padding: 1rem 0; } 
hr.ocac { border-top: 1rem solid #f2f2f2; margin: 0 0 1.857rem 0;}

/* 學華語向前走 */
.tab-item .btn.btn-block.btn-green-nwh:hover,
.tab-item .btn.btn-block.btn-green-nwh:focus,
.tab-item.tblog .btn.btn-block.btn-green-nwh:hover,
.tab-item.tblog .btn.btn-block.btn-green-nwh:focus { background-color: #739a3c;}

.tab-item .btn.btn-block.btn-green-nwh.active,
.tab-item.tblog .btn.btn-block.btn-green-nwh { background-color: #9abf65; box-shadow:none; }
.tab-item .btn.btn-block.btn-green-nwh {background-color: #bccaa8;}


.lc-book .thumb-info { background-color: #f2f2f2 !important; padding: 1.286rem; color: #615a58; font-size: 1.143rem; margin-bottom: 2.143rem; min-height:22rem; }
.lc-book .thumb-info h5 { font-size: 1.429rem;}
.lc-book .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; margin-right: 1.286rem; }
.lc-book .thumb-info-side-image .thumb-info-caption .thumb-info-caption-text {padding: 0; vertical-align: middle; }

.lc-book .thumb-info-caption {display: table; padding: 0; }
.lc-book .thumb-info-caption button { line-height: 30px; margin-top: 10px; border-radius: 4px; }
.lc-book .thumb-info img { border-radius: 0; }
.br-1 { border-right: 1px solid #FFF; }

.btn.plr-50 {padding: 0 3.571rem; border-radius: 4px !important; }

.news-list.material-info ul {margin: 0; padding: 0;}
.news-list.material-info ul li {margin: 0 !important; padding: 0 !important; line-height: 2rem; border-bottom: 0;  }
.news-list.material-info  i { margin-left: 0; margin-right: 0.286rem; color: #9ABF65;}

/* Toggle Style */
html .toggle-primary .toggle label {
    color: #444;
    border-left-color: #f2f2f2;
    border-right-color: #f2f2f2;
  }
  html .toggle-primary .toggle.active > label {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #444;
  }
  html .toggle-primary.toggle-simple .toggle > label:after {
    background-color: #f2f2f2;
  }
  html .toggle-primary .toggle > .toggle-content {
    line-height: 1.714rem;
    background-color: #f8f8f8;    
	padding: 1.429rem 3.429rem 3.000rem 3.429rem ;
    margin-bottom: 2px;
    }
    html .toggle-primary .toggle > .toggle-content ul {  margin: 0; padding: 0; margin-top: 15px;}
    
    html .toggle-primary .toggle > .toggle-content ul ol,
    html .toggle-primary .toggle > .toggle-content ul li {
        color: #444;
        font-size: 1.143rem;
        font-weight: 300;
       margin: 0; padding: 0; list-style: none;
    }
    .toggle > .toggle-content > p,
    b, strong  {
        color: #444;
        font-size: 1.143rem;
        font-weight: 300;
        line-height: 2rem;
    }
    
    


/* 網站地圖 */
    .sitemap-wrap h2 { color: #ffffff; font-size: 1.429rem; text-align: center; background-color: #9abf65; padding: 1rem; line-height:3.571rem; font-weight: 300; margin: 0; border-right: 1px solid #FFF; }
    .sitemap-wrap h2 a { color: #ffffff; }
    .sitemap-wrap a:hover h2 { background-color: #739a3c; }
    .sitemap-wrap ul {  margin: 0; padding: 20px 0 ; min-height: 330px;  }    
    .sitemap-wrap ul li { list-style: none; color: #444; font-size: 1.143rem; letter-spacing: .05em;  font-weight: 300; text-align: left;  padding: .65rem 2.143rem; }
    .sitemap-wrap ul li a { color: #000000;}
    .sitemap-wrap ul li:hover { background-color: #f2f2f2; font-weight: 400; cursor: pointer; }

/* PopUp Dialog */
    .modal-header .close { font-size: 2rem;}
    .modal-content { font-size: 16px; }
    .modal-dialog .form-horizontal .control-label {
        line-height: 34px;
    }
    .modal-footer { border-top: 0; }



/* Responsive */
@media (max-width: 1200px) {
    
    .news-item ul li a { line-height: 1.6rem; padding: 16px 20px;}
    .news-list ul li i { margin-left: 10px !important;}
    .btn.btn-green.pull-right {margin-right: 1px !important;}
    .area-imgbox { min-height: 7.52rem !important;}
    .zone-wrap .b-next { right: 0!important;}
    /* 電子書城 */
    .ebook-title { margin: 0px 0px .9rem; }
    .book-list .thumb-info-caption-text h4 { margin-top: 0; margin-bottom: 6px; }
    .sort-item .book-list {  padding: 0 20px; }
    .thumb-info-caption .book-list-btn .btn.btn-green-nwh { width: 24%; }
    .col-sm-8 .sort-item .news-list ul { margin: 0px; padding: 10px;}
    .col-sm-8 .sort-item .news-list ul li a { line-height: 2rem; padding: 10px; }
    .col-sm-8 .sort-item .news-list ul li a .news-date { display: block;}
    .news-list i { margin-left: 0;}

    .content_wrap .description p.nowrap { white-space: normal; }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .btn.btn-green.pull-right {margin-right: 0 !important;}
    .zone-wrap .b-next { right: 0 !important;}
    .zone-wrap .b-pre, .zone-wrap .b-next { top: 5rem; }

}

@media (min-width: 992px) {
    .ocac-box>ul>li>a { line-height: 22px; padding: .9rem; }
}

@media (max-width: 991px) {
    .content_wrap .description { padding: 1.5rem 1.8rem; } 

    #header .header-search .btn-search { position: absolute;}
    .nav-pills>li.btn-login { margin-right: 36px;}

    .header-nav-main nav > ul > li { border-left: 0; }
    .header-nav-main nav > ul > li > a { line-height: 1rem !important; }

    .dropdown-menu>li>a { color: #666!important; font-size: 13px; font-weight: 300!important; line-height:14px; padding: 4px!important;  }
    .dropdown-menu>li>a:hover { color: #739a3c!important;  }

    section.search-bar { margin:1rem 0 -20px 0 !important; } 
    .area-link ul { padding: 2.143rem 6.68rem; } 

    .news-item ul { margin-bottom: 30px;}
    iframe {height: 420px; margin: 0px;}
    .area-imgbox { min-height: 11.24rem !important;}

    .btn.btn-green.pull-right {margin-right: 1px !important;}
    .zone-wrap .b-pre, .zone-wrap .b-next {display: none !important;}
    .zone-box .course-info { min-height: 305px; }

    .sidebar { background-color: #F2F2F2; padding: .5rem; min-height: auto; border-top: #9ABF65 solid .93rem; }
    .news-list ul { list-style: none; margin: 0 auto; padding: 0;  }

    .main-r-box { padding: 0 0 0 15px !important;}
    .ocac-place .col-md-8.main-r-box  { padding: 0 !important; }
    
    .book-list .thumb-info {margin-bottom: 1.57rem;}
    hr.book-list { margin-top: 0;}
    .sort-item .thumb-info-caption-text { margin-top: 0;}
    .sort-item .thumb-info-caption { padding: 0; }
    .sort-item .thumb-info-caption .book-list-btn .btn.btn-green-nwh { line-height: 30px; }
    .thumb-info-caption .book-list-btn .btn.btn-green-nwh { width: 32%; }   
    
    .ocac-place .area-imgbox img {
        height: 315px;
    }

    .badge-box2 { padding-left: 1rem;}

}

@media (max-width: 767px) {
    .input-group[class*=col-] {
        float: none;
        /* padding-right: 0; */
        /* padding-left: 0; */
    }

    .inner-section { margin-left: 15px !important; margin-right: 15px !important; }
    
    .google-box ul, .facebook-box ul { float: left; padding-left: 22px !important; margin: 1rem auto;  }
    .area-title h2 { padding-left: 15px !important; }
    header#header { min-height: 76px !important; }
    
    #header .header-logo img { width: 172px; margin: 10px; }
    #header .header-btn-collapse-nav { margin: 8px 10px;}
    #header .header-nav-top { margin-top: 10px; }

    .nav-pills>li.btn-login { background-color:#F2F2F2 !important; border-color:#F2F2F2 !important; }

    .nav-pills>li.btn-login>a {color: #888 !important;}

    .nav-pills>li.btn-login,
    .nav-pills>li.btn-login>a:hover,
    .nav-pills>li.btn-login>a:focus {width: 38px; height: 34px; border-radius: 4px !important; margin-right: 10px; }

    .nav-pills>li.btn-login i { display: block !important; font-size: 0.9em; }

    #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active > a:focus, #header .header-nav-main nav > ul > li.active > a:hover { background-color: #F2F2F2;}

    iframe { height: 280px;}
    .thumb-info .thumb-info-title {padding: 8px 10px; }

    /* .content_wrap .breadcrumb { margin: -5px 10px; } */
    .content_wrap .description { padding: 10px 10px;}

    .sidebar ul li { line-height: 3.2rem;}
    .main-r-box { padding: 15px !important;}

    .sort-item .news-list ul { padding: 0 !important; }
    .sort-item .news-list ul li a .news-date, .sort-item .news-list ul li a:hover .news-date {
        color: #444;
    }
    
    
}
@media (max-width: 768px) {
    .content_wrap .breadcrumb {padding: 10px 15px !important; }
    .content_wrap .description { padding: 10px !important; }
    .news-list ul { margin: 15px !important;}

    .ocac-place .area-imgbox img { height: auto; }
    
}
@media (max-width: 640px) {
    
    .news-item ul li a { line-height: 2rem; padding: 8px 15px; font-size: 16px; text-align: justify;}
    .news-list ul li i { margin-left: 0 !important;}
    .area-title h2 { line-height: 2rem; } 
    .area-title b { display: block; padding: 0; margin: 0; line-height: 1.7rem; }
    .zone-box h4 { font-size: 1.24rem;padding: 0 0 4px 0; margin: 0;}

    .ad-item a{
        width: 100vw;
        overflow : hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;/* for Opera */
        -moz-binding: url('ellipsis.xml#ellipsis');    /* Firefox */
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
    
    .area-link { min-width: 17.79rem; min-height: 7.68rem;}  

    .footer-info span { padding-left:0 !important; }
    
    .inner-wrap { padding: 0 15px; }

    .inner-article p { margin: 0 0 20px 0;}

    .zone-box .course-info { min-height: auto; }
    .news-date { display: block;}
    .news-list ul li a .news-date,.news-list ul li a:hover .news-date { color: #901D22;}
    .news-list ul li a { line-height: 1.64rem; padding: 10px 15px; }
    .news-list ul li i { margin-left: 0; }

    .pagination>li>a, .pagination>li>span {
        color: #444;
        font-size: 14px;
        line-height: 2.7rem;
        padding: 0 1rem;
    }
    .dropdown-menu { font-size: 14px;}
    .main-r-box { padding: 10px !important;}
    .ocac-place .main-r-box { padding: 0 15px !important; }
    .search-wrap .form-group { margin: 3px  !important; }
    .book-list .thumb-info-caption .book-list-btn .btn.btn-green-nwh { width: 45%; }
    .book-list .thumb-info-caption { display: flex;}

    .thumb-info-caption-text ul { width: 100%; margin: 0; padding: 0;  }


    .sitemap-wrap ul { min-height: 60px; padding: 0 !important;} 
    
  }

  @media (max-width: 480px) {

    .inner-article {  padding: 0 0 1.5rem 0 ; }
    * { font-weight: normal; }
    .content_wrap .description p { margin: 0 10px !important; }
    .content_wrap .description.notice-box p { line-height: 1.2em }
    
    .inner-article p { text-align: left;}
    .inner-article p img, .annex img { width: 100% !important; height: auto !important; }

    #footer { margin-top: 0; }
    iframe {height: 210px;}
    .area-link ul { padding: 2.143rem; } 
    section.search-bar { margin: 10px 0 -40px 0 !important; } 

    .search-wrap .checkbox-inline+.checkbox-inline,
    .search-wrap .radio-inline+.radio-inline ,
    .search-wrap .checkbox-inline, .search-wrap .radio-inline {        
        margin-right: 40px;
    }
    .book-list-btn .btn.btn-green-nwh { width: 100%;}
    .book-list .thumb-info-caption .book-list-btn .btn.btn-green-nwh { width: 90%; }
    .book-list .thumb-info-caption .book-list-btn .m-xs {margin: 3px 0 !important;}
    .thumb-info-caption .book-list-btn .btn.btn-green-nwh {
        font-size: 15px;
        line-height: 16px !important;
        height: 36px;
    }
    .news-list ul { margin:0 !important;}
    .news-list i { margin-right: 4px; }
    .sort-item .news-list ul { padding: 0 !important; }
    .col-sm-8 .sort-item .news-list ul li a { line-height: 1.8rem; padding: 12px 20px; }
    /* .thumb-info-side-image-wrapper a img { width: 100% !important; display: flex;}
    .ebook-info ul { display: flex; clear:both ;} */
    .content_wrap .description * { font-size: 15px !important; line-height: 22px; }
    .content_wrap .description { padding: 10px 5px !important;  }

    .google-box *, .facebook-box * ,.search-results *,.gen-wrap *, .inner-section * { font-size: 15px; }

    .inner-section .search-results, .inner-section .gen-wrap { margin: -15px 10px;}
    .inner-section .search-results h2,.inner-section .gen-wrap h2 { font-size: 24px; margin: 10px 0 0 0; }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; }
    .search-wrap { margin: 0 !important;}
    .search-criteria { min-height: 23.143rem; margin: 0; }

    /* 學華語向前走 */
    .lc-book .thumb-info {  margin-bottom: 1.7rem; }
    .btn.plr-50 { width: 100%; }

    /* 教師部落格 */
    .tblog-box .news-list { margin-bottom: 30px;}

    /* 網站導覽 */
    .sitemap-wrap * {font-size: 15px; font-weight: 400 !important; }
    .sitemap-wrap h2 { margin: 5px 0; padding: 0; } 
    .sitemap-wrap ul { min-height: auto; padding: 5px !important;} 

    /* 僑校園地－個人排行 */
    .badge-box2 { padding-left: 0;}
  }