@charset "UTF-8";
.dropdown-list>li,
.js-language-switch,
.js-site-home,
.pika-title select,
.plus-icon,
.plus-icon-black,
.tab-section__item,
button {
	cursor: pointer
}

.pika-table,
table {
	border-collapse: collapse;
	border-spacing: 0
}

.mCustomScrollBox,
.pika-button,
.slick-list:focus,
.slick-slide:focus,
a,
button,
input,
select,
textarea {
	outline: 0
}

.textanim,
.works-section__visual .feature__lists li.active .icon-wrap svg,
.works-section__visual .feature__lists li:hover .icon-wrap svg {
	fill: #fff
}

.btn--orange-submit.disabled,
.btn--yellow-submit.disabled,
.datacenter-location .dot:after,
.is-disabled .pika-button,
.js-language-switch.is-active,
.link--disable-circle,
.page-top-nav__item.is-current,
.slick-slide.dragging img {
	pointer-events: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

*,
::after,
::before {
	box-sizing: border-box
}

input[type=date],
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea {
	background: 0 0;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	width: 100%;
	font-weight: 200
}

button {
	font-family: inherit;
	border: 0;
	background: 0 0;
	margin: 0
}

.bg-cover,
.bottom--general,
.section-banner,
.two-blocks__style--2 .content-img,
.two-blocks__style--5 .content-img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}

.slide-in {
	opacity: 0;
	transform: translateY(40px)
}

.icon-list__item,
.recruit-section,
.selected-works .row,
.tenten-intro .row,
.two-blocks__style--1__item,
.two-blocks__style--2 .two-blocks__item,
.two-blocks__style--2 .two-blocks__item--extras,
.two-blocks__style--3 .two-blocks__item {
	transition: all .5s ease-out
}

.bounce-in {
	opacity: 0;
	transform: scale(0)
}

@keyframes fadeUp {
	0%,
	30% {
		opacity: 0;
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes light-blue {
	0% {
		opacity: .3
	}
	40% {
		opacity: .5;
		box-shadow: 0 0 0 2px rgba(0, 174, 217, .7), 0 0 10px 10px #E1E8ED, 0 0 0 10px rgba(0, 174, 217, .9)
	}
	100% {
		box-shadow: 0 0 0 2px rgba(0, 174, 217, .7), 0 0 10px 10px #E1E8ED, 0 0 0 10px rgba(0, 174, 217, .9);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes dark-blue {
	0% {
		opacity: .3
	}
	40% {
		opacity: .5;
		box-shadow: 0 0 0 2px rgba(39, 51, 119, .7), 0 0 10px 10px #E1E8ED, 0 0 0 10px rgba(39, 51, 119, .9)
	}
	100% {
		box-shadow: 0 0 0 2px rgba(39, 51, 119, .7), 0 0 10px 10px #E1E8ED, 0 0 0 10px rgba(39, 51, 119, .9);
		transform: scale(1.5);
		opacity: 0
	}
}

.overflow-fixed {
	overflow: hidden;
	height: 100vh;
	width: 100%
}

#inquiry-results,
.carousel--style-1,
.carousel--style-1 .item,
.carousel--style-1 .item .container,
.carousel--style-2 .carousel__container,
.carousel--style-2 .carousel__image,
.carousel--style-2 .carousel__item,
.carousel--style-3,
.carousel--style-3 .carousel__item,
.carousel--style-3 .carousel__main,
.circle-icon-list__icon-wrap,
.contact-us__bottom .item,
.footer,
.footer-bottom,
.footer>.row,
.four-o-four,
.hero-banner__content--bottom,
.hero-banner__content--center,
.hero-banner__content--left,
.manager-said__content,
.pika-label,
.pika-next,
.pika-prev,
.pika-single,
.pika-title,
.plus-icon-black,
.tenten-intro__summary .content a,
.two-blocks__style--1__content,
.two-blocks__style--1__content .content:last-child,
.two-blocks__style--2 .two-blocks__item--extras .width-text {
	position: relative
}

#date_type input.pickday+i.icons-arrow-down,
#inquiry-results:before,
.bottom--general:before,
.btn--scroll-down,
.bubble,
.bubble:before,
.carousel--style-1 .slick-arrow,
.carousel--style-2 .slick-arrow,
.carousel--style-3 .carousel__dots-wrap,
.circle-icon-list__icon,
.datacenter-location .dot,
.datacenter-location .dot:after,
.datacenter-location .dots,
.dropdown-list,
.four-o-four:before,
.grid__style--1 figcaption,
.grid__style--2 .grid__item--double figcaption,
.grid__style--2 .grid__item--single figcaption,
.grid__style--4 figcaption,
.label-wrap__info,
.label-wrap__info:before,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCSB_container_wrapper,
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_draggerContainer,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight,
.manager-said__content:before,
.pika-single.is-bound,
.pika-title select,
.screen-reader,
.side-notice,
.side-notice__wrap.fixed.absolute,
.startup-client img,
.tenten-intro__summary .watch-video--content,
.text--hide,
.what-we-like #what-we-like_1 svg,
.what-we-like #what-we-like_2 svg,
.works-section__visual .feature__img .icon-wrap,
.works-section__visual .feature__img .icon-wrap:after {
	position: absolute
}

.float--left {
	float: left
}

.float--right {
	float: right
}

.float--none {
	float: none
}

.align--center,
.call-to-action__image,
.tenten-intro__services img,
.video-content h2 img,
.works-section--result .circle {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.no-margin {
	margin: 0
}

.inline {
	display: inline
}

.show {
	display: block
}

.hide {
	display: none
}

.screen-reader,
.text--hide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	width: 1px
}

.container,
.md-container,
.sm-container {
	margin-left: auto;
	margin-right: auto
}

#inquiry-results,
.accordion__trigger,
.btn--filter,
.carousel--style-2 .carousel__image,
.carousel--style-3 .carousel__dots-wrap,
.carousel--style-3 .carousel__image,
.come-n-join-tenten,
.contact-us__section .item,
.contact-us__section img,
.cross-lists ul,
.datacenter-location .dot:after,
.datacenter-location .vps-locations,
.four-o-four,
.full-width,
.grid__style--1 img,
.hero-banner--full,
.hero-banner--half,
.hero-banner__content--bottom,
.hero-banner__content--center,
.hero-banner__content--left,
.main-nav__item>a,
.member-card__image,
.our-client-say__person .photo,
.process-block__image,
.section-banner,
.tab-section__dropdown-trigger,
.tenten-intro__summary .content img,
.tenten-intro__summary .watch-video--content,
.two-blocks__style--1 img,
.two-blocks__style--2 img,
.two-blocks__style--4,
.video-content #home-logo,
.video-content h2 img {
	width: 100%
}
.tenten-intro__services img{
	width:200px;
}
.grid__style--4 img,
.works-section__visual .feature__img svg,
.works-section__visual img,
img.full-width {
	max-width: 100%;
	height: auto;
	display: block;
	width: auto
}

.accordion__trigger,
.btn--filter,
.btn--filter span,
.footer-logobar__description,
.tab-section__current,
.text--left {
	text-align: left
}

.pika-button,
.text--right {
	text-align: right
}

#inquiry-results,
.btn--orange-submit,
.btn--yellow-submit,
.bubble,
.call-to-action,
.carousel--style-1 .item,
.carousel--style-1 .slick-arrow,
.carousel--style-2 .carousel__title,
.carousel--style-2 .slick-arrow,
.carousel--style-2 .slick-dots,
.come-n-join-tenten,
.datacenter-location .chat-with-us p,
.datacenter-location .vps-locations ul,
.datacenter-location .vps-locations ul>li,
.footer-bottom__content,
.footer-logobar,
.four-o-four,
.hero-banner__content--center,
.insight__tab li,
.insight__tab ul,
.insight__themes a,
.link--black-circle,
.link--black-circle--s,
.link--blue-circle,
.link--circle,
.link--disable-circle,
.link--orange-circle,
.link--sky-blue-circle,
.link--white-circle,
.loader-overlay,
.member-card__container,
.nav--fullscreen,
.our-client-say,
.pika-table th,
.pika-title,
.price-card__item__heading,
.price-card__item__name,
.process-block__heading,
.startup-meet__price .idea-image,
.startup-meet__price .paragraph,
.tenten-intro__services h4,
.tenten-intro__summary .watch-video--content,
.text--center,
.two-blocks__style--2 .two-blocks__item--extras .item-block,
.two-blocks__style--2 .two-blocks__item--extras .width-text p,
.vanmoof .extra-section h3,
.what-we-like #what-we-like_1,
.what-we-like #what-we-like_2,
.works--back-to-top,
.works-card__container,
.works-section--result .circle {
	text-align: center
}

.text--justify {
	text-align: justify
}

.center-heading,
.icon-list__item {
	text-align: center
}

.table {
	display: table;
	width: 100%;
	height: 100%
}

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

.carousel--style-2 .carousel__container:after,
.carousel--style-2 .carousel__container:before,
.clear:after,
.clear:before,
.insight ul:after,
.insight ul:before,
.list-with-icon--social:after,
.list-with-icon--social:before,
.member-section__members:after,
.member-section__members:before,
.tab-section:after,
.tab-section:before,
.vanmoof ul:after,
.vanmoof ul:before,
.works-section--result ul:after,
.works-section--result ul:before,
.works-section__bottom__other-links:after,
.works-section__bottom__other-links:before,
.works-section__visual .feature:after,
.works-section__visual .feature:before {
	content: " ";
	display: table
}

.carousel--style-2 .carousel__container:after,
.clear:after,
.insight ul:after,
.list-with-icon--social:after,
.member-section__members:after,
.tab-section:after,
.vanmoof ul:after,
.works-section--result ul:after,
.works-section__bottom__other-links:after,
.works-section__visual .feature:after {
	clear: both
}

.accordion__heading,
.accordion__icon,
.block-list__heading,
.block-list__icon,
.carousel--style-2 .carousel__icon,
.carousel--style-2 .slick-dots li,
.carousel--style-3 .carousel__dots-wrap .slick-dots li,
.circle-icon-list__container,
.circle-icon-list__icon-wrap,
.contact-us__section .link--orange-circle i,
.contact-us__section .link--orange-circle span,
.cross-lists a,
.footer-block--inline-lists .footer-block__item,
.footer-logobar__description,
.footer-logobar__logo,
.form--subscribe button,
.form--subscribe input,
.inline-middle,
.plus-icon span,
.plus-icon-black span,
.price-card .price .number,
.price-card .price .unit,
.sidebar-language__item,
.startup-list__item,
.startup-meet__price .idea-image>li,
.tab-section__current,
.tab-section__dropdown-icon {
	display: inline-block;
	vertical-align: middle
}

.svg-c-1bite2go {
	width: 91px;
	height: 71px
}

.svg-c-abb {
	width: 112px;
	height: 44px
}

.svg-c-aibt {
	width: 181px;
	height: 34px
}

.svg-c-amba {
	width: 171px;
	height: 42px
}

.svg-c-ambassador {
	width: 192px;
	height: 43px
}

.svg-c-cathay-hotel {
	width: 168px;
	height: 61px
}

.svg-c-dr-cilabo {
	width: 143px;
	height: 50px
}

.svg-c-eiger {
	width: 86px;
	height: 87px
}

.svg-c-esun {
	width: 146px;
	height: 43px
}

.svg-c-eva-air {
	width: 176px;
	height: 23px
}

.svg-c-everrich,
.svg-c-moxa {
	width: 143px;
	height: 37px
}

.svg-c-netherland-online {
	width: 152px;
	height: 43px
}

.svg-c-ozaki {
	width: 76px;
	height: 84px
}

.svg-c-switcheasy {
	width: 192px;
	height: 37px
}

.svg-c-tientien {
	width: 162px;
	height: 47px
}

.svg-c-tpk {
	width: 134px;
	height: 73px
}

.svg-c-vanmoof {
	width: 184px;
	height: 20px
}

@font-face {
	font-family: icons;
	src: url(../fonts/icons.eot);
	src: url(../fonts/icons.eot#iefix) format("eot"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.svg) format("svg");
	font-weight: 400;
	font-style: normal
}

.icon-base,
[class*=" icons-"],
[class^=icons-] {
	font-family: icons;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.lang-tw body,
body {
	font-family: proxima-nova, Helvetica, Arial, "PingFang TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-family:"PingFang Regular",Helvetica, Arial, "PingFang TC",'Microsoft YaHei',"微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.icons-arrow-2-right:before {
	content: "\EA01"
}

.icons-arrow-3-right:before {
	content: "\EA02"
}

.icons-arrow-down:before {
	content: "\EA03"
}

.icons-arrow-left:before {
	content: "\EA04"
}

.icons-arrow-right:before {
	content: "\EA05"
}

.icons-arrow-up:before {
	content: "\EA06"
}

.icons-blog:before {
	content: "\EA07"
}

.icons-blog2:before {
	content: "\EA08"
}

.icons-bubble:before {
	content: "\EA09"
}

.icons-check:before {
	content: "\EA0A"
}

.icons-chrome:before {
	content: "\EA0B"
}

.icons-circle-arrow-left:before {
	content: "\EA0C"
}

.icons-circle-arrow-right:before {
	content: "\EA0D"
}

.icons-circle-arrow-up-2:before {
	content: "\EA0E"
}

.icons-circled-arrow-down:before {
	content: "\EA0F"
}

.icons-circled-arrow-left:before {
	content: "\EA10"
}

.icons-circled-arrow-right:before {
	content: "\EA11"
}

.icons-circled-check-filled:before {
	content: "\EA12"
}

.icons-circled-check:before {
	content: "\EA13"
}

.icons-circled-play-filled:before {
	content: "\EA14"
}

.icons-circled-play:before {
	content: "\EA15"
}

.icons-close:before {
	content: "\EA16"
}

.icons-facebook:before {
	content: "\EA17"
}

.icons-firefox:before {
	content: "\EA18"
}

.icons-google-plus:before {
	content: "\EA19"
}

.icons-instagram:before {
	content: "\EA1A"
}

.icons-linkedin:before {
	content: "\EA1B"
}

.icons-logo:before {
	content: "\EA1C"
}

.icons-mail:before {
	content: "\EA1D"
}

.icons-medium:before {
	content: "\EA1E"
}

.icons-menu:before {
	content: "\EA1F"
}

.icons-minus-bold:before {
	content: "\EA20"
}

.icons-minus:before,
.page-top-nav.is-open .page-top-nav__button i:before {
	content: "\EA21"
}

.icons-money:before {
	content: "\EA22"
}

.icons-mustache:before {
	content: "\EA23"
}

.icons-pinterest:before {
	content: "\EA24"
}

.icons-plane:before {
	content: "\EA25"
}

.icons-plus-bold:before {
	content: "\EA26"
}

.icons-plus:before {
	content: "\EA27"
}

.icons-tentenlogo:before {
	content: "\EA28"
}

.icons-twitter:before {
	content: "\EA29"
}

.icons-weibo:before {
	content: "\EA2A"
}

.icons-youtube:before {
	content: "\EA2B"
}

.container:after,
.md-container:after,
.sm-container:after {
	content: " ";
	display: block;
	clear: both
}

body {
	line-height: 1;
	font-weight: 400;
	overflow-x: hidden;
	height: 100%;
	font-size: 16px;
	color: #434345;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

.lang-cn body,
.lang-tw body {
	font-size: 15px;
	font-weight: 300
}

.lang-tw body {
	font-feature-settings: "liga"
}

.lang-cn body {
	font-family: proxima-nova, Helvetica, Arial, "PingFang SC", "Microsoft YaHei", "微软雅黑体", "Microsoft JhengHei", "微軟正黑體", sans-serif
}

body.admin-bar .nav-main {
	top: 32px
}

.content-wrapper {
	
}

a,
button {
	text-decoration: none;
	transition: color .3s;
	color: inherit
}

.circle-icon-list__link,
.footer-block--map-link {
	text-decoration: underline
}

@media (min-width:851px) {
	.row {
		padding: 5em 0
	}
}

@media (max-width:850px) {
	.row {
		padding: 2em 0
	}
}

.container {
	max-width: 1140px;
	margin-bottom: 60px
}

.container:last-child {
	margin-bottom: 0
}

@media (min-width:851px) {
	.container {
		padding: 0 40px
	}
}

@media (max-width:850px) {
	.container {
		padding: 0 30px;
		margin-bottom: 30px
	}
}

@media (max-width:550px) {
	.container {
		padding: 0 15px
	}
}

.xl-container {
	padding: 0 20px
}

@media (min-width:1251px) {
	.xl-container {
		max-width: 1270px;
		margin-left: auto;
		margin-right: auto
	}
	.xl-container:after {
		content: " ";
		display: block;
		clear: both
	}
}

@media (max-width:1250px) {
	.xl-container {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto
	}
	.xl-container:after {
		content: " ";
		display: block;
		clear: both
	}
}

@media (max-width:550px) {
	.xl-container {
		padding: 0 15px
	}
}

.md-container {
	padding: 0 20px;
	max-width: 940px
}

@media (max-width:550px) {
	.md-container {
		padding: 0 15px
	}
}

.sm-container {
	padding: 0 20px;
	max-width: 800px
}
.entry-header .sm-container {
    max-width:850px;
}
@media (max-width:550px) {
	.sm-container {
		padding: 0 15px
	}
}

.block-item {
	display: block;
	width: 100%
}

hr {
	max-width: 1140px;
	margin: 0 auto;
	border: 0;
	background-color: #eee;
	height: 1px
}

input {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: 0
}

textarea {
	border-radius: 0;
	-webkit-appearance: none;
	resize: vertical
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #F2F2F2 inset;
	-webkit-text-fill-color: #898989
}

.gap .hr--full {
	max-width: 100%
}

.svg-footer-gogoshark,
.svg-footer-stockbird {
	width: 90px;
	height: 61px
}

.svg-footer-tientien {
	width: 90px;
	height: 21px
}

.accordion__heading,
.block-list__heading {
	width: calc(100% - 30px)
}

.accordion__item {
	border-bottom: 1px solid #E1E8ED
}

.accordion__item:last-child {
	border-bottom: none
}

.accordion__trigger {
	padding: 25px
}

.accordion__icon {
	font-size: 25px;
	transition: transform .3s
}

.is-active .accordion__icon {
	transform: rotate(90deg)
}

.accordion__container {
	display: none;
	padding: 0 25px 25px
}

.textanim {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	transform: translateY(40px)
}

.infinity,
.infinity_2,
.loader,
.loader_2 {
	stroke-dasharray: 200, 80
}

@keyframes dash {
	to {
		stroke-dashoffset: 0
	}
	100%,
	35%,
	65% {
		fill: #fff
	}
}

@keyframes anim {
	0% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 2000
	}
}

.infinity {
	animation: animlogo 5s linear 1
}

.infinity_2 {
	animation: animlogo 7s linear 1
}

.loader {
	animation: animlogo 6s linear infinite
}

.loader_2 {
	animation: animlogo 8s linear infinite
}

#outline {
	stroke-dasharray: 2.43px, 242.78px;
	stroke-dashoffset: 0;
	animation: animlogo 2.6s linear 1
}

@keyframes animlogo {
	0% {
		stroke-dashoffset: 0
	}
	100% {
		stroke-dashoffset: 1395
	}
}

.outlinebg {
	opacity: .25
}

.logopath {
	stroke-dasharray: 100
}

.block-list__item {
	margin-bottom: 15px
}

.block-list__item:last-child {
	margin-bottom: 0
}

.block-list__link {
	display: block;
	padding: 15px 20px;
	background-color: #fff;
	transition: background-color .3s
}

@media (min-width:1025px) {
	.block-list__link:hover .block-list__heading,
	.block-list__link:hover .block-list__icon,
	a:hover{
		color: #2d3440;
		color: #EB4D27;
	}
	button:hover{
		color: #EB4D27;
	}
	.grid__item:hover img{
		opacity: .7;
	}
}

.block-list__heading {
	color: #434345;
	transition: color .3s
}

.block-list__icon {
	font-size: 25px;
	color: #898989;
	transition: color .3s
}

.bottom--general {
	position: relative;
	padding: 2em 0
}

.bottom--general:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1
}

.bottom--general .container {
	position: relative;
	z-index: 2
}

.bottom--general .top-heading,
.bottom--general p,
.bottom--general.hosting h3 {
	color: #fff
}

.yellow-bubble {
	background-color: #ff0;
	position: absolute;
	padding: 5px 10px 3px;
	font-size: 14px;
	line-height: 1em;
	border-radius: 5px;
	top: 42px;
	left: 50px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s;
	z-index: 5
}

.yellow-bubble:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ff0;
	top: -5px;
	left: 15px
}

.bubble:before,
.plus-icon span:after,
.plus-icon-black span:after {
	content: ""
}

.bubble__link {
	color: #434345;
	line-height: 1.3em
}

.link--black-circle,
.link--blue-circle,
.link--circle,
.link--disable-circle,
.link--orange-circle,
.link--sky-blue-circle,
.link--white-circle {
	display: block;
	max-width: 240px;
	text-transform: uppercase;
	padding: 15px 20px;
	margin: 0 auto;
	
	border-style: solid;
	border-width: 2px;
	transition: all .25s
}

@media (max-width:550px) {
	.link--black-circle,
	.link--blue-circle,
	.link--circle,
	.link--disable-circle,
	.link--orange-circle,
	.link--sky-blue-circle,
	.link--white-circle {
		padding: 10px 15px;
		max-width: 200px
	}
}

.link--circle {
	border-color: #434345;
	color: #434345;
	position: relative;
	transition: all .3s;
}
.link--circle span{
	width:100%;
	height:100%;
	z-index: 2;
	font-size: 1em;
	position:relative;
}
.link--circle:after{
	opacity: 0;
	background: #434345;
	color: #fff;
	content: "";
	display: inline-block;
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	transform:scale(0,1);
	transform-origin:0 0 ;
	transition: all .3s;
	z-index: 1;
}
@media (min-width:768px) {
	.link--circle:hover:after{
		opacity:1;
		transform:scale(1,1);
		color: #fff;
	}
	.link--circle:hover span{
		color:#fff;
	}
}

.link--disable-circle {
	border-color: #D1D3D4;
	color: #D1D3D4
}

.link--orange-circle {
	border-color: #EB4D27;
	color: #EB4D27
}

.link--white-circle {
	border-color: #fff;
	color: #fff
}

@media (min-width:1025px) {
	.link--orange-circle:hover {
		opacity: .8;
		background: #EB4D27;
		color: #fff
	}
	.link--white-circle:hover {
		opacity: .8;
		background: rgba(0, 0, 0, .5);
		color: #fff
	}
}

.link--blue-circle {
	border-color: #005FAE;
	color: #005FAE
}

@media (min-width:1025px) {
	.link--blue-circle:hover {
		opacity: .8;
		background-color: #005FAE;
		color: #fff
	}
}

.link--black-circle {
	border-color: #434345;
	background: #434345;
	color: #fff
}

@media (min-width:1025px) {
	.link--black-circle:hover {
		border-color: #252527;
		background: #252527;
		color: #fff
	}
}

.link--black-circle--s {
	display: block;
	max-width: 200px;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 0 auto;
	border-radius: 0;
	border-style: solid;
	border-width: 2px;
	transition: all .25s;
	border-color: #434345;
	background: #434345;
	color: #fff;
}

@media (min-width:1025px) {
	.link--black-circle--s:hover {
		border-color: #252527;
		background: #252527;
		color: #fff
	}
	.link--sky-blue-circle:hover {
		opacity: .7;
		color: #fff
	}
}

.link--sky-blue-circle {
	border-color: #005FAE;
	background-color: #005FAE
}

.bubble {
	display: none;
	background-color: #EB4D27;
	border-radius: 10px;
	width: 100px;
	padding: .5em;
	top: 0;
	left: 50%;
	margin-left: -50px
}

.bubble:before {
	width: 0;
	height: 0;
	left: -7px;
	top: 7px;
	border-style: solid;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #EB4D27 transparent transparent
}

.btn--scroll-down {
	bottom: 2em;
	left: 50%;
	margin-left: -2.5em
}

.btn--scroll-down i {
	font-size: 5em
}

@media (max-width:850px) {
	.btn--scroll-down i {
		font-size: 4em
	}
}

.btn--filter {
	border-bottom: 1px solid #273377;
	transition: all .25s;
	max-width: 400px;
	background: 0 0
}

.btn--orange-submit,
.btn--yellow-submit {
	height: 56px;
	line-height: 56px;
	min-width: 200px;
	margin: 0;
	transition: all .5s;
	display: inline-block;
	text-transform: uppercase
}

@media (min-width:1025px) {
	.btn--filter:hover {
		border-bottom: 1px solid #EB4D27
	}
	.btn--yellow-submit:hover {
		color: #434345;
		opacity: .8
	}
}

.btn--filter i,
.btn--filter span {
	display: inline-block;
	vertical-align: middle
}

.btn--filter span {
	width: 90%
}

.btn--filter i {
	font-size: 25px
}

.btn--yellow-submit {
	background: #ff0;
	border: 2px solid #ff0;
	border-radius: 3em;
	padding: 0;
	color: #434345;
	margin-bottom: 20px;
}

.btn--yellow-submit.disabled {
	opacity: .5
}

.btn--yellow-submit.disabled+span {
	display: inline-block;
	opacity: 1;
	visibility: visible;
	color: #ff0
}

.btn--yellow-submit+span {
	opacity: 1;
	visibility: visible;
	font-size: 1.2em;
	padding-left: 2em
}

@media (max-width:767px) {
	.btn--yellow-submit {
		width: 100%
	}
	.btn--yellow-submit+span {
		padding-left: 0;
		padding-top: 1em
	}
	.btn--orange-submit {
		width: 100%
	}
}

.btn--orange-submit {
	background: #EB4D27;
	border: 2px solid #EB4D27;
	border-radius: 3em;
	padding: 0;
	color: #fff
}

@media (min-width:1025px) {
	.btn--orange-submit:hover {
		color: #fff;
		opacity: .8
	}
	.slide-content:hover i span,
	.slide-content:hover i span:after {
		background-color: #fff
	}
}

.btn--orange-submit.disabled {
	opacity: .5
}

.btn--orange-submit.disabled+span {
	display: inline-block;
	opacity: 1;
	visibility: visible;
	color: #EB4D27
}

.plus-icon-black.open span:after,
.plus-icon.open span:after {
	opacity: 0
}

.btn--orange-submit+span {
	opacity: 0;
	visibility: hidden;
	font-size: 1.2em;
	padding-left: 2em
}

@media (max-width:767px) {
	.btn--orange-submit+span {
		padding-left: 0;
		padding-top: 1em
	}
}

.btn--close {
	font-size: 2em
}

.plus-icon {
	display: inline-block
}

@media (min-width:1025px) {
	.plus-icon:hover span,
	.plus-icon:hover span:after {
		background-color: #EB4D27
	}
}

.plus-icon.open span {
	transform: rotate(0);
	background-color: #EB4D27
}

.plus-icon span {
	width: 20px;
	height: 2px;
	background-color: #fff;
	transition: transform .25s;
	transform: rotate(90deg)
}

.plus-icon span:after {
	display: block;
	height: 19px;
	width: 2px;
	background-color: #fff;
	transform: translate(9px, -9px)
}

.plus-icon-black {
	display: inline-block;
	top: -2px;
	margin-left: 10px
}

@media (min-width:1025px) {
	.plus-icon-black:hover span,
	.plus-icon-black:hover span:after {
		background-color: #434345
	}
}

.plus-icon-black.open span {
	transform: rotate(0);
	background-color: #434345
}

.plus-icon-black span {
	background-color: #434345;
	transition: transform .25s;
	transform: rotate(90deg);
	width: 10px;
	height: 2px
}

.plus-icon-black span:after {
	display: block;
	background-color: #434345;
	width: 2px;
	height: 10px;
	transform: translate(4px, -4px)
}

.call-to-action,
.call-to-action.blue-skin {
	background-color: #E1E8ED
}

.call-to-action.white-skin {
	background-color: #fff
}

.call-to-action__image {
	max-width: 100%
}

.call-to-action__subheading {
	text-transform: uppercase
}

.call-to-action__heading {
	margin: 30px 0
}

@media (max-width:550px) {
	.call-to-action__heading {
		margin: 20px 0
	}
	.call-to-action__heading br {
		display: none
	}
}

.call-to-action__button {
	margin-top: 30px
}

.carousel--style-1 .slick-arrow {
	top: 50%;
	margin-top: -90px;
	z-index: 20;
	width: 50px;
	padding: 70px 0;
	background-color: rgba(255, 255, 255, .3);
	transition: background-color .3s
}

.carousel--style-1 .slick-arrow i {
	font-size: 35px;
	color: #434345;
	transition: color .3s
}

.carousel--style-1 .slick-arrow.prev-btn {
	left: 0
}

.carousel--style-1 .slick-arrow.next-btn {
	right: 0
}

.carousel--style-1 .item {
	height: 100vh;
	overflow: hidden
}

@media (max-width:1250px) {
	.carousel--style-1 .item {
		height: 700px
	}
}

@media (max-width:850px) {
	.carousel--style-1 .item {
		height: 600px
	}
}

.carousel--style-1 .item .container {
	max-width: 600px;
	height: 100%;
	padding-top: 4em;
	z-index: 2
}

@media (max-width:850px) {
	.carousel--style-1 .item .container {
		padding-top: 3em;
		padding-left: 40px;
		padding-right: 40px
	}
}

.carousel--style-1 .item .heading {
	text-transform: capitalize
}

.grid__style--1 figcaption h5,
.member-card__subheading,
.price-card__item__name h4,
label {
	text-transform: uppercase
}

.carousel--style-1 .item .paragraph {
	margin-bottom: 1em;
	color: #222
}

@media (min-width:768px) {
	.carousel--style-2 .carousel__image {
		margin: 0 auto 40px
	}
}

@media (max-width:767px) {
	.carousel--style-2 .carousel__image {
		margin: 0 auto 20px
	}
}

.carousel--style-2 .carousel__container {
	z-index: 20
}

.carousel--style-2 .carousel__content-link {
	display: block
}

@media (min-width:1025px) {
	.carousel--style-1 .slick-arrow:hover {
		background-color: rgba(255, 255, 255, .6)
	}
	.carousel--style-2 .carousel__content-link:hover .carousel__icon {
		transform: translateX(5px)
	}
}

.carousel--style-2 .carousel__icon {
	transition: transform .3s;
	margin: -3px 0 0 10px;
	font-size: 24px
}

.carousel--style-2 .slick-arrow {
	top: 50%;
	margin-top: -90px;
	z-index: 20;
	width: 50px;
	padding: 70px 0;
	background-color: rgba(255, 255, 255, .3);
	transition: background-color .3s
}

.carousel--style-2 .slick-arrow i {
	font-size: 35px;
	color: #434345;
	transition: color .3s
}

@media (min-width:1025px) {
	.carousel--style-2 .slick-arrow:hover {
		background-color: rgba(255, 255, 255, .6)
	}
	.carousel--style-3 {
		min-height: 615px
	}
}

.carousel--style-2 .slick-arrow.prev-btn {
	left: 0
}

.carousel--style-2 .slick-arrow.next-btn {
	right: 0
}

.carousel--style-2 .slick-dots {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto
}

.carousel--style-2 .slick-dots:after {
	content: " ";
	display: block;
	clear: both
}

.carousel--style-2 .slick-dots li {
	margin: 0 8px
}

.carousel--style-2 .slick-dots button {
	text-indent: -9000px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #898989;
	padding: 0;
	vertical-align: middle
}

.carousel--style-2 .slick-dots .slick-active button {
	width: 14px;
	height: 14px;
	border: 2px solid #434345
}

.carousel--style-2__bottom a {
	display: block;
	width: 100%;
	height: auto
}

.carousel--style-3 .carousel__image {
	display: block
}

.carousel--style-3 .carousel__dots-wrap {
	bottom: 50px;
	left: 0
}

.carousel--style-3 .carousel__dots-wrap .slick-dots li {
	margin-right: 15px
}

.carousel--style-3 .carousel__dots-wrap .slick-dots button {
	width: 20px;
	height: 20px;
	background-color: rgba(67, 67, 69, .2);
	text-indent: -9000px;
	border-radius: 50%;
	transition: background-color .3s
}

@media (max-width:550px) {
	.carousel--style-3 .carousel__dots-wrap .slick-dots li {
		margin-right: 10px
	}
	.carousel--style-3 .carousel__dots-wrap .slick-dots button {
		width: 15px;
		height: 15px
	}
}

.carousel--style-3 .carousel__dots-wrap .slick-dots .slick-active button {
	background-color: rgba(67, 67, 69, .5)
}

.accordion,
.bg--white,
.carousel--style-2 .slick-dots .slick-active button,
.come-n-join-tenten,
.contact-us__section,
.image-card__container,
.job-features,
.job-form,
.jobs-single-main,
.our-client-say__person .photo,
.pika-label,
.pika-single,
.price-card__item__block .price-content,
.price-card__item__heading,
.selected-works,
.tenten-intro,
.two-blocks__style--1__content .content:first-child,
.two-blocks__style--1__slidedown,
.two-blocks__style--2 .content-img,
.two-blocks__style--2 .content-text {
	background-color: #fff
}

#icp-china,
.bg--light-gray,
.carousel--style-3 .carousel__main,
.our-about,
.our-process,
.our-services,
.price-card .price,
.price-card__item__block .heading,
body.app-process,
body.five-reasons-why-you-should-work-at-tenten,
body.front-end-developer,
body.intern,
body.ios-developer,
body.jobs,
body.our-process,
body.software-engineer,
body.ui-designer,
body.web-designer {
	background-color: #F2F2F2
}

.bg--light-gray-darken {
	background-color: #e8e8e8
}

.bg--light-blue,
.blue-skin,
.startup-how,
.why-cloud {
	background-color: #E1E8ED
}

.bg--blue {
	background-color: #005FAE
}

#inquiry-results h4,
#inquiry-results h6,
.bubble,
.circle-icon-list__icon,
.color--white,
.form--subscribe .subscribe-confirm i,
.four-o-four h4,
.four-o-four h6,
.grid__style--1 a,
.hero-banner--full .btn--scroll-down,
.hero-banner--half .btn--scroll-down,
.hero-banner__heading,
.industries-lists .basic-list__item,
.industries-lists .list-with-icon__item,
.industries-lists .small-subheading,
.is-selected .pika-button,
.link--sky-blue-circle,
.loader-overlay,
.main-nav__item>a,
.nav--fullscreen,
.nav--fullscreen li button,
.orange-skin .center-heading__main,
.our-client-say,
.our-client-say .heading,
.our-client-say__person a,
.price-card__item__name,
.share-page a i,
.side-notice__heading,
.startup-meet__price .paragraph,
.tenten-form,
.tenten-form .form-group label,
.tenten-form .form-group.active .label-wrap input,
.tenten-form textarea,
.tenten-intro__summary .watch-video--content,
.two-blocks__style--2 .two-blocks__item--extras .width-text p,
.video-content,
.works--back-to-top,
.works-card__container,
.works-card__heading {
	color: #fff
}

.accordion__heading,
.accordion__icon,
.call-to-action__heading,
.color--blue,
.color--sky-blue,
.datacenter-location .chat-with-us p,
.datacenter-location .vps-locations ul>li,
.insight__tab button,
.member-card__heading,
.member-section__heading,
.profile-section__description,
.profile-section__heading,
.profile-section__subheading,
.tab-section__current,
.tab-section__dropdown-icon,
.why-cloud h3 {
	color: #005FAE
}

.circle-icon-list__heading,
.color--dark-blue,
.member-card__subheading {
	color: #434345
}

.color--orange,
.come-n-join-tenten__slogan,
.contact-us__section .link--orange-circle i,
.contact-us__section .link--orange-circle span,
.contact-us__section a,
.job-list__title,
.jobs-single-main h3,
.js-language-switch.is-active,
.nav--fullscreen li button:hover,
.orange-skin .two-blocks__heading,
.right-img-banner .job-heading,
.two-blocks__style--4 .order,
.works-section__content h5 {
	color: #EB4D27
}

.color--white .center-heading__main,
.extra-background-fixed .center-heading {
	color: #fff
}

.extra-background-fixed {
	background-size: cover;
	color: #fff
}

#inquiry-results,
.four-o-four {
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	height: 100vh
}

#inquiry-results:before,
.four-o-four:before {
	content: "";
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0
}

#inquiry-results h6,
.four-o-four h6 {
	margin-bottom: .5em
}

#date_type .form-group--half,
.tenten-form .form-group--half,
.tenten-form .inline-checklist .label-wrap,
.tenten-form .inline-checklist label {
	display: inline-block;
	vertical-align: top
}

label {
	color: rgba(255, 255, 255, .8);
	margin-bottom: .5em;
	display: block;
	transition: color .3s
}

@media (max-width:850px) {
	.carousel--style-3 .carousel__dots-wrap {
		bottom: 20px
	}
	label {
		margin-bottom: .2em
	}
}

input[type].line-input,
textarea.line-input {
	border: 1px solid #D1D3D4;
	padding: .25em .5em;
	border-radius: .25em;
	transition: border .3s
}

.form-group {
	margin-bottom: 2em
}

.form-group:last-child {
	margin-bottom: 0
}

.form-group label {
	color: #898989
}

.form-group.warning label {
	color: #EB4D27
}

.form-group.warning input,
.form-group.warning textarea {
	border: 1px solid #EB4D27
}

.form-submit-button {
	margin-top: 2em
}

.dropdown-list {
	background-color: rgba(255, 255, 255, .8);
	width: 100%;
	color: #000;
	top: auto;
	left: 0
}

.dropdown-list>li {
	padding: 10px
}

.dropdown-list>li:hover {
	background-color: rgba(0, 0, 0, .1)
}

.form--subscribe input {
	border: 1px solid rgba(255, 255, 255, .3);
	height: 48px;
	width: calc(100% - 70px);
	padding: 0 1.3em;
	color: #7E8083
}

.form--subscribe .subscribe-confirm {
	background-color: #434345;
	border: #434345;
	padding: 0;
	width: 60px;
	height: 48px
}

.form--subscribe .subscribe-confirm i {
	display: block;
	font-size: 1.8em;
	margin-top: 3px
}

.grid {
	width: 100%
}

.grid .gutter__sizer {
	width: .8%
}

.grid__style--2 .grid__item h5,
.grid__style--4 h5 {
	text-transform: uppercase;
	margin: 1em
}

.grid__style--2 .grid__item--single figcaption h5,
.grid__style--4 figcaption h5 {
	line-height: 1.2em
}

.grid__style--2 .grid__item--single figcaption h5:before,
.grid__style--4 figcaption h5:before {
	display: block;
	margin-bottom: .5em
}

@media (min-width:1025px) {
	.extra-background-fixed {
		background-attachment: fixed
	}
	.grid__style--1 .grid__item,
	.grid__style--1 .grid__sizer {
		width: 24.2%
	}
	.grid__style--1 .grid__item:hover figcaption {
		transform: translateY(0)
	}
}

@media (max-width:1024px) {
	.grid__style--1 .grid__item,
	.grid__style--1 .grid__sizer {
		width: 49.2%
	}
}

.grid__style--1 .grid__item {
	overflow: hidden
}

@media (min-width:1025px) {
	.grid__style--1 .grid__item--single {
		width: 24.2%
	}
	.grid__style--1 .grid__item--double {
		width: 49.2%
	}
	.grid__style--1 figcaption {
		transform: translateY(110px);
		transition: transform .5s;
		padding: 1em 1.5em
	}
}

@media (max-width:1024px) {
	.grid__style--1 .grid__item--double,
	.grid__style--1 .grid__item--single {
		width: 49.2%
	}
}

.grid__style--1 figure {
	position: relative
}

.grid__style--1 figcaption {
	bottom: 0;
	width: 100%
}

@media (max-width:1250px) {
	.grid__style--1 figcaption {
		transform: translateY(180px)
	}
}

.grid__style--1 figcaption h5 {
	margin-bottom: .2em;
	letter-spacing: 2px
}

.grid__style--1 figcaption h6 {
	opacity: .7
}

@media (max-width:1024px) {
	.grid__style--1 figcaption {
		padding: .5em 1em;
		transform: translateY(0);
		background: rgba(67, 67, 69, .5)!important
	}
	.grid__style--1 figcaption h6 {
		display: none
	}
}

@media (min-width:1025px) {
	.grid__style--1 .figcaption-arrow {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 17.3px;
		position: absolute;
		top: -15px
	}
	.grid__style--2 .grid__sizer {
		width: 19.2%
	}
}

.grid__style--2 figure,
.grid__style--4 .instagram {
	position: relative
}

.grid__style--1 img {
	display: block
}

@media (max-width:1024px) {
	.grid__style--2 .grid__sizer {
		width: 49.2%
	}
}

@media (min-width:1025px) {
	.grid__style--2 .grid__item--single {
		width: 19.2%
	}
}

@media (max-width:1024px) {
	.grid__style--2 .grid__item--single {
		width: 49.2%
	}
}

.grid__style--2 .grid__item--single figcaption {
	top: 0;
	width: 100%
}

.grid__style--2 .grid__item--single img {
	overflow: hidden
}

@media (min-width:1025px) {
	.grid__style--2 .grid__item--double {
		width: 39.2%
	}
}

@media (max-width:1024px) {
	.grid__style--2 .grid__item--double {
		width: 49.2%
	}
}

.grid__style--2 .grid__item--double figcaption {
	bottom: 0;
	width: 100%
}

.grid__style--2 img {
	width: 100%;
	display: block
}

.grid__style--2 .facebook {
	background: #3b5998;
	width: 100%
}

.grid__style--2 .twitter {
	background: #55acee
}

.grid__style--3 {
	margin-bottom: 2em
}

@media (min-width:1025px) {
	.grid__style--3 .grid__item,
	.grid__style--3 .grid__sizer {
		width: 25%
	}
}

@media (max-width:1024px) {
	.grid__style--3 .grid__item,
	.grid__style--3 .grid__sizer {
		width: 50%
	}
}

.grid__style--3 .grid__item {
	overflow: hidden;
	padding: 0 18px;
}
.grid__style--3 .grid__item img{
	transition: all .3s;
}
@media (max-width:850px) {
	.grid__style--3 .grid__item {
		padding: 0 10px
	}
}

@media (max-width:550px) {
	.grid__style--3 .grid__item {
		padding: 0 8px
	}
}

.grid__style--3 .grid__item h6 {
	color: #898989;
	padding: 10px 0;
	line-height: 1.3em
}

.grid__style--3 .grid__item figcaption {
	padding: 10px 0
}

@media (min-width:1025px) {
	.grid__style--3 .grid__item--single {
		width: 25%
	}
	.grid__style--3 .grid__item--double {
		width: 50%
	}
}

@media (max-width:1024px) {
	.grid__style--3 .grid__item--double,
	.grid__style--3 .grid__item--single {
		width: 50%
	}
}

.grid__style--3 img {
	width: 100%;
	display: block
}

.grid__style--3 .gutter__sizer {
	width: 0
}

.grid__style--4 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media (min-width:1251px) {
	.grid__style--2 .grid__item--single img {
		height: 236px
	}
	.grid__style--4 .grid__item {
		width: 18.55204%;
		float: left;
		margin-right: 1.80995%;
		margin-bottom: 1.80995%
	}
	.grid__style--4 .grid__item:nth-child(5n) {
		width: 18.55204%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:1250px) {
	.grid__style--4 .grid__item {
		width: 22.85714%;
		float: left;
		margin-right: 2.85714%;
		margin-bottom: 2.85714%
	}
	.grid__style--4 .grid__item:nth-child(4n) {
		width: 22.85714%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:850px) {
	.grid__style--4 .grid__item {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%;
		margin-bottom: 3.84615%
	}
	.grid__style--4 .grid__item:nth-child(4n) {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.grid__style--4 .grid__item:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

.grid__style--4 figure {
	position: relative;
	overflow: hidden
}

.grid__style--4 figcaption {
	top: 0;
	width: 100%
}

.grid__style--4 .facebook {
	background: #3b5998;
	width: 100%
}

.grid__style--4 .twitter {
	background: #55acee
}

@media (min-width:1025px) {
	.grid__style--4 .instagram {
		cursor: pointer
	}
	.grid__style--4 .instagram:hover:before {
		background-color: transparent
	}
	.grid__style--4 .instagram:before {
		content: " ";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(67, 67, 69, .3);
		transition: all .25s
	}
}

.half-block .small-subheading {
	margin-bottom: 2em
}

@media (min-width:851px) {
	.half-block {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.half-block:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:850px) {
	.half-block {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 50px
	}
	.half-block:last-child {
		margin-bottom: 0
	}
}

.half-block__description {
	padding: 30px 0
}

.half-block__button {
	margin: 0
}

.hero-banner--full,
.hero-banner--half {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.hero-banner__content--bottom,
.hero-banner__content--center,
.hero-banner__content--left {
	height: 100%;
	color: #fff
}

.hero-banner--full.lazyload,
.hero-banner--half.lazyload {
	opacity: 1;
	transition: opacity .5s ease-in-out .1s;
	-webkit-transition: opacity .5s ease-in-out .1s
}

.hero-banner__link,
.news-list__heading {
	transition: color .3s
}

.hero-banner--full.lazyload.b-loaded,
.hero-banner--half.lazyload.b-loaded {
	opacity: 1
}

.hero-banner--full {
	height: 100vh
}

.hero-banner--full .table {
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .7) 100%)
}

.hero-banner--half {
	height: 570px
}

.hero-banner--half .table-cell {
	padding-top: 50px
}

@media (max-width:1024px) {
	.hero-banner--half {
		height: 380px
	}
}

@media (max-width:850px) {
	.hero-banner--half {
		height: 400px
	}
}

@media screen and (max-width:850px) and (orientation:landscape) {
	.hero-banner--half {
		height: 100%
	}
}

@media (max-width:550px) {
	.hero-banner--full .table {
		background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .7) 100%)
	}
	.hero-banner--half {
		height: 220px
	}
}

@media screen and (max-width:550px) and (orientation:landscape) {
	.hero-banner--half {
		height: 100%
	}
}

.hero-banner--half~.works-section__image {
	margin-top: 2em
}

.hero-banner--half .table {
	background: linear-gradient(to top, rgba(0, 0, 0, .4) 30%, transparent 75%)
}

.hero-banner__content--bottom .container *,
.hero-banner__content--center .container *,
.hero-banner__content--left .container * {
	animation: fadeUp 2.5s;
	-webkit-animation: fadeUp 2.5s;
	transform: translateZ(0);
	-webkit-transform: translateZ(0)
}

.hero-banner__content--bottom .table-cell {
	vertical-align: bottom;
	padding-bottom: 4em
}

@media (max-width:850px) {
	.hero-banner__content--bottom .table-cell {
		padding-bottom: 4.5em
	}
}

@media (max-width:550px) {
	.hero-banner__content--bottom .table-cell {
		padding-bottom: 2.5em
	}
}

.hero-banner__heading {
	padding: .25em 0
}

.hero-banner__subheading--s {
	letter-spacing: .05em
}

.hero-banner__subheading {
	max-width: 800px;
	margin: 0 auto
}

.hero-banner__link a {
	color: #fff
}

.image-card {
	box-shadow: 1px 2px 5px 0 #D1D3D4;
	margin-bottom: 30px;
	transition:transform .3s,box-shadow .3s;
}

@media (min-width:768px) {
	.image-card {
		width: 30.76923%;
		float: left;
		margin-right: 3.84615%
	}
	.image-card:nth-child(3n) {
		width: 30.76923%;
		float: right;
		margin-right: 0
	}
	.image-card__heading {
		height: 81px
	}
}

@media (min-width:1025px) {
	.hero-banner__link:hover {
		color: #EB4D27
	}
	.background-fixed .hero-banner--half {
		background-attachment: fixed
	}
	.image-card__link:hover .image-card__heading {
		
	}
	.image-card__link:hover .image-card__button {
		opacity: .7
	}
	.image-card:hover{
		transform:translateY(-15px);
		box-shadow: 1px 2px 20px 0 #999;
	}
}

.image-card__img {
	display: block;
	width: 100%
}

@media (min-width:851px) {
	.image-card__container {
		padding: 30px
	}
}

@media (max-width:850px) {
	.image-card__container {
		padding: 20px
	}
}

.image-card__heading {
	color: #434345
}

@media (max-width:767px) {
	.image-card {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.image-card__heading {
		height: auto
	}
}

.image-card__content {
	color: #434345;
	margin: 20px 0;
	text-overflow: ellipsis;
	overflow: hidden
}

.star-note>li {
	font-size: 1.2em;
	margin: .5em;
	padding-left: .5em;
	text-indent: -.5em
}

.star-note>li:before {
	content: "*";
	display: inline-block;
	padding-right: .5em
}

.dash-list>li:before,
.the-list:before {
	display: inline-block;
	content: '- ';
	padding-right: .3em
}

.dash-list {
	padding-left: 1em
}

.dash-list>li:before {
	margin-left: -.8em
}

.the-list {
	padding-left: .4em;
	margin-bottom: .5em
}

.the-list:before {
	margin-left: -.7em
}

.basic-list__item {
	font-size: 1.3em;
	color: #273377;
	margin-bottom: 1.5em;
	line-height: 1.3em
}

.list-with-icon {
	display: flex;
	flex-wrap: wrap
}

@media (min-width:1025px) {
	.list-with-icon a:hover {
		color: #EB4D27
	}
}

.list-with-icon__item {
	position: relative;
	color: #273377;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-bottom: 20px
}

@media (min-width:768px) {
	.image-card__content {
		height: 115px
	}
	.basic-list {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.list-with-icon__item {
		flex: 0 0 50%
	}
}

@media (max-width:767px) {
	.image-card__content {
		height: auto
	}
	.list-with-icon__item {
		flex: 0 0 100%
	}
}

.list-with-icon__item span {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 60px);
	padding-top: 5px
}

.list-with-icon__item:hover .yellow-bubble {
	opacity: 1;
	visibility: visible
}

.list-with-icon__icon {
	display: inline-block;
	vertical-align: top;
	font-size: 2.2em;
	margin-right: 15px;
	height: 42px
}

.list-with-icon__svg {
	display: inline-block;
	width: 42px;
	height: 42px;
	margin-right: 10px
}

.list-with-icon__svg svg {
	fill: #fff;
	width: 100%
}

.list-with-icon--social {
	margin-top: 20px
}

.list-with-icon--social .list-with-icon__item {
	width: 100%;
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0
}

.list-with-icon--social .list-with-icon__icon {
	font-size: 1.5em;
	width: auto;
	height: 35px
}

.list-with-icon--social .list-with-icon__icon.icons-linkedin {
	font-size: 1.05em;
	padding-left: 5px
}

.icon-list {
	display: flex;
	flex-wrap: wrap
}

@media (max-width:850px) {
	.icon-list {
		flex-direction: column
	}
}

.icon-list__item {
	flex: 1 1 30%;
	padding: 0 1em
}

@media (max-width:850px) {
	.icon-list__item {
		flex: 0 0 auto;
		padding: 0;
		margin-bottom: 1.5em
	}
}

.icon-list__icon {
	width: 154px;
	height: 154px;
	margin: 0 auto
}

@media (max-width:850px) {
	.icon-list__icon {
		width: 120px;
		height: auto
	}
	.icon-list__heading {
		font-size: 1.5em
	}
}

@media (max-width:550px) {
	.icon-list__icon {
		width: 100px
	}
}

.icon-list__heading {
	margin: .8em 0 .3em
}

.startup-list__heading {
	margin-bottom: 1em;
	color: rgba(255, 255, 255, .8)
}

.startup-list__item {
	margin-right: 20px
}

.startup-list__item:last-child {
	margin-right: 0
}

.circle-icon-list__item {
	margin-bottom: 40px
}

.circle-icon-list__item:last-child {
	margin-bottom: 0
}

.circle-icon-list__icon-wrap {
	background-color: #D1D3D4;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-right: 20px
}

.circle-icon-list__icon {
	top: 50%;
	left: 50%
}

.circle-icon-list__icon.icons-mail {
	font-size: 64px;
	margin: -32px 0 0 -32px
}

.circle-icon-list__icon.icons-money {
	font-size: 80px;
	margin: -40px 0 0 -40px
}

.circle-icon-list__icon.icons-rocket {
	font-size: 94px;
	margin: -47px 0 0 -47px
}

.circle-icon-list__container {
	width: calc(100% - 125px)
}

.circle-icon-list__heading {
	margin-bottom: 10px
}

.circle-icon-list__link,
.circle-icon-list__paragraph {
	color: #7E8083
}

.loader-overlay {
	background: rgba(0, 0, 0, .7);
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 500;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.loader-overlay svg {
	width: 500px;
	margin: 0 auto;
	display: block
}

.loader-overlay h6 {
	margin-top: 1.5em
}

.member-card {
	margin-bottom: 30px;
	padding: 0 10px
}

@media (min-width:768px) {
	.member-card {
		flex: 0 0 33%
	}
}

.member-card__link {
	display: block
}

.member-card__container {
	padding: 15px 0
}

.member-card__heading {
	margin-bottom: 5px;
	transition: color .3s
}

@media (max-width:767px) {
	.member-card {
		flex: 0 0 49.8%
	}
	.member-card__heading {
		font-size: 1.2em!important
	}
	.member-card__subheading {
		font-size: .8em!important
	}
}

.member-section__subheading {
	margin-bottom: 15px
}

.member-section__members {
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row
}

.news-list__item {
	border-bottom: 1px solid #D1D3D4
}

.news-list__item:first-child .news-list__link {
	padding-top: 0
}

.news-list__link {
	display: block;
	padding: 20px 0
}

@media (min-width:1025px) {
	.member-card__link:hover .member-card__heading,
	.news-list__link:hover .news-list__heading {
		color: #EB4D27
	}
}

.news-list__date {
	letter-spacing: 1px;
	line-height: 1em;
	font-size: .8em;
	color: #898989;
	font-style: italic;
	margin-bottom: 10px
}

.news-list__heading {
	color: #434345
}

.page-top-nav {
	position: relative
}

.page-top-nav.is-open .page-top-nav__item {
	
}

.page-top-nav.is-open .page-top-nav__button {
	background: #005FAE;
	color: #fff;
	border-left: 1px solid rgba(255, 255, 255, .3)
}

.page-top-nav.is-open .page-top-nav__button i {
	color: #D1D3D4
}

.page-top-nav__list {
	border: 1px solid #D1D3D4;
	border-top: 0;
	display: flex;
	display: -webkit-flex;
	background: #fff
}

@media (max-width:850px) {
	.loader-overlay svg {
		width: 280px
	}
	.member-section__subheading {
		margin-bottom: 10px
	}
	.page-top-nav {
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 20px
	}
	.page-top-nav__list {
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-content: flex-end;
		-webkit-align-content: flex-end;
		display: block;
		border-top: 1px solid #D1D3D4
	}
    .page-top-nav.is-open .page-top-nav__item {
	    height: 36px
    }
}

@media (min-width:851px) {
	.page-top-nav__list {
		border-left: 0;
		border-right: 0
	}
	.page-top-nav__item {
		flex-grow: 1;
		-webkit-flex-grow: 1;
		background-clip: padding-box;
		transition: background .3s;
		-webkit-transition: background .3s;
		border-right: 1px solid #D1D3D4
	}
}

.page-top-nav__item:last-child {
	border-right: 0
}

.page-top-nav__item:hover .page-top-nav__link {
	color: #EB4D27
}

@media (max-width:850px) {
	.page-top-nav__item {
		width: 100%;
		background: #fff;
		border-bottom: none;
		height: 0;
		transition: height .3s;
		overflow: hidden
	}
}

@media (min-width:851px) {
    .page-top-nav.is-open .page-top-nav__item {
	    
    }
	.page-top-nav__item.is-current {
		background: #898989;
		position: relative;
		box-shadow: 0 0 5px rgba(0, 0, 0, .2)
	}
	.page-top-nav__item.is-current:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -10px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #898989
	}
}

.page-top-nav__item.is-current .page-top-nav__link {
	color: #fff
}

@media (max-width:850px) {
	.page-top-nav__item.is-current {
		height: 36px
	}
	.page-top-nav__item.is-current .page-top-nav__link {
		color: #005FAE
	}
}

.page-top-nav__link {
	display: block;
	padding: 20px 10px;
	text-align: center;
	color: #434345
}

@media (max-width:1024px) {
	.page-top-nav__link {
		padding: 15px 10px
	}
}

@media (max-width:850px) {
	.page-top-nav__link {
		text-align: left;
		padding: 0 0 0 15px;
		line-height: 36px!important
	}
}

.page-top-nav__button {
	position: absolute;
	top: 21px;
	right: 0;
	height: 36px;
	padding: 0 12px;
	background: #D1D3D4;
	color: #888;
	display: none;
	z-index: 2
}

.panel__heading,
.panel__paragraph a {
	color: #005FAE
}

@media (max-width:850px) {
	.page-top-nav__button {
		display: block
	}
}

.panel-wrap--top-gutter {
	padding-top: 60px;
	padding-bottom: 30px
}

.panel-wrap--three-col {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

@media (min-width:768px) {
	.panel-wrap--three-col {
		flex-direction: row
	}
}

@media (max-width:767px) {
	.panel-wrap--top-gutter {
		padding-top: 20px;
		padding-bottom: 30px
	}
	.panel-wrap--three-col {
		flex-direction: column
	}
}

@media (min-width:768px) {
	.panel-wrap--three-col .panel {
		margin-bottom: 30px;
		flex: 0 0 30%
	}
	.panel-wrap--three-col .panel:nth-child(3n+1) {
		margin-right: 5%
	}
	.panel-wrap--three-col .panel:nth-child(3n) {
		margin-left: 5%
	}
	.panel__heading {
		margin-bottom: 10px
	}
}

@media (max-width:767px) {
	.panel-wrap--three-col .panel {
		margin-top: 30px;
		flex: 0 0 auto
	}
	.panel__heading {
		margin-bottom: 10px
	}
}

.panel__paragraph a:hover {
    color: #EB4D27;
}

@media (min-width:1025px) {
	.panel__item {
		font-size: 1.2em;
		line-height: 1.45em;
		margin-bottom: 10px
	}
}

@media (max-width:1024px) {
	.panel__item {
		font-size: 18px;
		line-height: 1.25em;
		margin-bottom: 15px
	}
}

.price-card-section {
	background-color: #E1E8ED
}

.price-card {
	display: flex;
	align-items: streth;
	justify-content: space-between;
	margin-bottom: 2em
}

.price-card__item {
	width: 30%
}

@media (max-width:850px) {
	.price-card {
		display: block
	}
	.price-card__item {
		width: 90%;
		margin: 0 auto 1.5em;
		max-width: 280px
	}
}

.price-card__item.rounded-bottom {
	background-color: #fff;
	border-radius: 10px
}

.price-card__item.rounded-bottom:after {
	content: "";
	background-color: #fff;
	display: block;
	height: 10px;
	border-radius: 0 0 10px 10px
}

.price-card .price {
	padding: 10px 20px;
	border-radius: 0 0 10px 10px
}

.price-card .price .number {
	font-size: 2.2em;
	width: auto;
	padding-right: .35em
}

.price-card .price .unit {
	font-size: .95em;
	line-height: 1.2em
}

.price-card__subheading {
	font-size: 1.8em
}

.price-card__item__name {
	padding: 1em;
	border-radius: 10px 10px 0 0
}

.price-card__item__name h4 {
	letter-spacing: 2px
}

.price-card__item__name .small-heading {
	font-size: 1.1em;
	line-height: 1.3em;
	text-transform: initial
}

.price-card__item__heading {
	font-size: 3em;
	padding: .5em 0;
	text-transform: uppercase
}

.price-card__item__block .heading {
	color: #999;
	padding: 8px 20px;
	font-size: 1em;
	text-transform: uppercase
}

.price-card__item__block .text {
	font-size: 2.3em
}

.price-card__item__block .text span {
	font-size: .6em
}

.price-card__item__block .dash-list {
	padding: 0 15px
}

.price-card__item__block .price-content {
	padding: 10px 20px
}

.profile-section__block {
	padding: 20px 0;
	border-top: 1px solid #E1E8ED
}

.profile-section--name {
	height: 170px
}

.profile-section__heading {
	margin-bottom: 5px
}

.profile-section__list-heading {
	display: inline-block;
	vertical-align: top;
	width: 120px
}

.profile-section__list {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 125px)
}

.profile-section__item {
	margin-bottom: 15px
}

.profile-section__item:last-child {
	margin-bottom: 0
}

.profile-section__description {
	margin-bottom: 40px
}

@media (max-width:850px) {
	.profile-section__block:first-child {
		border-top: 0;
		padding-top: 0
	}
	.profile-section--name {
		height: auto
	}
	.profile-section__description {
		margin-bottom: 20px
	}
}

.profile-section__paragraph p {
	margin-bottom: 1em
}

.profile-section__paragraph p:last-child {
	margin-bottom: 0
}

.quote {
	color: #fff;
	background-color: #273377;
	padding: 3.5em
}

.quote__quotation {
	font-size: 1.8em;
	line-height: 1.4em;
	letter-spacing: .03em
}

@media (max-width:850px) {
	.quote {
		padding: 2.5em 0
	}
	.quote__quotation {
		font-size: 1.2em
	}
}

.quote__heading {
	letter-spacing: .05em;
	margin-bottom: .5em
}

.quote.quote--light-blue {
	background-color: #005FAE
}

.section-banner {
	display: flex;
	align-items: center
}

.section-banner__heading,
.section-banner__paragraph {
	color: inherit
}

@media (min-width:768px) {
	.section-banner {
		height: 100vh
	}
	.section-banner__paragraph {
		padding: 40px 0
	}
}

@media (max-width:767px) {
	.section-banner {
		height: 80vh
	}
	.section-banner__paragraph {
		padding: 20px 0
	}
}

.section-banner__button {
	margin: 0
}

@media (min-width:1025px) {
	.tab-section__nav {
		width: 22.11538%;
		float: left;
		margin-right: 3.84615%
	}
}

@media (max-width:1024px) {
	.tab-section__nav {
		width: 30.76923%;
		float: left;
		margin-right: 3.84615%
	}
}

@media (min-width:768px) {
	.tab-section__nav {
		padding-top: 50px
	}
}

@media (max-width:767px) {
	.tab-section__nav {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		margin-bottom: 20px
	}
}

.tab-section__container-wrap {
	width: 65.38462%;
	float: right;
	margin-right: 0
}

@media (min-width:1025px) {
	.tab-section__container-wrap {
		margin-left: 8.65385%
	}
}

.tab-section__container {
	display: none
}

.tab-section__container.is-active {
	display: block
}

.tab-section__container a {
	color: #005FAE
}

.tab-section__container a:hover {
	color: #EB4D27
}

.tab-section__heading {
	color: #005FAE;
	margin-bottom: 30px
}

.tab-section__paragraph {
	margin-bottom: 20px
}

.tab-section__paragraph:last-child {
	margin-bottom: 0
}

@media (min-width:768px) {
	.tab-section__mobile-dropdown {
		display: none
	}
	.tab-section__item {
		text-align: right
	}
}

@media (max-width:767px) {
	.tab-section__container-wrap {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.tab-section__mobile-dropdown {
		display: block
	}
	.tab-section__list {
		display: none
	}
}

.tab-section__dropdown-trigger {
	font-size: .9em;
	background-color: #fff;
	padding: 15px 20px
}

.tab-section__dropdown-trigger.is-active .tab-section__dropdown-icon {
	transform: rotate(90deg)
}

.tab-section__current {
	width: calc(100% - 23px)
}

.tab-section__dropdown-icon {
	transition: transform .3s;
	font-size: 18px
}

.tab-section__item {
	transition: color .3s, background-color .3s;
	padding: 15px 20px
}

.tab-section__item.is-active {
	background-color: #fff;
	color: #005FAE
}

@media (min-width:1025px) {
	.tab-section__item:hover {
		background-color: #fff;
		color: #005FAE
	}
	.our-client-say__person a:hover {
		text-decoration: underline
	}
}

@media (max-width:767px) {
	.tab-section__item.is-active {
		display: none
	}
	.tab-section__item {
		text-align: left
	}
}

.our-client-say {
	background-color: #005FAE
}

.our-client-say__words {
	max-width: 1000px;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 2.15em;
	line-height: 1.2em;
	letter-spacing: .09em
}

@media (max-width:850px) {
	.our-client-say__words {
		font-size: 1.5em
	}
}

.our-client-say__person .photo {
	height: 100px;
	border: 2px solid #eee;
	border-radius: 100px;
	margin: 1em 0;
	overflow: hidden
}

.our-client-say__person .position {
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 1px
}

.our-client-say__person .name {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.2em
}

.text-editor-section p {
	margin-bottom: .5em
}

.text-editor-section ul {
	list-style: none;
	margin-bottom: 1.5em;
	margin-right: auto;
	margin-left: auto
}

.text-editor-section ul>li {
	padding-left: 1.2em;
	margin-bottom: .3em;
	text-indent: -.5em
}

.text-editor-section ul>li:before {
	content: "• ";
	color: #EB4D27;
	display: inline-block;
	padding-right: .1em
}

.two-blocks__style--1 .two-blocks__heading,
.two-blocks__style--3 .two-blocks__heading {
	color: #434345
}

.text-editor-section ol {
	list-style-type: decimal;
	margin-left: 1em
}

.text-editor-section ol>li {
	margin-bottom: .3em
}

.two-blocks__style--1__item {
	margin-bottom: 3em
}

.two-blocks__style--1__content {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 1px
}

@media (min-width:851px) {
	.two-blocks__style--1__content {
		min-height: 346px;
		flex-direction: row
	}
}

@media (max-width:850px) {
	.two-blocks__style--1__content {
		flex-direction: column
	}
}

.two-blocks__style--1__content .content:first-child {
	flex: 1 1 40%;
	padding: 3em
}

@media (max-width:1250px) {
	.two-blocks__style--1__content .content:first-child {
		flex: 1 1 50%
	}
}

@media (max-width:850px) {
	.two-blocks__style--1__content .content:first-child {
		order: 2;
		flex: 0 0 auto;
		width: 100%;
		padding: 2em
	}
}

.two-blocks__style--1__content .content:last-child {
	flex: 1 1 60%;
	min-height: 150px;
}

@media (max-width:1250px) {
	.two-blocks__style--1__content .content:last-child {
		flex: 1 1 50%
	}
}

@media (max-width:850px) {
	.two-blocks__style--1__content .content:last-child {
		order: 1;
		flex: 0 0 auto;
		width: 100%
	}
}

.two-blocks__style--1__slidedown {
	display: none
}

.two-blocks__style--1__slidedown.is-active {
	display: flex;
	flex-wrap: nowrap
}

@media (max-width:850px) {
	.two-blocks__style--1__slidedown {
		flex-direction: column
	}
}

.two-blocks__style--1__slidedown .content {
	padding: 3em
}

.two-blocks__style--1__slidedown .content:first-child {
	flex: 1 1 55%;
	background-color: #fff;
	padding-right: 1em
}

@media (max-width:1250px) {
	.two-blocks__style--1__slidedown .content:first-child {
		flex: 1 1 50%
	}
}

@media (max-width:850px) {
	.two-blocks__style--1__slidedown .content:first-child {
		order: 2;
		flex: 0 0 auto;
		width: 100%;
		padding: 2em
	}
}

.two-blocks__style--1__slidedown .content:last-child {
	flex: 1 1 45%
}

@media (max-width:1250px) {
	.two-blocks__style--1__slidedown .content:last-child {
		flex: 1 1 50%
	}
}

@media (max-width:850px) {
	.two-blocks__style--1__slidedown .content:last-child {
		order: 1;
		flex: 0 0 auto;
		width: 100%;
		padding: 2em
	}
}

.two-blocks__style--1 img {
	display: block
}

.two-blocks__style--1 h4 {
	margin-bottom: .5em;
	line-height: 1.2em
}

.two-blocks__style--1 .list-col {
	display: flex;
	flex-wrap: nowrap
}

@media (max-width:1024px) {
	.two-blocks__style--1 .list-col {
		flex-direction: column
	}
}

.two-blocks__style--1 .line-list {
	border-left: 1px solid #D1D3D4;
	margin-top: 1em;
	flex: 0 0 50%
}

.two-blocks__style--1 .line-list>li {
	margin: .5em 1em
}

@media (min-width:851px) {
	.two-blocks__style--1 .item-text {
		margin: 0 auto
	}
}

.two-blocks__style--1 img {
	width: 240px;
	height: 240px;
	position: absolute;
	left:0;
	right: 0;
	top: 50%;
	bottom:0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -120px;
	
}

@media (max-width:1250px) {
	.two-blocks__style--1 img {
		width: 200px;
		height: 200px;
		margin-top: -100px;
	}
}

@media (max-width:1024px) {
	.two-blocks__style--1 .line-list {
		flex: 0 0 auto
	}
	.two-blocks__style--1 img {
		
	}
	.two-blocks__style--2 .two-blocks__item {
		flex-direction: column
	}
}

@media (max-width:850px) {
	.two-blocks__style--1 img {
		width: 150px;
		height: 150px;
		margin-top: -75px;
	}
}

@media (max-width:550px) {
	.two-blocks__style--1 img {
		width: 105px;
		height: 105px;
		margin-top: -50px;
	}
}

.two-blocks__style--2 .two-blocks__item {
	min-height: 300px
}

.two-blocks__style--2 .two-blocks__item p {
	margin-bottom: 0
}

.two-blocks__style--2 .two-blocks__item:nth-child(2n) .content-text {
	order: 2
}

.two-blocks__style--2 .two-blocks__item:nth-child(2n) .content-img {
	order: 1
}

.two-blocks__style--2 .content-img,
.two-blocks__style--2 .content-text {
	flex: 1 1 50%
}

.two-blocks__style--2 .content-text {
	padding: 3em;
	order: 1;
	display: flex
}

@media (max-width:1024px) {
	.two-blocks__style--2 .content-img,
	.two-blocks__style--2 .content-text {
		flex: 0 0 auto
	}
	.two-blocks__style--2 .content-text {
		order: 2
	}
}

@media (max-width:850px) {
	.two-blocks__style--2 .content-text {
		flex-direction: column;
		padding: 2em
	}
}

.two-blocks__style--2 .content-text.text-only {
	display: block
}

.two-blocks__style--2 .content-img {
	padding: 0;
	order: 2;
	min-height: 300px
}

.two-blocks__style--2 .svg-bg {
	background-size: contain
}

.two-blocks__style--2 .item-content {
	flex: 1 1 65%
}

@media (max-width:1250px) {
	.two-blocks__style--2 .item-content {
		flex: 1 1 60%
	}
}

@media (max-width:850px) {
	.two-blocks__style--2 .content-img {
		min-height: initial;
		height: 200px
	}
	.two-blocks__style--2 .item-content {
		flex: 0 0 auto;
		text-align: center
	}
}

.two-blocks__style--2 .item-block {
	flex: 1 1 35%;
	text-align: center;
}

@media (max-width:1250px) {
	.two-blocks__style--2 .item-block {
		flex: 1 1 40%
	}
}

@media (max-width:1024px) {
	.two-blocks__style--2 .content-img {
		order: 1;
		height: 200px
	}
	.two-blocks__style--2 .item-block {
		text-align: center
	}
}

@media (max-width:850px) {
	.two-blocks__style--2 .item-block {
		flex: 0 0 auto
	}
}

.two-blocks__style--2 .two-blocks__item--extras {
	display: flex;
	flex-direction: column
}

.two-blocks__style--2 .two-blocks__item--extras .content-text {
	order: 1;
	flex: 0 0 auto;
	display: flex
}

@media (min-width:851px) {
	.two-blocks__style--2 .two-blocks__item--extras .content-text div {
		flex: 1 1 50%
	}
	.two-blocks__style--2 .two-blocks__item--extras .content-text div:first-child {
		padding-right: 1em
	}
	.two-blocks__style--2 .two-blocks__item--extras .content-text div:last-child {
		padding-left: 1em
	}
	.two-blocks__style--3 .link--circle {
		position: absolute;
		bottom: 3em
	}
}

@media (max-width:850px) {
	.two-blocks__style--2 .two-blocks__item--extras .content-text {
		order: 2
	}
	.two-blocks__style--2 .two-blocks__item--extras .content-text div {
		flex: 0 0 auto
	}
}

.two-blocks__style--2 .two-blocks__item--extras .content-img {
	flex: 0 0 auto;
	height: 350px
}

.two-blocks__style--2 .two-blocks__item--extras .item-block {
	flex: 1 1 40%
}

@media (max-width:850px) {
	.two-blocks__style--2 .two-blocks__item--extras .content-img {
		order: 1;
		min-height: initial;
		height: 200px
	}
	.two-blocks__style--2 .two-blocks__item--extras .item-block {
		flex: 0 0 auto
	}
}

.two-blocks__style--2 .two-blocks__item--extras .item-content {
	flex: 1 1 60%
}

@media (max-width:850px) {
	.two-blocks__style--2 .two-blocks__item--extras .item-content {
		flex: 0 0 auto;
		text-align: center
	}
}

.two-blocks__style--2 .two-blocks__item--extras svg {
	display: inline-block
}

.two-blocks__style--2 .two-blocks__item--extras .svg-bg {
	background-position: left center
}

.two-blocks__style--2 .two-blocks__item--extras .width-text .table {
	background-color: rgba(0, 0, 0, .7)
}

.two-blocks__style--2 .two-blocks__item--extras .width-text p {
	font-size: 1.45em;
	width: 80%;
	margin: 0 auto;
	max-width: 500px
}

.two-blocks__style--2 img {
	width: 130px;
	height:130px;
	display: block;
	margin:0 auto;
}

@media (max-width:1024px) {
	.two-blocks__style--2 img {
		display: inline-block;
	}
	.two-blocks__style--3 .link--circle {
		margin: 20px 0 0;
	}
}

@media (max-width:550px) {
	.two-blocks__style--2 img {
		width:100px;
		height: 100px;
	}
}

.gray-skin {
	background-color: #F2F2F2
}

.orange-skin {
	background-color: #EB4D27
}

.two-blocks__style--3 .two-blocks__item {
	min-height: 560px
}

.two-blocks__style--3 .two-blocks__item:nth-child(2n) .content:first-child {
	order: 1
}

.two-blocks__style--3 .two-blocks__item:nth-child(2n) .content:last-child {
	order: 0
}

.two-blocks__style--3 .content {
	flex: 1 1 50%;
	-webkit-flex: 1 1 50%
}

.two-blocks__style--3 .content:first-child {
	background-color: #fff;
	padding: 3em
}

.two-blocks__style--3 .content:last-child {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

@media (max-width:850px) {
	.two-blocks__style--3 .content {
		width: 100%
	}
	.two-blocks__style--3 .content:first-child {
		order: 2;
		flex: 0 0 auto;
		padding: 2em
	}
	.two-blocks__style--3 .content:last-child {
		order: 1;
		flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		height: 300px
	}
}

.two-blocks__style--4 {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

.two-blocks__style--4 .two-blocks__item--4 {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row
}

@media (max-width:850px) {
	.two-blocks__style--4 .two-blocks__item--4 {
		flex-direction: column
	}
}

.two-blocks__style--4 .two-blocks__item--4:nth-child(2n) .figure {
	order: 1
}

.two-blocks__style--4 .figure,
.two-blocks__style--4 .main {
	z-index: 1;
	flex: 1 1 50%;
	padding: 3em;
	height: 600px
}

.two-blocks__style--4 .figure {
	background-size: cover;
	background-position: center center
}

.two-blocks__style--4 .main {
	background-color: #fff
}

@media (max-width:850px) {
	.two-blocks__style--4 .figure,
	.two-blocks__style--4 .main {
		flex: 0 0 auto;
		height: auto;
		padding: 2em
	}
	.two-blocks__style--4 .figure {
		height: 300px;
		order: 1
	}
	.two-blocks__style--4 .main {
		order: 2
	}
}

.two-blocks__header--4 {
	display: flex;
	align-items: stretch;
	background-color: #fff
}

@media (max-width:850px) {
	.two-blocks__header--4 {
		flex-direction: column
	}
}

.two-blocks__header--4__main {
	flex: 1 1 50%;
	padding: 0 2em 0 3em
}

@media (max-width:850px) {
	.two-blocks__header--4__main {
		flex: 0 0 auto;
		padding: 0 2em
	}
}

.two-blocks__header--4__detail {
	flex: 1 1 50%;
	padding: 0 3em 0 0
}

.two-blocks__kv--4 {
	height: 610px;
	background-position: 50% 50%;
	background-size: cover
}

@media (max-width:850px) {
	.two-blocks__header--4__detail {
		flex: 0 0 auto;
		padding: 0 2em
	}
	.two-blocks__kv--4 {
		height: 360px
	}
}

.two-blocks__style--5 {
	display: flex
}

@media (max-width:1024px) {
	.two-blocks__style--5 {
		flex-direction: column
	}
}

.two-blocks__style--5 .content-img,
.two-blocks__style--5 .content-text {
	flex: 1 1 50%;
	min-height: 680px;
	background-color: #1c2743
}

@media (max-width:1024px) {
	.two-blocks__style--5 .content-img,
	.two-blocks__style--5 .content-text {
		flex: 0 0 auto;
		min-height: initial
	}
	.two-blocks__style--5 .content-img {
		display: none
	}
}

#hero-movie,
.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.two-blocks__style--5 .content-text {
	padding: 3em;
	color: #fff
}

.two-blocks__style--5 .heading {
	margin-bottom: 20px;
	color: inherit
}

.two-blocks__style--5 .paragraph {
	margin-bottom: 1.5em
}

.two-blocks__heading {
	margin-bottom: .5em
}

.two-blocks__item {
	position: relative;
	display: flex;
	-webkit-dispplay: flex;
	flex-wrap: nowrap;
	align-content: stretch;
	margin-bottom: 3em
}

.two-blocks__item:last-child {
	margin-bottom: 0
}

@media (max-width:850px) {
	.two-blocks__style--5 .content-text {
		padding: 2em
	}
	.two-blocks__item {
		flex-direction: column
	}
}

html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li>a {
	padding: .6em .8em;
	font-size: 2.4em;
	letter-spacing: .05em;
	font-weight: 100!important
}

@media (max-width:550px) {
	html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li>a {
		font-size: 2em;
		padding: .6em
	}
}

html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li:first-child>a {
	padding: 1.2em .8em .6em
}

@media (max-width:550px) {
	html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li:first-child>a {
		padding: 1.2em .6em .6em
	}
}

html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li:first-child .plus-icon {
	top: 33px
}

html[data-lang=zh-CN] .nav-sidebar__sub>li a {
	font-size: 1.25em;
	padding: .6em 0
}

html[data-lang=zh-CN] .nav-sidebar__list .plus-icon {
	top: 12px
}

html[data-lang=zh-CN] .video-content h2 {
	line-height: 1.1em;
	max-width: 700px
}

@media (max-width:1024px) {
	html[data-lang=zh-CN] .video-content h2 {
		font-size: 4.2em
	}
}

@media (max-width:850px) {
	html[data-lang=zh-CN] .video-content h2 {
		font-size: 4em;
		line-height: 1.3em
	}
}

@media (max-width:767px) {
	.two-blocks__kv--4 {
		height: 150px
	}
	html[data-lang=zh-CN] .video-content h2 {
		font-size: 2.4em
	}
}

@media (max-width:550px) {
	html[data-lang=zh-CN] .nav-sidebar__list .plus-icon {
		top: 6px
	}
	html[data-lang=zh-CN] .video-content h2 {
		font-size: 2.2em
	}
}

html[data-lang=zh-CN] .background-fixed .hero-banner__heading {
	font-weight: 400!important
}

html[data-lang=zh-CN] .member-card__heading,
html[data-lang=zh-CN] .member-section__heading {
	font-weight: 600!important
}

@media (min-width:851px) {
	html[data-lang=zh-CN] .hero-banner__subheading {
		font-size: 1.3em
	}
}

html[data-lang=zh-CN] .contact-us__section .content h3,
html[data-lang=zh-CN] .tenten-form__description,
html[data-lang=zh-CN] .tenten-form__heading {
	font-weight: 200!important
}

html[data-lang=zh-CN] .profile-section__heading {
	font-weight: 600!important
}

html[data-lang=zh-CN] .nav--fullscreen li button {
	font-weight: 200!important
}

.grid__style--3 .grid__item--single html[data-lang=zh-CN] h4,
.tenten-intro__services html[data-lang=zh-CN] h4,
.two-blocks__style--2 html[data-lang=zh-CN] .two-blocks__heading,
html[data-lang=zh-CN] .block-list__heading,
html[data-lang=zh-CN] .call-to-action__description,
html[data-lang=zh-CN] .circle-icon-list__heading,
html[data-lang=zh-CN] .grid__style--3 .grid__item--single h4,
html[data-lang=zh-CN] .hero-banner__subheading--s,
html[data-lang=zh-CN] .image-card__heading,
html[data-lang=zh-CN] .news-list__heading,
html[data-lang=zh-CN] .page-top-nav__link,
html[data-lang=zh-CN] .panel__heading,
html[data-lang=zh-CN] .tab-section__current,
html[data-lang=zh-CN] .tab-section__item,
html[data-lang=zh-CN] .tenten-form__description,
html[data-lang=zh-CN] .tenten-intro__services h4,
html[data-lang=zh-CN] .two-blocks__style--2 .two-blocks__heading {
	line-height: 1.45em
}

html.lang-tw .nav-sidebar__list .main-nav>li>a {
	padding: .6em .8em;
	font-size: 2.4em;
	letter-spacing: .05em;
	font-weight: 100!important
}

@media (max-width:550px) {
	html.lang-tw .nav-sidebar__list .main-nav>li>a {
		font-size: 2em;
		padding: .6em
	}
}

html.lang-tw .nav-sidebar__list .main-nav>li:first-child>a {
	padding: 1.2em .8em .6em
}

@media (max-width:550px) {
	html.lang-tw .nav-sidebar__list .main-nav>li:first-child>a {
		padding: 1.2em .6em .6em
	}
}

html.lang-tw .nav-sidebar__list .main-nav>li:first-child .plus-icon {
	top: 33px
}

html.lang-tw .nav-sidebar__sub>li a {
	font-size: 1.25em;
	padding: .6em 0
}

html.lang-tw .nav-sidebar__list .plus-icon {
	top: 12px
}

html.lang-tw .video-content h2 {
	line-height: 1.1em;
	max-width: 700px
}

@media (max-width:1024px) {
	html.lang-tw .video-content h2 {
		font-size: 4.2em
	}
}

@media (max-width:850px) {
	html.lang-tw .video-content h2 {
		font-size: 4em;
		line-height: 1.3em
	}
}

@media (max-width:767px) {
	html.lang-tw .video-content h2 {
		font-size: 2.4em
	}
}

@media (max-width:550px) {
	html.lang-tw .nav-sidebar__list .plus-icon {
		top: 6px
	}
	html.lang-tw .video-content h2 {
		font-size: 2.2em
	}
}

html.lang-tw .background-fixed .hero-banner__heading {
	font-weight: 400!important
}

html.lang-tw .member-card__heading,
html.lang-tw .member-section__heading {
	font-weight: 600!important
}

@media (min-width:851px) {
	html.lang-tw .hero-banner__subheading {
		font-size: 1.3em
	}
}

html.lang-tw .contact-us__section .content h3,
html.lang-tw .tenten-form__description,
html.lang-tw .tenten-form__heading {
	font-weight: 200!important
}

html.lang-tw .profile-section__heading {
	font-weight: 600!important
}

html.lang-tw .nav--fullscreen li button {
	font-weight: 200!important
}

.grid__style--3 .grid__item--single html.lang-tw h4,
.tenten-intro__services html.lang-tw h4,
.two-blocks__style--2 html.lang-tw .two-blocks__heading,
html.lang-tw .block-list__heading,
html.lang-tw .call-to-action__description,
html.lang-tw .circle-icon-list__heading,
html.lang-tw .grid__style--3 .grid__item--single h4,
html.lang-tw .hero-banner__subheading--s,
html.lang-tw .image-card__heading,
html.lang-tw .news-list__heading,
html.lang-tw .page-top-nav__link,
html.lang-tw .panel__heading,
html.lang-tw .tab-section__current,
html.lang-tw .tab-section__item,
html.lang-tw .tenten-form__description,
html.lang-tw .tenten-intro__services h4,
html.lang-tw .two-blocks__style--2 .two-blocks__heading {
	line-height: 1.45em
}

#inquiry-results h4,
#inquiry-results h6,
.accordion__heading,
.btn--filter,
.btn--orange-submit,
.btn--yellow-submit,
.call-to-action__heading,
.carousel--style-2 .carousel__title,
.case-studies__filter-bar .content h4,
.center-heading__main,
.come-n-join-tenten__slogan,
.contact-us__section h3,
.font-heading--m,
.footer-block__heading,
.four-o-four h4,
.four-o-four h6,
.grid__style--1 figcaption h5,
.grid__style--2 .grid__item--single figcaption h5:before,
.grid__style--3 .grid__heading,
.grid__style--4 figcaption h5:before,
.half-block__heading,
.hero-banner__heading,
.icon-list__heading,
.image-card__heading,
.job-list__title,
.list-with-icon__item span,
.member-card__heading,
.member-section__heading,
.nav--fullscreen li button,
.nav-sidebar__sub>li>a,
.news-list__heading,
.panel__heading,
.price-card .price .number,
.process-block__heading,
.profile-section__description,
.profile-section__heading,
.quote__heading,
.right-img-banner .job-title,
.section-banner__heading,
.startup-client__heading,
.tab-section__current,
.tab-section__heading,
.tab-section__item,
.tenten-form__heading,
.tenten-intro__services h4,
.time-line__heading .heading,
.time-line__heading .step,
.two-blocks__header--4__caption,
.two-blocks__heading,
.two-blocks__style--1 h4,
.two-blocks__style--5 .heading,
.video-content h2,
.works-card__heading,
.works-section__visual .feature__lists__content h2 {
	font-weight: 500
}

.block-list__heading,
.news-list__heading{
	font-weight: 300;
}
#inquiry-results .lang-tw h4,
#inquiry-results .lang-tw h6,
.carousel--style-2 .lang-tw .carousel__title,
.case-studies__filter-bar .content .lang-tw h4,
.contact-us__section .lang-tw h3,
.four-o-four .lang-tw h4,
.four-o-four .lang-tw h6,
.grid__style--1 figcaption .lang-tw h5,
.grid__style--2 .grid__item--single figcaption .lang-tw h5:before,
.grid__style--3 .lang-tw .grid__heading,
.grid__style--4 figcaption .lang-tw h5:before,
.lang-tw #inquiry-results h4,
.lang-tw #inquiry-results h6,
.lang-tw .accordion__heading,
.lang-tw .block-list__heading,
.lang-tw .btn--filter,
.lang-tw .btn--orange-submit,
.lang-tw .btn--yellow-submit,
.lang-tw .call-to-action__heading,
.lang-tw .carousel--style-2 .carousel__title,
.lang-tw .case-studies__filter-bar .content h4,
.lang-tw .center-heading__main,
.lang-tw .come-n-join-tenten__slogan,
.lang-tw .contact-us__section h3,
.lang-tw .font-heading--m,
.lang-tw .footer-block__heading,
.lang-tw .four-o-four h4,
.lang-tw .four-o-four h6,
.lang-tw .grid__style--1 figcaption h5,
.lang-tw .grid__style--2 .grid__item--single figcaption h5:before,
.lang-tw .grid__style--3 .grid__heading,
.lang-tw .grid__style--4 figcaption h5:before,
.lang-tw .half-block__heading,
.lang-tw .hero-banner__heading,
.lang-tw .icon-list__heading,
.lang-tw .image-card__heading,
.lang-tw .job-list__title,
.lang-tw .list-with-icon__item span,
.lang-tw .member-card__heading,
.lang-tw .member-section__heading,
.lang-tw .nav--fullscreen li button,
.lang-tw .nav-sidebar__sub>li>a,
.lang-tw .news-list__heading,
.lang-tw .panel__heading,
.lang-tw .price-card .price .number,
.lang-tw .process-block__heading,
.lang-tw .profile-section__description,
.lang-tw .profile-section__heading,
.lang-tw .quote__heading,
.lang-tw .right-img-banner .job-title,
.lang-tw .section-banner__heading,
.lang-tw .startup-client__heading,
.lang-tw .tab-section__current,
.lang-tw .tab-section__heading,
.lang-tw .tab-section__item,
.lang-tw .tenten-form__heading,
.lang-tw .tenten-intro__services h4,
.lang-tw .time-line__heading .heading,
.lang-tw .time-line__heading .step,
.lang-tw .two-blocks__header--4__caption,
.lang-tw .two-blocks__heading,
.lang-tw .two-blocks__style--1 h4,
.lang-tw .two-blocks__style--5 .heading,
.lang-tw .video-content h2,
.lang-tw .works-card__heading,
.lang-tw .works-section__visual .feature__lists__content h2,
.list-with-icon__item .lang-tw span,
.nav--fullscreen li .lang-tw button,
.price-card .price .lang-tw .number,
.right-img-banner .lang-tw .job-title,
.tenten-intro__services .lang-tw h4,
.time-line__heading .lang-tw .heading,
.time-line__heading .lang-tw .step,
.two-blocks__style--1 .lang-tw h4,
.two-blocks__style--5 .lang-tw .heading,
.video-content .lang-tw h2,
.works-section__visual .feature__lists__content .lang-tw h2 {
	font-weight: 400
}

.accordion__heading,
.lang-tw .accordion__heading,
.lang-tw .price-card__item__heading,
.lang-tw html[data-lang=zh-CN] .hero-banner__heading,
.price-card__item__heading,
html.lang-tw .hero-banner__heading,
html[data-lang=zh-CN] .hero-banner__heading,
html[data-lang=zh-CN] .lang-tw .hero-banner__heading {
	font-weight: 400
}

.basic-list__item,
.carousel--style-2 .carousel__content,
.carousel--style-2 .carousel__content-link,
.case-studies__label,
.center-heading__content,
.dash-list>li,
.footer-block__link,
.footer-bottom__content,
.footer-logobar__description,
.grid__style--2 .grid__item--single figcaption h5,
.grid__style--4 figcaption h5,
.hero-banner__link,
.hero-banner__subheading,
.hero-banner__subheading--s,
.member-card__subheading,
.member-section__subheading,
.nav-sidebar__sub>li>a,
.news-list__date,
.our-client-say__person .position,
.our-client-say__words,
.panel__item,
.price-card__item__name h4,
.profile-section__list-heading,
.quote__quotation,
.tenten-form .inline-checklist .script,
.text-editor-section ol>li,
.text-editor-section p,
.text-editor-section ul>li,
.two-blocks__item p,
.two-blocks__style--1 p,
.two-blocks__style--2 p,
.works--back-to-top,
.works-section__sum-up h6,
html.lang-tw .nav-sidebar__list .main-nav>li>a,
html.lang-tw .nav-sidebar__sub>li a,
html.lang-tw .video-content h2,
html[data-lang=zh-CN] .nav-sidebar__list .main-nav>li>a,
html[data-lang=zh-CN] .nav-sidebar__sub>li a,
html[data-lang=zh-CN] .video-content h2,
input[type].line-input,
p,
textarea.line-input {
	font-weight: 300
}

#inquiry-results h4,
.four-o-four h4 {
	font-size: 12em;
}

.video-content h2 {
	letter-spacing: .03em;
	line-height: 1.4em;
	font-weight: lighter;
	text-shadow: 5px 2px 10px #000;
}
.video-content h4{
	font-weight: lighter;
	line-height: 1.5em;
}
@media (min-width:1281px) {
	.video-content h2 {
		font-size: 4.5em
	}
}

@media (max-width:1280px) {
	.video-content h2 {
		font-size: 4em
	}
}

@media (max-width:767px) {
	.video-content h2 {
		font-size: 2.3em
	}
}

@media (max-width:550px) {
	.video-content h2 {
		font-size: 1.8em;
	}
}

.hero-banner__heading {
	font-size: 4em;
	line-height: 1.3em
}

@media (max-width:1024px) {
	.hero-banner__heading {
		font-size: 3.2em
	}
}

@media (max-width:550px) {
	.hero-banner__heading {
		font-size: 2.2em
	}
}

.half-block__heading,
.member-section__heading,
.section-banner__heading,
.two-blocks__style--5 .heading {
	font-size: 3.5em;
	line-height: 1.1em
}

@media (max-width:1024px) {
	.half-block__heading,
	.member-section__heading,
	.section-banner__heading,
	.two-blocks__style--5 .heading {
		font-size: 3em
	}
}

@media (max-width:550px) {
	.half-block__heading,
	.member-section__heading,
	.section-banner__heading,
	.two-blocks__style--5 .heading {
		font-size: 2em
	}
}

.call-to-action__heading,
.carousel--style-2 .carousel__title,
.center-heading__main,
.contact-us__section h3,
.process-block__heading,
.startup-client__heading,
.tenten-form__heading,
.works-card__heading {
	line-height: 1.2em
}

@media (min-width:1025px) {
	.call-to-action__heading,
	.carousel--style-2 .carousel__title,
	.center-heading__main,
	.contact-us__section h3,
	.process-block__heading,
	.startup-client__heading,
	.tenten-form__heading{
		font-size: 2.3em
	}
}
@media (min-width:1280px){
	.works-card__heading{
		font-size: 2.3em;
	}
}
@media (min-width:1025px){
	.works-card__heading{
		font-size: 1.8em;
	}
}
@media (max-width:1024px){
	.works-card__heading{
		font-size: 2em;
	}
}
@media (max-width:1024px) {
	.call-to-action__heading,
	.carousel--style-2 .carousel__title,
	.center-heading__main,
	.contact-us__section h3,
	.process-block__heading,
	.startup-client__heading,
	.tenten-form__heading {
		font-size: 2em
	}
}

@media (max-width:550px) {
	.call-to-action__heading,
	.carousel--style-2 .carousel__title,
	.contact-us__section h3,
	.process-block__heading,
	.startup-client__heading,
	.tenten-form__heading,
	.works-card__heading {
		font-size: 1.6em
	}
}
@media (max-width:550px){
	.center-heading__main{
		font-size: 1.3em;
	}
}
#inquiry-results h6,
.accordion__heading,
.btn--filter,
.case-studies__filter-bar .content h4,
.font-heading--m,
.four-o-four h6,
.grid__style--2 .grid__item--single figcaption h5:before,
.grid__style--4 figcaption h5:before,
.icon-list__heading,
.member-card__heading,
.profile-section__heading,
.right-img-banner .job-title,
.tab-section__heading,
.two-blocks__header--4__caption,
.two-blocks__heading {
	line-height: 1.3em
}

@media (min-width:1025px) {
	#inquiry-results h6,
	.accordion__heading,
	.btn--filter,
	.case-studies__filter-bar .content h4,
	.font-heading--m,
	.four-o-four h6,
	.grid__style--2 .grid__item--single figcaption h5:before,
	.grid__style--4 figcaption h5:before,
	.icon-list__heading,
	.member-card__heading,
	.profile-section__heading,
	.right-img-banner .job-title,
	.tab-section__heading,
	.two-blocks__header--4__caption,
	.two-blocks__heading {
		font-size: 1.8em
	}
	.carousel--style-2 .carousel__title,
	.center-heading__main,
	.process-block__heading,
	.startup-client__heading,
	.works-card__heading {
		width: 65%
	}
}

@media (max-width:1024px) {
	#inquiry-results h6,
	.accordion__heading,
	.btn--filter,
	.case-studies__filter-bar .content h4,
	.font-heading--m,
	.four-o-four h6,
	.grid__style--2 .grid__item--single figcaption h5:before,
	.grid__style--4 figcaption h5:before,
	.icon-list__heading,
	.member-card__heading,
	.profile-section__heading,
	.right-img-banner .job-title,
	.tab-section__heading,
	.two-blocks__header--4__caption,
	.two-blocks__heading {
		font-size: 1.6em
	}
}
@media (max-width:550px){
	.two-blocks__heading{
		font-size:1.2em;
	}
}
.nav-sidebar__sub>li>a,
.works-section__visual .feature__lists__content h2 {
	font-size: 1.2em;
	line-height: 1.3em
}

.grid__style--3 .grid__heading,
.grid__style--3 .grid__item--double h4,
.hero-banner__subheading,
.profile-section__description,
.video-content h4 {
	line-height: 1.3em
}

@media (min-width:851px) {
	.grid__style--3 .grid__heading,
	.grid__style--3 .grid__item--double h4,
	.hero-banner__subheading,
	.profile-section__description,
	.video-content h4 {
		font-size: 1.6em
	}
}

@media (max-width:850px) {
	.grid__style--3 .grid__heading,
	.grid__style--3 .grid__item--double h4,
	.hero-banner__subheading,
	.profile-section__description,
	.video-content h4 {
		font-size: 1.4em
	}
}

@media (max-width:767px) {
	.grid__style--3 .grid__heading,
	.grid__style--3 .grid__item--double h4,
	.hero-banner__subheading,
	.profile-section__description,
	.video-content h4 {
		font-size: 1.2em
	}
}
@media (max-width:550px){
	.video-content h4 {
		font-size: 1em;
	}
}
.block-list__heading,
.call-to-action__description,
.circle-icon-list__heading,
.grid__style--3 .grid__item--single h4,
.hero-banner__subheading--s,
.image-card__heading,
.news-list__heading,
.page-top-nav__link,
.panel__heading,
.tab-section__current,
.tab-section__item,
.tenten-form__description,
.tenten-intro__services h4,
.two-blocks__style--2 .two-blocks__heading {
	font-size: 1.3em;
	line-height: 1.3em
}

@media (max-width:850px) {
	.block-list__heading,
	.call-to-action__description,
	.circle-icon-list__heading,
	.grid__style--3 .grid__item--single h4,
	.hero-banner__subheading--s,
	.image-card__heading,
	.news-list__heading,
	.page-top-nav__link,
	.panel__heading,
	.tab-section__current,
	.tab-section__item,
	.tenten-form__description,
	.tenten-intro__services h4,
	.two-blocks__style--2 .two-blocks__heading {
		font-size: 1.1em
	}
}

.call-to-action__subheading,
.contact-us__bottom h6,
.contact-us__section h6,
.footer-block__heading,
.grid__style--1 figcaption h6,
.member-card__subheading,
.small-subheading,
.startup-list__heading,
.tenten-form label,
.works-section__content h6,
label {
	font-size: .95em;
	letter-spacing: .15em;
	line-height: 1.3em
}

.video-content p,
.works-section__content p {
	font-size: 1.8em;
	line-height: 1.4em
}

@media (max-width:850px) {
	.video-content p,
	.works-section__content p {
		font-size: 1.6em
	}
}

.contact-us__paragraph,
.half-block__description,
.half-block__paragraph,
.job-features .dash-list>li,
.job-features__text,
.jobs-single-main h3,
.section-banner__paragraph,
.tab-section__paragraph,
.the-list,
.two-blocks__style--4 .description {
	font-size: 1.4em;
	line-height: 1.45em
}

@media (max-width:550px) {
	.video-content p,
	.works-section__content p {
		font-size: 1.4em
	}
	.contact-us__paragraph,
	.half-block__description,
	.half-block__paragraph,
	.job-features .dash-list>li,
	.job-features__text,
	.jobs-single-main h3,
	.section-banner__paragraph,
	.tab-section__paragraph,
	.the-list,
	.two-blocks__style--4 .description {
		font-size: 1em
	}
}

.carousel--style-2 .carousel__content,
.carousel--style-2 .carousel__content-link,
.case-studies__label,
.center-heading__content,
.dash-list>li,
.hero-banner__link,
.member-section__subheading,
.text-editor-section ol>li,
.text-editor-section p,
.text-editor-section ul>li,
.two-blocks__item p,
.two-blocks__style--1 p,
.two-blocks__style--2 p,
input[type].line-input,
p,
textarea.line-input {
	font-size: 1.2em;
	line-height: 1.45em
}

.btn--orange-submit,
.btn--yellow-submit,
.circle-icon-list__paragraph,
.font-paragraph--s,
.form--subscribe input,
.image-card__content,
.link--black-circle,
.link--black-circle--s,
.link--blue-circle,
.link--circle,
.link--disable-circle,
.link--orange-circle,
.link--sky-blue-circle,
.link--white-circle,
.works-section__visual .feature__lists__content p {
	font-size: 1em
}

.carousel--style-2 .carousel__title,
.center-heading__main,
.process-block__heading,
.startup-client__heading,
.works-card__heading {
	text-align: center;
	margin: 0 auto
}

@media (max-width:1024px) {
	.carousel--style-2 .carousel__title,
	.center-heading__main,
	.process-block__heading,
	.startup-client__heading,
	.works-card__heading {
		width: 80%
	}
}

@media (max-width:550px) {
	.carousel--style-2 .carousel__content,
	.carousel--style-2 .carousel__content-link,
	.case-studies__label,
	.center-heading__content,
	.dash-list>li,
	.hero-banner__link,
	.member-section__subheading,
	.text-editor-section ol>li,
	.text-editor-section p,
	.text-editor-section ul>li,
	.two-blocks__item p,
	.two-blocks__style--1 p,
	.two-blocks__style--2 p,
	input[type].line-input,
	p,
	textarea.line-input {
		font-size: 1em
	}
	.carousel--style-2 .carousel__title,
	.center-heading__main,
	.process-block__heading,
	.startup-client__heading,
	.works-card__heading {
		width: 100%
	}
}

.carousel--style-2 .carousel__content,
.carousel--style-2 .carousel__content-link,
.center-heading__content {
	text-align: center;
	margin: 20px auto
}

@media (min-width:1025px) {
	.carousel--style-2 .carousel__content,
	.carousel--style-2 .carousel__content-link,
	.center-heading__content {
		width: 75%
	}
}

@media (max-width:1024px) {
	.carousel--style-2 .carousel__content,
	.carousel--style-2 .carousel__content-link,
	.center-heading__content {
		width: 80%
	}
}

@media (max-width:550px) {
	.carousel--style-2 .carousel__content,
	.carousel--style-2 .carousel__content-link,
	.center-heading__content {
		width: 100%
	}
}

.two-blocks__style--5 .heading {
	width: 50%
}

@media (max-width:1024px) {
	.two-blocks__style--5 .heading {
		width: 100%
	}
}

.btn--filter,
.case-studies__filter-bar .content h4 {
	color: #273377;
	padding: .1em 0
}

.right-img-banner .job-title,
.two-blocks__header--4__caption {
	margin-bottom: .5em;
	color: #273377
}

.two-blocks__style--1 .link--circle {
	width: 100%;
	margin: 1em 0 0
}

@media (min-width:851px) {
	.two-blocks__style--1 .link--circle {
		margin: 0;
		bottom: 3em;
		position: absolute
	}
	#home-logo {
		width: 100%
	}
}

.small-subheading {
	color: #434345;
	text-transform: uppercase;
	margin-bottom: 1em
}

.footer,
.footer a {
	color: #D1D3D4
}

@media (max-width:850px) {
	#home-logo {
		width: 200px;
		margin: 0 auto
	}
}

.tenten-hero-movie,
.video-content {
	width: 100vw;
	position: fixed;
	height: 100vh;
	min-width:100%;
	min-height:100%;
}

.tenten-hero-movie {
	z-index: -100
}

.video-content {
	top: 0;
	left: 0;
	z-index: 101;
	transform: translateY(0);
	transition: transform .5s;
	-webkit-transform: translateY(0);
	-webkit-transition: transform .5s
}

.video-content.active {
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px)
}

.video-content.active .half {
	opacity: 0;
	transition-delay: 10ms
}

.video-content .half {
	opacity: 1;
	transition: all .5s;
	padding-bottom: 100%;
}

.video-content h2,
.video-content h4 {
	transform: translateY(40px);
	transition: transform 1s;
	opacity: 1;
	
	text-shadow: 5px 2px 10px #000;
}

@media (min-width:1025px) {
	.video-content .half {
		width: 100%
	}
}

@media (max-width:1024px) {
	.video-content .half {
		width: 100%
	}
}

@media (min-width:768px) {
	.video-content .half {
		padding: 0 6em
	}
}

.video-content h2 {
	-webkit-transform: translateY(40px);
	-webkit-transition: transform 1s
}

@media (min-width:1281px) {
	.video-content h2 {
		width: 100%
	}
}

@media (max-width:1280px) {
	.video-content h2 {
		width: 680px
	}
}

@media (max-width:850px) {
	.video-content h2 {
		width: 100%
	}
}

@media (max-width:767px) {
	.video-content .half {
		padding: 0 2em
	}
	.video-content h2 {
		
		margin-bottom: .5em
	}
}

.video-content h4 {
	-webkit-transform: translateY(40px);
	-webkit-transition: transform 1s;
	margin: 1em 0
}

@media (min-width:1025px) {
	.video-content h4 {
		width: 900px
	}
}

@media (max-width:1024px) {
	.video-content h4 {
		width: 80%
	}
}

.video-content #home-logo {
	margin-top: 1em;
	transform: translateY(40px);
	transition: transform 1s;
	-webkit-transform: translateY(40px);
	-webkit-transition: transform 1s;
	opacity: 0
}

@media (max-width:850px) {
	.video-content h4 {
		width: 100%
	}
	.video-content #home-logo {
		width: 120px;
		margin: 0
	}
}

.video-content #home-logo svg {
	width: 500px
}

@media (max-width:850px) {
	.video-content #home-logo svg {
		width: 350px
	}
	.video-content .table {
		
	}
}

@media (max-width:767px) {
	.video-content #home-logo svg {
		width: 260px
	}
}

.video-content #home-logo svg .textanim {
	display: none
}

@media (max-width:550px) {
	.video-content p {
		width: 90%;
		margin: 0 auto
	}
}

.video-mask {
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: block;
	background: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
	z-index: -100;
	transition: transform .5s
}

.video-mask.active {
	background: rgba(0, 0, 0, .6)
}

#hero-movie {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	width: auto;
	height: 100vh;
	z-index: -100;
	background-repeat: no-repeat;
	background-size: cover
}

#hero-movie::-webkit-media-controls {
	display: none!important
}

@media (min-width:768px) {
	#hero-movie {
		background-image: url(../imagesrp/index-bg.jpg);
		background-position: 50% 50%
	}
}

@media (max-width:767px) {
	#hero-movie {
		/*background-image: url(../imagesrp/mobilebanner.jpg);*/
        background: #101010 url(../imagesrp/bg.jpg);
	    background-size: cover;
		background-position: center
	}
}

.works-card {
	background-size: cover;
	background-position: center center;
	transition: transform .3s
}

@media (min-width:851px) {
	.works-card {
		box-sizing: border-box;
		width: 50%;
		float: left;
		height: 350px
	}
}

@media (min-width:768px) {
	#intro-canvas {
	    display: none;
	}
}
@media (max-width:850px) {
	.works-card {
		width: 100%;
		display: block;
		height: 200px
	}
}

.works-card:hover .works-card__container {
	background: rgba(33, 34, 33, .1)
}

.works-card__container {
	height: 100%;
	background: rgba(33, 34, 33, .7);
	transition: background-color .3s;
	padding: 2em
}

.works-card__heading {
	margin-bottom: 20px
}

.footer a {
	transition: color .3s
}

@media (min-width:1025px) {
	.works-card:hover {
		transform: translateY(-10px);
		box-shadow: 2px 2px 10px rgba(0, 0, 0, .5)
	}
	.footer-bottom {
		padding: 40px 0
	}
}

@media (max-width:1024px) {
	.footer-bottom {
		padding: 20px 0
	}
}

.footer-bottom.active .footer-createdby {
	background-position: 0 -28px
}

.footer__block {
	margin-bottom: 3em
}

@media (min-width:1025px) {
	.footer__block:last-child {
		margin-bottom: 0
	}
	.footer-top__container--col-8 {
		width: 65.38462%;
		float: left;
		margin-right: 3.84615%
	}
}
@media (min-width:1024px){
	.footer-top__container--col-8 {
		width: 80%;
		margin-right: 0
	}
}
.footer-top {
	background:#2d3440 linear-gradient(to bottom, #2d3440 0, #292a2d 100%);
}

.footer-top__container {
	
}

.footer-top__container:last-of-type {
	border-bottom: none
}

@media (min-width:768px) {
	.footer-top__container {
		padding: 4em 0
	}
}

.footer-top__container-wrap {
	margin-bottom: 50px
}

.footer-top__container-wrap:last-of-type {
	margin-bottom: 0
}

@media (max-width:1024px) {
	.footer-top__container--col-8 {
		width: 56.73077%;
		float: left;
		margin-right: 3.84615%
	}
}

@media (max-width:767px) {
	.footer-top__container {
		padding: 2em 0
	}
	.footer-top__container--col-8 {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px
	}
}

@media (min-width:1025px) {
	.footer-top__container--col-4 {
		width: 30.76923%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:1024px) {
	.footer-top__container--col-4 {
		width: 39.42308%;
		float: right;
		margin-right: 0
	}
}

.footer-block__heading {
	text-transform: uppercase;
	color: #7E8083
}

.footer-block__heading a {
	color: inherit;
	font-size: 1.2em;
}

.footer-block__heading a:hover {
	color: #fff
}

@media (min-width:768px) {
	.footer-block--style-2 h6.footer-block__heading {
		margin-bottom: 1.5em;
	}
	.footer-block__icon {
		font-size: 40px
	}
}

@media (max-width:767px) {
	.footer-top__container--col-4 {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.footer-block__heading {
		margin-bottom: 1em
	}
}

.footer-block__item {
	line-height: 1em;
	margin-bottom: 1em
}

.footer-block__link {
	letter-spacing: 1px;
	color: #D1D3D4;
	transition: color .3s
}

@media (max-width:850px) {
	.footer-block__link svg {
		width: 70px
	}
}

.footer-block--sections {
	float: left;
	width: 14%;
	padding-right: 20px
}

@media (max-width:850px) {
	.footer-block--sections {
		width: 30.76923%;
		float: left;
		margin-right: 3.84615%;
		margin-bottom: 40px
	}
	.footer-block--sections:nth-child(3n) {
		width: 30.76923%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.footer-block__icon {
		font-size: 30px
	}
	.footer-block--sections {
		margin-bottom: 20px;
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.footer-block--sections:nth-child(3n) {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.footer-block--sections:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

@media (min-width:768px) {
	.footer-block--contact {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.footer-block--contact:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.footer-block--contact {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px
	}
	.footer-block--contact:nth-child(2n) {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.footer-block--contact:last-of-type {
		margin-bottom: 0
	}
}

.footer-block--inline-lists .footer-block__item:last-of-type {
	margin: 0
}

@media (min-width:768px) {
	.footer-block--inline-lists .footer-block__item {
		margin: 0 20px 0 0
	}
}

@media (max-width:767px) {
	.footer-block--inline-lists .footer-block__item {
		margin: 0 10px 0 0
	}
}

.footer-block--style-1 .footer-block__heading {
	font-size: 1.1em;
}

.footer-block--style-2 .footer-block__heading {
	font-size: 1em
}

.footer-block--style-2 .footer-block__link {
	font-size: 1.2em
}

.footer-block--style-2 .footer-block__link.footer-block--map-link {
	font-size: .9em
}

.footer-bottom {
	background-color: #242524
}

.footer-logobar__logo {
	margin-right: 10px
}

.footer-logobar__description {
	text-transform: uppercase;
	font-size: .6em;
	line-height: 1.3em;
	letter-spacing: 2px
}

#footer-tenten {
	width: 60px
}

.footer-bottom__content {
	font-size: .85em;
	color: #7E8083
}

html.lang-tw .footer-bottom__content {
	font-size: .9em
}

.footer-bottom__like-btn {
	margin: 20px auto 0;
	display: inherit
}

@media (min-width:851px) {
	.footer-block__image {
		width: 90px
	}
}

@media (max-width:850px) {
	.footer-block__image {
		width: 75px
	}
}

.nav-sidebar.open .nav-sidebar__overlay {
	opacity: 1;
	visibility: visible
}

.nav-sidebar.open .nav-sidebar__list {
	transform: translateX(0);
	background: #273377;
	visibility: visible;
	opacity: 1
}

@media (max-width:1024px) {
	.nav-sidebar.open .nav-sidebar__list {
		width: 100vw;
		overflow-y: auto
	}
}

.nav-sidebar.open .main-nav__item,
.nav-sidebar.open .sidebar-language {
	transform: translateX(0);
	opacity: 1;
	transition-delay: .2s
}

.main-nav__item,
.nav-sidebar__list,
.sidebar-language {
	transform: translateX(-20px)
}

.nav-sidebar .menu-icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

.nav-sidebar__list,
.nav-sidebar__overlay {
	position: fixed;
	left: 0;
	opacity: 0;
	visibility: hidden
}

.nav-sidebar__overlay {
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	z-index: 1;
	transition: opacity .3s
}

.nav-sidebar__list {
	width: 350px;
	top: 50px;
	bottom: 0;
	z-index: 2;
	transition: opacity .3s, transform .3s;
	background: #273377;
	padding: 0;
	overflow-y: auto
}

.nav-sidebar .plus-icon {
	position: absolute;
	left: auto;
	top: 7px;
	right: 0;
	width: 80px;
	height: 50px;
	z-index: 10
}

@media (max-width:850px) {
	.nav-sidebar .plus-icon {
		height: 50px
	}
}

@media (max-width:550px) {
	.nav-sidebar .plus-icon {
		height: 35px;
		top: 5px
	}
}

.main-nav__item {
	transition: all .25s;
	position: relative;
	opacity: 0
}

.main-nav__item:first-child>a {
	padding: .8em .7em .4em
}

.main-nav__item:first-child .plus-icon {
	top: 22px
}

.main-nav__item:last-child>a {
	padding-bottom: .8em
}

.main-nav__item.active>a {
	color: #EB4D27
}

.main-nav__item>a {
	line-height: 1em;
	font-size: 2.3em;
	letter-spacing: .03em;
	display: block;
	padding: .4em .7em
}

@media (min-width:1025px) {
	.main-nav__item>a:hover {
		color: #EB4D27
	}
}

@media screen and (max-width:1024px) and (orientation:landscape) {
	.main-nav__item>a {
		width: 50%
	}
}

@media (max-width:550px) {
	.main-nav__item:first-child .plus-icon {
		top: 18px
	}
	.main-nav__item>a {
		font-size: 1.8em;
		padding: .3em .6em
	}
}

.main-nav__item.open {
	background-color: #182468
}

.admin-bar .nav-sidebar__list {
	top: 82px!important
}

.nav-sidebar__sub {
	padding: 0 2em 1em;
	display: none
}

.nav-sidebar__sub>li>a {
	color: #D1D3D4;
	display: block;
	padding: .4em 0
}

@media (min-width:1025px) {
	.nav-sidebar__sub>li>a:hover {
		color: #EB4D27
	}
}

.nav-sidebar__sub>li.active>a {
	color: #EB4D27
}

.main-nav {
	transition: border .3s;
	border-bottom: 1px solid rgba(255, 255, 255, 0)
}

.open .main-nav {
	transition-delay: .2s;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.sidebar-language {
	padding: 25px;
	transition: all .25s;
	opacity: 0
}

.sidebar-language__heading {
	color: #D1D3D4;
	margin-bottom: 25px;
	font-size: 1.2em
}

.sidebar-language__item {
	margin-right: 15px
}

.sidebar-language__link {
	font-size: 1.2em;
	font-weight: 200;
	color: rgba(255, 255, 255, .6)
}

.nav-topbar__extras .planner-link:hover,
html.lang-tw html.lang-tw,
html[lang=zh-CN] [data-lang=cn],
html[lang=en-US] [data-lang=en] {
	color: #EB4D27
}

.nav-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: 80px
}

.nav-main .bubble {
	display: block
}

.nav-main.active .nav-topbar {
	width: 350px;
	background-color: #fff
}
.nav-main.active .nav-topbar__logo {
	display: none
}

#topbar-tenten {
	display: block;
	margin: 0 0 0 80px;
	width: 70px;
	height: 27px
}

.nav-topbar {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 50px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: nowrap;
	justify-content: space-between;
	background-color: rgba(255, 255, 255, .95);
	transition: all .3s
}

.nav-topbar__company {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	margin: .72em 0
}

.nav-topbar__logo {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	position: relative
}

@media (max-width:550px) {
	.nav-topbar__logo {
		display: none
	}
}

.nav-topbar__logo .logo {
	background: url(../imagesrp/logo.svg);
	display: block;
	width: 56px;
	height: 30px;
	margin: 10px auto;
	text-indent: -99999px
}

@media (max-width:767px) {
	.nav-topbar__logo .logo {
		display: block;
		margin: 10px 0;
		position: absolute;
		left: 80px
	}
}

.nav-topbar__logo h1 {
	position: relative
}

.nav-topbar__logo .bubble {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	display: none
}

@media (min-width:768px) {
	.nav-topbar__logo .bubble {
		display: block
	}
}

.nav-topbar__extras {
	flex: 1 1 200px;
	-webkit-flex: 1 1 200px
}

.nav-topbar__extras ul.language-bar {
	float: right;
	margin-right:20px;
}

.nav-topbar__extras .language-bar li {
	margin: 0;
	display: inline-block;
	line-height: 50px
}

.nav-topbar__extras .planner-link {
	display: block;
	float: right;
	padding: 0 1.2em;
	width: 62px;
	height: 100%
}

.nav-topbar__extras .icons-bubble {
	font-size: 1.3em;
	line-height: 50px
}

.menu-icon {
	display: block;
	width: 80px;
	transform: translate3d(0, 0, 0);
	padding: 1.8em;
	float:right;
	z-index: 200;
	position: relative;
}

.menu-icon .menu-icon__text,
.menu-icon:after,
.menu-icon:before {
	background: #fff;
	border-radius: 3px;
	content: '';
	display: block;
	height: 2px;
	margin: 6px 0;
	transition: all .2s ease-out;
	transform-origin: 50% 50%;
	width: 100%
}

.menu-icon .menu-icon__text {
	text-indent: -9999px
}

@media (min-width:1025px) {
	.menu-icon:hover {
		
	}
}

.menu-icon.open {
	
}

.menu-icon.open:before {
	transform: rotate(45deg) translate3d(4px, 8px, 0)
}

.menu-icon.open:after {
	transform: rotate(-45deg) translate3d(4px, -8px, 0)
}

.menu-icon.open .menu-icon__text {
	opacity: 0
}

.language-bar button {
	padding: 0 8px;
	font-size: .9em
}


/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
	z-index: 9999;
	display: block;
	color: #333;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	*zoom: 1
}

.pika-single.is-hidden {
	display: none
}

.pika-single.is-bound {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-single:after,
.pika-single:before {
	content: " ";
	display: table
}

.pika-single:after {
	clear: both
}

.pika-lendar {
	float: left;
	width: 240px;
	margin: 8px
}

.pika-title select {
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0
}

.pika-label {
	display: inline-block;
	*display: inline;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700
}

.pika-next,
.pika-prev {
	display: block;
	cursor: pointer;
	outline: 0;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: .5;
	*position: absolute;
	*top: 0
}

@media (min-width:1025px) {
	.pika-next:hover,
	.pika-prev:hover {
		opacity: 1
	}
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
	cursor: default;
	opacity: .2
}

.is-rtl .pika-next,
.pika-prev {
	float: left;
	background-image: url(../imagesrp/e3d938a16509435a82dbd714603ffa80.gif);
	*left: 0
}

.is-rtl .pika-prev,
.pika-next {
	float: right;
	background-image: url(../imagesrp/3993741088a948f38de5cd8d1779d744.gif);
	*right: 0
}

.pika-select {
	display: inline-block;
	*display: inline
}

.pika-table {
	width: 100%;
	border: 0
}

.pika-table td,
.pika-table th {
	width: 14.285714285714286%;
	padding: 0
}

.pika-table th {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	font-weight: 700
}

.pika-table abbr {
	border-bottom: none;
	cursor: help
}

.pika-button {
	cursor: pointer;
	display: block;
	box-sizing: border-box;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 12px;
	line-height: 15px;
	background: #f5f5f5;
	transition: none
}

.is-today .pika-button {
	color: #005FAE;
	font-weight: 700
}

.is-selected .pika-button {
	font-weight: 700;
	box-shadow: 0;
	background: #273377;
	border-radius: 0
}

.is-disabled .pika-button {
	cursor: default;
	color: #999;
	opacity: .3
}

@media (min-width:1025px) {
	.pika-button:hover {
		color: #fff;
		background: #273377;
		box-shadow: none;
		border-radius: 0
	}
}

.pika-week {
	font-size: 11px;
	color: #999
}

.mCustomScrollbar {
	touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0;
	box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0;
	box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(../imagesrp/mcsb_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(../imagesrp/6a81ebb833314458b42700ac3822286a.gif)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCSB_container {
	min-width: initial;
	padding: 0;
	margin: 0
}

.mCSB_outside+.mCSB_scrollTools {
	right: 0!important
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	padding: 0
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.four-o-four:before {
	background-color: rgba(39, 51, 119, .5)
}

.four-o-four a {
	margin-top: 1.25em
}

.four-o-four .table {
	position: relative
}

.contact-us__section {
	padding: 3em 6em
}

.contact-us__section .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

@media (max-width:850px) {
	.contact-us__section {
		padding: 3em 5vw
	}
	.contact-us__section .item {
		flex-direction: column
	}
	.contact-us__section .item:last-child .content:first-child {
		margin-top: 0
	}
}

.contact-us__section .content {
	flex: 1 1 50%
}

.contact-us__section .content:first-child {
	order: 1;
	padding-right: 5em
}

@media (max-width:850px) {
	.contact-us__section .content {
		flex: 0 0 auto
	}
	.contact-us__section .content:first-child {
		padding-right: 0;
		margin-bottom: 3em;
	}
	.contact-us__section h3 {
		
	}
}

.contact-us__section .content:last-child {
	order: 2
}

.contact-us__section h3 {
	margin-bottom: .5em;
	font-weight: lighter;
}

.contact-us__section h6 {
	margin-bottom: .5em;
	text-transform: uppercase
}

@media (max-width:850px) {
	.contact-us__section h6 {
		margin-bottom: .2em
	}
}

.contact-us__section img {
	display: block
}

.contact-us__section .block-item {
	margin-bottom: 2em;
	padding: 0 2em 0 0
}

.contact-us__section .link--orange-circle {
	display: block;
	margin: 2em 0 0;
	max-width: 230px
}

@media (min-width:1025px) {
	.contact-us__section a:hover {
		color: #EB4D27
	}
	.contact-us__section .link--orange-circle:hover * {
		color: #fff
	}
}

.contact-us__section .link--orange-circle i {
	font-size: 1em;
	margin-left: .2em
}

.manager-said {
	margin-top: 2em
}

.manager-said__image {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	overflow: hidden;
	border: 4px solid #F2F2F2
}

.manager-said__content {
	background-color: #F2F2F2;
	color: #212221;
	padding: 1em;
	border-radius: 1.5em
}

@media (min-width:851px) {
	.manager-said__content,
	.manager-said__image {
		display: inline-block;
		vertical-align: middle
	}
	.manager-said__image {
		margin-right: 20px
	}
	.manager-said__content {
		width: calc(100% - 155px)
	}
}

@media (max-width:850px) {
	.manager-said__content,
	.manager-said__image {
		display: block
	}
	.manager-said__image {
		margin: 0 auto 20px
	}
	.manager-said__content {
		width: 100%
	}
}

.manager-said__content:before {
	width: 0;
	height: 0;
	content: ""
}

@media (min-width:851px) {
	.manager-said__content:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #F2F2F2;
		left: -10px;
		top: 50%;
		margin-top: -9px
	}
}

.manager-said__content p {
	color: #898989
}

.contact-us__bottom {
	background-color: #F8FDFF;
	padding: 3em 6em 0;
	height: 600px;
	border-top: 1px solid #f2f2f2;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: auto
}

.contact-us__bottom .item {
	z-index: 2
}

.contact-us__bottom h6 {
	color: #434345;
	transition: all .5s;
	margin-bottom: .5em;
	text-transform: uppercase
}

@media (max-width:850px) {
	.manager-said__content:before {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #F2F2F2;
		top: -9px;
		left: 50%;
		margin-left: -9px
	}
	.contact-us__bottom {
		padding: 3em 5vw;
		height: auto;
		background-size: 80%
	}
	.contact-us__bottom h6 {
		margin-bottom: .2em
	}
}

.contact-us__bottom .list-with-icon__item span {
	padding-top: 0
}

.contact-us__bottom a {
	color: #898989
}

@media (min-width:1025px) {
	.contact-us__bottom a:hover {
		color: #EB4D27
	}
}

.contact-us__bottom .list-with-icon__item {
	margin-bottom: 10px
}

.hosting .quote {
	background-color: #005FAE
}

.datacenter-location {
	position: relative;
	background-repeat: no-repeat;
	background-size: 1350px 734px;
	background-position: 50% 30px
}

.time-line,
.time-line__heading {
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.datacenter-location .vps-locations {
	max-width: 550px;
	margin: 250px auto 0;
	display: flex
}

@media (max-width:850px) {
	.datacenter-location {
		background-size: 100% auto;
		height: auto;
		position: relative
	}
	.datacenter-location:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(255, 255, 255, .5);
		z-index: 1
	}
	.datacenter-location .vps-locations {
		margin-top: 2em;
		position: relative;
		z-index: 2;
		flex-direction: column
	}
}

.datacenter-location .vps-locations ul {
	flex: 1 1 50%
}

.datacenter-location .vps-locations ul>li {
	font-size: 1.5em;
	border-bottom: 1px solid #005FAE;
	display: inline-block;
	width: 80%;
	padding: .5em 0 .25em;
	text-transform: uppercase;
	letter-spacing: 2px
}

@media (max-width:850px) {
	.datacenter-location .vps-locations ul {
		flex: 0 0 auto
	}
	.datacenter-location .vps-locations ul>li {
		max-width: 270px;
		display: block;
		margin: 0 auto
	}
}

.datacenter-location .chat-with-us {
	margin-top: 80px
}

@media (max-width:850px) {
	.datacenter-location .chat-with-us {
		margin-top: 2em;
		position: relative;
		z-index: 2
	}
}

.datacenter-location .chat-with-us p {
	font-size: 1.2em;
	padding: 0 2em
}

.datacenter-location .chat-with-us .link--sky-blue-circle {
	margin-top: 1em
}

.datacenter-location .dots {
	display: none;
	width: 1350px;
	height: 200px;
	top: 327px;
	left: 50%;
	margin-left: -675px
}

@media (min-width:1251px) {
	.datacenter-location .dots {
		display: block
	}
}

.datacenter-location .dot {
	display: none;
	background-color: transparent;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	transform: scale(.93)
}

.datacenter-location .dot:after {
	display: block;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
	opacity: 0;
	transform: scale(.9);
	animation: light-blue 2s infinite
}

.time-line .item:after,
.time-line .item:before {
	content: "";
	top: 50%
}

@media (min-width:1251px) {
	.datacenter-location .dot {
		display: block
	}
}

.datacenter-location .san-francisco {
	top: 0;
	left: 206px
}

.datacenter-location .new-york {
	top: -22px;
	left: 376px
}

.datacenter-location .london {
	top: -73px;
	left: 619px
}

.datacenter-location .amsterdam {
	top: -73px;
	left: 651px
}

.datacenter-location .frankfurt {
	top: -50px;
	left: 663px
}

.datacenter-location .singapore {
	top: 155px;
	right: 344px
}

@media (max-width:850px) {
	body.our-process .below-the-fold .container,
	body.our-process .below-the-fold .row {
		padding: 0
	}
}

.time-line {
	padding: 3em 0 5em;
	background-size: 60% auto;
	position: relative
}

.time-line:first-child .time-line__line {
	top: 125px
}

.time-line:last-child .time-line__line {
	bottom: 140px
}

@media (max-width:850px) {
	.time-line {
		background-size: cover
	}
	.time-line:first-child .time-line__line {
		top: 80px
	}
	.time-line:last-child .time-line__line {
		bottom: 100px
	}
}

.time-line__line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	margin-left: -1.5px;
	background-color: #000;
	z-index: 1
}

.time-line__heading {
	height: 130px;
	position: relative;
	z-index: 4
}

@media (max-width:850px) {
	.time-line__line {
		left: 30px
	}
	.time-line__heading {
		background-position: 8px 0;
		height: auto
	}
}

.time-line__heading .heading,
.time-line__heading .step {
	font-size: 3em;
	color: #222;
	text-transform: capitalize
}

@media (max-width:850px) {
	.time-line__heading .heading,
	.time-line__heading .step {
		margin-left: 70px;
		font-size: 2.4em
	}
}

@media (min-width:851px) {
	.time-line__heading .heading,
	.time-line__heading .step {
		position: absolute;
		max-width: 400px;
		height: 130px;
		line-height: 130px
	}
	.time-line__heading .step {
		right: 50%;
		margin-right: 50px
	}
	.time-line__heading .heading {
		left: 50%;
		margin-left: 50px
	}
	.time-line__content:nth-child(even) .item {
		right: 50%;
		margin-right: 40px
	}
}

.time-line__content {
	position: relative;
	height: 80px;
	z-index: 5;
	transition: all .3s ease-out
}

@media (max-width:1024px) {
	.time-line__content {
		height: 100px
	}
}

@media (max-width:850px) {
	.time-line__content {
		height: auto;
		padding-left: 70px
	}
}

.time-line .item {
	background-color: #fff;
	padding: .8em 1em;
	border-radius: 10px
}

@media (min-width:851px) {
	.time-line__content:nth-child(even) .item:before {
		right: -55px
	}
	.time-line__content:nth-child(even) .item:after {
		right: -12px;
		border-color: transparent transparent transparent #fff;
		border-width: 8px 0 8px 12px
	}
	.time-line__content:nth-child(even) .item .item-dot {
		right: -48px
	}
	.time-line__content:nth-child(odd) .item {
		left: 50%;
		margin-left: 40px
	}
	.time-line__content:nth-child(odd) .item:before {
		left: -55px
	}
	.time-line__content:nth-child(odd) .item:after {
		left: -12px;
		border-color: transparent #fff transparent transparent;
		border-width: 8px 12px 8px 0
	}
	.time-line__content:nth-child(odd) .item .item-dot {
		left: -48px
	}
	.time-line .item {
		position: absolute;
		max-width: 400px
	}
}

@media (max-width:1024px) {
	.time-line .item {
		max-width: 300px
	}
}

@media (max-width:850px) {
	.time-line .item {
		position: relative;
		max-width: 90%;
		display: inline-block;
		margin: .5em 0
	}
	.time-line .item:before {
		left: -54px;
		right: auto
	}
}

.time-line .item:before {
	display: block;
	width: 30px;
	height: 30px;
	border: 3px solid #000;
	background-color: #fff;
	position: absolute;
	margin-top: -15px;
	border-radius: 100%
}

.time-line .item:after {
	width: 0;
	height: 0;
	position: absolute;
	margin-top: -8px;
	border-style: solid
}

.time-line .item p {
	font-size: 1.35em;
	line-height: 1.3em;
	color: #333
}

.time-line .item .item-dot {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	opacity: 0;
	transition: opacity .25s;
	transition-delay: .3s
}

@media (max-width:850px) {
	.time-line .item:after {
		left: -12px;
		border-color: transparent #fff transparent transparent;
		border-width: 8px 12px 8px 0
	}
	.time-line .item p {
		font-size: 1.25em
	}
	.time-line .item .item-dot {
		left: -47px;
		right: auto
	}
}

.icp-china .quote {
	background-color: #005FAE
}

.why-icp_china h3 {
	color: #005FAE
}

.tenten-intro {
	margin-top: 100vh
}

@media (max-width:767px) {
	.tenten-intro__summary {
		margin-bottom: 0
	}
}

@media (min-width:768px) {
	.tenten-intro__summary .content {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.tenten-intro__summary .content:nth-child(2) {
		width: 48.07692%;
		float: right;
		margin-right: 0;
		margin-bottom: 1em
	}
	.tenten-intro__summary .content a:hover .watch-video--content {
		background: rgba(33, 34, 33, .2)
	}
}

@media (max-width:767px) {
	.tenten-intro__summary .content {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3em
	}
}

.tenten-intro__summary .content img {
	display: block
}

@media (max-width:550px) {
	.tenten-intro__summary .content:last-child {
		margin-bottom: 0
	}
}

.tenten-intro__summary .content a {
	border-radius: 20px;
	overflow: hidden;
	display: block
}

.tenten-intro__summary .watch-video--content {
	height: 100%;
	top: 0;
	transition: background .3s;
	background: rgba(33, 34, 33, .6)
}

.tenten-intro__summary .watch-video--content i {
	display: block;
	font-size: 3em
}

.tenten-intro__services ul {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto
}

.tenten-intro__services ul:after {
	content: " ";
	display: block;
	clear: both
}

@media (min-width:768px) {
	.tenten-intro__services li {
		width: 30.76923%;
		float: left;
		margin-right: 3.84615%;
		border-right: 1px solid #eee
	}
	.tenten-intro__services li:nth-child(3) {
		width: 30.76923%;
		float: right;
		margin-right: 0;
		border-right: 0
	}
}

@media (max-width:767px) {
	.tenten-intro__services {
		margin-bottom: 15px
	}
	.tenten-intro__services li {
		height: 240px
	}
	.tenten-intro__services h4 {
		display: inline-block;
		vertical-align: middle;
		width: 45%;
		text-align: left
	}
}

@media (max-width:550px) {
	.tenten-intro__services li,
	.tenten-intro__services img {
		height: 120px;
		width: auto;
	}
}

.tenten-intro__services h4 {
	color: #434345;
	margin: 1em 0
}
.tenten-intro__services .image{
	
	position: relative;
}
@media (max-width:767px) {
	.tenten-intro__services .image {
		display: inline-block;
		vertical-align: middle;
		width: 52%;
		transform: scale(.9);
		transform-origin: 20% 50%
	}
}

@media (min-width:550px) {
	.tenten-intro__services .image {
		height: 200px
	}
}

@media (max-width:550px) {
	.tenten-intro__services .image {
		height: 120px
	}
}

@media (min-width:851px) {
	.industries-lists .basic-list,
	.industries-lists .list-with-icon {
		width: 90%
	}
}

.industries-lists .basic-list {
	margin-top: 42px
}

.industries-lists .list-with-icon__item {
	margin: 10px 0
}

.insight__content {
	background: #F2F2F2
}

.insight__tab {
	margin-bottom: 2em
}

.insight__tab li {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
	border: 1px solid #005FAE;
	border-radius: 5px;
	background: #fff;
	transition: all .3s
}

.come-n-join-tenten,
.job-features,
.job-list {
	border-top: 1px solid #D1D3D4
}

.insight__tab li.open {
	background: #005FAE
}

.insight__tab li.open button {
	color: #fff
}

@media (min-width:1025px) {
	.insight__tab li:hover {
		background: #005FAE
	}
	.insight__tab li:hover button {
		color: #fff
	}
	.back-to-team {
		top: 30px;
		right: 30px
	}
}

.insight__tab button {
	transition: all .3s;
	font-size: 1em;
	width: 100%;
	padding: .8em 0
}

.insight__themes li {
	margin-bottom: 2.5em
}

.insight__themes .single {
	width: 30.76923%;
	float: left;
	margin-right: 3.84615%
}

.insight__themes .single:nth-child(3n+2) {
	width: 30.76923%;
	float: right;
	margin-right: 0
}

.insight__themes .double {
	width: 48.07692%;
	float: left;
	margin-right: 3.84615%
}

.insight__themes .double:nth-child(2n) {
	width: 48.07692%;
	float: right;
	margin-right: 0
}

.insight__themes a {
	display: block
}

.insight__themes__list {
	margin-bottom: 1em;
	border-radius: 5px;
	height: 160px
}

.insight__tech li {
	margin: 2em 3.84615% 2em 0;
	width: 30.76923%;
	float: left
}

.insight__tech li:nth-child(3n) {
	width: 30.76923%;
	float: right;
	margin-right: 0
}

.insight__tech li .content,
.insight__tech li .icon {
	display: inline-block;
	vertical-align: middle
}

.insight__tech li .icon {
	margin-right: .4em
}

.insight__tech li .icon i {
	font-size: 2.3em
}

.insight__tech li .content {
	width: calc(100% - 50px)
}

.insight__tech li h5 {
	color: #000;
	font-size: 1.3em;
	margin-bottom: .3em
}

.insight__tech li p {
	font-size: 1em
}

.job-form #tenten-job-form,
.jobs-single-main h3,
.jobs-single-main li,
.jobs-single-main p,
.right-img-banner .job-heading,
.right-img-banner .job-title {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto
}

.right-img-banner {
	background-repeat: no-repeat;
	height: 450px;
	background-position: 90% 100%
}

@media (max-width:850px) {
	.right-img-banner {
		height: 70vh;
		background-position: 50% 100%;
		padding-top: 10vh
	}
}

@media (max-width:550px) {
	.right-img-banner {
		background-size: 140%;
		height: 100vh;
		padding-top: 15vh
	}
}

@media (min-width:851px) {
	.right-img-banner {
		display: table;
		width: 100%
	}
	.right-img-banner .content {
		display: table-cell;
		height: 100%;
		vertical-align: middle
	}
}

.right-img-banner .job-heading {
	font-size: 1.2em;
	padding-right: 19%;
	margin-bottom: 1em
}

@media (max-width:850px) {
	.right-img-banner .job-heading {
		padding-right: 0;
		margin-bottom: 0;
		text-align: center
	}
}

.right-img-banner .job-title {
	font-size: 3.5em;
	padding-right: 19%;
	line-height: 1.2em
}

@media (max-width:850px) {
	.right-img-banner .job-title {
		font-size: 2.3em;
		text-align: center;
		padding: .5em 1em
	}
}

.jobs-single-main {
	padding: 2.5em
}

.jobs-single-main h3 {
	margin-top: 40px;
	margin-bottom: 15px
}

.job-form {
	padding: 2.5em 0 5em
}

.job-form #tenten-job-form {
	padding-bottom: 4em
}

.single-jobs .text-editor-section ul>li {
	margin-bottom: 20px
}

@media (max-width:1250px) {
	body.five-reasons-why-you-should-work-at-tenten .xl-container,
	body.front-end-developer .xl-container,
	body.intern .xl-container,
	body.ios-developer .xl-container,
	body.jobs .xl-container,
	body.software-engineer .xl-container,
	body.ui-designer .xl-container,
	body.web-designer .xl-container {
		max-width: 100%;
		padding: 0
	}
}

@media (max-width:850px) {
	body.five-reasons-why-you-should-work-at-tenten .xl-container,
	body.front-end-developer .xl-container,
	body.intern .xl-container,
	body.ios-developer .xl-container,
	body.jobs .xl-container,
	body.software-engineer .xl-container,
	body.ui-designer .xl-container,
	body.web-designer .xl-container {
		padding: 0
	}
}

.two-blocks__style--4 .order {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 1em
}

.job-list li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-top: 2em
}

.job-list li:first-child {
	margin-top: 1em
}

@media (max-width:550px) {
	.job-list li {
		flex-direction: column
	}
}

.job-list__title {
	flex: 1 1 50%;
	font-size: 1.6em
}

@media (max-width:550px) {
	.job-list__title {
		flex: 0 0 auto;
		margin-bottom: .5em
	}
}

.job-list__apply {
	flex: 1 1 50%;
	margin: 0
}

.come-n-join-tenten {
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 1140px;
	height: 835px;
	padding: 3em
}

@media (max-width:1250px) {
	.come-n-join-tenten {
		height: 600px
	}
}

@media screen and (max-width:1250px) and (orientation:landscape) {
	.come-n-join-tenten {
		height: 750px
	}
}

@media (max-width:1024px) {
	.come-n-join-tenten {
		background-size: 900px
	}
}

@media (max-width:850px) {
	.come-n-join-tenten {
		height: 700px;
		padding: 2em
	}
}

@media (max-width:767px) {
	.come-n-join-tenten {
		height: 500px
	}
}

@media (max-width:550px) {
	.job-list__apply {
		flex: 0 0 auto
	}
	.come-n-join-tenten {
		height: 400px;
		background-size: 400px
	}
}

.come-n-join-tenten__heading {
	font-size: 1.8em;
	color: #273377;
	text-transform: uppercase;
	margin-bottom: .5em
}

@media (max-width:767px) {
	.come-n-join-tenten__heading {
		font-size: 1.3em
	}
}

.come-n-join-tenten__slogan {
	text-transform: uppercase;
	font-size: 4em;
	line-height: 1.2em;
	margin-bottom: .6em
}

@media (max-width:767px) {
	.come-n-join-tenten__slogan {
		font-size: 2em
	}
}

.job-features {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-item: flex-start;
	align-content: flex-start;
	padding: 1.25em
}

@media (max-width:550px) {
	.job-features {
	    flex-direction: column;
	}
}

.job-features__item {
	margin: 1.25em;
	flex: 1 1 30%
}

@media (max-width:550px) {
	.job-features__item {
		flex: 0 0 auto
	}
}

.job-features__title {
	color: #273377;
	margin-bottom: .5em
}

.back-to-team {
	position: absolute;
	z-index: 999
}

@media (max-width:1024px) {
	.back-to-team {
		top: 20px;
		right: 20px
	}
}

.back-to-team .back-to-team__button {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(209, 211, 212, .8);
	transition: background .3s;
	color: #fff
}

@media (min-width:1025px) {
	.back-to-team .back-to-team__button:hover {
		background-color: #d1d3d4
	}
	#date_type input.pickday {
		cursor: pointer
	}
}

@media (min-width:851px) {
	.back-to-team .back-to-team__button {
		width: 80px;
		height: 80px;
		font-size: 30px
	}
}

@media (max-width:850px) {
	.back-to-team .back-to-team__button {
		width: 50px;
		height: 50px;
		font-size: 20px
	}
}

@media (max-width:550px) {
	.back-to-team .back-to-team__button {
		width: 30px;
		height: 30px;
		font-size: 15px
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes moveInFromLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes moveOutToLeft {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		transform: translateX(-50%)
	}
}

@keyframes moveInFromRight {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes moveOutToRight {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		transform: translateX(50%)
	}
}

.sceneElement {
	animation-duration: .4s;
	transition-timing-function: ease-in;
	animation-fill-mode: both;
	position: relative
}

.is-exiting .sceneElement {
	transition-timing-function: ease-out
}

#member-section[data-transition=fade] .sceneElement {
	animation-name: fadeIn
}

#member-section[data-transition=fade].is-exiting .sceneElement {
	animation-name: fadeOut
}

#member-section[data-transition=moveleft] .sceneElement {
	animation-name: moveInFromLeft
}

#member-section[data-transition=moveleft].is-exiting .sceneElement {
	animation-name: moveOutToRight
}

#member-section[data-transition=moveright] .sceneElement {
	animation-name: moveInFromRight
}

#member-section[data-transition=moveright].is-exiting .sceneElement {
	animation-name: moveOutToLeft
}

.process-block__item {
	margin-bottom: 3em;
	background-color: #fff
}

.process-block__image {
	display: block
}

.process-block .content {
	padding: 3em
}

@media (max-width:850px) {
	.process-block .content {
		padding: 2em
	}
	.process-block__heading {
		font-size: 1.8em
	}
}

.process-block__heading {
	color: #434345;
	padding: .8em 0
}

#date_type input[type=date],
.tenten-form .inline-checklist label,
.tenten-form input[type=text],
.tenten-form input[type=email],
.tenten-form input[type=tel],
.tenten-form input[type=url],
.tenten-form select {
	color: #fff;
	transition: all .5s;
	letter-spacing: 1px;
	text-transform: initial
}

@media (min-width:768px) {
	#date_type input[type=date],
	.tenten-form .inline-checklist label,
	.tenten-form input[type=text],
	.tenten-form input[type=email],
	.tenten-form input[type=tel],
	.tenten-form input[type=url],
	.tenten-form select {
		font-size: 2.4em
	}
}

@media (max-width:767px) {
	#date_type input[type=date],
	.tenten-form .inline-checklist label,
	.tenten-form input[type=text],
	.tenten-form input[type=email],
	.tenten-form input[type=tel],
	.tenten-form input[type=url],
	.tenten-form select {
		font-size: 1.6em
	}
}

#inquiry-results {
	display: none
}

#inquiry-results:before {
	background-color: rgba(39, 51, 119, .5)
}

#inquiry-results.show {
	display: block
}

#inquiry-results a {
	margin-top: 1.25em
}

#inquiry-results .table {
	position: relative
}

.tenten-form {
	
}

.tenten-form label {
	transition: all .5s;
	margin-bottom: .5em;
	text-transform: uppercase
}

@media (max-width:850px) {
	#inquiry-results h6 {
		font-size: 1.5em
	}
	#inquiry-results h4 {
		font-size: 7em
	}
	.tenten-form label {
		margin-bottom: .2em
	}
}

.tenten-form .form-container {
	border-top: 1px solid rgba(255, 255, 255, .5);
	padding: 1.5em 0 2.5em;
	position: relative
}

.tenten-form .form-group {
	margin-bottom: 4em
}

.tenten-form .form-group--half {
	position: relative;
	width: 48%
}

@media (max-width:850px) {
	.tenten-form .form-group {
		margin-bottom: 2em
	}
	.tenten-form .form-group--half {
		width: 100%
	}
}

.tenten-form .form-group--full {
	width: 100%
}

.tenten-form .form-group.active input,
.tenten-form .form-group.active label,
.tenten-form .form-group.active select,
.tenten-form .form-group.active select+.icons-arrow-down {
	color: #ff0
}

.tenten-form .form-group.active .label-wrap label {
	color: rgba(255, 255, 255, .6)
}

.tenten-form .form-group.active .label-wrap label.active {
	color: #ff0
}

.tenten-form .inline-checklist {
	margin-top: 1em
}

.tenten-form .inline-checklist label {
	color: rgba(255, 255, 255, .5);
	margin-right: 1em;
	cursor: pointer;
	text-transform: capitalize
}

.tenten-form .inline-checklist label.active {
	color: #ff0
}

.tenten-form .inline-checklist input {
	display: none
}

.tenten-form .inline-checklist .script {
	font-size: .5em;
	display: block;
	margin-bottom: .25em
}

.tenten-form input:focus::-webkit-input-placeholder {
	opacity: 0
}

.tenten-form ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5)
}

.tenten-form input:-webkit-autofill,
.tenten-form select:-webkit-autofill,
.tenten-form textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #005FAE inset;
	-webkit-text-fill-color: #fff
}

.tenten-form textarea {
	border: 1px solid rgba(255, 255, 255, .5);
	margin-top: .5em;
	min-height: 200px;
	font-size: 1.5em;
	padding: .5em
}

.tenten-form select {
	background: rgba(255, 255, 255, .05);
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
	max-width: 400px;
	padding-left: 10px;
	color: rgba(255, 255, 255, .5)
}

.tenten-form .select-option {
	font-size: 18px
}

.tenten-form select+.icons-arrow-down {
	color: rgba(255, 255, 255, .5);
	position: relative;
	right: 40px;
	top: -2px
}

@media (max-width:850px) {
	.tenten-form select {
		width: 90%;
		height: 40px
	}
	.tenten-form select+.icons-arrow-down {
		right: 40px;
		top: 0
	}
}

.side-notice {
	top: -3px;
	left: -170px;
	width: 150px;
	opacity: .5;
	transition: opacity .3s
}

@media (max-width:1679px) {
	.side-notice {
		display: none
	}
}

.side-notice.active {
	opacity: 1
}

.side-notice__wrap.fixed {
	position: fixed;
	top: 55px;
	width: 150px
}

.side-notice__heading {
	padding: .5em 0;
	line-height: 1.3em
}

.side-notice__heading i {
	font-size: 3em
}

.side-notice__content {
	background: #ff0;
	color: #273377
}

.tenten-form__heading {
	color: inherit;
	margin: .5em 0
}

.tenten-form__description {
	color: inherit;
	line-height: 1.3em
}

@media (min-width:768px) {
	.tenten-form__description {
		width: 550px
	}
}

@media (max-width:767px) {
	.tenten-form__description {
		width: 100%
	}
}

.label-wrap__info {
	padding: .5em 1em;
	line-height: 1.3em;
	max-width: 500px;
	background: #ff0;
	color: #273377;
	opacity: 0;
	border-radius: 10px;
	transition: opacity .3s;
	font-size: 14px
}

.label-wrap__info.active {
	opacity: 1
}

.label-wrap__info:before {
	width: 0;
	height: 0;
	border-bottom: 5px solid #ff0;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 15px;
	top: -5px;
	content: ""
}

#date_type .form-group--half {
	width: 380px;
	position: relative;
	margin-right: 2em
}

#date_type input[type=date] {
	color: rgba(255, 255, 255, .5);
	cursor: pointer
}

#date_type input[type=date]::-webkit-calendar-picker-indicator {
	color: rgba(255, 255, 255, .5);
	background: 0 0
}

#date_type input.pickday {
	background: rgba(255, 255, 255, .05);
	padding-left: .5em;
	margin-top: .3em
}

#date_type input.pickday+i.icons-arrow-down {
	color: rgba(255, 255, 255, .5);
	bottom: 12px;
	right: 20px
}

@media (max-width:850px) {
	#date_type .form-group--half {
		width: 100%;
		margin-right: 0
	}
	#date_type input.pickday {
		padding: 5px;
		width: 90%
	}
	#date_type input.pickday+i.icons-arrow-down {
		right: 52px
	}
}

@media (max-width:550px) {
	.label-wrap__info {
		display: none
	}
	#date_type input.pickday+i.icons-arrow-down {
		bottom: 5px
	}
}

.page-template-tpl-recruit-2017 {
	background-color: #000
}

@media (max-width:1024px) {
	.page-template-tpl-recruit-2017 {
		background: url(../imagesrp/star.jpg)
	}
}

.page-template-tpl-recruit-2017 canvas {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.page-template-tpl-recruit-2017 .hero-banner--full {
	height: calc(100vh - 50px);
	position: relative
}

.page-template-tpl-recruit-2017 .hero-banner--full .container {
	padding-bottom: 120px
}

.page-template-tpl-recruit-2017 .hero-banner--full .image {
	width: 1000px;
	max-width: 100%;
	margin-bottom: 10px
}

.page-template-tpl-recruit-2017 .hero-banner--full .heading {
	font-weight: 700;
	font-size: 38px;
	margin-bottom: 20px;
	color: #fff;
	letter-spacing: .03em
}

@media (max-width:850px) {
	.page-template-tpl-recruit-2017 .hero-banner--full .image {
		width: 100%
	}
	.page-template-tpl-recruit-2017 .hero-banner--full .heading {
		font-size: 2.1em;
		line-height: 1.3em
	}
}

.page-template-tpl-recruit-2017 .hero-banner--full .subheading {
	line-height: 1.5em;
	font-size: 1.6em;
	color: #ccc
}

@media (max-width:850px) {
	.page-template-tpl-recruit-2017 .hero-banner--full .subheading {
		font-size: 1.5em
	}
}

@keyframes star {
	0% {
		opacity: 1;
		transform: scale(1.5) translateY(-.75em)
	}
	20% {
		opacity: .6
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.recruit-2017-container {
	position: relative;
	z-index: 9
}

.recruit-section {
	padding: 60px 0;
	color: #fff;
	text-align: center
}

.recruit-section .title {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 30px
}

.recruit-section .position {
	font-size: 2.4em;
	line-height: 1.3em;
	font-weight: 100;
	letter-spacing: .05em;
	margin-bottom: 30px
}

@media (max-width:850px) {
	.recruit-section .position {
		font-size: 1.8em
	}
}

.recruit-section .link {
	display: inline-block;
	margin-top: 20px;
	color: #ccc;
	letter-spacing: .03em;
	font-weight: 400;
	transition: color .3s, background .3s;
	padding: 0 30px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 45px;
	height: 45px;
	line-height: 45px
}

.recruit-section .link:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, .3)
}

.recruit-section .link.link1:hover {
	text-shadow: 0 0 6px red
}

.recruit-section .link.link2:hover {
	text-shadow: 0 0 6px #ffb100
}

.recruit-section .link.link3:hover {
	text-shadow: 0 0 6px #ffeb00
}

.recruit-section .link.link4:hover {
	text-shadow: 0 0 6px red
}

.recruit-section .learn-more {
	display: inline-block;
	text-align: center;
	margin-top: 30px;
	color: rgba(255, 255, 255, .3);
	transition: border .3s;
	padding-bottom: 3px;
	border: 1px solid transparent
}

.recruit-section .learn-more:hover {
	border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.recruit-section .image {
	display: block;
	width: 147px;
	margin: 20px auto
}

.recruit-2017-gallery {
	padding: 60px 0
}

.recruit-2017-gallery .main-heading {
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: .03em;
	padding: 40px 0
}

.recruit-2017-gallery .flex-gallery {
	background-color: #fff;
	display: flex;
	flex-wrap: wrap
}

.recruit-2017-gallery .flex-gallery>div {
	flex: 0 0 calc(100% / 3)
}

@media (max-width:850px) {
	.recruit-2017-gallery .flex-gallery>div {
		flex: 0 0 calc(100% / 2)
	}
}

@media (max-width:550px) {
	.recruit-section .image {
		width: 110px
	}
	.recruit-2017-gallery .flex-gallery>div {
		flex: 0 0 100%
	}
}

.recruit-2017-gallery .flex-gallery .image {
	display: block;
	width: 100%
}

.recruit-2017-gallery .flex-gallery .text {
	padding: 50px
}

.recruit-2017-gallery .flex-gallery .text .heading {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.3em;
	color: #222;
	margin-bottom: 20px
}

.differences {
	background-color: #EB4D27
}

.differences .center-heading__main {
	color: #fff
}

.why-ssl {
	background-color: #E1E8ED
}

.why-ssl h3 {
	color: #005FAE
}

.ssl .quote {
	background-color: #005FAE
}

@media (max-width:1024px) {
	.recruit-2017-gallery .flex-gallery .text .heading {
		font-size: 1.2em;
		margin-bottom: 10px
	}
	.recruit-2017-gallery .flex-gallery .text .p {
		font-size: 1em
	}
	.recruit-2017-gallery .flex-gallery .text {
		padding: 30px
	}
	.ssl .price-card__item__name h4 {
		font-size: 1.5em
	}
}

.why-use-ssl h3 {
	color: #fff
}

.what-we-like #what-we-like_1 svg,
.what-we-like #what-we-like_2 svg {
	width: 450px;
	height: auto;
	margin: 0 0 0 -225px;
	display: inline-block;
	left: 50%;
	top: 50%
}

@media (max-width:1250px) {
	.what-we-like #what-we-like_1 svg,
	.what-we-like #what-we-like_2 svg {
		width: 300px;
		margin-left: -150px
	}
}

@media (max-width:550px) {
	.startup-incubators h2 {
		font-size: 2.8em
	}
	.what-we-like #what-we-like_1 svg,
	.what-we-like #what-we-like_2 svg {
		width: 250px;
		margin-left: -125px
	}
}

.what-we-like #what-we-like_1 svg {
	margin-top: -32px
}

@media (max-width:1250px) {
	.what-we-like #what-we-like_1 svg {
		margin-top: -21.5px
	}
}

@media (max-width:850px) {
	.what-we-like #what-we-like_1,
	.what-we-like #what-we-like_2 {
		height: 200px
	}
	.what-we-like #what-we-like_1 svg {
		margin-top: -18px
	}
}

.what-we-like #what-we-like_2 svg {
	margin-top: -99px
}

@media (max-width:1250px) {
	.what-we-like #what-we-like_2 svg {
		margin-top: -55px
	}
}

.startup-how .svg-bg {
	background-color: #94BCD5
}

.startup-how .two-blocks__item--extras {
	margin-bottom: 3em
}

.startup-how .two-blocks__item--extras .svg-bg {
	background-position: left center
}

.startup-how .startup-list ul>li {
	display: inline-block;
	margin-right: 1.5em;
	margin-top: 1em
}

.startup-how .startup-list ul>li:last-child {
	margin-right: 0
}

@media (max-width:1024px) {
	.startup-how .price-card {
		display: block
	}
	.startup-how .price-card__item {
		width: 100%;
		margin: 0 auto 1.5em;
		max-width: 280px
	}
	.startup-meet__price .idea-image {
		display: none
	}
}

.startup-meet__price {
	background-color: #434561;
	padding: 4em
}

.startup-meet__price .idea-image>li {
	margin: 0 1.5em
}

.startup-meet__price .ideaimage {
	display: block;
	width: 570px;
	margin: 0 auto
}

@media (max-width:850px) {
	.startup-meet__price {
		padding: 2em
	}
	.startup-meet__price .ideaimage {
		width: 90%
	}
}

.startup-meet__price .paragraph {
	max-width: 640px;
	margin: 2em auto
}

.startup-client img {
	width: auto;
	height: auto;
	z-index: 1
}

.startup-client .img-vanmoof {
	left: -150px;
	bottom: 0;
	width: 1400px
}

@media (max-width:1280px) {
	.startup-client .img-vanmoof {
		width: 1060px
	}
}

@media (max-width:1250px) {
	.startup-client .img-vanmoof {
		width: 900px
	}
}

@media (max-width:850px) {
	.startup-client .img-vanmoof {
		width: 700px
	}
}

@media (max-width:550px) {
	.startup-client .img-vanmoof {
		width: 600px
	}
	.startup-client .logo-vanmoof {
		display: none
	}
}

.startup-client .logo-vanmoof {
	top: 500px;
	left: 1000px
}

@media (max-width:1280px) {
	.startup-client .logo-vanmoof {
		left: 880px
	}
}

@media (max-width:1250px) {
	.startup-client .logo-vanmoof {
		left: 600px;
		width: 200px
	}
}

@media (max-width:850px) {
	.startup-client .logo-vanmoof {
		left: 400px;
		width: 150px
	}
}

.startup-client .img-tientien {
	right: 0;
	bottom: 0;
	width: 1100px
}

@media (max-width:1280px) {
	.startup-client .img-tientien {
		width: 800px
	}
}

@media (max-width:1250px) {
	.startup-client .img-tientien {
		width: 730px
	}
}

@media (max-width:850px) {
	.startup-client .img-tientien {
		width: 610px
	}
}

@media (max-width:550px) {
	.startup-client .img-tientien {
		width: 100%
	}
	.startup-client .logo-tientien {
		display: none
	}
}

.startup-client .logo-tientien {
	top: 500px;
	left: 200px;
	width: 235px
}

@media (max-width:1250px) {
	.startup-client .logo-tientien {
		top: 360px;
		left: 48px;
		width: 200px
	}
}

.startup-client .img-everrich {
	left: 0;
	bottom: -64px;
	width: 940px
}

@media (max-width:1280px) {
	.startup-client .img-everrich {
		width: 760px
	}
}

@media (max-width:1250px) {
	.startup-client .img-everrich {
		width: 650px
	}
}

@media (max-width:850px) {
	.startup-client .img-everrich {
		width: 500px
	}
}

@media (max-width:550px) {
	.startup-client .img-everrich {
		width: 100%;
		left: -38px;
		bottom: -10px
	}
	.startup-client .logo-everrich {
		display: none
	}
}

.startup-client .logo-everrich {
	top: 500px;
	right: 200px;
	width: 280px
}

@media (max-width:1250px) {
	.startup-client .logo-everrich {
		top: 360px;
		right: 48px;
		width: 200px
	}
}

.startup-client .img-rtr {
	left: -50px;
	bottom: -20px;
	width: 1000px
}

@media (max-width:1280px) {
	.startup-client .img-rtr {
		width: 800px
	}
}

@media (max-width:1250px) {
	.startup-client .img-rtr {
		width: 730px
	}
}

@media (max-width:850px) {
	.startup-client .logo-everrich {
		top: 3940px;
		right: 88px
	}
	.startup-client .img-rtr {
		width: 550px
	}
}

@media (max-width:550px) {
	.startup-client .img-rtr {
		width: 100%;
		bottom: 0;
		left: -20px
	}
}

.startup-client .logo-rtr {
	top: 50%;
	margin-top: -60px;
	right: 300px;
	width: 190px
}

@media (max-width:1280px) {
	.startup-client .logo-rtr {
		width: 160px;
		right: 150px
	}
}

@media (max-width:1250px) {
	.startup-client .logo-rtr {
		top: 360px;
		right: 100px;
		width: 140px
	}
}

@media (max-width:850px) {
	.startup-client .logo-rtr {
		width: 120px
	}
}

.startup-client__heading {
	color: #434345;
	margin-bottom: .5em
}

body.single-works footer {
	display: none
}

body.single-works .lazyload {
	opacity: 1
}

body.single-works .b-loaded {
	opacity: 1;
	transition: opacity .5s ease-in-out .1s
}

body.single-works .hero-banner--full .table-cell {
	padding-bottom: 20px
}

@media (max-width:550px) {
	.startup-client .logo-rtr {
		width: 90px;
		right: 50%;
		top: 340px
	}
	body.single-works .hero-banner--full .table-cell {
		padding-top: 0;
		padding-bottom: 50px
	}
}

body.single-works .background-fixed .hero-banner--half .table {
	background: rgba(0, 0, 0, .3)
}

.works-section {
	margin: 2em 0
}

@media (max-width:850px) {
	.works-section {
		margin: 1em 0
	}
}

.works-section.background-fixed {
	margin: 2em 0 0
}

.works-section.responsive-img {
	margin: 4em 0 2em
}

.works-section__content {
	padding: 2em 0
}

.works-section__content h6 {
	color: #434345;
	transition: all .5s;
	margin-bottom: 15px;
	text-transform: uppercase
}

@media (max-width:850px) {
	.works-section__content h6 {
		margin-bottom: 10px
	}
}

.works-section__content h5 {
	padding: .5em 0
}

.works-section__visual {
	padding-bottom: 2em
}

.works-section__visual img {
	margin: 0 auto
}

.works-section__visual video+img {
	margin-top: 2em
}

.works-section__visual .icon-wrap {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	padding: .3em;
	transition: transform ease-out .1s, background .2s
}

.works-section__visual .icon-wrap svg {
	transition: all .3s
}

@media (min-width:1251px) {
	.works-section__visual .feature__lists {
		width: 30.76923%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:1250px) {
	.works-section__visual .feature__lists {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1em
	}
}

.works-section__visual .feature__lists li {
	margin-bottom: 2.1em;
	cursor: pointer
}

.works-section__visual .feature__lists li.active .icon-wrap,
.works-section__visual .feature__lists li:hover .icon-wrap {
	background-color: #273377
}

.works-section__visual .feature__lists .icon-wrap,
.works-section__visual .feature__lists__content {
	display: inline-block;
	vertical-align: top
}

.works-section__visual .feature__lists__content {
	width: calc(100% - 40px - .8em)
}

.works-section__visual .feature__lists__content h2 {
	color: #273377
}

.works-section__visual .feature__lists .icon-wrap {
	margin-right: .5em
}

.works-section__visual .feature__lists .icon-wrap svg {
	fill: #273377;
	width: 100%;
	height: 100%
}

.works-section__visual .feature__img {
	position: relative
}

@media (min-width:1251px) {
	.works-section__visual .feature__img {
		width: 65.38462%;
		float: left;
		margin-right: 3.84615%
	}
}

@media (max-width:1250px) {
	.works-section__visual .feature__img {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
}

.works-section__visual .feature__img svg {
	fill: #fff
}

.works-section__visual .feature__img .icon-wrap {
	top: 50%;
	left: 50%;
	cursor: pointer;
	background-color: #273377
}

.works-section__visual .feature__img .icon-wrap:after {
	pointer-events: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
	opacity: 0;
	transform: scale(.9)
}

.works-section__visual .feature__img .icon-wrap.selected {
	transform: scale(.93);
	background-color: rgba(39, 51, 119, .9)
}

.works-section__visual .feature__img .icon-wrap.selected:after {
	animation: dark-blue 1.3s ease-out 75ms
}

.works-section__visual .feature__img .icon-wrap.not-select {
	background-color: #898989
}

.works-section--result ul {
	margin: 3em 0 0
}

.works-section--result li {
	box-sizing: border-box;
	width: 33.33333%;
	float: left
}

.works-section--result .circle {
	width: 250px;
	height: 250px;
	border-radius: 100%;
	background: #898989
}

.works-section--result .circle h3 {
	margin-bottom: 0;
	color: #fff
}

.works-section--result .circle h3 span {
	font-size: .5em;
	display: block;
	line-height: 1.3em
}

.works-section__sum-up {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.share-page li,
.works--back-to-top i,
.works--back-to-top span {
	display: inline-block;
	vertical-align: middle
}

.works-section__sum-up>div {
	flex: 1 0 33%
}

@media (max-width:850px) {
	.works-section__sum-up>div {
		flex: 0 0 50%
	}
}

.works-section__sum-up>div:first-child {
	flex: 0 0 25%
}

@media (max-width:850px) {
	.works-section__sum-up>div:first-child {
		flex: 0 0 50%
	}
	.works-section__sum-up>div:last-child {
		flex: 0 0 100%;
		padding-top: 2em
	}
}

.works-section__sum-up>div .content {
	margin-bottom: 2em
}

.works-section__sum-up>div .content:last-child {
	margin-bottom: 0
}

.works-section__sum-up h6 {
	text-transform: uppercase;
	margin-bottom: .3em;
	letter-spacing: 3px;
	color: #005FAE
}

.works-section__sum-up li {
	margin: 10px 0
}

.works-section__bottom {
	border-top: 1px solid #D1D3D4
}

.works-section__bottom__other-links {
	background: #212221
}

.works-section__bottom__other-links h5 {
	font-size: 1.3em
}

.works--back-to-top {
	width: 100%;
	padding: 1.5em 0;
	background: #212221;
	transition: color .3s
}

.works--back-to-top span {
	font-size: 1.5em
}

.works--back-to-top i {
	font-size: 3em;
	margin-right: .3em;
	margin-bottom: -8px
}

.share-page ul {
	margin-bottom: 1em
}

.share-page li {
	margin-right: .5em
}

.share-page li:last-child {
	margin-right: 0
}

.share-page a {
	background: #000;
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	padding: .5em;
	transition: background-color .25s
}

.share-page a i {
	font-size: 1.5em
}

@media (min-width:1025px) {
	.share-page .facebook a:hover {
		background-color: #3b5998
	}
	.share-page .twitter a:hover {
		background-color: #55acee
	}
	.share-page .pinterest a:hover {
		background-color: #bb0818
	}
}

.case-studies__filter-bar {
	padding-bottom: 25px
}

.case-studies__filter-bar .content {
	width: 48.07692%;
	float: left;
	margin-right: 3.84615%
}

.case-studies__filter-bar .content:nth-child(2n) {
	width: 48.07692%;
	float: right;
	margin-right: 0
}

@media (max-width:767px) {
	.case-studies__filter-bar .content {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.case-studies__filter-bar .content:nth-child(2n) {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0;
		margin-top: 1em
	}
}

.case-studies__filter-bar .container {
	padding: 0 58px
}

@media (max-width:850px) {
	.case-studies__filter-bar .container {
		padding: 0 40px
	}
}

@media (max-width:550px) {
	.case-studies__filter-bar .container {
		padding: 0 24px
	}
}

.case-studies #count-filtered-works {
	margin-top: 5px
}

.case-studies__label {
	margin-bottom: 20px
}

@media (max-width:767px) {
	.case-studies__label {
		margin-bottom: 5px
	}
}

.nav--fullscreen {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	top: 0;
	left: 0;
	z-index: 1100;
	transition: all .3s;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden
}

.nav--fullscreen h5 {
	margin-bottom: 1em
}

.nav--fullscreen li button {
	font-size: 3em;
	padding: .2em 0
}

.nav--fullscreen .btn--close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff
}

.nav--fullscreen.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.cross-lists {
	margin-bottom: 20px
}

.cross-lists a {
	text-indent: -9999px
}

.cross-lists ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 2.5em 0 0
}

.cross-lists li {
	border: 1px solid rgba(255, 255, 255, .15);
	display: flex;
	justify-content: center;
	align-items: center
}

@media (min-width:1251px) {
	.cross-lists li {
		flex: 1 1 20%;
		height: 200px
	}
	.cross-lists li:first-child,
	.cross-lists li:nth-child(11),
	.cross-lists li:nth-child(6) {
		border-left: 0
	}
	.cross-lists li:nth-child(5n) {
		border-right: 0
	}
	.cross-lists li:nth-child(1),
	.cross-lists li:nth-child(2),
	.cross-lists li:nth-child(3),
	.cross-lists li:nth-child(4),
	.cross-lists li:nth-child(5) {
		border-top: 0
	}
	.cross-lists li:nth-child(11),
	.cross-lists li:nth-child(12),
	.cross-lists li:nth-child(13),
	.cross-lists li:nth-child(14),
	.cross-lists li:nth-child(15) {
		border-bottom: 0
	}
}

@media (max-width:1250px) {
	.cross-lists li {
		flex: 1 1 25%;
		height: 200px
	}
	.cross-lists li:first-child,
	.cross-lists li:nth-child(13),
	.cross-lists li:nth-child(5),
	.cross-lists li:nth-child(9) {
		border-left: 0
	}
	.cross-lists li:last-child,
	.cross-lists li:nth-child(4n) {
		border-right: 0
	}
	.cross-lists li:nth-child(1),
	.cross-lists li:nth-child(2),
	.cross-lists li:nth-child(3),
	.cross-lists li:nth-child(4) {
		border-top: 0
	}
	.cross-lists li:nth-child(13),
	.cross-lists li:nth-child(14),
	.cross-lists li:nth-child(15) {
		border-bottom: 0
	}
}

@media (max-width:1024px) {
	.cross-lists li {
		flex: 1 1 30%;
		height: 200px;
		border: none;
		border-left: 1px solid rgba(255, 255, 255, .15);
		border-bottom: 1px solid rgba(255, 255, 255, .15)
	}
	.cross-lists li:nth-child(14),
	.cross-lists li:nth-child(5),
	.cross-lists li:nth-child(9) {
		border-left: 1px solid rgba(255, 255, 255, .15)
	}
	.cross-lists li:nth-child(3n+1) {
		border-left: 0
	}
}

@media (max-width:767px) {
	.nav--fullscreen li button {
		font-size: 2em
	}
	.cross-lists li {
		flex: 1 1 50%;
		width: 50%;
		height: 160px;
		border: none;
		border-left: 1px solid rgba(255, 255, 255, .15);
		border-bottom: 1px solid rgba(255, 255, 255, .15)
	}
	.cross-lists li:nth-child(14),
	.cross-lists li:nth-child(4n-1),
	.cross-lists li:nth-child(5),
	.cross-lists li:nth-child(9) {
		border-left: 0
	}
	.cross-lists li:nth-child(10),
	.cross-lists li:nth-child(14),
	.cross-lists li:nth-child(4) {
		border-left: 1px solid rgba(255, 255, 255, .15)
	}
	.cross-lists li:last-child {
		border-top: 1px solid rgba(255, 255, 255, .15)
	}
}

.cross-lists svg {
	display: block
}

li.cross-lists__item--1bite2go a {
	width: 91px;
	height: 71px
}

li.cross-lists__item--abb a {
	width: 112px;
	height: 44px
}

li.cross-lists__item--aibt a {
	width: 186px;
	height: 34px
}

li.cross-lists__item--amba a {
	width: 171px;
	height: 42px
}

li.cross-lists__item--ambassador a {
	width: 192px;
	height: 43px
}

li.cross-lists__item--cathay-hotel a {
	width: 168px;
	height: 61px
}

li.cross-lists__item--dr-cilabo a {
	width: 144px;
	height: 50px
}

li.cross-lists__item--eiger a {
	width: 86px;
	height: 87px
}

li.cross-lists__item--eva-air a {
	width: 176px;
	height: 23px
}

li.cross-lists__item--everrich a {
	width: 143px;
	height: 37px
}

li.cross-lists__item--netherland-online a {
	width: 152px;
	height: 43px
}

li.cross-lists__item--ozaki a {
	width: 76px;
	height: 84px
}

li.cross-lists__item--switcheasy a {
	width: 192px;
	height: 37px
}

li.cross-lists__item--tpk a {
	width: 134px;
	height: 73px
}

li.cross-lists__item--vanmoof a {
	width: 184px;
	height: 20px
}

li.cross-lists__item--tientien a {
	width: 163px;
	height: 48px
}

li.cross-lists__item--esun a {
	width: 146px;
	height: 43px
}

@media (max-width:550px) {
	li.cross-lists__item--1bite2go a,
	li.cross-lists__item--abb a {
		transform: scale(.8);
		transform-origin: 50px top
	}
	li.cross-lists__item--aibt a {
		transform: scale(.6);
		transform-origin: 50px top
	}
	li.cross-lists__item--amba a {
		transform: scale(.7);
		transform-origin: center top
	}
	li.cross-lists__item--ambassador a {
		transform: scale(.5);
		transform-origin: 50px top
	}
	li.cross-lists__item--cathay-hotel a {
		transform: scale(.5);
		transform-origin: center top
	}
	li.cross-lists__item--dr-cilabo a {
		transform: scale(.7);
		transform-origin: 50px top
	}
	li.cross-lists__item--eva-air a {
		transform: scale(.6);
		transform-origin: 50px top
	}
	li.cross-lists__item--everrich a {
		transform: scale(.7);
		transform-origin: center top
	}
	li.cross-lists__item--netherland-online a {
		transform: scale(.7);
		transform-origin: 50px top
	}
	li.cross-lists__item--switcheasy a {
		transform: scale(.5);
		transform-origin: 50px top
	}
	li.cross-lists__item--tpk a {
		transform: scale(.7);
		transform-origin: center top
	}
	li.cross-lists__item--esun a,
	li.cross-lists__item--tientien a,
	li.cross-lists__item--vanmoof a {
		transform: scale(.6);
		transform-origin: 50px top
	}
}

@media (max-width:400px) {
	li.cross-lists__item--aibt,
	li.cross-lists__item--amba,
	li.cross-lists__item--ambassador,
	li.cross-lists__item--cathay-hotel,
	li.cross-lists__item--esun {
		display: none
	}
}

.vanmoof .extra-section img {
	width: 100%;
	display: block
}

.vanmoof .fetured-list li {
	border-top: 1px solid #434345;
	margin-bottom: 3.84615%;
	padding: 1em 0
}

@media (min-width:851px) {
	.vanmoof .fetured-list li {
		width: 30.76923%;
		float: left;
		margin-right: 3.84615%
	}
	.vanmoof .fetured-list li:nth-child(3n) {
		width: 30.76923%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:850px) {
	.vanmoof .fetured-list li {
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.vanmoof .fetured-list li:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.vanmoof .fetured-list li {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
	.vanmoof .fetured-list li:nth-child(2n) {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-right: 0
	}
}

.vanmoof .fetured-list h4 {
	font-size: 1.4em;
	margin-bottom: .5em
}

.vanmoof .fetured-list a {
	font-size: 1.2em
}

@media (min-width:768px) {
	.vanmoof .fetured-brand-list li {
		width: 22.11538%;
		float: left;
		margin-right: 3.84615%
	}
	.vanmoof .fetured-brand-list li:nth-child(4n) {
		width: 22.11538%;
		float: right;
		margin-right: 0
	}
}

@media (max-width:767px) {
	.vanmoof .fetured-brand-list li {
		height: 60px;
		margin-bottom: 3.84615%;
		width: 48.07692%;
		float: left;
		margin-right: 3.84615%
	}
	.vanmoof .fetured-brand-list li:nth-child(2n) {
		width: 48.07692%;
		float: right;
		margin-right: 0
	}
}

#hero-moive>div{
	position: absolute; 
	z-index: -1; 
	top: 0px; 
	left: 0px; 
	bottom: 0px; 
	right: 0px; 
	overflow: hidden; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	background-image: none;
}
#hero-movie video{
	margin: auto; 
	position: absolute; 
	z-index: -1; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	visibility: visible;
	display: none;  
}
.tenten-hero-movie>.arr-down{
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	transition: all .3s;
	z-index: 1;
}
.tenten-hero-movie>.arr-down span{
	font-size: 2.4em;
	font-weight: lighter;
	line-height: .4;
	display: inline-block;
	opacity: 0;
}
.tenten-hero-movie>.arr-down span.d1{
	font-size: 1.6em;
	animation:arrY 3s ease .6s infinite;
}
.tenten-hero-movie>.arr-down span.d2{
	font-size: 2em;
	animation:arrY 3s ease .3s infinite;
}
.tenten-hero-movie>.arr-down span.d3{
	animation:arrY 3s ease 0s infinite;
}
@keyframes arrY{
	0%{
		opacity:0;
		transform:translateY(-100%); 
	}
	20%{
		opacity:1;
		transform:translateY(100%);
	}
	50%{
		opacity: 0;
		transform:translateY(100%);
	}
}
@media (max-width: 850px){
	.tenten-hero-movie>.arr-down{
		display: none;
	}
}
.nav-topbar__extras .language-bar a{
    text-decoration: none;
    display: inline-block;
    position: relative;
    line-height: 80px;
    cursor: pointer;
    transition: opacity .3s ease-in-out,color .3s ease-in-out;
    padding: 0 20px;
    font-size: 1.2em;
    color: #fff;
    letter-spacing: 3px;
}
.nav-topbar__extras li a:hover,.nav-topbar__extras li a.active{
	opacity: .4;
}
#nav-main{
	padding: 0 20px;
	transition: all .5s;
}
#nav-main.bgcolor{
	background-color:rgba(45, 52, 64,.8);
}
.nav-topbar__extras:after {
    content: "";
	clear: both;
    display:block;
}
#nav-main:after{
	content: "";
	clear: both;
    display:block;
}

#nav-main .logo a{
	float:left;
	line-height: 80px;
	height: 80px;
	display: inline-block;
}
#nav-main .logo a img{
	vertical-align: middle;
}
.popup_menu_holder_outer{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    visibility: hidden; 
    opacity: 0;
    z-index: 105;
    transition:all .3s;
}
.popup_menu_holder{
	width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    transition: all .3s ease-in-out;
    display: table;
}
.popup_menu_holder_inner{
	display: table-cell;
    vertical-align: middle;
}
nav.popup_menu ul li{
	text-align: center;
    font-size: 2em;
    line-height: 2.4;
}
nav.popup_menu ul li a{
	display: inline-block;
	color: #fff;
	padding:0 20px;
	border-bottom:1px solid #fff;
	letter-spacing: 10px;
}
@media (max-width: 1000px){
	nav.popup_menu ul li{
		text-align: center;
	    font-size: 1.3em;
	    line-height: 2.4;
	}
	.nav-topbar__extras .language-bar{
		display: none;
	}
}
.cases:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.bg--white .featured-project{
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
	height:0;
	padding-top:35%;
	background:#2d3440;
	transition:all .3s;
}
.bg--white .featured-project:nth-child(1){
	background-color:#2ea9d2;
}
.bg--white .featured-project:nth-child(2){
	background-color:#006fd1;
    background-color:#d39f88;
}
.bg--white .featured-project:nth-child(3){
	background-color:#deb500;
    background-color:#aec14b;
}
.bg--white .featured-project:nth-child(4){
	background-color:#c2451a;
    background-color:#151b20;
}



.bg--white .featured-project>img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transition: all .3s; 
}
.bg--white .featured-project .txt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 250px;
	height:150px;
	cursor: pointer;
	color: #fff;
	transition:all .3s;	
	transform: scale(.8);
	opacity: 0;
}
.bg--white .featured-project .txt h2{
	font-size: 2.2em;
	font-weight: normal;
	position: relative;
}
.bg--white .featured-project .txt h2:after{
	display: block;
    width: 34px;
    height: 0;
    border-bottom: 4px solid;
    content: "";
    margin-top: 20px;
    margin-bottom:10px
}
.bg--white .featured-project .txt p{
    font-size: 1.3em;
    word-break:break-all;
    opacity: 1;
}
.bg--white .featured-project>a{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	font-size: 0;
}
.featured-project:hover img{
	opacity: .1;
	transform: scale(1.2);
}
.featured-project:hover .txt{
	transform: scale(1);
	opacity: 1;
}
.featured-project:hover .txt h2{
	opacity: 1;
}
.featured-project:hover .txt p{
	opacity: 1;
}
@media (max-width: 767px){
	.bg--white .featured-project{
		padding-top:70%;
	}
	.bg--white .featured-project{
		float: left;
		width: 100%;
	}
}
@media (max-width: 1280px){
	.bg--white .featured-project .txt h2{
		font-size: 1.8em;
	}
	.bg--white .featured-project .txt p{
		font-size: 1.1em;
	}
	.bg--white .featured-project .txt{
		height: 100px;
	}
}
.bg--white .link--circle{
	margin:40px auto;
}
.industries-lists h2{
	font-size: 32px;
    font-weight: lighter;
    color: #fff;
}
.list-with-icon__item span{
	font-weight: 300;
}
#post-more{
	cursor: pointer;
	border-radius: 0;
	margin-bottom: 40px;
}
.jiathis_style_32x32  .jtico{
	display: none !important;
}
.jiathis_style_32x32 a{
	font-size: 35px;
	margin: 0 5px;
	cursor: pointer;
}
.jiathis_style_32x32 a:hover{
	color: #999;
}
.half-block .small-subheading:hover {
    color:#EB4D27;
}
#nb_icon_wrap {
    display: none !important;
}
@media (max-width: 550px) {
    .nav-main { 
        height: 50px;
    }
    .menu-icon {
        width: 50px;
        padding: .6rem .6rem 0 .6rem;
    }
    #nav-main .logo a {
        height: 50px;
        line-height: 50px;
    }
    #nav-main .logo a img {
        height: 66%;
    }
    .site-content {
        margin-top: 50px;
    }
    
}
.footer-block__link:hover {
    color: #EB4D27;
}
@media (max-width: 550px) {
    .grid__style--3 .grid__item--double {
        width: 100%;
    }
}
.nav-main .logo a.tel{
    font-size: 26px;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    font-weight: lighter;
}
@media(max-width: 550px) {
    .nav-main .logo a.tel {
        font-size: 22px;
        margin-left:6px
    }
}