/*
Name: 			theme.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		4.2.0
*/
html {
	direction: ltr;
}

body {
	background-color: #FFF;
	color: #777;
	font-family: "Microsoft YaHei", Pinghei, SimHei;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

body a {
	outline: none !important;
}

li {
	line-height: 24px;
}

/* Body */
@media (max-width: 991px) {
	body > .body {
		overflow-x: hidden;
		overflow-y: auto;
	}
}
/* Responsive */
@media (max-width: 479px) {
	body {
		font-size: 13px;
	}
}
/* Header */
#header {
	position: relative;
	z-index: 100;
}

#header .header-body {
	background: #FFF;
	border-top: 5px solid #EDEDED;
	border-bottom: 1px solid transparent;
	padding: 0px 0 3px 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;
	min-height: 110px;
}

#header .container {
	position: relative;
}

#header .header-container {
	position: relative;
	display: table;
}
#header .header-nav .dropdown a{
	position: relative;
}
#header .header-nav .dropdown a i.hot {
	font-size: 12px;
	position: absolute;
	right: -2px;
	bottom: 40px;
	background: #ff001c;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 24px;
	border-radius: 4px;
	padding: 0 4px;
	transform: scale(0.8);
	display: inline-block;
}
#header .header-nav .dropdown a i.hot::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 5px;
	width: 8px;
	height: 8px;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-right-width: 4px;
	border-right-color: #ff001c;
	border-radius: 0 0 20px 0;
	color: #dddddd;
}
#header .header-top {
	background-color: #f4f4f4;
	border-bottom: 1px solid #ededed;
	margin-top: -13px;
	padding: 8px 0;
	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: 4px 0;
}

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

#header .header-logo .logo {
	-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: #999;
	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 {
	background: #EEE;
}

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

#header .header-nav-top .dropdown-menu {
	border-color: #EEE;
	margin-top: -2px;
	border-radius: 4px 0px 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: 20px;
	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: 1000;
	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: #CCC;
	color: #FFF;
	display: none;
	float: right;
	margin: 42px 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: fixed;
	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: 1000;
}

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: fixed;
	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: 1000;
}

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-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: #e9e9e9;
	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;
}

@media (max-width: 1200px) {
  #header .header-nav.header-nav-top-line nav > ul > li > a{
		padding: 62px 10px 20px 10px !important;
	}
	#header .header-nav.header-nav-top-line nav > ul > li:hover > a {
		padding: 200px 10px 20px 10px !important;
	}
}

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

	#header .header-nav-main nav > ul > li > a {
		border-radius: 4px;
		font-size: 18px;
		font-style: normal;
		/*font-weight: 700;*/
		font-weight: normal;
		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.open > a, #header .header-nav-main nav > ul > li:hover > a {
		background: #CCC;
		color: #FFF;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		top: -1000px;
		display: block;
		opacity: 0;
		left: auto;
		border-radius: 0 4px 4px;
		border: 0;
		border-top: 5px solid #CCC;
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
		margin: -3px 0 0 0;
		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: 5px 0 5px 5px;
		content: " ";
		display: block;
		float: right;
		height: 0;
		margin-right: -10px;
		margin-top: 5px;
		position: absolute;
		right: 15px;
		top: 8px;
		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-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 {
		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: 295px 13px 24px;
		margin: -230px 0 0;
	}

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

	#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{
		background: transparent;
		color: #444;
		padding: 62px 10px 20px 10px;
		margin: 0;
	}
	#header .header-nav.header-nav-top-line nav > ul > li:hover > a {
		background: transparent;
		color: #444;
		padding: 200px 10px 20px 10px;
		margin: -138px 0 0 0;
	}
/*
	#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: -8px;
		left: 0px;
		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 .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.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;
	}

	#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 .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 .header-social-icons {
		margin-top: 30px;
	}
}

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

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

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

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

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

	#header .header-nav-main-light .dropdown-menu > li > a:hover, #header .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: margin-top 0.2s ease;
		-moz-transition: margin-top 0.2s ease;
		transition: margin-top 0.2s ease;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		margin-top: -10px;
	}

	#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 {
		margin-top: 0;
	}
}

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

	#header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu {
		opacity: 1;
	}
}

@media (min-width: 992px) {
	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		-webkit-transition: left 0.2s ease, opacity 0.2s ease;
		-moz-transition: left 0.2s ease, opacity 0.2s ease;
		transition: left 0.2s ease, opacity 0.2s ease;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		left: 90%;
		opacity: 0;
	}

	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
		left: 100%;
		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: 13px;
		font-style: normal;
		line-height: 20px;
		padding: 7px 8px;
		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-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 #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 .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;
}

.main .owl-carousel .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.main .owl-carousel .item{
	/* padding-bottom: 40%; */
	position: relative;
}
.main .owl-carousel .owl-item img {
	width: auto;
	/* max-width: 70%; */
	display: inline-block;
}

.main .owl-carousel.customer-owl-carousel .owl-item img {
	max-width: 70%;
}

.main .owl-carousel .item .title {
	font-size: 46px;
	color: #fff;
	font-weight: 600;
	margin: 30px 0;
	line-height: 1;
}
.main .owl-carousel .item .title.mini {
	font-size: 30px;
}
.main .owl-carousel .item .sub-title {
	font-weight: 400;
	font-size: 24px;
	color: #fff;
	margin: 5px 0;
	line-height: 1;
}
.main .owl-carousel .item .sub-title.large-space {
	 margin: 20px 0;
}
.main .owl-carousel .item .orange {
	color: #e79b38;
	font-weight: 600;
}
.main .owl-carousel .item .inline-block {
	display: inline-block;
	width: auto;
}
.main .owl-carousel .item .container .banner-container{
	position: relative;
	z-index: 9;
	padding-bottom: 50%;
}
.main .owl-carousel .item .container .banner{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.main .owl-carousel .item .banner-left.without-right {
	padding-left: 300px;
}
.main .owl-carousel .banner .banner-left,
.main .owl-carousel .banner .banner-right  {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}
/* .main .owl-carousel .banner .company-carousel {
	width: 400px;
	 margin-right: 100px
} */
.main .owl-carousel .banner .company-list{
	width: 40%;
	margin-right: 110px;
}
.main .owl-carousel .banner .company-list img{
	max-width: 100%;
	margin: 50px 0 0 0;
}
.main .owl-carousel .banner .company-list .dots {
	text-align: center;
	margin-top: 20px;
}
.main .owl-carousel .banner .company-list .dots span{
	display: inline-block;
	border-radius: 0;
	width: 6px;
	background-color: #777;
	height: 6px;
}
.main .owl-carousel .banner .company-carousel .owl-dots {
	bottom: -30px;
}
.main .owl-carousel .banner .company-carousel .owl-dots span {
	border-radius: 0;
	width: 6px;
	height: 6px;
}
.main .owl-carousel .banner .company-carousel.owl-carousel .owl-dots .owl-dot.active span,
.main .owl-carousel .banner .company-carousel.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #777;
}
.main .owl-carousel .banner .company-carousel img {
	max-width: 100%;
}
.main .owl-carousel .banner .banner-left.flex-row {
	flex-direction: row;
	align-items: center;
}
.main .owl-carousel .banner .banner-right .banner-img{
	max-width: 500px;
	max-height: 70%;
	/* transition: all .3s; */
	position: relative;
}
.main .owl-carousel .owl-item.active .animate-title {
	animation: zoomIn .7s 2.5s both, pulse .7s 3.2s;
}
.main .owl-carousel .owl-item.active .animate-fadeInUp{
	animation: fadeInUp .7s both;
}
.main .owl-carousel .owl-item.active .animate-fadeInDown{
	animation: fadeInDown .7s both;
}
.main .owl-carousel .owl-item.active .animate-fadeInLeft{
	animation: fadeInLeft .7s both;
}
.main .owl-carousel .owl-item.active .animate-zoomIn{
	animation: zoomIn .7s both;
}
.main .owl-carousel .owl-item.active .animate-fadeIn{
	animation: fadeIn .7s both;
}

.main .owl-carousel .item .wheel {
	left: 0;
	position: absolute;
	top: 0;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.main .owl-carousel .item .wheel .wheel-1,
.main .owl-carousel .item .wheel .wheel-2 {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	transform: translateX(-45%);
}

.main .owl-carousel .item .wheel .wheel-1 img,
.main .owl-carousel .item .wheel .wheel-2 img{
	height: 100%;
}
.main .owl-carousel .owl-item .wheel-1 img{
	animation: rotateRight 20s linear infinite;
}
.main .owl-carousel .owl-item .wheel-2 img{
	animation: rotateLeft 25s linear infinite;
}

.main .owl-carousel .item .line {
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/9825a7a456a0d85c7db01d032c25fae8.png) no-repeat top right/auto 100%;
	animation: line 2s linear alternate infinite;
}
.main .banner_bar {
	/* position: absolute;
	bottom: 0; */
	width: 100%;
	background-color: #393939;
}
.main .banner_bar .banner_bar_wrap{
	padding: 20px 80px 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 17px;
	color: #fff;
	z-index: 999;
	line-height: 1.4;
}
.main .banner_bar .banner_bar_wrap a {
	color: #fff;
}
.main .banner_bar .banner_bar_wrap  .btn {
	padding: 12px 30px;
	font-size: 22px;
	font-weight: 600;
}
.main .banner_bar .banner_bar_wrap a:hover {
	text-decoration: none;
}
.main .banner_bar .banner_bar_wrap .desc b {
	/* color: #f5af2c; */
	color: #efef6d;

	/* color: #FFDC00; */
	/* color: #FFE6AE; */
	/* color: #F4E192; */
	font-size: 20px;
}
.main .customer-logo {
	position: relative;
}
.main .customer-logo .row {
	margin-right: 0px;
	margin-left: 0px;
}
.main .customer-logo .col {
	padding-left: 0;
	padding-right: 0;
}
.main .customer-logo::before,
.main .customer-logo::after {
	content: '';
	position: absolute;
	background: #fff;
	z-index: 9;
}

.main .customer-logo::before {
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
}

.main .customer-logo::after {
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
}

.main .customer-logo .logo-img {
	text-align: center;
	border-bottom: 1px solid #E1E8F1;
	border-right: 1px solid #E1E8F1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.main .customer-logo .logo-img img{
	max-width: 75%;
	margin: 0 auto;
}
.main .customer-logo .logo-img.big img {
	max-width: 65%;
}
.main .customer-logo .logo-img.small img {
	max-width: 92%;
}
.main .customer-logo-container .dots {
	text-align: center;
	margin-top: 20px;
}
.main .customer-logo-container .dots span{
	display: inline-block;
	border-radius: 0;
	width: 10px;
	background-color: #b0b0b0;
	border-radius: 50%;
	height: 10px;
	cursor: pointer;
}
@media (min-width: 1200px) {
	.main .customer-logo .logo-img  {
		height: 80px;
	}
}

@media (max-width: 1200px) {
	.main .customer-logo .logo-img  {
		height: 100px;
	}
}

/* @media (min-width: 768px) and (max-width: 992px)  {
	.main .customer-logo .logo-img  {
		height: 100px;
	}
}

@media (max-width: 768px)  {
	.main .customer-logo .logo-img  {
		height: 100px;
	}
} */

@media (max-width: 1600px) {
	.main .owl-carousel .item .container .banner-container{
		padding-bottom: 50%;
	}
}
@media (max-width: 1200px) {
	.main .owl-carousel .item .container .banner-container{
		padding-bottom: 50%;
	}
}
@media (max-width: 991px) {
	.main .banner_bar .banner_bar_wrap{
		font-size: 16px;
		/* padding: 10px 0; */
		padding: 10px 0px 10px 0px;
	}
	.main .tp-bullets {
		display: none;
	}
}
@media (max-width: 768px) {
	.main .banner_bar .banner_bar_wrap{
		font-size: 12px;
		padding: 10px 0px 10px 0px;
	}
	.main .tp-bullets {
		display: none;
	}
	.main .banner_bar .btn {
		padding: 6px 12px;
		font-size: 14px;
	}
	.main .owl-carousel .banner .company-list {
		width: 60%;
		margin: 0 20px;
	}
	.main .owl-carousel .banner .company-list img {
		margin: 10px 0;
	}
	.main .owl-carousel .item .container .banner-container{
		padding-bottom: 70%;
	}
	.main .owl-carousel .banner .banner-right .banner-img {
		max-height: 50%;
	}
	.main .owl-carousel .item .title {
		font-size: 24px;
		margin: 10px 0;
	}
	.main .owl-carousel .item .title.mini {
		font-size: 18px;
	}
	.main .owl-carousel .item .sub-title {
		font-size: 16px;
		margin: 0 0;
	}
	.main .owl-carousel .item .banner-left.without-right {
		padding-left: 50px;
	}
}
/* 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 li table {
	width: 100%;
	margin-top: 0px;
}

#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[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;
	padding: 0;
}

.page-header .breadcrumb > li {
	text-shadow: none;
}

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

.page-header h1 {
	border-bottom: 5px solid #CCC;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	font-size: 2.6em;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}

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

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

/* Page Header - More Padding */
.page-header-more-padding {
	padding: 35px 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;
}

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

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

/* 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;
	margin-top: -10px;
}

/* 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(https://cdn.shuzijz.cn/material/shuzilm/website/images/c157256063e6c8a4d4a9be2e98570070.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 (max-width: 991px) {
	.page-header .breadcrumb {
		float: none !important;
		position: static !important;
	}
}

@media (max-width: 479px) {
	.page-header {
		padding: 16px 0;
	}

	.page-header h1 {
		line-height: 37px;
	}
}

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

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

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

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

.text-weight-light {
	font-weight: 300;
}

.text-weight-normal {
	font-weight: 400;
}

.text-weight-semibold {
	font-weight: 600;
}

.text-weight-bold {
	font-weight: 700;
}

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

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

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

.rounded {
	border-radius: 5px;
}

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

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

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

/* Spacements */
/* spacement top & bottom */
.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	*/
.pr-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;
}

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

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

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

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

/* Parallax */
.parallax {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 0;
	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-ready {
	background-attachment: fixed;
}

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

/* Responsive */
@media (max-width: 991px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: 50% 50% !important;
	}
}
/* Section Featured */
section.section {
	background: #f4f4f4;
	border-top: 5px solid #f1f1f1;
	margin: 0;
	padding: 10px 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: repeat;
	border: 0;
}

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

section.section.section-overlay:before {
	content: "";
	display: block;
	background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/74a30695ca7ba333ad576849d1d78a2a.png) repeat scroll 0 0 transparent;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

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

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

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;
}

/* 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;
}

/* Home Slider - Revolution Slider */
.slider-container {
	/* background: #171717; */
	height: 500px;
	overflow: hidden;
	width: 100%;
	direction: ltr;
}
.rev_slider_container {
	width: 100%;
}
.slider-container .tparrows {
	border-radius: 6px;
}

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

.slider-container .main-label {
	color: #FFF;
	font-size: 42px;
	line-height: 50px;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
	margin: 43px 0 0;
	/* padding-left: 20px; */
	/* text-align: center; */
}

.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: 26px;
	line-height: 40px;
	font-weight: 500;
	/* padding-left: 20px; */
}

.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;
	margin: 60px 0 0;
}

.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-opacity-overlay {
	background: rgba(0, 0, 0, 0.85);
}

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

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

.slider-container.light .tp-bannershadow {
	filter: alpha(opacity=5);
	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;
}

/* 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 0px 0px;
	box-shadow: none;
	margin-top: 10px;
}

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

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

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

/* Custom Map */
section.section-custom-map {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/55b34202f90389e2029a509f2becb841.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/ae733590b3c449db5488f02cea6c0e32.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/db862ac07458f7a214fac56f6632bc67.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/45d64feeb07e981f8a2f8cfe830695b3.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/45d64feeb07e981f8a2f8cfe830695b3.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/19fb1c854af4342aee19751a217b4231.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

.home-concept .cloud {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/19fb1c854af4342aee19751a217b4231.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;
	}
}
/* #Footer */
#footer {
	background: #0e0e0e;
	border-top: 4px solid #0e0e0e;
	font-size: 0.9em;
	margin-top: 0px;
	padding: 30px 0 0;
	position: relative;
	clear: both;
}

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

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

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

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

#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 {
	filter: alpha(opacity=85);
	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;
	filter: alpha(opacity=55);
	opacity: 0.55;
}

#footer .twitter-account:hover {
	filter: alpha(opacity=100);
	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 0 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: 0;
}

#footer .logo {
	display: block;
}

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

#footer .footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	margin-top: 10px;
	padding: 10px 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 .footer-copyright p a {
	color: #555;
	margin-left: 2px;
	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 {
	padding-top: 50px;
}

#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 .newsletter p, #footer .contact p {
	color: #959697;
}

#footer.color .footer-copyright nav ul li {
	border-left-color: #FFF;
}
#footer .qrcode-container {
	margin-top: 30px;
}


@media (max-width: 767px) {
	#footer .qrcode-container {
		display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	}
}

#footer .qrcode-container .qrcode-item {
	margin: 0 20px;
	text-align: center;
}

#footer .qrcode-container img.qrcode {
	width: 100px;
}

#footer .qrcode-container p {
	margin: 10px 0px;
}

/* Responsive */
@media (max-width: 991px) {
	#footer .phone {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	/* Footer */
	#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] {
	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(https://cdn.shuzijz.cn/material/shuzilm/website/images/f63bd8b19220c393d2e6db2d9c9def15.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/0c2f72cef019391020251129494b6f25.png);
}

html.dark .home-concept .process-image {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/40d77dc50f31aeda8deb6b7e593f501a.png);
}

html.dark .home-concept .project-image {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/40d77dc50f31aeda8deb6b7e593f501a.png);
}

html.dark .home-concept .sun {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/8e259a80d202305d558908b3fb01d1fd.png);
}

html.dark .home-concept .cloud {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/8e259a80d202305d558908b3fb01d1fd.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(https://cdn.shuzijz.cn/material/shuzilm/website/images/db20bcff83f2e1c4c810756b2a7f3e70.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 .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(https://cdn.shuzijz.cn/material/shuzilm/website/images/9ee47846cf0d044c0c1cf3818f895119.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 .loading-overlay {
	background: #1d2127;
}

html.dark .loading-overlay .loader:after {
	-webkit-animation: animateLoaderAfterWhite 1s ease-in-out infinite;
	-moz-animation: animateLoaderAfterWhite 1s ease-in-out infinite;
	animation: animateLoaderAfterWhite 1s ease-in-out infinite;
}

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.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 {
	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;
}

/* 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 {
		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 {
		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;
	}
}

.animation-delay-500 {
	animation-delay: .5s !important;
}
.animation-delay-600 {
	animation-delay: .6s !important;
}
.animation-delay-700 {
	animation-delay: .7s !important;
}
.animation-delay-800 {
	animation-delay: .8s !important;
}
.animation-delay-900 {
	animation-delay: .9s !important;
}
.animation-delay-1000 {
	animation-delay: 1s !important;
}
.animation-delay-1500 {
	animation-delay: 1.5s !important;
}
.animation-delay-2000 {
	animation-delay: 2s !important;
}
.animation-delay-2500 {
	animation-delay: 2.5s !important;
}
.animation-delay-3000 {
	animation-delay: 3s !important;
}
.animation-delay-3500 {
	animation-delay: 3.5s !important;
}
.animation-delay-4000 {
	animation-delay: 4s !important;
}

@keyframes rotateRight {
	0% {
		transform-origin: center center;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: center center;
		transform: rotate(360deg);
	}
}


@keyframes rotateLeft {
	0% {
		transform-origin: center center;
		transform: rotate(0deg);
	}

	100% {
		transform-origin: center center;
		transform: rotate(-360deg);
	}
}



@keyframes line {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@charset "UTF-8";
/*
Name: 			theme-elements.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		4.2.0
*/
/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #1d2127;
	font-weight: 200;
	letter-spacing: -1px;
	margin: 0;
}

h1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

h2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 1em;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h1.big {
	font-size: 4.2em;
	line-height: 54px;
}

h1.small {
	font-size: 2.2em;
	line-height: 42px;
	font-weight: 600;
}

h1.short {
	margin-bottom: 15px;
}

h2.short {
	margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin-top: 44px;
}

h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark {
	color: #1d2127;
}

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

h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

/* Heading */
.heading.heading-border {
	margin-bottom: 25px;
}

.heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 {
	margin: 0;
	padding: 0;
}

.heading.heading-bottom-border h1 {
	border-bottom: 5px solid #DBDBDB;
	padding-bottom: 10px;
}

.heading.heading-bottom-border h2, .heading.heading-bottom-border h3 {
	border-bottom: 2px solid #DBDBDB;
	padding-bottom: 10px;
}

.heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 {
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 5px;
}

.heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3 {
	border-bottom: 3px double #DBDBDB;
	padding-bottom: 10px;
}

.heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6 {
	border-bottom: 3px double #DBDBDB;
	padding-bottom: 5px;
}

.heading.heading-middle-border {
	position: relative;
}

.heading.heading-middle-border:before {
	border-top: 1px solid #DBDBDB;
	content: "";
	height: 0;
	left: auto;
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
}

.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
	position: relative;
	background: #FFF;
	display: inline-block;
}

.heading.heading-middle-border h1 {
	padding-right: 15px;
}

.heading.heading-middle-border h2, .heading.heading-middle-border h3 {
	padding-right: 10px;
}

.heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
	padding-right: 5px;
}

.heading.heading-middle-border-reverse {
	text-align: right;
}

.heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 {
	padding-right: 0;
}

.heading.heading-middle-border-reverse h1 {
	padding-left: 15px;
}

.heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3 {
	padding-left: 10px;
}

.heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 {
	padding-left: 5px;
}

.heading.heading-middle-border-center {
	text-align: center;
}

.heading.heading-middle-border-center h1 {
	padding-left: 15px;
	padding-right: 15px;
}

.heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 {
	padding-left: 10px;
	padding-right: 10px;
}

.heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 {
	padding-left: 5px;
	padding-right: 5px;
}

.heading.heading-border-xs:before {
	border-top-width: 1px;
}

.heading.heading-border-sm:before {
	border-top-width: 2px;
}

.heading.heading-border-lg:before {
	border-top-width: 3px;
}

.heading.heading-border-xl:before {
	border-top-width: 5px;
}

/* Modal Titles */
.modal-header h3 {
	color: #333;
	text-transform: none;
}

/* Responsive */
@media (max-width: 479px) {
	h2 {
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	h1.big {
		font-size: 3.2em;
		line-height: 42px;
	}
}
/* Blockquote */
blockquote {
	font-size: 1em;
}

blockquote.with-borders {
	border-radius: 6px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	padding: 15px 20px;
}

/* Paragraphs */
p {
	color: #686868;
	line-height: 24px;
	margin: 0 0 20px;
}

p.featured {
	font-size: 1.6em;
	line-height: 1.5em;
}

p.short {
	margin-bottom: 0;
}

p.tall {
	margin-bottom: 20px;
}

p.taller {
	margin-bottom: 40px;
}

p .alternative-font {
	display: inline-block;
	margin-top: -15px;
	position: relative;
	top: 3px;
	margin-bottom: -6px;
}

/* Links */
a, a:hover, a:focus {
	color: #CCC;
}

/* Drop Caps */
p.drop-caps:first-child:first-letter {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-family: Georgia;
}

p.drop-caps.drop-caps-style-2:first-child:first-letter {
	background-color: #CCC;
	color: #FFF;
	padding: 6px;
	margin-right: 5px;
	border-radius: 4px;
}

/* Alternative Font Style */
.alternative-font {
	color: #CCC;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

/* Nav */
.nav > li > a:hover, .nav > li > a:focus {
	background: transparent;
}

/* Nav List */
ul.nav-list li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

ul.nav-list li a {
	-webkit-transition: background 0.1s;
	-moz-transition: background 0.1s;
	transition: background 0.1s;
	border-bottom: 1px solid #EDEDDE;
	padding: 8px 0;
	display: block;
	color: #666;
	font-size: 0.9em;
	text-decoration: none;
}

ul.nav-list li a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #333;
	margin-left: 10px;
	margin-right: 5px;
	position: relative;
}

ul.nav-list li a:hover {
	background-color: #eee;
	text-decoration: none;
}

ul.nav-list li.active > a {
	font-weight: bold;
}

ul.nav-list li ul {
	list-style: none;
	margin: 0 0 0 25px;
	padding: 0;
}

ul.nav-list li:last-child a {
	border-bottom: none;
}

ul.nav-list.hide-not-active li ul {
	display: none;
}

ul.nav-list.hide-not-active li.active ul {
	display: block;
}

ul.nav-list.show-bg-active .active > a {
	background-color: #f5f5f5;
}

ul.nav-list.show-bg-active .active > a:hover {
	background-color: #eee;
}

ul.narrow li a {
	padding: 4px 0;
}

ul.nav-pills > li.active > a {
	background-color: #CCC;
}

ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {
	background-color: #CCC;
}

/* Nav Secondary */
.nav-secondary {
	background: #fafafa;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	z-index: 99;
	width: 100% !important;
}

.nav-secondary .nav-pills > li {
	float: none;
	display: inline-block;
}

.nav-secondary .nav-pills > li a {
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	padding: 10px 13px;
	text-transform: uppercase;
}

.nav-secondary.sticky-active {
	border-bottom-color: #e9e9e9;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Boxed */
html.boxed .nav-secondary.sticky-active {
	max-width: 1200px;
	left: auto !important;
}

/* Buttons */
.btn {
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}

.btn-default {
	color: #666;
}

.btn-icon i {
	margin-right: 10px;
}

.btn-icon-right i {
	margin-right: 0;
	margin-left: 10px;
}

.btn-primary {
	border-color: #CCC;
	background-color: #CCC;
	border-color: #CCC #CCC #b3b3b3;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-primary:hover {
	border-color: #d9d9d9 #d9d9d9 #bfbfbf;
	background-color: #d9d9d9;
	color: #FFF;
}

.btn-primary:active, .btn-primary:focus {
	border-color: #bfbfbf;
	background-color: #bfbfbf;
	color: #FFF;
}

.btn-primary.dropdown-toggle {
	border-left-color: #bfbfbf;
}

.btn-primary[disabled] {
	border-color: white;
	background-color: white;
	color: #CCC;
}

.btn-success {
	border-color: #47a447;
	background-color: #47a447;
	border-color: #47a447 #47a447 #388038;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-success:hover {
	border-color: #51b451 #51b451 #3f923f;
	background-color: #51b451;
	color: #FFF;
}

.btn-success:active, .btn-success:focus {
	border-color: #3f923f;
	background-color: #3f923f;
	color: #FFF;
}

.btn-success.dropdown-toggle {
	border-left-color: #3f923f;
}

.btn-success[disabled] {
	border-color: #86cb86;
	background-color: #86cb86;
	color: #CCC;
}

.btn-warning {
	border-color: #ed9c28;
	background-color: #ed9c28;
	border-color: #ed9c28 #ed9c28 #d18211;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-warning:hover {
	border-color: #efa740 #efa740 #e89113;
	background-color: #efa740;
	color: #FFF;
}

.btn-warning:active, .btn-warning:focus {
	border-color: #e89113;
	background-color: #e89113;
	color: #FFF;
}

.btn-warning.dropdown-toggle {
	border-left-color: #e89113;
}

.btn-warning[disabled] {
	border-color: #f5c786;
	background-color: #f5c786;
	color: #CCC;
}

.btn-danger {
	border-color: #d2322d;
	background-color: #d2322d;
	border-color: #d2322d #d2322d #a82824;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-danger:hover {
	border-color: #d74742 #d74742 #bd2d29;
	background-color: #d74742;
	color: #FFF;
}

.btn-danger:active, .btn-danger:focus {
	border-color: #bd2d29;
	background-color: #bd2d29;
	color: #FFF;
}

.btn-danger.dropdown-toggle {
	border-left-color: #bd2d29;
}

.btn-danger[disabled] {
	border-color: #e48481;
	background-color: #e48481;
	color: #CCC;
}

.btn-info {
	border-color: #5bc0de;
	background-color: #5bc0de;
	border-color: #5bc0de #5bc0de #31b0d5;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-info:hover {
	border-color: #70c8e2 #70c8e2 #46b8da;
	background-color: #70c8e2;
	color: #FFF;
}

.btn-info:active, .btn-info:focus {
	border-color: #46b8da;
	background-color: #46b8da;
	color: #FFF;
}

.btn-info.dropdown-toggle {
	border-left-color: #46b8da;
}

.btn-info[disabled] {
	border-color: #b0e1ef;
	background-color: #b0e1ef;
	color: #CCC;
}

.btn-dark {
	border-color: #1d2127;
	background-color: #1d2127;
	border-color: #1d2127 #1d2127 #07080a;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-dark:hover {
	border-color: #282d36 #282d36 #121518;
	background-color: #282d36;
	color: #FFF;
}

.btn-dark:active, .btn-dark:focus {
	border-color: #121518;
	background-color: #121518;
	color: #FFF;
}

.btn-dark.dropdown-toggle {
	border-left-color: #121518;
}

.btn-dark[disabled] {
	border-color: #495362;
	background-color: #495362;
	color: #CCC;
}

/* Border Buttons */
.btn-borders {
	border-width: 3px;
}

.btn-borders.btn-primary {
	background: transparent;
	border-color: #CCC;
	color: #CCC;
	text-shadow: none;
}

.btn-borders.btn-primary:hover, .btn-borders.btn-primary:focus {
	background-color: #d9d9d9;
	border-color: #CCC !important;
	color: #FFF;
}

.btn-borders.btn-success {
	background: transparent;
	border-color: #47a447;
	color: #47a447;
	text-shadow: none;
}

.btn-borders.btn-success:hover, .btn-borders.btn-success:focus {
	background-color: #51b451;
	border-color: #47a447 !important;
	color: #FFF;
}

.btn-borders.btn-warning {
	background: transparent;
	border-color: #ed9c28;
	color: #ed9c28;
	text-shadow: none;
}

.btn-borders.btn-warning:hover, .btn-borders.btn-warning:focus {
	background-color: #efa740;
	border-color: #ed9c28 !important;
	color: #FFF;
}

.btn-borders.btn-danger {
	background: transparent;
	border-color: #d2322d;
	color: #d2322d;
	text-shadow: none;
}

.btn-borders.btn-danger:hover, .btn-borders.btn-danger:focus {
	background-color: #d74742;
	border-color: #d2322d !important;
	color: #FFF;
}

.btn-borders.btn-info {
	background: transparent;
	border-color: #5bc0de;
	color: #5bc0de;
	text-shadow: none;
}

.btn-borders.btn-info:hover, .btn-borders.btn-info:focus {
	background-color: #70c8e2;
	border-color: #5bc0de !important;
	color: #FFF;
}

.btn-borders.btn-dark {
	background: transparent;
	border-color: #1d2127;
	color: #1d2127;
	text-shadow: none;
}

.btn-borders.btn-dark:hover, .btn-borders.btn-dark:focus {
	background-color: #282d36;
	border-color: #1d2127 !important;
	color: #FFF;
}

/* Border Buttons - Sizes */
.btn-borders {
	padding: 4px 12px;
}

.btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn {
	padding: 8px 16px;
}

.btn-borders.btn-sm, .btn-group-sm > .btn-borders.btn {
	border-width: 2px;
	padding: 4px 10px;
}

.btn-borders.btn-xs, .btn-group-xs > .btn-borders.btn {
	padding: 1px 5px;
	border-width: 1px;
}

/* 3D Buttons */
.btn-3d {
	border-bottom-width: 3px;
	padding: 5px 12px;
	border-radius: 6px;
}

.btn-3d.btn-lg, .btn-group-lg > .btn-3d.btn {
	padding: 9px 16px;
}

.btn-3d.btn-sm, .btn-group-sm > .btn-3d.btn {
	border-width: 2px;
	padding: 4px 10px;
}

.btn-3d.btn-xs, .btn-group-xs > .btn-3d.btn {
	padding: 1px 5px;
	border-width: 1px;
}

/* Labels */
.label-primary {
	background-color: #CCC;
	color: #FFF;
}

.label-success {
	background-color: #47a447;
	color: #FFF;
}

.label-warning {
	background-color: #ed9c28;
	color: #FFF;
}

.label-danger {
	background-color: #d2322d;
	color: #FFF;
}

.label-info {
	background-color: #5bc0de;
	color: #FFF;
}

.label-dark {
	background-color: #1d2127;
	color: #FFF;
}

.label.label-sm {
	font-size: 0.7em;
}

.label.label-lg {
	font-size: 1em;
}

/* Forms */
form label {
	font-weight: normal;
}

textarea {
	resize: vertical;
}

select {
	border: 1px solid #E5E7E9;
	border-radius: 6px;
	outline: none;
}

.label {
	font-weight: normal;
}

.form-group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.form-control:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-color: #CCC;
}

.form-control.error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-control.error:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/* Forms Validations */
label.valid {
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	color: #c10000;
	font-size: 0.9em;
	line-height: 18px;
	padding: 5px 0 0;
}

label.error#captcha-error {
	margin-top: 15px;
}

/* Captcha */
.captcha {
	clear: both;
	overflow: hidden;
	background: #F2F2F2;
	text-align: center;
	margin-bottom: 20px;
	max-width: 160px;
	height: 78px;
	position: relative;
}

.captcha input {
	border: 0;
}

.captcha-input {
	position: relative;
	top: 15px;
	font-size: 14px;
}

.captcha-image {
	float: left;
	position: relative;
	top: -5px;
	left: -13px;
}

.captcha-refresh {
	position: absolute;
	z-index: 1;
	bottom: 2px;
	right: 2px;
	border-radius: 3px;
	padding: 2px 5px;
}

.captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active {
	color: #333;
}

/* Tables */
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
	background-color: #CCC;
	color: #FFF;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #47a447;
	color: #FFF;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #ed9c28;
	color: #FFF;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #d2322d;
	color: #FFF;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #5bc0de;
	color: #FFF;
}

.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th {
	background-color: #1d2127;
	color: #FFF;
}

/* Icons */
.featured-icon {
	background: #CCC;
	border-radius: 35px;
	color: #FFF;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 35px;
}

.featured-icon i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Font Awesome List */
.sample-icon-list {
	margin-top: 22px;
}

.sample-icon-list .sample-icon a {
	display: block;
	color: #222222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
}

.sample-icon-list .sample-icon a .fa, .sample-icon-list .sample-icon a .icons {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}

.sample-icon-list .sample-icon a:hover {
	color: #ffffff;
	text-decoration: none;
}

.sample-icon-list .sample-icon a:hover .fa, .sample-icon-list .sample-icon a:hover .icons {
	font-size: 28px;
	vertical-align: -6px;
}

/* Thumbnails */
.img-rounded {
	border-radius: 4px;
}

.img-thumbnail {
	border-radius: 4px;
	position: relative;
}

.img-thumbnail img {
	border-radius: 4px;
}

.img-thumbnail .zoom {
	background: #CCC;
	border-radius: 100%;
	bottom: 8px;
	color: #FFF;
	display: block;
	height: 30px;
	padding: 6px;
	position: absolute;
	right: 8px;
	text-align: center;
	width: 30px;
}

.img-thumbnail .zoom i {
	font-size: 14px;
	left: -1px;
	position: relative;
	top: -3px;
}

.img-thumbnail.img-thumbnail-hover-icon {
	position: relative;
}

.img-thumbnail.img-thumbnail-hover-icon img {
	position: relative;
	z-index: 1;
}

.img-thumbnail.img-thumbnail-hover-icon:before {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 4px;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	z-index: 2;
}

.img-thumbnail.img-thumbnail-hover-icon:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	font-family: FontAwesome;
	color: #FFF;
	content: "\f00e";
	font-size: 30px;
	height: 30px;
	position: absolute;
	top: 30%;
	margin-top: -15px;
	display: block;
	text-align: center;
	width: 100%;
	opacity: 0;
	z-index: 3;
}

.img-thumbnail.img-thumbnail-hover-icon:hover:before {
	opacity: 1;
}

.img-thumbnail.img-thumbnail-hover-icon:hover:after {
	top: 50%;
	opacity: 1;
}

/* Image Gallery */
ul.image-gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.image-gallery .image-gallery-item {
	margin-bottom: 35px;
}

/* Thumbnail Gallery */
ul.thumbnail-gallery {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.thumbnail-gallery li {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0;
}

/* Responsive */
@media (max-width: 991px) {
	.thumbnail {
		border: 0;
		text-align: center;
	}
}
/* Masonry */
.masonry .masonry-item {
	width: 25%;
}

.masonry .masonry-item.w2 {
	width: 50%;
}

.masonry .masonry-item img {
	border-radius: 0 !important;
}

/* Mockup */
@media (min-width: 992px) {
	.mockup-landing-page {
		margin-top: -120px;
	}
}
/* List */
.list li {
	margin-bottom: 13px;
}

.list.pull-left li {
	text-align: left;
}

.list.list-icons {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.list.list-icons li {
	position: relative;
	padding-left: 25px;
}

.list.list-icons li .fa, .list.list-icons li .icons {
	position: absolute;
	left: 0;
	top: 5px;
}

.list.list-icons.list-icons-style-2 li {
	padding-top: 5px;
	padding-left: 36px;
}

.list.list-icons.list-icons-style-2 li .fa, .list.list-icons.list-icons-style-2 li .icons {
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 4px;
}

.list.list-icons.list-icons-style-3 li {
	padding-top: 5px;
	padding-left: 36px;
}

.list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons {
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 5px;
}

.list.list-icons.list-icons-sm li {
	padding-left: 13px;
	margin-bottom: 5px;
}

.list.list-icons.list-icons-sm li .fa, .list.list-icons.list-icons-sm li .icons {
	font-size: 0.8em;
	top: 7px;
}

.list.list-icons.list-icons-sm.list-icons-style-2 li {
	padding-left: 32px;
}

.list.list-icons.list-icons-sm.list-icons-style-2 li .fa, .list.list-icons.list-icons-sm.list-icons-style-2 li .icons {
	width: 20px;
	height: 20px;
	padding: 3px;
}

.list.list-icons.list-icons-sm.list-icons-style-3 li {
	padding-left: 32px;
}

.list.list-icons.list-icons-sm.list-icons-style-3 li .fa, .list.list-icons.list-icons-sm.list-icons-style-3 li .icons {
	width: 20px;
	height: 20px;
	padding: 3px;
}

.list.list-icons.list-icons-lg li {
	padding-top: 5px;
	padding-left: 32px;
}

.list.list-icons.list-icons-lg li .fa, .list.list-icons.list-icons-lg li .icons {
	font-size: 1.5em;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li {
	padding-top: 8px;
	padding-left: 42px;
}

.list.list-icons.list-icons-lg.list-icons-style-2 li .fa, .list.list-icons.list-icons-lg.list-icons-style-2 li .icons {
	width: 30px;
	height: 30px;
	padding: 4px;
}

.list.list-icons.list-icons-lg.list-icons-style-3 li {
	padding-top: 8px;
	padding-left: 42px;
}

.list.list-icons.list-icons-lg.list-icons-style-3 li .fa, .list.list-icons.list-icons-lg.list-icons-style-3 li .icons {
	width: 30px;
	height: 30px;
	padding: 4px;
}

.list.list-icons.list-icons-reverse li {
	text-align: right;
	padding-right: 25px;
	padding-left: 0;
}

.list.list-icons.list-icons-reverse li .fa, .list.list-icons.list-icons-reverse li .icons {
	position: absolute;
	left: auto;
	right: 0;
	top: 5px;
}

.list.list-icons.list-icons-reverse.list-icons-style-2 li {
	padding-right: 36px;
}

.list.list-icons.list-icons-reverse.list-icons-style-3 li {
	padding-right: 36px;
}

.list.list-icons.list-icons-reverse.list-icons-sm li {
	padding-left: 0;
	padding-right: 13px;
}

.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li {
	padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li {
	padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-lg li {
	padding-left: 0;
	padding-right: 32px;
}

.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li {
	padding-right: 42px;
}

.list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li {
	padding-right: 42px;
}

.list.list-borders li {
	border-bottom: 1px solid #DBDBDB;
	margin-top: 9px;
	margin-bottom: 0;
	padding-bottom: 9px;
}

.list.list-borders li:last-child {
	border-bottom: 0;
}

.list.list-side-borders {
	border-left: 1px solid #DBDBDB;
	padding-left: 10px;
}

.list.list-ordened {
	counter-reset: custom-counter;
	list-style: none;
}

.list.list-ordened li {
	position: relative;
	padding-left: 22px;
}

.list.list-ordened li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(custom-counter);
	counter-increment: custom-counter;
	font-weight: bold;
}

.list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li {
	padding-left: 32px;
}

.list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before {
	border-radius: 100%;
	border-style: solid;
	border-width: 1px;
	min-width: 26px;
	padding: 0;
	text-align: center;
}

.list.list-ordened.list-ordened-style-3 li:before {
	color: #FFF;
	border: 0;
}

.list.list-unstyled {
	padding-left: 0;
	padding-right: 0;
}

dl dd {
	margin-bottom: 15px;
}

/* Sitemap */
ul.sitemap > li > a {
	font-weight: bold;
}

ul.sitemap.list li {
	margin: 0 0 3px 0;
}

ul.sitemap.list ul {
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Accordion */
.panel-group .panel-heading {
	padding: 0;
	border-radius: 3px;
}

.panel-group .panel-heading a {
	display: block;
	padding: 10px 15px;
}

.panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus {
	text-decoration: none;
}

.panel-group .panel-heading a [class^="icon-"] {
	margin-right: 4px;
	position: relative;
	top: 1px;
}

.panel-group .panel-heading a .fa, .panel-group .panel-heading a .icons {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.panel-group.panel-group-sm .panel-heading a {
	padding: 5px 15px;
	font-size: 0.9em;
}

.panel-group.panel-group-sm .panel-body {
	font-size: 0.9em;
}

.panel-group.panel-group-lg .panel-heading a {
	padding: 15px 15px;
	font-size: 1em;
	font-weight: 600;
}

.panel-group.without-bg .panel-default {
	background: transparent !important;
}

.panel-group.without-bg .panel-default > .panel-heading {
	background: transparent !important;
}

.panel-group.without-bg .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

.panel-group.without-borders .panel {
	border: 0;
	box-shadow: none;
	border-bottom: 1px solid #DDD;
	border-radius: 0;
}

.panel-group.without-borders .panel-heading a {
	padding-left: 0;
	padding-right: 0;
}

.panel-group.without-borders .panel-body {
	padding: 0;
}

/* Tabs */
.tabs {
	border-radius: 4px;
	margin-bottom: 20px;
}

.nav-tabs {
	margin: 0;
	padding: 0;
	font-size: 0;
	border-bottom-color: #EEE;
}

.nav-tabs li {
	display: inline-block;
	float: none;
}

.nav-tabs li:last-child a {
	margin-right: 0;
}

.nav-tabs li a {
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	margin-right: 1px;
}

.nav-tabs li a, .nav-tabs li a:hover {
	background: #F4F4F4;
	border-bottom: none;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 3px solid #EEE;
	color: #CCC;
}

.nav-tabs li a:hover {
	border-bottom-color: transparent;
	border-top: 3px solid #CCC;
	box-shadow: none;
}

.nav-tabs li a:active, .nav-tabs li a:focus {
	border-bottom: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background: #FFF;
	border-left-color: #EEE;
	border-right-color: #EEE;
	border-top: 3px solid #CCC;
	color: #CCC;
}

.tab-content {
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #EEE;
	border-top: 0;
	padding: 15px;
}

/* Right Aligned */
.nav-tabs.nav-right {
	text-align: right;
}

/* Bottom Tabs */
.tabs.tabs-bottom {
	margin: 0 0 20px 0;
	padding: 0;
}

.tabs.tabs-bottom .tab-content {
	border-radius: 4px 4px 0 0;
	border-bottom: 0;
	border-top: 1px solid #EEE;
}

.tabs.tabs-bottom .nav-tabs {
	border-bottom: none;
	border-top: 1px solid #EEE;
}

.tabs.tabs-bottom .nav-tabs li {
	margin-bottom: 0;
	margin-top: -1px;
}

.tabs.tabs-bottom .nav-tabs li:last-child a {
	margin-right: 0;
}

.tabs.tabs-bottom .nav-tabs li a {
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	margin-right: 1px;
}

.tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom: 3px solid #EEE;
	border-top: 1px solid #EEE;
}

.tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom: 3px solid #CCC;
	border-top: 1px solid #EEE;
}

.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom: 3px solid #CCC;
	border-top-color: transparent;
}

/* Vertical */
.tabs-vertical {
	display: table;
	width: 100%;
	padding: 0;
	border-top: 1px solid #EEE;
}

.tabs-vertical .tab-content {
	display: table-cell;
	vertical-align: top;
}

.tabs-vertical .nav-tabs {
	border-bottom: none;
	display: table-cell;
	height: 100%;
	float: none;
	padding: 0;
	vertical-align: top;
}

.tabs-vertical .nav-tabs > li {
	display: block;
}

.tabs-vertical .nav-tabs > li a {
	border-radius: 0;
	display: block;
	padding-top: 10px;
}

.tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus {
	border-bottom: none;
	border-top: none;
}

.tabs-vertical .nav-tabs > li.active a,
.tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus {
	border-top: none;
}

/* Vertical - Left Side */
.tabs-left {
	padding: 0;
}

.tabs-left .tab-content {
	border-radius: 0 5px 5px 5px;
	border-left: none;
}

.tabs-left .nav-tabs > li {
	margin-right: -1px;
}

.tabs-left .nav-tabs > li:first-child a {
	border-radius: 5px 0 0 0;
}

.tabs-left .nav-tabs > li:last-child a {
	border-radius: 0 0 0 5px;
	border-bottom: 1px solid #eee;
}

.tabs-left .nav-tabs > li a {
	border-right: 1px solid #EEE;
	border-left: 3px solid #EEE;
	margin-right: 1px;
	margin-left: -3px;
}

.tabs-left .nav-tabs > li a:hover {
	border-left-color: #CCC;
}

.tabs-left .nav-tabs > li.active a,
.tabs-left .nav-tabs > li.active a:hover,
.tabs-left .nav-tabs > li.active a:focus {
	border-left: 3px solid #CCC;
	border-right-color: #FFF;
}

/* Vertical - Right Side */
.tabs-right {
	padding: 0;
}

.tabs-right .tab-content {
	border-radius: 5px 0 5px 5px;
	border-right: none;
}

.tabs-right .nav-tabs > li {
	margin-left: -1px;
}

.tabs-right .nav-tabs > li:first-child a {
	border-radius: 0 5px 0 0;
}

.tabs-right .nav-tabs > li:last-child a {
	border-radius: 0 0 5px 0;
	border-bottom: 1px solid #eee;
}

.tabs-right .nav-tabs > li a {
	border-right: 3px solid #EEE;
	border-left: 1px solid #EEE;
	margin-right: 1px;
	margin-left: 1px;
}

.tabs-right .nav-tabs > li a:hover {
	border-right-color: #CCC;
}

.tabs-right .nav-tabs > li.active a,
.tabs-right .nav-tabs > li.active a:hover,
.tabs-right .nav-tabs > li.active a:focus {
	border-right: 3px solid #CCC;
	border-left: 1px solid #FFF;
}

/* Justified */
.nav-tabs.nav-justified {
	padding: 0;
	margin-bottom: -1px;
}

.nav-tabs.nav-justified li {
	margin-bottom: 0;
}

.nav-tabs.nav-justified li:first-child a,
.nav-tabs.nav-justified li:first-child a:hover {
	border-radius: 5px 0 0 0;
}

.nav-tabs.nav-justified li:last-child a,
.nav-tabs.nav-justified li:last-child a:hover {
	border-radius: 0 5px 0 0;
}

.nav-tabs.nav-justified li a {
	border-bottom: 1px solid #DDD;
	border-radius: 0;
	margin-right: 0;
}

.nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus {
	border-bottom: 1px solid #DDD;
}

.nav-tabs.nav-justified li.active a,
.nav-tabs.nav-justified li.active a:hover,
.nav-tabs.nav-justified li.active a:focus {
	background: #FFF;
	border-left-color: #EEE;
	border-right-color: #EEE;
	border-top-width: 3px;
}

.nav-tabs.nav-justified li.active a {
	border-bottom: 1px solid #FFF;
}

.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
	border-top-width: 3px;
}

.nav-tabs.nav-justified li.active a:hover {
	border-bottom: 1px solid #FFF;
}

/* Bottom Tabs with Justified Nav */
.tabs.tabs-bottom {
	padding: 0;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
	border-top: none;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
	margin-right: 0;
	border-top-color: transparent;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
	border-radius: 0 0 0 5px;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
	margin-right: 0;
	border-radius: 0 0 5px 0;
}

.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
	border-top-color: transparent;
}

/* Center */
.tabs-center .nav-tabs {
	margin: 0 auto;
	text-align: center;
}

/* Navigation */
.tabs-navigation {
	border-radius: 5px;
}

.tabs-navigation .nav-tabs > li {
	margin-bottom: 1px;
}

.tabs-navigation .nav-tabs > li a {
	color: #686868;
	padding: 14px;
	line-height: 120%;
}

.tabs-navigation .nav-tabs > li a:before {
	font-family: FontAwesome;
	content: "\f054";
	position: absolute;
	right: 15px;
	top: 15px;
}

.tabs-navigation .nav-tabs > li a .fa, .tabs-navigation .nav-tabs > li a .icons {
	margin-right: 4px;
}

.tabs-navigation .nav-tabs > li:first-child a {
	border-radius: 5px 5px 0 0;
}

.tabs-navigation .nav-tabs > li.active a, .tabs-navigation .nav-tabs > li.active a:hover, .tabs-navigation .nav-tabs > li.active a:focus {
	border-right-color: #eee;
}

.tabs-navigation .nav-tabs > li:last-child a {
	border-radius: 0 0 5px 5px;
}

.tab-pane-navigation {
	display: none;
}

.tab-pane-navigation.active {
	display: block;
}

/* Simple */
.tabs.tabs-simple .nav-tabs {
	border: 0;
	margin-bottom: 10px;
}

.tabs.tabs-simple .nav-tabs > li {
	margin-left: 0;
	margin-bottom: 20px;
}

.tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus {
	padding: 15px 30px;
	background: none;
	border: 0;
	border-bottom: 3px solid #eee;
	border-radius: 0;
	color: #686868;
	font-size: 16px;
}

.tabs.tabs-simple .tab-content {
	border: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
}

/* Responsive */
@media (max-width: 479px) {
	.tabs .nav.nav-tabs.nav-justified li {
		display: block;
		margin-bottom: -5px;
	}

	.tabs .nav.nav-tabs.nav-justified li a {
		border-top-width: 3px !important;
		border-bottom-width: 0 !important;
	}

	.tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover {
		border-radius: 5px 5px 0 0;
	}

	.tabs .nav.nav-tabs.nav-justified li:last-child a, .tabs .nav.nav-tabs.nav-justified li:last-child a:hover {
		border-radius: 0;
	}

	.tabs.tabs-bottom .nav.nav-tabs.nav-justified li {
		margin-bottom: 0;
		margin-top: -5px;
	}

	.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
		border-bottom-width: 3px !important;
		border-top-width: 0 !important;
	}

	.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover {
		border-radius: 0;
	}

	.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover {
		border-radius: 0 0 5px 5px;
	}
}
/* Toggles */
.toggle {
	margin: 10px 0 20px;
	position: relative;
	clear: both;
}

.toggle .toggle {
	margin: 10px 0 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: 5px;
	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;
}

.toggle > .toggle-content > p {
	margin-bottom: 0;
	padding: 10px 0;
}

.toggle.active i.fa-minus {
	display: inline;
}

.toggle.active i.fa-plus {
	display: none;
}

.toggle.active > label {
	background: #F4F4F4;
	border-color: #CCC;
}

.toggle.active > label:before {
	border: 6px solid transparent;
	border-top-color: #FFF;
	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: #686868;
	padding-left: 32px;
	margin-bottom: -10px;
	font-size: 1em;
	font-weight: 600;
	color: #1d2127;
}

.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: 7px;
	right: auto;
	margin-top: 0;
	top: 12px;
	font-family: FontAwesome;
	content: "\f067";
	z-index: 2;
	color: #FFF;
	font-size: 13px;
}

.toggle.toggle-simple .toggle.active > label {
	background: transparent;
	color: #1d2127;
}

.toggle.toggle-simple .toggle.active > label:before {
	content: "\f068";
}

/* Owl Carousel */
.owl-carousel {
	margin-bottom: 20px;
}

.owl-carousel .thumbnail {
	margin-right: 1px;
}

.owl-carousel .item-video {
	height: 300px;
}

.owl-carousel .owl-nav {
	top: 50%;
	position: absolute;
	margin-top: -20px;
	width: 100%;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 30px;
}

.owl-carousel .owl-nav .owl-prev {
	left: -5px;
}

.owl-carousel .owl-nav .owl-prev:before {
	font-family: FontAwesome;
	content: "\f053";
	position: relative;
	left: -1px;
	top: 1px;
}

.owl-carousel .owl-nav .owl-next {
	right: -5px;
}

.owl-carousel .owl-nav .owl-next:before {
	font-family: FontAwesome;
	content: "\f054";
	position: relative;
	left: 2px;
	top: 1px;
}

.owl-carousel.stage-margin .owl-stage-outer {
	margin-left: 40px !important;
	margin-right: 40px !important;
}

.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.owl-carousel.show-nav-hover .owl-nav {
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.owl-carousel.show-nav-hover .owl-nav .owl-prev {
	left: -20px;
}

.owl-carousel.show-nav-hover .owl-nav .owl-next {
	right: -20px;
}

.owl-carousel.show-nav-hover:hover .owl-nav {
	opacity: 1;
}

.owl-carousel.show-nav-title .owl-nav {
	top: 0;
	right: 0;
	margin-top: -45px;
	width: auto;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover {
	font-size: 18px;
	background: transparent;
	width: 18px;
	font-size: 18px;
}

.owl-carousel.show-nav-title .owl-nav .owl-prev {
	left: -45px;
}

.owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover {
	padding: 3px 7px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #999 !important;
	color: #999;
}

.owl-carousel.nav-bottom .owl-nav {
	position: static;
	margin: 0;
	padding: 0;
	width: auto;
}

.owl-carousel.nav-bottom .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-nav .owl-next {
	position: static;
}

.owl-carousel.nav-inside .owl-nav, .owl-carousel.nav-inside .owl-dots {
	bottom: 2px;
	margin-top: 10px;
	position: absolute;
	right: 6px;
}

.owl-carousel.full-width .owl-nav, .owl-carousel.big-nav .owl-nav {
	margin-top: -30px;
}

.owl-carousel.full-width .owl-nav [class*="owl-"], .owl-carousel.full-width .owl-nav [class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav [class*="owl-"], .owl-carousel.big-nav .owl-nav [class*="owl-"]:hover {
	height: auto;
	padding: 20px 0;
}

.owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev {
	border-radius: 0 4px 4px 0;
}

.owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next {
	border-radius: 4px 0 0 4px;
}

.owl-carousel.top-border {
	border-top: 1px solid #DBDBDB;
	padding-top: 18px;
}

/* Spaced */
.owl-carousel-spaced {
	margin-left: -5px;
}

.owl-carousel-spaced .owl-item > div {
	margin: 5px;
}

/* Testimonials */
.owl-carousel.testimonials img {
	display: inline-block;
	height: 70px;
	width: 70px;
}

/* Responsive */
@media (max-width: 479px) {
	.owl-carousel-spaced {
		margin-left: 0;
	}
}
/* Carousel Areas */
.carousel-areas {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/3ccbca21542bf6bc356117e0f5f10fb2.png) repeat 0 0;
	margin-bottom: -10px;
	padding: 10px 10px 0 10px;
	border-radius: 6px 6px 0 0;
}

.carousel-areas .owl-carousel {
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.carousel-areas .owl-carousel .owl-nav .owl-prev {
	left: -55px;
}

.carousel-areas .owl-carousel .owl-nav .owl-next {
	right: -55px;
}

.carousel-areas .owl-carousel:first-child img {
	border-radius: 6px 6px 0 0;
}

/* Responsive */
@media (max-width: 991px) {
	.carousel-areas .owl-carousel .owl-nav {
		display: none;
	}
}
/* Video */
section.video {
	-webkit-transform: translate3d(0, 0, 0);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
	width: 100%;
}

section.video .container {
	position: relative;
	z-index: 3;
}

section.video .video-overlay {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/74a30695ca7ba333ad576849d1d78a2a.png) repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

html.boxed section.video > div:first-child {
	z-index: 0 !important;
}

html.boxed section.video > div:first-child video {
	z-index: 0 !important;
}

/* Popup */
.popup-inline-content {
	background: none repeat scroll 0 0 #FFF;
	margin: 40px auto;
	max-width: 1170px;
	padding: 20px 30px;
	position: relative;
	text-align: left;
	display: none;
}

.mfp-wrap .popup-inline-content {
	display: block;
}

/* Close */
.mfp-close,
.mfp-close-btn-in .mfp-close {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #838383;
}

/* No Margins */
.mfp-no-margins img.mfp-img {
	padding: 0;
}

.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}

.mfp-no-margins .mfp-container {
	padding: 0;
}

/* Zoom */
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Animnate */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001;
	/* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
	transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(600px) rotateX(0);
	-moz-transform: translateY(0) perspective(600px) rotateX(0);
	-ms-transform: translateY(0) perspective(600px) rotateX(0);
	-o-transform: translateY(0) perspective(600px) rotateX(0);
	transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
	transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0.01;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Dialog */
.dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	margin: 40px auto;
	position: relative;
	max-width: 600px;
}

.dialog.dialog-xs {
	max-width: 200px;
}

.dialog.dialog-sm {
	max-width: 400px;
}

.dialog.dialog-md {
	max-width: 600px;
}

.dialog.dialog-lg {
	max-width: 900px;
}

/* White Popup Block */
.white-popup-block {
	background: #FFF;
	padding: 20px 30px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

.white-popup-block.white-popup-block-xs {
	max-width: 200px;
}

.white-popup-block.white-popup-block-sm {
	max-width: 400px;
}

.white-popup-block.white-popup-block-md {
	max-width: 600px;
}

.white-popup-block.white-popup-block-lg {
	max-width: 900px;
}

/* Lightbox Opened */
body.lightbox-opened.sticky-menu-active #header {
	padding-right: 17px;
}

/* Modal Opened */
body.sticky-menu-active.modal-open #header {
	padding-right: 17px;
}

/* Miscellaneous */
.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.push-bottom {
	margin-bottom: 35px;
}

.push-top {
	margin-top: 35px;
}

.align-center, .center {
	text-align: center !important;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right !important;
}

.bold {
	font-weight: bold;
}

.semi-bold {
	font-weight: 600;
}

.inverted {
	color: #FFF;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

h1 .inverted {
	padding-left: 10px;
	padding-right: 10px;
}

h2 .inverted {
	padding-left: 7px;
	padding-right: 7px;
}

h3 .inverted {
	padding-left: 2px;
	padding-right: 2px;
}

h4 .inverted {
	padding-left: 4px;
	padding-right: 4px;
}

h5 .inverted {
	padding-left: 2px;
	padding-right: 2px;
}

h6 .inverted {
	padding-left: 2px;
	padding-right: 2px;
}

/* Cursor */
.cur-pointer {
	cursor: pointer;
}

/* Font Size */
.font-size-xs {
	font-size: 0.8em;
}

.font-size-sm {
	font-size: 0.9em;
}

.font-size-md {
	font-size: 1em;
}

.font-size-lg {
	font-size: 1.1em;
}

.font-size-xl {
	font-size: 1.2em;
}

/* Line Height */
.line-height-xs {
	line-height: 16px;
}

.line-height-sm {
	line-height: 20px;
}

.line-height-md {
	line-height: 24px;
}

.line-height-lg {
	line-height: 28px;
}

.line-height-xl {
	line-height: 32px;
}

/* Text Decoration */
.text-decoration-none {
	text-decoration: none !important;
}

/* Display */
.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block !important;
}

.display-inline {
	display: inline !important;
}

/* Block Link */
.block-link {
	display: block !important;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #CCC;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #CCC;
	border-color: #CCC;
}

/* Read More */
.read-more,
.learn-more {
	display: inline-block;
	white-space: nowrap;
}

/* Offset Anchor */
.offset-anchor {
	display: block;
	position: relative;
	visibility: hidden;
	top: -100px;
}

/* Responsive */
@media (max-width: 991px) {
	.offset-anchor {
		top: 0;
	}
}
/* Show Grid */
.show-grid [class*="col-md-"] .show-grid-block {
	background-color: #EEE;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	border: 1px solid #FFF;
	display: block;
}

/* Alerts */
.alert .fa, .alert .icons {
	margin-right: 8px;
	font-size: 1.1em;
}

.alert ul {
	padding: 0;
	margin: 7px 0 0 40px;
}

.alert ul li {
	font-size: 0.9em;
}

.alert.alert-sm {
	padding: 5px 10px;
	font-size: 0.9em;
}

.alert.alert-lg {
	padding: 20px;
	font-size: 1.2em;
}

.alert.alert-default {
	background-color: #f2f2f2;
	border-color: #eaeaea;
	color: #737373;
}

.alert.alert-default .alert-link {
	color: #4c4c4c;
}

.alert.alert-dark {
	background-color: #333a44;
	border-color: #07080a;
	color: #ced3db;
}

.alert.alert-dark .alert-link {
	color: #fafbfb;
}

/* Embed Responsive */
.embed-responsive.embed-soundcloud {
	padding-bottom: 19.25%;
}

.embed-responsive.embed-responsive-borders {
	border: 1px solid #DDD;
	padding: 4px;
	border-radius: 4px;
}

/* Content Grid */
.content-grid {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.content-grid .content-grid-item {
	position: relative;
	padding: 30px;
	margin: 0;
}

.content-grid .content-grid-item:before, .content-grid .content-grid-item:after {
	content: '';
	position: absolute;
}

.content-grid .content-grid-item:before {
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #DADADA;
}

.content-grid .content-grid-item:after {
	width: 100%;
	height: 0;
	top: auto;
	left: 0;
	bottom: -1px;
	border-bottom: 1px solid #DADADA;
}

.content-grid .content-grid-item .img-responsive {
	display: inline-block;
}

.content-grid.content-grid-dashed .content-grid-item:before {
	border-left: 1px dashed #DADADA;
}

.content-grid.content-grid-dashed .content-grid-item:after {
	border-bottom: 1px dashed #DADADA;
}

/* Alert Admin */
.alert-admin {
	margin: 25px 0;
}

.alert-admin img {
	margin: -50px 0 0;
}

.alert-admin .btn {
	margin: 0 0 -15px;
}

.alert-admin p {
	color: #444;
}

.alert-admin h4 {
	color: #111;
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
}

.alert-admin .warning {
	color: #B20000;
}

/* Not Included */
.not-included {
	color: #b7b7b7;
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: -4px 0;
	padding: 0;
}

/* Tip */
.tip {
	display: inline-block;
	padding: 0 5px;
	background: #FFF;
	color: #111;
	text-shadow: none;
	border-radius: 3px;
	margin-left: 8px;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

.tip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}

.tip.skin {
	color: #FFF;
}

/* Custom Underline */
.custom-underline {
	background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/9cb473aa9fadf280e7562d5ffbd56d4f.png) no-repeat center 100%;
	padding-bottom: 25px;
	font-size: 1.5em;
}

/* Dividers */
hr {
	background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
	background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
	border: 0;
	height: 1px;
	margin: 22px 0;
}

hr.short {
	margin: 11px 0;
}

hr.tall {
	margin: 44px 0;
}

hr.taller {
	margin: 66px 0;
}

hr.solid {
	background: #DBDBDB;
}

hr.light {
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent);
	background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);
}

hr.invisible {
	background: none;
}

.divider {
	border: 0;
	height: 1px;
	margin: 44px auto;
	background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
	background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
	text-align: center;
	position: relative;
	clear: both;
}

.divider.taller {
	margin: 66px auto;
}

.divider .fa, .divider .icons {
	text-align: center;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #FFF;
	border-radius: 50px;
	color: #a9a9a9;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	width: 50px;
	font-size: 20px;
	margin: 0 auto 0 -25px;
	top: -25px;
	left: 50%;
	z-index: 1;
}

.divider.divider-solid {
	background: #DBDBDB;
}

.divider.divider-icon-sm .fa, .divider.divider-icon-sm .icons {
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: -15px;
	font-size: 15px;
	margin-left: -16px;
}

.divider.divider-icon-lg {
	margin: 86px 0;
}

.divider.divider-icon-lg .fa, .divider.divider-icon-lg .icons {
	width: 60px;
	height: 60px;
	line-height: 60px;
	top: -30px;
	font-size: 30px;
	margin-left: -30px;
}

.divider.divider-icon-lg.taller {
	margin: 100px auto;
}

.divider.divider-xs {
	width: 35%;
}

.divider.divider-sm {
	width: 67%;
}

.divider.divider-left .fa, .divider.divider-left .icons {
	left: 0;
	margin-left: 0;
	margin-right: 0;
	right: auto;
}

.divider.divider-right .fa, .divider.divider-right .icons {
	left: auto;
	margin-left: 0;
	margin-right: 0;
	right: 0;
}

.divider.divider-style-2 .fa, .divider.divider-style-2 .icons {
	background: #f4f4f4;
	color: #a9a9a9;
}

.divider.divider-style-3 .fa, .divider.divider-style-3 .icons {
	border: 1px solid #CECECE;
}

.divider.divider-style-4 .fa, .divider.divider-style-4 .icons {
	border: 1px solid #CECECE;
}

.divider.divider-style-4 .fa:after, .divider.divider-style-4 .icons:after {
	border: 3px solid #f4f4f4;
	border-radius: 50%;
	box-sizing: initial;
	content: "";
	display: block;
	height: 100%;
	left: -4px;
	padding: 1px;
	position: absolute;
	top: -4px;
	width: 100%;
}

.divider.divider-small {
	margin: 22px auto;
	background: transparent;
}

.divider.divider-small hr {
	width: 50px;
	height: 3px;
	background: #555;
}

.divider.divider-small.divider-small-center {
	text-align: center;
}

.divider.divider-small.divider-small-center hr {
	margin-left: auto;
	margin-right: auto;
}

.divider.divider-small.divider-small-right {
	text-align: right;
}

.divider.divider-small.divider-small-right hr {
	margin-left: auto;
}

.divider.divider-small.divider-light hr {
	background: #DDD;
}

.divider.divider-small.divider-small-sm hr {
	height: 1px;
}

.divider.divider-small.divider-small-lg hr {
	height: 6px;
}

.divider.divider-small.tall {
	margin: 34px 0;
}

.divider.divider-small.taller {
	margin: 46px 0;
}

hr.dashed, .divider.dashed {
	background: none;
	position: relative;
}

hr.dashed:after, .divider.dashed:after {
	border: 1px dashed #DBDBDB;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 100%;
}

hr.pattern, .divider.pattern {
	background: none;
	position: relative;
}

hr.pattern:after, .divider.pattern:after {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/b3f83e45eeb910739e8957a585ebc0fc.png) repeat 0 0;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 100%;
}

hr.pattern.pattern-2:after, .divider.pattern.pattern-2:after {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/abbdd18bf29d0f0fe7bf50cf1296aac1.png);
}

/* Sort Source Wrapper */
.sort-source-wrapper {
	padding: 8px 0;
	position: relative;
}

.sort-source-wrapper .nav {
	margin: -100px 0 5px;
}

.sort-source-wrapper .nav > li > a {
	color: #FFF;
	background: transparent;
}

.sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus {
	background: transparent;
}

.sort-source-wrapper .nav > li.active > a {
	background: transparent;
}

.sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus {
	background: transparent;
}

/* Sort Source */
.sort-source {
	clear: both;
}

.sort-source > li > a {
	padding: 6px 12px;
}

.sort-source.sort-source-style-2 {
	margin: -10px auto;
}

.sort-source.sort-source-style-2 > li {
	float: none;
	display: inline-block;
}

.sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover {
	background: transparent;
	color: #FFF;
	display: inline-block;
	border-radius: 0;
	margin: 0;
	padding: 18px 28px;
	position: relative;
}

.sort-source.sort-source-style-2 > li > a:after {
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	transition: margin 0.3s;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #CCC;
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	margin-top: 0;
	opacity: 0;
}

.sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover {
	background: transparent;
}

.sort-source.sort-source-style-2 > li.active > a:after {
	opacity: 1;
	margin-top: 18px;
}

@media (max-width: 991px) {
	.sort-source.sort-source-style-2 > li {
		display: block;
	}

	.sort-source.sort-source-style-2 > li.active > a:after {
		display: none !important;
	}
}
/* Sort Destination */
.sort-destination {
	overflow: hidden;
}

.sort-destination.full-width {
	position: relative;
}

.sort-destination.full-width .isotope-item {
	width: 20%;
	float: left;
}

.sort-destination.full-width .isotope-item.w2 {
	width: 40%;
}

.sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img {
	border-radius: 0;
}

.sort-destination.full-width-spaced {
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
}

.sort-destination.full-width-spaced .portfolio-item {
	margin-left: 20px;
	margin-right: 20px;
}

.sort-source-wrapper + .sort-destination.full-width {
	margin: 0 0 -81px;
	top: -51px;
}

/* Responsive */
@media (max-width: 991px) {
	.sort-destination.isotope {
		overflow: visible !important;
		height: auto !important;
	}

	.sort-destination.isotope.full-width {
		overflow: hidden !important;
	}

	.isotope-hidden {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.isotope-item {
		position: static !important;
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}

	.isotope-item.product {
		position: relative !important;
	}

	.sort-source-wrapper {
		background: #171717;
		clear: both;
		margin-top: -35px;
	}

	.sort-source-wrapper .nav {
		margin: 0;
	}

	.sort-destination {
		height: auto !important;
	}

	.sort-destination, .isotope-item {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.sort-destination.full-width,
	.sort-source-wrapper + .sort-destination.full-width {
		max-width: none;
		margin: 0 0 -30px;
		top: 0;
	}

	.sort-destination.full-width .isotope-item,
	.sort-source-wrapper + .sort-destination.full-width .isotope-item {
		max-width: none;
	}
}

@media (max-width: 479px) {
	.sort-destination, .isotope-item {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.sort-destination.full-width .isotope-item,
	.sort-source-wrapper + .sort-destination.full-width .isotope-item {
		position: static !important;
		clear: both;
		float: none;
		width: auto;
	}
}
/* Pricing Tables */
.pricing-table {
	margin: 10px 0;
	padding: 0 15px;
	text-align: center;
}

.pricing-table ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.pricing-table li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
	color: #686868;
}

.pricing-table h3 {
	background-color: #eee;
	border-radius: 2px 2px 0 0;
	font-size: 1.3em;
	font-weight: normal;
	margin: -20px -20px 50px -20px;
	padding: 20px;
}

.pricing-table h3 .desc {
	font-size: 0.7em;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #686868;
	font-style: normal;
	text-transform: none;
	display: block;
}

.pricing-table h3 span {
	background: #FFF;
	border: 5px solid #FFF;
	border-radius: 100px;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	color: #686868;
	display: block;
	font: bold 25px / 100px Georgia, Serif;
	height: 100px;
	margin: 20px auto -65px;
	width: 100px;
}

.pricing-table .most-popular {
	border: 3px solid #CCC;
	box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	padding: 30px 20px;
	top: -10px;
	z-index: 2;
}

.pricing-table .most-popular h3 {
	background-color: #666;
	color: #FFF;
	padding-top: 30px;
	text-shadow: 0 1px #555;
}

.pricing-table .most-popular h3 .desc {
	color: #FFF;
}

.pricing-table .plan-ribbon-wrapper {
	height: 88px;
	overflow: hidden;
	position: absolute;
	right: -3px;
	top: -5px;
	width: 85px;
}

.pricing-table .plan-ribbon {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
	background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);
	background-color: #bfdc7a;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	color: #333;
	font-size: 14px;
	left: -5px;
	padding: 7px 0;
	position: relative;
	text-align: center;
	text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
	top: 15px;
	width: 120px;
}

.pricing-table .plan-ribbon:before {
	left: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	bottom: -3px;
	content: "";
	position: absolute;
}

.pricing-table .plan-ribbon:after {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	bottom: -3px;
	content: "";
	position: absolute;
	right: 0;
}

.pricing-table [class*="col-md-"] {
	padding-left: 0;
	padding-right: 0;
}

.pricing-table .plan {
	background: #FFF;
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #333;
	margin-bottom: 35px;
	margin-right: 0;
	padding: 20px;
	position: relative;
	text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}

.pricing-table .btn {
	margin-top: 5px;
}

.pricing-table.pricing-table-sm h3 .desc {
	font-size: 0.7em;
}

.pricing-table.pricing-table-sm h3 span {
	border: 3px solid #FFF;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	font: bold 19px/65px Georgia,serif;
	height: 70px;
	margin: 10px auto -65px;
	width: 70px;
}

.pricing-table.pricing-table-sm .most-popular {
	padding-bottom: 30px;
}

.pricing-table.princig-table-flat .plan {
	padding-left: 0;
	padding-right: 0;
	margin: -1px;
}

.pricing-table.princig-table-flat .plan h3 {
	padding-left: 0;
	padding-right: 0;
	margin: -20px 0 0;
	background-color: #666;
	color: #FFF;
	padding-top: 30px;
	text-shadow: 0 1px #555;
}

.pricing-table.princig-table-flat .plan h3 .desc {
	color: #FFF;
}

.pricing-table.princig-table-flat .plan h3 span {
	border-radius: 0;
	border: 0;
	background: #666;
	color: #FFF;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 600;
	box-shadow: none;
	width: 100%;
	font-size: 1.5em;
	height: auto;
	line-height: 38px;
	margin: 0;
}

.pricing-table.princig-table-flat .plan ul {
	margin-top: 0;
	margin-bottom: -15px;
}

.pricing-table.princig-table-flat .plan ul li {
	padding: 8px 0;
}

.pricing-table.princig-table-flat .plan.most-popular ul li {
	padding: 10px 0;
}

.pricing-table.spaced [class*="col-md-"] {
	padding-left: 2px;
	padding-right: 2px;
}

.pricing-table.no-borders .plan {
	border: 0 !important;
}

/* Pricing Tables Boxed */
html.boxed .pricing-table .plan, html.boxed .pricing-table h3 {
	border-radius: 0;
}

/* Responsive */
@media (max-width: 767px) {
	/* Pricing Tables */
	.pricing-table {
		margin-left: 0px;
	}

	.pricing-table .plan {
		margin-right: 0;
	}

	html.boxed .pricing-table {
		margin-left: 0;
	}
}
/* Icon Featured */
.icon-featured {
	display: inline-block;
	font-size: 0px;
	margin: 15px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #FFF;
	font-size: 40px;
	line-height: 110px;
}

.icon-featured:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Featured Box */
.featured-box {
	background: #F5F5F5;
	background: -webkit-linear-gradient( top , #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-radius: 8px;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.featured-box h4 {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.featured-box .box-content {
	border-radius: 8px;
	border-top: 1px solid #CCC;
	border-top-width: 4px;
	padding: 30px 30px 10px 30px;
	position: relative;
	top: -1px;
}

.featured-box .learn-more {
	display: block;
	margin-top: 10px;
}

/* Featured Box Left */
.featured-box-text-left {
	text-align: left;
}

/* Featured Boxes - Flat */
.featured-boxes-flat .featured-box {
	box-shadow: none;
	margin: 10px 0;
}

.featured-boxes-flat .featured-box .box-content {
	background: #FFF;
	margin-top: 65px;
}

.featured-boxes-flat .featured-box .icon-featured {
	display: inline-block;
	font-size: 38px;
	height: 90px;
	line-height: 90px;
	padding: 0;
	width: 90px;
	margin: -100px 0 -15px;
	position: relative;
	top: -37px;
}

/* Featured Boxes - Style 2 */
.featured-boxes-style-2 .featured-box {
	background: none;
	border: 0;
	margin: 10px 0;
	box-shadow: none;
}

.featured-boxes-style-2 .featured-box .box-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.featured-boxes-style-2 .featured-box .icon-featured {
	display: inline-block;
	font-size: 30px;
	height: 75px;
	line-height: 75px;
	padding: 0;
	width: 75px;
	margin-top: 0;
}

/* Featured Boxes - Style 3 */
.featured-boxes-style-3 .featured-box {
	margin: 10px 0;
}

.featured-boxes-style-3 .featured-box .icon-featured {
	display: inline-block;
	font-size: 30px;
	height: 75px;
	line-height: 75px;
	padding: 0;
	width: 75px;
	margin-top: -35px;
	background: #FFF;
	border: 3px solid #CCC;
	color: #CCC;
	line-height: 68px;
}

.featured-boxes-style-3:not(.featured-boxes-flat) .featured-box {
	background: none;
	border: 0;
	box-shadow: none;
}

.featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* Featured Boxes - Style 4 */
.featured-boxes-style-4 .featured-box {
	background: none;
	border: 0;
	margin: 10px 0;
	box-shadow: none;
}

.featured-boxes-style-4 .featured-box .box-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.featured-boxes-style-4 .featured-box .icon-featured {
	display: inline-block;
	font-size: 40px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	width: 45px;
	margin-top: 0;
	margin-bottom: 10px;
	background: transparent;
	color: #CCC;
	border-radius: 0;
}

/* Featured Boxes - Style 5, 6 and 7 */
.featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 10px 0;
}

.featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4 {
	color: #2e353e;
}

.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured {
	display: inline-block;
	font-size: 30px;
	height: 75px;
	padding: 0;
	width: 75px;
	margin-top: 0;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #686868;
	line-height: 73px;
}

/* Featured Boxes - Style 6 */
.featured-boxes-style-6 .featured-box .icon-featured {
	border: 1px solid #cecece;
	color: #686868;
}

.featured-boxes-style-6 .featured-box .icon-featured:after {
	border: 5px solid #f4f4f4;
	border-radius: 50%;
	box-sizing: initial;
	content: "";
	display: block;
	height: 100%;
	left: -6px;
	padding: 1px;
	position: absolute;
	top: -6px;
	width: 100%;
}

/* Featured Boxes - Style 7 */
.featured-boxes-style-7 .featured-box .icon-featured {
	border: 1px solid #dfdfdf;
	color: #686868;
}

/* Featured Boxes - Style 8 */
.featured-boxes-style-8 .featured-box .icon-featured {
	display: inline-block;
	font-size: 30px;
	height: 75px;
	padding: 0;
	width: 75px;
	margin: -15px -15px 0 0;
	background: #FFF;
	line-height: 73px;
	border: 0;
	color: #686868;
}

.featured-boxes-style-8 .featured-box .icon-featured:after {
	display: none;
}

/* Featured Boxes */
.featured-boxes .featured-box {
	margin-bottom: 30px;
	margin-top: 45px;
}

/* Effects */
.featured-box-effect-1 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 3px #FFF;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(1);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(1);
	opacity: 0;
}

.featured-box-effect-1:hover .icon-featured:after {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 1;
}

.featured-box-effect-2 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 3px #FFF;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(0.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(0.8);
	opacity: 0;
}

.featured-box-effect-2:hover .icon-featured:after {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 1;
}

.featured-box-effect-3 .icon-featured:after {
	top: 0;
	left: 0;
	box-shadow: 0 0 0 10px #FFF;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(0.9);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(0.9);
	opacity: 0;
}

.featured-box-effect-3:hover .icon-featured {
	color: #FFF !important;
}

.featured-box-effect-3:hover .icon-featured:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 0.8;
}

.featured-box-effect-4 .icon-featured {
	-webkit-transition: -webkit-transform 0.2s, transform 0.2s;
	-moz-transition: -moz-transform 0.2s, transform 0.2s;
	transition: transform 0.2s, transform 0.2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.featured-box-effect-4:hover .icon-featured {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.featured-box-effect-5 .icon-featured {
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.featured-box-effect-5:hover .icon-featured {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}

	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

.featured-box-effect-6 .icon-featured:after {
	-webkit-transition: all 0.2s, -webkit-transform 0.2s;
	-moz-transition: all 0.2s, -moz-transform 0.2s;
	transition: all 0.2s, transform 0.2s;
}

.featured-box-effect-6:hover .box-content .icon-featured:after {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.featured-box-effect-7 .icon-featured:after {
	opacity: 0;
	box-shadow: 3px 3px #d5d5d5;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	left: 0;
	top: -1px;
}

.featured-box-effect-7:hover .icon-featured:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.featured-box-effect-7 .icon-featured:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.featured-box-effect-7:hover .icon-featured:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Feature Box */
.feature-box {
	clear: both;
}

.feature-box .feature-box-icon {
	background: #CCC;
	border-radius: 35px;
	color: #FFF;
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 35px;
}

.feature-box .feature-box-info {
	padding-left: 50px;
}

/* Style 2 */
.feature-box.feature-box-style-2 h4 {
	color: #1d2127;
}

.feature-box.feature-box-style-2 .feature-box-icon {
	background: transparent;
	width: 50px;
	height: 50px;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon i.icons {
	font-size: 28px;
}

.feature-box.feature-box-style-2 .feature-box-info {
	padding-left: 60px;
}

/* Style 3 */
.feature-box.feature-box-style-3 h4 {
	color: #1d2127;
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border: 1px solid #CCC;
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa,
.feature-box.feature-box-style-3 .feature-box-icon i.icons {
	color: #CCC;
}

/* Style 4 */
.feature-box.feature-box-style-4 h4 {
	color: #1d2127;
}

.feature-box.feature-box-style-4 .feature-box-icon {
	background: transparent;
	padding-bottom: 10px;
	height: auto;
	width: auto;
	float: none;
}

.feature-box.feature-box-style-4 .feature-box-icon i.fa,
.feature-box.feature-box-style-4 .feature-box-icon i.icons {
	font-size: 38px;
}

.feature-box.feature-box-style-4 .feature-box-info {
	clear: both;
	padding-left: 0;
}

/* Style 5 */
.feature-box.feature-box-style-5 h4 {
	color: #1d2127;
}

.feature-box.feature-box-style-5 .feature-box-icon {
	background: transparent;
	width: 74px;
	height: 74px;
}

.feature-box.feature-box-style-5 .feature-box-icon i.fa,
.feature-box.feature-box-style-5 .feature-box-icon i.icons {
	font-size: 44px;
}

.feature-box.feature-box-style-5 .feature-box-info {
	padding-left: 84px;
}

/* Style 6 */
.feature-box.feature-box-style-6 h4 {
	color: #1d2127;
}

.feature-box.feature-box-style-6 .feature-box-icon {
	border: 1px solid #cecece;
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-6 .feature-box-icon:after {
	border: 3px solid #f4f4f4;
	border-radius: 50%;
	box-sizing: initial;
	content: "";
	display: block;
	height: 100%;
	left: -4px;
	padding: 1px;
	position: absolute;
	top: -4px;
	width: 100%;
}

.feature-box.feature-box-style-6 .feature-box-icon i.fa,
.feature-box.feature-box-style-6 .feature-box-icon i.icons {
	color: #a9a9a9;
}

/* Reverse */
@media (min-width: 992px) {
	.feature-box.reverse {
		text-align: right;
	}

	.feature-box.reverse .feature-box-info {
		padding-right: 50px;
		padding-left: 0;
	}

	.feature-box.reverse .feature-box-icon {
		float: right;
		margin-right: 0;
		margin-left: 10px;
	}

	.feature-box.reverse.feature-box-style-2 .feature-box-info {
		padding-right: 60px;
	}

	.feature-box.reverse.feature-box-style-4 .feature-box-info {
		padding-right: 0;
	}

	.feature-box.reverse.feature-box-style-5 .feature-box-info {
		padding-right: 84px;
	}
}
/* Full Width */
.featured-boxes-full {
	width: 100%;
}

.featured-boxes-full > [class*="col-"] {
	padding: 0;
}

.featured-boxes-full .featured-box-full {
	text-align: center;
	padding: 55px;
}

.featured-boxes-full .featured-box-full .fa, .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a {
	color: #FFF;
	padding: 0;
	margin: 0;
}

.featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full .fa {
	font-size: 55px;
	margin-bottom: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.featured-boxes-full .featured-box-full p {
	padding-top: 12px;
	opacity: 0.8;
}

/* 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(36, 27, 28, 0.9);
	-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;
	filter: alpha(opacity=0);
	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-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(36, 27, 28, 0.9);
	bottom: 10%;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 9px 11px 9px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	z-index: 2;
	max-width: 90%;
}

.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 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 {
	filter: alpha(opacity=100);
	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: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(36, 27, 28, 0.65);
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
	-webkit-transition: top 0.1s ease;
	-moz-transition: top 0.1s ease;
	transition: top 0.1s ease;
	top: 40%;
	left: 3px;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
}

.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 {
	top: 50%;
	filter: alpha(opacity=100);
	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: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 30%;
	filter: alpha(opacity=0);
	opacity: 0;
	text-align: center;
	padding: 0;
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 45%;
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
	background: #FFF;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: auto;
	bottom: -100px;
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 15px;
	text-shadow: none;
	color: #686868;
}

.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 {
	filter: alpha(opacity=100);
	opacity: 1;
	bottom: 0;
}

.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(36, 27, 28, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to top, rgba(36, 27, 28, 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 {
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 40%;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
	filter: alpha(opacity=0);
	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: all 0.8s linear 0s;
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
	transition: all 2.5s linear 0s;
	background-position: center bottom;
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
	transition: all 1s linear 0s;
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
	transition: all 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 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: 14px;
	}

	.thumb-info .thumb-info-more {
		font-size: 11px;
	}
}
/* Timeline */
section.timeline {
	width: 75%;
	margin: 50px 12.5% 0;
	position: relative;
	float: left;
	padding-bottom: 120px;
}

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%);
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -60px;
	width: 3px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 0.35;
}

section.timeline .timeline-date {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	position: relative;
	display: block;
	clear: both;
	width: 200px;
	height: 45px;
	padding: 5px;
	border: 1px solid #E5E5E5;
	margin: 0 auto 10px;
	text-shadow: 0 1px 1px #fff;
	border-radius: 4px;
	background: #FFF;
	z-index: 1;
}

section.timeline .timeline-date h3 {
	display: block;
	text-align: center;
	color: #757575;
	font-size: 0.9em;
	line-height: 32px;
}

section.timeline .timeline-title {
	background: #F4F4F4;
	padding: 12px;
}

section.timeline .timeline-title h4 {
	padding: 0;
	margin: 0;
	color: #171717;
	font-size: 1.4em;
}

section.timeline .timeline-title a {
	color: #171717;
}

section.timeline .timeline-title .timeline-title-tags {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-title .timeline-title-tags a {
	color: #B1B1B1;
	font-size: 0.9em;
}

section.timeline .timeline-box {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin: 20px 10px 10px 10px;
	padding: 10px;
	position: relative;
	width: 45.7%;
	float: left;
	z-index: 1;
	margin-bottom: 30px;
	background: #FFF;
}

section.timeline .timeline-box.left {
	clear: both;
}

section.timeline .timeline-box.left:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	margin-right: -5px;
	position: absolute;
	right: -6.8%;
	top: 22px;
	width: 8px;
}

section.timeline .timeline-box.left:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #FFF;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	right: -8px;
	top: 20px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box.right {
	clear: right;
	float: right;
	right: -1px;
	margin-top: 40px;
}

section.timeline .timeline-box.right:before {
	background: none repeat scroll 0 0 #E5E5E5;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5;
	content: "";
	display: block;
	height: 7px;
	margin-left: -5px;
	position: absolute;
	left: -7.2%;
	top: 32px;
	width: 8px;
}

section.timeline .timeline-box.right:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #FFF;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	content: "";
	display: block;
	height: 14px;
	position: absolute;
	left: -8px;
	top: 30px;
	width: 14px;
	z-index: 0;
}

section.timeline .timeline-box .owl-carousel {
	border-radius: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

/* Responsive */
@media (max-width: 991px) {
	section.timeline .timeline-box {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.right {
		float: none;
		clear: both;
		right: auto;
		left: auto;
		margin: 25px auto;
		max-width: 70%;
		width: auto;
	}

	section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
		display: none;
	}
}

@media (max-width: 479px) {
	section.timeline {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	section.timeline .timeline-box {
		margin: 15px auto;
		max-width: 90%;
	}

	section.timeline .timeline-box.right {
		margin: 15px auto;
		max-width: 90%;
	}

	article.post-large {
		margin-left: 0;
	}

	article.post-large .post-image, article.post-large .post-date {
		margin-left: 0;
	}
}
/* Testimonials */
.testimonial {
	margin-bottom: 20px;
}

.testimonial blockquote {
	background: #CCC;
	border-radius: 10px;
	border: 0;
	color: #666;
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0;
	padding: 10px 50px;
	position: relative;
}

.testimonial blockquote:before {
	left: 10px;
	top: 0;
	color: #FFF;
	content: "“";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

.testimonial blockquote:after {
	color: #FFF;
	content: "”";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
	bottom: -0.5em;
	right: 10px;
}

.testimonial blockquote p {
	color: #FFF;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.3;
}

.testimonial .testimonial-arrow-down {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #CCC;
	height: 0;
	margin: 0 0 0 17px;
	width: 0;
}

.testimonial .testimonial-author {
	margin: 8px 0 0 0;
}

.testimonial .testimonial-author::after {
	clear: both;
	content: "";
	display: table;
}

.testimonial .testimonial-author .testimonial-author-thumbnail {
	float: left;
	margin-right: 10px;
	width: auto;
}

.testimonial .testimonial-author img {
	max-width: 55px;
}

.testimonial .testimonial-author strong {
	color: #111;
	display: block;
	padding-top: 10px;
	margin-bottom: -5px;
}

.testimonial .testimonial-author span {
	color: #666;
	display: block;
	font-size: 12px;
}

.testimonial .testimonial-author p {
	color: #999;
	margin: 0 0 0 25px;
	text-align: left;
}

/* Style 2 */
.testimonial.testimonial-style-2 {
	text-align: center;
}

.testimonial.testimonial-style-2 blockquote {
	background: transparent !important;
	border-radius: 4px;
	padding: 6px 20px;
}

.testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after {
	display: none;
}

.testimonial.testimonial-style-2 blockquote p {
	color: #686868;
}

.testimonial.testimonial-style-2 .testimonial-arrow-down {
	display: none;
}

.testimonial.testimonial-style-2 .testimonial-author {
	padding: 0;
	margin: 6px 0 0;
}

.testimonial.testimonial-style-2 .testimonial-author img {
	margin: 0 auto 10px;
}

.testimonial.testimonial-style-2 .testimonial-author p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Style 3 */
.testimonial.testimonial-style-3 blockquote {
	background: #f2f2f2 !important;
	border-radius: 4px;
	padding: 12px 30px;
}

.testimonial.testimonial-style-3 blockquote:before {
	top: 5px;
	color: #686868;
	font-size: 35px;
}

.testimonial.testimonial-style-3 blockquote:after {
	color: #686868;
	font-size: 35px;
	bottom: -5px;
}

.testimonial.testimonial-style-3 blockquote p {
	color: #686868;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
}

.testimonial.testimonial-style-3 .testimonial-author {
	margin-left: 8px;
}

.testimonial.testimonial-style-3 .testimonial-arrow-down {
	margin-left: 20px;
	border-top: 10px solid #f2f2f2 !important;
}

/* Style 4 */
.testimonial.testimonial-style-4 {
	border-radius: 6px;
	padding: 8px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}

.testimonial.testimonial-style-4 blockquote {
	background: transparent !important;
	border-radius: 4px;
	padding: 12px 30px;
}

.testimonial.testimonial-style-4 blockquote:before {
	top: 5px;
	color: #686868;
	font-size: 35px;
}

.testimonial.testimonial-style-4 blockquote:after {
	color: #686868;
	font-size: 35px;
	bottom: -5px;
}

.testimonial.testimonial-style-4 blockquote p {
	color: #686868;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
}

.testimonial.testimonial-style-4 .testimonial-arrow-down {
	display: none;
}

.testimonial.testimonial-style-4 .testimonial-author {
	margin-left: 30px;
	margin-bottom: 15px;
}

.testimonial.testimonial-style-4.testimonial-no-borders {
	border: 0;
	box-shadow: none;
}

/* Style 5 */
.testimonial.testimonial-style-5 {
	text-align: center;
}

.testimonial.testimonial-style-5 blockquote {
	background: transparent !important;
	border-radius: 4px;
	padding: 6px 20px;
}

.testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after {
	display: none;
}

.testimonial.testimonial-style-5 blockquote p {
	color: #686868;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
}

.testimonial.testimonial-style-5 .testimonial-arrow-down {
	display: none;
}

.testimonial.testimonial-style-5 .testimonial-author {
	padding: 6px 0 0;
	margin: 12px 0 0;
	border-top: 1px solid #f2f2f2;
}

.testimonial.testimonial-style-5 .testimonial-author img {
	margin: 0 auto 10px;
}

.testimonial.testimonial-style-5 .testimonial-author p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Style 6 */
.testimonial.testimonial-style-6 {
	text-align: center;
}

.testimonial.testimonial-style-6 blockquote {
	background: transparent !important;
	border-radius: 4px;
	border: 0;
	padding: 0 10%;
}

.testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after {
	display: none;
}

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

.testimonial.testimonial-style-6 blockquote p {
	color: #686868;
	font-size: 24px;
	line-height: 30px;
}

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

.testimonial.testimonial-style-6 .testimonial-arrow-down {
	display: none;
}

.testimonial.testimonial-style-6 .testimonial-author {
	padding: 0;
	margin: 6px 0 0;
}

.testimonial.testimonial-style-6 .testimonial-author img {
	margin: 0 auto 10px;
}

.testimonial.testimonial-style-6 .testimonial-author p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/* With Quotes */
.testimonial.testimonial-with-quotes blockquote:before {
	color: #686868;
	display: block !important;
	left: 10px;
	top: 0;
	content: "“";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

.testimonial.testimonial-with-quotes blockquote:after {
	color: #686868;
	display: block !important;
	right: 10px;
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
	bottom: -0.5em;
	content: "”";
}

.testimonial.testimonial-with-quotes blockquote p {
	padding: 0 40px;
}

/* Light */
.section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p {
	opacity: 0.9;
	color: #FFF;
}

.section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong {
	opacity: 0.6;
	color: #FFF;
}

/* Social Icons */
.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

.social-icons li {
	display: inline-block;
	margin: -1px 1px 5px 0;
	padding: 0;
	border-radius: 100%;
	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;
	background: #FFF;
	border-radius: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	color: #333 !important;
	text-decoration: none;
}

.social-icons li:hover a {
	background: #171717;
	color: #FFF !important;
}

.social-icons li:hover.social-icons-twitter a {
	background: #1aa9e1;
}

.social-icons li:hover.social-icons-facebook a {
	background: #3b5a9a;
}

.social-icons li:hover.social-icons-linkedin a {
	background: #0073b2;
}

.social-icons li:hover.social-icons-rss a {
	background: #ff8201;
}

.social-icons li:hover.social-icons-googleplus a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-pinterest a {
	background: #cc2127;
}

.social-icons li:hover.social-icons-youtube a {
	background: #c3191e;
}

.social-icons li:hover.social-icons-instagram a {
	background: #7c4a3a;
}

.social-icons li:hover.social-icons-skype a {
	background: #00b0f6;
}

.social-icons li:hover.social-icons-email a {
	background: #dd4b39;
}

.social-icons li:hover.social-icons-vk a {
	background: #6383a8;
}

.social-icons li:hover.social-icons-xing a {
	background: #1a7576;
}

.social-icons li:hover.social-icons-tumblr a {
	background: #304e6c;
}

.social-icons li:hover.social-icons-reddit a {
	background: #ff4107;
}

.social-icons.social-icons-transparent li {
	box-shadow: none;
}

.social-icons.social-icons-transparent li a {
	background: transparent;
}

.social-icons.social-icons-icon-light li a i {
	color: #FFF;
}

/* Arrows */
.arrow {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/e2d51ac9d9d1b0ceb7f9882b5a5d842c.png) no-repeat 0 0;
	width: 47px;
	height: 120px;
	display: inline-block;
	position: relative;
}

.arrow.arrow-light {
	background-image: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/db20bcff83f2e1c4c810756b2a7f3e70.png);
}

.arrow.vtl {
	background-position: 0 0;
	width: 47px;
	height: 96px;
}

.arrow.vtr {
	background-position: -101px 0;
	width: 47px;
	height: 96px;
}

.arrow.vbl {
	background-position: 0 -144px;
	width: 47px;
	height: 96px;
}

.arrow.vbr {
	background-position: -101px -144px;
	width: 47px;
	height: 96px;
}

.arrow.hlt {
	background-position: -209px 0;
	width: 120px;
	height: 47px;
}

.arrow.hlb {
	background-position: -209px -101px;
	width: 120px;
	height: 47px;
}

.arrow.hrt {
	background-position: -353px 0;
	width: 120px;
	height: 47px;
}

.arrow.hrb {
	background-position: -353px -101px;
	width: 120px;
	height: 47px;
}

/* Responsive */
@media (max-width: 479px) {
	.arrow {
		display: none;
	}
}
/* Call to Action */
.call-to-action {
	position: relative;
	clear: both;
	min-height: 125px;
	padding-left: 25px;
	padding-right: 25px;
}

.call-to-action::after {
	clear: both;
	content: "";
	display: table;
}

.call-to-action h3 {
	text-transform: none;
	color: #1d2127;
	padding: 0;
	margin: 0 0 9px;
}

.call-to-action p {
	font-size: 1.2em;
}

.call-to-action .call-to-action-content {
	text-align: center;
	width: 70%;
	margin-left: 3%;
	padding-top: 35px;
}

.call-to-action .call-to-action-btn {
	width: 22%;
	text-align: center;
	position: absolute;
	top: 50%;
	margin: -18px 0 0;
	left: auto;
	right: 25px;
}

.call-to-action.call-to-action-front {
	z-index: 1;
}

.call-to-action.call-to-action-default {
	background: #f2f2f2;
}

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

.call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p {
	color: #FFF;
}

.call-to-action.with-borders {
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}

.call-to-action.with-full-borders {
	border: 2px solid #CCC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}

.call-to-action.featured {
	background: -webkit-linear-gradient( top , #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent;
	padding: 0;
	margin: 0;
	border-top: 3px solid #CCC;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}

.call-to-action.featured.featured-primary {
	border-top-color: #CCC;
}

.call-to-action.featured.featured-secondary {
	border-top-color: #E36159;
}

.call-to-action.featured.featured-tertiary {
	border-top-color: #2BAAB1;
}

.call-to-action.featured.featured-quaternary {
	border-top-color: #2e353e;
}

.call-to-action.with-button-arrow .call-to-action-btn {
	top: 30%;
}

.call-to-action.button-centered .call-to-action-content {
	text-align: center;
	width: 100%;
	padding: 35px 0 0;
	margin: 0;
}

.call-to-action.button-centered .call-to-action-btn {
	text-align: center;
	position: static;
	margin: 20px auto 25px;
	width: auto;
}

.call-to-action.call-to-action-in-footer {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 30px;
	margin-bottom: -50px !important;
}

.call-to-action.call-to-action-in-footer:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #FFF;
	height: 20px;
	width: 20px;
	top: -5px;
	left: 50%;
	margin-left: -20px;
}

.call-to-action.no-top-arrow:before {
	display: none;
}

.call-to-action.call-to-action-in-footer-margin-top {
	margin-top: 60px;
}

.container .call-to-action {
	border-radius: 8px;
}

/* Responsive */
@media (max-width: 767px) {
	.call-to-action .call-to-action-content,
	.call-to-action .call-to-action-btn {
		margin: 0;
		padding: 20px;
		position: static;
		width: auto;
	}
}
/* Circular Bars */
.circular-bar {
	text-align: center;
	margin-bottom: 25px;
}

.circular-bar .circular-bar-chart {
	position: relative;
}

.circular-bar strong {
	display: block;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	position: absolute;
	top: 35%;
	width: 80%;
	left: 10%;
	text-align: center;
}

.circular-bar label {
	display: block;
	font-weight: 100;
	font-size: 17px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	width: 80%;
	left: 10%;
	text-align: center;
}

.circular-bar.only-icon .fa, .circular-bar.only-icon .icons {
	display: block;
	font-weight: 600;
	font-size: 38px;
	line-height: 30px;
	position: absolute;
	top: 40%;
	width: 80%;
	left: 10%;
	text-align: center;
}

.circular-bar.single-line strong {
	top: 40%;
}

.circular-bar.circular-bar-sm label {
	font-size: 14px;
	top: 36%;
}

.circular-bar.circular-bar-lg strong {
	font-size: 20px;
	top: 40%;
}

/* Progress */
.progress {
	border-radius: 25px;
	height: 20px;
	background: #FAFAFA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	overflow: visible;
}

.progress.progress-border-radius {
	border-radius: 3px;
}

.progress.progress-border-radius .progress-bar {
	border-radius: 3px;
}

.progress.progress-no-border-radius {
	border-radius: 0;
}

.progress.progress-no-border-radius .progress-bar {
	border-radius: 0;
}

.progress.progress-sm {
	height: 10px;
}

.progress.progress-sm .progress-bar {
	line-height: 10px;
}

.progress.progress-lg {
	height: 35px;
}

.progress.progress-lg .progress-bar {
	font-size: 13px;
	line-height: 35px;
}

.progress-bar {
	background-color: #CCC;
	box-shadow: none;
	position: relative;
	border-radius: 25px;
}

.progress-bar-tooltip {
	position: absolute;
	padding: 4px 8px;
	background-color: #333;
	color: #FFF;
	line-height: 15px;
	font-size: 11px;
	display: block;
	position: absolute;
	top: -28px;
	right: 5px;
	border-radius: 3px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.progress-bar-tooltip:after {
	border-color: #333 transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	bottom: -5px;
	content: "";
	display: block;
	left: 13px;
	position: absolute;
	width: 0;
}

.progress-bar-primary {
	background-color: #CCC;
	color: #FFF;
}

.progress-bar-success {
	background-color: #47a447;
	color: #FFF;
}

.progress-bar-warning {
	background-color: #ed9c28;
	color: #FFF;
}

.progress-bar-danger {
	background-color: #d2322d;
	color: #FFF;
}

.progress-bar-info {
	background-color: #5bc0de;
	color: #FFF;
}

.progress-bar-dark {
	background-color: #1d2127;
	color: #FFF;
}

/* Counters */
.counters .counter {
	text-align: center;
}

.counters .fa, .counters .icons, .counters .split {
	display: inline-block;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 5px;
}

.counters .split {
	margin: 0 10px;
	font-size: 25px;
}

.counters strong {
	display: inline-block;
	font-weight: bold;
	font-size: 40px;
	line-height: 40px;
}

.counters .extra-text {
	font-size: 20px;
}

.counters .desc {
	margin: 10px 0;
}

.counters label {
	display: block;
	font-weight: 100;
	font-size: 20px;
	line-height: 20px;
}

.counters .counter-side-icon .fa, .counters .counter-side-icon .icons, .counters .counter-side-icon strong {
	display: inline-block;
}

.counters .counter-with-unit strong {
	display: inline-block;
}

.counters.with-borders .counter {
	border-radius: 6px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	padding: 25px;
}

.counters.counters-sm .fa, .counters.counters-sm .icons {
	font-size: 25px;
	line-height: 25px;
}

.counters.counters-sm strong {
	font-size: 35px;
	line-height: 35px;
}

.counters.counters-sm label {
	font-size: 15px;
	line-height: 15px;
}

.counters.counters-lg .fa {
	font-size: 45px;
	line-height: 45px;
}

.counters.counters-lg strong {
	font-size: 60px;
	line-height: 60px;
}

.counters.counters-lg label {
	font-size: 25px;
	line-height: 25px;
}

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

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

.counters.counters-text-dark .counter {
	color: #2e353e !important;
}

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

/* Word Rotate */
.word-rotate {
	display: inline-block;
	overflow: hidden;
	text-align: center;
	position: relative;
	max-height: 22px;
	line-height: 22px;
}

.word-rotate .word-rotate-items {
	position: relative;
	top: 0;
	width: 0;
	display: inline-block;
}

.word-rotate .word-rotate-items span {
	display: inline-block;
	white-space: nowrap;
}

.word-rotate .word-rotate-items span:not(:first-child) {
	display: none;
}

.word-rotate.active .word-rotate-items {
	position: relative;
}

.word-rotate.active .word-rotate-items span {
	display: inline-block;
	float: left;
	clear: both;
}

h1.word-rotator-title .normal,
h2.word-rotator-title .normal ,
h3.word-rotator-title .normal ,
h4.word-rotator-title .normal ,
h5.word-rotator-title .normal ,
h6.word-rotator-title .normal  {
	vertical-align: middle;
}
h1.word-rotator-title .inverted {
	min-height: 50px;
}

h1.word-rotator-title .word-rotate {
	max-height: 46px;
	line-height: 46px;
	vertical-align: middle;
	margin-bottom: 2px;
}

h2.word-rotator-title .inverted {
	min-height: 44px;
}

h2.word-rotator-title .word-rotate {
	max-height: 42px;
	line-height: 42px;
	vertical-align: middle;
	margin-bottom: 3px;
}

h3.word-rotator-title .inverted {
	min-height: 25px;
}

h3.word-rotator-title .word-rotate {
	max-height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin-bottom: -2px;
}

h4.word-rotator-title .inverted {
	min-height: 32px;
}

h4.word-rotator-title .word-rotate {
	max-height: 27px;
	line-height: 27px;
	vertical-align: middle;
	margin-bottom: -6px;
}

h5.word-rotator-title .inverted {
	min-height: 18px;
}

h5.word-rotator-title .word-rotate {
	max-height: 18px;
	line-height: 18px;
	vertical-align: middle;
	margin-bottom: -4px;
}

h6.word-rotator-title .inverted {
	min-height: 20px;
}

h6.word-rotator-title .word-rotate {
	max-height: 18px;
	line-height: 18px;
	vertical-align: middle;
	margin-bottom: -4px;
}

p .inverted {
	min-height: 24px;
}

p .word-rotate {
	max-height: 22px;
	line-height: 22px;
	margin-bottom: -6px;
}

/* Scroll to Top */
html .scroll-to-top {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #404040;
	border-radius: 7px 7px 0 0;
	bottom: 0px;
	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 {
	filter: alpha(opacity=100);
	opacity: 1;
}

html .scroll-to-top.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

html .scroll-to-top span {
	display: inline-block;
	padding: 0 5px;
}

html.ie11 .scroll-to-top {
	right: 25px;
}

/* Responsive */
@media (max-width: 991px) {
	html .scroll-to-top.hidden-mobile {
		display: none !important;
	}
}

.flag {
	width: 16px;
	height: 11px;
	background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/625f246454360252cb1d7715ac6e70c5.png) no-repeat;
}

.flag.flag-ad {
	background-position: -16px 0;
}

.flag.flag-ae {
	background-position: -32px 0;
}

.flag.flag-af {
	background-position: -48px 0;
}

.flag.flag-ag {
	background-position: -64px 0;
}

.flag.flag-ai {
	background-position: -80px 0;
}

.flag.flag-al {
	background-position: -96px 0;
}

.flag.flag-am {
	background-position: -112px 0;
}

.flag.flag-an {
	background-position: -128px 0;
}

.flag.flag-ao {
	background-position: -144px 0;
}

.flag.flag-ar {
	background-position: -160px 0;
}

.flag.flag-as {
	background-position: -176px 0;
}

.flag.flag-at {
	background-position: -192px 0;
}

.flag.flag-au {
	background-position: -208px 0;
}

.flag.flag-aw {
	background-position: -224px 0;
}

.flag.flag-az {
	background-position: -240px 0;
}

.flag.flag-ba {
	background-position: 0 -11px;
}

.flag.flag-bb {
	background-position: -16px -11px;
}

.flag.flag-bd {
	background-position: -32px -11px;
}

.flag.flag-be {
	background-position: -48px -11px;
}

.flag.flag-bf {
	background-position: -64px -11px;
}

.flag.flag-bg {
	background-position: -80px -11px;
}

.flag.flag-bh {
	background-position: -96px -11px;
}

.flag.flag-bi {
	background-position: -112px -11px;
}

.flag.flag-bj {
	background-position: -128px -11px;
}

.flag.flag-bm {
	background-position: -144px -11px;
}

.flag.flag-bn {
	background-position: -160px -11px;
}

.flag.flag-bo {
	background-position: -176px -11px;
}

.flag.flag-br {
	background-position: -192px -11px;
}

.flag.flag-bs {
	background-position: -208px -11px;
}

.flag.flag-bt {
	background-position: -224px -11px;
}

.flag.flag-bv {
	background-position: -240px -11px;
}

.flag.flag-bw {
	background-position: 0 -22px;
}

.flag.flag-by {
	background-position: -16px -22px;
}

.flag.flag-bz {
	background-position: -32px -22px;
}

.flag.flag-ca {
	background-position: -48px -22px;
}

.flag.flag-catalonia {
	background-position: -64px -22px;
}

.flag.flag-cd {
	background-position: -80px -22px;
}

.flag.flag-cf {
	background-position: -96px -22px;
}

.flag.flag-cg {
	background-position: -112px -22px;
}

.flag.flag-ch {
	background-position: -128px -22px;
}

.flag.flag-ci {
	background-position: -144px -22px;
}

.flag.flag-ck {
	background-position: -160px -22px;
}

.flag.flag-cl {
	background-position: -176px -22px;
}

.flag.flag-cm {
	background-position: -192px -22px;
}

.flag.flag-cn {
	background-position: -208px -22px;
}

.flag.flag-co {
	background-position: -224px -22px;
}

.flag.flag-cr {
	background-position: -240px -22px;
}

.flag.flag-cu {
	background-position: 0 -33px;
}

.flag.flag-cv {
	background-position: -16px -33px;
}

.flag.flag-cw {
	background-position: -32px -33px;
}

.flag.flag-cy {
	background-position: -48px -33px;
}

.flag.flag-cz {
	background-position: -64px -33px;
}

.flag.flag-de {
	background-position: -80px -33px;
}

.flag.flag-dj {
	background-position: -96px -33px;
}

.flag.flag-dk {
	background-position: -112px -33px;
}

.flag.flag-dm {
	background-position: -128px -33px;
}

.flag.flag-do {
	background-position: -144px -33px;
}

.flag.flag-dz {
	background-position: -160px -33px;
}

.flag.flag-ec {
	background-position: -176px -33px;
}

.flag.flag-ee {
	background-position: -192px -33px;
}

.flag.flag-eg {
	background-position: -208px -33px;
}

.flag.flag-eh {
	background-position: -224px -33px;
}

.flag.flag-england {
	background-position: -240px -33px;
}

.flag.flag-er {
	background-position: 0 -44px;
}

.flag.flag-es {
	background-position: -16px -44px;
}

.flag.flag-et {
	background-position: -32px -44px;
}

.flag.flag-eu {
	background-position: -48px -44px;
}

.flag.flag-fi {
	background-position: -64px -44px;
}

.flag.flag-fj {
	background-position: -80px -44px;
}

.flag.flag-fk {
	background-position: -96px -44px;
}

.flag.flag-fm {
	background-position: -112px -44px;
}

.flag.flag-fo {
	background-position: -128px -44px;
}

.flag.flag-fr {
	background-position: -144px -44px;
}

.flag.flag-ga {
	background-position: -160px -44px;
}

.flag.flag-gb {
	background-position: -176px -44px;
}

.flag.flag-gd {
	background-position: -192px -44px;
}

.flag.flag-ge {
	background-position: -208px -44px;
}

.flag.flag-gf {
	background-position: -224px -44px;
}

.flag.flag-gg {
	background-position: -240px -44px;
}

.flag.flag-gh {
	background-position: 0 -55px;
}

.flag.flag-gi {
	background-position: -16px -55px;
}

.flag.flag-gl {
	background-position: -32px -55px;
}

.flag.flag-gm {
	background-position: -48px -55px;
}

.flag.flag-gn {
	background-position: -64px -55px;
}

.flag.flag-gp {
	background-position: -80px -55px;
}

.flag.flag-gq {
	background-position: -96px -55px;
}

.flag.flag-gr {
	background-position: -112px -55px;
}

.flag.flag-gs {
	background-position: -128px -55px;
}

.flag.flag-gt {
	background-position: -144px -55px;
}

.flag.flag-gu {
	background-position: -160px -55px;
}

.flag.flag-gw {
	background-position: -176px -55px;
}

.flag.flag-gy {
	background-position: -192px -55px;
}

.flag.flag-hk {
	background-position: -208px -55px;
}

.flag.flag-hm {
	background-position: -224px -55px;
}

.flag.flag-hn {
	background-position: -240px -55px;
}

.flag.flag-hr {
	background-position: 0 -66px;
}

.flag.flag-ht {
	background-position: -16px -66px;
}

.flag.flag-hu {
	background-position: -32px -66px;
}

.flag.flag-ic {
	background-position: -48px -66px;
}

.flag.flag-id {
	background-position: -64px -66px;
}

.flag.flag-ie {
	background-position: -80px -66px;
}

.flag.flag-il {
	background-position: -96px -66px;
}

.flag.flag-im {
	background-position: -112px -66px;
}

.flag.flag-in {
	background-position: -128px -66px;
}

.flag.flag-io {
	background-position: -144px -66px;
}

.flag.flag-iq {
	background-position: -160px -66px;
}

.flag.flag-ir {
	background-position: -176px -66px;
}

.flag.flag-is {
	background-position: -192px -66px;
}

.flag.flag-it {
	background-position: -208px -66px;
}

.flag.flag-je {
	background-position: -224px -66px;
}

.flag.flag-jm {
	background-position: -240px -66px;
}

.flag.flag-jo {
	background-position: 0 -77px;
}

.flag.flag-jp {
	background-position: -16px -77px;
}

.flag.flag-ke {
	background-position: -32px -77px;
}

.flag.flag-kg {
	background-position: -48px -77px;
}

.flag.flag-kh {
	background-position: -64px -77px;
}

.flag.flag-ki {
	background-position: -80px -77px;
}

.flag.flag-km {
	background-position: -96px -77px;
}

.flag.flag-kn {
	background-position: -112px -77px;
}

.flag.flag-kp {
	background-position: -128px -77px;
}

.flag.flag-kr {
	background-position: -144px -77px;
}

.flag.flag-kurdistan {
	background-position: -160px -77px;
}

.flag.flag-kw {
	background-position: -176px -77px;
}

.flag.flag-ky {
	background-position: -192px -77px;
}

.flag.flag-kz {
	background-position: -208px -77px;
}

.flag.flag-la {
	background-position: -224px -77px;
}

.flag.flag-lb {
	background-position: -240px -77px;
}

.flag.flag-lc {
	background-position: 0 -88px;
}

.flag.flag-li {
	background-position: -16px -88px;
}

.flag.flag-lk {
	background-position: -32px -88px;
}

.flag.flag-lr {
	background-position: -48px -88px;
}

.flag.flag-ls {
	background-position: -64px -88px;
}

.flag.flag-lt {
	background-position: -80px -88px;
}

.flag.flag-lu {
	background-position: -96px -88px;
}

.flag.flag-lv {
	background-position: -112px -88px;
}

.flag.flag-ly {
	background-position: -128px -88px;
}

.flag.flag-ma {
	background-position: -144px -88px;
}

.flag.flag-mc {
	background-position: -160px -88px;
}

.flag.flag-md {
	background-position: -176px -88px;
}

.flag.flag-me {
	background-position: -192px -88px;
}

.flag.flag-mg {
	background-position: -208px -88px;
}

.flag.flag-mh {
	background-position: -224px -88px;
}

.flag.flag-mk {
	background-position: -240px -88px;
}

.flag.flag-ml {
	background-position: 0 -99px;
}

.flag.flag-mm {
	background-position: -16px -99px;
}

.flag.flag-mn {
	background-position: -32px -99px;
}

.flag.flag-mo {
	background-position: -48px -99px;
}

.flag.flag-mp {
	background-position: -64px -99px;
}

.flag.flag-mq {
	background-position: -80px -99px;
}

.flag.flag-mr {
	background-position: -96px -99px;
}

.flag.flag-ms {
	background-position: -112px -99px;
}

.flag.flag-mt {
	background-position: -128px -99px;
}

.flag.flag-mu {
	background-position: -144px -99px;
}

.flag.flag-mv {
	background-position: -160px -99px;
}

.flag.flag-mw {
	background-position: -176px -99px;
}

.flag.flag-mx {
	background-position: -192px -99px;
}

.flag.flag-my {
	background-position: -208px -99px;
}

.flag.flag-mz {
	background-position: -224px -99px;
}

.flag.flag-na {
	background-position: -240px -99px;
}

.flag.flag-nc {
	background-position: 0 -110px;
}

.flag.flag-ne {
	background-position: -16px -110px;
}

.flag.flag-nf {
	background-position: -32px -110px;
}

.flag.flag-ng {
	background-position: -48px -110px;
}

.flag.flag-ni {
	background-position: -64px -110px;
}

.flag.flag-nl {
	background-position: -80px -110px;
}

.flag.flag-no {
	background-position: -96px -110px;
}

.flag.flag-np {
	background-position: -112px -110px;
}

.flag.flag-nr {
	background-position: -128px -110px;
}

.flag.flag-nu {
	background-position: -144px -110px;
}

.flag.flag-nz {
	background-position: -160px -110px;
}

.flag.flag-om {
	background-position: -176px -110px;
}

.flag.flag-pa {
	background-position: -192px -110px;
}

.flag.flag-pe {
	background-position: -208px -110px;
}

.flag.flag-pf {
	background-position: -224px -110px;
}

.flag.flag-pg {
	background-position: -240px -110px;
}

.flag.flag-ph {
	background-position: 0 -121px;
}

.flag.flag-pk {
	background-position: -16px -121px;
}

.flag.flag-pl {
	background-position: -32px -121px;
}

.flag.flag-pm {
	background-position: -48px -121px;
}

.flag.flag-pn {
	background-position: -64px -121px;
}

.flag.flag-pr {
	background-position: -80px -121px;
}

.flag.flag-ps {
	background-position: -96px -121px;
}

.flag.flag-pt {
	background-position: -112px -121px;
}

.flag.flag-pw {
	background-position: -128px -121px;
}

.flag.flag-py {
	background-position: -144px -121px;
}

.flag.flag-qa {
	background-position: -160px -121px;
}

.flag.flag-re {
	background-position: -176px -121px;
}

.flag.flag-ro {
	background-position: -192px -121px;
}

.flag.flag-rs {
	background-position: -208px -121px;
}

.flag.flag-ru {
	background-position: -224px -121px;
}

.flag.flag-rw {
	background-position: -240px -121px;
}

.flag.flag-sa {
	background-position: 0 -132px;
}

.flag.flag-sb {
	background-position: -16px -132px;
}

.flag.flag-sc {
	background-position: -32px -132px;
}

.flag.flag-scotland {
	background-position: -48px -132px;
}

.flag.flag-sd {
	background-position: -64px -132px;
}

.flag.flag-se {
	background-position: -80px -132px;
}

.flag.flag-sg {
	background-position: -96px -132px;
}

.flag.flag-sh {
	background-position: -112px -132px;
}

.flag.flag-si {
	background-position: -128px -132px;
}

.flag.flag-sk {
	background-position: -144px -132px;
}

.flag.flag-sl {
	background-position: -160px -132px;
}

.flag.flag-sm {
	background-position: -176px -132px;
}

.flag.flag-sn {
	background-position: -192px -132px;
}

.flag.flag-so {
	background-position: -208px -132px;
}

.flag.flag-somaliland {
	background-position: -224px -132px;
}

.flag.flag-sr {
	background-position: -240px -132px;
}

.flag.flag-ss {
	background-position: 0 -143px;
}

.flag.flag-st {
	background-position: -16px -143px;
}

.flag.flag-sv {
	background-position: -32px -143px;
}

.flag.flag-sx {
	background-position: -48px -143px;
}

.flag.flag-sy {
	background-position: -64px -143px;
}

.flag.flag-sz {
	background-position: -80px -143px;
}

.flag.flag-tc {
	background-position: -96px -143px;
}

.flag.flag-td {
	background-position: -112px -143px;
}

.flag.flag-tf {
	background-position: -128px -143px;
}

.flag.flag-tg {
	background-position: -144px -143px;
}

.flag.flag-th {
	background-position: -160px -143px;
}

.flag.flag-tibet {
	background-position: -176px -143px;
}

.flag.flag-tj {
	background-position: -192px -143px;
}

.flag.flag-tk {
	background-position: -208px -143px;
}

.flag.flag-tl {
	background-position: -224px -143px;
}

.flag.flag-tm {
	background-position: -240px -143px;
}

.flag.flag-tn {
	background-position: 0 -154px;
}

.flag.flag-to {
	background-position: -16px -154px;
}

.flag.flag-tr {
	background-position: -32px -154px;
}

.flag.flag-tt {
	background-position: -48px -154px;
}

.flag.flag-tv {
	background-position: -64px -154px;
}

.flag.flag-tw {
	background-position: -80px -154px;
}

.flag.flag-tz {
	background-position: -96px -154px;
}

.flag.flag-ua {
	background-position: -112px -154px;
}

.flag.flag-ug {
	background-position: -128px -154px;
}

.flag.flag-um {
	background-position: -144px -154px;
}

.flag.flag-us {
	background-position: -160px -154px;
}

.flag.flag-uy {
	background-position: -176px -154px;
}

.flag.flag-uz {
	background-position: -192px -154px;
}

.flag.flag-va {
	background-position: -208px -154px;
}

.flag.flag-vc {
	background-position: -224px -154px;
}

.flag.flag-ve {
	background-position: -240px -154px;
}

.flag.flag-vg {
	background-position: 0 -165px;
}

.flag.flag-vi {
	background-position: -16px -165px;
}

.flag.flag-vn {
	background-position: -32px -165px;
}

.flag.flag-vu {
	background-position: -48px -165px;
}

.flag.flag-wales {
	background-position: -64px -165px;
}

.flag.flag-wf {
	background-position: -80px -165px;
}

.flag.flag-ws {
	background-position: -96px -165px;
}

.flag.flag-xk {
	background-position: -112px -165px;
}

.flag.flag-ye {
	background-position: -128px -165px;
}

.flag.flag-yt {
	background-position: -144px -165px;
}

.flag.flag-za {
	background-position: -160px -165px;
}

.flag.flag-zanzibar {
	background-position: -176px -165px;
}

.flag.flag-zm {
	background-position: -192px -165px;
}

.flag.flag-zw {
	background-position: -208px -165px;
}

@-webkit-keyframes animateLoader {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(220deg);
	}
}

@-moz-keyframes animateLoader {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(220deg);
	}
}

@keyframes animateLoader {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(220deg);
		-moz-transform: rotate(220deg);
		-ms-transform: rotate(220deg);
		-o-transform: rotate(220deg);
		transform: rotate(220deg);
	}
}

@-webkit-keyframes animateLoaderAfterWhite {
	0% {
		box-shadow: 0 0 0 6px #FFF inset;
		-webkit-transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #FFF inset;
	}

	100% {
		box-shadow: 0 0 0 6px #FFF inset;
		-webkit-transform: rotate(140deg);
	}
}

@-moz-keyframes animateLoaderAfterWhite {
	0% {
		box-shadow: 0 0 0 6px #FFF inset;
		-moz-transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #FFF inset;
	}

	100% {
		box-shadow: 0 0 0 6px #FFF inset;
		-moz-transform: rotate(140deg);
	}
}

@keyframes animateLoaderAfterWhite {
	0% {
		box-shadow: 0 0 0 6px #FFF inset;
		-webkit-transform: rotate(-140deg);
		-moz-transform: rotate(-140deg);
		-ms-transform: rotate(-140deg);
		-o-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #FFF inset;
	}

	100% {
		box-shadow: 0 0 0 6px #FFF inset;
		-webkit-transform: rotate(140deg);
		-moz-transform: rotate(140deg);
		-ms-transform: rotate(140deg);
		-o-transform: rotate(140deg);
		transform: rotate(140deg);
	}
}

@-webkit-keyframes animateLoaderAfterBlack {
	0% {
		box-shadow: 0 0 0 6px #999 inset;
		-webkit-transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #999 inset;
	}

	100% {
		box-shadow: 0 0 0 6px #999 inset;
		-webkit-transform: rotate(140deg);
	}
}

@-moz-keyframes animateLoaderAfterBlack {
	0% {
		box-shadow: 0 0 0 6px #999 inset;
		-moz-transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #999 inset;
	}

	100% {
		box-shadow: 0 0 0 6px #999 inset;
		-moz-transform: rotate(140deg);
	}
}

@keyframes animateLoaderAfterBlack {
	0% {
		box-shadow: 0 0 0 6px #999 inset;
		-webkit-transform: rotate(-140deg);
		-moz-transform: rotate(-140deg);
		-ms-transform: rotate(-140deg);
		-o-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}

	50% {
		box-shadow: 0 0 0 2px #999 inset;
	}

	100% {
		box-shadow: 0 0 0 6px #999 inset;
		-webkit-transform: rotate(140deg);
		-moz-transform: rotate(140deg);
		-ms-transform: rotate(140deg);
		-o-transform: rotate(140deg);
		transform: rotate(140deg);
	}
}

.loading-overlay-showing {
	overflow: hidden;
}

.loading-overlay-showing > .loading-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
}

.loading-overlay {
	-webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
	-moz-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
	transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	right: 0;
	top: 0;
	visibility: hidden;
	background: #FFF;
}

.loading-overlay .loader {
	-webkit-animation: animateLoader 1s linear infinite;
	-moz-animation: animateLoader 1s linear infinite;
	animation: animateLoader 1s linear infinite;
	clip: rect(0, 30px, 30px, 15px);
	height: 30px;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	position: absolute;
	text-align: left;
	top: 50%;
	width: 30px;
}

.loading-overlay .loader:after {
	border-radius: 50%;
	clip: rect(0, 30px, 30px, 15px);
	content: '';
	height: 30px;
	position: absolute;
	width: 30px;
}

html:not(.dark) .loading-overlay .loader:after {
	-webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite;
	-moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite;
	animation: animateLoaderAfterBlack 1s ease-in-out infinite;
}

body > .loading-overlay {
	position: fixed;
	z-index: 999999;
}

/* Portfolio */
.portfolio-title {
	margin-bottom: -10px;
}

.portfolio-title a {
	display: inline-block;
}

.portfolio-title .fa, .portfolio-title .icons {
	font-size: 2.5em;
}

.portfolio-title .portfolio-nav,
.portfolio-title .portfolio-nav-all {
	margin-top: 11px;
}

.portfolio-title .portfolio-nav {
	text-align: right;
}

.portfolio-title .portfolio-nav a {
	width: 40%;
}

.portfolio-title .portfolio-nav-all .fa,
.portfolio-title .portfolio-nav-all .icons {
	font-size: 2.7em;
}

.portfolio-title .fa-angle-right {
	text-align: right;
}

.portfolio-title .portfolio-nav-prev {
	text-align: left;
}

/* Portfolio Info */
.portfolio-info {
	margin: 2px 0 10px;
	float: right;
}

.portfolio-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.portfolio-info ul li {
	display: inline-block;
	border-right: 1px solid #E6E6E6;
	color: #B1B1B1;
	padding-right: 8px;
	margin-right: 8px;
	font-size: 0.9em;
}

.portfolio-info ul li:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.portfolio-info ul li a {
	text-decoration: none;
	color: #B1B1B1;
}

.portfolio-info ul li a:hover .fa-heart {
	color: #E53F51;
}

.portfolio-info ul li .fa, .portfolio-info ul li .icons {
	margin-right: 4px;
}

/* Portfolio List */
ul.portfolio-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.portfolio-list .portfolio-item {
	position: relative;
	margin-bottom: 35px;
}

/* Portfolio Details */
ul.portfolio-details {
	list-style: none;
	padding: 0;
	margin: 45px 0 0 5px;
	font-size: 0.9em;
}

ul.portfolio-details > li {
	padding: 0;
	margin: 0 0 20px;
}

ul.portfolio-details p {
	padding: 0;
	margin: 0;
}

ul.portfolio-details blockquote {
	padding: 0 0 0 10px;
	margin: 15px 0 0;
	color: #999;
}

ul.portfolio-details .list-icons {
	margin-left: 0;
}

ul.portfolio-details .list-icons > li {
	padding-left: 18px;
	margin-right: 10px;
}

ul.portfolio-details .list-icons > li .fa, ul.portfolio-details .list-icons > li .icons {
	top: 7px;
}

/* Responsive */
@media (max-width: 991px) {
	.portfolio-nav, .portfolio-nav-all {
		display: none;
	}
}
/* Team List */
ul.team-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.team-list .team-item {
	margin-bottom: 35px;
}

ul.team-list .team-item .thumb-info-social-icons {
	margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
	ul.team-list .team-item {
		margin: 0 auto 35px;
		max-width: 270px;
	}
}
/* History */
ul.history {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

ul.history li {
	margin: 25px 0;
	padding: 0;
	clear: both;
}

ul.history li h4 {
	margin: 0 0 -27px 0;
	padding: 0;
}

ul.history li p {
	margin-left: 53px;
}

ul.history li .thumb {
	background: transparent url(https://cdn.shuzijz.cn/material/shuzilm/website/images/0fc3b20b2c7ff696126c8cc58787ebce.png) no-repeat 0 0;
	width: 227px;
	height: 160px;
	margin: 0 0 30px;
	padding: 0;
	float: left;
}

ul.history li .thumb img {
	border-radius: 150px;
	margin: 7px 8px;
	width: 145px;
	height: 145px;
}

ul.history li .featured-box {
	text-align: left;
	margin-left: 225px;
	margin-bottom: 50px;
	min-height: 115px;
}

ul.history li .featured-box .box-content {
	border-top-color: #CCC;
}

/* Responsive */
@media (max-width: 479px) {
	ul.history li .thumb {
		display: none;
	}

	ul.history li .featured-box {
		margin-left: 0;
	}
}
/* Search Results */
.search-results {
	min-height: 300px;
}

/* Maps */
.google-map {
	background: #E5E3DF;
	height: 400px;
	margin: -35px 0 30px 0;
	width: 100%;
}

.google-map.small {
	height: 250px;
	border-radius: 6px;
	margin: 0;
	clear: both;
}

.google-map img {
	max-width: 9999px;
}

.google-map-borders {
	border: 1px solid #DDD;
	padding: 4px;
	border-radius: 4px;
}

/* tryout */
.tryout {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.tryout .form-title {
	color: #2F3337;
	position: relative;
	font-size: 36px;
	font-weight: 400;
}
.tryout .bubble {
	position: absolute;
	left: 100%;
	top: -10px;
	background: #ff001c;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	width: 40px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
}
.tryout .bubble::after{
	content:'';
	position: absolute;
	top: 100%;
	left: 5px;
	width: 8px;
	height: 8px;
	border-width:0;
	border-style:solid;
	border-color:transparent;
	border-right-width: 4px;
	border-right-color: #ff001c;
	border-radius:0 0 20px 0;
	color:#dddddd;
}
.tryout .form-item {
	position: relative;
	padding-bottom: 20px;
}
.tryout .form-item .import {
	position: absolute;
	top: 13px;
	left: 10px;
	z-index: 9;
	font-size: 16px;
}
.tryout .textarea-container {
	position: relative;
	padding-bottom: 80px;
	border: 1px solid #ccc;
}
.tryout textarea.form-control {
	padding: 10px 20px 10px;
	resize: none;
	outline: none;
	border: none;
}
.tryout input.form-control {
	height: 43px;
	padding-left: 20px;
}
.tryout input::-webkit-input-placeholder,
.tryout textarea::-webkit-input-placeholder {
	color: #B8B8B8;
}
.tryout input::-moz-placeholder,
.tryout textarea::-moz-placeholder {   /* Mozilla Firefox 19+ */
	color: #B8B8B8;
}
.tryout input:-moz-placeholder, 
.tryout textarea:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
	color: #B8B8B8;
}
.tryout input:-ms-input-placeholder,
.tryout textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color: #B8B8B8;
}
.tryout .label-container {
	margin: 4px 0;
	display: inline-block;
	cursor: pointer;

}
.tryout .label-container .label {
	background-color: #bfbfbf;
	border-radius: 10px;
	padding: 2px 8px;
	font-size: 12px;
}
.tryout .form-item .validate-status-label {
	position: absolute;
	bottom: 0px;
	color: #d9534f;
}
.tryout .has-error .help-block, 
.tryout .has-error .radio, 
.tryout .has-error .control-label, 
.tryout .has-error .checkbox, 
.tryout .has-error .radio-inline, 
.tryout .has-error .checkbox-inline, 
.tryout .has-error.radio label, 
.tryout .has-error.checkbox label, 
.tryout .has-error.radio-inline label, 
.tryout .has-error.checkbox-inline label {
	color: #d9534f;
}
.tryout .has-error .form-control {
	border-color: #d9534f;	
}

.tryout .form-item .text-label {
	color: #b8b8b8;
	font-weight: 400;
	margin-right: 10px;
}

.tryout .checkbox-group .checkbox {
	margin-right: 10px;
	color: #b8b8b8;
}

.tryout .checkbox-group .checkbox b {
	font-weight: 400;
}

.tryout .import {
	color: #d9534f;
}
.tryout .btn-submit {
	width: 240px;
	padding: 6px 22px;
	font-size: 30px;
	margin: 10px 0;
	background-color: #2B86FF;
	border: none;
}
.tryout .tips {
	color: #005BA7;
	font-weight: 500;
	margin: 10px 0;
}
.tryout .control-label {
	/* padding: 0; */
}
.tryout .tags {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	/* margin: 10px 0; */
}

.page-header h1 {
	border-bottom-color: #2B86FF !important;
	padding: 27px 0 40px;
}
.page-header {
	background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/ce8a8278382c0507c9dcb6cfce794e3f.png) no-repeat center/cover;
}
/* bootbox */
.bootbox.modal {
	display: flex;
	align-items: center;
}
.bootbox.modal .modal-dialog{
	margin: auto;
}



.checkbox-group .checkbox {
	position: relative;
	border: none;
	margin: 0;
	font-weight: 400;
	display: inline-block;
}
.checkbox-group .checkbox .check {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none;
}
.checkbox-group .checkbox .ico {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	top: -2px;
	border: 1px solid #e0e0e0;
	vertical-align: middle;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	background-color: #b8b8b8;
	line-height: 14px;
	border-radius: 2px;
	cursor: pointer;
}
.checkbox-group .checkbox .check:checked+.ico,
.checkbox-group .checkbox.checked .ico,
.checkbox-group .checkbox:hover .ico {
	border-color: #b8b8b8;
}
.checkbox-group .checkbox .ico::after,
.checkbox-group .checkbox .ico::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
}
.checkbox-group .checkbox .ico::before {
	height: 5px;
	width: 8px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 2px;
	left: 2px;
}
.checkbox-group .checkbox.pre-check .ico{
	border: 1px solid #b8b8b8;
}
.checkbox-group .checkbox.pre-check .ico::before {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	border-left: none;
	height: 2px;
	width: 8px;
	left: 2px;
	top: 5px;
}
.checkbox-group .checkbox.pre-check .ico::after {
	background: 0 0;
}
.checkbox-group .checkbox .check:checked+.ico:after,
.checkbox-group .checkbox.checked .ico:after {
	-webkit-transform: scale3d(0,0,0);
	transform: scale3d(0,0,0);
	width: 0;
	height: 0;
}
.checkbox-group .checkbox .ico::after {
	background-color: #f4f4f4;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s,-webkit-transform .4s;
}

.checkbox-group .checkbox .check:disabled+.ico {
	cursor: not-allowed;
}
/* .checkbox-group .checkbox .check:disabled+.ico{
	cursor: not-allowed;
	background-color: #c0c4cc;
	border-color: #e4e7ed;
}
.checkbox-group .checkbox .check:disabled+.ico::before{
background: #c0c4cc;
} */
.checkbox-group .checkbox .check:disabled ~ b{
	color: #c0c4cc;
	cursor: not-allowed;
}

.vertical-middle {
	display: flex;
	align-items: center;
}

/*
Name: 			theme-blog.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		4.2.0
*/
/* Posts */
.blog-posts article {
	border-bottom: 1px solid #DDD;
	margin-bottom: 50px;
	padding-bottom: 10px;
}

.blog-posts .pagination {
	margin: -10px 0 20px;
}

/* Post */
article.post h2 a {
	text-decoration: none;
}

article.post .post-meta {
	font-size: 0.9em;
	margin-bottom: 7px;
}

article.post .post-meta > span {
	display: inline-block;
	padding-right: 8px;
}

article.post .post-meta i {
	margin-right: 3px;
}

article.post .post-date {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	float: left;
	margin-right: 10px;
	text-align: center;
}

article.post .post-date .month {
	background: #CCC;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFF;
	font-size: 0.9em;
	padding: 0 10px 2px;
}

article.post .post-date .day {
	background: #F4F4F4;
	border-radius: 2px 2px 0 0;
	color: #CCC;
	display: block;
	font-size: 16px;
	font-weight: 500;
	font-weight: bold;
	padding: 10px;
}

article.post .post-image .owl-carousel {
	width: 100.1%;
}

article .post-video {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	display: block;
	height: auto;
	position: relative;
	margin: 0 0 30px 0;
	padding-bottom: 61%;
}

article .post-video iframe {
	bottom: 0;
	height: auto;
	left: 0;
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

article .post-audio {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 8px;
	display: block;
	height: auto;
	position: relative;
	margin: 0 0 30px 0;
	padding-bottom: 25%;
}

article .post-audio iframe {
	bottom: 0;
	height: auto;
	left: 0;
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

article.post-medium .post-image .owl-carousel {
	width: 100.2%;
}

article.post-large {
	margin-left: 60px;
}

article.post-large h2 {
	margin-bottom: 5px;
}

article.post-large .post-image, article.post-large .post-date {
	margin-left: -60px;
}

article.post-large .post-image {
	margin-bottom: 15px;
}

article.post-large .post-image.single {
	margin-bottom: 30px;
}

article.post-large .post-video {
	margin-left: -60px;
}

article.post-large .post-audio {
	margin-left: -60px;
}

/* Single Post */
.single-post article {
	border-bottom: 0;
	margin-bottom: 0;
}

article.blog-single-post .post-meta {
	margin-bottom: 20px;
}

/* Post Block */
.post-block {
	border-top: 1px solid #DDD;
	margin: 15px 0 0 0;
	padding: 20px 0 15px 0;
}

.post-block h3 {
	font-size: 1.8em;
	font-weight: 200;
	margin: 0 0 20px;
	text-transform: none;
}

.post-block h3 i {
	margin-right: 7px;
}

/* Post Author */
.post-author {
	margin: 15px 0 0 0;
}

.post-author img {
	max-height: 80px;
	max-width: 80px;
}

.post-author p {
	font-size: 0.9em;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

.post-author p .name {
	font-size: 1.1em;
}

.post-author .img-thumbnail {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

/* Post Share */
.post-share {
	margin: 55px 0 0 0;
	padding-bottom: 0;
}

/* Post Comments */
.post-comments {
	margin-top: 45px;
}

ul.comments {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.comments li {
	clear: both;
	padding: 10px 0 0 115px;
}

ul.comments li img.avatar {
	height: 80px;
	width: 80px;
}

ul.comments li ul.reply {
	margin: 0;
}

ul.comments li a {
	text-decoration: none;
}

ul.comments li .img-thumbnail {
	margin-left: -115px;
	position: absolute;
}

ul.comments li .comment {
	margin-bottom: 10px;
}

ul.comments .comment-arrow {
	border-bottom: 15px solid transparent;
	border-right: 15px solid #F4F4F4;
	border-top: 15px solid transparent;
	height: 0;
	left: -15px;
	position: absolute;
	top: 28px;
	width: 0;
}

ul.comments .comment-block {
	background: #F4F4F4;
	border-radius: 5px;
	padding: 20px 20px 30px;
	position: relative;
}

ul.comments .comment-block p {
	font-size: 0.9em;
	line-height: 21px;
	margin: 0;
	padding: 0;
}

ul.comments .comment-block .comment-by {
	display: block;
	font-size: 1em;
	line-height: 21px;
	margin: 0;
	padding: 0 0 5px 0;
}

ul.comments .comment-block .date {
	color: #999;
	font-size: 0.9em;
}

/* Leave a Comment */
.post-leave-comment {
	margin-top: 25px;
	padding-top: 45px;
}

.post-leave-comment h3 {
	margin: 0 0 40px;
}

/* Recent Posts */
.recent-posts h4 {
	margin-bottom: 7px;
}

.recent-posts article.recent-post h4 {
	margin: 0 0 3px 0;
}

.recent-posts article.recent-post h4 a {
	display: block;
}

.recent-posts .date {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
	text-align: center;
}

.recent-posts .date .month {
	background: #CCC;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFF;
	font-size: 0.9em;
	padding: 0 10px 2px;
}

.recent-posts .date .day {
	background: #F7F7F7;
	color: #CCC;
	display: block;
	font-size: 18px;
	font-weight: 500;
	font-weight: bold;
	padding: 8px;
}

section.section .recent-posts .date .day {
	background: #FFF;
}

/* Simple Post List */
ul.simple-post-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.simple-post-list li {
	border-bottom: 1px dotted #E2E2E2;
	padding: 15px 0;
}

ul.simple-post-list li::after {
	clear: both;
	content: "";
	display: table;
}

ul.simple-post-list li:last-child {
	border-bottom: 0;
}

ul.simple-post-list .post-image {
	float: left;
	margin-right: 12px;
}

ul.simple-post-list .post-meta {
	color: #888;
	font-size: 0.8em;
}

/* Responsive */
@media (max-width: 479px) {
	ul.comments li {
		border-left: 8px solid #DDDDDD;
		clear: both;
		padding: 0 0 0 10px;
	}

	ul.comments li .img-thumbnail {
		display: none;
	}

	ul.comments .comment-arrow {
		display: none;
	}
}

/*
Name: 			theme-shop.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		4.2.0
*/
/* Custom Font - Stars (From WooCommerce) */
@font-face {
	font-family: 'star';
	src: url(https://cdn.shuzijz.cn/material/shuzilm/website/fonts/2593128f94a599b8656fa8d17612c278.eot);
	src: url(https://cdn.shuzijz.cn/material/shuzilm/website/fonts/2593128f94a599b8656fa8d17612c278.eot?#iefix) format("embedded-opentype"), url(https://cdn.shuzijz.cn/material/shuzilm/website/fonts/8ab6da8ce4d274edf64307439edc0ec2.woff) format("woff"), url(https://cdn.shuzijz.cn/material/shuzilm/website/fonts/8d84c8b61459cad9bd55ce235a48b2fc.ttf) format("truetype"), url(https://cdn.shuzijz.cn/material/shuzilm/website/fonts/c568c4322c4ef7aa87ccf42e44f32154.svg#star) format("svg");
	font-weight: normal;
	font-style: normal;
}
/* Shop - Base */
.shop {
	margin-top: -10px;
}

.shop ul.products {
	margin: 0;
	padding: 25px 0;
	list-style: none;
}

.shop ul.products:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.shop ul.products .product {
	position: relative;
	margin-bottom: 30px;
}

.shop ul.products .product a {
	text-decoration: none;
}

.shop ul.products .product .add-to-cart-product {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 6px 6px 0 0;
	padding: 8px 10px 5px;
	font-size: 0.9em;
	color: #FFF;
	background: #222;
	z-index: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
}

.shop ul.products .product .add-to-cart-product .fa, .shop ul.products .product .add-to-cart-product .icons {
	margin-right: 3px;
	font-size: 1.1em;
}

.shop ul.products .product:hover .add-to-cart-product {
	filter: alpha(opacity=100);
	opacity: 1;
}

.shop ul.products .product:hover .add-to-cart-product:hover {
	background: #000;
}

.shop ul.products .product .price {
	display: block;
	min-height: 28px;
}

.shop ul.products .product .price del {
	color: rgba(145, 145, 145, 0.5);
	font-size: 0.7em;
	margin: -2px 0 0;
}

.shop ul.products .product .price ins {
	text-decoration: none;
}

.shop ul.products .product .price .amount {
	font-size: 1.3em;
}

.shop ul.products .product .onsale {
	position: absolute;
	background-image: none;
	border-radius: 100%;
	left: auto;
	right: 0;
	top: -15px;
	text-shadow: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	z-index: 10;
	box-shadow: none;
	font-size: 0.9em;
	color: #FFF;
	border-bottom: 2px solid transparent;
}

/* Product Info */
.product-info {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6px;
	padding: 0;
	position: relative;
	border: 1px solid #DDD;
	background: #F7F9FC;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	text-align: center;
	padding: 0;
	text-decoration: none;
}

.product-info:hover {
	background-color: #FFF;
	text-decoration: none;
}

.product-info a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.product-info a:hover {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.product-info img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6px 6px 0 0;
}

.product-info h4 {
	color: #404751;
	letter-spacing: -1px;
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}

.product-info + .product-info {
	border-radius: 0 0 6px 6px;
	margin-top: -5px;
}

.product-info .product-info-image {
	display: block;
	position: relative;
}

.product-info .product-info-image:before {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	border-radius: 6px 6px 0 0;
}

.product-info:hover .product-info-image:before {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.product-info .product-info-act {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
}

.product-info .product-info-act em {
	font-style: normal;
	position: relative;
	font-size: 1.2em;
	font-weight: 100;
}

.product-info .product-info-act-left, .product-info .product-info-act-right {
	float: left;
	overflow: hidden;
}

.product-info .product-info-act-left {
	text-align: right;
	width: 45%;
}

.product-info .product-info-act-left em {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	left: 0%;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-info .product-info-act-right {
	text-align: left;
	margin-left: 2%;
	width: 53%;
}

.product-info .product-info-act-right em {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	right: 0%;
	font-weight: 600;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-info:hover .product-info-act-left em {
	filter: alpha(opacity=100);
	opacity: 1;
}

.product-info:hover .product-info-act-right em {
	filter: alpha(opacity=100);
	opacity: 1;
}

.product-info .product-info-content {
	padding: 15px;
	text-align: left;
	display: block;
}

.product-info .product-info-caption {
	padding: 0 15px 15px;
	text-align: left;
	display: block;
}

.product-info .product-info-caption p {
	margin: 0;
	padding: 0 0 10px;
}

.product-info .product-info-extra {
	clear: both;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #EBEBF4;
	display: block;
}

.product-info .product-info-extra.social {
	text-align: center;
}

.product-info .product-info-extra.social a {
	border-right: 1px solid #EBEBF4;
	display: inline-block;
	margin-right: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	color: #ACACAC;
	width: auto;
}

.product-info .product-info-extra.social a:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.product-info .date {
	color: #9AA1AB;
	font-size: 0.9em;
}

.product-info.secondary .product-info-content {
	text-align: center;
}

.product-info.secondary .product-info-content h4 {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	color: #FFF;
	position: relative;
	top: -25%;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-info.secondary .product-info-content .date {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	position: relative;
	top: 25%;
	display: block;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-info.secondary .product-info-act {
	top: 30%;
}

.product-info.secondary .label {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	clear: both;
	display: inline-block;
	margin-top: 15px;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-info.secondary:hover .label {
	filter: alpha(opacity=100);
	opacity: 1;
}

.product-info.secondary:hover .product-info-content h4 {
	top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}

.product-info.secondary:hover .product-info-content .date {
	top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Rating */
.shop .review_num {
	margin-right: 10px;
	float: left;
	position: relative;
	top: -1px;
}

.shop .star-rating {
	float: none;
	position: relative;
	top: 2px;
	font-family: 'star';
	font-size: 1em;
	height: 1.2em;
	line-height: 1em;
	overflow: hidden;
	position: relative;
	width: 5.4em;
	margin-bottom: 25px;
}

.shop .star-rating:before {
	color: #E0DADF;
	content: "SSSSS";
	float: left;
	left: 0;
	position: absolute;
	top: 0;
}

.shop .star-rating span {
	float: left;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	position: absolute;
	top: 0;
}

.shop .star-rating span:before {
	content: "SSSSS";
	left: 0;
	position: absolute;
	top: 0;
}

.shop .summary .price {
	color: #444;
	font-size: 2em;
	letter-spacing: -1px;
	line-height: 30px;
	margin-top: 20px;
}

.shop .quantity {
	margin: 0 15px 25px 0;
	overflow: hidden;
	position: relative;
	width: 125px;
	height: 35px;
	float: left;
}

.shop .quantity .minus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
}

.shop .quantity .plus {
	background: #f4f4f4;
	border: 1px solid #C8BFC6;
	border-radius: 2px;
	box-shadow: none;
	color: #5E5E5E;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	line-height: 13px;
	margin: 0;
	overflow: visible;
	outline: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	vertical-align: text-top;
	width: 35px;
	right: 0;
	top: 0;
}

.shop .quantity .qty {
	border: 1px solid #CCC;
	box-shadow: none;
	float: left;
	height: 35px;
	padding: 0 39px;
	text-align: center;
	width: 125px;
	font-size: 1em;
}

.shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.shop .quantity .qty::-ms-clear {
	display: none;
}

.shop .product_meta {
	clear: both;
}

.shop .tabs-product {
	margin-top: 35px;
}

.shop ul.comments .comment-arrow {
	border-right-color: #F5F7F7;
}

.shop ul.comments .comment-block {
	background: #F5F7F7;
}

.shop table.cart {
	width: 100%;
	margin: 0;
	text-align: left;
}

.shop table.cart img {
	height: auto;
	width: 55px;
}

.shop table.cart th {
	padding: 8px 10px;
}

.shop table.cart td {
	border-top: 1px solid #DCDCDC;
	padding: 8px 10px;
}

.shop table.cart td.actions {
	padding: 20px 10px;
}

.shop table.cart .remove .fa {
	font-size: 1.5em;
}

.shop table.cart .coupon {
	float: left;
}

.shop table.cart .product-remove {
	width: 1%;
}

.shop table.cart .product-thumbnail {
	width: 7%;
}

.shop table.cart .product-name {
	width: 60%;
}

.shop table.cart .quantity {
	top: 10px;
	position: relative;
}

.shop .actions-continue {
	float: right;
}

.shop .cart-totals {
	width: 100%;
}

.shop .cart-totals th, .shop .cart-totals td {
	border-top: 1px solid #DCDCDC;
	padding: 8px 10px;
}

.shop .cart-totals tr.total .amount {
	font-size: 2em;
	display: block;
	padding-top: 10px;
}

.shop ul.simple-post-list li {
	border: 0;
}

/* Product Thumb Info */
.product-thumb-info {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6px;
	padding: 0;
	position: relative;
	border: 0;
	border-bottom: 3px solid #E3E4E8;
	background: #F7F9FC;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	text-align: center;
	border: 1px solid #DDD;
	text-decoration: none;
}

.product-thumb-info:hover {
	background-color: #FFF;
	text-decoration: none;
}

.product-thumb-info a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.product-thumb-info a:hover {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.product-thumb-info img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 6px 6px 0 0;
}

.product-thumb-info h4 {
	color: #404751;
	letter-spacing: -1px;
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}

.product-thumb-info + .product-thumb-info {
	border-radius: 0 0 6px 6px;
	margin-top: -5px;
}

.product-thumb-info .product-thumb-info-touch-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	background-color: transparent;
}

.product-thumb-info.hover .product-thumb-info-touch-hover {
	display: block;
}

.product-thumb-info .product-thumb-info-image {
	display: block;
	position: relative;
}

.product-thumb-info .product-thumb-info-image:before {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #171717;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	border-radius: 6px 6px 0 0;
}

.product-thumb-info:hover .product-thumb-info-image:before {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.product-thumb-info .product-thumb-info-act {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-thumb-info:hover .product-thumb-info-act {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 50%;
}

.product-thumb-info .product-thumb-info-act em {
	font-style: normal;
}

.product-thumb-info .product-thumb-info-content {
	padding: 15px;
	text-align: left;
	display: block;
}

.product-thumb-info .product-thumb-info-caption {
	padding: 0 15px 15px;
	text-align: left;
	display: block;
}

.product-thumb-info .product-thumb-info-caption p {
	margin: 0;
	padding: 0 0 10px;
}

.product-thumb-info .product-thumb-info-extra {
	clear: both;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #EBEBF4;
	display: block;
}

.product-thumb-info .product-thumb-info-extra.social a:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

/* Product Thumb Info - Full Width */
.full-width .product-thumb-info .product-thumb-info-image:before {
	border-radius: 0;
}

/* Responsive */
@media (max-width: 991px) {
	.shop .actions-continue {
		float: none;
	}

	.shop table.cart th.product-price, .shop table.cart td.product-price, .shop table.cart th.product-quantity, .shop table.cart td.product-quantity {
		display: none;
	}

	#header nav.mega-menu .mega-menu-shop a {
		color: #FFF;
	}

	#header nav.mega-menu .mega-menu-shop a .fa-caret-down {
		display: none !important;
	}

	#header nav.mega-menu .mega-menu-shop > ul.dropdown-menu {
		display: none !important;
	}
}

/*
Animate.css - http: //daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.appear-animation {
	opacity: 0;
}

.appear-animation-visible {
	opacity: 1;
}

.animated,
.appear-animation {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

/* v9 animate */

/* Fade In Up Shorter */
@-webkit-keyframes fadeInUpShorter {
	from {
		opacity: 0;
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUpShorter {
	-webkit-animation-name: fadeInUpShorter;
	animation-name: fadeInUpShorter;
}

/* Fade In Up Shorter Plus */
@-webkit-keyframes fadeInUpShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, 15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUpShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, 15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUpShorterPlus {
	-webkit-animation-name: fadeInUpShorterPlus;
	animation-name: fadeInUpShorterPlus;
}

/* Fade In Left Shorter */
@-webkit-keyframes fadeInLeftShorter {
	from {
		opacity: 0;
		transform: translate(50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftShorter {
	from {
		opacity: 0;
		transform: translate(50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftShorter {
	-webkit-animation-name: fadeInLeftShorter;
	animation-name: fadeInLeftShorter;
}

/* Fade In Left Shorter Plus */
@-webkit-keyframes fadeInLeftShorterPlus {
	from {
		opacity: 0;
		transform: translate(15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftShorterPlus {
	from {
		opacity: 0;
		transform: translate(15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftShorterPlus {
	-webkit-animation-name: fadeInLeftShorterPlus;
	animation-name: fadeInLeftShorterPlus;
}

/* Fade In Right Shorter */
@-webkit-keyframes fadeInRightShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRightShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightShorter {
	-webkit-animation-name: fadeInRightShorter;
	animation-name: fadeInRightShorter;
}

/* Fade In Right Shorter Plus */
@-webkit-keyframes fadeInRightShorterPlus {
	from {
		opacity: 0;
		transform: translate(-15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRightShorterPlus {
	from {
		opacity: 0;
		transform: translate(-15px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightShorterPlus {
	-webkit-animation-name: fadeInRightShorterPlus;
	animation-name: fadeInRightShorterPlus;
}

/* Fade In Right Shorter With Opacity */
@-webkit-keyframes fadeInRightShorterOpacity {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 0.7;
		transform: none;
	}
}

@keyframes fadeInRightShorterOpacity {
	from {
		opacity: 0;
		transform: translate(-50px, 0);
	}

	to {
		opacity: 0.7;
		transform: none;
	}
}

.fadeInRightShorterOpacity {
	-webkit-animation-name: fadeInRightShorterOpacity;
	animation-name: fadeInRightShorterOpacity;
}

/* Fade In Down Shorter */
@-webkit-keyframes fadeInDownShorter {
	from {
		opacity: 0;
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInDownShorter {
	from {
		opacity: 0;
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDownShorter {
	-webkit-animation-name: fadeInDownShorter;
	animation-name: fadeInDownShorter;
}

/* Fade In Down Shorter Plus */
@-webkit-keyframes fadeInDownShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, -15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInDownShorterPlus {
	from {
		opacity: 0;
		transform: translate(0, -15px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDownShorterPlus {
	-webkit-animation-name: fadeInDownShorterPlus;
	animation-name: fadeInDownShorterPlus;
}

/* Fade In Right and Down Shorter */
@-webkit-keyframes fadeInRightDownShorter {
	from {
		opacity: 0;
		transform: translate(-50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRightDownShorter {
	from {
		opacity: 0;
		transform: translate(-50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightDownShorter {
	-webkit-animation-name: fadeInRightDownShorter;
	animation-name: fadeInRightDownShorter;
}

/* Fade In Right and Up Shorter */
@-webkit-keyframes fadeInRightUpShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRightUpShorter {
	from {
		opacity: 0;
		transform: translate(-50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightUpShorter {
	-webkit-animation-name: fadeInRightUpShorter;
	animation-name: fadeInRightUpShorter;
}

/* Fade In Left and Down Shorter */
@-webkit-keyframes fadeInLeftDownShorter {
	from {
		opacity: 0;
		transform: translate(50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftDownShorter {
	from {
		opacity: 0;
		transform: translate(50px, -50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftDownShorter {
	-webkit-animation-name: fadeInLeftDownShorter;
	animation-name: fadeInLeftDownShorter;
}

/* Fade In Left and Up Shorter */
@-webkit-keyframes fadeInLeftUpShorter {
	from {
		opacity: 0;
		transform: translate(50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeftUpShorter {
	from {
		opacity: 0;
		transform: translate(50px, 50px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftUpShorter {
	-webkit-animation-name: fadeInLeftUpShorter;
	animation-name: fadeInLeftUpShorter;
}


@-webkit-keyframes expandIn {
  from {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes expandIn {
  from {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.expandIn {
  -webkit-animation-name: expandIn;
  animation-name: expandIn
}
a {
	color: #14b1e7;
}

a:hover {
	color: #14b1e7;
}

a:focus {
	color: #0099e6;
}

a:active {
	color: #0077b3;
}

html .heading-primary,
html .lnk-primary,
html .text-color-primary {
	color: #005ba7 !important;
}

html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
	border-color: #005ba7;
}

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary {
	color: #d00d00 !important;
}

html .heading.heading-secondary h1,
html .heading.heading-secondary h2,
html .heading.heading-secondary h3,
html .heading.heading-secondary h4,
html .heading.heading-secondary h5,
html .heading.heading-secondary h6 {
	border-color: #e36159;
}

html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary {
	color: #2baab1 !important;
}

html .heading.heading-tertiary h1,
html .heading.heading-tertiary h2,
html .heading.heading-tertiary h3,
html .heading.heading-tertiary h4,
html .heading.heading-tertiary h5,
html .heading.heading-tertiary h6 {
	border-color: #2baab1;
}

html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary {
	color: #383f48 !important;
}

html .heading.heading-quaternary h1,
html .heading.heading-quaternary h2,
html .heading.heading-quaternary h3,
html .heading.heading-quaternary h4,
html .heading.heading-quaternary h5,
html .heading.heading-quaternary h6 {
	border-color: #383f48;
}

html .heading-dark,
html .lnk-dark,
html .text-color-dark {
	color: #2e353e !important;
}

html .heading.heading-dark h1,
html .heading.heading-dark h2,
html .heading.heading-dark h3,
html .heading.heading-dark h4,
html .heading.heading-dark h5,
html .heading.heading-dark h6 {
	border-color: #2e353e;
}

html .heading-light,
html .lnk-light,
html .text-color-light {
	color: #ffffff !important;
}

html .heading.heading-light h1,
html .heading.heading-light h2,
html .heading.heading-light h3,
html .heading.heading-light h4,
html .heading.heading-light h5,
html .heading.heading-light h6 {
	border-color: #ffffff;
}

html .background-color-primary {
	background-color: #005ba7 !important;
}

html .background-color-secondary {
	background-color: #e36159 !important;
}

html .background-color-tertiary {
	background-color: #2baab1 !important;
}

html .background-color-quaternary {
	background-color: #383f48 !important;
}

html .background-color-dark {
	background-color: #2e353e !important;
}

html .background-color-light {
	background-color: #ffffff !important;
}

.alternative-font {
	color: #005ba7;
}

html .blockquote-primary {
	border-color: #005ba7 !important;
}

html .blockquote-secondary {
	border-color: #e36159 !important;
}

html .blockquote-tertiary {
	border-color: #2baab1 !important;
}

html .blockquote-quaternary {
	border-color: #383f48 !important;
}

html .blockquote-dark {
	border-color: #2e353e !important;
}

html .blockquote-light {
	border-color: #ffffff !important;
}

p.drop-caps:first-child:first-letter {
	color: #005ba7;
}

p.drop-caps.drop-caps-style-2:first-child:first-letter {
	background-color: #005ba7;
}

ul.nav-pills > li.active > a {
	background-color: #005ba7;
}

ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
	background-color: #005ba7;
}

html ul.nav-pills-primary a {
	color: #005ba7;
}

html ul.nav-pills-primary a:hover {
	color: #0099e6;
}

html ul.nav-pills-primary a:focus {
	color: #0099e6;
}

html ul.nav-pills-primary a:active {
	color: #0077b3;
}

html ul.nav-pills-primary > li.active > a {
	background-color: #005ba7;
}

html ul.nav-pills-primary > li.active > a:hover,
html ul.nav-pills-primary > li.active > a:focus {
	background-color: #005ba7;
}

html ul.nav-pills-secondary a {
	color: #e36159;
}

html ul.nav-pills-secondary a:hover {
	color: #e7766f;
}

html ul.nav-pills-secondary a:focus {
	color: #e7766f;
}

html ul.nav-pills-secondary a:active {
	color: #df4c43;
}

html ul.nav-pills-secondary > li.active > a {
	background-color: #e36159;
}

html ul.nav-pills-secondary > li.active > a:hover,
html ul.nav-pills-secondary > li.active > a:focus {
	background-color: #e36159;
}

html ul.nav-pills-tertiary a {
	color: #2baab1;
}

html ul.nav-pills-tertiary a:hover {
	color: #30bec6;
}

html ul.nav-pills-tertiary a:focus {
	color: #30bec6;
}

html ul.nav-pills-tertiary a:active {
	color: #26969c;
}

html ul.nav-pills-tertiary > li.active > a {
	background-color: #2baab1;
}

html ul.nav-pills-tertiary > li.active > a:hover,
html ul.nav-pills-tertiary > li.active > a:focus {
	background-color: #2baab1;
}

html ul.nav-pills-quaternary a {
	color: #383f48;
}

html ul.nav-pills-quaternary a:hover {
	color: #434c56;
}

html ul.nav-pills-quaternary a:focus {
	color: #434c56;
}

html ul.nav-pills-quaternary a:active {
	color: #2d323a;
}

html ul.nav-pills-quaternary > li.active > a {
	background-color: #383f48;
}

html ul.nav-pills-quaternary > li.active > a:hover,
html ul.nav-pills-quaternary > li.active > a:focus {
	background-color: #383f48;
}

html ul.nav-pills-dark a {
	color: #2e353e;
}

html ul.nav-pills-dark a:hover {
	color: #39424d;
}

html ul.nav-pills-dark a:focus {
	color: #39424d;
}

html ul.nav-pills-dark a:active {
	color: #23282f;
}

html ul.nav-pills-dark > li.active > a {
	background-color: #2e353e;
}

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

html ul.nav-pills-light a {
	color: #ffffff;
}

html ul.nav-pills-light a:hover {
	color: #ffffff;
}

html ul.nav-pills-light a:focus {
	color: #ffffff;
}

html ul.nav-pills-light a:active {
	color: #f2f2f2;
}

html ul.nav-pills-light > li.active > a {
	background-color: #ffffff;
}

html ul.nav-pills-light > li.active > a:hover,
html ul.nav-pills-light > li.active > a:focus {
	background-color: #ffffff;
}

.sort-source-wrapper .nav > li.active > a {
	color: #005ba7;
}

.sort-source-wrapper .nav > li.active > a:hover,
.sort-source-wrapper .nav > li.active > a:focus {
	color: #005ba7;
}

.sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #005ba7;
}

html .label-primary {
	background-color: #005ba7;
}

html .label-secondary {
	background-color: #e36159;
}

html .label-tertiary {
	background-color: #2baab1;
}

html .label-quaternary {
	background-color: #383f48;
}

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

html .label-light {
	background-color: #ffffff;
}

.btn-link {
	color: #005ba7;
}

.btn-link:hover {
	color: #0099e6;
}

.btn-link:active {
	color: #0077b3;
}

html .btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #005ba7;
	border-color: #005ba7 #005ba7 #006699;
}

html .btn-primary:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

html .btn-primary:active,
html .btn-primary:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

html .btn-primary.dropdown-toggle {
	border-left-color: #0077b3;
}

html .btn-primary[disabled] {
	border-color: #33bbff;
	background-color: #33bbff;
}

html .btn-primary:hover,
html .btn-primary:focus {
	color: #ffffff;
}

html .btn-primary-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006699;
	border-color: #006699 #006699 #004466;
}

html .btn-primary-scale-2:hover {
	border-color: #0077b3 #0077b3 #005580;
	background-color: #0077b3;
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2:focus {
	border-color: #005580 #005580 #005580;
	background-color: #005580;
}

html .btn-primary-scale-2.dropdown-toggle {
	border-left-color: #005580;
}

html .btn-primary-scale-2[disabled] {
	border-color: #00aaff;
	background-color: #00aaff;
}

html .btn-secondary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
}

html .btn-secondary:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-secondary:active,
html .btn-secondary:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-secondary.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-secondary[disabled] {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-secondary:hover,
html .btn-secondary:focus {
	color: #ffffff;
}

html .btn-secondary-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #dc372d;
	border-color: #dc372d #dc372d #b7281f;
}

html .btn-secondary-scale-2:hover {
	border-color: #df4c43 #df4c43 #cd2c23;
	background-color: #df4c43;
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2:focus {
	border-color: #cd2c23 #cd2c23 #cd2c23;
	background-color: #cd2c23;
}

html .btn-secondary-scale-2.dropdown-toggle {
	border-left-color: #cd2c23;
}

html .btn-secondary-scale-2[disabled] {
	border-color: #ea8b85;
	background-color: #ea8b85;
}

html .btn-tertiary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
}

html .btn-tertiary:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-tertiary:active,
html .btn-tertiary:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-tertiary.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-tertiary[disabled] {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-tertiary:hover,
html .btn-tertiary:focus {
	color: #ffffff;
}

html .btn-tertiary-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #218388;
	border-color: #218388 #218388 #175b5f;
}

html .btn-tertiary-scale-2:hover {
	border-color: #26969c #26969c #1c6f73;
	background-color: #26969c;
}

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2:focus {
	border-color: #1c6f73 #1c6f73 #1c6f73;
	background-color: #1c6f73;
}

html .btn-tertiary-scale-2.dropdown-toggle {
	border-left-color: #1c6f73;
}

html .btn-tertiary-scale-2[disabled] {
	border-color: #3fc9d0;
	background-color: #3fc9d0;
}

html .btn-quaternary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
}

html .btn-quaternary:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-quaternary:active,
html .btn-quaternary:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-quaternary.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-quaternary[disabled] {
	border-color: #657181;
	background-color: #657181;
}

html .btn-quaternary:hover,
html .btn-quaternary:focus {
	color: #ffffff;
}

html .btn-quaternary-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #22262b;
	border-color: #22262b #22262b #0b0d0f;
}

html .btn-quaternary-scale-2:hover {
	border-color: #2d323a #2d323a #17191d;
	background-color: #2d323a;
}

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2:focus {
	border-color: #17191d #17191d #17191d;
	background-color: #17191d;
}

html .btn-quaternary-scale-2.dropdown-toggle {
	border-left-color: #17191d;
}

html .btn-quaternary-scale-2[disabled] {
	border-color: #4e5865;
	background-color: #4e5865;
}

html .btn-dark {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
}

html .btn-dark:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-dark:active,
html .btn-dark:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-dark.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-dark[disabled] {
	border-color: #596779;
	background-color: #596779;
}

html .btn-dark:hover,
html .btn-dark:focus {
	color: #ffffff;
}

html .btn-dark-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #181c21;
	border-color: #181c21 #181c21 #030303;
}

html .btn-dark-scale-2:hover {
	border-color: #23282f #23282f #0d0f12;
	background-color: #23282f;
}

html .btn-dark-scale-2:active,
html .btn-dark-scale-2:focus {
	border-color: #0d0f12 #0d0f12 #0d0f12;
	background-color: #0d0f12;
}

html .btn-dark-scale-2.dropdown-toggle {
	border-left-color: #0d0f12;
}

html .btn-dark-scale-2[disabled] {
	border-color: #444e5b;
	background-color: #444e5b;
}

html .btn-light {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-color: #ffffff #ffffff #e6e6e6;
}

html .btn-light:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-light:active,
html .btn-light:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-light.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-light[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-light:hover,
html .btn-light:focus {
	color: #777777;
}

html .btn-light-scale-2 {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e6e6e6;
	border-color: #e6e6e6 #e6e6e6 #cccccc;
}

html .btn-light-scale-2:hover {
	border-color: #f2f2f2 #f2f2f2 #d9d9d9;
	background-color: #f2f2f2;
}

html .btn-light-scale-2:active,
html .btn-light-scale-2:focus {
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
	background-color: #d9d9d9;
}

html .btn-light-scale-2.dropdown-toggle {
	border-left-color: #d9d9d9;
}

html .btn-light-scale-2[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-borders.btn-primary {
	background: transparent;
	border-color: #005ba7;
	color: #005ba7;
	text-shadow: none;
}

html .btn-borders.btn-primary:hover,
html .btn-borders.btn-primary:focus {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #005ba7;
	border-color: #005ba7 #005ba7 #006699;
	border-color: #005ba7 !important;
	color: #ffffff;
}

html .btn-borders.btn-primary:hover:hover,
html .btn-borders.btn-primary:focus:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

html .btn-borders.btn-primary:hover:active,
html .btn-borders.btn-primary:focus:active,
html .btn-borders.btn-primary:hover:focus,
html .btn-borders.btn-primary:focus:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

html .btn-borders.btn-primary:hover.dropdown-toggle,
html .btn-borders.btn-primary:focus.dropdown-toggle {
	border-left-color: #0077b3;
}

html .btn-borders.btn-primary:hover[disabled],
html .btn-borders.btn-primary:focus[disabled] {
	border-color: #33bbff;
	background-color: #33bbff;
}

html .btn-borders.btn-secondary {
	background: transparent;
	border-color: #e36159;
	color: #e36159;
	text-shadow: none;
}

html .btn-borders.btn-secondary:hover,
html .btn-borders.btn-secondary:focus {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
	border-color: #e36159 !important;
	color: #ffffff;
}

html .btn-borders.btn-secondary:hover:hover,
html .btn-borders.btn-secondary:focus:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-borders.btn-secondary:hover:active,
html .btn-borders.btn-secondary:focus:active,
html .btn-borders.btn-secondary:hover:focus,
html .btn-borders.btn-secondary:focus:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-borders.btn-secondary:hover.dropdown-toggle,
html .btn-borders.btn-secondary:focus.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-borders.btn-secondary:hover[disabled],
html .btn-borders.btn-secondary:focus[disabled] {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-borders.btn-tertiary {
	background: transparent;
	border-color: #2baab1;
	color: #2baab1;
	text-shadow: none;
}

html .btn-borders.btn-tertiary:hover,
html .btn-borders.btn-tertiary:focus {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
	border-color: #2baab1 !important;
	color: #ffffff;
}

html .btn-borders.btn-tertiary:hover:hover,
html .btn-borders.btn-tertiary:focus:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-borders.btn-tertiary:hover:active,
html .btn-borders.btn-tertiary:focus:active,
html .btn-borders.btn-tertiary:hover:focus,
html .btn-borders.btn-tertiary:focus:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-borders.btn-tertiary:hover.dropdown-toggle,
html .btn-borders.btn-tertiary:focus.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-borders.btn-tertiary:hover[disabled],
html .btn-borders.btn-tertiary:focus[disabled] {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-borders.btn-quaternary {
	background: transparent;
	border-color: #383f48;
	color: #383f48;
	text-shadow: none;
}

html .btn-borders.btn-quaternary:hover,
html .btn-borders.btn-quaternary:focus {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
	border-color: #383f48 !important;
	color: #ffffff;
}

html .btn-borders.btn-quaternary:hover:hover,
html .btn-borders.btn-quaternary:focus:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-borders.btn-quaternary:hover:active,
html .btn-borders.btn-quaternary:focus:active,
html .btn-borders.btn-quaternary:hover:focus,
html .btn-borders.btn-quaternary:focus:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover.dropdown-toggle,
html .btn-borders.btn-quaternary:focus.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover[disabled],
html .btn-borders.btn-quaternary:focus[disabled] {
	border-color: #657181;
	background-color: #657181;
}

html .btn-borders.btn-dark {
	background: transparent;
	border-color: #2e353e;
	color: #2e353e;
	text-shadow: none;
}

html .btn-borders.btn-dark:hover,
html .btn-borders.btn-dark:focus {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
	border-color: #2e353e !important;
	color: #ffffff;
}

html .btn-borders.btn-dark:hover:hover,
html .btn-borders.btn-dark:focus:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-borders.btn-dark:hover:active,
html .btn-borders.btn-dark:focus:active,
html .btn-borders.btn-dark:hover:focus,
html .btn-borders.btn-dark:focus:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-borders.btn-dark:hover.dropdown-toggle,
html .btn-borders.btn-dark:focus.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-borders.btn-dark:hover[disabled],
html .btn-borders.btn-dark:focus[disabled] {
	border-color: #596779;
	background-color: #596779;
}

html .btn-borders.btn-light {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
	text-shadow: none;
}

html .btn-borders.btn-light:hover,
html .btn-borders.btn-light:focus {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-color: #ffffff #ffffff #e6e6e6;
	border-color: #ffffff !important;
	color: #777777;
}

html .btn-borders.btn-light:hover:hover,
html .btn-borders.btn-light:focus:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-borders.btn-light:hover:active,
html .btn-borders.btn-light:focus:active,
html .btn-borders.btn-light:hover:focus,
html .btn-borders.btn-light:focus:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-borders.btn-light:hover.dropdown-toggle,
html .btn-borders.btn-light:focus.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-borders.btn-light:hover[disabled],
html .btn-borders.btn-light:focus[disabled] {
	border-color: #ffffff;
	background-color: #ffffff;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #005ba7;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #005ba7 !important;
	border-color: #005ba7;
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
	color: #005ba7;
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	background-color: #005ba7;
	border-color: #005ba7;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #005ba7;
	border-color: #005ba7 #005ba7 #006699;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

.pagination > .active > a.dropdown-toggle,
body.dark .pagination > .active > a.dropdown-toggle {
	border-left-color: #0077b3;
}

.pagination > .active > a[disabled],
body.dark .pagination > .active > a[disabled] {
	border-color: #33bbff;
	background-color: #33bbff;
}

html .alert-primary {
	background-color: #005ba7;
	border-color: #007ebd;
	color: #ffffff;
}

html .alert-primary .alert-link {
	color: #ffffff;
}

html .alert-secondary {
	background-color: #e36159;
	border-color: #e1554c;
	color: #ffffff;
}

html .alert-secondary .alert-link {
	color: #ffffff;
}

html .alert-tertiary {
	background-color: #2baab1;
	border-color: #289ea5;
	color: #ffffff;
}

html .alert-tertiary .alert-link {
	color: #ffffff;
}

html .alert-quaternary {
	background-color: #383f48;
	border-color: #31373f;
	color: #ffffff;
}

html .alert-quaternary .alert-link {
	color: #ffffff;
}

html .alert-dark {
	background-color: #2e353e;
	border-color: #272d35;
	color: #ffffff;
}

html .alert-dark .alert-link {
	color: #ffffff;
}

html .alert-light {
	background-color: #ffffff;
	border-color: #f7f7f7;
	color: #777777;
}

html .alert-light .alert-link {
	color: #777777;
}

html .progress-bar-primary {
	background-color: #005ba7;
}

html .progress-bar-secondary {
	background-color: #e36159;
}

html .progress-bar-tertiary {
	background-color: #2baab1;
}

html .progress-bar-quaternary {
	background-color: #383f48;
}

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

html .progress-bar-light {
	background-color: #ffffff;
}

html section.section-primary {
	background-color: #005ba7 !important;
	border-color: #0077b3 !important;
}

html section.section-primary h1,
html section.section-primary h2,
html section.section-primary h3,
html section.section-primary h4,
html section.section-primary h5,
html section.section-primary h6 {
	color: #ffffff;
}

html section.section-primary p {
	color: #e6e6e6;
}

html section.section-primary-scale-2 {
	background-color: #006699 !important;
	border-color: #005580 !important;
}

html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #006699;
}

html section.section-secondary {
	background-color: #e36159 !important;
	border-color: #df4c43 !important;
}

html section.section-secondary h1,
html section.section-secondary h2,
html section.section-secondary h3,
html section.section-secondary h4,
html section.section-secondary h5,
html section.section-secondary h6 {
	color: #ffffff;
}

html section.section-secondary p {
	color: #e6e6e6;
}

html section.section-secondary-scale-2 {
	background-color: #dc372d !important;
	border-color: #cd2c23 !important;
}

html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #dc372d;
}

html section.section-tertiary {
	background-color: #2baab1 !important;
	border-color: #26969c !important;
}

html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6 {
	color: #ffffff;
}

html section.section-tertiary p {
	color: #e6e6e6;
}

html section.section-tertiary-scale-2 {
	background-color: #218388 !important;
	border-color: #1c6f73 !important;
}

html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #218388;
}

html section.section-quaternary {
	background-color: #383f48 !important;
	border-color: #2d323a !important;
}

html section.section-quaternary h1,
html section.section-quaternary h2,
html section.section-quaternary h3,
html section.section-quaternary h4,
html section.section-quaternary h5,
html section.section-quaternary h6 {
	color: #ffffff;
}

html section.section-quaternary p {
	color: #e6e6e6;
}

html section.section-quaternary-scale-2 {
	background-color: #22262b !important;
	border-color: #17191d !important;
}

html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #22262b;
}

html section.section-dark {
	background-color: #2e353e !important;
	border-color: #23282f !important;
}

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

html section.section-dark p {
	color: #e6e6e6;
}

html section.section-dark-scale-2 {
	background-color: #181c21 !important;
	border-color: #0d0f12 !important;
}

html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #181c21;
}

html section.section-light {
	background-color: #ffffff !important;
	border-color: #f2f2f2 !important;
}

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

html section.section-light p {
	color: #5e5e5e;
}

html section.section-light-scale-2 {
	background-color: #e6e6e6 !important;
	border-color: #d9d9d9 !important;
}

html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #e6e6e6;
}

html section.section-default-scale-1 {
	background-color: #dbdbdb !important;
	border-top-color: #d3d3d3 !important;
}

html section.section-default-scale-2 {
	background-color: #c1c1c1 !important;
	border-top-color: #b9b9b9 !important;
}

html section.section-default-scale-3 {
	background-color: #a8a8a8 !important;
	border-top-color: #a0a0a0 !important;
}

html section.section-default-scale-4 {
	background-color: #8e8e8e !important;
	border-top-color: #868686 !important;
}

html section.section-default-scale-5 {
	background-color: #757575 !important;
	border-top-color: #6d6d6d !important;
}

html section.section-default-scale-6 {
	background-color: #5b5b5b !important;
	border-top-color: #535353 !important;
}

html section.section-default-scale-7 {
	background-color: #424242 !important;
	border-top-color: #3a3a3a !important;
}

html section.section-default-scale-8 {
	background-color: #282828 !important;
	border-top-color: #202020 !important;
}

html section.section-default-scale-9 {
	background-color: #0f0f0f !important;
	border-top-color: #070707 !important;
}

html.dark section.section-default-scale-1 {
	background-color: #333a44 !important;
	border-top-color: #2c323b !important;
}

html.dark section.section-default-scale-2 {
	background-color: #495362 !important;
	border-top-color: #424b59 !important;
}

html.dark section.section-default-scale-3 {
	background-color: #5e6b7f !important;
	border-top-color: #586476 !important;
}

html.dark section.section-default-scale-4 {
	background-color: #77849a !important;
	border-top-color: #6e7d93 !important;
}

html.dark section.section-default-scale-5 {
	background-color: #949faf !important;
	border-top-color: #8b97a9 !important;
}

html.dark section.section-default-scale-6 {
	background-color: #b1b9c5 !important;
	border-top-color: #a8b1be !important;
}

html.dark section.section-default-scale-7 {
	background-color: #ced3db !important;
	border-top-color: #c5cbd4 !important;
}

html.dark section.section-default-scale-8 {
	background-color: #ebeef1 !important;
	border-top-color: #e3e6ea !important;
}

html.dark section.section-default-scale-9 {
	background-color: #ffffff !important;
	border-top-color: #f7f7f7 !important;
}

section.page-header h1 {
	border-bottom-color: #005ba7;
}

section.page-header.custom-product {
	background-color: #0077b3;
	border-top-color: #0081c2;
}

html .page-header-color.page-header-primary {
	background-color: #005ba7;
	border-bottom-color: #005ba7;
	color: #ffffff;
}

html .page-header-color.page-header-primary h1 {
	color: #ffffff;
}

html .page-header-color.page-header-primary h1 span {
	color: #ffffff;
}

html .page-header-color.page-header-primary a {
	color: #ffffff;
}

html .page-header-color.page-header-primary .breadcrumb > .active {
	color: #ffffff;
}

html .page-header-color.page-header-secondary {
	background-color: #e36159;
	border-bottom-color: #e36159;
	color: #ffffff;
}

html .page-header-color.page-header-secondary h1 {
	color: #ffffff;
}

html .page-header-color.page-header-secondary h1 span {
	color: #ffffff;
}

html .page-header-color.page-header-secondary a {
	color: #ffffff;
}

html .page-header-color.page-header-secondary .breadcrumb > .active {
	color: #ffffff;
}

html .page-header-color.page-header-tertiary {
	background-color: #2baab1;
	border-bottom-color: #2baab1;
	color: #ffffff;
}

html .page-header-color.page-header-tertiary h1 {
	color: #ffffff;
}

html .page-header-color.page-header-tertiary h1 span {
	color: #ffffff;
}

html .page-header-color.page-header-tertiary a {
	color: #ffffff;
}

html .page-header-color.page-header-tertiary .breadcrumb > .active {
	color: #ffffff;
}

html .page-header-color.page-header-quaternary {
	background-color: #383f48;
	border-bottom-color: #383f48;
	color: #ffffff;
}

html .page-header-color.page-header-quaternary h1 {
	color: #ffffff;
}

html .page-header-color.page-header-quaternary h1 span {
	color: #ffffff;
}

html .page-header-color.page-header-quaternary a {
	color: #ffffff;
}

html .page-header-color.page-header-quaternary .breadcrumb > .active {
	color: #ffffff;
}

html .page-header-color.page-header-dark {
	background-color: #2e353e;
	border-bottom-color: #2e353e;
	color: #ffffff;
}

html .page-header-color.page-header-dark h1 {
	color: #ffffff;
}

html .page-header-color.page-header-dark h1 span {
	color: #ffffff;
}

html .page-header-color.page-header-dark a {
	color: #ffffff;
}

html .page-header-color.page-header-dark .breadcrumb > .active {
	color: #ffffff;
}

html .page-header-color.page-header-light {
	background-color: #ffffff;
	border-bottom-color: #ffffff;
	color: #777777;
}

html .page-header-color.page-header-light h1 {
	color: #777777;
}

html .page-header-color.page-header-light h1 span {
	color: #777777;
}

html .page-header-color.page-header-light a {
	color: #777777;
}

html .page-header-color.page-header-light .breadcrumb > .active {
	color: #777777;
}

html .toggle-primary .toggle label {
	color: #005ba7;
	border-left-color: #005ba7;
	border-right-color: #005ba7;
}

html .toggle-primary .toggle.active > label {
	background-color: #005ba7;
	border-color: #005ba7;
	color: #ffffff;
}

html .toggle-primary.toggle-simple .toggle > label:after {
	background-color: #005ba7;
}

html .toggle-secondary .toggle label {
	color: #e36159;
	border-left-color: #e36159;
	border-right-color: #e36159;
}

html .toggle-secondary .toggle.active > label {
	background-color: #e36159;
	border-color: #e36159;
	color: #ffffff;
}

html .toggle-secondary.toggle-simple .toggle > label:after {
	background-color: #e36159;
}

html .toggle-tertiary .toggle label {
	color: #2baab1;
	border-left-color: #2baab1;
	border-right-color: #2baab1;
}

html .toggle-tertiary .toggle.active > label {
	background-color: #2baab1;
	border-color: #2baab1;
	color: #ffffff;
}

html .toggle-tertiary.toggle-simple .toggle > label:after {
	background-color: #2baab1;
}

html .toggle-quaternary .toggle label {
	color: #383f48;
	border-left-color: #383f48;
	border-right-color: #383f48;
}

html .toggle-quaternary .toggle.active > label {
	background-color: #383f48;
	border-color: #383f48;
	color: #ffffff;
}

html .toggle-quaternary.toggle-simple .toggle > label:after {
	background-color: #383f48;
}

html .toggle-dark .toggle label {
	color: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
}

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

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

html .toggle-light .toggle label {
	color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
}

html .toggle-light .toggle.active > label {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #777777;
}

html .toggle-light.toggle-simple .toggle > label:after {
	background-color: #ffffff;
}

.thumb-info .thumb-info-type {
	background-color: #005ba7;
}

.thumb-info .thumb-info-action-icon {
	background-color: #005ba7;
}

.thumb-info-social-icons a {
	background-color: #005ba7;
}

.thumbnail .zoom {
	background-color: #005ba7;
}

.img-thumbnail .zoom {
	background-color: #005ba7;
}

html .thumb-info .thumb-info-action-icon-primary {
	background-color: #005ba7;
}

html .thumb-info .thumb-info-action-icon-primary i {
	color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-secondary {
	background-color: #e36159;
}

html .thumb-info .thumb-info-action-icon-secondary i {
	color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-tertiary {
	background-color: #2baab1;
}

html .thumb-info .thumb-info-action-icon-tertiary i {
	color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-quaternary {
	background-color: #383f48;
}

html .thumb-info .thumb-info-action-icon-quaternary i {
	color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-dark {
	background-color: #2e353e;
}

html .thumb-info .thumb-info-action-icon-dark i {
	color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-light {
	background-color: #ffffff;
}

html .thumb-info .thumb-info-action-icon-light i {
	color: #777777;
}

.thumb-info-ribbon {
	background: #005ba7;
}

.thumb-info-ribbon:before {
	border-right-color: #005580;
	border-left-color: #005580;
}

.inverted {
	background-color: #005ba7;
}

html .inverted-primary {
	background-color: #005ba7;
}

html .inverted-secondary {
	background-color: #e36159;
}

html .inverted-tertiary {
	background-color: #2baab1;
}

html .inverted-quaternary {
	background-color: #383f48;
}

html .inverted-dark {
	background-color: #2e353e;
}

html .inverted-light {
	background-color: #ffffff;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #0074ad;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
	color: #005ba7;
}

.owl-carousel .owl-nav [class*="owl-"] {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #005ba7;
	border-color: #005ba7 #005ba7 #006699;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

.owl-carousel .owl-nav [class*="owl-"]:active,
.owl-carousel .owl-nav [class*="owl-"]:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

.owl-carousel .owl-nav [class*="owl-"].dropdown-toggle {
	border-left-color: #0077b3;
}

.owl-carousel .owl-nav [class*="owl-"][disabled] {
	border-color: #33bbff;
	background-color: #33bbff;
}

html body .tabs .nav-tabs a,
html.dark body .tabs .nav-tabs a,
html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover {
	color: #005ba7;
}

html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover,
html body .tabs .nav-tabs a:focus,
html.dark body .tabs .nav-tabs a:focus {
	border-top-color: #005ba7;
}

html body .tabs .nav-tabs li.active a,
html.dark body .tabs .nav-tabs li.active a {
	border-top-color: #005ba7;
	color: #005ba7;
}

html body .tabs .nav-tabs.nav-justified a:hover,
html.dark body .tabs .nav-tabs.nav-justified a:hover,
html body .tabs .nav-tabs.nav-justified a:focus,
html.dark body .tabs .nav-tabs.nav-justified a:focus {
	border-top-color: #005ba7;
}

html body .tabs.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a,
html body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom-color: #005ba7;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
	border-left-color: #005ba7;
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
	border-right-color: #005ba7;
}

html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	color: #005ba7;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
	border-top-color: #005ba7;
}

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #005ba7;
	color: #005ba7;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #005ba7;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #005ba7;
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #005ba7;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #005ba7;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #005ba7;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #005ba7;
}

html body .tabs-secondary .nav-tabs li a,
html.dark body .tabs-secondary .nav-tabs li a,
html body .tabs-secondary .nav-tabs.nav-justified li a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a,
html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	color: #e36159;
}

html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
	border-top-color: #e36159;
}

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

html body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #e36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #e36159;
}

html body .tabs-tertiary .nav-tabs li a,
html.dark body .tabs-tertiary .nav-tabs li a,
html body .tabs-tertiary .nav-tabs.nav-justified li a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a,
html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
	border-top-color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li.active a,
html.dark body .tabs-tertiary .nav-tabs li.active a,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs li.active a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs li.active a:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #2baab1;
	color: #2baab1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #2baab1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #2baab1;
}

html body .tabs-quaternary .nav-tabs li a,
html.dark body .tabs-quaternary .nav-tabs li a,
html body .tabs-quaternary .nav-tabs.nav-justified li a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a,
html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	color: #383f48;
}

html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
	border-top-color: #383f48;
}

html body .tabs-quaternary .nav-tabs li.active a,
html.dark body .tabs-quaternary .nav-tabs li.active a,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs li.active a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs li.active a:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus {
	border-top-color: #383f48;
	color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li a:hover {
	border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li a:hover {
	border-right-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #383f48;
}

html body .tabs-dark .nav-tabs li a,
html.dark body .tabs-dark .nav-tabs li a,
html body .tabs-dark .nav-tabs.nav-justified li a,
html.dark body .tabs-dark .nav-tabs.nav-justified li a,
html body .tabs-dark .nav-tabs li a:hover,
html.dark body .tabs-dark .nav-tabs li a:hover,
html body .tabs-dark .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
	color: #2e353e;
}

html body .tabs-dark .nav-tabs li a:hover,
html.dark body .tabs-dark .nav-tabs li a:hover,
html body .tabs-dark .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
	border-top-color: #2e353e;
}

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

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

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

html body .tabs-dark.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
	border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
	border-right-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #2e353e;
}

html body .tabs-light .nav-tabs li a,
html.dark body .tabs-light .nav-tabs li a,
html body .tabs-light .nav-tabs.nav-justified li a,
html.dark body .tabs-light .nav-tabs.nav-justified li a,
html body .tabs-light .nav-tabs li a:hover,
html.dark body .tabs-light .nav-tabs li a:hover,
html body .tabs-light .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
	color: #ffffff;
}

html body .tabs-light .nav-tabs li a:hover,
html.dark body .tabs-light .nav-tabs li a:hover,
html body .tabs-light .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
	border-top-color: #ffffff;
}

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

html body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #ffffff;
}

html body .tabs-light.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
	border-bottom-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li a:hover {
	border-left-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a,
html body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:focus {
	border-left-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li a:hover {
	border-right-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a,
html body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:focus {
	border-right-color: #ffffff;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
	border-right-color: #005ba7;
	border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
	border-right-color: transparent;
	border-left-color: #005ba7;
}

.list.list-icons li .fa,
.list.list-icons li .icons {
	color: #005ba7;
	border-color: #005ba7;
}

.list.list-icons.list-icons-style-3 li .fa,
.list.list-icons.list-icons-style-3 li .icons {
	background-color: #005ba7;
}

.list.list-ordened li:before {
	color: #005ba7;
	border-color: #005ba7;
}

.list.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
}

html .list-primary.list-icons li .fa,
html .list-primary.list-icons li .icons {
	color: #005ba7;
	border-color: #005ba7;
}

html .list-primary.list-icons.list-icons-style-3 li .fa,
html .list-primary.list-icons.list-icons-style-3 li .icons {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-primary.list-ordened li:before {
	color: #005ba7;
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-secondary.list-icons li .fa,
html .list-secondary.list-icons li .icons {
	color: #e36159;
	border-color: #e36159;
}

html .list-secondary.list-icons.list-icons-style-3 li .fa,
html .list-secondary.list-icons.list-icons-style-3 li .icons {
	background-color: #e36159;
	color: #ffffff;
}

html .list-secondary.list-ordened li:before {
	color: #e36159;
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-tertiary.list-icons li .fa,
html .list-tertiary.list-icons li .icons {
	color: #2baab1;
	border-color: #2baab1;
}

html .list-tertiary.list-icons.list-icons-style-3 li .fa,
html .list-tertiary.list-icons.list-icons-style-3 li .icons {
	background-color: #2baab1;
	color: #ffffff;
}

html .list-tertiary.list-ordened li:before {
	color: #2baab1;
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-quaternary.list-icons li .fa,
html .list-quaternary.list-icons li .icons {
	color: #383f48;
	border-color: #383f48;
}

html .list-quaternary.list-icons.list-icons-style-3 li .fa,
html .list-quaternary.list-icons.list-icons-style-3 li .icons {
	background-color: #383f48;
	color: #ffffff;
}

html .list-quaternary.list-ordened li:before {
	color: #383f48;
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-dark.list-icons li .fa,
html .list-dark.list-icons li .icons {
	color: #2e353e;
	border-color: #2e353e;
}

html .list-dark.list-icons.list-icons-style-3 li .fa,
html .list-dark.list-icons.list-icons-style-3 li .icons {
	background-color: #2e353e;
	color: #ffffff;
}

html .list-dark.list-ordened li:before {
	color: #2e353e;
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #ffffff;
}

html .list-light.list-icons li .fa,
html .list-light.list-icons li .icons {
	color: #ffffff;
	border-color: #ffffff;
}

html .list-light.list-icons.list-icons-style-3 li .fa,
html .list-light.list-icons.list-icons-style-3 li .icons {
	background-color: #ffffff;
	color: #777777;
}

html .list-light.list-ordened li:before {
	color: #ffffff;
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
	background-color: #005ba7;
	color: #777777;
}

.parallax blockquote i.fa-quote-left {
	color: #005ba7;
}

section.video blockquote i.fa-quote-left {
	color: #005ba7;
}

.panel-group .panel-heading a {
	color: #005ba7;
}

html .panel-group.panel-group-primary .panel-heading {
	background-color: #005ba7 !important;
}

html .panel-group.panel-group-primary .panel-heading a {
	color: #ffffff;
}

html .panel-group.panel-group-secondary .panel-heading {
	background-color: #e36159 !important;
}

html .panel-group.panel-group-secondary .panel-heading a {
	color: #ffffff;
}

html .panel-group.panel-group-tertiary .panel-heading {
	background-color: #2baab1 !important;
}

html .panel-group.panel-group-tertiary .panel-heading a {
	color: #ffffff;
}

html .panel-group.panel-group-quaternary .panel-heading {
	background-color: #383f48 !important;
}

html .panel-group.panel-group-quaternary .panel-heading a {
	color: #ffffff;
}

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

html .panel-group.panel-group-dark .panel-heading a {
	color: #ffffff;
}

html .panel-group.panel-group-light .panel-heading {
	background-color: #ffffff !important;
}

html .panel-group.panel-group-light .panel-heading a {
	color: #777777;
}

html .divider.divider-primary .fa,
html .divider.divider-primary .icons {
	color: #005ba7;
}

html .divider.divider-primary.divider-small hr {
	background: #005ba7;
}

html .divider.divider-secondary .fa,
html .divider.divider-secondary .icons {
	color: #e36159;
}

html .divider.divider-secondary.divider-small hr {
	background: #e36159;
}

html .divider.divider-tertiary .fa,
html .divider.divider-tertiary .icons {
	color: #2baab1;
}

html .divider.divider-tertiary.divider-small hr {
	background: #2baab1;
}

html .divider.divider-quaternary .fa,
html .divider.divider-quaternary .icons {
	color: #383f48;
}

html .divider.divider-quaternary.divider-small hr {
	background: #383f48;
}

html .divider.divider-dark .fa,
html .divider.divider-dark .icons {
	color: #2e353e;
}

html .divider.divider-dark.divider-small hr {
	background: #2e353e;
}

html .divider.divider-light .fa,
html .divider.divider-light .icons {
	color: #ffffff;
}

html .divider.divider-light.divider-small hr {
	background: #ffffff;
}

html .divider.divider-style-2.divider-primary .fa,
html .divider.divider-style-2.divider-primary .icons {
	background: #005ba7;
	color: #ffffff;
}

html .divider.divider-style-2.divider-secondary .fa,
html .divider.divider-style-2.divider-secondary .icons {
	background: #e36159;
	color: #ffffff;
}

html .divider.divider-style-2.divider-tertiary .fa,
html .divider.divider-style-2.divider-tertiary .icons {
	background: #2baab1;
	color: #ffffff;
}

html .divider.divider-style-2.divider-quaternary .fa,
html .divider.divider-style-2.divider-quaternary .icons {
	background: #383f48;
	color: #ffffff;
}

html .divider.divider-style-2.divider-dark .fa,
html .divider.divider-style-2.divider-dark .icons {
	background: #2e353e;
	color: #ffffff;
}

html .divider.divider-style-2.divider-light .fa,
html .divider.divider-style-2.divider-light .icons {
	background: #ffffff;
	color: #777777;
}

html .divider.divider-style-3.divider-primary .fa,
html .divider.divider-style-3.divider-primary .icons {
	border-color: #005ba7;
}

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

html .divider.divider-style-3.divider-tertiary .fa,
html .divider.divider-style-3.divider-tertiary .icons {
	border-color: #2baab1;
}

html .divider.divider-style-3.divider-quaternary .fa,
html .divider.divider-style-3.divider-quaternary .icons {
	border-color: #383f48;
}

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

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

#header .tip {
	background: #005ba7;
	color: #ffffff;
}

#header .tip:before {
	border-right-color: #005ba7;
}

html #header .tip-primary {
	background: #005ba7 !important;
	color: #ffffff !important;
}

html #header .tip-primary:before {
	border-right-color: #005ba7 !important;
}

html #header .tip-secondary {
	background: #e36159 !important;
	color: #ffffff !important;
}

html #header .tip-secondary:before {
	border-right-color: #e36159 !important;
}

html #header .tip-tertiary {
	background: #2baab1 !important;
	color: #ffffff !important;
}

html #header .tip-tertiary:before {
	border-right-color: #2baab1 !important;
}

html #header .tip-quaternary {
	background: #383f48 !important;
	color: #ffffff !important;
}

html #header .tip-quaternary:before {
	border-right-color: #383f48 !important;
}

html #header .tip-dark {
	background: #2e353e !important;
	color: #ffffff !important;
}

html #header .tip-dark:before {
	border-right-color: #2e353e !important;
}

html #header .tip-light {
	background: #ffffff !important;
	color: #777777 !important;
}

html #header .tip-light:before {
	border-right-color: #ffffff !important;
}

html[dir="rtl"] #header .tip.skin:before {
	border-left-color: #005ba7;
}

#header .header-btn-collapse-nav {
	background: #005ba7;
}

@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a {
		background: #005ba7;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		border-top-color: #005ba7;
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #005ba7;
	}

	#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
		color: #005ba7;
	}

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

	#header .header-nav.header-nav-top-line nav > ul li.active > a {
		color: #005ba7;
	}
	
	#header .header-nav.header-nav-top-line nav > ul li:hover > a {
		background-color: #005ba7;
		color: #FFF;
	}

	#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 {
		background: #005ba7;
	}

	#header .header-nav.header-nav-dark-dropdown nav > ul li.active > a,
	#header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a {
		color: #005ba7;
	}
}

@media (min-width: 992px) {
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
		color: #005ba7;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
		background: #005ba7;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
		border-top-color: #005ba7;
		background-color: #005ba7;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
		color: #ffffff;
		border-bottom-color: #0099e6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
		background: #0099e6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
		color: #ffffff;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
		color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
		background: #e36159;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
		border-top-color: #e36159;
		background-color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
		color: #ffffff;
		border-bottom-color: #e7766f;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a {
		background: #e7766f;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
		color: #ffffff;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
		color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
		background: #2baab1;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
		border-top-color: #2baab1;
		background-color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
		color: #ffffff;
		border-bottom-color: #30bec6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a {
		background: #30bec6;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
		color: #ffffff;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
		color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
		background: #383f48;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
		border-top-color: #383f48;
		background-color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
		color: #ffffff;
		border-bottom-color: #434c56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a {
		background: #434c56;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
		color: #ffffff;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
		color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
		background: #2e353e;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu {
		border-top-color: #2e353e;
		background-color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
		color: #ffffff;
		border-bottom-color: #39424d;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a {
		background: #39424d;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
		color: #ffffff;
		opacity: 0.70;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a,
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
		background: #ffffff;
		color: #777777;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu {
		border-top-color: #ffffff;
		background-color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
		color: #777777;
		border-bottom-color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a {
		background: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #777777;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
		color: #777777;
		opacity: 0.70;
	}
}

@media (max-width: 991px) {
	#header .header-nav-main nav > ul > li > a,
	#header .header-nav-main nav > ul > li > a:focus,
	#header .header-nav-main nav > ul > li > a:hover {
		color: #005ba7;
	}

	#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: #005ba7;
	}
}

@media (max-width: 991px) {
	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
		color: #005ba7;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a {
		background: #005ba7;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
		color: #e36159;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a {
		background: #e36159;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
		color: #2baab1;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a {
		background: #2baab1;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
		color: #383f48;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a {
		background: #383f48;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
		color: #2e353e;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a {
		background: #2e353e;
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
		color: #ffffff;
	}

	html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a {
		background: #ffffff;
		color: #777777;
	}
}

html #header .header-top.header-top-primary {
	background: #005ba7;
	border-top-color: #0077b3;
}

html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
	background: #0099e6;
}

html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
	background: #0099e6;
}

html #header .header-top.header-top-primary .dropdown-menu {
	background: #0099e6;
	border-color: #0099e6;
}

html #header .header-top.header-top-primary .dropdown-menu a:hover,
html #header .header-top.header-top-primary .dropdown-menu a:focus {
	background: #00aaff !important;
}

html #header .header-top.header-top-secondary {
	background: #e36159;
	border-top-color: #df4c43;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a {
	background: #e7766f;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus {
	background: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu {
	background: #e7766f;
	border-color: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu a:hover,
html #header .header-top.header-top-secondary .dropdown-menu a:focus {
	background: #ea8b85 !important;
}

html #header .header-top.header-top-tertiary {
	background: #2baab1;
	border-top-color: #26969c;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a {
	background: #30bec6;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus {
	background: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu {
	background: #30bec6;
	border-color: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
	background: #3fc9d0 !important;
}

html #header .header-top.header-top-quaternary {
	background: #383f48;
	border-top-color: #2d323a;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a {
	background: #434c56;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus {
	background: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu {
	background: #434c56;
	border-color: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
	background: #4e5865 !important;
}

html #header .header-top.header-top-dark {
	background: #2e353e;
	border-top-color: #23282f;
}

html #header .header-top.header-top-dark .header-nav-top ul > li.open > a {
	background: #39424d;
}

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

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

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

html #header .header-top.header-top-light {
	background: #ffffff;
	border-top-color: #f2f2f2;
}

html #header .header-top.header-top-light .header-nav-top ul > li.open > a {
	background: #ffffff;
}

html #header .header-top.header-top-light .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus {
	background: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu {
	background: #ffffff;
	border-color: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu a:hover,
html #header .header-top.header-top-light .dropdown-menu a:focus {
	background: #ffffff !important;
}

@media (min-width: 992px) {
	html #header .header-nav-bar-primary {
		background: #005ba7 !important;
		color: #ffffff !important;
	}

	html #header .header-nav-bar-secondary {
		background: #e36159 !important;
		color: #ffffff !important;
	}

	html #header .header-nav-bar-tertiary {
		background: #2baab1 !important;
		color: #ffffff !important;
	}

	html #header .header-nav-bar-quaternary {
		background: #383f48 !important;
		color: #ffffff !important;
	}

	html #header .header-nav-bar-dark {
		background: #2e353e !important;
		color: #ffffff !important;
	}

	html #header .header-nav-bar-light {
		background: #ffffff !important;
		color: #777777 !important;
	}
}

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

	#header .header-nav-main-light nav > ul > li.active > a {
		color: #005ba7;
	}
}

.testimonial blockquote {
	background: #14b1e7;
}

.testimonial .testimonial-arrow-down {
	border-top-color: #14b1e7;
}

html .testimonial-primary blockquote {
	background: #0099e6;
}

html .testimonial-primary .testimonial-arrow-down {
	border-top-color: #0099e6;
}

html .testimonial-secondary blockquote {
	background: #e7766f;
}

html .testimonial-secondary .testimonial-arrow-down {
	border-top-color: #e7766f;
}

html .testimonial-tertiary blockquote {
	background: #30bec6;
}

html .testimonial-tertiary .testimonial-arrow-down {
	border-top-color: #30bec6;
}

html .testimonial-quaternary blockquote {
	background: #434c56;
}

html .testimonial-quaternary .testimonial-arrow-down {
	border-top-color: #434c56;
}

html .testimonial-dark blockquote {
	background: #39424d;
}

html .testimonial-dark .testimonial-arrow-down {
	border-top-color: #39424d;
}

html .testimonial-light blockquote {
	background: #ffffff;
}

html .testimonial-light .testimonial-arrow-down {
	border-top-color: #ffffff;
}

.circular-bar.only-icon .fa,
.circular-bar.only-icon .icons {
	color: #005ba7;
}

html .counters .counter-primary .fa,
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
	color: #005ba7;
}

html .counters .counter-secondary .fa,
html .counters .counter-secondary .icons,
html .counters .counter-secondary strong {
	color: #d00d00;
}

html .counters .counter-tertiary .fa,
html .counters .counter-tertiary .icons,
html .counters .counter-tertiary strong {
	color: #2baab1;
}

html .counters .counter-quaternary .fa,
html .counters .counter-quaternary .icons,
html .counters .counter-quaternary strong {
	color: #383f48;
}

html .counters .counter-dark .fa,
html .counters .counter-dark .icons,
html .counters .counter-dark strong {
	color: #2e353e;
}

html .counters .counter-light .fa,
html .counters .counter-light .icons,
html .counters .counter-light strong {
	color: #ffffff;
}

.icon-featured {
	background-color: #005ba7;
}

.featured-box-primary .icon-featured {
	background-color: #005ba7;
}

.featured-box-primary .icon-featured:after {
	border-color: #005ba7;
}

.featured-box-primary h4 {
	color: #005ba7;
}

.featured-box-primary .box-content {
	border-top-color: #005ba7;
}

html .featured-box-primary .icon-featured {
	background-color: #005ba7;
}

html .featured-box-primary h4 {
	color: #005ba7;
}

html .featured-box-primary .box-content {
	border-top-color: #005ba7;
}

html .featured-box-secondary .icon-featured {
	background-color: #e36159;
}

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

html .featured-box-secondary .box-content {
	border-top-color: #e36159;
}

html .featured-box-tertiary .icon-featured {
	background-color: #2baab1;
}

html .featured-box-tertiary h4 {
	color: #2baab1;
}

html .featured-box-tertiary .box-content {
	border-top-color: #2baab1;
}

html .featured-box-quaternary .icon-featured {
	background-color: #383f48;
}

html .featured-box-quaternary h4 {
	color: #383f48;
}

html .featured-box-quaternary .box-content {
	border-top-color: #383f48;
}

html .featured-box-dark .icon-featured {
	background-color: #2e353e;
}

html .featured-box-dark h4 {
	color: #2e353e;
}

html .featured-box-dark .box-content {
	border-top-color: #2e353e;
}

html .featured-box-light .icon-featured {
	background-color: #ffffff;
}

html .featured-box-light h4 {
	color: #ffffff;
}

html .featured-box-light .box-content {
	border-top-color: #ffffff;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
	border-color: #005ba7;
	color: #005ba7;
}

html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
	border-color: #e36159;
	color: #e36159;
}

html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
	border-color: #2baab1;
	color: #2baab1;
}

html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
	border-color: #383f48;
	color: #383f48;
}

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

html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
	border-color: #ffffff;
	color: #ffffff;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
	border-color: #005ba7;
	color: #005ba7;
}

html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
	border-color: #e36159;
	color: #e36159;
}

html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
	border-color: #2baab1;
	color: #2baab1;
}

html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
	border-color: #383f48;
	color: #383f48;
}

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

html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
	border-color: #ffffff;
	color: #ffffff;
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
	color: #005ba7;
}

html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

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

html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
	color: #ffffff;
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
	color: #005ba7;
}

html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

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

html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
	color: #ffffff;
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
	color: #005ba7;
}

html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
	color: #e36159;
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
	color: #2baab1;
}

html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
	color: #383f48;
}

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

html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
	color: #ffffff;
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 3px #005ba7;
}

html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
	box-shadow: 0 0 0 3px #e36159;
}

html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
	box-shadow: 0 0 0 3px #2baab1;
}

html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
	box-shadow: 0 0 0 3px #383f48;
}

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

html .featured-box-effect-2.featured-box-light .icon-featured:after {
	box-shadow: 0 0 0 3px #ffffff;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 10px #005ba7;
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
	background: #005ba7 !important;
}

html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
	box-shadow: 0 0 0 10px #e36159;
}

html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
	background: #e36159 !important;
}

html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
	box-shadow: 0 0 0 10px #2baab1;
}

html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
	background: #2baab1 !important;
}

html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
	box-shadow: 0 0 0 10px #383f48;
}

html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
	background: #383f48 !important;
}

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

html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
	background: #2e353e !important;
}

html .featured-box-effect-3.featured-box-light .icon-featured:after {
	box-shadow: 0 0 0 10px #ffffff;
}

html .featured-box-effect-3.featured-box-light:hover .icon-featured {
	background: #ffffff !important;
}

.feature-box .feature-box-icon {
	background-color: #005ba7;
}

html .feature-box-primary .feature-box-icon {
	background-color: #005ba7;
}

html .feature-box-secondary .feature-box-icon {
	background-color: #e36159;
}

html .feature-box-tertiary .feature-box-icon {
	background-color: #2baab1;
}

html .feature-box-quaternary .feature-box-icon {
	background-color: #383f48;
}

html .feature-box-dark .feature-box-icon {
	background-color: #2e353e;
}

html .feature-box-light .feature-box-icon {
	background-color: #ffffff;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-secondary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
	color: #ffffff;
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border-color: #005ba7;
}

.feature-box.feature-box-style-3 .feature-box-icon i.fa,
.feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
	border-color: #005ba7;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
	border-color: #e36159;
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
	border-color: #2baab1;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
	border-color: #383f48;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
	color: #383f48;
}

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

html .feature-box-dark.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon {
	border-color: #ffffff;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
	color: #ffffff;
}

.feature-box.feature-box-style-4 .feature-box-icon i.fa,
.feature-box.feature-box-style-4 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
	color: #005ba7;
}

html .feature-box-secondary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
	color: #ffffff;
}

.feature-box.feature-box-style-5 .feature-box-icon i.fa,
.feature-box.feature-box-style-5 .feature-box-icon i.icons {
	color: #005ba7;
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons {
	color: #005ba7;
}

html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-5 .feature-box-icon i.icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-5 .feature-box-icon i.icons {
	color: #ffffff;
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons {
	color: #005ba7;
}

html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.icons {
	color: #e36159;
}

html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.icons {
	color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.icons {
	color: #383f48;
}

html .feature-box-dark.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-6 .feature-box-icon i.icons {
	color: #2e353e;
}

html .feature-box-light.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-6 .feature-box-icon i.icons {
	color: #ffffff;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(1) .featured-box-full-primary {
	background-color: #006699;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(2) .featured-box-full-primary {
	background-color: #0077b3;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(3) .featured-box-full-primary {
	background-color: #005ba7;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(4) .featured-box-full-primary {
	background-color: #0099e6;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(5) .featured-box-full-primary {
	background-color: #00aaff;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(6) .featured-box-full-primary {
	background-color: #1ab2ff;
}

html .featured-boxes-full .featured-box-full-primary {
	background-color: #005ba7;
	color: #ffffff;
}

html .featured-boxes-full .featured-box-full-secondary {
	background-color: #e36159;
	color: #ffffff;
}

html .featured-boxes-full .featured-box-full-tertiary {
	background-color: #2baab1;
	color: #ffffff;
}

html .featured-boxes-full .featured-box-full-quaternary {
	background-color: #383f48;
	color: #ffffff;
}

html .featured-boxes-full .featured-box-full-dark {
	background-color: #2e353e;
	color: #ffffff;
}

html .featured-boxes-full .featured-box-full-light {
	background-color: #ffffff;
	color: #777777;
}

.pricing-table .most-popular {
	border-color: #005ba7;
}

.pricing-table .most-popular h3 {
	background-color: #005ba7 !important;
}

.pricing-table.princig-table-flat .plan h3 {
	background-color: #005ba7;
}

.pricing-table.princig-table-flat .plan h3 span {
	background: #005ba7;
}

html .call-to-action.featured.featured-primary {
	border-top-color: #005ba7;
}

html .call-to-action.call-to-action-primary {
	background: #005ba7;
}

html .call-to-action.with-full-borders {
	border-color: #005ba7;
}

html .call-to-action.call-to-action-primary {
	background: #005ba7;
}

html .call-to-action.call-to-action-primary h3,
html .call-to-action.call-to-action-primary p {
	color: #ffffff;
}

html .call-to-action.featured.featured-secondary {
	border-top-color: #e36159;
}

html .call-to-action.call-to-action-secondary {
	background: #e36159;
}

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

html .call-to-action.call-to-action-secondary {
	background: #e36159;
}

html .call-to-action.call-to-action-secondary h3,
html .call-to-action.call-to-action-secondary p {
	color: #ffffff;
}

html .call-to-action.featured.featured-tertiary {
	border-top-color: #2baab1;
}

html .call-to-action.call-to-action-tertiary {
	background: #2baab1;
}

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

html .call-to-action.call-to-action-tertiary {
	background: #2baab1;
}

html .call-to-action.call-to-action-tertiary h3,
html .call-to-action.call-to-action-tertiary p {
	color: #ffffff;
}

html .call-to-action.featured.featured-quaternary {
	border-top-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
	background: #383f48;
}

html .call-to-action.with-full-borders {
	border-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
	background: #383f48;
}

html .call-to-action.call-to-action-quaternary h3,
html .call-to-action.call-to-action-quaternary p {
	color: #ffffff;
}

html .call-to-action.featured.featured-dark {
	border-top-color: #2e353e;
}

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

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

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

html .call-to-action.call-to-action-dark h3,
html .call-to-action.call-to-action-dark p {
	color: #ffffff;
}

html .call-to-action.featured.featured-light {
	border-top-color: #ffffff;
}

html .call-to-action.call-to-action-light {
	background: #ffffff;
}

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

html .call-to-action.call-to-action-light {
	background: #ffffff;
}

html .call-to-action.call-to-action-light h3,
html .call-to-action.call-to-action-light p {
	color: #777777;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
	background: #005ba7;
	box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #005ba7;
}

ul.history li .featured-box .box-content {
	border-top-color: #005ba7;
}

.recent-posts .date .month,
article.post .post-date .month {
	background-color: #005ba7;
}

.recent-posts .date .day,
article.post .post-date .day {
	color: #005ba7;
}

.slider .tp-bannertimer {
	background-color: #005ba7;
}

.home-concept strong {
	color: #005ba7;
}

html .home-intro-primary {
	background: #005ba7;
}

html .home-intro-secondary {
	background: #e36159;
}

html .home-intro-tertiary {
	background: #2baab1;
}

html .home-intro-quaternary {
	background: #383f48;
}

html .home-intro-dark {
	background: #2e353e;
}

html .home-intro-light {
	background: #ffffff;
}

.home-intro p em {
	color: #00aaff;
}

.shop ul.products li.product .onsale {
	background-color: #005ba7;
	border-bottom-color: #006da3;
}

.shop .star-rating span,
.shop .cart-totals tr.total .amount {
	color: #005ba7;
}

#footer .footer-ribbon {
	background: #005ba7;
}

#footer .footer-ribbon:before {
	border-right-color: #005580;
	border-left-color: #005580;
}

#footer.light h1,
#footer.light h2,
#footer.light h3,
#footer.light h4,
#footer.light a {
	color: #005ba7;
}

#footer.color {
	background: #005ba7;
	border-top-color: #005ba7;
}

#footer.color .footer-ribbon {
	background: #006699;
}

#footer.color .footer-ribbon:before {
	border-right-color: #00334d;
}

#footer.color .footer-copyright {
	background: #0077b3;
	border-top-color: #0077b3;
}

html #footer.color-primary {
	background: #005ba7;
	border-top-color: #005ba7;
}

html #footer.color-primary .footer-ribbon {
	background: #006699;
}

html #footer.color-primary .footer-ribbon:before {
	border-right-color: #00334d;
}

html #footer.color-primary .footer-copyright {
	background: #0077b3;
	border-top-color: #0077b3;
}

html #footer.color-secondary {
	background: #e36159;
	border-top-color: #e36159;
}

html #footer.color-secondary .footer-ribbon {
	background: #dc372d;
}

html #footer.color-secondary .footer-ribbon:before {
	border-right-color: #a1231b;
}

html #footer.color-secondary .footer-copyright {
	background: #df4c43;
	border-top-color: #df4c43;
}

html #footer.color-tertiary {
	background: #2baab1;
	border-top-color: #2baab1;
}

html #footer.color-tertiary .footer-ribbon {
	background: #218388;
}

html #footer.color-tertiary .footer-ribbon:before {
	border-right-color: #12474a;
}

html #footer.color-tertiary .footer-copyright {
	background: #26969c;
	border-top-color: #26969c;
}

html #footer.color-quaternary {
	background: #383f48;
	border-top-color: #383f48;
}

html #footer.color-quaternary .footer-ribbon {
	background: #22262b;
}

html #footer.color-quaternary .footer-ribbon:before {
	border-right-color: #000000;
}

html #footer.color-quaternary .footer-copyright {
	background: #2d323a;
	border-top-color: #2d323a;
}

html #footer.color-dark {
	background: #2e353e;
	border-top-color: #2e353e;
}

html #footer.color-dark .footer-ribbon {
	background: #181c21;
}

html #footer.color-dark .footer-ribbon:before {
	border-right-color: #000000;
}

html #footer.color-dark .footer-copyright {
	background: #23282f;
	border-top-color: #23282f;
}

html #footer.color-light {
	background: #ffffff;
	border-top-color: #ffffff;
}

html #footer.color-light .footer-ribbon {
	background: #e6e6e6;
}

html #footer.color-light .footer-ribbon:before {
	border-right-color: #bfbfbf;
}

html #footer.color-light .footer-copyright {
	background: #f2f2f2;
	border-top-color: #f2f2f2;
}

.sample-icon-list .sample-icon a:hover {
	background-color: #005ba7;
}

html.boxed .body {
	border-top-color: #005ba7;
}

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

div,span,ul,li,f,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
figure,nav,section{display:block}
nav ul{list-style:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}


/* =============================================================================
   Global
   ========================================================================== */


/* ------ Snippets class ------ */

.loader_ajax{ display:none;
  width:20px;
  height:20px;
  overflow:hidden;
  background-position:0 0;
  position: fixed;
  z-index: 99999;
  top: 20px;
  right: 20px;
}
.loader_ajax.show{ display:block; }

.overflow{
  overflow:hidden; position:relative;
  /* cursor:url("../img/drag-cursor.png") !important; */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hide{ display:none; }

.clr_orange{ color:#ff7200; }
.clr_blue{ color:#53acb4; }
.clr_red{ color:#0062A8; }

.bg_orange{ background-color:#ff7200; }
.bg_blue{ background-color:#53acb4; }
.bg_red{ background-color:#0062A8; }

.border_orange{ border-color:#ff7200; }
.border_blue{ border-color:#53acb4; }
.border_red{ border-color:#0062A8; }

.clr_h_orange:hover span{ color:#ff7200 !important; }
.clr_h_blue:hover span{ color:#53acb4 !important; }
.clr_h_red:hover span{ color:#0062A8 !important; }

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}


/* ------ Fonts ------ */

@font-face {
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-weight: normal;
    font-style: normal;
}


/* =============================================================================
   My CSS
   ========================================================================== */


/* =================== GLOBAL =================== */

.wrap{  margin:0 auto; padding:0 25px; }

/* ------ Preload ------ */
#preload{ display:block; position:fixed; background:#0062A8; z-index:110; color:#fff; opacity:1; width:100%; height:100%;
  -webkit-transition:opacity .3s ease 1.3s;
  -moz-transition:opacity .3s ease 1.3s;
  -ms-transition:opacity .3s ease 1.3s;
  -o-transition:opacity .3s ease 1.3s;
  transition:opacity .3s ease 1.3s;
}
.preload_line_wrap{ width: 200px; margin: 0 auto; height: 1px; top: 50%; left: 50%; position: absolute; margin-left: -100px; margin-top:30px; background:#7f111a; opacity:1;
  -webkit-transition: opacity .4s ease 1.4s;
  -moz-transition: opacity .4s ease 1.4s;
  -ms-transition: opacity .4s ease 1.4s;
  -o-transition: opacity .4s ease 1.4s;
  transition: opacity .4s ease 1.4s;
}
.preload_line_wrap.opacity_none{ opacity:0 }
.preload_line{ background:#fff; width:0%; height:1px; display:block; }
#preload.hide{ opacity:0; }
#preload.display_n{ display:none; }

/* Preload txt */
.percent_txt_wrap{ display:block; opacity:1; width:150px; height:150px; position:absolute; top:50%; left:50%; margin:-105px 0 0 -75px; text-align:center; line-height:150px; font-size:5em; font-family:'Revenue'; font-weight:normal; color:#7f111a;
  -webkit-transition: opacity .3s ease 1.3s;
  -moz-transition: opacity .3s ease 1.3s;
  -ms-transition: opacity .3s ease 1.3s;
  -o-transition: opacity .3s ease 1.3s;
  transition: opacity .3s ease 1.3s;
}
.percent_txt_wrap.opacity_none{ opacity:0; }
#percent_txt{
  -webkit-transition: color .4s ease;
  -moz-transition: color .4s ease;
  -ms-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
}
#percent_txt.done{ color:#fff; }



#tutorial{ position:absolute; top:50%; left:50%; margin:-130px 0 0 -140px; width:280px; height:260px; opacity:1;
  -webkit-transition: opacity .3s ease 1.6s;
  -moz-transition: opacity .3s ease 1.6s;
  -ms-transition: opacity .3s ease 1.6s;
  -o-transition: opacity .3s ease 1.6s;
  transition: opacity .3s ease 1.6s;
}
#tutorial.opacity_none{ opacity:0; }

/* #tutorial .wrap_img{ background:url('../img/tutorial.png'); height:200px; width:240px; margin:0 auto; background-repeat:no-repeat; } */
#tutorial .wrap_img.transition{
  -webkit-transition: background-position .3s ease;
  -moz-transition: background-position .3s ease;
  -ms-transition: background-position .3s ease;
  -o-transition: background-position .3s ease;
  transition: background-position .3s ease;
}

/*#tutorial .wrap_keyboard{ background:url('../img/tutorial.png'); width:100%; height:100%; }*/

#tutorial .wrap_txt{ margin-top:-20px; opacity:1;
  -webkit-transition: opacity .3s ease 1.9s;
  -moz-transition: opacity .3s ease 1.9s;
  -ms-transition: opacity .3s ease 1.9s;
  -o-transition: opacity .3s ease 1.9s;
  transition: opacity .3s ease 1.9s;
}
#tutorial .wrap_txt.opacity_none{ opacity:0; }

#tutorial span{ font-family:'Avenir'; font-weight:normal; font-size:1.6em; color:#fff; display:block; text-align:center; }

#tutorial li{ position:absolute; width:100%; opacity:0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#tutorial li.active{ opacity:1; }

/* ------ Sound ------ */
#sound{ display:none; height:0; width:0; margin:0; padding:0; opacity:0; }


/* ------ Borders ------ */
.border_top, .border_bottom{
  width: 100%;
  height: 0;
  position: fixed;
  background: #f5f5f3;
  z-index: 50;
}
.border_top.init, .border_bottom.init{ height:50px;
  -webkit-transition:height .5s ease !important;
  -moz-transition:height .5s ease !important;
  -ms-transition:height .5s ease !important;
  -o-transition:height .5s ease !important;
  transition:height .5s ease !important;
}
.border_bottom{ bottom: 0; }
.border_top{ top:0; }


/* ------ Canvas ------ */

#anim{ display:none; }
@media screen and (min-width:1101px){
  #anim{ display:block; opacity:0; z-index:-1;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  #anim:hover{ opacity:1; }
  #anim.opacity{ opacity:0; }
  #anim.left{ margin-left:-50px; }
  #anim.show_anim{ opacity:1; }
}

/* ------ Breadcrumb ------ */

.nav_breadcrumb{ width:600px; position:absolute; left:50%; bottom:0; margin-left:-250px; }
.nav_breadcrumb li{ display:inline-block; /*width:50px; height:8px;*/ /*background:#7f111a;*/ cursor:pointer; position:relative;
  /*-webkit-transition: height .3s ease;
  -moz-transition: height .3s ease;
  -ms-transition: height .3s ease;
  -o-transition: height .3s ease;
  transition: height .3s ease;*/
}
.nav_breadcrumb.deep_page li{ cursor:pointer; }

.nav_breadcrumb li:not(:last-child){ margin-right:24px; }
.nav_breadcrumb a span{ display:block; width:100%; height:6px; background:#7F111A;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition:-webkit-transform .3s ease;
  -moz-transition:-moz-transform .3s ease;
  -ms-transition:-ms-transform .3s ease;
  -o-transition:-o-transform .3s ease;
  transition:transform .3s ease;
}
.nav_breadcrumb li:hover a span, .nav_breadcrumb li.active a span{
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -o-transform: translateY(0px);
 transform: translateY(0px);
}

/*.nav_breadcrumb li.bc_news a span, .nav_breadcrumb li.bc_references a span{ background:#fff; }*/
/*.nav_breadcrumb li.bc_contact a span{ background:#d9d9d9; }*/
.nav_breadcrumb .active a span{ display:block; }

.nav_breadcrumb li > span{ /*display:block; position:absolute; top:-12px; left:0; */ display:block; margin-bottom:6px; color:#660F16; font-family:'Avenir'; text-transform:uppercase; font-weight:bold; font-size:1em; /*opacity:0;*/
  /*-webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;*/
}
/*.nav_breadcrumb li:hover > span{ opacity:1; }*/
.nav_breadcrumb.deep_page li > span{
  font-size:.9em;
}
.nav_breadcrumb.deep_page li.active > span{
  color:#eee;
}
.nav_breadcrumb.deep_page li.active a span{
  background:#eee;
}

.nav_breadcrumb.deep_page{ display:none; }
@media screen and (min-width:620px){
  .nav_breadcrumb.deep_page{ display:block; }
}



/* ------ Nav ------ */

.nav_sections li{ color:#fff; font-size:6em; line-height:237px; height:237px; overflow:hidden; width:600px;
  -webkit-transition:-webkit-transform .3s ease;
  -moz-transition:-moz-transform .3s ease;
  -ms-transition:-ms-transform .3s ease;
  -o-transition:-o-transform .3s ease;
  transition:transform .3s ease;
}

.nav_sections li a{ color:#fff; display:block; width:100%; height:100%;
  -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.nav_nb{ position:absolute; font-size:.3em; padding:0 30px;  font-family:'Avenir'; font-weight:normal; }
.nav_name{ font-family:'MetaSerif'; font-weight:bold;  }
.next .nav_name, .prev .nav_name{ display:none; }

.nav_sections .next{ right:-600px; padding-left:80px;  text-align:left;  position:absolute; top:0; z-index:1; cursor:pointer !important; }
.nav_sections .next .nav_nb{ top:0; left:0; }
.nav_sections .next .nav_nb:after{ font-family:Arial; content:"→"; color:#fff; display:block; position:absolute; top:28px; left:31px; font-size:1.1em; }

.nav_sections .prev{ left:-600px; padding-right:80px;  text-align:right;  position:absolute; top:0; z-index:1; cursor:pointer !important; }
.nav_sections .prev .nav_nb{ top:0; right:0; }
.nav_sections .prev .nav_nb:after{ font-family:Arial; content:"←"; color:#fff; display:block; position:absolute; top:28px; left:31px; font-size:1.1em; }

/* body.drag .nav_sections .active{ cursor:url("../img/drag-cursor.png"), default !important; } */
.nav_sections .active{ margin:0 auto; text-align:center; position:relative; overflow:visible;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.nav_sections .active .nav_nb{ position:relative; margin: -25px 0 0 -87px; padding-right:30px; display: inline-block; vertical-align: middle; }
.nav_sections .active .nav_nb:after{ content:""; display:block; width:23px; height:2px; background:#fff; position:absolute; top:148px; left:31px; }

.main_header{ height:74px; width:100%; display:block !important; }

.sections_wrap section header{ display:none !important; width:100%; /*cursor:url("../img/drag-cursor.png"), default !important;*/
  /* cursor: url('img/openhand.cur') 8 8, move; */
}
/* .sections_wrap.move section header{ cursor: url('img/closedhand.cur'), move; } */

.main_topbar{ width:100%; background:#0062A8; height:74px; position:absolute; z-index:2; border-bottom: 2px solid #7F1119; }

.main_topbar img{ display:block; width:48px; height:41px; margin:0 0 0 25px; padding:17px 0 0 0; float:left; }
.main_menu_ico{ display:block; width:48px; height:41px; margin:0 25px 0 0; padding:15px 0 0 0; float:right; position:relative; }
.main_menu_ico:before{ content:"\e002"; font-family:'icomoon'; color:#fff; font-size:2em; position:absolute; top:25px; right:0; }

.main_nav{ position:absolute; left:0; top:0; width:100%; height:336px; border-bottom:1px solid #84071B; background:#f4f4f4; z-index:1; background:#0062A8;
  -webkit-transform:translate3d(0, -280px, 0);
  -webkit-transition:-webkit-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -moz-transform:translate3d(0, -280px, 0);
  -moz-transition:-moz-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -ms-transform:translateY(-280px);
  -ms-transition:-ms-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -o-transform:translateY(-280px);
  -o-transition:-o-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  transform:translate3d(0, -280px, 0);
  transition:transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
}
.main_nav.show{
  -webkit-transform:translate3d(0, 74px, 0);
  -moz-transform:translate3d(0, 74px, 0);
  -o-transform:translateY(74px);
  -ms-transform:translateY(74px);
  transform:translate3d(0, 74px, 0);
}
.main_nav li{ height:56px; line-height:56px; position:relative; font-family:'MetaSerif'; font-weight:normal; font-size:2em; }
.main_nav li a{ color:#fff; display:block; width:0px; height:0px; }
.main_nav li.active{ background:#84071b }

.m_nav_nb{ margin:0 0 0 25px; font-family:'Avenir'; font-weight:normal; font-size:.6em; display:block;
  -webkit-transform: translate3d(0,-2px,0);
  -moz-transform: translate3d(0,-2px,0);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translate3d(0,-2px,0);
}
.m_nav_nb:after{ content:""; display:block; width:1em; height:1px; background:#fff; position:absolute; top:39px; left:0; }

.m_nav_name{ position:absolute; left:65px; top:-2px; margin:0 20px 0 0; text-align:left; font-weight:bold; }







/* =================== CONTENT =================== */

/* ------ GLOBAL------ */

#content{ width:100%; overflow:hidden;}
#content.opacity{ opacity:1 !important; }

.sections_wrap.move{
 -webkit-transition: none !important;
 -moz-transition: none !important;
 -ms-transition: none !important;
 -o-transition: none !important;
 transition: none !important;
}

.sections_wrap{ width:999999px; /*-webkit-transform:translateX(-1627px)*/; overflow:hidden; height:100%;
  -webkit-transition:-webkit-transform .8s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -moz-transition:-moz-transform .8s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -ms-transition:-ms-transform .8s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -o-transition:-o-transform .8s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  transition:transform .8s cubic-bezier(0.800, 0.200, 0.200, 1.000);
}

.sections_wrap > section > div:first-child{ height:100%; }

.sections_wrap > section{ display:block; float:left; position:relative; overflow:hidden; border-width:0px; border-style:solid; border-color:#f5f5f3; width:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}

.section_home{
  -webkit-transition:border .5s ease !important;
  -moz-transition:border .5s ease !important;
  -ms-transition:border .5s ease !important;
  -o-transition:border .5s ease !important;
  transition:border .5s ease !important;
}

.sections_wrap section.border_show{ border-width:50px; }


/* Core text */
.text_core{ font-size:1.6em; line-height:1.7em; font-family:'Avenir'; font-weight:normal; }
.text_core h1, .text_core h2, .text_core h3, .text_core h4{  font-weight:normal; color:#222; line-height:1.2em; margin:0 0 30px 0; font-family:'MetaSerif'; }
.text_core h1, .text_core .h_big{ font-size:2.6em; }
.text_core h2, .text_core .h_medium{ font-size:1.9em; }
.text_core h3, .text_core .h_small{ font-size:1.5em; }
.text_core p, .text_core ul{ margin-bottom:1em; }
.text_core li:before { content:"•"; font-size:.7em; margin-right:.7em; }
.text_core a{ color:#222; font-weight:bold;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.text_core a:hover{ color:#0062A8; }


/* MEDIA QUERIES - GLOBAL */

@media screen and (min-width:1100px){
  .wrap{ padding:0; }
}

@media screen and (min-width:750px) and (max-width:1100px){
  .wrap{ padding:0 50px; }
}

@media screen and (min-width:780px){
  .main_header{ display:none !important; }
  .sections_wrap section header{ display:block !important; }
  .section_nav{ display:block; height:237px; background:#0062A8; overflow:hidden; position:relative; width:100%; }
}


@media screen and (min-width:1030px){
  .next .nav_name, .prev .nav_name{ display:block; }
  .nav_sections .next:hover, .nav_sections .next.on{
    -webkit-transform:translate3d(-60px, 0, 0);
    -moz-transform:translate3d(-60px, 0, 0);
    -ms-transform:translateX(-60px);
    -o-transform:translateX(-60px);
    -transform:translate3d(-60px, 0, 0);
  }
  .nav_sections .prev:hover, .nav_sections .prev.on{
    -webkit-transform:translate3d(60px, 0, 0);
    -moz-transform:translate3d(60px, 0, 0);
    -ms-transform:translateX(60px);
    -o-transform:translateX(60px);
    transform:translate3d(60px, 0, 0);
  }
}








/* ----------------- 00. HOME ----------------- */

.section_home{ height:100%; }
.section_home.hide{ display:none; }
/*.section_home div{ width:100%; height:100%; position:absolute; top:0; left:0; }*/
.home_left, .home_right{ width:100%; height:100%; position:absolute; top:0; left:0; }
.section_home h1{ display:none; }
.home_left{ background:#0062A8; font-family:'Avenir'; font-weight:normal; }
.home_left > div{ width:300px; height:100%; position:absolute; left:50%; top:40px; margin:0 0 0 -150px; text-align:center; }

@media screen and (max-width:779px){
  .home_lang{ display:block !important; }
}
.home_lang{ display:none; position:absolute; bottom:0; left:0; margin:0 0 35px 42px; z-index:1; }
.home_lang li{ display:inline-block; margin:0 10px 0 0; }
.home_lang li.active{ font-weight:bold; }
.home_lang li a{ color:#fff; }
.home_lang li a:hover{ color:#e8e8e6; }

.home_left img{ display:block; width:150px; height:120px; margin:0 auto 30px auto; }
.home_left h2{ color:#fff; font-size:2.7em; font-weight:normal; }
.home_enter{ cursor:pointer; position:absolute; width:100px; height:50px; line-height:.5em; left:50%; bottom:20%; margin:-25px 0 0 -50px; color:#fff; text-align:center; font-size:6.5em;
  -webkit-transition:color .3s ease;
  -moz-transition:color .3s ease;
  -ms-transition:color .3s ease;
  -o-transition:color .3s ease;
  transition:color .3s ease;
}



/* ------ MEDIA QUERIES - 00. HOME ------ */

@media screen and (max-width:619px) and (max-height:390px){
  .home_enter{ bottom:20px; }
}


@media screen and (min-width:620px){
  .home_left > div{ width:500px; margin:0 0 0 -250px; }
  .home_left h2{ font-size:3em; }
}

@media screen and (min-width:780px){
  .section_home.hide{ display:none; }
  .home_left, .home_right{ width:50%; height:100%; display:inline-block; vertical-align:top; margin-right:-4px; position:relative; }
  .section_home h1{ display:none; }
  .home_left{ background:#0062A8; }

  .section_home > div{ background:#f5f5f3; }
  .section_home > div.red{ background:#0062A8; }

  .home_left img{ display:block; width:150px; height:120px; margin:0; }
  .home_left h2{ color:#fff; font-size:3em; line-height:1.2em; position:absolute; cursor:default; top:-5px; left:180px; }
  .home_left h2 span{ display:block; }

  /* CANVAS */
  .home_left{ overflow:hidden; }
  .home_left > div{ width:300px; height:120px; position:absolute; left:50%; top:50%; margin:-60px 0 0 -150px; text-align:left;
    -webkit-transition: opacity .5s ease 1.25s;
    -moz-transition: opacity .5s ease 1.25s;
    -ms-transition: opacity .5s ease 1.25s;
    -o-transition: opacity .5s ease 1.25s;
    transition: opacity .5s ease 1.25s;
   /* -webkit-transition: opacity .5s ease .5s;
    -moz-transition: opacity .5s ease .5s;
    -ms-transition: opacity .5s ease .5s;
    -o-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s;*/

  }

  .home_lang{
    -webkit-transition: opacity .5s ease 1.25s;
    -moz-transition: opacity .5s ease 1.25s;
    -ms-transition: opacity .5s ease 1.25s;
    -o-transition: opacity .5s ease 1.25s;
    transition: opacity .5s ease 1.25s;
    /*-webkit-transition: opacity .5s ease .5s;
    -moz-transition: opacity .5s ease .5s;
    -ms-transition: opacity .5s ease .5s;
    -o-transition: opacity .5s ease .5s;
    transition: opacity .5s ease .5s;*/
  }


  .home_left .opacity{ opacity:0; }


  .home_right{ background:#f5f5f3; }
  .home_right.right{
    -webkit-transform: translate3d(105%, 0, 0);
    -moz-transform: translate3d(105%, 0, 0);
    -ms-transform: translateX(105%);
    -o-transform: translateX(105%);
    transform: translate3d(105%, 0, 0);
  }
  .home_right{
    -webkit-transition:-webkit-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
    -moz-transition:-moz-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
    -ms-transition:-ms-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
    -o-transition:-o-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
    transition:transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  }


  .home_enter{ cursor:pointer; position:absolute; width:100px; height:50px; line-height:.5em; left:50%; top:50%; margin:-25px 0 0 -50px; color:#0062A8; font-size:6.5em;
    -webkit-transition:-webkit-transform .2s ease;
    -moz-transition:-moz-transform .2s ease;
    -ms-transition:-ms-transform .2s ease;
    -o-transition:-o-transform .2s ease;
    transition:transform .2s ease;
  }
}

@media screen and (min-width:1101px){
  .home_enter:hover{
    -webkit-transform:translate3d(10px, 0, 0);
    -moz-transform:translate3d(10px, 0, 0);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    -transform:translate3d(10px, 0, 0);
  }
}




/* ----------------- 01. OFFERS ----------------- */

.section_offers h3{ text-align:center; max-width:410px; font-family:'MetaSerif'; font-weight:bold; font-size:2.3em; line-height:1.2em; color:#222; }
.offers_multiblocks h3{ margin:0 auto 25px auto;  }
.offers_multiblocks:nth-child(1) h3{ max-width:410px; }
.offers_multiblocks:nth-child(2) h3{ max-width:410px; }
.offers_multiblocks:nth-child(3) h3{ max-width:380px; }

.section_offers h4{ font-size:1.2em; font-weight:normal; display:inline-block; vertical-align:18px; }
.offers_resume p:not(:last-child){ margin-bottom:1em; }

@media screen and (min-width:620px){
  .section_offers h3{ font-size:3em; }
  .section_offers h4{ font-size:1.4em; }
}


/* body.drag .offers_resume{ cursor:url("../img/drag-cursor.png"), default !important;  } */
.offers_resume{ background:#f5f5f3; padding:3em 0; margin-bottom:40px; font-family:'Avenir'; font-weight:normal; font-size:1.7em; line-height:1.7em; cursor:default; }
.offers_resume .line_nav span{ cursor:pointer; color:#777; border-bottom:1px dotted;
  -webkit-transition:color .3s ease;
  -moz-transition:color .3s ease;
  -ms-transition:color .3s ease;
  -o-transition:color .3s ease;
  transition:color .3s ease;
}
.offers_resume .line_nav span:nth-child(1):hover{ color:#ff7200; }
.offers_resume .line_nav span:nth-child(2):hover{ color:#53acb4; }
.offers_resume .line_nav span:nth-child(3):hover{ color:#0062A8; }

.offers_multiblocks{ padding-bottom:60px; }

.offers_multiblocks ul{ text-align:center; margin:0 0 30px -4px; }
.offers_multiblocks li{ display:inline-block; margin-left:-4px; width:5px; height:5px; border-radius:100%; background:#fff; border-width:3px; border-style:solid; border-color:#cbcbcb; cursor:pointer;
  -webkit-transition: border-color .3s ease;
  -moz-transition: border-color .3s ease;
  -ms-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}
.offers_multiblocks li:hover{ border-color:#999;  }
.offers_multiblocks li:not(:last-child){ margin-right:4px; }
.offers_multiblocks li.bg_orange{ border-color:#ff7200; }
.offers_multiblocks li.bg_blue{ border-color:#53acb4; }
.offers_multiblocks li.bg_red{ border-color:#0062A8; }

.offers_multiblocks:after{ content:""; display:block; max-width:400px; height:2px; background:#d0d0d0; margin:0 auto; }
.offers_multiblocks:last-child{ padding-bottom:0px; }
.offers_multiblocks:last-child:after{ display:none; }

.offers_block:first-child:after{ content:""; display:block; height:100%; width:20px; }
.offers_block{ width:100%; padding:20px; display:inline-block; vertical-align:top; font-family:'Avenir'; font-weight:normal; font-size:1.7em; line-height:1.6em; margin:0 0 55px -4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.offers_block a{ display:block; color:#222; }
.offers_block img{ width:50px; height:50px; margin-right:20px; }
.offers_block p{ margin-top:.5em; }
.offers_block span{ display:block; margin-top:10px; text-transform:uppercase; color:#808080; font-size:.7em;
  -webkit-transition:color .3s ease;
  -moz-transition:color .3s ease;
  -ms-transition:color .3s ease;
  -o-transition:color .3s ease;
  transition:color .3s ease;
}
.offers_block span:before{ content:"→"; display:inline-block; margin-right:7px; vertical-align:middle; }
.offers_block span:hover{ color:#222; }
.offers_partners{ background:#f5f5f3; padding:70px 0; border-top:2px solid #cfcfcf }
.offers_partners h4{ display:none; }
.offers_partners ul{ text-align:center; }
.offers_partners li{ display:inline-block; margin-bottom:45px; height:50px; position:relative; width:100%; }

.offers_partners li img:first-child{ opacity:0.4; }
.offers_partners li img:nth-child(2){ display:none;  }
.offers_partners h3{ margin:0 auto 55px auto; }


.offers_partners li:nth-child(1) img, .offers_partners li:nth-child(2) img{ top:10px; }
.offers_partners li:nth-child(5) img{ top:6px; }
.offers_partners li:nth-child(6) img{ top:2px; }
.offers_partners li:nth-child(10) img{ top:7px; }



/* MEDIA QUERIES - 01. OFFERS */

@media screen and (min-width:630px){
  .offers_partners li img{ position:absolute; top:0; left:0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .offers_partners li img:nth-child(2){ display:block; opacity:0;  }
  .offers_partners li img:first-child:hover{ opacity:0; }
  .offers_partners li img:nth-child(2):hover{ opacity:1 }


  .offers_partners li:nth-child(1){ width:258px; }
  .offers_partners li:nth-child(2){ width:213px; }
  .offers_partners li:nth-child(3){ width:212px; }
  .offers_partners li:nth-child(4){ width:120px; }
  .offers_partners li:nth-child(5){ width:182px; }
  .offers_partners li:nth-child(6){ width:249px; }
  .offers_partners li:nth-child(7){ width:152px; }
  .offers_partners li:nth-child(8){ width:215px; }
  .offers_partners li:nth-child(9){ width:173px; }
  .offers_partners li:nth-child(10){ width:196px; }
}

@media screen and (min-width:980px){
  .offers_block{ width:50%; }
}

@media screen and (min-width:980px) and (max-width:1100px){
  .section_offers h4{ max-width:280px; }
  .offers_multiblocks:nth-child(1) .offers_block:last-child h4{ vertical-align:0 !important; }
}

@media screen and (min-width:1101px){
  .section_offers h4{ max-width:100%; }
}

@media screen and (min-width:630px) and (max-width:1100px){
  .offers_partners li:nth-child(4){ width:140px; }
  .offers_partners li:nth-child(5){ width:225px; }
}

@media screen and (max-width:650px){
  .offers_block{ padding:0 !important; }
  .offers_block img{ display:block; margin:0 auto 10px auto; }
  .section_offers h4{ width:100%; text-align:center; margin-top:10px; }
  .offers_multiblocks .wrap{ padding:0; }
  .offers_resume{ padding:1.5em 0; }
}








/* ----------------- 02. REFERENCES ----------------- */

.section_references h3, .section_references h4{ font-family:'MetaSerif'; font-weight:bold; line-height:1.2em; color:#222; text-align:center; }
.section_references h3{ font-size:2.7em; margin:0 0 40px 0; }
.section_references h4{ font-size:1.8em; margin:10px 0 26px 0; }

@media screen and (min-width:620px){
  .section_references h3{ font-size:3em; }
  .section_references h4{ font-size:2em; }
}

.references_clients{ padding:30px 0 0 0; margin-bottom:10px; }

.references_clients h4{ display:none; }
.references_clients ul{ text-align:center; }
.references_clients li{ display:inline-block; margin-bottom:45px; height:50px; position:relative; }
.references_clients li img{ position:absolute; top:0; left:0;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.references_clients li img:first-child{ opacity:0.4; }
.references_clients li img:nth-child(2){ display:none; }

/* Row 1 */
.references_clients li:nth-child(1){ width:83px; }
.references_clients li:nth-child(1) img{ margin-top:2px; }
.references_clients li:nth-child(2){ width:80px; }
.references_clients li:nth-child(3){ width:218px; }
.references_clients li:nth-child(3) img{ margin-top:16px; }
.references_clients li:nth-child(4){ width:133px; }
.references_clients li:nth-child(4) img{ margin-top:6px; }
.references_clients li:nth-child(5){ width:88px; }
.references_clients li:nth-child(6){ width:185px; }
.references_clients li:nth-child(7){ width:192px; }
/*.references_clients li:nth-child(7){ width:131px; }
.references_clients li:nth-child(8){ width:118px; }*/
/* Row 2 */
.references_clients li:nth-child(8){ width:168px; }
.references_clients li:nth-child(8) img{ margin-top:10px; }
.references_clients li:nth-child(9){ width:125px; }
.references_clients li:nth-child(10){ width:178px; }
.references_clients li:nth-child(10) img{ margin-top:4px; }
.references_clients li:nth-child(11){ width:190px; }
.references_clients li:nth-child(12){ width:122px; }
.references_clients li:nth-child(13){ width:230px; }
/* Row 3 */
.references_clients li:nth-child(14){ width:145px; }
.references_clients li:nth-child(15){ width:179px; }
.references_clients li:nth-child(15) img{ margin-top:14px; }
.references_clients li:nth-child(16){ width:95px; }
.references_clients li:nth-child(17){ width:192px; }
.references_clients li:nth-child(17) img{ margin-top:16px; }
.references_clients li:nth-child(18){ width:154px; }
.references_clients li:nth-child(19){ width:141px; }
.references_clients li:nth-child(20){ width:120px; }
/* Row 4 */
.references_clients li:nth-child(21){ width:158px; }
.references_clients li:nth-child(22){ width:219px; }
.references_clients li:nth-child(23){ width:163px; }
.references_clients li:nth-child(23) img{ margin-top:4px; }
.references_clients li:nth-child(24){ width:91px; }
.references_clients li:nth-child(25){ width:300px; }
.references_clients li:nth-child(25) img{ margin-top:16px; }
.references_clients li:nth-child(26){ width:52px; }

@media screen and (min-width:651px){
  .references_clients{ padding:60px 0 0 0; }
}


@media screen and (min-width:630px){
  .references_clients li img:nth-child(2){ display:block; opacity:0; }
  .references_clients li img:first-child:hover{ opacity:0; }
  .references_clients li img:nth-child(2):hover{ opacity:1 }

  .section_references h3, .section_references h4{ text-align:left; }
}

@media screen and (min-width:1101px){
  /*.references_clients li:nth-child(8){ width:58px; }*/
  .references_clients li:nth-child(13){ width:200px; }
  .references_clients li:nth-child(20){ width:70px; }

  .references_clients{ padding:5em 0 0 0; }
}


.references_case_studies{ margin-bottom:70px; }

.case_box h4{ display:none; }
.case_box a{ color:#222; }
.case_box{ width:100%; height:208px; border:1px solid #e0e0e0; border-radius:4px;
  -webkit-transition: border .2s ease;
  -moz-transition: border .2s ease;
  -ms-transition: border .2s ease;
  -o-transition: border .2s ease;
  transition: border .2s ease;
}
.case_box:hover{ border:1px solid #ccc; }

.case_box{ display:inline-block; vertical-align:top; margin:0 0 38px 0; }



.case_box_top{ height:98px; border-bottom:1px solid #e0e0e0; }
.case_box_top figure{ background:#f5f5f3; display:block; position:relative; border:4px solid #fff; border-radius:4px; width:100%; height:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.case_box_top img{ position:absolute; top:50%; left:50%;
  -webkit-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  -ms-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.case_box_top img:first-child{ opacity:0.4; }
.case_box_top img:nth-child(2){ opacity:0; }

body.colorlogo .case_box_top img:first-child{ opacity:0; }
body.colorlogo .case_box_top img:nth-child(2){ opacity:1; }

.case_box:hover img:first-child{ opacity:0; }
.case_box:hover img:nth-child(2){ opacity:1 }

.case_box_bottom{ padding:20px; }
.case_box_bottom p{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; line-height:1.5em; color:#222; max-height:68px; overflow:hidden; }

/* Grid 2 */
@media screen and (min-width:621px){
  .case_box{ display:inline-block; vertical-align:top; margin:0 35px 38px 0;
    width: -webkit-calc(50% - 22px);
    width: -moz-calc(50% - 22px);
    width: -ms-calc(50% - 22px);
    width: -o-calc(50% - 22px);
    width: calc(50% - 22px);
  }
  .case_box:nth-child(2n){ margin:0 0 38px 0; }
}
/* Grid 3 */
@media screen and (min-width:781px){
  .case_box{
    width: -webkit-calc(33.33% - 29px);
    width: -moz-calc(33.33% - 29px);
    width: -ms-calc(33.33% - 29px);
    width: -o-calc(33.33% - 29px);
    width: calc(33.33% - 29px);
  }

  .case_box:nth-child(2n){ margin:0 35px 38px 0; }
  .case_box:nth-child(3n){ margin:0 0 38px 0; }
}
/* Grid 4 */
@media screen and (min-width:1101px){
  .case_box{ width:218px }
  .case_box:nth-child(2n), .case_box:nth-child(3n){ margin:0 35px 38px 0; }
  .case_box:nth-child(4n){ margin:0 0 38px 0; }
}


.case_studies_dlbox{ height:224px; max-width:100%; border:1px solid #e0e0e0; border-radius:4px; background:#f5f5f3; padding:30px; position:relative; }



.case_studies_dlbox .left{ width:100%; margin:0 20px 0 0; position:relative; }
.case_studies_dlbox .fakeselect{ font-family:'MetaSerif'; font-weight:normal; font-size:1.5em;  background:#fff; padding:11px 18px 14px 18px; border:1px solid #e0e0e0; border-radius:3px; color:#222; }
.case_studies_dlbox .fakeselect{ display:block; position:relative; cursor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#999999; font-weight:bold; }
.case_studies_dlbox .fakeselect.init{ color:#999999 !important; }
.case_studies_dlbox .fakeselect:after{ content:""; display:block; position:absolute; right:16px; top:22px; width: 0;  height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #9b9b9b; }

.case_studies_dlbox .fakeoptions{ position:absolute; z-index:10; width:100%; display:none; max-height:330px; overflow-y:scroll; border-bottom: 1px solid #e0e0e0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.case_studies_dlbox .fakeoptions li{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background:#fff; padding:14px 18px; border:1px solid #e0e0e0; border-top:none; color:#646464; cursor:pointer; }
.case_studies_dlbox .fakeoptions li:last-child{ border-bottom:none; }
.case_studies_dlbox .fakeoptions li:hover{ background:#f7f7f7; }



.case_studies_dlbox .middle{ width:100%; padding:20px 0; max-height:60px; overflow:hidden; }
.case_studies_dlbox .middle p{ font-family:'Avenir'; font-weight:normal; font-size:1.6em; line-height: 1.4em; color:#222; }



.case_studies_dlbox .right a{ display:block; margin:0 auto; width:160px; height:51px; line-height:53px; text-align:center; background:#0062A8; color:#fff; text-transform:uppercase; font-family:'Avenir'; font-size:1.1em; /*border:1px solid #0062A8;*/ border-radius:3px; font-weight:bold; cursor:pointer;
    -webkit-transition: background .3s ease, color .3s ease;
    -moz-transition: background .3s ease, color .3s ease;
    -ms-transition: background .3s ease, color .3s ease;
    -o-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease;
  }
/*.case_studies_dlbox .right a:hover{ background:#fff; color:#0062A8; }*/
.case_studies_dlbox .right a:hover{ background:#7f111a; }



@media screen and (max-width:1100px){
  .case_studies_dlbox .right{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -81px;
  }
}

@media screen and (min-width:700px){
  .case_studies_dlbox{ height:154px; }
  .case_studies_dlbox > div{ display:inline-block; vertical-align:top; margin-left:-4px; }
  .case_studies_dlbox .left{ width:250px; }
  .case_studies_dlbox .middle{ padding:0; max-height:80px;
    width: -webkit-calc(100% - 270px);
  }
}

@media screen and (min-width:1101px){
  .case_studies_dlbox{ height:54px; }
  .case_studies_dlbox .left{ width:226px; }
  .case_studies_dlbox .middle{ width:500px; padding:0; max-height:55px; }
  .case_studies_dlbox .right{ position:absolute; top:30px; right:30px; }
  .case_studies_dlbox .right a{ margin:0; }

  .case_studies_dlbox .middle{ position:relative; height:55px; }
  .case_studies_dlbox .middle p{ position:absolute; top:50%; left:0; }

}

.references_sectors{ padding:0 0 40px 0; font-family:'Avenir'; }
.references_sectors > div{ position:relative; }
.references_sectors h4{ font-family:'Avenir'; font-weight:normal; font-size:1.5em; margin:0; height:30px; }
.references_sectors > div > ul{ margin:0; text-align:center; }

.sector_item{ width:100%; overflow:hidden; height:180px; position:relative; }
.sector_item li{ font-family:'Avenir'; font-weight:normal; font-size:1.2em; line-height:1.8em; color:#666666; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; cursor: default; }
.sector_item li a{ color:#666666; }
.sector_item li a:hover{ color:#333; }
.references_sectors > div > ul > .sector_item li:nth-child(n+5){ opacity:0; }

.sector_view_all{ display:none; }


.references_sectors .blank{ position: absolute; top:0; width: 100%; height: 100%; background: #FFF; z-index:-1; opacity: 0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.references_sectors .blank.show{ z-index:1; opacity:.8; }

.sector_item.clone{ background:#fff; position:absolute !important; z-index:2; padding-left:0; margin-left:0; height:440px; border-right:none; top:0; }

.sector_item.clone > ul{ overflow-x: hidden; /*overflow-y: scroll;*/ max-height: 352px; }


@media screen and (max-width:620px){
  .sector_item li:nth-child(4):after{ content:"..."; display:block; }
}


@media screen and (min-width:621px){
  .sector_item{ border-right:1px solid #e0e0e0; padding:0 24px; margin-bottom:60px; display:inline-block; margin-left:-4px; vertical-align:top; height:190px; }

  .references_sectors > div > ul{ margin:0; text-align:left; }

  .references_sectors h4{ height:60px; }

  .sector_view_all{ position:absolute; display:block; background:#fff; bottom:0; font-size:1.2em; line-height:1em; cursor:pointer; color:#444; }
  .sector_view_all:before{ content:"→"; display:inline-block; vertical-align:middle; margin-right:4px; }
  .sector_view_all:hover{ color:#000; }
  .sector_view_all span, .sector_view_all.close span:last-child{ display:inline-block; }
  .sector_view_all span:last-child{ display:none; }
  .sector_view_all.close span:first-child{ display:none; }

  .sector_item:first-child{ padding-left:0px; margin-left:0px; }
}

@media screen and (min-width:621px) and (max-width:660px){
  .sector_item:nth-of-type(odd){ padding-left:0; margin-left:0;
    width:-webkit-calc(50% - 24px);
    width:-moz-calc(50% - 24px);
    width:-ms-calc(50% - 24px);
    width:-o-calc(50% - 24px);
    width:calc(50% - 24px);
  }
  .sector_item:nth-of-type(even){ border-right:none; }
  .sector_item{
    width:-webkit-calc(50% - 49px);
    width:-moz-calc(50% - 49px);
    width:-ms-calc(50% - 49px);
    width:-o-calc(50% - 49px);
    width:calc(50% - 49px);
  }
}

@media screen and (min-width:661px) and (max-width:930px){
  .sector_item:first-child, .sector_item:nth-of-type(4), .sector_item:nth-of-type(7){
    width:-webkit-calc(33.33% - 24px);
    width:-moz-calc(33.33% - 24px);
    width:-ms-calc(33.33% - 24px);
    width:-o-calc(33.33% - 24px);
    width:calc(33.33% - 24px);
  }
  .sector_item{
    width:-webkit-calc(33.33% - 49px);
    width:-moz-calc(33.33% - 49px);
    width:-ms-calc(33.33% - 49px);
    width:-o-calc(33.33% - 49px);
    width:calc(33.33% - 49px);
  }

  .sector_item:nth-of-type(3n){ border-right:none; }
  .sector_item:nth-of-type(4), .sector_item:nth-of-type(7), .sector_item:nth-of-type(10){ padding-left:0; margin-left:0 }
}


@media screen and (min-width:931px) and (max-width:1100px){
  .sector_item:first-child, .sector_item:nth-of-type(5), .sector_item:nth-of-type(9){
    width:-webkit-calc(25% - 24px);
    width:-moz-calc(25% - 24px);
    width:-ms-calc(25% - 24px);
    width:-o-calc(25% - 24px);
    width:calc(25% - 24px);
  }
  .sector_item{
    width:-webkit-calc(25% - 49px);
    width:-moz-calc(25% - 49px);
    width:-ms-calc(25% - 49px);
    width:-o-calc(25% - 49px);
    width:calc(25% - 49px);
  }

  .sector_item:nth-of-type(4n){ border-right:none; }
  .sector_item:nth-of-type(5), .sector_item:nth-of-type(9){ padding-left:0; margin-left:0 }
}


@media screen and (min-width:1101px){
 .sector_item{ width:156px; }

 .sector_item:nth-of-type(5){ border-right:none; }
 .sector_item:nth-of-type(6){ padding-left:0; margin-left:0 }


 .sector_item:last-child{ border-right:none; }
}








/* ----------------- 03. ABOUT ----------------- */

/* body.drag .about_resume{ cursor:url("../img/drag-cursor.png"), default !important;  } */
.about_resume{ background:#f5f5f3; padding:3em 0; margin-bottom:70px; font-size:1.5em; line-height:1.7em; cursor:default; font-family:'MetaSerif'; margin:0 auto 30px auto;  }
.about_resume h3{ font-weight:bold; color:#222; font-size:1.7em; line-height:1.2em; text-align:center; margin:0 auto 30px auto;  }
.about_resume p{ font-weight:normal; color:#8f8f8d; font-size:1.2em; line-height:1.5em }

.about_resume_details_text a{ color:#777; border-bottom:1px dotted #777;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.about_resume_details_text a:hover{ color:#0062A8; }
.about_resume_details_text{ font-family:'Avenir'; font-weight:normal; font-size:1.7em; line-height: 1.7em; width:100%; display:inline-block; vertical-align:top; }
.about_resume_details_stats{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; text-align:center; max-width:400px; position:relative; }
.about_resume_details_stats p{ max-width:250px; margin:0 auto .7em auto; padding:0 10px; }
.about_resume_details_stats .first_line{ max-width:210px; }
/*.about_resume_details_stats .second_line{ max-width:220px; }*/
.about_resume_details_stats span{ font-family:'Avenir'; font-weight:bold; display:block; background:#fff; }
.about_stats_nb1{ font-size:4.5em; width:180px; margin:0 auto -10px auto }
.about_stats_nb2{ font-size:3em; width:150px; margin:0 auto; }
.about_stats_source{ font-size:.8em; color:#7d7d7d; max-width:255px !important; margin:0 auto 2em auto !important; }
.about_stats_source a{ color:#222; }
.about_stats_box{ width:100%; height:175px; border-radius:5px; background:#fff; border:1px solid #c4c4c2; position:absolute; top:40px; z-index:-1; }

.about_label{ clear:left; margin-bottom:60px; }

@media screen and (min-width:1100px){
  .about_resume h3 span{ display:block; }
}


@media screen and (max-width:619px){
  .about_resume h3{ max-width:200px; }
  .about_label h3, .about_team h3{ font-size:1.5em !important; }
  .about_timeline{ display:none; }
}

@media screen and (min-width:620px){
  .about_resume{ font-size:1.7em; }
  .about_resume_details_text{ font-size:2.2em; }
  .about_resume{ margin:0 0 50px 0; }
}


/* Timeline */

.about_timeline{ width:100%; height:350px; background:#fafafa; position:relative; overflow:hidden; border-top:1px solid #e6e6e3; border-bottom:1px solid #e6e6e3; margin:0 0 60px 0; }
.about_timeline > .wrap{
	position:relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
 }
 @media (min-width: 768px) {
	.about_timeline > .wrap {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.about_timeline > .wrap {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.about_timeline > .wrap {
		width: 1170px;
	}
}
.about_timeline h3{ font-weight: normal; color: #222; line-height: 1.2em; font-family: 'MetaSerif'; font-size:3em; margin:35px 0 0 0; }

.wrap_timeline{ width:100%; height:100%; margin:40px auto 0 auto; overflow:hidden; position:relative; z-index:10; background:#fafafa; }

.timeline{ width:100%; height:80px; margin:38px auto 65px auto; position:relative;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.timeline li{ width:130px; height:60px; display:inline-block; margin-left:-4px; position:relative; text-align:center; cursor:pointer; z-index:1; color:#7d7d7d;
  -webkit-transition: -webkit-transform .3s ease;
  -moz-transition: -moz-transform .3s ease;
  -ms-transition: -ms-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
}
.timeline li:first-child{ margin-left:75px; }

.timeline li time:after, .timeline li time:before{ display:block; font-size:2em; color:#cbcbcb; /*width:7px; height:7px; border:1px solid tomato; border-radius:100%;*/
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.timeline li:nth-of-type(even) time:after{ content:"•"; }
.timeline li:nth-of-type(odd) time:before{ content:"•"; }

.timeline li time{ display:block; text-transform:uppercase; line-height:22px; font-family:'Avenir'; font-weight:normal; font-size:1em; }

.timeline li:nth-of-type(even){
  -webkit-transform: translate(0, 9px);
  -moz-transform: translate(0, 9px);
  -o-transform: translate(0, 9px);
  -ms-transform: translate(0, 9px);
  transform: translate(0, 9px);
}
.timeline li:nth-of-type(odd){
  -webkit-transform: translate(0, 28px);
  -moz-transform: translate(0, 28px);
  -ms-transform: translate(0, 28px);
  -o-transform: translate(0, 28px);
  transform: translate(0, 28px);
}

.timeline li p{ opacity:0; width:100%; color:#222; font-weight: bold; line-height: 1.2em; font-size:1.3em; font-family: 'MetaSerif'; position:absolute;
  -webkit-transition:opacity .3s ease;
  -moz-transition:opacity .3s ease;
  -ms-transition:opacity .3s ease;
  -o-transition:opacity .3s ease;
  transition:opacity .3s ease;
}
.timeline li:hover p{ opacity:1; }
.timeline li:hover time:after, .timeline li:hover time:before{ color:#0062A8; }

.timeline li div p a{ color:#777; }

.timeline li div{ position:relative; width:280px; height:70px; }

.timeline li:nth-of-type(even) div{
  -webkit-transform: translate(-75px, 9px);
  -moz-transform: translate(-75px, 9px);
  -ms-transform: translate(-75px, 9px);
  -o-transform: translate(-75px, 9px);
  transform: translate(-75px, 9px);
}
.timeline li:nth-of-type(odd) div{
  -webkit-transform: translate(-75px, -130px);
  -moz-transform: translate(-75px, -130px);
  -ms-transform: translate(-75px, -130px);
  -o-transform: translate(-75px, -130px);
  transform: translate(-75px, -130px);
}

.timeline li:nth-of-type(even) p{ top:0; }
.timeline li:nth-of-type(odd) p{ bottom:0; }

.timeline li.even_right{
  -webkit-transform: translate(60px, 9px);
  -moz-transform: translate(60px, 9px);
  -ms-transform: translate(60px, 9px);
  -o-transform: translate(60px, 9px);
  transform: translate(60px, 9px);
}
.timeline li.odd_right{
  -webkit-transform: translate(60px, 28px);
  -moz-transform: translate(60px, 28px);
  -ms-transform: translate(60px, 28px);
  -o-transform: translate(60px, 28px);
  transform: translate(60px, 28px);
}
.timeline li.even_left{
  -webkit-transform: translate(-60px, 9px);
  -moz-transform: translate(-60px, 9px);
  -ms-transform: translate(-60px, 9px);
  -o-transform: translate(-60px, 9px);
  transform: translate(-60px, 9px);
}
.timeline li.odd_left{
  -webkit-transform: translate(-60px, 28px);
  -moz-transform: translate(-60px, 28px);
  -ms-transform: translate(-60px, 28px);
  -o-transform: translate(-60px, 28px);
  transform: translate(-60px, 28px);
}

.timeline_line{ display:block; width:100%; height:1px; background:#cbcbcb; position:absolute; top:78px; z-index:-1; }

.nav_timeline{ display:none; }




.wrap_timeline .border{ position:absolute; top:0; width:30px; height:100%;
  background: -moz-linear-gradient(left,  rgba(245,245,243,1) 0%, rgba(245,245,243,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,243,1)), color-stop(100%,rgba(245,245,243,0)));
  background: -webkit-linear-gradient(left,  rgba(245,245,243,1) 0%,rgba(245,245,243,0) 100%);
  background: -o-linear-gradient(left,  rgba(245,245,243,1) 0%,rgba(245,245,243,0) 100%);
  background: -ms-linear-gradient(left,  rgba(245,245,243,1) 0%,rgba(245,245,243,0) 100%);
  background: linear-gradient(to right,  rgba(245,245,243,1) 0%,rgba(245,245,243,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#00fafafa',GradientType=1 );
}
.wrap_timeline .b_left{ left:0; }
.wrap_timeline .b_right{ right:0;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}


.timeline_drag{ width:260px; height:36px; margin:0 auto; position:relative; cursor:pointer; }
.timeline_dragline{ display:block; width:260px; height:1px; background:#e6e6e3; position:absolute; top:50%; }
.timeline_cursor{ display:block; width:54px; height:16px; background:#dedede; border-radius:45px; position:absolute; top:50%; margin-top:-7.5px; z-index:1; cursor:pointer;
  -webkit-transform: translate3d(0,0,0);
}
.timeline_cursor:after{ content:"|||"; display:block; position:absolute; top:1px; left:22px; color:#7d7d7d; font-size:.9em; font-family:Arial; }


.timeline_arrows{ display:none; }


@media screen and (min-width:1280px){
  .about_timeline{ height:310px; }

  .nav_timeline.prev{ left:0; }
  .nav_timeline.next{ right:0; }
  .nav_timeline{ display:block; width:50%; height:100%; position:absolute; top:0; cursor:pointer; }


  .timeline_arrows{ display:block; position:absolute; top:151px; width:100%; z-index:0; font-size:1.6em; color:#CBCBCB; cursor:pointer }

  .about_timeline:hover .timeline_arrows span{ opacity:1; }
  .timeline_arrows span{ position:absolute; top:0; font-family:'icomoon'; opacity:0;
    -webkit-transition: color .2s ease, opacity .3s ease;
    -moz-transition: color .2s ease, opacity .3s ease;
    -ms-transition: color .2s ease, opacity .3s ease;
    -o-transition: color .2s ease, opacity .3s ease;
    transition: color .2s ease, opacity .3s ease;
  }
  .timeline_arrows span.opacity_0{ opacity:0 !important; }
  .timeline_arrows span.hover{ color:#444; }
  .timeline_arrows span:nth-of-type(1){ left:-70px; }
  .timeline_arrows span:nth-of-type(1):after{ content:"<"; }
  .timeline_arrows span:nth-of-type(2){ right:-70px;
   -webkit-transform:rotate(180deg);
   -moz-transform:rotate(180deg);
   -ms-transform:rotate(180deg);
   -o-transform:rotate(180deg);
   transform:rotate(180deg);
  }
  .timeline_arrows span:nth-of-type(2):after{ content:"<"; }
}






.wrap_team{
	margin: 0 auto;
	padding: 0 15px;
 }
 @media (min-width: 768px) {
	.wrap_team {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.wrap_team {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.wrap_team {
		width: 1170px;
	}
}






.about_team_members{ padding:10px 0 80px 0; }
.about_team_bt span{
  -webkit-transition: background .2s ease, color .2s ease, border .2s ease;
  -moz-transition: background .2s ease, color .2s ease, border .2s ease;
  -ms-transition: background .2s ease, color .2s ease, border .2s ease;
  -o-transition: background .2s ease, color .2s ease, border .2s ease;
  transition: background .2s ease, color .2s ease, border .2s ease;
}

.about_team_bt{ position:relative; max-width:100%; min-height:45px; margin-bottom:30px; }
.about_team_founders_bt{ position:absolute; opacity:1; z-index:1; padding:12px 15px; border:1px solid #e0e0e0; border-radius:4px; background:#fff; text-transform:uppercase; font-family:'Avenir'; font-weight:normal; color:#999999; font-size:1.2em; cursor:pointer; }
.about_team_founders_bt.back{ background:#0062A8; border:1px solid #0062A8; color:#fff; }
.about_team_founders_bt.opacity{ opacity:0; }

.about_team_founders_bt.all.hover:hover{ background:#0062A8; border:1px solid #0062A8; color:#fff;  }


/* Grid all members */
.about_team_grid{ z-index:0; position:relative; }
/*.about_team_grid > ul{ position:absolute;  }*/
.about_team_grid > ul.hide{ display:none; }

.team_grid{ display:table-cell; }
.team_member, .team_mbg, .team_grid li.empty > div{
    -webkit-transform: translate3d(-151px, 0, 0);
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transform: translate3d(-150px, 0, 0);
    -moz-transition: -moz-transform .2s ease;
    -ms-transform: translateX(-150px);
    -ms-transition: -ms-transform .2s ease;
    -o-transform: translateX(-150px);
    -o-transition: -o-transform .2s ease;
    transform: translate3d(-150px, 0, 0);
    transition: transform .2s ease;
}
.team_grid li.active .team_member, .team_grid li.active .team_mbg, .team_grid li.empty.active > div, .team_grid li.empty .team_member, .team_grid li.empty .team_mbg{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translate3d(0, 0, 0);
}

/*.team_grid li:hover img:nth-of-type(2){ opacity:0; }*/
/*.team_grid li.active:hover img:nth-of-type(2){ opacity:1; }*/
.team_mbg{ position:absolute; top:0; left:0 ; width:100%; height:100%; background:#0062A8; opacity:1; z-index:-1; }
.team_grid li{ width:125px; height:147px; float:left; margin-right:20px; margin-bottom:20px; position:relative; text-align:center; overflow:hidden; }
.team_grid li > div{ display:block; width:100%; height:100%; vertical-align: middle;  color:#fff; cursor:pointer; }
.team_grid li.empty.active > div{ background:#0062A8; }



.team_grid li.empty.active:hover{ border:1px solid #f5f5f3; }
.team_grid li.empty.active:hover a{ opacity:0; }
.team_grid li.empty > a{ display:block; vertical-align: middle;  color:#fff; cursor:pointer; /*width:140px; height:166px;*/ margin:4px; background:#0062A8; opacity:1; border-radius:3px; position:absolute; top:0; left:0; z-index:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:  opacity .2s ease;
    -moz-transition:  opacity .2s ease;
    -ms-transition:  opacity .2s ease;
    -o-transition:  opacity .2s ease;
    transition:  opacity .2s ease;
    width:-webkit-calc(100% - 8px);
    width:-moz-calc(100% - 8px);
    width:-ms-calc(100% - 8px);
    width:-o-calc(100% - 8px);
    width:calc(100% - 8px);
    height:-webkit-calc(100% - 8px);
    height:-moz-calc(100% - 8px);
    height:-ms-calc(100% - 8px);
    height:-o-calc(100% - 8px);
    height:calc(100% - 8px);

}
.team_grid li.empty.active > a{ display:none; }
.team_grid li.empty a span{ font-family:'Avenir'; font-size:2.2em; font-weight:normal; margin:92px 0 0 0; display:block; }

@media screen and (min-width:321px){
  .team_grid li{ width:150px; height:176px; }
  .team_grid li.empty > a{ opacity:0; }
}


.team_grid li.empty > a > img{ width:56px; z-index:1; top:50%; left:50%; margin-top:-40px; margin-left:-29px; }
.team_grid li.empty{
    -webkit-transition: background .2s ease, border .2s ease;
    -moz-transition: background .2s ease, border .2s ease;
    -ms-transition: background .2s ease, border .2s ease;
    -o-transition: background .2s ease, border .2s ease;
    transition: background .2s ease, border .2s ease;
}
.team_grid li.empty:hover{ background:#fff;  border:1px solid #ccc;  }
.team_grid li.empty:hover > a{ opacity:1;  }
.team_grid img{ position:absolute; top:0; left:0; z-index:-1; }
.team_grid li:not(.empty) img{ width:100%; }
.team_grid li > div:before{ content:""; display: inline-block; height: 100%; vertical-align: middle; }
.team_member{ display: inline-block; vertical-align: middle; width:130px; opacity:1; }
.team_grid .empty{ background:#f5f5f3; border:1px solid #f5f5f3; border-radius:3px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.team_grid li:hover img:nth-of-type(3){ opacity:0; }

/* NEW */
.team_grid .member-pic{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-10;
}

.team_grid > li:hover .member-pic{
  background-position: 50% 0;
}

.team_grid > li.color .member-pic{
  background-position: 100% 0;
}


.team_grid li img:nth-of-type(2), .team_grid li img:nth-of-type(3){
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
/*.team_grid li.color img:nth-of-type(2), .team_grid li.color img:nth-of-type(3){ opacity:0; } */

@media screen and (min-width:730px) and (max-width:929px){
  .team_grid li:nth-child(4n){ margin-right:0px; }
}
@media screen and (min-width:930px) and (max-width:1099px){
  .team_grid li:nth-child(5n){ margin-right:0px; }
}
@media screen and (min-width:1100px){
  .team_grid li:nth-child(6n){ margin-right:0px; }
}

.member_name, .member_job{ display:block; }
.member_name{ font-family:'MetaSerif'; font-size:1.7em; line-height:1.2em; font-weight:bold; }
.member_job{  font-family:'Avenir'; font-size:1.2em; font-weight:normal; margin-top:20px; }

.team_grid li.active .member_viewbio{ opacity:1; z-index:10;
  -webkit-transition: opacity .3s ease .3s;
  -moz-transition: opacity .3s ease .3s;
  -ms-transition: opacity .3s ease .3s;
  -o-transition: opacity .3s ease .3s;
  transition: opacity .3s ease .3s;
}
.member_viewbio{ opacity:0; position:absolute; z-index:-1; bottom:4px; right:4px; width:20px; height:19px; line-height:19px; color:#fff; border-radius:2px; border:1px solid #7F111A; font-family:'Avenir'; font-size:1.3em; }
.member_viewbio.back{ border:0; color:#0062A8; }
.member_viewbio:hover{ background:#7F111A;}
.member_viewbio.back:hover{ background:#f4f4f4; }

.member_bio.show{ display:block; }
.member_bio{ display:none; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:#f4f4f4; border:2px solid #0062A8; text-align:left; padding:4px 6px; font-family:'Avenir'; font-weight:normal; color:#222;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.member_bio a{ color:#0062A8; }
.member_bio a:hover{ color:#9E232B }

/* Grid founders */
.founders_grid li{ min-height:320px; margin:0 0 20px 0; overflow:hidden; cursor:pointer; }
/*.founders_grid img{ width:100%; }*/
/*.founders_grid img:nth-of-type(2){ display:none; }*/
.founders_grid li > figure{ margin:0 0 16px 0; }
.founders_grid li > div{ min-height:240px; padding:40px; background:#f5f5f3; font-family:'Avenir'; max-width: 100%;
/*  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;*/
}
.founders_grid li > div a{ color:#777; }
.founders_grid li:hover > div{ background:#ededeb; }
.founders_grid li > div span{ display:block; }
.founder_name{ font-size:2.3em; line-height:1.2em; font-weight:bold; color:#222; }
.founder_status{ font-size:1.7em; line-height:1.4em; font-weight:normal; color:#0062A8; }
.founder_bio{ font-size:1.3em; line-height:1.7em; font-weight:normal; color:#222; margin-top:1em; }

.founders_grid li:hover figure{
  background-position:100% 0;
}








/* MEDIA QUERIES - 03. ABOUT */

@media screen and (max-width:400px){
  .team_grid li:nth-child(2n){ margin-right:0 !important; }
}


@media screen and (max-width:650px){
  .about_resume{ padding:1.5em 0 2em 0; margin-bottom: 40px; }
  .about_resume_details_text{ margin:0 40px 30px 0; }
  .about_resume_details_stats{ margin: 0 auto 60px auto; }
}
@media screen and (min-width:651px){
  .about_resume_details_text.first{ margin:0 40px 1.3em 0; }
  .about_resume_details_text.second{ margin:0 40px 60px 0; }
  .about_resume_details_stats{ margin: 0 auto 70px auto; }
  .founders_grid li > div{
    width:-webkit-calc(100% - 423px);
    width:-moz-calc(100% - 423px);
    width:-ms-calc(100% - 423px);
    width:-o-calc(100% - 423px);
    width:calc(100% - 423px);
  }
  .founders_grid li > figure, .founders_grid li > div{ display:inline-block; vertical-align:top; }

  .founders_grid li > figure{
    position:relative; width:320px; height:320px; margin:0 16px 0 0; cursor:pointer;
  }
  .founders_grid li:hover > figure img:nth-of-type(2){ opacity:0; }
  .founders_grid img{ position:absolute; width:auto;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
  }
  .founders_grid img:nth-of-type(2){ display:block; }

}

@media screen and (min-width:1101px){
  .about_resume h3{ margin:0 90px 0 0; float:left; max-width:243px; text-align:left; }
}

@media screen and (min-width:960px){
  .about_resume_details_text.first{ width:64%; }
  .about_resume_details_stats{ display:inline-block; margin:-10px 0 0 0;
    width: calc(35.5% - 40px);
    width: -webkit-calc(35.5% - 40px);
    width: -moz-calc(35.5% - 40px);
    width: -ms-calc(35.5% - 40px);
    width: -o-calc(35.5% - 40px);
  }
}







/* ----------------- 04. NEWS ----------------- */

.section_news{ background:#fff; }

.news_main{ padding-top:30px; }
.news_main .left, .news_main .right{ display:inline-block; vertical-align:top; }
.news_main .left{ width:100%; margin:0 0 60px 0; position:relative;}
.news_main .right{ width:100%; }

.section_news h3{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.7em; line-height:1.2em; margin:0 0 30px 0; text-align:center; }

@media screen and (min-width:620px){
  .section_news h3{ font-size:2.9em; }
}

.news_events > a, .news_reviews > a{ display:block; text-transform:uppercase; color:#222; font-family:'Avenir'; font-size:1.2em; font-weight:bold; margin-top:26px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_events > a:hover, .news_reviews > a:hover{ color:#0062A8; }
.news_events > a:before, .news_reviews > a:before{ content:"+"; display:inline-block; vertical-align:1px; margin-right:4px; }

.news_events ul, .news_events_clone{ font-family:'Avenir'; font-size:1.5em; font-weight:normal; cursor:default; }
.news_events ul li:first-child{ padding:10px 0 30px 0; }
.news_events ul li{ padding:30px 0; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#e0e0e0; position:relative; cursor:pointer; }
.news_events_date{ font-size:.9em; color:#999999; display:block; margin-bottom:7px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_events_title{ font-size:1em; color:#222222;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_events ul li.coming{ border-bottom-color:#53acb4; }
.news_events ul li.coming .news_events_title, .news_events ul li:hover .news_events_title{ color:#53acb4; }
.news_events ul li.coming .news_events_date, .news_events ul li:hover .news_events_date{ color:#599297; }


.news_events_descrp{ display:none; }

.news_events_clone{ position:absolute; z-index:1; top:81px; left:0;  background:#fff; }
.news_events_clone .news_events_descrp{ display:block; background:#fff; color:#444; margin:20px 0 20px 0; padding:0 20px 0 0; font-size:.9em; line-height:1.6em; overflow-y:scroll; max-height:70%;  }
.news_events_clone .news_events_descrp a{ color:#222; }

.news_events_clone_close{ display:none; color:#444; font-size:.9em; cursor:pointer; position:absolute; bottom:70px; left:0; z-index:1; font-family:'Avenir'; font-weight:normal; font-size:1.3em;  }
.news_events_clone_close:hover{ color:#222; }
.news_events_clone_close:before{ content: "→"; display: inline-block; vertical-align: middle; margin-right:8px; }
.news_events_clone_close.show{ display:block; }


@media screen and (min-width:1101px){
  .news_events_clone .news_events_descrp{ height:420px; }
  .news_events_clone{ width:270px; height:610px; }
}

.news_reviews ul{ font-family:'Avenir'; font-size:1.5em; font-weight:normal; }
.news_reviews li:first-child{ padding:0 0 20px 0; }
.news_reviews li:first-child .news_reviews_date{ top:20px; }
.news_reviews li:first-child .news_reviews_title{ top:50px; }
.news_reviews li{ position:relative; border-bottom:1px solid #e0e0e0; padding:20px 0; cursor:pointer; }

.news_reviews li figure{ display:none; }
.news_reviews_date{ top:40px; left:190px; font-size:.9em; color:#999999; display:block; margin-bottom:10px; }
.news_reviews_title{ top:70px; left:190px; font-size:1em; color:#222222; }
.news_reviews_title:after{ content: "\e000"; font-family: 'icomoon'; font-size: .7em; margin-left:10px; color:#0062A8; opacity:0;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.news_reviews li:hover .news_reviews_date{ color:#222222; }
.news_reviews li:hover .news_reviews_title{ color:#0062A8; }
.news_reviews li:hover .news_reviews_title:after{ opacity:1; }
.news_reviews li:hover figure{ background:#0062A8; }
.news_reviews li:hover figure img:last-child{ opacity:1; }

body.colorlogo .news_reviews li figure{ background:#0062A8; }
body.colorlogo .news_reviews li figure img:last-child{ opacity:1; }

.news_recrut .left, .news_social .left, .news_recrut .right, .news_social .right{ display:inline-block; vertical-align:top; }
.news_recrut .left, .news_social .left{ width:300px; margin-right:40px; }
.news_recrut .right{ width:100%; margin:30px 0 0 0; }
.news_social .right{ width:100%; margin:30px 0 0 0; }
.news_recrut h3, .news_social h3{ margin-bottom:16px; text-align:left; }

.news_recrut{ padding:40px 0; margin:90px 0 0 0; background:#eee; }
.news_recrut .right li{ font-family:'Avenir'; font-weight:normal; font-size:1.5em; cursor:pointer; }
.news_recrut_title{ display:block; max-height: 2.8em; overflow: hidden; }
.news_recrut .left:hover a, .news_recrut .right li:hover .news_recrut_discover{ color:#7f111a; }

.news_recrut .right a{ color:#222; }
.news_recrut .left a{ display:block; font-size:1.4em; color:#0062A8;  font-family:'Avenir'; font-weight:normal; }
.news_recrut_discover{ display:block; margin-top:16px; font-size:.9em; color:#0062A8; }
.news_recrut_discover:before, .news_recrut .left a:before{ content:"→"; display:inline-block; vertical-align:middle; margin-right:4px; }
.news_recrut_type{ display:block; font-size:.8em; font-weight:bold; text-transform:uppercase; color:#999999; }


.news_social{ padding:40px 0; background:#53acb4; }
.news_social h3{ color:#fff; }
.news_social .left li{ display:inline-block;  font-family:'Avenir'; font-weight:normal; color:#222; font-size:1.3em; margin-bottom:7px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_social .left li a{ color:#222;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_social .right a{
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.news_social .left li:hover, .news_social .left li:hover a, .news_social .right a:hover{ color:#fff !important; }
.news_social .left li:before{ content:"→"; display:inline-block; vertical-align:middle; margin-right:4px; }
.news_social .left li:first-child{ margin-right:46px; }
#last_tweet{ font-size:1.7em; margin-top:6px; font-family:'Avenir'; font-weight:normal; }
#last_tweet .tweet{ color:#fff; }
#last_tweet .tweet a{ color:#275054; }
#last_tweet .timePosted{ color:#275054; font-size:.7em; margin-top:10px; }


/* MEDIA QUERIES - 04. NEWS */

@media screen and (min-width:630px){
  .section_news h3{ text-align:left; }
}

@media screen and (max-width:650px){
  .news_recrut .right li{ border-bottom: 1px solid #ccc; padding: 20px 0; }
  .news_recrut .right li:last-child{ border:0; }
}

@media screen and (min-width:651px){
  .news_main{ padding-top:60px; }

  .news_reviews li figure{ display:block; width:170px; height:120px; background:#eee; position:relative; overflow:hidden;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -ms-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
  }
  .news_reviews li figure img{ position:absolute; top:50%; left:50%;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .news_reviews li figure img:last-child{ opacity:0; }
  .news_reviews_date, .news_reviews_title{ position:absolute;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
  }

  .news_recrut, .news_social{ padding:70px 0; }
  .news_recrut .right li{ margin: 0 16px 30px 0; display:inline-block; vertical-align:top;
    width: calc(50% - 18px);
    width: -webkit-calc(50% - 18px);
    width: -moz-calc(50% - 18px);
    width: -ms-calc(50% - 18px);
    width: -o-calc(50% - 18px);
  }
}

@media screen and (min-width:1101px){
  .news_main{ padding-top:90px; }
  .news_main .left{ width:270px; padding-right:20px; margin-right:40px; border-right:1px solid #e0e0e0; margin:0 40px 0 0; }
  .news_main .right{ width:660px; margin-left:-4px; }
  .news_recrut .right, .news_social .right{ width:660px; margin-left:-4px; }
  .news_recrut .right{ margin-top:0; }
  .news_recrut .right li{ max-width:150px; margin:0; }
  .news_recrut .right li:not(:last-child){ margin:0 16px 0 0; }
  .news_social .right{ margin:0 0 0 -4px; }

  .news_events ul li{ height:100px; }
  .news_events_title{ height:75px; overflow: hidden; text-overflow: ellipsis; }
}










/* ----------------- 05. CONTACT ----------------- */


.section_contact{ background:#fff; }
.section_contact .wrap{ position:relative; }

.viewport_map{ display:none; }
.viewport_map ul{ display:none; z-index:2;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}



.section_contact .left{ width:668px; margin:50px 0 0 0; position:absolute; top:380px; }
.section_contact .right{ width:100%; margin:50px 0 0 0; z-index:1;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}
.section_contact h3{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.9em; line-height:1.2em; margin:0 0 30px 0; }


.contact_address_box{ width:248px; font-family:'Avenir'; font-weight:normal; font-size:1.2em; line-height:1.8em; display:block; width:100%; margin: 0 0 30px 0; }
.contact_address_box a{ color:#222; display:block; width:100%; height:100%; }
.address_box_title{ display:block; background:#222; color:#fff; padding:13px 20px; border:1px solid #222; border-top-left-radius:4px; border-top-right-radius:4px; text-transform:uppercase; }
.address_box_content{ padding:16px 20px; background:#fff; border:1px solid #b5b5b5; border-top:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; font-size:1.1em; }

.contact_recrut_box{ border:1px solid #ccc; border-radius:4px; width:100%; height:198px; font-family:'Avenir'; font-weight:normal; font-size:1.2em; text-align:center;  }
.contact_recrut_box a{ display:block; height:190px; margin:4px; background:#b01f21; color:#fff;
   width:-webkit-calc(100% - 8px);
   width:-moz-calc(100% - 8px);
   width:-ms-calc(100% - 8px);
   width:-o-calc(100% - 8px);
   width:calc(100% - 8px);
}
.contact_recrut_box img{ display:block; width:50px; margin:0 auto; padding:22px 0 4px 0; }
.contact_recrut_box span:nth-of-type(1){ display:block; width:100%; font-size:1.8em; }
.contact_recrut_box span:nth-of-type(2){ display:block; width:190px; height:42px; line-height:42px; margin:24px auto 0 auto; text-align:center; background:#fff; border-radius:3px; border:1px solid #fff; color:#000; text-transform:uppercase; font-weight:bold; font-size:.9em;
  -webkit-transition: background .3s ease, color .3s ease;
  -moz-transition: background .3s ease, color .3s ease;
  -ms-transition: background .3s ease, color .3s ease;
  -o-transition: background .3s ease, color .3s ease;
  transition: background .3s ease, color .3s ease;
}
.contact_recrut_box:hover span:nth-of-type(2){ background:#b01f21; color:#fff; }


.contact_legal_notices{ display:none; }


/* MEDIA QUERIES - 05. CONTACT */

@media screen and (max-width:767px){
  .section_contact .left{ display:none; }
  .section_contact .right{ padding-bottom:20px; }
}

@media screen and (min-width:600px){
  .viewport_map{ display:block; height:450px; overflow:hidden; z-index:0; }
  #contact_map{ width:100%; height:475px; }

  .viewport_map{ position:relative; }
  .viewport_map ul{ display:block; position:absolute; top:20px; right:20px; }
  /* body.overflow .viewport_map span{ cursor:url("../img/drag-cursor.png"), default !important; } */
  .viewport_map li span{ display:block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:3px; border: 1px solid #E0E0E0; background:#fff; color:#bbb; margin-bottom:10px; font-size:2em; cursor:pointer;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
  }
  .viewport_map span:hover{ background:#f2f2f2; }
}

@media screen and (min-width:768px) and (max-width:1020px){
  .section_contact .left{ position:absolute; top:380px; }
}


@media screen and (min-width:768px){
  .section_contact .left{ width:668px; margin:50px 0 0 0; }
  .section_contact .right{ padding-bottom:0; }


  .contact_form form{ width:100%; margin:0 0 80px 0;  }

  ::-webkit-input-placeholder { color:#a8a8a8; }
  :-moz-placeholder{ color:#a8a8a8; opacity:1; }
  ::-moz-placeholder{ color:#a8a8a8; opacity:1; }
  :-ms-input-placeholder { color:#a8a8a8 !important; }
  .placeholder { color: #a8a8a8 !important; }

  #contact_form label{ display:none; }

  #contact_form fieldset > ul > li{ display:inline-block; vertical-align:top; width:312px; position:relative; margin:0 0 26px 0; }
  #contact_form fieldset > ul > li:nth-child(2n+1){ margin-right:36px; }
  #contact_form fieldset > ul > li:last-child{ width:100%; margin-right:0; }

  #contact_form input, #contact_form textarea, #contact_form .fakeselect{ font-family:'Avenir'; font-weight:normal; font-size:1.3em;  background:#f7f7f7; padding:14px 18px; border:1px solid #b5b5b5; border-radius:3px; color:#222; }

  #contact_form input[type="text"], #contact_form input[type="tel"], #contact_form input[type="email"], #contact_form textarea{ width:275px;
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
  }


  #contact_form input:focus, #contact_form textarea:focus{ outline:0;
    box-shadow: inset 0 0 6px 1px #b5b5b5;
  }


  #contact_form .fakeselect{ display:block; position:relative; cursor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#222; }
  #contact_form .fakeselect.init{ color:#a8a8a8 !important; }
  #contact_form textarea{ width:625px; max-width:662px; height:230px; max-height:230px; line-height:1.8em }


  #contact_form select{ display:none; }
  #contact_form .fakeselect:after{ content:""; display:block; position:absolute; right:16px; top:22px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #9b9b9b;
  }

  #contact_form .fakeoptions{ position:absolute; z-index:10; width:100%; display:none; max-height:330px; overflow-y:scroll; border-bottom: 1px solid #B5B5B5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
  #contact_form .fakeoptions li{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; background:#fff; padding:14px 18px; border:1px solid #b5b5b5; border-top:none; color:#646464; cursor:pointer; }
  #contact_form .fakeoptions li:last-child{ border-bottom:none; }
  #contact_form .fakeoptions li:hover{ background:#f7f7f7; }

  #contact_form input[type="submit"]{ width:142px; height:50px; background:#0062A8; color:#fff; text-transform:uppercase; font-size:1.1em; border:1px solid #0062A8; font-weight:bold; cursor:pointer;
    -webkit-transition: background .3s ease, color .3s ease;
    -moz-transition: background .3s ease, color .3s ease;
    -ms-transition: background .3s ease, color .3s ease;
    -o-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease;
  }
  #contact_form input[type="submit"]:hover{ background:#fff; color:#0062A8; }



  .form_errors{ background:#b01f21; color:#fff; border-radius:3px; padding:14px 18px; font-family:'Avenir'; font-weight:normal; font-size:1.4em; line-height:2em;  margin:0 0 30px 0; display:none; }
  .form_errors.show{ display:block; }
  .form_errors li:before { content:"•"; font-size:.7em; margin-right:.7em; }
  #contact_form .error{ border:1px solid #b01f21; }

  .form_success{ background:#f7f7f7; color:#1d8922; border-radius:3px; padding:14px 18px; font-family:'Avenir'; font-weight:normal; font-size:1.4em; line-height:2em;  margin:0 0 30px 0; border: 1px solid #B5B5B5; display:none; }
  .form_success.show{ display:block; }
  #form_submit.hide{ display:none; }

  /* Remove iOS style */
  input[type="submit"]{ border-radius:0; -webkit-appearance: none; }


  .label_form{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; color:#a8a8a8; font-style:italic; margin-bottom:8px; margin-right:20px; display:inline-block; }
  #secure_form{ width:50px !important; }

  .check_human{ display:block; margin-bottom:30px; }
  .label_human{ font-family:'Avenir'; font-weight:normal; font-size:1.3em; color:#a8a8a8; font-style:italic; margin-left:10px; display:inline-block; vertical-align: -3px; }
  .label_human, input[name="human"]{ cursor:pointer; }
  .label_human.error{ color:#b01f21; border:0 !important; }

}

@media screen and (min-width:820px){
  .section_contact .left{ width:700px; margin:50px 50px 0 0; }
  #contact_form fieldset > ul > li{ width:330px; }
  #contact_form input[type="text"], #contact_form input[type="tel"], #contact_form input[type="email"]{ width:292px; }
  #contact_form textarea { width: 661px; }
}


@media screen and (min-width:1021px){

  .contact_address_box{ display:inline-block; margin:0 30px 40px 0;  }

  /* Two */
  .contact_aside.two .contact_address_box{
    width: calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: -moz-calc(50% - 15px);
    width: -ms-calc(50% - 15px);
    width: -o-calc(50% - 15px);
  }
   .contact_aside.two .contact_address_box:nth-of-type(2n){ margin-right:0px; margin-left:-4px; }

  /* Three */
  .contact_aside.three .contact_address_box{
    width: calc(33.33% - 21px);
    width: -webkit-calc(33.33% - 21px);
    width: -moz-calc(33.33% - 21px);
    width: -ms-calc(33.33% - 21px);
    width: -o-calc(33.33% - 21px);
  }
   .contact_aside.three .contact_address_box:nth-of-type(3n){ margin-right:0px; margin-left:-4px; }

}

@media screen and (min-width:1101px){
  .section_contact .right > div{ margin:0 0 20px 0; }
  .section_contact .left, .section_contact .right{ display:inline-block; vertical-align:top; }
  .section_contact .left{ position:relative; top:0 !important; }
  .section_contact .right{ width:250px; margin: -53px 0 0 -4px; }
  .contact_address_box{ display:block; width:248px !important; margin-left:0px !important; }
  .contact_recrut_box{ width:248px; }
  .contact_recrut_box a{ width:240px; }


  .contact_legal_notices{ display:block; font-family:'Avenir'; font-weight:normal; font-size:1.2em; color:#555; }
  .contact_legal_notices a{ color:#222; }
  .contact_legal_notices > span{ display:block; font-size:1.2em; margin-bottom:1em; cursor:pointer; text-align:center;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
  }
  .contact_legal_notices > span:hover{ color:#222; }
  .contact_legal_notices > ul{ opacity:1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
  }
  .contact_legal_notices > ul.opacity_none{ opacity:0; }
  .contact_legal_notices > ul > li > ul{ margin-bottom:1em; }
}



/* ----------------- TPL GLOBAL ----------------- */

.page_main_header{ width:100%; padding:0 0 56px 0  }
.page_back{ width:100%; height:94px; line-height:98px; background:#eee; }
.page_top{ position:relative; height:36px; background:#0062A8; }
.page_back a{ display:block; width:100%; height:100%; text-align:center; overflow:hidden; }
.back_wrap{ font-family:'Avenir'; font-weight:normal; color:#a1a1a1; font-size:1.3em; margin:0 0 0 16px; position:relative; }
/*.page_back span:before{ content:"×"; font-size:1.3em; font-weight:200; position:absolute; margin:-2px 0 0 -25px; top:0; left:0;  }*/
.back_txt{ text-transform:uppercase; }
.back_arrow{ font-size:1.3em; line-height:.5em; font-weight:normal; position:absolute; top:0; left:0; margin:4px 0 0 -41px; display:inline-block; font-family:Arial; }
.page_back:hover .back_wrap{ color:#222 }
.page_back:hover .back_txt_sep{ color:#A1A1A1; }
.back_wrap{
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.back_txt_sep, .back_txt_pagetitle{ display:none; }

@media screen and (min-width:620px){

  .page_top{
    height:45px;
    overflow:hidden;
  }

  .back_txt_sep, .back_txt_pagetitle{
    display:inline-block;
  }
  .back_txt_sep{ margin:0 14px; }
  .back_txt_pagetitle{ color:#222;; }

  .back_wrap{
    font-size:1.2em;
  }

  .page_back:hover .back_arrow{
    -webkit-animation: anim_arrow_back .9s infinite;
    -moz-animation: anim_arrow_back .9s infinite;
    -ms-animation: anim_arrow_back .9s infinite;
    -o-animation: anim_arrow_back .9s infinite;
    animation: anim_arrow_back .9s infinite;
  }

  @-webkit-keyframes anim_arrow_back{
    0%, 100%{ -webkit-transform: translate3d(0,0,0); }
    50%{ -webkit-transform: translate3d(-5px,0,0); }
  }
  @-moz-keyframes anim_arrow_back{
    0%, 100%{ -moz-transform: translate3d(0,0,0); }
    50%{ -moz-transform: translate3d(-5px,0,0); }
  }
  @-ms-keyframes anim_arrow_back{
    0%, 100%{ -ms-transform: translateX(0px); }
    50%{ -ms-transform: translateX(-5px); }
  }
  @-o-keyframes anim_arrow_back{
    0%, 100%{ -o-transform: translateX(0px); }
    50%{ -o-transform: translateX(-5px); }
  }
  @keyframes anim_arrow_back{
    0%, 100%{ transform: translate3d(0,0,0); }
    50%{ transform: translate3d(-5px,0,0); }
  }

}





/* ----------------- TPL. OFFER ----------------- */


.offer_main_header{ text-align:center; }
.offer_main_header img{ display:block; width:70px; height:70px; margin:0 auto 20px auto; }
.offer_main_header h1{ font-family:'Avenir'; font-size:2.7em; line-height:1.2em; font-weight:normal; }

.offer_section:first-child{ margin-top:40px; }
.offer_section{ margin:60px 0 60px 0;  }
.offer_section:last-of-type{ margin:60px 0 0 0; }
.offer_section:not(:last-of-type):after{ content:""; display:block; width:260px; height:2px; background:#d0d0d0; margin:0 auto; }


.offer_section_header{ margin:0 0 40px 0; }
.offer_section_header.margin{ margin-bottom:70px !important; }
.offer_section_header h2{ text-align:center; font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.2em; line-height:1.3em; margin:0 auto 20px auto; max-width:750px; }
.offer_section_header ul{ text-align:center; margin:0 0 30px -4px; }
.offer_section_header li{ display:inline-block; margin-left:-4px; width:5px; height:5px; border-radius:100%; background:#fff; border-width:3px; border-style:solid; border-color:#cbcbcb; cursor:pointer;
  -webkit-transition: border-color .3s ease;
  -moz-transition: border-color .3s ease;
  -ms-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}
.offer_section_header li:hover{ border-color:#999;  }
.offer_section_header li:not(:last-child){ margin-right:4px; }
.offer_section_header li.bg_orange{ border-color:#ff7200; }
.offer_section_header li.bg_blue{ border-color:#53acb4; }
.offer_section_header li.bg_red{ border-color:#0062A8; }


.offer_section > div > section{ margin:0 0 40px 0; }

.offer_txt{ padding-bottom:10px; }
.offer_txt.push{ padding-bottom:120px; }

.offer_txt_header, .offer_txt_div{ display:inline-block; vertical-align:top; }
.offer_txt_header{ width:100%; margin:0 36px 0 0; }
.offer_txt_div{ width:100%; }

.offer_txt_header h3{ font-family:'MetaSerif'; font-weight:bold; font-size:2.2em; line-height:1.2em; margin: 0 0 50px 0; }
.offer_txt_header img{ margin:0 auto 40px auto; display:block; }



.offer_txt_div p, .offer_txt_div li, .offer_txt_div span, .offer_txt_div h4{ font-family: 'Avenir'; font-size: 1.5em; line-height: 1.7em; font-weight: normal; color:#666; }

.offer_txt_div h4{ font-weight:bold; font-size:1.7em; position:relative; margin:2.5em 0 .5em 0; color:#222; }
.offer_txt_div h4:before{ content:""; display:block; width:20px; height:3px; position:absolute; top:-7px; left:0; background:#222; }

.offer_txt_div p, .offer_txt_div ul{ margin:0 0 1em 0; }
.offer_txt_div p.list_bottom{ margin:0 0 .5em 0; }

.offer_txt_div p.resume{ color:#222; font-weight:normal; font-size:1.7em; }
.offer_txt_div p{ color:#666; }
.offer_txt_div li{ list-style:disc; list-style-position:inside; margin:0 0 .5em 0; }

.offer_txt_div strong, .offer_txt_div a{ font-weight:normal; color:#222;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.offer_txt_div a{ border-bottom: 1px dotted #222; }
.offer_txt_div a:hover{ color:#0062A8; }


.offer_pushend{ width:100%; border-radius:4px; border-width:1px; border-style:solid; position:relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.offer_pushend a{ display:block; padding:40px; margin:4px; color:#fff; }
.offer_pushend .title{ display:block; font-family:'MetaSerif'; font-weight:bold; font-size:2.3em; line-height:1.2em; text-align:center; margin:0 0 .8em 0;  }
.offer_pushend p{ margin:0 auto 10px auto; text-align:center; font-family:'Avenir'; font-weight:normal; font-size:1.6em; line-height:1.5em; }
.offer_pushend .contact_us{ font-family:'Avenir'; font-weight:bold; font-size:1.1em; text-transform:uppercase; padding:16px; background:#222; border-radius:4px; border:5px solid #fff; text-align:center; position:absolute; bottom:-30px; left:50%; width:150px; margin-left:-96px;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}
.offer_pushend.border_orange:hover .contact_us{ background-color:#ff7200; }
.offer_pushend.border_blue:hover .contact_us{ background-color:#53adb5; }
.offer_pushend.border_red:hover .contact_us{ background-color:#0062A8; }

@media screen and (min-width:631px) and (max-width:1100px){
  .offer_txt_header.gridimg_1 img, .offer_txt_header.gridimg_2 img, .offer_txt_header.gridimg_3 img{
    width: -webkit-calc(33.33% - 36px);
    width: -moz-calc(33.33% - 36px);
    width: -ms-calc(33.33% - 36px);
    width: -o-calc(33.33% - 36px);
    width: calc(33.33% - 36px);
  }
  .offer_txt_header.gridimg_4 img, .offer_txt_header.gridimg_5 img, .offer_txt_header.gridimg_6 img{
    width: -webkit-calc(25% - 36px);
    width: -moz-calc(25% - 36px);
    width: -ms-calc(25% - 36px);
    width: -o-calc(25% - 36px);
    width: calc(25% - 36px);
  }
}


@media screen and (min-width:631px){

  .offer_txt_header img{ display:inline-block; margin:0 36px 10px 0; }

  .offer_txt_header img:last-of-type{ margin-right:0px; }
  .offer_main_header h1{ font-size:3.2em; }
  .offer_section_header h2{ font-size:2.5em; }
  .offer_main_header img, .offer_main_header h1{ display:inline-block; vertical-align:middle; }
  .offer_main_header img{ margin:0 20px 0 0; }
  .offer_section:not(:last-of-type):after{ width:400px; }
}

@media screen and (min-width:1101px){
  .offer_txt_header.bubble img{ margin:0 36px -30px 0; }
  .offer_txt_header{ width:300px; }
  .offer_txt_div{ width:660px; }
  .offer_pushend{ width:660px; margin-left:340px; }
}






/* ----------------- TPL. CASE STUDY ----------------- */

.casestudy_main_header{ text-align:center; }
.casestudy_main_header h1{ display:none; }
.casestudy_main_header p{ max-width:920px; margin:25px auto 50px auto; font-family:'Avenir'; font-size:1.7em; color:#666; line-height:1.5em;  }

.casestudy_txt section{ margin:65px 0 40px 0; }
.casestudy_txt section:not(:last-child):after{ content:""; display:block; width:200px; height:2px; background:#d0d0d0; margin:0 auto; }
@media screen and (min-width:631px){
  .casestudy_txt section:not(:last-child):after{ width:400px; }
}

.casestudy_txt h2{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.3em; line-height:1.2em; text-align:center; }
.casestudy_txt h3{ font-family:'Avenir'; font-weight:normal; font-size:2em; color:#222; line-height:1.5em; text-align:center; margin:0 0 40px 0; }


.casestudy_actions ul{ padding:0 0 10px 0; }


.dl_casestudy{ display:block; margin:30px auto 80px auto; width:478px; height:86px; line-height:86px; border:1px solid #e6e6e3; border-radius:4px; overflow:hidden; position:relative; background:#f5f5f3;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.dl_casestudy > span{ display:block; width:395px; text-align:center; font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.2em; line-height:80px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.dl_casestudy > div{ width:83px; height:100%; background:#0062A8; position:absolute; top:-1px; right:-1px; border-radius:4px; border: 1px solid #E6E6E3;
/*  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;*/
}



.icopdf_sheet{ width:44px; height:56px; background:#fff; border-radius:3px; margin:16px auto 0 auto; position:relative; }
.icopdf_sheet:after{ content:""; display:block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left: 16px solid #0062A8; position:absolute; top:-11px; right:-9px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icopdf_pdf{ position:absolute; left:0; bottom:0; width:100%; height:15px; border-bottom-right-radius:2px; border-bottom-left-radius:2px; background:#94141e; }
.icopdf_pdf span{ text-align:center; color:#fff; text-transform:uppercase; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 15px; z-index: 100; color: #FFF; line-height: 16px; font-size: .7em; font-family: 'Avenir'; font-weight: normal; }
.icopdf_arrow:before{ content:"\e004"; font-family:'icomoon'; color:#c9c9c7; position:absolute; top:0; left:16px; line-height:46px; font-size:1.2em; }


.casestudy_testimony{ background:#f5f5f3; padding:60px 0 70px 0; }
.testimony_title{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.3em; line-height:1.2em; text-align:center; display:block; margin:0 0 35px 0; }


.casestudy_testimony p{ font-family:'Avenir'; font-weight:normal; font-size:1.7em; color:#222; line-height:1.5em; max-width:800px;  }
.testimony_txt p{ margin-bottom:1em; }
.testimony_txt a{ color:#777;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -ms-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}
.testimony_txt a:hover{ color:#0062A8; }
.testimony_txt li{ margin-bottom:0; text-indent:0; }
.testimony_txt li:before{ content:"•"; margin-right:10px; }

.testimony_txt{ position:relative; }


.testimony_mention{ font-size:1.5em !important; margin-top:30px; }
.testimony_mention span{ font-weight:bold; }

/*.casestudy_txt ul{ border:1px solid #eee; }*/

.casestudy_actions li, .casestudy_results li{ display:block; margin:0 23px 30px 23px; font-family:'Avenir'; font-weight:normal; font-size:1.7em; color:#222; line-height:1.5em; text-align:center; position:relative; }
.casestudy_actions li:last-child, .casestudy_results li:last-child{ margin-bottom:60px; }
.casestudy_results li{ text-align:center; }

.casestudy_results li p span{ display:block; color:#53acb4; font-family:'MetaSerif'; font-weight:bold; font-size:2em; line-height:1.2em; margin:0 0 16px 0; }




/* --- Grids --- */



/* Numbers */
.casestudy_actions li:before{ content:""; display:block; font-weight:bold; font-size:1.2em; color:#0062A8;  }
.casestudy_actions li:nth-of-type(1):before{ content:"1"; }
.casestudy_actions li:nth-of-type(2):before{ content:"2"; }
.casestudy_actions li:nth-of-type(3):before{ content:"3"; }
.casestudy_actions li:nth-of-type(4):before{ content:"4"; }
.casestudy_actions li:nth-of-type(5):before{ content:"5"; }

@media screen and (max-width:560px){
  .dl_casestudy{ width:83px; background:none; border:none; }
  .dl_casestudy > span{ display:none; }
}

@media screen and (min-width:631px){
  .casestudy_txt h2, .testimony_title{ font-size:2.8em; }
  .testimony_txt, .testimony_mention{ margin-left:130px; }
  .testimony_txt:before{ content:'\e003'; font-family:'icomoon'; color:#dbdbd9; position:absolute; top:0; left:-90px; font-size:3.2em; }
}



@media screen and (min-width:961px){
  .casestudy_actions li, .casestudy_results li{ width:100%; display:inline-block; vertical-align:top; text-align:left; margin:0 23px; }
  .casestudy_actions li:before{ position:absolute; top:1px; left:-36px; }
  .casestudy_results li{ text-align:center; }

  .casestudy_txt .grid_1 li{ display:block; width:275px; margin:0 auto 60px auto;
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -ms-transform:translateX(20px);
    -o-transform:translateX(20px);
    transform:translateX(20px);
  }

  .casestudy_results ul{
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    -o-transform:translateX(-20px);
    transform:translateX(-20px);
  }

  .casestudy_txt .grid_2 li,
  .casestudy_txt .grid_4 li,
  .casestudy_txt .grid_5 li:nth-of-type(-n+2){
    width: -webkit-calc(50% - 224px);
    width: -moz-calc(50% - 224px);
    width: -ms-calc(50% - 224px);
    width: -o-calc(50% - 224px);
    width: calc(50% - 224px);
  }

  .casestudy_txt .grid_3 li, .casestudy_txt .grid_5 li:nth-of-type(n+3){
    width: -webkit-calc(33.33% - 59px);
    width: -moz-calc(33.33% - 59px);
    width: -ms-calc(33.33% - 59px);
    width: -o-calc(33.33% - 59px);
    width: calc(33.33% - 59px);
  }


  .casestudy_txt .grid_2 li:nth-of-type(1),
  .casestudy_txt .grid_4 li:nth-of-type(1),
  .casestudy_txt .grid_4 li:nth-of-type(3),
  .casestudy_txt .grid_5 li:nth-of-type(1){ margin:0 120px 60px 180px; }

  .casestudy_txt .grid_2 li:nth-of-type(2),
  .casestudy_txt .grid_4 li:nth-of-type(2),
  .casestudy_txt .grid_4 li:nth-of-type(4),
  .casestudy_txt .grid_5 li:nth-of-type(2){ margin:0 120px 60px 20px; }

  .casestudy_txt .grid_3 li:nth-of-type(1),
  .casestudy_txt .grid_3 li:nth-of-type(2),
  .casestudy_txt .grid_5 li:nth-of-type(3),
  .casestudy_txt .grid_5 li:nth-of-type(4){ margin:0 24px 60px 40px; }

  .casestudy_txt .grid_3 li:nth-of-type(3),
  .casestudy_txt .grid_5 li:nth-of-type(5){ margin:0 0 60px 40px; }



  .dl_casestudy:hover .icopdf_arrow:before{ color:#94141e;
     -webkit-transition: color .3s ease;
     -moz-transition: color .3s ease;
     -ms-transition: color .3s ease;
     -o-transition: color .3s ease;
     transition: color .3s ease;
     -webkit-animation: anim_arrow_dl .9s infinite;
     -moz-animation: anim_arrow_dl .9s infinite;
     -ms-animation: anim_arrow_dl .9s infinite;
     -o-animation: anim_arrow_dl .9s infinite;
     animation: anim_arrow_dl .9s infinite;
  }
  .dl_casestudy:hover{ background:#e6e6e6; }
  /*.dl_casestudy:hover > span{ color:#666; }*/

  @-webkit-keyframes anim_arrow_dl{
    0%, 100%{ -webkit-transform: translate3d(0,0,0); }
    50%{ -webkit-transform: translate3d(0,5px,0); }
  }
  @-moz-keyframes anim_arrow_dl{
    0%, 100%{ -moz-transform: translate3d(0,0,0); }
    50%{ -moz-transform: translate3d(0,5px,0); }
  }
  @-ms-keyframes anim_arrow_dl{
    0%, 100%{ -ms-transform: translateY(0px); }
    50%{ -ms-transform: translateY(5px); }
  }
  @-o-keyframes anim_arrow_dl{
    0%, 100%{ -o-transform: translateY(0px); }
    50%{ -o-transform: translateY(5px); }
  }
  @keyframes anim_arrow_dl{
    0%, 100%{ transform: translate3d(0,0,0); }
    50%{ transform: translate3d(0,5px,0); }
  }

}



/* ----------------- TPL. JOB ----------------- */


.job_main_content .left, .job_main_content .right{ display:inline-block; vertical-align:top; }
.job_main_content .left{ width:100%; margin:0 0 50px 0;}
.job_main_content .right{ width:100%; margin:0 0 90px -4px; }

.job_type, .job_publication_date{ font-family:'Avenir'; font-size:1.5em; color:#999; display:block; }
.job_type{ text-transform:uppercase; font-weight:bold; }
.job_publication_date{ font-weight:normal; font-size:1.4em; padding:0 0 36px 0; margin:0 0 30px 0; border-bottom:1px solid #e0e0e0; }
.job_title{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.9em; line-height:1.2em; margin:0 0 10px 0; }


.job_article{ color:#222; }
.job_txt p, .job_txt li, .job_txt span, .job_txt h3{ font-family:'Avenir'; font-size:1.5em; line-height:1.7em; font-weight:normal; }
.job_txt h1, .job_txt h2{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.2em; line-height:1.2em;  }
.job_txt h2{ margin:0 0 1em 0; }
.job_txt h3{ color:#0062A8; font-size:1.6em }
.job_txt p{ margin:0 0 2em 0; color:#222;  }
.job_txt ul{ margin:0 0 2em 0; }
.job_txt li:before { content:"•"; font-size:.7em; margin-right:.7em; }
.job_txt a{ color:#777; overflow:hidden;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.job_txt a:hover{ color:#0062A8; }

.job_push_mail{ padding:24px 32px; max-width:380px; background:#0062A8; border-radius:4px; display:block; margin:4em 0 0 0; border:1px solid #0062A8;
  -webkit-transition: background .4s ease !important;
  -moz-transition: background .4s ease !important;
  -ms-transition: background .4s ease !important;
  -o-transition: background .4s ease !important;
  transition: background .4s ease !important;
}
.job_push_mail span{ line-height:1em; }
.job_push_mail span:first-child{ text-transform:uppercase; font-family:'Avenir'; font-size:1.1em; color:#33080b; font-weight:bold; display:block; }
.job_push_mail span:last-child{ font-family:'MetaSerif'; font-weight:bold; color:#fff; font-size:1.7em;
  -webkit-transition: color .4s ease;
  -moz-transition: color .4s ease;
  -ms-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
}
.job_push_mail:hover{ background:#fff; }
.job_push_mail:hover span:last-child{ color:#0062A8; }


.job_list{ border-top:1px solid #e0e0e0; }
.job_list_title{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2em; margin:16px 0 16px 0; display:block; }



/* MODIF : CUSTOM FILTERS JOBS */

.jobs_filters{ position:relative; margin-bottom:10px; }
.job_list_offers{ position:relative; }
.job_list_offers.opacity{ opacity:.4; }
.jobs_filters > li{ position:relative; display:inline-block; vertical-align:top; }

/*.jobs_filters > li:last-child{ margin-right:0px; }*/

.jobs_filters > li > span{ display:block; padding-right:30px; overflow:hidden; white-space:nowrap; border:1px solid #e0e0e0; text-overflow:ellipsis; height:42px; line-height:39px; text-indent:18px; cursor:pointer; font-family:'MetaSerif'; font-weight:bold; color:#999; font-size:1.3em; }
.jobs_filters > li > span.active{ color:#222; }
.jobs_filters_type > span{ border-top-left-radius:3px; border-bottom-left-radius:3px; }
.jobs_filters_function > span{ border-top-right-radius:3px; border-bottom-right-radius:3px; }
.jobs_filters > li > span:after{ content:""; display:block; position:absolute; right:20px; top:19px; width: 0;  height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #9b9b9b; }
.jobs_filters > li > span.active:after{ border-top: 6px solid #222; }

.jobs_filters > li > ul{ display:none; position:absolute; z-index:2; width:100%; max-height:330px; border-bottom: 1px solid #e0e0e0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.jobs_filters_year > ul{ width:261px; margin:0 0 0 0; }

.jobs_filters > li > ul li{ font-family:'Avenir'; font-weight:normal; font-size:1.3em;  background:#fff; padding:12px 18px; border:1px solid #e0e0e0; border-top:none; color:#222; cursor:pointer; position:relative;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.jobs_filters > li > ul li:last-child{ border-bottom:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.jobs_filters > li > ul li:after{ content:""; display:block; position:absolute; top:15px; right:20px; width:14px; height:14px; border-style:solid; border-width:1px; border-color:#ccc; border-radius:4px; background:#fff; }
.jobs_filters > li > ul li:before{ opacity:0; content:""; display:block; position:absolute; top:18px; right:23px; width:10px; height:10px; background:#ccc; z-index:1; border-radius:3px;
  -webkit-transition: opacity .2s ease, background .2s ease;
  -moz-transition: opacity .2s ease, background .2s ease;
  -ms-transition: opacity .2s ease, background .2s ease;
  -o-transition: opacity .2s ease, background .2s ease;
  transition: opacity .2s ease, background .2s ease;
}
.jobs_filters > li > ul li.select:hover:before{ opacity:1; background:#da8c91; }
.jobs_filters > li > ul li:hover{ background:#f7f7f7; color:#0062A8; }
.jobs_filters > li > ul li.select:before{ opacity:1; background:#ccc;  }
.jobs_filters > li > ul li:hover:after{ border-color:#da8c91; }


.jobs_view_all{ position:absolute; display:block; bottom:-40px; left:0; font-size:1.2em; line-height:1em; cursor:pointer; color:#444; font-family: 'Avenir'; }
.jobs_view_all:before{ content:"→"; display:inline-block; vertical-align:middle; margin-right:4px; }
.jobs_view_all:hover{ color:#000; }
.jobs_view_all span, .jobs_view_all.close span:last-child{ display:inline-block; }
.jobs_view_all span:last-child{ display:none; }
.jobs_view_all.close span:first-child{ display:none; }


.jobs_nb_results{ font-family: 'Avenir'; font-weight:normal; font-size:1.2em; color:#999; display:block; margin-bottom:14px; }
.jobs_nb_results span.hide{ display:none; }

@media screen and (max-width:1000px){
  .jobs_filters > li{ width:100%; }
  .jobs_filters_type{ margin-bottom:10px; }
  .jobs_filters > li > span{ border-radius:3px;  }
}

@media screen and (min-width:1001px){
  .jobs_filters > li > ul{ width:269px; }
  .jobs_filters_type{  width:100px;  }
  .jobs_filters_type > ul{ left:0; }
  .jobs_filters_function{ width:170px; margin-left:-4px; }
  .jobs_filters_function > ul{ left:-99px; }
  .job_list_offers{ margin-bottom:120px; }
  .jobs_filters > li > ul li span{ display:block; max-width:200px; }
}




.job_list_offers li a{ display:block; padding:20px 0;  }
.job_list_offers li{ border-bottom:1px solid #e0e0e0; display:none; }
.job_list_offers li.job_show{ display:block; }

.job_list_offers li span{ display:inline-block; vertical-align:middle; font-family:'Avenir'; }
.job_list_offers li span:nth-of-type(1){ width:48px; height:30px; margin:0 10px 0 0; line-height:30px; font-size:1em; border-radius:3px; text-align:center; text-transform:uppercase; }
.job_list_offers li span:nth-of-type(2){ width:210px; margin:0 0 0 -4px;  font-size:1.3em; line-height:1.3em; }


.job_list_offers li span:nth-of-type(1){ border:1px solid #e0e0e0; color:#999999;
  -webkit-transition: border .3s ease, color .3s ease;
  -moz-transition: border .3s ease, color .3s ease;
  -ms-transition: border .3s ease, color .3s ease;
  -o-transition: border .3s ease, color .3s ease;
  transition: border .3s ease, color .3s ease;
}
.job_list_offers li span:nth-of-type(2){ color:#999999;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.job_list_offers li:hover span:nth-of-type(1), .job_list li.active span:nth-of-type(1){ border:1px solid #0062A8; color:#0062A8; }
.job_list_offers li:hover span:nth-of-type(2), .job_list li.active span:nth-of-type(2){ color:#0062A8;}





/* MEDIA QUERIES - TPL. JOB */

@media screen and (min-width:450px){
  .job_push_mail span:last-child{ font-size:2.4em; }
}

@media screen and (min-width:1001px){
  .job_main_content .left{ width:270px; margin: 135px 40px 0 0; }
}

@media screen and (min-width:1001px) and (max-width:1100px){
  .job_main_content .right{
    width: calc(100% - 310px);
    width: -webkit-calc(100% - 310px);
    width: -moz-calc(100% - 310px);
    width: -ms-calc(100% - 310px);
    width: -o-calc(100% - 310px);
  }
}

@media screen and (min-width:1101px){
  .job_main_content .right{ width:660px; }
}






/* ----------------- TPL. ARCHIVES ----------------- */

.archives_main_content .wrap{ min-height:600px; }
.archives_main_content header{ position:relative; }
.archives_main_content h1{ font-family:'MetaSerif'; font-weight:bold; color:#222; font-size:2.9em; margin:-10px 0 30px 0; display:block; }

.archives_filters{ position:relative; }

.archives_border{ display:none; }





.archives_filters > li{ position:relative; display:inline-block; vertical-align:top; width:100%; margin:0 0 20px 0; }
/*.archives_filters > li:last-child{ margin-right:0px; }*/

.archives_filters > li > span{ display:block; padding-right:30px; overflow:hidden; white-space:nowrap; border:1px solid #e0e0e0; text-overflow:ellipsis; height:56px; line-height:52px; text-indent:26px; cursor:pointer; font-family:'MetaSerif'; font-weight:bold; color:#999; font-size:1.5em; }
.archives_filters > li > span:after{ content:""; display:block; position:absolute; right:20px; top:26px; width: 0;  height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #9b9b9b; }

.archives_filters > li > ul{ display:none; position:absolute; z-index:2; max-height:330px; border-bottom: 1px solid #e0e0e0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.archives_filters_year > ul{ width:261px; margin:0 0 0 0; }



.archives_filters > li > ul li{ font-family:'Avenir'; font-weight:normal; font-size:1.3em;  background:#fff; padding:14px 18px; border:1px solid #e0e0e0; border-top:none; color:#646464; cursor:pointer; position:relative;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.archives_filters > li > ul li:last-child{ border-bottom:none; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.archives_filters > li > ul li:after{ content:""; display:block; position:absolute; top:17px; right:20px; width:14px; height:14px; border-style:solid; border-width:1px; border-color:#ccc; border-radius:4px; background:#fff; }
.archives_filters > li > ul li:before{ opacity:0; content:""; display:block; position:absolute; top:20px; right:23px; width:10px; height:10px; background:#ccc; z-index:1; border-radius:3px;
  -webkit-transition: opacity .2s ease, background .2s ease;
  -moz-transition: opacity .2s ease, background .2s ease;
  -ms-transition: opacity .2s ease, background .2s ease;
  -o-transition: opacity .2s ease, background .2s ease;
  transition: opacity .2s ease, background .2s ease;
}
.archives_filters > li > ul li.select:hover:before{ opacity:1; background:#da8c91; }
.archives_filters > li > ul li:hover{ background:#f7f7f7; color:#0062A8; }
.archives_filters > li > ul li.select:before{ opacity:1; background:#ccc;  }
.archives_filters > li > ul li:hover:after{ border-color:#da8c91; }


@media screen and (max-width:759px){
  .archives_filters > li > span{ border-radius:4px; }
  .archives_filters > li > ul{ width:100%; }
}

@media screen and (min-width:760px){
  .archives_filters{ width:100%; }
  .archives_border{ display:block; position:absolute; bottom:0; left:0; height:54px; width:100%; border:1px solid #e0e0e0; border-radius:3px; z-index:-1; }
  .archives_filters > li{ width:230px; margin:0 30px 0 0;  }
  .archives_filters > li > span{ width:100%; border:0; border-right:1px solid #e0e0e0; }
  .archives_filters_type > ul{ width:264px; margin:0 0 0 -3px; }
  .archives_filters_type{ margin:0 0 0 -2px; }
  .archives_filters > li > span:after{ right:-10px; }
}



.archives_list{ padding:30px 0 90px 0; font-family:'Avenir'; font-size:1.4em; }



/*.archives_list > ul > li{  display:inline-block; vertical-align:top; border-radius:3px; margin:0 35px 38px 0; cursor:pointer; overflow:hidden; }*/
.archives_list > ul > li{ border-radius:3px; margin:0 0 38px 0; cursor:pointer; overflow:hidden; }



.archives_box_event, .archives_box_review{ width:100%; height:314px; border:1px solid #e0e0e0;
  -webkit-transition: border .3s ease;
  -moz-transition: border .3s ease;
  -ms-transition: border .3s ease;
  -o-transition: border .3s ease;
  transition: border .3s ease;
}

.archives_box_period{ height:306px; padding:4px; border:1px solid #999;
  width: calc(100% - 8px);
  width: -webkit-calc(100% - 8px);
  width: -moz-calc(100% - 8px);
  width: -ms-calc(100% - 8px);
  width: -o-calc(100% - 8px);
}
.archives_box_period > div{ width:100%; height:100%; border:1px solid #e0e0e0; text-align:center;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.archives_box_period > div span{ color:#999; }
.archives_box_period > div span:first-child{ display:block; font-weight:bold; text-transform:uppercase; font-size:1.4em; margin:122px 0 0 0; }
.archives_box_period > div span:last-child{ font-size:1.2em }

.box_top{ height:79px; padding:0 20px; background:#eee; text-align:center; overflow:hidden;
  -webkit-transition: background .3s ease;
  -moz-transition: background .3s ease;
  -ms-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
}
.box_txt{ height:143px; padding:20px; font-weight:normal; color:#222; background:#fff; line-height:1.5em;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}
.box_bottom{ height:51px; border-top:1px solid #e0e0e0; line-height:52px; color:#999; position:relative; background:#fff;
  -webkit-transition: border .3s ease, color .3s ease;
  -moz-transition: border .3s ease, color .3s ease;
  -ms-transition: border .3s ease, color .3s ease;
  -o-transition: border .3s ease, color .3s ease;
  transition: border .3s ease, color .3s ease;
}
.box_bottom span{ display:inline-block; vertical-align:top;
  -webkit-transition: border .3s ease, background .3s ease;
  -moz-transition: border .3s ease, background .3s ease;
  -ms-transition: border .3s ease, background .3s ease;
  -o-transition: border .3s ease, background .3s ease;
  transition: border .3s ease, background .3s ease;
}
.box_bottom time{ width:123px; height:100%; padding:0 20px; background:#fff; overflow:hidden; font-size:.7em; font-weight:bold; text-transform:uppercase;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -ms-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}
.box_bottom span{ width:53px; height:100%; border-left:1px solid #e0e0e0; margin:0 0 0 -4px; background:#f5f5f3; text-align:center; position:absolute; right:0; }
.archives_box_event .box_bottom span:last-child{ width:54px; }

.archives_box_event.active .box_txt{ overflow-y:scroll; }


.box_top figure{ height:100%; width:100%; position:relative; }
.box_top figure img{ position:absolute; top:50%; left:50%;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.archives_box_review:hover .box_top img:nth-of-type(2), body.colorlogo .archives_box_review .box_top img:nth-of-type(2){ opacity:0; }

.box_txt h2{ font-size:1.1em; font-weight:normal; margin-bottom:10px; }

.box_event_descrp{ display:none; color:#222; font-size:.9em; font-weight:normal;  }
@-moz-document url-prefix() {
  .box_event_descrp{ margin:0 0 1.4em 0; }
}
.box_event_descrp p{ margin-top:1em; }
.box_event_descrp a{ color:#777; font-weight:normal; }
.box_event_descrp a:hover{ color:#53acb4; }

.archives_box_event .box_top:before{ content:"\e001"; display:block; font-family:'icomoon'; font-weight:normal; font-size:2.4em; color:#c3c3c3; margin-top:16px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
}

.archives_box_event .box_bottom{ font-weight:bold; }
.archives_box_review .box_bottom span:last-child:before{ content:"\e000"; font-family:'icomoon'; font-size:.7em; }

.archives_box_event:hover, .archives_box_event.active, .archives_box_event.coming, body.colorlogo .archives_box_event{ border:1px solid #53acb4; }
.archives_box_event:hover .box_top, .archives_box_event.active .box_top, .archives_box_event.coming .box_top, body.colorlogo .archives_box_event .box_top{ background:#53acb4; }
.archives_box_event:hover .box_top:before, .archives_box_event.active .box_top:before, .archives_box_event.coming .box_top:before, body.colorlogo .archives_box_event .box_top:before{ color:#fff; }
.archives_box_event:hover .box_txt, .archives_box_event.active .box_txt, .archives_box_event.coming .box_txt, body.colorlogo .archives_box_event .box_txt{ color:#53acb4; }
.archives_box_event:hover .box_bottom, .archives_box_event.active .box_bottom, .archives_box_event.coming .box_bottom, body.colorlogo .archives_box_event .box_bottom{ border-top:1px solid #53acb4; color:#53acb4; }
.archives_box_event:hover .box_bottom span:last-child, .archives_box_event.active .box_bottom span:last-child, .archives_box_event.coming .box_bottom span:last-child, body.colorlogo .archives_box_event .box_bottom span:last-child{ border-left:1px solid #53acb4; background:#d6e7e8 }

.archives_box_review:hover, body.colorlogo .archives_box_review{ border:1px solid #0062A8; }
.archives_box_review:hover .box_top, body.colorlogo .archives_box_review .box_top{ background:#0062A8; }
.archives_box_review:hover .box_txt, body.colorlogo .archives_box_review .box_txt{ color:#0062A8; }
.archives_box_review:hover .box_bottom, body.colorlogo .archives_box_review .box_bottom{ border-top:1px solid #0062A8; color:#0062A8; }
.archives_box_review:hover .box_bottom span:last-child, body.colorlogo .archives_box_review .box_bottom span:last-child{ border-left:1px solid #0062A8; background:#e8d6d6 }



.archives_list .clone{ position:absolute; z-index:10; border-radius:3px; cursor:pointer;
  -webkit-transition: width .3s ease, margin .3s ease;
  -moz-transition: width .3s ease, margin .3s ease;
  -ms-transition: width .3s ease, margin .3s ease;
  -o-transition: width .3s ease, margin .3s ease;
  transition: width .3s ease, margin .3s ease;
}
.archives_list > ul > li.active{ width:478px; }
.archives_list > ul > li.active .box_bottom span:first-child{ width:383px; }


.archives_list .cloneLarge{
  width:calc(100% - 50px) !important;
  width:-webkit-calc(100% - 50px) !important;
  width:-moz-calc(100% - 50px) !important;
  width:-ms-calc(100% - 50px) !important;
  width:-o-calc(100% - 50px) !important;
}
.archives_list .cloneLarge .box_bottom span:first-child{
  width:calc(100% - 94px) !important;
  width:-webkit-calc(100% - 94px) !important;
  width:-moz-calc(100% - 94px) !important;
  width:-ms-calc(100% - 94px) !important;
  width:-o-calc(100% - 94px) !important;
}

/* MEDIA QUERIES - TMP. ARCHIVES */

/* Grid 2 */
@media screen and (min-width:621px){
  .archives_list > ul > li{ display:inline-block; vertical-align:top; margin:0 35px 38px 0; }
  .archives_list > ul > li:nth-child(2n){ margin:0 0 38px 0; }
  .archives_box_event, .archives_box_review{
    width: calc(50% - 22px);
    width: -webkit-calc(50% - 22px);
    width: -moz-calc(50% - 22px);
    width: -ms-calc(50% - 22px);
    width: -o-calc(50% - 22px);
  }
  .archives_box_period{
    width: calc(50% - 31px);
    width: -webkit-calc(50% - 31px);
    width: -moz-calc(50% - 31px);
    width: -ms-calc(50% - 31px);
    width: -o-calc(50% - 31px);
  }

  .archives_list .cloneLarge{
    width: calc(100% - 53px) !important;
    width: -webkit-calc(100% - 53px) !important;
    width: -moz-calc(100% - 53px) !important;
    width: -ms-calc(100% - 53px) !important;
    width: -o-calc(100% - 53px) !important;
  }
  .add_marginL{
    margin-left: calc(-50% + 6px)!important;
    margin-left: -webkit-calc(-50% + 6px)!important;
    margin-left: -moz-calc(-50% + 6px)!important;
    margin-left: -ms-calc(-50% + 6px)!important;
    margin-left: -o-calc(-50% + 6px)!important;
  }
}

/* Grid 3 */
@media screen and (min-width:781px){
  .archives_list > ul > li:nth-child(2n){ margin:0 35px 38px 0; }
  .archives_list > ul > li:nth-child(3n){ margin:0 0 38px 0; }
  .archives_box_event, .archives_box_review{
    width: calc(33.33% - 29px);
    width: -webkit-calc(33.33% - 29px);
    width: -moz-calc(33.33% - 29px);
    width: -ms-calc(33.33% - 29px);
    width: -o-calc(33.33% - 29px);
  }
  .archives_box_period{
    width: calc(33.33% - 36px);
    width: -webkit-calc(33.33% - 36px);
    width: -moz-calc(33.33% - 36px);
    width: -ms-calc(33.33% - 36px);
    width: -o-calc(33.33% - 36px);
  }

  .archives_list .cloneLarge{
    width: calc(66.66% - 82px) !important;
    width: -webkit-calc(66.66% - 82px) !important;
    width: -moz-calc(66.66% - 82px) !important;
    width: -ms-calc(66.66% - 82px) !important;
    width: -o-calc(66.66% - 82px) !important;
  }
  .add_marginL{
    margin-left: calc(-33.33% + 20px)!important;
    margin-left: -webkit-calc(-33.33% + 20px)!important;
    margin-left: -moz-calc(-33.33% + 20px)!important;
    margin-left: -ms-calc(-33.33% + 20px)!important;
    margin-left: -o-calc(-33.33% + 20px)!important;
  }
}

/* Grid 4 */
@media screen and (min-width:1101px){
  .archives_list > ul > li:nth-child(3n){ margin:0 35px 38px 0; }
  .archives_box_period{ width:210px; }
  .archives_box_event, .archives_box_review{ width:218px; }
  .archives_list > ul > li:nth-child(4n){ margin:0 0 38px 0; }

  .archives_list .cloneLarge{ width:478px !important;  }
  .archives_list .cloneLarge .box_bottom span:first-child{ width:383px !important; }
  .add_marginL{ margin-left:-260px !important; }
}





/* ----------------- TPL. 404 ----------------- */

.section_notfound{ height:100%; }

.notfound_left{ background:#0062A8; color:#fff; position:relative; height:30%; }
.notfound_left a{ color:#fff; font-size:6.5em; cursor:pointer; position:absolute; width:100px; height:50px; line-height:.5em; left: 50%; top: 50%; margin: -15px 0 0 -50px;
  -webkit-transition: -webkit-transform .2s ease;
  -moz-transition: -moz-transform .2s ease;
  -ms-transition: -ms-transform .2s ease;
  -o-transition: -o-transform .2s ease;
  transition: transform .2s ease;
}
.notfound_left a:hover{
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translate3d(-10px, 0, 0);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -transform: translate3d(-10px, 0, 0);
}
.notfound_right{ position:relative; height:70%; padding:0 25px; }
.notfound_right > div{ text-align:center; margin:40px 0 0 0; }
.notfound_right h1{ font-family:'Avenir'; font-weight:bold; font-size:3.5em; color:#0062A8; }
.notfound_right h2{ font-family:'MetaSerif'; font-weight:bold; font-size:2em; line-height:1.3em; color:#222; }

@media screen and (min-width:1101px){
  .section_notfound > div{ width:50%; height:100%; display:inline-block; }
  .notfound_right{ margin-left:-4px; padding:0; }
  .notfound_right > div{ width:400px; height:200px; position:absolute; top:50%; left:0; margin:-100px 0 0 80px; text-align:left; }
  .notfound_right h1{ font-size:6.5em }
  .notfound_right h2{ font-size:3em }
}


/* ----------------- TPL. Compatibility ----------------- */

.section_compatibility{ height:100%; background:#0062A8; }
.compatibility_wrap{ width:860px; height:500px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -430px; color:#fff; font-family:'Avenir'; font-weight:normal; font-size:1.6em; }
.compatibility_wrap img{ margin:0 auto 40px auto; display:block; }
.compatibility_wrap p{ text-align:center; margin:1em auto; font-size:1em; max-width:620px; }
.compatibility_wrap > ul{ margin:60px 0 0 0; font-size:.9em; }
.compatibility_wrap > ul > li > span{ text-transform:uppercase; font-size:.8em; font-weight:bold; display:block; margin-bottom:1em; }

.grid_c_2{ margin-left:210px !important; }
.grid_c_2 .address_2{ padding-left:50px; border-left:1px solid #92161e; }

.grid_c_3{ margin-left:80px !important; }
.grid_c_3 .address_2, .grid_c_3 .address_3{ padding-left:50px; border-left:1px solid #92161e; }

.grid_c_4{ width:1100px; margin-left:-60px !important; }
.grid_c_4 .address_2, .grid_c_4 .address_3, .grid_c_4 .address_4{ padding-left:50px; border-left:1px solid #92161e; }

.compatibility_wrap > ul > li{ float:left; width:220px; }

/* ------ AJAX ------ */

#section_ajax{ background:#fff; position:absolute; z-index:100; width:100%;
  -webkit-transition:-webkit-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -moz-transition:-moz-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -ms-transition:-ms-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -o-transition:-o-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  transition:transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
}
#section_ajax.right{
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(105%, 0, 0);
  -ms-transform: translateX(105%);
  -o-transform: translateX(105%);
  transform: translate3d(105%, 0, 0);
}
#section_ajax.bottom{
  -webkit-transform: translate3d(0, 105%, 0);
  -moz-transform: translate3d(0, 105%, 0);
  -ms-transform: translateY(105%);
  -o-transform: translateY(105%);
  transform: translate3d(0, 105%, 0);
}

#section_ajax.fixed{
  position:fixed !important;
}

/*#section_ajax .nav_breadcrumb{ display:none; }*/

#section_main{
  -webkit-transition:-webkit-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -moz-transition:-moz-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -ms-transition:-ms-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  -o-transition:-o-transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
  transition:transform .4s cubic-bezier(0.800, 0.200, 0.200, 1.000);
}

#section_main.left{
  -webkit-transform: translate3d(-105%, 0, 0);
  -moz-transform: translate3d(-105%, 0, 0);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translate3d(-105%, 0, 0);
}
#section_main.top{
  -webkit-transform: translate3d(0, -105%, 0);
  -moz-transform: translate3d(0, -105%, 0);
  -ms-transform: translateY(-105%);
  -o-transform: translateY(-105%);
  transform: translate3d(0, -105%, 0);
}






/* SCROLL OPACITY */
#scrolltop{ display:none; }
@media screen and (min-width:1101px){
  #scrolltop{ display:block; position:fixed; bottom:36px; right:36px; z-index:101; cursor:pointer; opacity:1; }
  #scrolltop.show{ opacity:1; }

  #scrolltop:hover .arrow_scrolltop{ opacity:1; }
  #scrolltop:hover .logo_scrolltop{ opacity:0 !important; }

  #scrolltop .logo_scrolltop{
    opacity:1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  #scrolltop .logo_scrolltop.init{
    opacity:0;
  }

  .arrow_scrolltop{ display:block; width:100%; text-align:center; margin:0 0 -40px -2px; opacity:0; color:#0062A8; font-size:2.7em; font-family:Arial;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);

    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;

    -webkit-animation: anim_arrow_scrolltop .9s infinite;
    -moz-animation: anim_arrow_scrolltop .9s infinite;
    -ms-animation: anim_arrow_scrolltop .9s infinite;
    -o-animation: anim_arrow_scrolltop .9s infinite;
    animation: anim_arrow_scrolltop .9s infinite;
  }

  @-webkit-keyframes anim_arrow_scrolltop{
    0%, 100%{ -webkit-transform: translate3d(0,0,0) rotate(270deg); }
    50%{ -webkit-transform: translate3d(0,-5px,0) rotate(270deg); }
  }
  @-moz-keyframes anim_arrow_scrolltop{
    0%, 100%{ -moz-transform: translate3d(0,0,0) rotate(270deg); }
    50%{ -moz-transform: translate3d(0,-5px,0) rotate(270deg); }
  }
  @-ms-keyframes anim_arrow_scrolltop{
    0%, 100%{ -ms-transform: translateY(0px) rotate(270deg); }
    50%{ -ms-transform: translateY(-5px) rotate(270deg); }
  }
  @-o-keyframes anim_arrow_scrolltop{
    0%, 100%{ -o-transform: translateY(0px) rotate(270deg); }
    50%{ -o-transform: translateY(-5px) rotate(270deg); }
  }
  @keyframes anim_arrow_scrolltop{
    0%, 100%{ transform: translate3d(0,0,0) rotate(270deg); }
    50%{ transform: translate3d(0,-5px,0) rotate(270deg); }
  }
}


/* CHOOSE YOUR LANGUAGE */
/*#choose_lang{ position:fixed; z-index:105; left:0; top:0; width:100%; height:100%;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
#choose_lang.opacity{ opacity:0; }
.choose_lang_overlay{ width:100%; height:100%; background:#fff; opacity:.95; }
.choose_lang_txt{ width:360px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -180px; text-align:center;
  -webkit-transition: margin-top .6s ease;
  -moz-transition: margin-top .6s ease;
  -ms-transition: margin-top .6s ease;
  -o-transition: margin-top .6s ease;
  transition: margin-top .6s ease;
}
#choose_lang.opacity .choose_lang_txt{ margin-top:50px; }
.choose_lang_txt span{ font-family:'MetaSerif'; color:#0062A8; font-weight:bold; font-size:1.8em; display:block; margin:0 0 20px 0; }
@media screen and (min-width:450px){
  .choose_lang_txt span{ font-size:2.5em; }
}
.choose_lang_txt ul{ font-family:'Avenir'; font-weight:normal; text-transform:uppercase; }
.choose_lang_txt li{ font-size:1.1em; display:inline-block; margin-right:20px; color:#222;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.choose_lang_txt li a{ color:#222; }
.choose_lang_txt li:before{ content:"→"; font-family:Arial; display:inline-block; margin-right:10px; }
.choose_lang_txt li.opacity{ opacity:.4; }*/

.choose_lang{ position:absolute; top:30px; right:30px; z-index:999; cursor:pointer; }
.choose_lang > span{ display:block; cursor:pointer; width:40px; height:21px; line-height:22px; text-indent:6px; border:1px solid #fff; border-radius:2px; color:#fff; font-size:1em; font-family:'Avenir'; }
.choose_lang > span:after{ content:""; display:block; position:absolute; right:7px; top:10px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
  }
.choose_lang ul{ display:none; background:#7f111a; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; position: absolute; width: 100%; left:0; top: 23px; padding: 4px 0; }
.choose_lang li{ margin-top:2px; text-indent:7px; }
.choose_lang a{ display:block; color:#fff; }
.lang_hide{ display:none; }



#skip-tutorial{ margin-top:50px; }
#skip-tutorial span{ cursor:pointer;color:#fff;font-size:1.2em; }





/* index navigation edited by sg */
.nav-fl li {
	margin-left: 0px;
	float: left;
}

.custom-dropdown {
  padding: 8px 0 8px 0 !important;
  width: 100% !important;
  min-width: 100% !important;
}

.dropdown-menu-item {
  width: 100% !important;
  min-width: 100% !important;
  font-size: 17px;
  text-align: center;
  padding: 0 !important;
}

.dropdown-menu-item a {
  padding: 8px 0 8px 0 !important;
  text-align: center;
}

.header-nav-main nav > #mainNav .dropdown > .custom-dropdown > .dropdown-menu-item:hover a {
  color: #005ba7 !important;
  text-decoration: none;
  background-color: #eee !important;
}

@media (max-width: 991px) {
  #header .header-nav-main nav > ul li.dropdown.opened > .custom-dropdown {
		margin-left: 0;
	}
}

.fixtoolbar {
  position: fixed;
  z-index: 1020;
  right: 0px;
  bottom: 20px;
  color: #999999;
  transform: scale(0.75);
}
.fixtoolbar .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.fixtoolbar .icon.icon-angle-up {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/41d531563e9ce4cdee592600b00b7d69.png) no-repeat center/contain;
}
.fixtoolbar .icon.icon-edit {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/6daf69b2e3bf6b871462225452d28130.png) no-repeat center/contain;
}
.fixtoolbar .icon.icon-headset {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/e2675058f13ba4adbd05444fac24c54b.png) no-repeat center/contain;
}
.fixtoolbar .icon.icon-user-o {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/a60357fe82e36a7fc8247debe17e0926.png) no-repeat center/contain;
}
.fixtoolbar ul,
.fixtoolbar li {
  list-style: none;
}

.fixtoolbar li {
  width: 80px;
  height: 80px;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: 1px solid #E5E5E5;
  /* border-bottom: none; */
  background-color: #fff;
  color: #999999;
  overflow: hidden;
  /* border-radius: 5px; */
  -webkit-perspective: 1200px;
     -moz-perspective: 1200px;
          perspective: 1200px;
}
.fixtoolbar li:not(:first-child) {
  border-top: none;
  /* border-bottom: 1px solid #E5E5E5; */
}
.fixtoolbar li a {
  color: #999999;
}
.fixtoolbar li .front,
.fixtoolbar li .back {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  /* border-radius: 5px; */
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform .8s;
  /* box-shadow: 0 0 5px 0 #ccc; */
}
.fixtoolbar li .front {
  z-index: 9;
  /* background-color: #01b4ec; */
}
.fixtoolbar li .back {
  /* background: #f8ac59; */
  /* background: #14b1e7; */
  background-color: #fff;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  z-index: 1;
  /* color: #fff; */
  font-size: 16px;
  white-space: pre-wrap;
  padding: 3px 5px;
  line-height: 1.2;
}
/* .fixtoolbar li.active {
  transform: rotateY(180deg);
} */

.fixtoolbar li.active .front {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.fixtoolbar li.active .back {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/* .fixtoolbar li:first-child{
  border-radius: 5px 5px 0 0;
}
.fixtoolbar li:last-child{
  border-radius:  0 0 5px 5px;
} */
/* .fixtoolbar li:hover{
  background: #005ba7;
  color: #fff;
} */

/* .fixtoolbar li a {
  color: #14b1e7;
} */
/* .fixtoolbar li:not(:last-child) {
  margin-bottom: 3px;
} */
/* .fixtoolbar li:not(:last-child)::after {
  content: '';
  background-color: #efefef;
  height: 1px;
  width: 80%;
  margin: 0 auto;
  position: absolute;
  bottom: -1px;
  left: 10%;
} */
.fixtoolbar li .desc {
  /* padding: 5px 0; */
  margin-top: 10px;
}
.fixtoolbar li .fa {
  font-size: 30px;
}

@media (max-width: 768px) {
  .fixtoolbar li {
    width: 60px;
    height: 60px;
    font-size: 12px;
  }
  .fixtoolbar li .fa {
    font-size: 18px;
  }
}


#newBridge {
  display: none !important;
}

/*
Name: 			ie.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		4.2.0
*/
/* Header */
html.ie header {
	background: #fff;
	filter: none;
}

/* Navigation */
html.ie8 header nav ul.nav-main ul.dropdown-menu,
html.ie9 header nav ul.nav-main ul.dropdown-menu {
	filter: none !important;
}

html.ie8 div.home-concept,
html.ie8 div.home-concept div.process-image,
html.ie8 div.home-concept div.project-image {
	background: none;
}

/* Social Icons */
html.ie8 header ul.social-icons {
	margin-top: 2px;
}

html.ie8 header ul.social-icons li {
	background-color: #F1F1F1;
}

/* History */
html.ie8 ul.history li div.thumb {
	background: none;
}

/* Testimonials */
html.ie8 div.testimonial-author div.img-thumbnail {
	height: 60px;
	width: 60px;
}

html.ie8 div.testimonial-author div.img-thumbnail img {
	float: left;
}

/* Pricing Plans */
html.ie8 div.plan-ribbon-wrapper {
	top: -30px;
}

html.ie8 div.plan-ribbon-wrapper div.plan-ribbon {
	text-align: left;
	padding-left: 20px;
}

/* Parallax */
html.ie8 .parallax {
	background-position: 50% 50% !important;
}

/* Thumbs */
html.ie8 .thumb-info .thumb-info-title {
	background: #000;
}


p {
  margin: 0;
}
.row {
  margin-left: -6px;
  margin-left: -6px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding: 0 6px;
}
.section {
  color: #2F3337;
  line-height: 1;
  padding: 100px 0;
}
.section .title {
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}
.section .subtitle {
  font-size: 26px;
  opacity: .3;
  text-align: center;
  margin: 30px 0 100px;
  letter-spacing: 4px;
}
/* idfa */
.idfa-intro {
  padding: 100px 0;
  overflow: hidden;
}
.idfa-intro .idfa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.idfa-intro .idfa .idfa-left {
  width: 0;
  flex: 1 0 auto;
  overflow: hidden;
  max-height: 600px;
}
.idfa-intro .idfa .phone-1{
  position: relative;
  margin-left: 40px;
  overflow: hidden;
}
.idfa-intro .idfa .phone-1 .img {
  width: 284px;
}
.idfa-intro .idfa .phone-1 .pop-container {
  overflow: hidden;
  position: absolute;
  bottom: 21px;
  left: 23px;
  width: 100%;
  height: 100%;
}
.idfa-intro .idfa .phone-1 .pop {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 237px;
}
.idfa-intro .idfa .phone-2 {
  text-align: right;
}
.idfa-intro .idfa .phone-2 .img {
  width: 284px;
}
.idfa-intro .title {
  font-size: 36px;
  line-height: 1;
  position: relative;
  text-align: left;
  padding-bottom: 40px;
  color: #2F3337;
  font-weight: 700;
}
.idfa-intro .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 96px;
  height: 10px;
  background: #2B86FF;
  border-radius: 5px;
}
.idfa-intro .important {
  color: #2B86FF;
}
.idfa-intro .subtitle {
  margin-top: 60px;
  font-size: 24px;
  line-height: 2;
  text-align: left;
}
.idfa-intro .idfa-desc-container {
  padding: 0 20px;
}
.idfa-intro .idfa-desc-wrapper {
  position: relative;
  padding: 30px 0;
  color: #fff;
  background: #2B86FF;
  font-size: 20px;
  line-height: 1.5;
  box-shadow: 0px 18px 65px 0px rgba(79, 135, 251, 0.48);
  border-radius: 100px;
}
.idfa-intro .idfa-desc-wrapper .idfa-desc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.idfa-intro .idfa-desc-wrapper .desc {
  position: relative;
  width: 0;
  flex: 1 0 auto;
  padding-left: 30px;
}
.idfa-intro .idfa-desc-wrapper .desc::before {
  position: absolute;
  content: "\f10d";
  font-family: FontAwesome;
  left: 0px;
  top: 0;
}
.idfa-intro .idfa-desc-wrapper .btn {
  background: #FFFFFF;
  box-shadow: 0px 18px 54px 0px rgba(71, 135, 255, 0.26);
  border-radius: 46px;
  font-size: 26px;
  border-radius: 50px;
  color: #4787FF;
  padding: 26px 60px;
  line-height: 1;
  margin-left: 130px;
}
/* operating */
.section-operating img {
  width: 100%;
}
/* 场景 */
.section-application {
  background: #F9FAFF;
}
.section-application .applications {
}
.section-application .application-item {
  background: #FFFFFF;
  cursor: pointer;
  box-shadow: 0px 8px 29px 0px rgba(210, 210, 210, 0.24);
}
.section-application .application-item:hover {
  transform: scale(1.1);
  transition: all .3s;
}
.section-application .application-item .application-intro{
  padding: 0 40px 50px 40px;
}
.section-application .application-item .title{
  position: relative;
  font-size: 30px;
  margin: 30px;
  padding-bottom: 20px;
}
.section-application .application-item .desc{
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.section-application .application-item .desc p {
  margin-bottom: 10px;
}
.section-application .application-item .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 2px;
  background: #2F3337;
  opacity: .2;
}
.section-application .application-item img {
  width: 100%;
}

/* 优势 */
.section-advantage .advantage-list {
}
.section-advantage .advantage-list .advantage-item {
  background: #fff;
  color: #212529;
  padding: 80px 0;
  text-align: center;
  position: relative;
  box-shadow: 0px 12px 42px -4px rgba(71, 135, 255, 0.20);
  margin: 5px 0;
  cursor: pointer;
}
.section-advantage .advantage-list .advantage-item::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 5px;
  opacity: 0.4;
  background: #5486f7;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.section-advantage .advantage-list .advantage-item .title{
  font-size: 30px;
  margin: 40px 0;
}
.section-advantage .advantage-list .advantage-item .desc {
  min-height: 130px;
}
.section-advantage .advantage-list .advantage-item .desc p {
  font-size: 16px;
  color: #424242;
  margin-bottom: 10px;
}
.section-advantage .advantage-list .advantage-item .icon {
  display: inline-block;
  width: 60px;
  height: 60px;
}
.section-advantage .advantage-list .advantage-item .icon-1 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/736e2c224f6488d020b2cfac7a5c090a.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item .icon-2 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/833663bd07834f8671a783ae2f41f040.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item .icon-3 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/6a1c11829c0a56f8c59076166f115f27.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item .icon-4 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/970741f72e18070ad1c23667522a4f71.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item .icon-5 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/b63a1216be3137cb76dfdf1f8d360cf3.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item .icon-6 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/21cd22d1656bb2119c484ea3822f4b0f.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover {
  background: #5486f7;
  color: #fff;
}
.section-advantage .advantage-list .advantage-item:hover::after  {
  background: #fff;
}
.section-advantage .advantage-list .advantage-item:hover .desc p {
  color: #fff;
}
.section-advantage .advantage-list .advantage-item:hover .icon-1 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/6660db521d4dfd333ac509191e46cecc.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover .icon-2 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/e6311601edbd5a36aa035aa837631a3a.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover .icon-3 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/84dfaac6d3b73dd47f71a827957354ae.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover .icon-4 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/218c7d72ccc9e7aa81b0f29b6033c831.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover .icon-5 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/948d2dcb754808b231125a02680fe4a8.png) no-repeat center/cover;
}
.section-advantage .advantage-list .advantage-item:hover .icon-6 {
  background: url(https://cdn.shuzijz.cn/material/shuzilm/website/images/40c15a8388a859f8e7e04187da7fea0a.png) no-repeat center/cover;
}

/* 协议 */
.custom-modal .modal-content {
 border: none;
 background: transparent;
 box-shadow: none;
}
.custom-modal .modal-body {
  padding: 0;
}
.protocal-modal {
  box-shadow: 0px 18px 48px 0px rgba(71, 135, 255, 0.26);
  color: #2F3337;
  font-size: 16px;
  border-radius: 30px;
  background: #fff;
  text-indent: 2em;
  word-break: break-all;
  overflow: hidden;
  position: relative;
}
.protocal-modal::before,
.protocal-modal::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: #5486f7;
  opacity: .6;
  width: 60px;
  height: 60px;
}
.protocal-modal::before {
  /* top: -20px;
  left: -20px; */
  top: -13px;
  left: -7px;
}

.protocal-modal::after {
  bottom: -20px;
  right: -20px;
}
.protocal-wrapper {
  padding: 60px;
}
.protocal-modal .extra {
  margin: 40px 0;
}
.protocal-modal .important{
  color: #4787FF;
}
.protocal-modal .tips {
  text-align: center;
  font-size: 13px;
  color: #aaa;
}
.product-protocol {
  padding: 120px 0;
  font-size: 26px;
  color: #fff;
  text-align: center;
  background: #2B86FF;
  line-height: 1;
}
.product-protocol .title {
  font-size: 40px;
  font-weight: 600;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.product-protocol .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  width: 107px;
  height: 5px;
  background: #FFFFFF;
}
.product-protocol li {
  font-weight: 400;
  margin-bottom: 30px;
}
.product-protocol .btn {
  background: #FFFFFF;
  box-shadow: 0px 18px 54px 0px rgba(71, 135, 255, 0.26);
  border-radius: 46px;
  font-size: 26px;
  color: #4787FF;
  margin-top: 50px;
  padding: 24px 80px;
  line-height: 1;
}
.product-protocol .fa {
  margin-left: 10px;
}
/* 技术 */
.section-technical .technical-nodes {
  padding: 0 100px;
  position: relative;
}
.section-technical .technical-nodes::before,
.section-technical .technical-nodes::after {
  content: "";
  position: absolute;
  z-index: 9;
  width: 0;
  height: 0;
  box-shadow: 0px 0px 80px 80px rgb(255, 255, 255, .8);
}
.section-technical .technical-nodes::before {
  left: 100px;
  top: 60px;
}
.section-technical .technical-nodes::after {
  right: 100px;
  top: 60px;
}
.section-technical .technical-node {
  position: relative;
  /* width: 20%;
  float: left; */
  z-index: 1;
}
.section-technical .technical-node .node-title {
  position: relative;
  z-index: 9;
  font-size: 20px;
  font-weight: 500;
  color: #2F3337;
  line-height: 25px;
  text-align: center;
}
.section-technical .technical-node .step {
  width: 100%;
  height: 4px;
  background: #E9E9E9;
  position: relative;
  margin: 40px 0;
}
.section-technical .technical-node .step .dot {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #3D8DFF;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
.section-technical .technical-node .dot::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid #3D8DFF;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
}
.section-technical .technical-node .technical-intro-container {
  padding: 0 10px;
}
.section-technical .technical-node .technical-intro {
  position: relative;
  width: 100%;
  margin-top: 60px;
  box-shadow: 0 0 24px -3px rgba(0, 0, 0, .1);
  text-align: center;
  cursor: pointer;
}
.section-technical .technical-node:hover .dot::after {
  animation: antStatusProcessing 1.2s infinite ease-in-out;
}
.section-technical .technical-node .technical-intro:hover {
  transition: all .4s;
  transform: translate3d(0, -10px, 0);
}
.section-technical .technical-node  .technical-intro::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  background: #fff;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  transform: rotate(45deg);
  z-index: 0;
}
.section-technical .technical-node  .technical-intro  .technical-desc {
  padding: 60px 0;
  position: relative;
  z-index: 9;
  background: #fff;
  min-height: 270px;
}
.section-technical .technical-node  .technical-intro  .technical-desc p {
  font-size: 18px;
  color: #2F3337;
  margin: 10px 0;
}
.section-technical .technical-node img {
  width: 100%;
}
/* 客户 */
.owl-carousel {
  margin-bottom: 0;
}
.owl-carousel .owl-nav  .owl-prev,
.owl-carousel .owl-nav  .owl-next {
  padding: 0;
  background: none;
}
.owl-carousel .owl-nav  .owl-prev::before,
.owl-carousel .owl-nav  .owl-next::before {
  content: '';
}
.owl-carousel .owl-nav  .owl-prev .fa,
.owl-carousel .owl-nav  .owl-next .fa {
  font-size: 30px;
  color: #a3a3a3;
}
.owl-carousel .owl-nav  .owl-prev:hover,
.owl-carousel .owl-nav  .owl-next:hover {
  background: none;
}
.owl-carousel .owl-nav  .owl-prev {
  left: -40px;
}
.owl-carousel .owl-nav  .owl-next {
  right: -40px;
  background: none;
}
.section-customer .customer-carousel {
  margin: 80px 0;
  /* padding: 0 40px; */
}
.section-customer .customer-carousel-container {
  padding: 0 20px;
}
.section-customer .customer-item{
  /* float: left; */
  width: 100%;
  padding: 3px;
  text-align: center;
  border: 1px solid #E1E8F1;
  border-radius: 10px;
  padding: 20px 0;
  margin: 10px 0;
}
.section-customer .customer-item img {
  max-width: 140px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .section {
    padding: 30px 0;
  }
  .section .title {
    font-size: 24px;
  }
  .section .subtitle {
    font-size: 16px;
    margin: 20px 0 40px;
  }
  .idfa-intro {
    padding: 20px 0;
  }
  .idfa-intro .title {
    font-size: 24px;
    padding-bottom: 30px;
  }
  .idfa-intro .title::after {
    height: 4px;
  }
  .idfa-intro .subtitle {
    font-size: 16px;
    margin-top: 20px;
  }
  .idfa-intro .idfa .phone-1 {
    margin-top: 20px;
  }
  .idfa-intro .idfa .phone-1 .img {
    width: 180px;
  }
  .idfa-intro .idfa .phone-1 .pop-container {
    left: 14px;
    bottom: 14px;
  }
  .idfa-intro .idfa .phone-1 .pop {
    width: 151px;
  }
  .idfa-intro .idfa-desc-container {
    margin-top: 20px;
  }
  .idfa-intro .idfa-desc-wrapper {
    border-radius: 24px;
  }
  .idfa-intro .idfa-desc-wrapper .desc {
    font-size: 14px;
    width: 100%;
  }
  .idfa-intro .idfa-desc-wrapper .btn {
    font-size: 16px;
    padding: 14px 40px;
    margin: 30px 0 0;
  }
  .section-advantage .advantage-list .advantage-item{
    padding: 20px 0;
  }
  .section-application .application-item {
    margin-bottom: 20px;
  }
  .section-application .application-item .title {
    font-size: 18px;
  }
  .section-advantage .advantage-list .advantage-item .icon {
    width: 36px;
    height: 36px;
  }
  .section-application .application-item .application-intro {
    padding: 0 0px 40px;
  }
  .section-application .application-item .desc {
    font-size: 14px;
  }

  .section-advantage .advantage-list .advantage-item .title {
    margin: 20px 0;
    font-size: 18px;
  }
  .section-advantage .advantage-list .advantage-item .desc p {
    font-size: 14px;
  }
  .product-protocol {
    padding: 40px 0;
  }
  .product-protocol .title {
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .product-protocol li {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .product-protocol .btn {
    font-size: 16px;
    color: #4787FF;
    margin-top: 30px;
    padding: 12px 40px;
  }

  .section-technical .technical-nodes {
    padding: 0;
  }
  .section-customer .customer-carousel {
    margin: 30px 0;
  }
  .section-customer .customer-item img {
    max-width: 100px;
  }
  .section-technical .technical-node .technical-intro .technical-desc {
    padding: 30px 0; 
    min-height: 210px;
  }
  .section-technical .technical-node .technical-intro .technical-desc p {
    font-size: 12px;
  }
  .section-technical .technical-nodes::before, 
  .section-technical .technical-nodes::after {
    box-shadow: none;
  }
  
  /* .section-technical .technical-nodes {
    padding: 0 20px;
  }
  .section-technical .technical-node{
    width: 50%;
  }
  .section-technical .technical-node:not(:last-child){
    margin-bottom: 20px;
  }
  .section-technical .technical-nodes::before, 
  .section-technical .technical-nodes::after {
    box-shadow: none;
  } */
  .protocal-modal {
    font-size: 14px;
  }
  .protocal-wrapper {
    height: 100%;
    overflow-y: auto;
    padding: 30px;
    max-height: 80vh;
  }
}
@media only screen and (max-width: 992px){
  .idfa-intro .idfa .idfa-left {
    width: 100%;
  }
  .idfa-intro .idfa .phone-2 {
    display: none;
  }
  .idfa-intro .idfa-desc-wrapper {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px){
  .idfa-intro .idfa-desc-wrapper .desc {
    font-size: 16px;
  }
  .idfa-intro .idfa-desc-wrapper .btn {
    font-size: 20px;
    padding: 16px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .section-application .application-item .application-intro {
    padding: 0 20px 30px;
  }
  .section-application .application-item .title {
    font-size: 18px;
  }
  .section-application .application-item .desc{
    font-size: 14px;
  }
  
  .section-technical .technical-node .technical-intro .technical-desc p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
  .section-application .application-item .application-intro {
    padding: 0 20px 30px;
  }
  .section-application .application-item .title {
    font-size: 18px;
  }
  .section-application .application-item .desc{
    font-size: 14px;
  }
  
  .section-technical .technical-node .technical-intro .technical-desc p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
  .section-technical .technical-node .technical-intro .technical-desc p {
    font-size: 14px;
  }
  
}
@media only screen and (min-width: 1400px){
  .section-technical .technical-node .technical-intro .technical-desc p {
    font-size: 16px;
  }
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

/* --- Awwwards Ribbons --- */

/* Base */

#awwwards {
	position:absolute;
	top:40px;
	z-index:9999;
}

/* Left */

#awwwards.left {
	left:0;
}

/* Right */

#awwwards.right {
	right:0;
}

/* Link */

#awwwards a {
	display:block;
	width:70px;
	height:105px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

/* Black */

#awwwards.left.black a {
	/* background-image:url('ribbons/awwwards_sotd_black_left.png'); */
}
#awwwards.right.black a {
	/* background-image:url('ribbons/awwwards_sotd_black_right.png'); */
}

/* White */

#awwwards.left.white a {
	/* background-image:url('ribbons/awwwards_sotd_white_left.png'); */
}
#awwwards.right.white a {
	/* background-image:url('ribbons/awwwards_sotd_white_right.png'); */
}

/* Green */

#awwwards.left.green a {
	/* background-image:url('ribbons/awwwards_sotd_green_left.png'); */
}
#awwwards.right.green a {
	/* background-image:url('ribbons/awwwards_sotd_green_right.png'); */
}


/* MEDIA QUERIES */

/* Landscape phone to portrait tablet */

@media (max-width: 1029px) {

	/* hidden */
	#awwwards {
		display: none;
	}

}

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@media
only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size:70px 105px;
		-o-background-size:70px 105px;
		-webkit-background-size:70px 105px;
		background-size:70px 105px;
	}

	/* Gray */

	#awwwards.left.black a {
		/* background-image:url('ribbons/awwwards_sotd_black_left2x.png'); */
	}
	#awwwards.right.black a {
		/* background-image:url('ribbons/awwwards_sotd_black_right2x.png'); */
	}

	/* White */

	#awwwards.left.white a {
		/* background-image:url('ribbons/awwwards_sotd_white_left2x.png'); */
	}
	#awwwards.right.white a {
		/* background-image:url('ribbons/awwwards_sotd_white_right2x.png'); */
	}

	/* Green */

	#awwwards.left.green a {
		/* background-image:url('ribbons/awwwards_sotd_green_left2x.png'); */
	}
	#awwwards.right.green a {
		/* background-image:url('ribbons/awwwards_sotd_green_right2x.png'); */
	}

}

.margin-top-15 {
    padding-left: 15px !important;
}
.borderLeft {
    border-left: 8px #03b4ed solid;
    padding-right: 15px; 
}
.h2-title {
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 200;
    color: #666;
    margin-top: 50px;
    height: 67px;
    line-height: 67px;
}
.text-center {
    text-align: center;
}
.position-relative {
    position: relative;
}
.about-text{
    font-size: 16px;
    color: #666;
    line-height: 35px;
    text-align: left;
}
.font-style a {
    font-weight: 200;
    color: #666;
    font-size: 16px;
    line-height: 28px;
}
.font-style a:hover {
    text-decoration : none;
    color: #0266b0;
}

.display-table {
    display: table;
}
.display-table-cell {
    display: table-cell !important;
}
.trait-container{
    font-weight: 200;
    width: 100px !important;
    vertical-align: center;
}
.trait-container img{
    display: block;
    margin: 0 auto;
}
.traitp-name {
    font-size: 18px;
    padding-top: 10px;
    color: #005ba7;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
}
.traitp-text{
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #666;
    margin: 0;
    vertical-align: top;
    position: relative;
}
.traitp-text-center{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
}
.www{
    width:100%;
    background:#fafafa;
    min-height:300px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.www  ol{
    width: 100%;
    display: block;
    padding-left:10px;
}
.www  ol li{
    margin-left: 20px;
    line-height:40px;
    font-size: 16px;

}
.www  ol li span{
    font-weight: 600;
    /* font-size: 18px; */
}

.bacSty{
    width:100%;
    background:#fafafa;
    min-height:200px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.bname {
    height: 20px;
    line-height: 20px;
    font-size: 22px;
    font-weight: 400;
    text-indent: 0;
    margin-top: 15px;
    padding-left: 15px;
    border-left: 4px solid #337ab7;
}
@media screen and (max-width:1100px){.div .p2{width: 90%;}}
#tech_prod .btn,#tech_prod .btn:hover,#tech_prod .btn:active{border:none}@media(min-width: 1200px){#tech_prod .container{padding-right:0;padding-left:0}}#tech_prod .banner{width:100%;position:relative}#tech_prod .banner .bg{width:100%;height:auto}#tech_prod .banner .slogan{width:80%;position:absolute;top:153px;left:10%}#tech_prod .banner .slogan .title{font-size:60px;color:#fff;text-align:center;margin-top:0}#tech_prod .banner .slogan .sub-title{font-size:20px;color:#b7d1f7;letter-spacing:2px;text-align:center}#tech_prod .banner .ipad{position:relative;width:886px;height:559px;margin:331px auto;margin-bottom:0}#tech_prod .banner .ipad .ipad-bg{width:100%;height:100%}#tech_prod .banner .ipad .banner-box{position:absolute;top:7%;width:90%;left:5%}#tech_prod .banner .title{margin-top:70px;font-size:50px;font-weight:500;color:#2f3337;line-height:49px;text-align:center;margin-bottom:42px}#tech_prod .banner .desc{font-size:24px;font-weight:400;color:#2f3337;line-height:49px;text-align:center}#tech_prod .product_advant{margin-top:130px}#tech_prod .product_advant .title{padding-top:87px;font-size:48px;font-weight:500;color:#fff;line-height:49px;text-align:center}#tech_prod .product_advant .sub-title{font-size:20px;font-family:PingFang SC;font-weight:400;color:#fff;line-height:49px;opacity:.3;text-align:center;margin-top:30px;letter-spacing:3px !important}#tech_prod .product_advant .product-feature{margin-top:42px}#tech_prod .product_advant .product-feature .feature-item{width:380px;background-color:#fff;height:445px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 20px 0 rgba(57,124,255,.1);transition:transform .52s;transform:scale(1);margin:0 auto}#tech_prod .product_advant .product-feature .feature-item:hover{transform:scale(1.05)}#tech_prod .product_advant .product-feature .feature-item .feature-img{width:70px;height:75px;margin-top:77px}#tech_prod .product_advant .product-feature .feature-item .icon2{width:72px;height:62px;margin-bottom:13px}#tech_prod .product_advant .product-feature .feature-item .icon3{width:65px;height:56px;margin-bottom:19px}#tech_prod .product_advant .product-feature .feature-item .feature-title{font-size:30px;font-weight:400;color:#2f3337;line-height:49px;text-align:center;margin-top:32px}#tech_prod .product_advant .product-feature .feature-item .feature-line{background-color:#0c71e1;width:13%;border-radius:5px;height:5px;margin-top:20px}#tech_prod .product_advant .product-feature .feature-item .feature-desc{font-size:18px;font-weight:400;color:#2f3337;line-height:32px;margin-top:38px;padding:0 40px;text-align:center}#tech_prod .feature-box{margin-top:100px}#tech_prod .feature-box .title{font-size:38px;font-family:PingFang SC;font-weight:500;color:#2f3337;line-height:49px}#tech_prod .feature-box .desc1{font-size:20px;font-family:PingFang SC;font-weight:400;color:#2f3337;line-height:40px;margin:30px 0}#tech_prod .feature-box .desc2{font-size:18px;font-family:PingFang SC;font-weight:400;color:#5e6062;line-height:34px}#tech_prod .banner02{position:relative;max-height:820px}#tech_prod .banner02 img{width:100%;max-height:820px}#tech_prod .banner02 .banner02-content{position:absolute;width:100%;left:0;top:0}#tech_prod .banner02 .banner02-content .title{font-size:48px;font-weight:500;color:#fff;text-align:center;margin-top:145px;height:48px}#tech_prod .banner02 .banner02-content .sub-title{font-size:20px;color:#fff;opacity:.3;margin-top:30px;height:30px;text-align:center;letter-spacing:3px}#tech_prod .banner02 .banner02-content .line{width:107px;height:5px;background-color:#fff;margin:40px auto}#tech_prod .banner02 .banner02-box{position:absolute;top:356px;width:90vw;margin-left:5vw}#tech_prod .banner02 .banner02-box .swiper-wrapper{align-items:flex-end;padding-bottom:120px}#tech_prod .banner02 .banner02-box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:5px;background-color:#999}#tech_prod .banner02 .banner02-box .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}#tech_prod .banner02 .banner02-box .swiper-slide{width:347px;height:258px;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:5px}#tech_prod .banner02 .banner02-box .swiper-slide .slide-title{font-size:24px;font-weight:bold;color:#2f3337;margin-top:68px}#tech_prod .banner02 .banner02-box .swiper-slide .slide-sub-title{font-size:18px;font-weight:400;color:#2f3337;margin-top:25px}#tech_prod .banner02 .banner02-box .swiper-slide a{background-color:#007cf0;margin-top:32px;width:133px;height:38px;line-height:27px;display:inline-block}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line .slide-title{margin-top:54px}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line .slide-sub-title{margin-top:28px}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line a{margin-top:22px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active{width:429px;height:305px;background-color:#007cf0;display:flex;flex-direction:column;align-items:center}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active .slide-title{font-size:30px;font-weight:bold;color:#fff;margin-top:84px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active .slide-sub-title{font-size:24px;font-weight:400;color:#fff;margin-top:30px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active a{background-color:#fff;color:#2f3337;margin-top:48px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line .slide-title{margin-top:65px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line .slide-sub-title{margin-top:30px}#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line a{margin-top:24px}#tech_prod .customer-box{background-color:#f7f7f7}#tech_prod .customer-box .title{font-size:48px;font-family:PingFang SC;font-weight:500;color:#2f3337;line-height:49px;text-align:center;padding-top:77px}#tech_prod .customer-box .sub-title{font-size:20px;font-family:PingFang SC;font-weight:400;color:#2f3337;line-height:49px;opacity:.3;text-align:center;margin-top:32px}#tech_prod .customer-box .customer-item{margin-top:30px;padding:15px}#tech_prod .customer-box .customer-item .customer-comment{background-color:#fff;padding:20px;height:295px;border-radius:5px}#tech_prod .customer-box .customer-item .customer-comment img{width:28px;height:23px}#tech_prod .customer-box .customer-item .customer-comment div{padding-top:15px;padding-left:15px;font-size:18px;font-weight:400;color:#2f3337;line-height:40px}#tech_prod .customer-box .customer-item .active{background-color:#007cf0;color:#fff}#tech_prod .customer-box .customer-item .active div{color:#fff}#tech_prod .customer-box .customer-item .customer-info{display:flex;flex-direction:row;align-items:center;margin-top:20px;margin-bottom:20px}#tech_prod .customer-box .customer-item .customer-info img{width:42px;height:42px;margin-left:10px}#tech_prod .customer-box .customer-item .customer-info div{font-size:18px;font-weight:400;color:#2f3337;margin-left:15px}#tech_prod .qa-box .title{font-size:48px;font-family:PingFang SC;font-weight:500;color:#2f3337;line-height:49px;text-align:center;padding-top:77px}#tech_prod .qa-box .sub-title{font-size:20px;font-family:PingFang SC;font-weight:400;color:#2f3337;line-height:49px;opacity:.3;text-align:center;margin-top:32px;letter-spacing:3px}#tech_prod .qa-box #accordion8{margin-top:50px}#tech_prod .qa-box .answer{font-size:16px;font-weight:400;color:#2f3337;line-height:32px;margin-left:15px;margin-top:28px}#tech_prod .qa-box .panel-group.without-borders .panel{border-bottom:none}#tech_prod .qa-box .panel-title{border-bottom:1px solid #ddd;padding-bottom:29px;padding-top:29px}#tech_prod .qa-box .panel-group{margin-bottom:0}#tech_prod .qa-box .panel-group .panel-heading a{font-size:18px;font-weight:bold;color:#2f3337}#tech_prod .qa-box .panel-group .panel-heading .accordion-toggle[aria-expanded=true]{color:#2b86ff}#tech_prod .qa-box .icon-collapse{float:right}#tech_prod .qa-box .accordion-toggle[aria-expanded=true] .icon-collapse.open{display:inline-block}#tech_prod .qa-box .accordion-toggle[aria-expanded=true] .icon-collapse.close{display:none}#tech_prod .qa-box .accordion-toggle .icon-collapse.close{display:inline-block}#tech_prod .qa-box .accordion-toggle .icon-collapse,#tech_prod .qa-box .accordion-toggle[aria-expanded=false] .icon-collapse.close{display:inline-block}#tech_prod .qa-box .accordion-toggle .icon-collapse,#tech_prod .qa-box .accordion-toggle[aria-expanded=false] .icon-collapse.open{display:none}@media(max-width: 767px){#tech_prod .banner{width:100%;position:relative}#tech_prod .banner .bg{width:100%;height:214px}#tech_prod .banner .slogan{width:80%;position:absolute;top:45px;left:10%}#tech_prod .banner .slogan .title{font-size:24px;color:#fff;text-align:center;margin-top:0}#tech_prod .banner .slogan .sub-title{font-size:12px;color:#b7d1f7;letter-spacing:2px;text-align:center}#tech_prod .banner .ipad{position:relative;width:286px;height:158px;margin:165px auto;margin-bottom:0}#tech_prod .banner .ipad .ipad-bg{width:100%;height:100%}#tech_prod .banner .ipad .banner-box{position:absolute;top:7%;width:90%;left:5%}#tech_prod .banner .ipad .owl-theme .owl-dots .owl-dot span{width:6px;height:6px}#tech_prod .banner .title{margin-top:70px;font-size:24px;font-weight:500;color:#2f3337;line-height:49px;text-align:center;margin-bottom:10px}#tech_prod .banner .desc{font-size:10px;font-weight:400;color:#2f3337;line-height:20px;text-align:center}#tech_prod .product_advant{margin-top:42px;background-size:100% 62% !important}#tech_prod .product_advant .title{padding-top:32px;font-size:24px;font-weight:bold;color:#fff;text-align:center}#tech_prod .product_advant .sub-title{font-size:15px;font-family:PingFang SC;color:#fff;opacity:.3;text-align:center;margin-top:0;line-height:1;letter-spacing:3px !important}#tech_prod .product_advant .product-feature{margin:25px 0}#tech_prod .product_advant .product-feature .feature-item{width:100%;background-color:#fff;height:250px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 20px 0 rgba(57,124,255,.1);transition:transform .52s;transform:scale(1);margin:0 auto}#tech_prod .product_advant .product-feature .feature-item:hover{transform:scale(1)}#tech_prod .product_advant .product-feature .feature-item .feature-img{width:41px;height:44px;margin-top:35px}#tech_prod .product_advant .product-feature .feature-item .icon2{width:42px;height:36px;margin-bottom:10px}#tech_prod .product_advant .product-feature .feature-item .icon3{width:42px;height:36px;margin-bottom:10px}#tech_prod .product_advant .product-feature .feature-item .feature-title{font-size:12px;font-weight:bold;color:#2f3337;line-height:1.2;text-align:center;margin-top:17px}#tech_prod .product_advant .product-feature .feature-item .feature-line{background-color:#0c71e1;width:13%;border-radius:3px;height:3px;margin-top:10px}#tech_prod .product_advant .product-feature .feature-item .feature-desc{font-size:10px;font-weight:400;color:#2f3337;line-height:1.8;margin-top:10px;padding:0 10px;text-align:center}#tech_prod .banner02{position:relative;max-height:820px}#tech_prod .banner02 img{width:100%;max-height:820px;height:300px}#tech_prod .banner02 .banner02-content{position:absolute;width:100%;left:0;top:0}#tech_prod .banner02 .banner02-content .title{font-size:20px;font-weight:500;color:#fff;text-align:center;margin-top:36px;height:20px}#tech_prod .banner02 .banner02-content .sub-title{font-size:16px;color:#fff;opacity:.3;margin-top:18px;height:16px;text-align:center;letter-spacing:3px}#tech_prod .banner02 .banner02-content .line{width:30px;height:3px;background-color:#fff;margin:18px auto}#tech_prod .banner02 .banner02-box{position:absolute;top:140px;width:90vw;margin-left:5vw}#tech_prod .banner02 .banner02-box .swiper-wrapper{align-items:flex-end;padding-bottom:40px}#tech_prod .banner02 .banner02-box .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;border-radius:3px;background-color:#999}#tech_prod .banner02 .banner02-box .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}#tech_prod .banner02 .banner02-box .swiper-slide,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active{width:157px;height:120px;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:5px}#tech_prod .banner02 .banner02-box .swiper-slide .slide-title,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active .slide-title{font-size:10px;font-weight:bold;color:#2f3337;margin-top:18px}#tech_prod .banner02 .banner02-box .swiper-slide .slide-sub-title,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active .slide-sub-title{font-size:10px;font-weight:400;color:#2f3337;margin-top:10px;white-space:nowrap}#tech_prod .banner02 .banner02-box .swiper-slide a,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active a{background-color:#007cf0;margin-top:10px;width:69px;height:25px;font-size:12px;line-height:1.2;display:inline-block;color:#fff}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line .slide-title,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line .slide-title{margin-top:18px}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line .mt-0,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line .mt-0{margin-top:0 !important}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line .slide-sub-title,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line .slide-sub-title{margin-top:0px;white-space:nowrap}#tech_prod .banner02 .banner02-box .swiper-slide.multi-line a,#tech_prod .banner02 .banner02-box .swiper-slide.swiper-slide-active.multi-line a{margin-top:3px}#tech_prod .customer-box{background-color:#f7f7f7;padding-bottom:20px}#tech_prod .customer-box .mg-0{margin:0}#tech_prod .customer-box .title{font-size:24px;font-weight:500;color:#2f3337;line-height:24px;text-align:center;padding-top:40px}#tech_prod .customer-box .sub-title{font-size:12px;font-weight:400;color:#2f3337;line-height:24px;opacity:.3;text-align:center;margin-top:10px}#tech_prod .customer-box .customer-item{margin-top:10px;padding:0px}#tech_prod .customer-box .customer-item .customer-comment{background-color:#fff;padding:10px 25px;height:auto;border-radius:5px}#tech_prod .customer-box .customer-item .customer-comment img{width:16px;height:15px}#tech_prod .customer-box .customer-item .customer-comment div{padding-top:0;padding-left:0;font-size:14px;font-weight:400;color:#2f3337;line-height:2}#tech_prod .customer-box .customer-item .active{background-color:#007cf0;color:#fff}#tech_prod .customer-box .customer-item .active div{color:#fff}#tech_prod .customer-box .customer-item .customer-info{display:flex;flex-direction:row;align-items:center;margin-top:10px;margin-bottom:10px;color:#2f3337}#tech_prod .customer-box .customer-item .customer-info img{width:21px;height:21px;margin-left:10px}#tech_prod .customer-box .customer-item .customer-info div{font-size:12px;font-weight:400;margin-left:10px;padding:0}#tech_prod .qa-box .title{font-size:24px;font-weight:500;color:#2f3337;line-height:2;text-align:center;padding-top:32px}#tech_prod .qa-box .sub-title{font-size:12px;font-weight:400;color:#2f3337;line-height:2;opacity:.3;text-align:center;margin-top:0;letter-spacing:3px}#tech_prod .qa-box #accordion8{margin-top:50px}#tech_prod .qa-box .answer{font-size:12px;font-weight:400;color:#2f3337;line-height:2;margin-left:15px;margin-top:14px}#tech_prod .qa-box .panel-group.without-borders .panel{border-bottom:none}#tech_prod .qa-box .panel-title{border-bottom:1px solid #ddd;padding-bottom:13px;padding-top:13px}#tech_prod .qa-box .panel-group{margin-bottom:0}#tech_prod .qa-box .panel-group .panel-heading a{font-size:12px;font-weight:bold;color:#2f3337}#tech_prod .qa-box .panel-group .panel-heading .accordion-toggle[aria-expanded=true]{color:#277ac1}#tech_prod .qa-box .icon-collapse{float:right}#tech_prod .qa-box .accordion-toggle[aria-expanded=true] .icon-collapse.open{display:inline-block}#tech_prod .qa-box .accordion-toggle[aria-expanded=true] .icon-collapse.close{display:none}#tech_prod .qa-box .accordion-toggle .icon-collapse.close{display:inline-block}#tech_prod .qa-box .accordion-toggle .icon-collapse,#tech_prod .qa-box .accordion-toggle[aria-expanded=false] .icon-collapse.close{display:inline-block}#tech_prod .qa-box .accordion-toggle .icon-collapse,#tech_prod .qa-box .accordion-toggle[aria-expanded=false] .icon-collapse.open{display:none}}#header1{height:122px;background-color:#fff;width:100%;z-index:20;box-shadow:0 0 3px rgba(0,0,0,.1)}#header1 .logo{height:100%;display:flex;flex-direction:row;align-items:center}#header1 .logo img{width:260px;height:auto;transition:all .5s}#header1.affix{height:80px;transition:all .5s}#header1.affix .logo img{width:200px;transition:all .5s}#header1 .dropdown-menu{left:-23px}#header1 .dropdown-menu li{text-align:center;padding:5px 0}#header1 .dropdown-menu li a{font-size:18px;font-weight:500;color:#6e6e6e;line-height:2}#header1 .dropdown-menu li:hover{background-color:#f5f5f5}#header1 .dropdown-menu li:hover a{color:#227ce8}.navbar{margin-bottom:0}.header-box{height:100%;display:flex;flex-direction:row;align-items:center}.w100{width:100%;height:100%}.h100{height:100%}.menu-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menu-box .menu-item{font-size:18px;height:34px;padding:5px 15px}.menu-box .menu-item a{font-size:18px;color:#303337;text-decoration:none}.menu-box .menu-item.active{background-color:#007cf0;color:#fff;border-radius:17px}.menu-box .menu-item.active a{color:#fff}@media(max-width: 767px){.navbar{margin-bottom:0;width:100%;z-index:20;position:fixed;top:0}body{padding-top:50px}}#about-us .banner1-box{width:100%;height:255px;overflow:hidden;position:relative}#about-us .banner1-box .banner-bg{width:100%}#about-us .banner1-box .banner-ab{position:absolute;width:554px;height:76px;top:calc(50% - 38px);left:calc(50% - 277px)}#about-us .banner1-box .banner-content{position:absolute;width:600px;height:116px;top:calc(50% - 58px);left:calc(50% - 300px)}#about-us .banner1-box .banner-content .title{font-size:58px;font-weight:500;color:#fff;text-align:center;height:58px;line-height:1}#about-us .banner1-box .banner-content .sub-title{font-size:28px;font-weight:400;color:#fff;text-align:center;margin-top:33px;height:28px;line-height:1}#about-us .values-box{background-color:#fff}#about-us .values-box .values-list{width:1200px;height:650px;margin:80px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#about-us .values-box .values-list .values-item{width:372px;margin-top:55px}#about-us .values-box .values-list .values-item .values-title-box{display:flex;flex-direction:row;align-items:center}#about-us .values-box .values-list .values-item .values-title-box .values-icon{width:29px;height:33px}#about-us .values-box .values-list .values-item .values-title-box .values-icon2{width:29px;height:29px}#about-us .values-box .values-list .values-item .values-title-box .values-icon3{width:32px;height:32px}#about-us .values-box .values-list .values-item .values-title-box .values-icon4{width:35px;height:31px}#about-us .values-box .values-list .values-item .values-title-box .values-icon5{width:33px;height:33px}#about-us .values-box .values-list .values-item .values-title-box .values-icon6{width:36px;height:34px}#about-us .values-box .values-list .values-item .values-title-box .values-title{font-size:28px;font-weight:bold;color:#2f3337;line-height:1;margin-left:25px}#about-us .values-box .values-list .values-item .values-detail{margin-top:40px}#about-us .values-box .values-list .values-item .values-detail .values-detail-item{font-size:16px;font-weight:400;line-height:2;position:relative;padding-left:18px}#about-us .values-box .values-list .values-item .values-detail .values-detail-item::before{content:"";width:4px;height:4px;border-radius:2px;position:absolute;top:14px;left:0;background-color:#a6a2a5}#about-us .whois-box{background-color:#f8f6f9}#about-us .whois-box .whois-warper{width:1200px;height:520px;margin:0 auto;display:flex;flex-direction:row}#about-us .whois-box .whois-warper .whois-content-box{width:600px}#about-us .whois-box .whois-warper .whois-content-box .title{font-size:32px;font-weight:bold;color:#2f3337;margin-top:82px}#about-us .whois-box .whois-warper .whois-content-box .whois-content{font-size:18px;font-weight:400;color:#5e6062;line-height:2;margin-top:40px;padding-right:37px}#about-us .whois-box .whois-warper .whois-img-box{position:relative;width:600px}#about-us .whois-box .whois-warper .whois-img-box .whois-img-01{width:33%;position:absolute;top:64px;left:120px;z-index:3}#about-us .whois-box .whois-warper .whois-img-box .whois-img-02{width:169px;height:130px;position:absolute;top:200px;left:78px;z-index:1}#about-us .whois-box .whois-warper .whois-img-box .whois-img-03{width:320px;height:231px;position:absolute;top:203px;right:5px;z-index:2}#about-us .whois-box .whois-warper .whois-img-box .whois-img-04{height:363px;position:absolute;top:80px;left:0px;z-index:3}#about-us .whois-box.white-bg{background-color:#fff}#about-us .join-us-box{height:381px;overflow:hidden;position:relative}#about-us .join-us-box img{width:100%}#about-us .join-us-box .join-us-warper{width:1200px;margin:0 auto;position:absolute;top:0;left:calc(50% - 600px);display:flex;margin-top:92px}#about-us .join-us-box .join-us-warper .join-us-item{width:600px}#about-us .join-us-box .join-us-warper .join-us-item .title{font-size:32px;font-weight:500;color:#fff;line-height:1;margin-bottom:33px}#about-us .join-us-box .join-us-warper .join-us-item .tc{text-align:center}#about-us .join-us-box .join-us-warper .join-us-item .sub-title{font-size:16px;font-weight:400;color:#fff;line-height:2}#about-us .join-us-box .join-us-warper .join-us-item .more-btn{width:168px;height:48px;text-align:center;background-color:#fff;font-size:18px;line-height:48px;border-radius:4px;border:0;margin-top:44px;display:inline-block;text-decoration:none;color:#000}#about-us .join-us-box .join-us-warper .join-us-item .more-btn:hover,#about-us .join-us-box .join-us-warper .join-us-item .more-btn:focus{color:#2b86ff}#about-us .join-us-box .join-us-warper .join-us-item .author{font-size:16px;font-weight:400;color:#fff;line-height:2;margin-top:47px}@media(max-width: 767px){#about-us .banner1-box{width:100%;height:200px;overflow:hidden;position:relative}#about-us .banner1-box .banner-ab{width:80%;height:auto;top:calc(50% - 28px);left:10%}#about-us .banner1-box .banner-content{position:absolute;width:600px;height:116px;top:calc(50% - 40px);left:calc(50% - 300px)}#about-us .banner1-box .banner-content .title{font-size:40px;font-weight:500;color:#fff;text-align:center;height:40px;line-height:1}#about-us .banner1-box .banner-content .sub-title{font-size:20px;font-weight:400;color:#fff;text-align:center;margin-top:20px;height:28px;line-height:1}#about-us .values-box{background-color:#fff}#about-us .values-box .values-list{width:100%;height:auto;margin:20px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#about-us .values-box .values-list .values-item{width:100%;margin-top:30px}#about-us .values-box .values-list .values-item .values-title-box{display:flex;flex-direction:row;align-items:center}#about-us .values-box .values-list .values-item .values-title-box .values-icon{width:29px;height:33px}#about-us .values-box .values-list .values-item .values-title-box .values-icon2{width:29px;height:29px}#about-us .values-box .values-list .values-item .values-title-box .values-icon3{width:32px;height:32px}#about-us .values-box .values-list .values-item .values-title-box .values-icon4{width:35px;height:31px}#about-us .values-box .values-list .values-item .values-title-box .values-icon5{width:33px;height:33px}#about-us .values-box .values-list .values-item .values-title-box .values-icon6{width:36px;height:34px}#about-us .values-box .values-list .values-item .values-title-box .values-title{font-size:20px;font-weight:bold;color:#2f3337;line-height:1;margin-left:25px}#about-us .values-box .values-list .values-item .values-detail{margin-top:20px}#about-us .values-box .values-list .values-item .values-detail .values-detail-item{font-size:16px;font-weight:400;line-height:2;position:relative;padding-left:18px}#about-us .values-box .values-list .values-item .values-detail .values-detail-item::before{content:"";width:4px;height:4px;border-radius:2px;position:absolute;top:14px;left:0;background-color:#a6a2a5}#about-us .whois-box{background-color:#f8f6f9;padding:20px 5%}#about-us .whois-box .whois-warper{width:100%;height:auto;margin:0 auto;display:flex;flex-direction:column}#about-us .whois-box .whois-warper .whois-content-box{width:100%}#about-us .whois-box .whois-warper .whois-content-box .title{font-size:28px;font-weight:bold;color:#2f3337;margin-top:40px}#about-us .whois-box .whois-warper .whois-content-box .whois-content{font-size:16px;font-weight:400;color:#5e6062;line-height:2;margin-top:20px;padding-right:0}#about-us .whois-box .whois-warper .whois-img-box{position:relative;width:100%}#about-us .whois-box .whois-warper .whois-img-box .whois-img-01{position:relative;width:33%;position:st;top:64px;left:120px;z-index:3}#about-us .whois-box .whois-warper .whois-img-box .whois-img-03{width:320px;height:231px;position:relative;top:203px;right:5px;z-index:2}#about-us .whois-box .whois-warper .whois-img-box .whois-img-04{height:363px;position:absolute;top:80px;left:0px;z-index:3}#about-us .whois-box.white-bg{background-color:#fff}#about-us .join-us-box{height:auto;overflow:hidden;position:relative}#about-us .join-us-box img{width:100%;height:285px}#about-us .join-us-box .join-us-warper{width:100%;margin:0 auto;position:absolute;top:0;left:0;display:flex;margin-top:20px}#about-us .join-us-box .join-us-warper .join-us-item{width:100%}#about-us .join-us-box .join-us-warper .join-us-item .title{font-size:28px;font-weight:500;color:#fff;line-height:1;margin-bottom:15px;margin-top:23px}#about-us .join-us-box .join-us-warper .join-us-item .tc{text-align:center}#about-us .join-us-box .join-us-warper .join-us-item .sub-title{font-size:18px;font-weight:400;color:#fff;line-height:2}#about-us .join-us-box .join-us-warper .join-us-item .more-btn{width:140px;height:40px;text-align:center;background-color:#fff;color:#2f3337;font-size:18px;line-height:40px;border-radius:4px;border:0;margin-top:44px;display:inline-block;text-decoration:none}}#privacy .warper{width:1100px;margin:0 auto}#privacy .banner-box{position:relative;width:100%;height:1850px}#privacy .banner-box img{width:100%;height:410px}#privacy .banner-box .banner-content{position:absolute;width:1100px;height:410px;top:0;left:calc(50% - 550px)}#privacy .banner-box .banner-content .title{font-size:44px;font-weight:400;color:#fff;line-height:1;margin-top:80px}#privacy .banner-box .banner-content .line{width:93px;height:2px;background-color:#d5ffff;margin-top:18px;margin-bottom:42px}#privacy .banner-box .banner-content .sub-title{font-size:18px;font-weight:400;color:#fff;line-height:1.6}#privacy .banner-box .intro{position:absolute;top:297px;background:#fff;width:1100px;left:calc(50% - 550px)}#privacy .mt55{margin-top:55px}#privacy .card-box{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}#privacy .card-box .card-title{height:114px;border-bottom:2px solid #f1f1f1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 40px}#privacy .card-box .card-title span{font-size:30px;font-weight:500;color:#227ce8;line-height:1}#privacy .card-box .card-title img{width:34px;height:22px}#privacy .card-box .card-body{padding:50px 40px 57px 40px;margin-bottom:57px}#privacy .card-box .card-body .title{font-size:28px;font-weight:500;color:#2f3337;line-height:1;margin-top:44px;margin-bottom:30px;position:relative}#privacy .card-box .card-body .title span{margin-left:15px}#privacy .card-box .card-body .title::before{position:absolute;content:"";width:4px;height:28px;background-color:#3673db}#privacy .card-box .card-body .sub-title{font-size:16px;font-weight:bold;line-height:2;color:#2f3337}#privacy .card-box .card-body .desc{font-size:16px;font-weight:400;color:#2f3337;line-height:2;text-indent:32px}#privacy .card-box .card-body .text-indent-0{text-indent:0}#privacy .card-box .card-body table{margin-top:64px;margin-bottom:53px;border-collapse:collapse}#privacy .card-box .card-body table tr{border:1px solid #9cbcf9}#privacy .card-box .card-body table tr td{border:1px solid #9cbcf9;padding:15px;text-align:center}#privacy .card-box .card-body table thead{background-color:#dfe9ff;height:94px}#privacy .banner-box2{position:relative;width:100%;height:550px}#privacy .banner-box2 img{width:100%;height:550px}#privacy .banner-box2 .banner-content{position:absolute;width:1100px;height:520px;top:0;left:calc(50% - 550px)}#privacy .banner-box2 .banner-content .title{font-size:44px;font-weight:400;color:#fff;line-height:1;margin-top:80px;text-align:center}#privacy .banner-box2 .banner-content .right-box{padding-left:83px}#privacy .banner-box2 .banner-content .menu-warper{display:flex;flex-direction:row}#privacy .banner-box2 .banner-content .menu-list{margin-top:75px}#privacy .banner-box2 .banner-content .menu-list .menu-item{font-size:20px;font-weight:400;display:inline-block;position:relative;width:50%;height:45px;cursor:pointer}#privacy .banner-box2 .banner-content .menu-list .menu-item a{color:#fff;margin-left:33px;text-decoration:none;white-space:nowrap}#privacy .banner-box2 .banner-content .menu-list .menu-item::before{position:absolute;width:8px;height:8px;border-radius:4px;content:"";left:0;top:8px;background-color:#fff}#privacy .banner-box2 .banner-content .menu-list .menu-item.active,#privacy .banner-box2 .banner-content .menu-list .menu-item:hover{color:#23fffc}#privacy .banner-box2 .banner-content .menu-list .menu-item.active a,#privacy .banner-box2 .banner-content .menu-list .menu-item:hover a{color:#23fffc}@media(max-width: 767px){#privacy .warper{width:90%;margin:0 auto}#privacy .banner-box{position:relative;width:100%;height:1950px}#privacy .banner-box img{width:100%;height:280px}#privacy .banner-box .banner-content{position:absolute;width:90%;height:280px;top:0;left:5%}#privacy .banner-box .banner-content .title{font-size:24px;font-weight:400;color:#fff;line-height:1;margin-top:80px}#privacy .banner-box .banner-content .line{width:35px;height:2px;background-color:#d5ffff;margin-top:18px;margin-bottom:18px}#privacy .banner-box .banner-content .sub-title{font-size:16px;font-weight:400;color:#fff;line-height:1.6}#privacy .banner-box .intro{position:absolute;top:222px;background:#fff;width:90%;left:5%}#privacy .card-box{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}#privacy .card-box .card-title{height:60px;border-bottom:2px solid #f1f1f1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 5%}#privacy .card-box .card-title span{font-size:20px;font-weight:500;color:#227ce8;line-height:1.2}#privacy .card-box .card-title img{width:34px;height:22px}#privacy .card-box .card-body{padding:5%;margin-bottom:57px}#privacy .card-box .card-body .title{font-size:18px;font-weight:500;color:#2f3337;line-height:1;margin-top:24px;margin-bottom:15px;position:relative}#privacy .card-box .card-body .title span{margin-left:10px;line-height:1.5}#privacy .card-box .card-body .title::before{position:absolute;content:"";width:4px;height:18px;background-color:#3673db;top:6px}#privacy .card-box .card-body .table{margin:20px 0}#privacy .card-box .card-body .sub-title{font-size:16px;font-weight:bold;line-height:2;color:#2f3337}#privacy .card-box .card-body .desc{font-size:12px;font-weight:400;color:#2f3337;line-height:2;text-indent:32px}#privacy .card-box .card-body .text-indent-0{text-indent:0}#privacy .card-box .card-body table{margin-top:64px;margin-bottom:53px;border-collapse:collapse}#privacy .card-box .card-body table .col1{width:30% !important;background-color:#dceaff;color:#007cf0}#privacy .card-box .card-body table .col2{width:30% !important}#privacy .card-box .card-body table .col3{width:40% !important}#privacy .card-box .card-body table tr{border:0 solid #9cbcf9}#privacy .card-box .card-body table tr td{border:1px solid #9cbcf9;padding:15px;text-align:center;display:table-cell !important}#privacy .card-box .card-body table thead{background-color:#dfe9ff;height:94px}#privacy .mt55{margin-top:30px}#privacy .banner-box2{position:relative;width:100%;height:auto}#privacy .banner-box2 img{width:100%;height:730px}#privacy .banner-box2 .banner-content{position:absolute;width:100%;height:730px;top:0;left:0}#privacy .banner-box2 .banner-content .title{font-size:20px;font-weight:400;color:#fff;line-height:1;margin-top:80px;text-align:center}#privacy .banner-box2 .banner-content .menu-warper{display:flex;flex-direction:row}#privacy .banner-box2 .banner-content .menu-list{margin-top:30px}#privacy .banner-box2 .banner-content .menu-list .menu-item{font-size:16px;font-weight:400;display:inline-block;position:relative;width:100%;height:45px;cursor:pointer;text-align:center}#privacy .banner-box2 .banner-content .menu-list .menu-item a{color:#fff;margin-left:0;text-decoration:none;white-space:nowrap}#privacy .banner-box2 .banner-content .menu-list .menu-item::before{display:none}#privacy .banner-box2 .banner-content .menu-list .menu-item.active,#privacy .banner-box2 .banner-content .menu-list .menu-item:hover{color:#23fffc}#privacy .banner-box2 .banner-content .menu-list .menu-item.active a,#privacy .banner-box2 .banner-content .menu-list .menu-item:hover a{color:#23fffc}}#solution .banner-box{position:relative}#solution .banner-box .banner-bg{width:100%;height:508PX}#solution .banner-box .banner-content{position:absolute;width:1200PX;height:100%;top:0;left:calc(50% - 600PX);display:flex;flex-direction:row}#solution .banner-box .banner-content .banner-content-img{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#solution .banner-box .banner-content .banner-content-img img{width:550PX;height:455PX}#solution .banner-box .banner-content .banner-content-img .business-realize-img{width:589PX;height:281PX}#solution .banner-box .banner-content .banner-content-img .risk_safe{width:646PX;height:438PX}#solution .banner-box .banner-content .banner-content-title{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#solution .banner-box .banner-content .banner-content-title .title-box .title{font-size:55PX;font-weight:500;color:#fefeff;line-height:1.5}#solution .banner-box .banner-content .banner-content-title .title-box .sub-title{font-size:28PX;color:#fefeff;line-height:1;margin-top:55PX}#solution .pain-points-box .title{font-size:42PX;font-weight:500;color:#303337;line-height:1;margin-top:68PX;text-align:center}#solution .pain-points-box .warper{width:auto;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#solution .pain-points-box .warper .pain-points-item{width:314PX;height:350PX;background-color:#f4f7fa;border-radius:4PX;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:77PX;margin-bottom:108PX}#solution .pain-points-box .warper .pain-points-item img{width:85PX;height:85PX;margin-top:67PX}#solution .pain-points-box .warper .pain-points-item .desc{font-size:16PX;font-weight:400;color:#303337;line-height:2;margin-top:67PX;padding:0 30PX;text-align:center}#solution .pain-points-box .warper .pain-points-item .number{position:absolute;width:42PX;height:42PX;border-radius:21PX;background-color:#2886e6;left:136PX;bottom:-21PX;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center}#solution .product-effect{background-color:#f4f7fa;padding-top:72PX}#solution .product-effect .title{font-size:42PX;font-weight:500;color:#303337;text-align:center;line-height:1}#solution .product-effect .warper{width:auto;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#solution .product-effect .warper .product-effect-item{width:328PX;height:200PX;margin-top:71PX;margin-bottom:80PX;background-color:#fff;display:flex;flex-direction:column;align-items:center}#solution .product-effect .warper .product-effect-item .icon1{width:50PX;height:44PX;margin-top:50PX}#solution .product-effect .warper .product-effect-item .icon2{width:53PX;height:45PX;margin-top:47PX}#solution .product-effect .warper .product-effect-item .icon3{width:44PX;height:47PX;margin-top:39PX}#solution .product-effect .warper .product-effect-item .icon6{width:61PX;height:45PX;margin-top:39PX}#solution .product-effect .warper .product-effect-item .desc{font-size:17PX;color:#303337;line-height:2;padding:0 25PX;text-align:center;margin-top:17PX}#solution .product-advantage{background-color:#fff;padding-top:72PX}#solution .product-advantage .title{font-size:42PX;font-weight:500;color:#303337;text-align:center;line-height:1}#solution .product-advantage .warper{margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#solution .product-advantage .warper .product-advantage-item{width:260PX;height:300PX;margin-top:120PX;margin-bottom:80PX;background-color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);border-radius:10PX}#solution .product-advantage .warper .product-advantage-item img{position:absolute;width:110PX;height:110PX;top:-55PX;left:calc(50% - 55PX)}#solution .product-advantage .warper .product-advantage-item .title{font-size:24PX;font-weight:500;line-height:1.3;margin-top:105PX;margin-bottom:40PX}#solution .product-advantage .warper .product-advantage-item .desc{font-size:16PX;font-weight:400;color:#6e6e6e;line-height:1.7;text-align:center}#solution .customer-story{width:100%;position:relative}#solution .customer-story img{width:100%;height:580PX}#solution .customer-story .title{width:100%;font-size:42PX;font-weight:500;color:#fff;line-height:1;text-align:center;position:absolute;top:90PX}#solution .customer-story .warper{position:absolute;width:1200PX;top:70PX;left:calc(50% - 600PX);height:calc(100% - 70PX)}#solution .customer-story .warper .swiper-box{height:100%}#solution .customer-story .warper .swiper-box .swiper-slide{display:flex;flex-direction:row}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta{width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta img{width:108PX;height:108PX;border-radius:54PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta .customer-name{font-size:28PX;font-weight:400;color:#fff;margin-top:30PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content{width:70%;padding-right:100PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box .story-item{position:relative;font-size:20PX;font-weight:400;color:#fff;line-height:2;padding-left:15PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box .story-item::before{content:"";width:4PX;height:4PX;border-radius:2PX;background-color:#fff;position:absolute;top:17PX;left:0}#solution .content-protection{padding:68PX 0}#solution .content-protection .title{font-size:42PX;font-weight:500;color:#303337;line-height:1;text-align:center}#solution .content-protection .warper{height:auto;margin:0 auto}#solution .content-protection .warper .sub-title{font-size:28PX;font-weight:500;color:#303337;line-height:1.5;text-align:left;margin-top:50PX}#solution .content-protection .warper .content-item-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:20PX;flex-wrap:wrap}#solution .content-protection .warper .content-item-box .content-item{height:116PX;width:49%;display:flex;flex-direction:row;align-items:center;justify-content:center;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);margin-top:20PX;background-color:#fff}#solution .content-protection .warper .content-item-box .content-item .icon1{width:43PX;height:44PX}#solution .content-protection .warper .content-item-box .content-item .icon2{width:42PX;height:38PX}#solution .content-protection .warper .content-item-box .content-item .icon3{width:39PX;height:39PX}#solution .content-protection .warper .content-item-box .content-item .icon4{width:39PX;height:40PX}#solution .content-protection .warper .content-item-box .content-item .icon5{width:38PX;height:37PX}#solution .content-protection .warper .content-item-box .content-item .icon6{width:45PX;height:45PX}#solution .content-protection .warper .content-item-box .content-item .icon7{width:43PX;height:45PX}#solution .content-protection .warper .content-item-box .content-item .icon8{width:31PX;height:43PX}#solution .content-protection .warper .content-item-box .content-item .icon9{width:36PX;height:40PX}#solution .content-protection .warper .content-item-box .content-item .icon10{width:42PX;height:41PX}#solution .content-protection .warper .content-item-box .content-item .icon11{width:42PX;height:38PX}#solution .content-protection .warper .content-item-box .content-item .icon12{width:42PX;height:38PX}#solution .content-protection .warper .content-item-box .content-item .icon13{width:40PX;height:43PX}#solution .content-protection .warper .content-item-box .content-item .icon14{width:44PX;height:39PX}#solution .content-protection .warper .content-item-box .content-item .icon15{width:40PX;height:40PX}#solution .content-protection .warper .content-item-box .content-item .icon16{width:41PX;height:46PX}#solution .content-protection .warper .content-item-box .content-item.left{padding-left:20PX;justify-content:flex-start}#solution .content-protection .warper .content-item-box .content-item .desc{font-size:22PX;color:#303337;margin-left:10PX;line-height:1.5}#solution .content-protection .warper .content-item-box .content-item .fz20{font-size:20px}#solution .content-protection .warper .content-item-box .w100{width:100% !important}#solution .content-protection .warper .content-item-box .flex-col{flex-direction:column;background-color:#fff}#solution .content-protection .warper .content-hover-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:20PX;flex-wrap:wrap}#solution .content-protection .warper .content-hover-box .hover-item{width:49%;height:305PX;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;margin-top:20PX}#solution .content-protection .warper .content-hover-box .hover-item .title{font-size:22PX;font-weight:bold;color:#303337;margin-top:68PX;margin-bottom:30PX}#solution .content-protection .warper .content-hover-box .hover-item .desc{font-size:20PX;font-family:PingFang SC;font-weight:400;color:#303337;line-height:1.5}#solution .content-protection .warper .content-hover-box .hover-item .more-btn{width:168PX;height:48PX;display:flex;line-height:1;background-color:#2b86ff;color:#fff;align-items:center;justify-content:center;border-radius:5PX;margin-top:33PX;text-decoration:none;cursor:pointer}#solution .content-protection .warper .content-hover-box .hover-item-back{width:49%;height:305PX;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;margin-top:20PX;background-color:#2b86ff}#solution .content-protection .warper .content-hover-box .hover-item-back .title{font-size:22PX;font-weight:bold;color:#fff;margin-top:68PX;margin-bottom:30PX}#solution .content-protection .warper .content-hover-box .hover-item-back .desc{font-size:20PX;font-family:PingFang SC;font-weight:400;color:#fff;line-height:1.5;text-align:left;padding:0 50PX}#solution .content-protection .warper .content-hover-box .hover-ios-box{position:relative;transition:all .8s ease;width:49%;height:305PX;margin-top:20PX}#solution .content-protection .warper .content-hover-box .hover-ios-box .hover-item{position:absolute;transform:rotateY(0);margin-top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .8s ease;width:100%}#solution .content-protection .warper .content-hover-box .hover-ios-box .hover-item-back{position:absolute;transform:rotateY(-180deg);margin-top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .8s ease;width:100%}#solution .content-protection.bg-gray{background-color:#f4f7fa}@media(max-width: 767px){#solution .banner-box{position:relative}#solution .banner-box .banner-bg{width:100%;height:353px}#solution .banner-box .banner-content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column-reverse}#solution .banner-box .banner-content .banner-content-img{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#solution .banner-box .banner-content .banner-content-img img{width:60%;height:auto}#solution .banner-box .banner-content .banner-content-img .user-marketing{margin-left:-5%}#solution .banner-box .banner-content .banner-content-img .enhance-promotion{margin-left:-5%}#solution .banner-box .banner-content .banner-content-img .business-realize-img{width:60%;height:auto}#solution .banner-box .banner-content .banner-content-img .risk_safe{width:60%;height:auto}#solution .banner-box .banner-content .banner-content-title{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#solution .banner-box .banner-content .banner-content-title .title-box .title{font-size:24px;font-weight:500;color:#fefeff;line-height:1.5;text-align:center}#solution .banner-box .banner-content .banner-content-title .title-box .sub-title{font-size:14px;color:#fefeff;line-height:1;margin-top:20px;text-align:center}#solution .pain-points-box .title{font-size:21px;font-weight:500;color:#303337;line-height:1;margin-top:36PX;text-align:center}#solution .pain-points-box .warper{width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#solution .pain-points-box .warper .pain-points-item{width:30%;height:auto;min-height:265px;background-color:#f4f7fa;border-radius:8PX;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:21px;margin-bottom:38px}#solution .pain-points-box .warper .pain-points-item img{width:28px;height:28px;margin-top:22px}#solution .pain-points-box .warper .pain-points-item .desc{font-size:13px;font-weight:400;color:#303337;line-height:2;margin-top:20px;padding:0 10px;text-align:center}#solution .pain-points-box .warper .pain-points-item .number{position:absolute;width:20px;height:20px;border-radius:10px;background-color:#2886e6;left:calc(50% - 10px);bottom:-10px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:10px}#solution .pain-points-box .warper .h160{height:160px;min-height:160px}#solution .product-effect{background-color:#f4f7fa;padding-top:36PX}#solution .product-effect .title{font-size:24PX;font-weight:500;color:#303337;text-align:center;line-height:1}#solution .product-effect .swiper-container{padding:0 15%}#solution .product-effect .swiper-wrapper .product-effect-item{width:auto;height:120PX;margin-top:33PX;margin-bottom:50PX;background-color:#fff;display:flex;flex-direction:column;align-items:center}#solution .product-effect .swiper-wrapper .product-effect-item .icon1{width:25PX;height:22PX;margin-top:20PX}#solution .product-effect .swiper-wrapper .product-effect-item .icon2{width:26PX;height:22PX;margin-top:20PX}#solution .product-effect .swiper-wrapper .product-effect-item .icon3{width:22PX;height:23PX;margin-top:20PX}#solution .product-effect .swiper-wrapper .product-effect-item .icon6{width:30PX;height:22PX;margin-top:20PX}#solution .product-effect .swiper-wrapper .product-effect-item .desc{font-size:13PX;color:#303337;line-height:2;padding:0 12PX;text-align:center;margin-top:14PX;margin-bottom:10px}#solution .product-advantage{background-color:#fff;padding-top:39PX}#solution .product-advantage .title{font-size:24px;font-weight:500;color:#303337;text-align:center;line-height:1}#solution .product-advantage .warper{margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}#solution .product-advantage .warper .product-advantage-item{width:45%;height:200PX;margin-top:50PX;margin-bottom:25PX;margin-left:2%;margin-right:2%;background-color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);border-radius:10PX}#solution .product-advantage .warper .product-advantage-item img{position:absolute;width:55px;height:55px;top:-27.5px;left:calc(50% - 27.5px)}#solution .product-advantage .warper .product-advantage-item .title{font-size:14PX;font-weight:500;line-height:1.3;margin-top:50PX;margin-bottom:20PX}#solution .product-advantage .warper .product-advantage-item .desc{font-size:12PX;font-weight:400;color:#6e6e6e;line-height:1.7;text-align:center}#solution .product-advantage .swiper-container{padding:0 15%}#solution .product-advantage .swiper-wrapper .product-advantage-item{height:170PX;margin-top:50PX;margin-bottom:25PX;background-color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);border-radius:10PX}#solution .product-advantage .swiper-wrapper .product-advantage-item img{position:absolute;width:55px;height:55px;top:-27.5px;left:calc(50% - 27.5px)}#solution .product-advantage .swiper-wrapper .product-advantage-item .title{font-size:14PX;font-weight:500;line-height:1.3;margin-top:50PX;margin-bottom:20PX}#solution .product-advantage .swiper-wrapper .product-advantage-item .desc{font-size:12PX;font-weight:400;color:#6e6e6e;line-height:1.7;text-align:center}#solution .customer-story{width:100%;position:relative}#solution .customer-story img{width:100%;height:430PX}#solution .customer-story .title{width:100%;font-size:24PX;font-weight:500;color:#fff;line-height:1;text-align:center;position:absolute;top:50PX}#solution .customer-story .warper{position:absolute;width:100%;top:100px;left:0;height:320PX}#solution .customer-story .warper .swiper-box .swiper-slide{display:flex;flex-direction:column}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta img{width:54PX;height:54PX;border-radius:27PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-avarta .customer-name{font-size:14PX;font-weight:400;color:#fff;margin-top:15PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content{width:100%;padding:30px 5%}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;width:100%}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box .story-item{position:relative;font-size:12PX;font-weight:400;color:#fff;line-height:2;padding-left:15PX}#solution .customer-story .warper .swiper-box .swiper-slide .customer-content .story-box .story-item::before{content:"";width:4PX;height:4PX;border-radius:2PX;background-color:#fff;position:absolute;top:8PX;left:0}#solution .content-protection{padding:38PX 0}#solution .content-protection .title{font-size:24PX;font-weight:500;color:#303337;line-height:1;text-align:center}#solution .content-protection .warper{height:auto;margin:0 auto}#solution .content-protection .warper .sub-title{font-size:14PX;font-weight:500;color:#303337;line-height:1;text-align:left;margin-top:30PX}#solution .content-protection .warper .h5-sub-title-box .sub-title{font-size:14px}#solution .content-protection .warper .h5-sub-title-box .level3-title{font-size:11px;color:#303337;margin-top:5px}#solution .content-protection .warper .content-item-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:10PX;flex-wrap:wrap}#solution .content-protection .warper .content-item-box .content-item{height:auto;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);margin-top:10PX;padding:17px}#solution .content-protection .warper .content-item-box .content-item .icon1{width:21PX;height:22PX}#solution .content-protection .warper .content-item-box .content-item .icon2{width:21PX;height:19PX}#solution .content-protection .warper .content-item-box .content-item .icon3{width:19PX;height:19PX}#solution .content-protection .warper .content-item-box .content-item .icon4{width:19PX;height:20PX}#solution .content-protection .warper .content-item-box .content-item .icon5{width:19PX;height:18PX}#solution .content-protection .warper .content-item-box .content-item .icon6{width:22PX;height:22PX}#solution .content-protection .warper .content-item-box .content-item .icon7{width:21PX;height:22PX}#solution .content-protection .warper .content-item-box .content-item .icon8{width:15PX;height:21PX}#solution .content-protection .warper .content-item-box .content-item .icon9{width:18PX;height:20PX}#solution .content-protection .warper .content-item-box .content-item .icon10{width:21PX;height:20PX}#solution .content-protection .warper .content-item-box .content-item .icon11{width:21PX;height:19PX}#solution .content-protection .warper .content-item-box .content-item .icon12{width:21PX;height:19PX}#solution .content-protection .warper .content-item-box .content-item .icon13{width:20PX;height:22PX}#solution .content-protection .warper .content-item-box .content-item .icon14{width:22PX;height:19PX}#solution .content-protection .warper .content-item-box .content-item .icon15{width:20PX;height:20PX}#solution .content-protection .warper .content-item-box .content-item .icon16{width:20PX;height:23PX}#solution .content-protection .warper .content-item-box .content-item.left{padding-left:20PX;justify-content:flex-start}#solution .content-protection .warper .content-item-box .content-item .desc{font-size:13PX;color:#303337;margin-left:10PX;line-height:1.5}#solution .content-protection .warper .content-item-box .content-item .fz20{font-size:inherit}#solution .content-protection .warper .content-item-box .w100{width:100% !important}#solution .content-protection .warper .content-item-box .flex-col{height:auto;padding:10px;margin-left:0}#solution .content-protection .warper .content-hover-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:0px;flex-wrap:wrap}#solution .content-protection .warper .content-hover-box .hover-item{width:100%;height:200PX;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;margin-top:20PX}#solution .content-protection .warper .content-hover-box .hover-item .title{font-size:13PX;font-weight:bold;color:#303337;margin-top:38PX;margin-bottom:30PX}#solution .content-protection .warper .content-hover-box .hover-item .desc{font-size:10PX;font-weight:400;color:#303337;line-height:1.5}#solution .content-protection .warper .content-hover-box .hover-item .more-btn{width:84PX;height:36PX;display:flex;line-height:1;background-color:#2b86ff;color:#fff;align-items:center;justify-content:center;border-radius:5PX;margin-top:20PX;text-decoration:none;cursor:pointer}#solution .content-protection .warper .content-hover-box .hover-item-back{width:100%;height:200PX;box-shadow:0 2PX 12PX 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;margin-top:20PX;background-color:#2b86ff}#solution .content-protection .warper .content-hover-box .hover-item-back .title{font-size:11PX;font-weight:bold;color:#fff;margin-top:38PX;margin-bottom:30PX}#solution .content-protection .warper .content-hover-box .hover-item-back .desc{font-size:10PX;font-family:PingFang SC;font-weight:400;color:#fff;line-height:1.5;text-align:left;padding:0 50PX}#solution .content-protection .warper .content-hover-box .hover-ios-box{position:relative;transition:all .8s ease;width:100%;height:200PX;margin-top:20PX}#solution .content-protection .warper .content-hover-box .hover-ios-box .hover-item{position:absolute;transform:rotateY(0);margin-top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .8s ease;width:100%}#solution .content-protection .warper .content-hover-box .hover-ios-box .hover-item-back{position:absolute;transform:rotateY(-180deg);margin-top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .8s ease;width:100%}#solution .content-protection.bg-gray{background-color:#f4f7fa}}#index .banner-box{width:100%}#index .banner-box .swiper-item-box{width:100%;height:636px;background:url(https://cdn.shuzijz.cn/material/shuzilm/website/images/ce8a8278382c0507c9dcb6cfce794e3f.png) no-repeat center/cover;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}#index .banner-box .swiper-item-box .swiper-item-left{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#index .banner-box .swiper-item-box .swiper-item-left .left-box{width:530px}#index .banner-box .swiper-item-box .swiper-item-left .left-box .title{font-size:66px;font-weight:bold;color:#fff;line-height:1;margin:30px 0}#index .banner-box .swiper-item-box .swiper-item-left .left-box .sub-title{font-size:32px;font-weight:400;color:#fff;line-height:1}#index .banner-box .swiper-item-box .swiper-item-left .left-box .desc{font-size:20px;font-weight:300;color:#fff;line-height:2}#index .banner-box .swiper-item-box .swiper-item-right{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#index .banner-box .swiper-item-box .swiper-item-right img{width:70%}#index .banner-box .swiper-item-box .id-bg{width:40%;position:absolute;top:10%}#index .banner-box .swiper-item-box .banner01-box .sub-title{font-size:30px;color:#fff;line-height:1;text-align:center;margin-top:21px}#index .banner-box .swiper-item-box .banner01-box .main-title{margin-left:20px}#index .banner-box .swiper-item-box .banner01-box .line{width:66px;height:8px;background-color:#fff;margin:50px auto;border-radius:4px}#index .banner-box .swiper-item-box .banner01-box .desc-box{font-size:20px;font-weight:300;color:#fff;line-height:2;text-align:center}#index .contact-us-box{width:100%;height:110px;background-color:#202529}#index .contact-us-box .warper{height:100%;display:flex;flex-direction:row}#index .contact-us-box .warper .left-box{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-start}#index .contact-us-box .warper .left-box .title{font-size:28px;font-weight:500;color:#fff;margin-right:10px}#index .contact-us-box .warper .right-box{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}#index .contact-us-box .warper .right-box a,#index .contact-us-box .warper .right-box a:hover,#index .contact-us-box .warper .right-box a:focus{background:none;border:none}#index .feature-box{display:flex;flex-direction:column;align-items:center}#index .feature-box .index-feature-box{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-top:105px}#index .feature-box .index-feature-box .index-feature-item{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:289px;height:329px;padding:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:10px}#index .feature-box .index-feature-box .index-feature-item .index-feature-icon{width:110px;height:110px;margin-top:-120px}#index .feature-box .index-feature-box .index-feature-item .index-feature-title{font-size:24px;font-weight:500;color:#303337;text-align:center;line-height:1.3}#index .feature-box .index-feature-box .index-feature-item .index-feature-desc{font-size:16px;font-weight:400;color:#6e6e6e;text-align:center}#index .feature-box .index-feature-box .index-feature-item .index-feature-sub-title{font-size:18px;font-weight:500;color:#303337;text-align:center;line-height:1.3}#index .feature-box .word-rotator-title{text-align:center;margin-top:60px;font-size:40px;font-weight:500;color:#2f3337;line-height:1}#index .feature-box .word-rotator-title .inverted{background-color:#212529;height:57px;border-radius:5px;padding-top:5px}#index .feature-box .desc-box{font-size:20px;font-weight:400;color:#2f3337;line-height:2;text-align:center;margin-top:30px;padding:0 10px}#index .feature-box .desc-box b{width:26px;color:#4787ff}#index .feature-box img{width:1066px;margin-top:100px}#index .scenes-box{background-color:#f5f4f4;margin-top:-70px;padding:75px 0}#index .scenes-box .title{font-size:48px;font-weight:500;color:#2f3337;text-align:center}#index .scenes-box .sub-title{text-align:center;color:#c7c7c8;font-size:20px;margin-bottom:20px;letter-spacing:6px}#index .scenes-box .warper{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;flex-wrap:wrap}#index .scenes-box .warper .scenes-item{width:30%;height:240px;display:flex;flex-direction:column;margin-top:70px}#index .scenes-box .warper .scenes-item .title-box{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#index .scenes-box .warper .scenes-item .title-box .icon-box{width:40px;height:31px}#index .scenes-box .warper .scenes-item .title-box .icon-box .icon0{height:26px;margin-top:2px}#index .scenes-box .warper .scenes-item .title-box .active{color:#4a89ff !important}#index .scenes-box .warper .scenes-item .title-box .title{font-size:24px;font-weight:500;color:#2f3337;line-height:1;margin-left:10px}#index .scenes-box .warper .scenes-item .desc-box{margin-left:50px}#index .scenes-box .warper .scenes-item .desc-box .desc{font-size:14px;font-weight:400;color:#2f3337;line-height:2;margin:23px 0}#index .scenes-box .warper .scenes-item .desc-box .active{color:#4a89ff !important;font-weight:bold}#index .scenes-box .warper .scenes-item .desc-box .more-btn{color:#919394;text-decoration:none}#index .scenes-box .warper .scenes-item .desc-box .more-btn:hover,#index .scenes-box .warper .scenes-item .desc-box .more-btn:focus{color:#4a89ff}#index .core-tech-box{padding-bottom:40px}#index .core-tech-box .warper{border-top:2px solid #f4f3f3}#index .core-tech-box .warper .title{font-size:48px;font-weight:500;color:#2f3337;line-height:1;text-align:center;margin-top:88px}#index .core-tech-box .warper .sub-title{text-align:center;color:#c7c7c8;font-size:20px;letter-spacing:6px;margin-top:25px}#index .core-tech-box .warper .core-tech-item{display:flex;flex-direction:row;align-items:flex-end;margin-top:30px}#index .core-tech-box .warper .core-tech-item .title{font-size:38px;font-weight:500;color:#2f3337;line-height:49px;text-align:left}#index .core-tech-box .warper .core-tech-item .desc{font-size:20px;font-weight:400;color:#2f3337;line-height:2;text-align:left;margin-top:60px;margin-bottom:46px}#index .core-tech-box .warper .core-tech-item ul li{line-height:2}#index .core-tech-box .warper .core-tech-item .more-btn{width:168px;height:48px;background-color:#2b86ff;font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:0}#index .core-tech-box .warper .core-tech-item .more-btn:hover,#index .core-tech-box .warper .core-tech-item .more-btn:focus{border:0}#index .privacy-box{width:100%;height:540px;background:url(https://cdn.shuzijz.cn/material/shuzilm/website/images/ce8a8278382c0507c9dcb6cfce794e3f.png) no-repeat center/cover}#index .privacy-box .warper{display:flex;flex-direction:column;align-items:center}#index .privacy-box .warper .title{font-size:48px;font-weight:500;color:#fff;line-height:1;margin-top:60px}#index .privacy-box .warper .sub-title{font-size:20px;text-align:center;color:#84acf3;letter-spacing:6px;margin-top:30px}#index .privacy-box .warper .line{width:100px;height:4px;background:#fff;margin-top:20px;margin-bottom:30px}#index .privacy-box .warper .desc{font-size:24px;font-weight:400;color:#fff;line-height:2;text-align:center}#index .privacy-box .warper .index-feaute-qa{color:#fff;font-weight:bold;cursor:pointer;text-align:center}#index .privacy-box .warper .index-feaute-qa:hover{color:#2f3337}#index .privacy-box .warper .more-btn{background-color:#fff;color:#000;font-size:24px;text-align:center;width:215px;border-radius:25px;height:50px;display:inline-block;line-height:48px;margin-top:40px;text-decoration:none}#index .customer-box .title{font-size:44px;font-weight:500;color:#2f3337;line-height:1;margin-top:120px}#index .customer-box .desc{font-size:20px;font-weight:400;color:#2f3337;line-height:1;margin-top:40px}#index .customer-box .customer-logo-container{margin-top:40px}#index .customer-box .customer-logo-container .logo-group{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}#index .customer-box .customer-logo-container .logo-group img{height:50% !important;margin-bottom:10px;margin-right:5px;width:19% !important}#index .industry-box .title{font-size:48px;font-weight:500;color:#2f3337;line-height:1;margin-top:50px;margin-bottom:50px}#index .industry-box .label-box{width:97.5%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:22px;color:#2f3337;margin-top:20px}#index .industry-box .label-box .label-item{width:80px;height:37px;line-height:37px;border-radius:4px;text-align:center;cursor:pointer}#index .industry-box .label-box .label-item.active{background:#4787ff;color:#fff}#index .industry-box .app-item{width:97.5%;display:flex;flex-direction:row;margin-top:50px;margin-bottom:50px}#index .industry-box .app-item .app-logo{width:108px}#index .industry-box .app-item .app-logo img{width:108px;height:108px}#index .industry-box .app-item .app-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:40px;justify-content:space-evenly}#index .industry-box .app-item .app-content .app-name{font-size:26px;font-weight:bold;color:#2f3337;line-height:1}#index .industry-box .app-item .app-content .app-desc{font-size:20px;font-weight:500;color:#2f3337;line-height:1.5}#index .detail-box{background-color:#ededed;height:225px}#index .detail-box .warper{height:100%;display:flex;flex-direction:row}#index .detail-box .warper .left-box{width:70%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#index .detail-box .warper .left-box .title{font-size:32px;font-weight:500;color:#2f3337;line-height:1}#index .detail-box .warper .left-box .desc{margin-top:10px}#index .detail-box .warper .right-box{width:30%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#index .detail-box .warper .right-box .more-btn{width:168px;height:48px;background-color:#2b86ff;font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:0}#index .detail-box .warper .right-box .more-btn:hover,#index .detail-box .warper .right-box .more-btn:focus{border:0}#index .protocal-modal::before,#index .protocal-modal::after{background:#8fbcfd}#index .protocal-modal .protocal-wrapper{background-color:#5ea1fd;padding:55px}#index .protocal-modal .protocal-wrapper div{color:#fff}@media(max-width: 767px){#index .banner-box{width:100%}#index .banner-box .swiper-item-box{width:100%;height:330px;background:url(https://cdn.shuzijz.cn/material/shuzilm/website/images/ce8a8278382c0507c9dcb6cfce794e3f.png) no-repeat center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#index .banner-box .swiper-item-box .swiper-item-left{width:100%;height:25%;display:flex;flex-direction:row;align-items:center;justify-content:center}#index .banner-box .swiper-item-box .swiper-item-left .left-box{width:100%}#index .banner-box .swiper-item-box .swiper-item-left .left-box .title{font-size:34px;font-weight:bold;color:#fff;line-height:1;margin:20px 0;text-align:center}#index .banner-box .swiper-item-box .swiper-item-left .left-box .sub-title{font-size:18px;font-weight:400;color:#fff;line-height:1;text-align:center}#index .banner-box .swiper-item-box .swiper-item-left .left-box .desc{display:none}#index .banner-box .swiper-item-box .swiper-item-right{width:60%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:center}#index .banner-box .swiper-item-box .swiper-item-right img{width:70%}#index .banner-box .swiper-item-box .id-bg{width:70%}#index .banner-box .swiper-item-box .banner01-box img{width:70%;margin-top:30px;margin-left:15%}#index .banner-box .swiper-item-box .banner01-box .sub-title{font-size:30px;color:#fff;line-height:1;text-align:center;margin-top:21px}#index .banner-box .swiper-item-box .banner01-box .line{width:40px;height:5px;background-color:#fff;margin-top:20px;margin-bottom:10px;margin-left:calc(50% - 20px);border-radius:4px}#index .banner-box .swiper-item-box .banner01-box .desc-box{font-size:18px;font-weight:300;color:#fff;line-height:2;text-align:center}#index .contact-us-box{width:100%;height:60px;background-color:#202529}#index .contact-us-box .warper{height:100%;display:flex;flex-direction:row}#index .contact-us-box .warper .left-box{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-start}#index .contact-us-box .warper .left-box .title{font-size:13px;font-weight:500;color:#fff}#index .contact-us-box .warper .right-box{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}#index .contact-us-box .warper .right-box a,#index .contact-us-box .warper .right-box a:hover,#index .contact-us-box .warper .right-box a:focus{background-color:none;border:none}#index .contact-us-box .warper .right-box a img,#index .contact-us-box .warper .right-box a:hover img,#index .contact-us-box .warper .right-box a:focus img{width:100%}#index .feature-box{display:flex;flex-direction:column;align-items:center}#index .feature-box .index-feature-box{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:50px;margin-bottom:10px}#index .feature-box .index-feature-box .index-feature-item{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:32%;height:225px;padding:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:10px}#index .feature-box .index-feature-box .index-feature-item .index-feature-icon{width:50px;height:50px;margin-top:-35px}#index .feature-box .index-feature-box .index-feature-item .index-feature-title{font-size:14px;font-weight:500;color:#303337;text-align:center;line-height:1.3}#index .feature-box .index-feature-box .index-feature-item .index-feature-desc{font-size:12px;font-weight:400;color:#6e6e6e;text-align:center}#index .feature-box .word-rotator-title{text-align:center;margin-top:20px;font-size:20px;font-weight:500;color:#2f3337;line-height:1;display:flex;flex-direction:row;align-items:center}#index .feature-box .word-rotator-title .inverted{height:38px;min-height:38px;padding-top:0px;padding-left:5px;padding-right:5px;padding-bottom:0px}#index .feature-box .word-rotator-title .inverted .word-rotate{max-height:38px;line-height:38px}#index .feature-box .desc-box{font-size:14px;font-weight:400;color:#2f3337;line-height:2;text-align:center;margin-top:0}#index .feature-box .desc-box b{width:26px;color:#4787ff}#index .feature-box img{width:1066px;margin-top:40px}#index .scenes-box{background-color:#f5f4f4;margin-top:-30px;padding:35px 0}#index .scenes-box .title{font-size:24px;font-weight:500;color:#2f3337;text-align:center;margin-bottom:10px}#index .scenes-box .sub-title{text-align:center;color:#c7c7c8;font-size:16px;margin-bottom:20px;letter-spacing:3px}#index .scenes-box .warper{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex-wrap:wrap}#index .scenes-box .warper .scenes-item{width:90%;height:auto;display:flex;flex-direction:column;margin-top:20px}#index .scenes-box .warper .scenes-item .title-box{width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}#index .scenes-box .warper .scenes-item .title-box .icon-box{width:20px;height:24px}#index .scenes-box .warper .scenes-item .title-box .icon-box img{width:100%}#index .scenes-box .warper .scenes-item .title-box .active{color:#4a89ff}#index .scenes-box .warper .scenes-item .title-box .title{font-size:22px;font-weight:500;color:#2f3337;line-height:1;margin-left:10px;margin-bottom:0}#index .scenes-box .warper .scenes-item .desc-box{margin-left:30px}#index .scenes-box .warper .scenes-item .desc-box .desc{font-size:14px;font-weight:400;color:#2f3337;line-height:2;margin:10px 0}#index .scenes-box .warper .scenes-item .desc-box .more-btn{color:#919394;text-decoration:none}#index .scenes-box .warper .scenes-item .desc-box .more-btn:hover,#index .scenes-box .warper .scenes-item .desc-box .more-btn:focus{color:#4a89ff}#index .main-fz{font-size:24px}#index .main-text-fz{font-size:16px}#index .core-tech-box{padding-bottom:40px}#index .core-tech-box .warper{border-top:2px solid #f4f3f3}#index .core-tech-box .warper .title{font-size:24px;font-weight:500;color:#2f3337;line-height:1;text-align:center;margin-top:30px}#index .core-tech-box .warper .sub-title{text-align:center;color:#c7c7c8;font-size:16px;letter-spacing:3px;margin-top:15px}#index .core-tech-box .warper .core-tech-item{display:flex;flex-direction:row;align-items:center;margin-top:20px;width:90%;margin-left:5%}#index .core-tech-box .warper .core-tech-item .title{font-size:22px;font-weight:500;color:#2f3337;line-height:1;text-align:left;margin-top:0;white-space:nowrap}#index .core-tech-box .warper .core-tech-item .desc{font-size:16px;font-weight:400;color:#2f3337;line-height:2;text-align:left;margin-top:15px;margin-bottom:15px}#index .core-tech-box .warper .core-tech-item .more-btn{width:84px;height:36px;background-color:#2b86ff;font-size:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:0}#index .core-tech-box .warper .core-tech-item .more-btn:hover,#index .core-tech-box .warper .core-tech-item .more-btn:focus{border:0}#index .privacy-box{width:100%;height:400px;background:url(https://cdn.shuzijz.cn/material/shuzilm/website/images/ce8a8278382c0507c9dcb6cfce794e3f.png) no-repeat center/cover}#index .privacy-box .warper{display:flex;flex-direction:column;align-items:center}#index .privacy-box .warper .title{font-size:24px;font-weight:500;color:#fff;line-height:1;margin-top:50px}#index .privacy-box .warper .sub-title{font-size:16px;text-align:center;color:#84acf3;letter-spacing:3px;margin-top:10px}#index .privacy-box .warper .line{width:60px;height:4px;background:#fff;margin-top:20px;margin-bottom:30px;border-radius:2px}#index .privacy-box .warper .desc{font-size:14px;font-weight:400;color:#fff;line-height:2.5;text-align:center}#index .privacy-box .warper .more-btn{background-color:#fff;color:#000;font-size:16px;text-align:center;width:160px;border-radius:25px;height:40px;display:inline-block;line-height:40px;margin-top:20px;text-decoration:none}#index .customer-box .title{font-size:24px;font-weight:500;color:#2f3337;line-height:1.5;margin-top:50px}#index .customer-box .desc{font-size:13px;font-weight:400;color:#2f3337;line-height:1.5;margin-top:20px}#index .customer-box .customer-logo-container{margin:30px 0}#index .customer-box .customer-logo-container .logo-group{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}#index .customer-box .customer-logo-container .logo-group img{margin-bottom:10px;margin-right:5px;width:18% !important}#index .industry-box{padding:0 5%}#index .industry-box .title{font-size:24px;font-weight:500;color:#2f3337;line-height:1.5;margin-top:20px;margin-bottom:25px}#index .industry-box .label-box{width:97.5%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:10px;color:#2f3337;margin-top:10px}#index .industry-box .label-box .label-item{width:30px;height:18px;line-height:18px;border-radius:4px;text-align:center;cursor:pointer}#index .industry-box .label-box .label-item.active{background:#4787ff;color:#fff}#index .industry-box .app-item{width:97.5%;display:flex;flex-direction:row;margin-top:25px;margin-bottom:25px;align-items:center}#index .industry-box .app-item .app-logo{width:54px}#index .industry-box .app-item .app-logo img{width:54px;height:54px}#index .industry-box .app-item .app-content{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px;justify-content:space-between}#index .industry-box .app-item .app-content .app-name{font-size:15px;font-weight:bold;color:#2f3337;line-height:1}#index .industry-box .app-item .app-content .app-desc{font-size:10px;font-weight:500;color:#2f3337;line-height:1.5;margin-top:10px}#index .detail-box{background-color:#ededed;height:225px}#index .detail-box .warper{height:100%;display:flex;flex-direction:column}#index .detail-box .warper .left-box{width:100%;height:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}#index .detail-box .warper .left-box .title{font-size:16px;font-weight:500;color:#2f3337;line-height:1}#index .detail-box .warper .left-box .desc{margin-top:10px;text-align:center;font-size:14px;padding:0 16%}#index .detail-box .warper .right-box{width:100%;height:40%;display:flex;flex-direction:row;align-items:baseline;justify-content:center}#index .detail-box .warper .right-box .more-btn{width:96px;height:41px;background-color:#2b86ff;font-size:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;border:0}#index .detail-box .warper .right-box .more-btn:hover,#index .detail-box .warper .right-box .more-btn:focus{border:0}}#tryout .fs30{font-size:30px}#tryout .fs24{font-size:24px}#tryout .fs18{font-size:18px}#tryout .mt30{margin-top:30px}#tryout .desc-title{font-size:20px;line-height:2;margin-top:10px}#tryout .tryout-btn{margin:30px 0}#tryout .process-box{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-bottom:30px;margin-top:10px}#tryout .process-box .process-item{font-size:14px;background-color:#007cf0;color:#fff;padding:5px 8px;line-height:1.2;border-radius:16px}#tryout .process-box .process-icon{width:16px;height:16px;transform:rotate(45deg);margin-left:-5px}html,body{overflow-x:hidden}