h1, h2, h3, h4, h5, td {
	font-weight: 400
}
article, aside, figure, footer, header, hgroup, hr, nav, section {
	display: block
}
a, button, hr {
	padding: 0
}
.cleas{ clear:both;}
.row.table, body, html {
	width: 100%;
	height: 100%
}
embed, img, object {
	max-width: 100%
}
.clearfix:after, .container-fluid:after, .container:after, .row:after {
	clear: both
}
abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, 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, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	font-family:"Microsoft YaHei";
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
a {
	margin: 0;
	vertical-align: baseline;
	background: 0 0;
	text-decoration:none;
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}
input[type=checkbox], th {
	vertical-align: bottom
}
td {
	vertical-align: top
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}
button, input, select, textarea {
	margin: 0
}
input, select {
	vertical-align: middle
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}
input[type=radio] {
	vertical-align: text-bottom
}
.in-block, .row.table>div, td, td img {
	vertical-align: top
}
input, select, textarea {
	font: 99% sans-serif
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit
}
small {
	font-size: 85%
}
strong, th {
	font-weight: 700
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
code, kbd, pre, samp {
	font-family: monospace, sans-serif
}
.clickable, button, input[type=button], input[type=submit] {
	cursor: pointer
}
button, input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
.clearfix:after, .clearfix:before {
	height: 0;
	overflow: hidden
}
.clearfix {
	zoom: 1
}
body {
	font: 16px Helmet, Freesans, sans-serif
}
a, button {
	cursor: pointer;
	font-size: 100%
}
button {
	border: 0
}
* {
	box-sizing: border-box
}

[class*=" icon-"], [class^=icon-] {
font-family:icomoon!important;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.button, .hero-scroll span, .small-subtitle, .small-text, .upper {
	text-transform: uppercase
}
.icon-mail:before {
	content: "\e90b"
}
.icon-linkedin:before {
	content: "\e90a"
}
.icon-arrow-left:before {
	content: "\e908"
}
.icon-arrow-right:before {
	content: "\e909"
}
.icon-twitter:before {
	content: "\e907"
}
.icon-logo:before {
	content: "\e903"
}
.icon-facebook:before {
	content: "\e900"
}
.icon-instagram:before {
	content: "\e901"
}
.icon-vimeo:before {
	content: "\e902"
}
.icon-fleche_slider:before {
	content: "\e904"
}
.icon-sound_off:before {
	content: "\e905"
}
.icon-sound_on:before {
	content: "\e906"
}
.arrow:before, .swiper-lazy-preloader:after, section>section:before {
	content: ""
}
.row.table {
	margin: 0
}
.row.table>div {
	overflow: hidden;
	height: 100%;
	display: table-cell;
	float: none;
	position: relative
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-2, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .swiper-container-no-flexbox .swiper-slide {
	float: left
}
.row-flex {
	display: -ms-flexbox;
	display: flex
}
.row-flex .valign {
	position: absolute
}
.row-flex .row {
	margin-left: 0;
	margin-right: 0
}
img.fill {
	width: auto!important;
	bottom: -9999px;
	left: -9999px;
	margin: auto;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute!important;
	right: -9999px;
	top: -9999px
}
.balign, .valign {
	position: relative
}
.bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.center {
	text-align: center
}
.text-right {
	text-align: right
}
.text-left {
	text-align: left
}
.no-marg {
	margin: 0!important
}
.fade-left {
	opacity: 0;
	transform: translateX(50px)
}
.fade-up {
	opacity: 0;
	transform: translateY(50px)
}
.valign {
	top: 55%;
	transform: translateY(-50%)
}
.balign {
	top: 100%;
	transform: translateY(-100%)
}
.grayscale {
	filter: grayscale(100%);
	filter: gray
}
.full-width {
	width: 100%
}
.in-block {
	display: inline-block
}
.in-block.middle, .share a, .share span {
	vertical-align: middle
}
.bg-dark {
	color: #fff
}
.bg-dark .title.big {
	color: #3a3a3a
}
.bg-dark p {
	color: #969696
}
.bg-light {
	background: #ebebeb!important
}
.color-white {
	color: #fff!important
}
.color-black {
	color: #2f2f2f!important;
	transition: color .65s
}
.color-green {
	color: #1acd68!important
}
.bg-dark .color-black {
	color: #fff!important
}
footer .small-subtitle, footer .title.big, footer p, section .small-subtitle, section .title.big, section p {
	transition: color .9s
}
.bx-wrapper {
	margin: 0;
	background: 0 0
}
.bx-wrapper .bx-viewport {
	border: 0;
	left: 0;
	background: 0 0;
	box-shadow: 0 0
}
.bx-wrapper .bx-pager {
	bottom: 10px
}
.bx-wrapper .bx-controls-direction a {
	z-index: 99
}
.hero-scroll {
	position: absolute;
	bottom: 17px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1000;
	width: 140px;
	text-align: center;
	text-decoration: none
}
.hero-scroll>a {
	display: block
}
.hero-scroll span {
	color: #fff;
	font-size: 14px;
	letter-spacing: .5px;
	display: block
}
.hero-scroll span.arrow {
	font-size: 9px;
	color: #fff;
	margin-top: 14px
}
.bounce {
	animation-name: bounce
}
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-duration: 3s
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
transform:translateY(0)
}
40% {
transform:translateY(-7px)
}
60% {
transform:translateY(-4px)
}
}
.swiper-container-android .swiper-slide, .swiper-pagination, .swiper-wrapper {
	transform: translate3d(0, 0, 0)
}
input, select, textarea {
	width: 100%;
	border: 1px solid #bbb8ad;
	border-radius: 0!important;
	background: 0 0;
	padding: 16px 20px;
	font-size: 16.5px;
	letter-spacing: 1.5px;
	color: #6e6c68;
	resize: none
}
textarea {
	height: 173px
}
.styled-select {
	position: relative
}
.styled-select select {
	position: relative;
	cursor: pointer;
	z-index: 2;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-align: left;
	background-color: transparent;
	background-image: url(../images/select-down.png);
	background-position: right 110px center;
	background-repeat: no-repeat;
	border-radius: 0;
	padding-left: 35%
}
::-webkit-input-placeholder {
color:#8c8c8c;
opacity:1
}
:-moz-placeholder {
color:#8c8c8c;
opacity:1
}
::-moz-placeholder {
color:#8c8c8c;
opacity:1
}
:-ms-input-placeholder {
color:#8c8c8c;
opacity:1
}
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute!important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal!important
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto!important;
	color: #21759b;
	display: block;
	font-size: 14px;
font-size:.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
#content[tabindex="-1"]:focus {
	outline: 0
}
[data-scrollbar], [scrollbar], scrollbar {
display:block;
position:relative
}
#page {
	overflow: hidden;
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #2f2f2f;
	position: absolute
}
.scroll-wrapper {
	height: 100vh;
	overflow: hidden;
	width: 100vw
}
.scroll-content {
	position: relative;
	z-index: 1;
	min-height: 100%
}
.barba-container+.barba-container {
	display: none
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden
}
.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.button:after, a:after, a:before {
	box-sizing: border-box
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
	transition-property: transform, height
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination-white .swiper-pagination-bullet, .swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination {
	text-align: center;
	transition: .3s
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	display: inline-block
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), transparent)
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.invisible, .mobile-show {
	visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}
.swiper-slide {
	height: auto;
	overflow: hidden
}
.swiper-container, .swiper-wrapper {
	z-index: -1
}
.swiper-button-next, .swiper-button-prev, .swiper-pagination {
	position: absolute!important;
	z-index: 999!important;
	backface-visibility: hidden;
	transform-style: preserve-3d
}
.swiper-button-next, .swiper-button-prev {
	background: 0 0;
	margin: 0;
	width: auto;
	height: auto;
	padding: 30px;
	transform: translateY(-50%);
	z-index: 999
}
.swiper-button-next i, .swiper-button-prev i {
	position: absolute!important
}
.arrow, .swiper-wrap {
	position: relative
}
.swiper-button-prev {
	left: 10px
}
.swiper-button-next {
	right: 10px
}
.swiper-pagination-bullet {
	width: 30px;
	height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: 1
}
.swiper-pagination-bullets {
	bottom: 38px;
	width: 100%
}
.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px
}
.container, .container-fluid {
	margin-right: auto;
	margin-left: auto
}
.swiper-pagination-bullet-active {
	background: #1acd68!important
}
.swiper-button-next:hover .arrow:before, .swiper-button-prev:hover .arrow:before {
	background: #1acd68;
	transform: scaleX(1.6)
}
.swiper-button-next:hover .arrow [class^=icon-arrow-]:before, .swiper-button-prev:hover .arrow [class^=icon-arrow-]:before {
	color: #1acd68
}
.swiper-button-prev:hover .arrow {
	transform: translateX(-65px)
}
.swiper-button-next:hover .arrow {
	transform: translateX(65px)
}
.arrow {
	width: 52px;
	height: 14px;
	z-index: 99!important;
	transition: all .5s
}
.arrow.left:before {
	transform-origin: left
}
.arrow.right:before {
	transform-origin: right
}
.arrow:before {
	width: 100%;
	height: 2px;
	position: absolute;
	background: #fff;
	top: 6px;
	transition: all .5s
}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
	content: " ";
	display: table
}
.arrow [class^=icon-arrow-]:before {
	color: #fff;
	position: absolute;
	top: 0;
	font-size: 14px;
	transition: all .5s
}
.arrow .icon-arrow-left {
	left: -2px
}
.arrow .icon-arrow-right {
	right: 5px;
	left: auto
}
.swiper-container {
	height: 697px
}
.slide-inner {
	position: absolute!important;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center
}/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
	padding-left: 10px;
	padding-right: 10px
}
@media (min-width:768px) {
.container {
	width: 740px
}
}
@media (min-width:992px) {
.container {
	width: 960px
}
}
@media (min-width:1200px) {
.container {
	width: 1160px
}
}
.row {
	margin-left: -10px;
	margin-right: -10px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-2, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}
.col-xs-1 {
	width: 4.16667%
}
.col-xs-2 {
	width: 8.33333%
}
.col-xs-3 {
	width: 12.5%
}
.col-xs-4 {
	width: 16.66667%
}
.col-xs-5 {
	width: 20.83333%
}
.col-xs-6 {
	width: 25%
}
.col-xs-7 {
	width: 29.16667%
}
.col-xs-8 {
	width: 33.33333%
}
.col-xs-9 {
	width: 37.5%
}
.col-xs-10 {
	width: 41.66667%
}
.col-xs-11 {
	width: 45.83333%
}
.col-xs-12 {
	width: 50%
}
.col-xs-13 {
	width: 54.16667%
}
.col-xs-14 {
	width: 58.33333%
}
.col-xs-15 {
	width: 62.5%
}
.col-xs-16 {
	width: 66.66667%
}
.col-xs-17 {
	width: 70.83333%
}
.col-xs-18 {
	width: 75%
}
.col-xs-19 {
	width: 79.16667%
}
.col-xs-20 {
	width: 83.33333%
}
.col-xs-21 {
	width: 87.5%
}
.col-xs-22 {
	width: 91.66667%
}
.col-xs-23 {
	width: 95.83333%
}
.col-xs-24 {
	width: 100%
}
.col-xs-pull-0 {
	right: auto
}
.col-xs-pull-1 {
	right: 4.16667%
}
.col-xs-pull-2 {
	right: 8.33333%
}
.col-xs-pull-3 {
	right: 12.5%
}
.col-xs-pull-4 {
	right: 16.66667%
}
.col-xs-pull-5 {
	right: 20.83333%
}
.col-xs-pull-6 {
	right: 25%
}
.col-xs-pull-7 {
	right: 29.16667%
}
.col-xs-pull-8 {
	right: 33.33333%
}
.col-xs-pull-9 {
	right: 37.5%
}
.col-xs-pull-10 {
	right: 41.66667%
}
.col-xs-pull-11 {
	right: 45.83333%
}
.col-xs-pull-12 {
	right: 50%
}
.col-xs-pull-13 {
	right: 54.16667%
}
.col-xs-pull-14 {
	right: 58.33333%
}
.col-xs-pull-15 {
	right: 62.5%
}
.col-xs-pull-16 {
	right: 66.66667%
}
.col-xs-pull-17 {
	right: 70.83333%
}
.col-xs-pull-18 {
	right: 75%
}
.col-xs-pull-19 {
	right: 79.16667%
}
.col-xs-pull-20 {
	right: 83.33333%
}
.col-xs-pull-21 {
	right: 87.5%
}
.col-xs-pull-22 {
	right: 91.66667%
}
.col-xs-pull-23 {
	right: 95.83333%
}
.col-xs-pull-24 {
	right: 100%
}
.col-xs-push-0 {
	left: auto
}
.col-xs-push-1 {
	left: 4.16667%
}
.col-xs-push-2 {
	left: 8.33333%
}
.col-xs-push-3 {
	left: 12.5%
}
.col-xs-push-4 {
	left: 16.66667%
}
.col-xs-push-5 {
	left: 20.83333%
}
.col-xs-push-6 {
	left: 25%
}
.col-xs-push-7 {
	left: 29.16667%
}
.col-xs-push-8 {
	left: 33.33333%
}
.col-xs-push-9 {
	left: 37.5%
}
.col-xs-push-10 {
	left: 41.66667%
}
.col-xs-push-11 {
	left: 45.83333%
}
.col-xs-push-12 {
	left: 50%
}
.col-xs-push-13 {
	left: 54.16667%
}
.col-xs-push-14 {
	left: 58.33333%
}
.col-xs-push-15 {
	left: 62.5%
}
.col-xs-push-16 {
	left: 66.66667%
}
.col-xs-push-17 {
	left: 70.83333%
}
.col-xs-push-18 {
	left: 75%
}
.col-xs-push-19 {
	left: 79.16667%
}
.col-xs-push-20 {
	left: 83.33333%
}
.col-xs-push-21 {
	left: 87.5%
}
.col-xs-push-22 {
	left: 91.66667%
}
.col-xs-push-23 {
	left: 95.83333%
}
.col-xs-push-24 {
	left: 100%
}
.col-xs-offset-0 {
	margin-left: 0
}
.col-xs-offset-1 {
	margin-left: 4.16667%
}
.col-xs-offset-2 {
	margin-left: 8.33333%
}
.col-xs-offset-3 {
	margin-left: 12.5%
}
.col-xs-offset-4 {
	margin-left: 16.66667%
}
.col-xs-offset-5 {
	margin-left: 20.83333%
}
.col-xs-offset-6 {
	margin-left: 25%
}
.col-xs-offset-7 {
	margin-left: 29.16667%
}
.col-xs-offset-8 {
	margin-left: 33.33333%
}
.col-xs-offset-9 {
	margin-left: 37.5%
}
.col-xs-offset-10 {
	margin-left: 41.66667%
}
.col-xs-offset-11 {
	margin-left: 45.83333%
}
.col-xs-offset-12 {
	margin-left: 50%
}
.col-xs-offset-13 {
	margin-left: 54.16667%
}
.col-xs-offset-14 {
	margin-left: 58.33333%
}
.col-xs-offset-15 {
	margin-left: 62.5%
}
.col-xs-offset-16 {
	margin-left: 66.66667%
}
.col-xs-offset-17 {
	margin-left: 70.83333%
}
.col-xs-offset-18 {
	margin-left: 75%
}
.col-xs-offset-19 {
	margin-left: 79.16667%
}
.col-xs-offset-20 {
	margin-left: 83.33333%
}
.col-xs-offset-21 {
	margin-left: 87.5%
}
.col-xs-offset-22 {
	margin-left: 91.66667%
}
.col-xs-offset-23 {
	margin-left: 95.83333%
}
.col-xs-offset-24 {
	margin-left: 100%
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-2, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left
}
.col-sm-1 {
	width: 4.16667%
}
.col-sm-2 {
	width: 8.33333%
}
.col-sm-3 {
	width: 12.5%
}
.col-sm-4 {
	width: 16.66667%
}
.col-sm-5 {
	width: 20.83333%
}
.col-sm-6 {
	width: 25%
}
.col-sm-7 {
	width: 29.16667%
}
.col-sm-8 {
	width: 33.33333%
}
.col-sm-9 {
	width: 37.5%
}
.col-sm-10 {
	width: 41.66667%
}
.col-sm-11 {
	width: 45.83333%
}
.col-sm-12 {
	width: 50%
}
.col-sm-13 {
	width: 54.16667%
}
.col-sm-14 {
	width: 58.33333%
}
.col-sm-15 {
	width: 62.5%
}
.col-sm-16 {
	width: 66.66667%
}
.col-sm-17 {
	width: 70.83333%
}
.col-sm-18 {
	width: 75%
}
.col-sm-19 {
	width: 79.16667%
}
.col-sm-20 {
	width: 83.33333%
}
.col-sm-21 {
	width: 87.5%
}
.col-sm-22 {
	width: 91.66667%
}
.col-sm-23 {
	width: 95.83333%
}
.col-sm-24 {
	width: 100%
}
.col-sm-pull-0 {
	right: auto
}
.col-sm-pull-1 {
	right: 4.16667%
}
.col-sm-pull-2 {
	right: 8.33333%
}
.col-sm-pull-3 {
	right: 12.5%
}
.col-sm-pull-4 {
	right: 16.66667%
}
.col-sm-pull-5 {
	right: 20.83333%
}
.col-sm-pull-6 {
	right: 25%
}
.col-sm-pull-7 {
	right: 29.16667%
}
.col-sm-pull-8 {
	right: 33.33333%
}
.col-sm-pull-9 {
	right: 37.5%
}
.col-sm-pull-10 {
	right: 41.66667%
}
.col-sm-pull-11 {
	right: 45.83333%
}
.col-sm-pull-12 {
	right: 50%
}
.col-sm-pull-13 {
	right: 54.16667%
}
.col-sm-pull-14 {
	right: 58.33333%
}
.col-sm-pull-15 {
	right: 62.5%
}
.col-sm-pull-16 {
	right: 66.66667%
}
.col-sm-pull-17 {
	right: 70.83333%
}
.col-sm-pull-18 {
	right: 75%
}
.col-sm-pull-19 {
	right: 79.16667%
}
.col-sm-pull-20 {
	right: 83.33333%
}
.col-sm-pull-21 {
	right: 87.5%
}
.col-sm-pull-22 {
	right: 91.66667%
}
.col-sm-pull-23 {
	right: 95.83333%
}
.col-sm-pull-24 {
	right: 100%
}
.col-sm-push-0 {
	left: auto
}
.col-sm-push-1 {
	left: 4.16667%
}
.col-sm-push-2 {
	left: 8.33333%
}
.col-sm-push-3 {
	left: 12.5%
}
.col-sm-push-4 {
	left: 16.66667%
}
.col-sm-push-5 {
	left: 20.83333%
}
.col-sm-push-6 {
	left: 25%
}
.col-sm-push-7 {
	left: 29.16667%
}
.col-sm-push-8 {
	left: 33.33333%
}
.col-sm-push-9 {
	left: 37.5%
}
.col-sm-push-10 {
	left: 41.66667%
}
.col-sm-push-11 {
	left: 45.83333%
}
.col-sm-push-12 {
	left: 50%
}
.col-sm-push-13 {
	left: 54.16667%
}
.col-sm-push-14 {
	left: 58.33333%
}
.col-sm-push-15 {
	left: 62.5%
}
.col-sm-push-16 {
	left: 66.66667%
}
.col-sm-push-17 {
	left: 70.83333%
}
.col-sm-push-18 {
	left: 75%
}
.col-sm-push-19 {
	left: 79.16667%
}
.col-sm-push-20 {
	left: 83.33333%
}
.col-sm-push-21 {
	left: 87.5%
}
.col-sm-push-22 {
	left: 91.66667%
}
.col-sm-push-23 {
	left: 95.83333%
}
.col-sm-push-24 {
	left: 100%
}
.col-sm-offset-0 {
	margin-left: 0
}
.col-sm-offset-1 {
	margin-left: 4.16667%
}
.col-sm-offset-2 {
	margin-left: 8.33333%
}
.col-sm-offset-3 {
	margin-left: 12.5%
}
.col-sm-offset-4 {
	margin-left: 16.66667%
}
.col-sm-offset-5 {
	margin-left: 20.83333%
}
.col-sm-offset-6 {
	margin-left: 25%
}
.col-sm-offset-7 {
	margin-left: 29.16667%
}
.col-sm-offset-8 {
	margin-left: 33.33333%
}
.col-sm-offset-9 {
	margin-left: 37.5%
}
.col-sm-offset-10 {
	margin-left: 41.66667%
}
.col-sm-offset-11 {
	margin-left: 45.83333%
}
.col-sm-offset-12 {
	margin-left: 50%
}
.col-sm-offset-13 {
	margin-left: 54.16667%
}
.col-sm-offset-14 {
	margin-left: 58.33333%
}
.col-sm-offset-15 {
	margin-left: 62.5%
}
.col-sm-offset-16 {
	margin-left: 66.66667%
}
.col-sm-offset-17 {
	margin-left: 70.83333%
}
.col-sm-offset-18 {
	margin-left: 75%
}
.col-sm-offset-19 {
	margin-left: 79.16667%
}
.col-sm-offset-20 {
	margin-left: 83.33333%
}
.col-sm-offset-21 {
	margin-left: 87.5%
}
.col-sm-offset-22 {
	margin-left: 91.66667%
}
.col-sm-offset-23 {
	margin-left: 95.83333%
}
.col-sm-offset-24 {
	margin-left: 100%
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-2, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	float: left
}
.col-md-1 {
	width: 4.16667%
}
.col-md-2 {
	width: 8.33333%
}
.col-md-3 {
	width: 12.5%
}
.col-md-4 {
	width: 16.66667%
}
.col-md-5 {
	width: 20.83333%
}
.col-md-6 {
	width: 25%
}
.col-md-7 {
	width: 29.16667%
}
.col-md-8 {
	width: 33.33333%
}
.col-md-9 {
	width: 37.5%
}
.col-md-10 {
	width: 41.66667%
}
.col-md-11 {
	width: 45.83333%
}
.col-md-12 {
	width: 50%
}
.col-md-13 {
	width: 54.16667%
}
.col-md-14 {
	width: 58.33333%
}
.col-md-15 {
	width: 62.5%
}
.col-md-16 {
	width: 66.66667%
}
.col-md-17 {
	width: 70.83333%
}
.col-md-18 {
	width: 75%
}
.col-md-19 {
	width: 79.16667%
}
.col-md-20 {
	width: 83.33333%
}
.col-md-21 {
	width: 87.5%
}
.col-md-22 {
	width: 91.66667%
}
.col-md-23 {
	width: 95.83333%
}
.col-md-24 {
	width: 100%
}
.col-md-pull-0 {
	right: auto
}
.col-md-pull-1 {
	right: 4.16667%
}
.col-md-pull-2 {
	right: 8.33333%
}
.col-md-pull-3 {
	right: 12.5%
}
.col-md-pull-4 {
	right: 16.66667%
}
.col-md-pull-5 {
	right: 20.83333%
}
.col-md-pull-6 {
	right: 25%
}
.col-md-pull-7 {
	right: 29.16667%
}
.col-md-pull-8 {
	right: 33.33333%
}
.col-md-pull-9 {
	right: 37.5%
}
.col-md-pull-10 {
	right: 41.66667%
}
.col-md-pull-11 {
	right: 45.83333%
}
.col-md-pull-12 {
	right: 50%
}
.col-md-pull-13 {
	right: 54.16667%
}
.col-md-pull-14 {
	right: 58.33333%
}
.col-md-pull-15 {
	right: 62.5%
}
.col-md-pull-16 {
	right: 66.66667%
}
.col-md-pull-17 {
	right: 70.83333%
}
.col-md-pull-18 {
	right: 75%
}
.col-md-pull-19 {
	right: 79.16667%
}
.col-md-pull-20 {
	right: 83.33333%
}
.col-md-pull-21 {
	right: 87.5%
}
.col-md-pull-22 {
	right: 91.66667%
}
.col-md-pull-23 {
	right: 95.83333%
}
.col-md-pull-24 {
	right: 100%
}
.col-md-push-0 {
	left: auto
}
.col-md-push-1 {
	left: 4.16667%
}
.col-md-push-2 {
	left: 8.33333%
}
.col-md-push-3 {
	left: 12.5%
}
.col-md-push-4 {
	left: 16.66667%
}
.col-md-push-5 {
	left: 20.83333%
}
.col-md-push-6 {
	left: 25%
}
.col-md-push-7 {
	left: 29.16667%
}
.col-md-push-8 {
	left: 33.33333%
}
.col-md-push-9 {
	left: 37.5%
}
.col-md-push-10 {
	left: 41.66667%
}
.col-md-push-11 {
	left: 45.83333%
}
.col-md-push-12 {
	left: 50%
}
.col-md-push-13 {
	left: 54.16667%
}
.col-md-push-14 {
	left: 58.33333%
}
.col-md-push-15 {
	left: 62.5%
}
.col-md-push-16 {
	left: 66.66667%
}
.col-md-push-17 {
	left: 70.83333%
}
.col-md-push-18 {
	left: 75%
}
.col-md-push-19 {
	left: 79.16667%
}
.col-md-push-20 {
	left: 83.33333%
}
.col-md-push-21 {
	left: 87.5%
}
.col-md-push-22 {
	left: 91.66667%
}
.col-md-push-23 {
	left: 95.83333%
}
.col-md-push-24 {
	left: 100%
}
.col-md-offset-0 {
	margin-left: 0
}
.col-md-offset-1 {
	margin-left: 4.16667%
}
.col-md-offset-2 {
	margin-left: 8.33333%
}
.col-md-offset-3 {
	margin-left: 12.5%
}
.col-md-offset-4 {
	margin-left: 16.66667%
}
.col-md-offset-5 {
	margin-left: 20.83333%
}
.col-md-offset-6 {
	margin-left: 25%
}
.col-md-offset-7 {
	margin-left: 29.16667%
}
.col-md-offset-8 {
	margin-left: 33.33333%
}
.col-md-offset-9 {
	margin-left: 37.5%
}
.col-md-offset-10 {
	margin-left: 41.66667%
}
.col-md-offset-11 {
	margin-left: 45.83333%
}
.col-md-offset-12 {
	margin-left: 50%
}
.col-md-offset-13 {
	margin-left: 54.16667%
}
.col-md-offset-14 {
	margin-left: 58.33333%
}
.col-md-offset-15 {
	margin-left: 62.5%
}
.col-md-offset-16 {
	margin-left: 66.66667%
}
.col-md-offset-17 {
	margin-left: 70.83333%
}
.col-md-offset-18 {
	margin-left: 75%
}
.col-md-offset-19 {
	margin-left: 79.16667%
}
.col-md-offset-20 {
	margin-left: 83.33333%
}
.col-md-offset-21 {
	margin-left: 87.5%
}
.col-md-offset-22 {
	margin-left: 91.66667%
}
.col-md-offset-23 {
	margin-left: 95.83333%
}
.col-md-offset-24 {
	margin-left: 100%
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-2, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	float: left
}
.col-lg-1 {
	width: 4.16667%
}
.col-lg-2 {
	width: 8.33333%
}
.col-lg-3 {
	width: 12.5%
}
.col-lg-4 {
	width: 16.66667%
}
.col-lg-5 {
	width: 20.83333%
}
.col-lg-6 {
	width: 25%
}
.col-lg-7 {
	width: 29.16667%
}
.col-lg-8 {
	width: 33.33333%
}
.col-lg-9 {
	width: 37.5%
}
.col-lg-10 {
	width: 41.66667%
}
.col-lg-11 {
	width: 45.83333%
}
.col-lg-12 {
	width: 50%
}
.col-lg-13 {
	width: 54.16667%
}
.col-lg-14 {
	width: 58.33333%
}
.col-lg-15 {
	width: 62.5%
}
.col-lg-16 {
	width: 66.66667%
}
.col-lg-17 {
	width: 70.83333%
}
.col-lg-18 {
	width: 75%
}
.col-lg-19 {
	width: 79.16667%
}
.col-lg-20 {
	width: 83.33333%
}
.col-lg-21 {
	width: 87.5%
}
.col-lg-22 {
	width: 91.66667%
}
.col-lg-23 {
	width: 95.83333%
}
.col-lg-24 {
	width: 100%
}
.col-lg-pull-0 {
	right: auto
}
.col-lg-pull-1 {
	right: 4.16667%
}
.col-lg-pull-2 {
	right: 8.33333%
}
.col-lg-pull-3 {
	right: 12.5%
}
.col-lg-pull-4 {
	right: 16.66667%
}
.col-lg-pull-5 {
	right: 20.83333%
}
.col-lg-pull-6 {
	right: 25%
}
.col-lg-pull-7 {
	right: 29.16667%
}
.col-lg-pull-8 {
	right: 33.33333%
}
.col-lg-pull-9 {
	right: 37.5%
}
.col-lg-pull-10 {
	right: 41.66667%
}
.col-lg-pull-11 {
	right: 45.83333%
}
.col-lg-pull-12 {
	right: 50%
}
.col-lg-pull-13 {
	right: 54.16667%
}
.col-lg-pull-14 {
	right: 58.33333%
}
.col-lg-pull-15 {
	right: 62.5%
}
.col-lg-pull-16 {
	right: 66.66667%
}
.col-lg-pull-17 {
	right: 70.83333%
}
.col-lg-pull-18 {
	right: 75%
}
.col-lg-pull-19 {
	right: 79.16667%
}
.col-lg-pull-20 {
	right: 83.33333%
}
.col-lg-pull-21 {
	right: 87.5%
}
.col-lg-pull-22 {
	right: 91.66667%
}
.col-lg-pull-23 {
	right: 95.83333%
}
.col-lg-pull-24 {
	right: 100%
}
.col-lg-push-0 {
	left: auto
}
.col-lg-push-1 {
	left: 4.16667%
}
.col-lg-push-2 {
	left: 8.33333%
}
.col-lg-push-3 {
	left: 12.5%
}
.col-lg-push-4 {
	left: 16.66667%
}
.col-lg-push-5 {
	left: 20.83333%
}
.col-lg-push-6 {
	left: 25%
}
.col-lg-push-7 {
	left: 29.16667%
}
.col-lg-push-8 {
	left: 33.33333%
}
.col-lg-push-9 {
	left: 37.5%
}
.col-lg-push-10 {
	left: 41.66667%
}
.col-lg-push-11 {
	left: 45.83333%
}
.col-lg-push-12 {
	left: 50%
}
.col-lg-push-13 {
	left: 54.16667%
}
.col-lg-push-14 {
	left: 58.33333%
}
.col-lg-push-15 {
	left: 62.5%
}
.col-lg-push-16 {
	left: 66.66667%
}
.col-lg-push-17 {
	left: 70.83333%
}
.col-lg-push-18 {
	left: 75%
}
.col-lg-push-19 {
	left: 79.16667%
}
.col-lg-push-20 {
	left: 83.33333%
}
.col-lg-push-21 {
	left: 87.5%
}
.col-lg-push-22 {
	left: 91.66667%
}
.col-lg-push-23 {
	left: 95.83333%
}
.col-lg-push-24 {
	left: 100%
}
.col-lg-offset-0 {
	margin-left: 0
}
.col-lg-offset-1 {
	margin-left: 4.16667%
}
.col-lg-offset-2 {
	margin-left: 8.33333%
}
.col-lg-offset-3 {
	margin-left: 12.5%
}
.col-lg-offset-4 {
	margin-left: 16.66667%
}
.col-lg-offset-5 {
	margin-left: 20.83333%
}
.col-lg-offset-6 {
	margin-left: 25%
}
.col-lg-offset-7 {
	margin-left: 29.16667%
}
.col-lg-offset-8 {
	margin-left: 33.33333%
}
.col-lg-offset-9 {
	margin-left: 37.5%
}
.col-lg-offset-10 {
	margin-left: 41.66667%
}
.col-lg-offset-11 {
	margin-left: 45.83333%
}
.col-lg-offset-12 {
	margin-left: 50%
}
.col-lg-offset-13 {
	margin-left: 54.16667%
}
.col-lg-offset-14 {
	margin-left: 58.33333%
}
.col-lg-offset-15 {
	margin-left: 62.5%
}
.col-lg-offset-16 {
	margin-left: 66.66667%
}
.col-lg-offset-17 {
	margin-left: 70.83333%
}
.col-lg-offset-18 {
	margin-left: 75%
}
.col-lg-offset-19 {
	margin-left: 79.16667%
}
.col-lg-offset-20 {
	margin-left: 83.33333%
}
.col-lg-offset-21 {
	margin-left: 87.5%
}
.col-lg-offset-22 {
	margin-left: 91.66667%
}
.col-lg-offset-23 {
	margin-left: 95.83333%
}
.col-lg-offset-24 {
	margin-left: 100%
}
}
.loader, .loader .bg-gray, .loader .bg-green {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.pull-right {
	float: right!important
}
.pull-left {
	float: left!important
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none!important
}
.affix {
	position: fixed
}
.loader {
	left: 0;
	z-index: 9990;
	pointer-events: none;
	text-align: center
}
.loader.loading .bg-gray, .loader.loading .bg-green {
	transform: scaleX(1)
}
.loader.loading .icon-logo {
	opacity: 1;
	transition: opacity .2s linear .45s
}
.loader .bg-gray, .loader .bg-green {
	left: 0;
	transform-origin: right center;
	transform: scaleX(0);
	transition: transform .6s
}
.loader .bg-green {
	background: #1acd68;
	z-index: 9992;
	transition-delay: .23s
}
.loader .bg-gray {
	background: #969696;
	z-index: 9991
}
.loader .valign {
	z-index: 9993
}
.loader .icon-logo {
	color: #fff;
	font-size: 55px;
	opacity: 0;
	transition: opacity .2s linear .2s
}
@media (max-width:767px) {
.loader .icon-logo {
	font-size: 40px
}
}
body {
	overflow: hidden;
	font-family: urbangroteskrebo-bold, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.block {
	background-color: #fff
}


.logoss {  left:4%; height:58px; top:25px; z-index:9; position: absolute;}
.navtop { width:712px; height: 40px; line-height:40px; position: absolute; right:4%; top:30px; z-index:10;}
.navtop ul li { list-style-type:none; float:left; padding-left:40px; text-align:center;}
.navtop ul li a { color:#fff; font-size:18px;}
.navtop ul li a:hover { color:#23ac38; font-size:18px;}

.sidebar { display:none;}
.logosj{  left:4%; height:58px; top:15px; z-index:9; position: absolute;}
.logosj img{ width:70%;}
.navsj{
	width: 34px;
	height:34px;
	position: fixed;
	right:4%;
	top:25px;
	cursor: pointer;
	display: table;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	z-index:999999;
}

.hero-home .title, .title{ font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;}
.big p, p.big{font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;}

@media screen and (max-width: 440px) { 
.navsj {top:15px;}
}
@media screen and (min-width: 1024px) {
.navsj{display:none;}
}
.navsj.selected {

	transform: rotate(90deg);

}

.navsj a {

	display: block;

	height: 4px;

	margin-top: 16px;

	position: relative;

	top: 50%;

	width: 100%;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.navsj a.act{ background-color:#08903d;}

.navsj a.act:after,

.navsj a.act:before{ background-color:#08903d;display:table; content:'';}

.navsj:hover a:before {

	transform: translateY(-2px) rotate(0deg);

	-webkit-transform: translateY(-2px) rotate(0deg);

	-ms-transform: translateY(-2px) rotate(0deg);

}

.navsj:hover a:after {

	transform: translateY(2px) rotate(0deg);

	-webkit-transform: translateY(2px) rotate(0deg);

	-ms-transform: translateY(2px) rotate(0deg);

}

.navsj.close:hover a:before {

	transform: translateY(0px) rotate(-55deg);

	-webkit-transform: translateY(0px) rotate(-55deg);

	-ms-transform: translateY(0px) rotate(-55deg);

}

.navsj.close:hover a:after {

	transform: translateY(0px) rotate(55deg);

	-webkit-transform: translateY(0px) rotate(55deg);

	-ms-transform: translateY(0px) rotate(55deg);

}

.navsj.close a.act{ background:none;}

.navsj a:after,

.navsj a:before {

	background-color: #fff;

	display: block;

	height: 4px;

	left: 0;

	position: absolute;

	width: 100%;

	content:'';

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.navsj a:after { top: 10px;}

.navsj a:before { top: -10px;}

.navsj.close a:after, 

.navsj.close a:before { top: 0;}

.navsj.close a:before {

	background-color: #08903d;

	transform: translateY(0px) rotate(-45deg);

	-webkit-transform: translateY(0px) rotate(-45deg);

	-ms-transform: translateY(0px) rotate(-45deg);

}

.navsj.close a:after {

	background-color: #08903d;

	transform: translateY(0px) rotate(45deg);

	-webkit-transform: translateY(0px) rotate(45deg);

	-ms-transform: translateY(0px) rotate(45deg);

}

#l_dhzk{ width:100%; height:100%; position: fixed; top:0px; left:0px; z-index:999; display:none; font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;}
#l_dhzk ul{ width:100%; height:100%; display:block;}
#l_dhzk ul li{ width:100%; height:100%; float:left; text-align:center; position:relative; overflow:hidden; list-style-type:none; }

#l_dhzk ul li:hover{}

.l_dhzkconnr{ height:145px; position:absolute; top:50%; left:0px; margin:-72.5px 0 0 0px; width:100%;}

.dhico{  display:inline-block;/* margin-top:15%;*/}

#l_dhzk h3{ font-size:20px; color:#333333; /*margin-top:2%;*/ margin-top:13px; font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;}

#l_dhzk p{ font-size:14px; color:#333333; /*margin-top:1%;*/ margin-top:5px; font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;}

#l_dhzk i{ display:inline-block; width:40px; height:1px; background:#23ac38;/* margin-top:2%;*/ margin-top:5px;}

.dhico01{ width:50px; height:57px; background:url(../fwimages/navtb1.png) no-repeat top center;}

.dhico02{ width:50px; height:57px; background:url(../fwimages/navtb2.png) no-repeat top center;}

.dhico03{ width:50px; height:57px; background:url(../fwimages/navtb3.png) no-repeat top center;}

.dhico04{ width:50px; height:57px; background:url(../fwimages/navtb4.png) no-repeat top center;}

.dhico05{ width:50px; height:57px; background:url(../fwimages/navtb5.png) no-repeat top center;}

.dhico06{ width:50px; height:57px; background:url(../fwimages/navtb6.png) no-repeat top center;}

.l_dhzk01{ background:#dddddd;  /*border:4px solid #2C2C2F;*/}

.l_dhzk02{ background:#eeeeee;}

.l_dhzk03{ background:#dddddd;}

.l_dhzk04{ background:#eeeeee;}

.l_dhzk05{ background:#dddddd;}

.l_dhzk06{ background:#eeeeee;}

.l_dhzk01.active, .l_dhzk02.active, .l_dhzk03.active, .l_dhzk04.active, .l_dhzk05.active, .l_dhzk06.active{ width:100%; height:100%;background-size:100% 100%;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%; }

.l_dhzk01.active{background:#e4e4e4;opacity: 0.9; }

.l_dhzk02.active{background:#e4e4e4;opacity: 1; }

.l_dhzk03.active{background:#e4e4e4;opacity: 0.9;}

.l_dhzk04.active{background:#e4e4e4;opacity: 1; }

.l_dhzk05.active{background:#e4e4e4;opacity: 0.9; }

.l_dhzk06.active{background:#e4e4e4;opacity: 1; }

#l_dhzk a{ display:block; height:50%; width:33.3333333333%; float:left;}

.l_dhzkhxtop{ width:100%; height:4px; background:#23ac38; position:absolute; left:0px; top:0px; display:none;}

.l_dhzkhxbottom{width:100%; height:4px; background:#23ac38; position:absolute; right:0px; top:100%;display:none;}

.l_dhzkhxleft{width:4px; background:#23ac38; position:absolute; left:0px; bottom:0px;display:none;}

.l_dhzkhxright{width:4px; background:#23ac38; position:absolute; right:0px; top:0px;display:none;}

#l_dhzk ul li:hover .l_dhzkhxtop{ display:block;}

#l_dhzk ul li:hover .l_dhzkhxbottom{ display:block;}

#l_dhzk ul li:hover .l_dhzkhxleft{ display:block;}

#l_dhzk ul li:hover .l_dhzkhxright{ display:block;}


.sjs{ display:none;}

@media (max-width:1800px) {
/*.shiwmin {
	width: 90%;
}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}

.footrights ul{ float:left; padding-left:50px;}
.footitle{ font-size:20px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:44px;}*/
}
@media (max-width:1600px) {
/*.shiwmin {
	width: 90%;
}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}

.footrights ul{ float:left; padding-left:50px;}
.footitle{ font-size:20px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:44px;}*/
}

@media (max-width:1500px) {
/*.shiwmin {
	width: 90%;
}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}

.footrights ul{ float:left; padding-left:40px;}
.footitle{ font-size:20px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:44px;}*/
}

@media (max-width:1300px) {
/*.shiw img{ width:100%; height:auto;}
.footrights ul{ float:left; padding-left:40px;}
.footitle{ font-size:18px; color:#fff; padding-bottom:30px;}
.footitle span{ font-size:32px;}
.footrights ul li{ font-size:12px; line-height:22px;}
.footlnt{ color:#fff; font-size:20px; padding-top:30px;}
.footexts{ font-size:12px; color:#c0c0c0; padding-top:30px; line-height:22px;}
.footel{ padding-top:20px; font-size:20px; color:#00a42e; line-height:28px;}*/
}

@media (max-width:1000px) {
/*.shiwmin {
	width: 90%;
}
.shiw{ width:20%; float:none; margin:0px auto; padding-top:2rem;}
.shiwinfor{ width:100%; float:none; text-align:center;}
.shiwbt{ font-size:50px; color:#08c324;}
.shitext{ font-size:30px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao2{ font-size:22px;}
.footrights ul{ float:left; padding-left:20px;}
.shiw img{ width:100%; height:auto;}*/

}

@media (max-width:990px) {
/*.shiwmin {
	width: 100%;
}
.shiw{ width:36%; float:none; margin:0px auto; padding-top:2rem;}
.shiwinfor{ width:95%; float:none; text-align:center;}
.shiwbt{ font-size:30px; color:#08c324;}
.shitext{ font-size:14px; color:#6f6f6f; padding-top:1rem;}
.shitext span.xiao1{ font-size:10px; }
.shitext span.xiao2{ font-size:14px; font-weight:bold;}
.footrights ul{ float:left; padding-left:20px;}
.shiw img{ width:100%; height:auto;}

video{ display:none;}
.logoss{ display:none;}
.navtop{ display:none;}
.sjs{ display:block;}

.hero, .hero-home, .fade-vid .mobile-show{ text-align:center; padding-top:30%;}
.hero, .hero-home, .fade-vid .mobile-show .title{ font-size:40px;}

.footss{ height:510px;}
.footlogos img{ width:65%;}
.footlefts{ width:95%; margin:0px auto; float:none;}
.footrights{ display:none;}
#video-background{ display:none;}
footer{ padding:0px;}*/

.valign{ top:42%;}
}

section>section {
	position: relative;
	overflow: hidden
}

section>section :not(.fx-square) {
	position: relative;
	z-index: 10
}
section>section.bg-dark:before {
	opacity: 1;
	transition: opacity .9s
}
section>section:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2f2f2f;
	opacity: 0;
	z-index: 9;
	transition: opacity 1.35s
}
.back a:before, .page-article .content a:after, p a:after {
	transition: all .3s;
	height: 2px;
	left: 0;
	content: ""
}
.container:not(.valign), .container>.row:not(.services-featured):not(.row-services) {
	position: static
}
.container-fluid {
	padding-left: 80px;
	padding-right: 80px
}
.big p {
	font-size: 20px
}
.small p {
	font-size: 16px
}
.no-marg p {
	margin: 0
}
.page-article .content, p {
	font-size: 18px;
	line-height: 1.7em;
	color: #a9a9a9;
	font-family: urbangroteskrebo-regular;
	margin-bottom: 12px
}
.page-article .content+.anim-fill.color-green, .page-article .content+.button, p+.anim-fill.color-green, p+.button {
	margin-top: 48px
}
.page-article .content.small, p.small {
	font-size: 16px
}
.page-article .content.big, p.big {
	font-size: 20px
}
.page-article .content strong, p strong {
	font-weight: 400;
	font-family: urbangroteskrebo-bold
}
.page-article .content:last-child, p:last-child {
	margin: 0
}
.page-article .content a, p a {
	display: inline-block;
	position: relative
}
.page-article .content a:after, p a:after {
	position: absolute;
	bottom: 2px;
	width: 100%;

	transform: scaleX(0)
}
.page-article .content a:hover:after, p a:hover:after {
	transform: scaleX(1)
}
ol, ul {
	font-family: urbangroteskrebo-regular;
	color: #a9a9a9
}
.block-case-study p span, .content a:not(.button), .content blockquote, .content blockquote p, .content h1, .content h2, .content h3, .content h4, .content h5, .content ol li:before, .nav-second ul li a, header .nav-main ul li a {
	font-family: urbangroteskrebo-bold
}
.button, .hero, .hero p, .hero.center .back .small-text, .hero.center .back a {
	color: #fff
}
a:focus {
	outline: 0!important;
	border: 0
}
.back {
	position: relative
}
.back a {
	display: inline-block;
	padding-left: 34px;
	line-height: 1em
}
.back a:before {
	position: absolute;
	width: 20px;
	top: 49%;
	
}
.back a:hover:before {
	transform: translateX(-5px)
}
.back a.color-green:before {
	background: #1acd68
}
#services ul, ul.items {
	margin: 38px 0 0 30px;
	list-style: none
}
#services ul li, ul.items li {
	display: block;
	font-size: 16px;
	padding: 8px 0 8px 60px;
	position: relative
}
#services ul li:before, ul.items li:before {
	content: "";
	width: 30px;
	height: 2px;
	background: #1acd68;
	position: absolute;
	left: 0;
	top: 18px
}
.block {
	padding: 138px 0
}
.block.pad-less {
	padding: 95px 0
}
.no-pad-top {
	padding-top: 0!important
}
.no-pad-bottom {
	padding-bottom: 0!important
}
.no-pad {
	padding-top: 0;
	padding-bottom: 0
}
#projets {
	padding-bottom: 70px
}
.inner {
	max-width: 700px;
	margin: 0 auto
}
.anim-fill {
	display: inline-block;
	position: relative;
	transform: translateX(-40px);
	transition: all .7s cubic-bezier(.645, .045, .355, 1)
}
.anim-fill a, .anim-fill img, .anim-fill span {
	opacity: 0;
	transition: opacity .1s .4s
}
.anim-fill .button {
	display: block
}
.button, .share a, .share span {
	display: inline-block
}
.anim-fill:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .33s cubic-bezier(.77, 0, .175, 1), transform-origin 0s linear .31s
}
.anim-fill.color-white:after {
	background: #fff
}
.anim-fill.color-light:after {
	background: #ebebeb
}
.anim-fill.color-graylight:after {
	background: #969696
}
.anim-fill.color-green:after {
	background: #1acd68
}
.anim-fill.color-black:after {
	background: #2f2f2f
}
.anim-fill.fill {
	transform: translateX(0)
}
.anim-fill.fill:after {
	transform: scaleX(1);
	transform-origin: right center
}
.anim-fill.fill a, .anim-fill.fill img, .anim-fill.fill span {
	opacity: 1
}
.anim-fill.out:after {
	transform: scaleX(0)
}
.hero {
	width: 100%;
	height: 500px;
	position: relative
}
.hero.darker:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	opacity: .48;
	transition: opacity .4s;
	z-index: 1;
}
.hero.light:before {
	opacity: 0!important
}
.hero.bg-green {
	background: #1acd68
}
.hero.bg-green .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .1
}
.hero.bg-green .valign {
	top: 60%
}
.hero.bg-vid {
	overflow: hidden;
	
}
.hero .title {
	font-size: 60px;
	margin: 0
}
.hero p {
	margin-top: 20px;
	position: relative
}
.hero p:before {
	content: "";
	width: 40px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 15px;
	left: -62px
}
.hero .line, .hero .line span {
	width: 2px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	right: 0
}
.hero .line {
	height: 200px;
	background: #1acd68;
	z-index: 10;
}
.hero .line span {
	content: "";
	height: 150px;
	background: #fff;
	z-index: 12;
}
.hero.center .valign {
	top: 53%
}
.hero.center .small-subtitle {
	margin-bottom: 10px
}
.hero.center .title {
	font-size: 85px;
	line-height: 1em
}
.hero.center .title.small {
	font-size: 60px
}
.hero.center .line {
	background: 0 0
}
.hero.center .line span {
	height: 100px
}
.hero.center .back {
	color: #fff;
	position: absolute;
	left: 80px;
	top: 142px;
	z-index: 20
}
.hero.center .back a:before {
	background: #fff
}
#video-background, .bg.vid {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 10;
}
/*.button {
	background: 0 0;
	font-size: 11px;
	letter-spacing: .16em;
	position: relative;
	overflow: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d
}

.button span {
	position: relative;
	z-index: 9
}
.button .bg-btn, .button .bg-btn:before, .button:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.button .bg-btn {
	z-index: 0;
	transform-origin: left center
}
.button .bg-btn:before {
	transform: translateX(-200%);
	box-sizing: border-box
}
.button:after {
	z-index: 9;
	background: 0 0;
}
.button.light .bg-btn, .button.light .bg-btn:before {
	background: #fff
}*/
.fx-square, .small-subtitle.line:before {
	background: #1acd68;
	content: ""
}
.button.light:after {
	border-color: #fff
}
.button.light:hover {
	color: #fff
}
.title {
	font-size: 50px;
	line-height: 1.1em;
	margin-bottom: 15px;
	font-family:'Arial','PingFang TC';
}
.title.big {
	font-size: 200px;
	line-height: .85em;
	margin: -5px 0 67px;
	color: #ebebeb;
	font-family:'Arial','PingFang TC';
	font-weight:bold;
}
.small-title {
	font-size: 36px;
	line-height: 1.35em;
	color: #fff;
	margin-bottom: 38px
}
.small-title.smaller {
	font-size: 30px;
	margin-bottom: 25px
}
.small-title.smallest {
	font-size: 24px;
	margin-bottom: 16px
}
.small-subtitle {
	font-size: 14px;
	letter-spacing: .3em;
	margin-bottom: 27px
}
.small-subtitle.line:before {
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 2px;
	margin-right: 18px;
	position: relative;
	top: -2px;
	opacity: 0
}
.small-subtitle.line.out:before {
	opacity: 1
}
.small-text {
	font-size: 11px;
	letter-spacing: .2em;
	color: #2f2f2f
}
.share {
	margin-right: -8px
}
.share span {
	margin-right: 12px
}
.share a {
	color: #2f2f2f;
	font-size: 17px;
	padding: 0 8px;
	transition: opacity .3s
}
.share a.icon-twitter {
	font-size: 16px
}
.share a:hover {
	opacity: .65
}
.row-clients {
	margin-top: 137px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}
.row-clients .single-client {
	width: 25%;
	margin-bottom: 145px;
	padding: 0 25px
}
.block-gallery .fx-square {
	height: 278px;
	top: 240px
}
.block-gallery.no-pad-bottom .fx-square {
	top: 378px
}
.fx-square {
	width: 52%;
	height: 465px;
	position: absolute;
	top: 47%;
	left: 0;
	transform: translateY(-50%) scaleX(0);
	transform-origin: left center;
	transition: all 0s linear;
	z-index: 0
}
.fx-square.animate {
	transform: translateY(-50%) scaleX(1)
}
#nav-icon {
	width: 30px;
	height: 27px;
	position: relative;
	margin: 36px 0 0;
	transform: rotate(0);
	transition: .3s ease-out;
	cursor: pointer
}
#nav-icon:hover span:nth-child(1) {
	transform: translateY(-6px)
}
#nav-icon:hover span:nth-child(2) {
	transform: rotate(180deg)
}
#nav-icon:hover span:nth-child(3) {
	transform: translateY(6px)
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	opacity: 1;
	left: 0;
	transform: rotate(0);
	transition: .15s ease-out
}
#nav-icon span:nth-child(1) {
	top: 0;
	transform-origin: left center
}
#nav-icon span:nth-child(2) {
	top: 7px;
	transform-origin: center;
	transition-duration: .18s;
	transition-delay: .1s
}
#nav-icon span:nth-child(3) {
	top: 14px;
	transform-origin: center
}
#nav-icon.open span:nth-child(1) {
	transform: rotate(45deg);
	top: -4px;
	left: 0
}
#nav-icon.open span:nth-child(2) {
	transform: translateX(25px) rotate(180deg);
	opacity: 0
}
#nav-icon.open span:nth-child(3) {
	transform: rotate(-225deg);
	top: 6px;
	left: -4px
}
body.scrolled header {
	background: #fff!important
}
body.scrolled .navtop ul li a {
	color: #333!important
}

body.scrolled #nav-icon span {
	background: #1acd68
}
body.dark header {
	background: 0 0!important
}
body.nav-opened #nav-icon span {
	background: #fff!important;
	transition: transform .3s ease-out, color .3s .5s
}

header {
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: background .75s
}
header .container, header .container-fluid {
	position: relative!important
}
header .header-main-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100vh;
	background-color: #1acd68;
	transform-origin: top left;
	overflow: hidden
}
header .header-main-bg .bg {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100vw;
	min-height: 100vh;
	opacity: 0;
	transition: opacity .25s
}
header .header-main-bg .bg.vid {
	width: auto;
	height: auto;
	z-index: 0
}
header .header-main-bg .bg.top {
	opacity: .1
}
header .nav-main {
	position: absolute;
	top: 48.5vh;
	transform: translateY(-50%);
	display: none
}
header .nav-main ul {
	width: calc(100% + 90px);
	margin: 0;
	list-style: none
}
header .nav-main ul.has-active li a, header .nav-main ul:hover li a {
	opacity: .5!important
}
header .nav-main ul.has-active li a:before, header .nav-main ul:hover li a:before {
	opacity: 0;
	transform: translateX(20px)
}
header .nav-main ul.has-active li a span, header .nav-main ul:hover li a span {
	transform: translateX(0)
}
header .nav-main ul li {
	display: block;
	opacity: 0;
	transform: translateX(-80px)
}
header .nav-main ul li a {
	color: #fff;
	font-size: 50px;
	line-height: 1em;
	padding: 22px 0;
	display: inline-block;
	position: relative;
	width: 100%;
	transition: all .4s
}
header .nav-main ul li a:before {
	content: "";
	width: 50px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transition: all .6s cubic-bezier(.165, .84, .44, 1)
}
body.home, footer {

}
header .nav-main ul li a span {
	display: inline-block;
	pointer-events: none;
	transform: translateX(90px);
	transition: all .8s cubic-bezier(.165, .84, .44, 1)
}
header .nav-main ul li a:hover {
	opacity: 1!important
}
header .nav-main ul li a:hover:before {
	opacity: 1;
	transform: translateX(0)
}
header .nav-main ul li a:hover span {
	transform: translateX(90px)
}
header .nav-main ul li.active a {
	opacity: 1!important
}
header .nav-second {
	position: absolute;
	top: calc(100vh - 80px);
	display: none
}
header .nav-second ul.has-active li a, header .nav-second ul:hover li a {
	opacity: .35!important
}
header .nav-second ul li {
	opacity: 0;
	transform: translateY(10px)
}
header .nav-second ul li a:hover, header .nav-second ul li.active a {
	opacity: 1!important
}
.wrap-audio>a, .wrap-audio>a i {
	transform-style: preserve-3d;
	backface-visibility: hidden
}
header .nav-second ul li a {
	transition: all .4s
}


header .button, header .icon-mail {
	position: absolute;
	top: 18px;
	right: 80px
}
header .icon-mail {
	color: #fff;
	font-size: 19px;
	top: 26px
}
.nav-second ul {
	margin: 0 0 0 -14px;
	list-style: none
}
.nav-second ul li {
	display: inline-block
}
.nav-second ul li a {
	display: block;
	color: #fff;
	padding: 5px 14px
}
.social, .social li {
	display: inline-block
}

.social {
	margin: 30px 0 13px
}
.social:hover li a {
	opacity: .3
}
.social li {
	vertical-align: top;
	padding-right: 10px
}
.social li a {
	display: block;
	width: 41px;
	height: 41px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%;
	transition: opacity .3s
}
.hero-home.hero.darker:after, .page-home:before {
	width: 100%;
	content: ""
}
.social li a:hover {
	opacity: 1
}
.social li a i {
	display: block;
	position: relative!important
}
.social li a i.icon-vimeo {
	font-size: 13px
}
.social li a i.icon-linkedin {
	font-size: 15px
}
.page-home:before {
	height: calc(100vh + 10px);
	background: 0 0;
	display: block
}
.page-home #services, .page-home #what-matters, .page-home #white-paper {
	background-color: #fff
}
.hero-home {
	height: calc(100vh + 10px);
	position: fixed;
	top: 0;
	left: 0
}
.hero-home .title {
	font-size: 50px
}
.hero-home .line span {
	height: 85%; margin-top:15%;
	transform-origin: bottom
}
.hero-home.hero.darker {

}
.hero-home.hero.darker:after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #2f2f2f;
	z-index: 9;
	transition: opacity .4s
}
.wrap-audio>a, .wrap-audio>a i, .wrap-audio>a:before {
	transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}
.hero-home.hero.darker.fade-vid:after {
	opacity: 0
}
.wrap-audio {
	position: absolute!important;
	bottom: 40px;
	right: 40px;
	z-index: 99;
	cursor: pointer
}
.wrap-audio>a {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	text-align: center
}
.wrap-audio>a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1acd68;
	border-radius: 50%;
	transform-origin: center
}
.wrap-audio>a i {
	color: #fff;
	font-size: 17px;
	display: block;
	pointer-events: none;
	transform-origin: center center
}
.wrap-audio>a:hover:before {
	transform: scale(1.15)
}
.hero-fixed {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}
.hero-fixed .valign {
	transform-origin: center center;
	transform: translateY(-31%)
}
.hero-fixed .title {
	font-size: 72px;
	color: #fff;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
.hero-fixed .title span {
	font-size:50px;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
.hero-fixed p {
	opacity: 0;
	margin: 30px 0 0;
	font-size:18px; color:#2f2f2f;
	line-height:1.6rem;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
#what-matters {
	height: calc(100vh - 215px)
}
.home-tagline {
	padding-left: 55px;
	padding-right: 55px
}
.block-service-outer {
	opacity: 0;
	transform: translateY(150px);
	transition: transform .85s cubic-bezier(.165, .84, .44, 1), opacity .85s cubic-bezier(.165, .84, .44, 1)
}
.block-service-outer.display {
	transform: translateY(0);
	opacity: 1
}
.block-service-outer.delay-100 {
	transition-delay: .1s
}
.block-service-outer.delay-200 {
	transition-delay: .2s
}
.block-service-outer .line {
	display: block;
	width: 2px;
	height: 60px;
	background: #1acd68;
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 100;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}
.block-service-outer.opened .block-service {
	filter: grayscale(20%);
	filter: none
}
.block-service-outer.opened .line {
	transform: translateY(96px)
}
.block-service-outer.opened .wrap-bg {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}
.block-service-outer.opened .bg {
	opacity: .4
}
.block-service {
	width: 100%;
	display: block;
	padding-bottom: 87.5%;
	position: relative;
	background: #2f2f2f;
	transform: translateZ(0);

}
.block-service .wrap-bg {
	background: #2f2f2f;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform-origin: top;
	overflow: hidden;
	height: 138%;
	transform: translateY(-50%), translateZ(0);
	-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 86%, 0 86%);
	clip-path: polygon(0 14%, 100% 14%, 100% 86%, 0 86%);
	transition: -webkit-clip-path .6s cubic-bezier(.165, .84, .44, 1);
	transition: clip-path .6s cubic-bezier(.165, .84, .44, 1);
	transition: clip-path .6s cubic-bezier(.165, .84, .44, 1), -webkit-clip-path .6s cubic-bezier(.165, .84, .44, 1)
}
.block-service .bg {
	position: absolute;
	left: 0;
	width: 100%;
	height: 400px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	opacity: 0.1;
	overflow: hidden;
	transition: opacity .6s cubic-bezier(.165, .84, .44, 1)
}
.block-service>.valign {
	position: absolute;
	z-index: 9;
	width: 100%;
	padding: 0 50px
}
.block-service .small-title {
	height: 96px
}
.block-service p {
	color: #fff;
	font-size: 16px
}
.block-service p+.button {
	margin-top: 30px
}
.block-service .content {
	opacity: 0;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left:-10%;
	z-index: 99;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
.block-service .content span{ font-size:14px;}
.wrap-image, .wrap-image img {
	position: relative
}
body.ie .block-service .wrap-bg {
	height: 100%;
	-webkit-clip-path: none;
	clip-path: none;
	transition: height .6s cubic-bezier(.165, .84, .44, 1)
}
body.ie .block-service-outer.opened .wrap-bg {
	height: 138%
}
.pad-left {
	padding-left: 60px
}
.wrap-image:after {
	content: "";
	clear: both;
	display: table
}
.wrap-image.pad-top {
	padding-top: 75px
}
.wrap-image.text-right img {
	float: right
}
.wrap-image img {
	opacity: .85!important;
	z-index: 9;
	display: block;
	width: 100%
}
.wrap-image img+img {
	margin-top: 20px
}
#projets, #services {
	padding: 96px 0 150px
}
#services p {
	font-size: 16px
}
#clients {
	padding-bottom: 0
}
.block-about img {
	max-width: 80%
}
.services-featured {
	padding-bottom: 85px;
	margin-bottom: 85px;
	margin-top: 135px;
	border-bottom: 2px solid #444
}
.services-featured .icon {
	height: 98px
}
.services-featured .third>*, .services-more .image, .services-more .small-title, .services-more p, .single-event .image, .single-event .small-title, .single-event p {
	padding-right: 15px
}
.icon {
	margin-bottom: 26px;
	height: 65px
}
.icon img {
	max-height: 100%
}
#projets .wrap-projects .single-project:last-child {
	margin-bottom: 0
}
.page-service .block:not(.bg-anim-dark):not(.bg-light)+.block:not(.bg-anim-dark):not(.bg-light):not(#expertise), .page-study .block:not(.bg-anim-dark):not(.bg-light)+.block:not(.bg-anim-dark):not(.bg-light):not(#expertise) {
	padding-top: 0!important
}
.wrap-projects {
	margin-top: 86px
}
.wrap-projects .single-project {
	padding-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	display: block;
	position: relative;
	height: 321px;
	transition: none
}
.wrap-projects .single-project .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	transition: width .35s cubic-bezier(.55, .085, .68, .53), background-color .5s
}
.wrap-projects .single-project .bg img {
	min-width: 1260px;
	max-width: none;
	opacity: .12
}
.wrap-projects .single-project.active .bg, .wrap-projects .single-project:hover .bg {
	width: 100%
}
.wrap-projects .single-project.active .small-subtitle, .wrap-projects .single-project:hover .small-subtitle {
	color: #aaa;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
	letter-spacing:0px; 
	
}
.wrap-projects .single-project.active .small-subtitle:before, .wrap-projects .single-project:hover .small-subtitle:before {
	width: 85px;
	background: #2f2f2f
}
.wrap-projects .single-project.active .small-subtitle, .wrap-projects .single-project.active .title, .wrap-projects .single-project:hover .small-subtitle, .wrap-projects .single-project:hover .title {
	transform: translateX(100px);
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
	letter-spacing:0px; 
	
}
.wrap-projects .single-project:hover .bg {
	background-color: #1acd68
}
.wrap-projects .single-project:hover .small-subtitle, .wrap-projects .single-project:hover .title {
	color: #fff
}
.wrap-projects .single-project:hover .small-subtitle:before {
	background: #fff
}
.wrap-projects .single-project .small-subtitle, .wrap-projects .single-project .title {
	position: relative;
	transform: translateX(0);
	z-index: 10;
	transition: transform .6s .2s cubic-bezier(.165, .84, .44, 1), color .5s;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
.wrap-projects .single-project .small-subtitle {
	margin-bottom: 23px;
	line-height: 1.15em;
	color: #969696;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
	letter-spacing:0px; 
}
.wrap-projects .single-project .small-subtitle:before {
	content: "";
	width: 0;
	height: 2px;
	background: #969696;
	position: absolute;
	top: 46%;
	left: -105px;
	transition: width .6s .2s cubic-bezier(.165, .84, .44, 1), background .5s
}
.wrap-projects .single-project .title {
	font-size: 72px;
	color: #2f2f2f;
	margin: 0 0 0 -5px;
	line-height: 1em;
	font-family:'Microsoft YaHei','PingFang TC',PingFangTC,sans-serif;
}
.block-case-study p {
	font-size: 16px
}
#intro .title, #tasks .title {
	font-size: 42px
}
.block-case-study p span {
	text-decoration: none!important;
	color: #1acd68
}
#intro {
	padding: 90px 0
}
.block-gallery .wrap-image .fx-square {
	height: 271px;
	top: 103px;
	transform: none
}
#tasks {
	padding: 95px 0 85px;
	background: #2f2f2f
}
#tasks .services-more {
	margin-top: 85px
}
#more .wrap-projects {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}
#more .wrap-projects .single-project {
	width: 50%;
	text-align: center;
	padding: 0 20px;
	margin: 0
}
#more .wrap-projects .single-project .small-subtitle, #more .wrap-projects .single-project .title {
	padding: 0;
	color: #2f2f2f;
	transform: none!important;
	backface-visibility: hidden;
	transform-style: preserve-3d
}
#skybox, .intrinsic-container-16x9 {
	padding-bottom: 56.25%
}
#more .wrap-projects .single-project .bg {
	width: 100%
}
#more .wrap-projects .single-project .bg img {
	min-width: 100%;
	min-height: 100%;
	max-width: 120%;
	max-height: none;
	width: auto
}
#more .wrap-projects .single-project .small-subtitle:before {
	display: none
}
#more .wrap-projects .single-project .title {
	font-size: 48px
}
#more .wrap-projects .single-project:hover .small-subtitle, #more .wrap-projects .single-project:hover .title {
	color: #fff;
	transform: none
}
#skybox {
	position: relative;
	width: 100%;
	overflow: hidden
}
#skybox #skybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}
.intrinsic-container {
	position: relative;
	height: 0;
	overflow: hidden
}
.intrinsic-container:after {
	content: "";
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11
}
.intrinsic-container-4x3 {
	padding-bottom: 75%
}
.intrinsic-container iframe {
	position: absolute!important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.row-blog {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.row-blog>div {
	margin-bottom: 71px;
	width: 33%
}
.row-blog>div.single-event {
	margin-bottom: 0
}
.row-blog>div.single-event .small-title {
	margin-bottom: 15px
}
.row-blog>div.single-event p strong:not(.color-green) {
	color: #969696
}
.row-blog .link-article:hover .image img {
	opacity: 1;
	transform: scale(1.08)
}
.row-blog .link-article:hover .small-title {
	color: #1acd68!important
}
.row-blog .image {
	height: 295px;
	margin-bottom: 29px;
	overflow: hidden;
	display: block;
	position: relative
}
.row-blog .image img {
	display: block;
	width: 100%;
	opacity: .85;
	transition: all 1.7s cubic-bezier(.165, .84, .44, 1)
}
.row-blog .small-title {
	font-size: 28px;
	margin-bottom: 46px;
	line-height: 1.22em;
	padding-bottom: 0;
	transition: all .3s
}
.row-blog .single-event .small-title {
	padding-bottom: 0
}
.row-blog p.small {
	padding-bottom: 45px;
	margin: 0
}
.row-blog .more {
	font-size: 16px;
	margin-top: 17px;
	position: absolute;
	bottom: 0;
	left: 10px
}
.row-blog .more .date {
	font-size: 14px;
	color: #a9a9a9
}
.page-publications .filter {
	text-align: center;
	list-style: none;
	margin: 0 0 90px
}
.page-publications .filter li {
	display: inline-block;
	vertical-align: top;
	padding: 0 28px;
	border-right: 2px solid #e5e5e5
}
.page-publications .filter li:last-child {
	border: 0
}
.page-publications .filter li.active a {
	color: #1acd68;
	border-bottom: 2px solid #1acd68
}
.page-publications .filter li a {
	display: block;
	color: #2f2f2f;
	padding: 5px 0;
	font-size: 36px;
	line-height: 1em;
	transition: color .3s;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto
}
.page-publications .filter li a:hover {
	color: #1acd68
}
.page-publications .nav-links, .page-publications .pager {
	margin: 10px 0 0;
	text-align: center;
	list-style: none
}
.page-publications .nav-links a, .page-publications .nav-links span, .page-publications .pager a, .page-publications .pager span {
	font-family: urbangroteskrebo-bold;
	display: inline-block;
	color: #2f2f2f;
	padding: 8px;
	margin: 0 4px;
	font-size: 18px;
	line-height: 1em;
	transition: color .3s
}
.page-publications .nav-links a:hover, .page-publications .nav-links span:hover, .page-publications .pager a:hover, .page-publications .pager span:hover {
	color: #1acd68
}
.page-publications .nav-links a.current, .page-publications .nav-links span.current, .page-publications .pager a.current, .page-publications .pager span.current {
	color: #1acd68;
	border-bottom: 2px solid #1acd68
}
.page-publications .nav-links a.next, .page-publications .nav-links a.prev, .page-publications .nav-links span.next, .page-publications .nav-links span.prev, .page-publications .pager a.next, .page-publications .pager a.prev, .page-publications .pager span.next, .page-publications .pager span.prev {
	display: none
}
.page-article .hero.center .valign {
	position: absolute;
	left: 0;
	right: 0
}
.page-article .hero.center .title {
	font-size: 50px
}
.page-article .hero.center .line:after {
	height: 80px
}
.page-article .block-article hr {
	height: 2px;
	background-color: #e5e5e5;
	margin: 93px 0 35px
}
.page-article .content, .page-article .content p {
	font-size: 16px
}
.page-article .content img {
	display: block;
	text-align: center;
	margin: 30% 0px 0px 0px;
	transform: scale(1.2)
}
.page-article .content blockquote, .page-article .content blockquote p {
	color: #1acd68;
	font-size: 36px;
	margin: 43px 0;
	line-height: 1.35em
}
.content blockquote, .content blockquote p, .content h1, .content h2, .content h3, .content h4, .content h5 {
	margin: 12px 0 27px
}
.content h1 {
	color: #1acd68;
	font-size: 30px
}
.content h2 {
	font-size: 24px;
	color: #2f2f2f
}
.content h3 {
	font-size: 16px;
	color: #a9a9a9
}
.content a:not(.button) {
	color: #1acd68
}
.content p+h1, .content p+h2, .content p+h3, .content p+h4, .content p+h5 {
	margin-top: 70px
}
.content ol, .content ul {
	list-style: none;
	margin: 48px 0 68px;
	padding-left: 120px
}
.content ol li, .content ul li {
	position: relative;
	margin-bottom: 16px
}
.content ol li:before, .content ul li:before {
	content: "";
	width: 30px;
	height: 2px;
	background: #1acd68;
	color: #1acd68;
	position: absolute;
	left: -60px;
	top: 10px
}
.content ol li:last-child, .content ul li:last-child {
	padding: 0
}
.content ol li {
	counter-increment: item
}
.content ol li:before {
	content: counter(item);
	background: 0 0;
	font-size: 90%;
	top: auto;
	bottom: 16px;
	left: -37px
}
.wrap-gmap {
	background-color: #333
}
#gmap {
	width: 100%;
	height: 100vh;
	opacity: 0;
	transition: opacity .4s
}
.page-contact {
	overflow: hidden
}
.page-contact .container-fluid {
	padding-left: 10px;
	padding-right: 10px
}
.wrap-contact {
	height: 100vh;
	background: #2f2f2f
}
.wrap-contact>div {
	padding: 0
}
.wrap-contact a {
	color: #969696
}
.wrap-contact .small-subtitle {
	font-size: 12px;
	margin-bottom: 7px;
	color: #969696
}
.wrap-contact .contact-info {
	display: inline-block;
	position: absolute;
	right: 0;
	z-index: 9;
	top: 60%;
	width: 620px
}
.wrap-contact .contact-info .back {
	margin-top: 13px
}
.wrap-contact .mail {
	font-size: 62px;
	position: relative;
	display: inline-block;
	transition: all .7s cubic-bezier(.165, .84, .44, 1);
	backface-visibility: hidden;
	transform-style: preserve-3d
}
.wrap-contact .mail:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #1acd68;
	bottom: 5px;
	right: 0;
	transition: all .3s;
	opacity: 0
}
.wrap-contact .mail:hover {
	color: #fff!important;
	transform: translateX(60px)
}
.wrap-contact .mail:hover:before {
	width: 0
}
.wrap-contact .mail.out:before {
	opacity: 1
}
.wrap-contact .row-address {
	margin-top: 154px
}
.wrap-contact .row-address .small-subtitle {
	font-size: 18px;
	margin-bottom: 18px
}
.wrap-contact .row-address p {
	line-height: 1.85em;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto
}
#error {
	height: 100vh
}
#error .small-subtitle {
	margin-bottom: 20px
}
#error p {
	margin-top: 24px
}
#error p:before {
	display: none
}
#error .button {
	margin-top: 32px;
	transition: all .4s
}
#error .button.light {
	color: #fff!important
}
#error .button:hover {
	color: #1acd68!important;
	background: #fff
}
@media (min-width:1280px) {
.container {
	width: 1260px
}
}
@media (min-width:1500px) and (min-height:720px) {
.container {
	width: 1440px
}
header .nav-main ul li a {
	font-size: 60px;
	padding: 27px 0
}
.hero-fixed .title {
	font-size:72px
}
.hero-fixed p {
	margin-top: 25px
}
.block-service-outer .line {
	top: 5%
}
.block-service-outer.opened .line {
	transform: translateY(125px)
}
.block-service>.valign {
	padding: 0 70px
}
.block-service .wrap-bg {
	height: 134%
}
.block-service .bg {
	height: 420px
}
.swiper-container {
	height: 821px
}
.wrap-projects .single-project .bg img {
	min-width: 1420px;
	max-width: none
}
.services-featured .third>*, .services-more .image, .services-more .small-title, .services-more p, .single-event .image, .single-event .small-title, .single-event p {
	padding-right: 30px
}
}
@media (max-width:1499px) {
.title.big {
	font-size: 190px
}
.page-publications .filter li {
	padding: 0 25px
}
.page-publications .filter li a {
	font-size: 34px
}
.row-blog .image {
	height: 270px
}
}
@media (max-width:1359px) {
.title.big {
	font-size: 185px
}
.swiper-button-prev {
	left: 20px
}
.swiper-button-next {
	right: 20px
}
}
@media (max-width:1279px) {
.home-tagline {
	padding-left: 42px;
	padding-right: 42px
}
.block-service-outer.opened .line {
	transform: translateY(80px)
}
.block-service .content {
	bottom: 20px;
	padding: 0;
}
.block-service p+.button {
	margin-top: 20px
}
.hero-home .title, .title {
	font-size: 50px;
}

.hero-home .title, .title span{
	font-size: 50px;
}
.title.big {
	font-size: 170px
}
.hero .title, .page-article .hero.center .title {
	font-size: 55px
}
.wrap-projects .single-project .title {
	font-size: 96px;
	max-width: 90%
}
.content img {
	margin: 30% 0px 0px 0px;
	width:65px; height:auto;
}
.services-featured {
	margin-top: 110px
}
.wrap-contact .contact-info {
	width: 570px
}


.page-publications .filter li {
	padding: 0 23px
}
.page-publications .filter li a {
	font-size: 32px
}
.row-blog .image {
	height: 250px
}
}
@media (max-width:1199px) {
.block {
	padding: 110px 0
}
#tasks, .block.pad-less {
	padding: 80px 0
}
.title.big {
	font-size: 140px
}
.hero-home .title, .title {
	font-size: 53px;
}

.small-subtitle {
	margin-bottom: 23px
}
.small-title.smallest {
	font-size: 21px
}
.small-title.smaller {
	font-size: 26px;
	margin-bottom: 20px
}
.small-title {
	font-size: 31px;
	line-height: 1.25em;
	margin-bottom: 28px
}
.hero:not(.hero-home) {
	height: 440px
}
.hero.center .title {
	font-size: 80px
}
.hero.center .line span {
	height: 80px
}
#intro .title, #tasks .title {
	font-size: 35px
}
.hero .title, .page-article .hero.center .title {
	font-size: 48px
}
.block-gallery .fx-square {
	height: 240px;
	top: 200px
}
.block-gallery.no-pad-bottom .fx-square {
	top: 310px
}
.fx-square {
	height: 320px
}
p+.anim-fill.color-green, p+.button {
	margin-top: 30px
}
.big p, p.big {
	font-size: 18px
}
p {
	font-size: 16px
}
p.small {
	font-size: 14.5px
}
.hero p {
	margin-top: 12px
}
.pad-left {
	padding-left: 50px
}
header .nav-main ul li a {
	font-size: 46px
}
.home-tagline {
	padding-left: 30px;
	padding-right: 30px
}
.home-tagline .title {
	padding: 0 20px
}
.block-service-outer .line {
	height: 40px
}
.block-service-outer.opened .line {
	transform: translateY(45px)
}
.block-service .wrap-bg {
	height: 170%;
	-webkit-clip-path: polygon(0 20.5%, 100% 20.5%, 100% 79.5%, 0 79.5%);
	clip-path: polygon(0 20.5%, 100% 20.5%, 100% 79.5%, 0 79.5%)
}
.block-service .content {
	bottom: 25px;
	padding: 0px
}
.block-service p+.button {
	margin-top: 15px
}
body.ie .block-service-outer.opened .wrap-bg {
	height: 170%
}
body.ie .block-service .wrap-bg {
	height: 100%
}
#projets, #services {
	padding: 90px 0
}
.services-featured {
	margin-top: 95px
}
.wrap-projects .single-project {
	height: 290px
}
.wrap-projects .single-project .title {
	font-size: 78px
}
#tasks .services-more {
	margin-top: 65px
}
#more .wrap-projects .single-project .title {
	font-size: 38px
}
.swiper-container {
	height: 528px
}
.page-publications .filter {
	margin-bottom: 75px
}
.page-publications .filter li {
	padding: 0 18px
}
.page-publications .filter li a {
	font-size: 26px
}
.row-blog .image {
	height: 200px
}
.row-blog .small-title {
	font-size: 23px
}
.content p+h1, .content p+h2, .content p+h3, .content p+h4, .content p+h5 {
	margin-top: 50px
}
.page-article .content blockquote, .page-article .content blockquote p {
	font-size: 30px
}
.content img {
	margin: 35% 0px 0px 0px;
	width:55px; height:auto;
}
.content ol, .content ul {
	margin: 38px 0 58px
}
.page-article .block-article hr {
	margin-top: 80px
}
.wrap-contact .mail {
	font-size: 52px
}
.wrap-contact .contact-info {
	width: 470px;
	padding-right: 10px
}
.wrap-contact .row-address {
	margin-top: 130px
}

}
@media (max-width:1024px) {
header .nav-second {
	top: calc(100vh - 80px);
	transform: translateY(-100%)
}
.small-subtitle.line:before {
	opacity: 1
}
.parallax+img[style*="visibility:hidden"] {
	display: none!important
}
.fx-square {
	height: 240px;
	width: 25%;
	top: 24%;
	transform: scaleX(1)
}
.block-service .wrap-bg {
	border:2px solid #464646;
	height: 100%;
	-webkit-clip-path: none!important;
	clip-path: none;!important
}
.wrap-projects .single-project .bg {
	width: 100%!important;
	transition: background-color .5s
}
.wrap-projects .single-project .small-subtitle {
	color: #2f2f2f
}
.wrap-projects .single-project .small-subtitle:before {
	width: 85px
}
.wrap-projects .single-project .small-subtitle, .wrap-projects .single-project .title {
	transform: translateX(100px);
	transition: color .5s
}
}
@media (max-width:991px) {
.block {
	padding: 90px 0
}
.inner {
	max-width: 600px
}
p+.anim-fill.color-green, p+.button {
	margin-top: 20px
}
.big p, p.big {
	font-size: 17px
}
.button {
	padding: 16px 36px
}
.small-title {
	font-size: 26px;
	margin-bottom: 20px
}
.small-title.smaller {
	font-size: 21px
}
.small-title.smallest {
	font-size: 19px
}
.small-subtitle {
	font-size: 13px;
	margin-bottom: 18px
}
.title.big {
	font-size: 110px;
	margin-bottom: 55px
}
.pad-left {
	padding-left: 37px
}
#tasks, .block.pad-less {
	padding: 70px 0
}
.small-text {
	font-size: 10px
}
.block-gallery .fx-square {
	height: 180px;
	top: 70px
}
.block-gallery.no-pad-bottom .fx-square {
	top: 160px
}
.back a {
	padding-left: 27px
}
.back a:before {
	width: 17px
}
.hero-home .title, .title span{ font-size:24px;}
.hero.center .back {
	left: 22px;
	top: 80px
}
.hero:not(.hero-home) {
	height: 400px
}
.hero.center .title {
	font-size: 60px
}
.hero-home .title, .title {
	font-size: 38px
}
.hero-fixed .title span{
	font-size: 38px
}
.hero .title, .page-article .hero.center .title {
	font-size: 45px
}
.barba-container:not(.page-home) .hero:not(.center) .title {
	padding-right: 20px
}
#services p, #services ul li, .content p, body, p, ul.items li {
	font-size: 15px
}
#services ul, ul.items {
	margin-top: 25px;
	padding-top: 6px;
	padding-bottom: 6px
}
header .button {
	top: 22px
}
header .button, header .icon-mail {
	right: 22px
}
.container-fluid {
	padding-left: 22px;
	padding-right: 22px
}
.block-service-outer.opened .line {
	transform: translateY(57px)
}
.block-service {
	padding-bottom: 33%;
	margin-bottom: 24px
}
.block-service .small-title {
	height: 60px;
	font-size: 32px;
	transform: translateY(-50%)!important
}
.block-service .content {
	bottom:5px; opacity:1; padding:0px; margin:0px auto; left:36%; z-index:50;
}
.block-service .content img{}
.block-service .content span{ font-size:13px; opacity:1;}
body.ie .block-service-outer.opened .wrap-bg {
	height: 155%
}
body.ie .block-service .wrap-bg {
	height: 100%
}
.services-featured {
	margin-top: 75px
}
.services-featured .icon {
	height: 84px
}
.services-more .image, .services-more .small-title, .services-more p, .single-event .image, .single-event .small-title, .single-event p {
	padding-right: 10px
}
.wrap-projects .single-project {
	height: 260px
}
.wrap-projects .single-project .title {
	font-size: 58px
}
#projets, #services {
	padding: 78px 0
}
#intro {
	padding: 75px 0
}
#intro .title, #tasks .title {
	font-size: 30px
}
#more .wrap-projects .single-project {
	height: 230px
}
.swiper-container {
	height: 404px
}
.page-article .row-blog>div:last-child {
	display: none
}
.page-publications .filter {
	margin-bottom: 65px
}
.page-publications .filter li {
	padding: 0 23px
}
.page-publications .filter li a {
	font-size: 22px
}
.row-blog>div:not(.single-event) {
	width: 49.5%
}
.row-blog .more {
	font-size: 15px
}
.row-blog>div {
	margin-bottom: 50px
}
.row-blog>div.single-event .small-title {
	margin-bottom: 12px
}
.row-blog .small-title {
	font-size: 20px
}
.wrap-contact .mail {
	font-size: 40px
}
.wrap-contact .contact-info {
	width: 360px;
	top: 67%
}
.wrap-contact .contact-info .back {
	margin-top: 0
}
.wrap-contact .row-address {
	margin-top: 60px
}
.wrap-contact .row-address>div+div {
	padding-top: 35px
}
.wrap-contact .row-address .small-subtitle {
	font-size: 17px;
	margin-bottom: 12px
}
.content ol, .content ul {
	margin: 28px 0 48px
}
.content ol li, .content ul li {
	margin-bottom: 13px;
	
}

}
.mobile-show {
	opacity: 0
}
@media (max-width:767px) {
#page {
	height: 100%
}
.mobile-hide {
	visibility: hidden!important;
	opacity: 0!important
}
.mobile-show {
	visibility: visible;!important;
	opacity: 1;!important
	text-align:center;
}
.loader .valign {
	top: 45%
}
.pad-left {
	padding-left: 10px
}
.row-flex {
	display: block
}
.row-flex .valign:not(i) {
	position: relative;
	top: auto;
	transform: none
}
.container {
	padding-left: 22px;
	padding-right: 22px
}
footer, section>section:before {
	background-color: #2a2a2a
}
#services p, .block-case-study p, .content p, .small p, body, p {
	font-size: 17px
}
.button {
	font-size: 13px;
	padding: 8px 28px;
}
#intro, #tasks, .block, .block.pad-less {
	padding: 56px 0;
}
.row .row {
	margin: 0
}
.small-text {
	font-size: 11px
}
p {
	line-height: 1.4em
}
p.small {
	font-size: 16px
}
.big p, p.big {
	font-size: 21px
}
.title {
	margin-bottom: 24px
}
.hero-home .title, .title {
	font-size:38px
}
.small-title, .small-title.smaller, .small-title.smallest {
	font-size: 28px;
	margin-bottom: 24px
}
.small-subtitle {
	font-size: 14px;
	margin-bottom: 15px
}
.title.big {
	font-size:53px;
	margin-bottom: 25px;
	line-height: 1em;
}
.small-subtitle.line:before {
	width: 23px;
	margin-right: 15px
}
#projets, #services {
	padding: 55px 0 65px
}
#projets .title.big, #services .title.big {
	margin-bottom: 30px;
}
.hero-home .valign {
	top: 46%;
	z-index: 9
}
.hero, .hero-home {
	height: 100vh!important
}
.hero.center .title {
	font-size: 44px
}
.hero.center .small-subtitle {
	font-size: 12.5px;
	margin-bottom: 0
}
.hero .title {
	font-size: 41px
}
.wrap-audio {
	bottom: 85px;
	right: 30px
}
.page-article .hero.center .title {
	font-size: 34px
}
.barba-container:not(.page-article) ul:not(.filter) {
	color: #fff;
	font-family: urbangroteskrebo-bold
}
#services ul, ul.items {
	margin-top: 22px;
	margin-left: 20px
}
#services ul li, ul.items li {
	font-size: 15px;
	padding: 8px 0 8px 45px
}
#services ul li:before, ul.items li:before {
	width: 27px
}
.hero p {
	margin-top: 60px
}
}
@media (max-width:767px) {
.hero p:before {
	width: 27px;
	left: 0;
	top: -17px
}
.hero.bg-green:not(#error) .valign {
	position: absolute;
	width: 100%;
	top: 55%
}
.fx-square {
	height: 150px;
	top: 85px;
	width: 48%
}
.wrap-image {
	margin-bottom: 30px
}
.wrap-image .wrap-image-inner {
	height: 210px;
	overflow: hidden
}
.wrap-image .wrap-image-inner img {
	transform: translateY(-20%)
}
.hero .line, .hero.center .line {
	height: 135px
}
}
@media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape) {
.wrap-audio {
	bottom: 45px
}
.hero p {
	margin-top: 40px;
	font-size: 18px
}
.hero .line, .hero.center .line {
	height: 90px
}
}
@media (max-width:767px) {
.row-clients {
	margin-top: 40px
}
.row-clients .single-client {
	width: 50%;
	margin-bottom: 45px;
	padding: 0 20px
}
.block-gallery img {
	width: 100%
}
.block-gallery .fx-square {
	display: none
}
.block-gallery .wrap-image {
	margin-bottom: 20px
}
.block-gallery .wrap-image.pad-top {
	padding-top: 0;
	margin: 0
}
#nav-icon {
	margin-top: 27px
}
header {
	height: 71px
}

header .nav-main {
	top: 41.5vh
}
header .nav-main ul {
	width: 68%
}
header .nav-main ul li a {
	font-size: 35px;
	padding: 14px 0;
	line-height: 1.25em
}
}
@media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape) {
header .nav-main {
	top: 47.5vh
}
header .nav-main ul li a {
	font-size: 23px;
	padding: 8px 0
}
}
@media (max-width:767px) {
header .nav-main ul li a:before {
	width: 28px;
	top: 33px
}
}
@media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape) {
header .nav-main ul li a:before {
	top: 22px
}
}
@media (max-width:767px) {
header .nav-main ul li a span, header .nav-main ul li a:hover span {
	transform: translateX(45px)
}
header .nav-second {
	top: calc(100vh - 80px)
}
header .nav-second ul {
	margin-left: -9px
}
header .nav-second ul li a {
	font-size: 16px;
	padding-left: 9px;
	padding-right: 9px
}
}
@media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape) {
header .nav-second {
	top: calc(100vh - 35px)
}
header .nav-second ul li a {
	font-size: 14px
}
}
@media (max-width:767px) {
.hero.center .back, .swiper-button-next, .swiper-button-prev, .wrap-projects .single-project .small-subtitle:before {
	display: none
}
header .icon-mail {
	right: 21px
}
.page-home #services {
	padding-bottom: 25px
}
.home-tagline {
	padding-left: 10px;
	padding-right: 10px
}
.home-tagline .title {
	padding: 0
}
.block-service-outer .line {
	height: 34px
}
.block-service {
	padding-bottom: 62%;
	margin-bottom: 22px
}
.block-service .small-title {
	font-size: 20px;
	 z-index:100;
}
.block-service .bg{ opacity:1;}
#what-matters {
	height: auto
}
.wrap-projects {
	margin-top: 0
}
.wrap-projects .single-project {
	padding-left: 20px!important;
	height: 175px!important;
	margin-bottom: 22px!important
}
.wrap-projects .single-project .small-subtitle, .wrap-projects .single-project .title {
	transform: translateX(0)
}
.wrap-projects .single-project .small-subtitle {
	font-size: 13px;
	margin-bottom: 10px;
	color: #2f2f2f;
	line-height:20px;
}
.wrap-projects .single-project .title {
	font-size: 28px;!important
	line-height:34px;
}
.wrap-projects .single-project.active .small-subtitle, .wrap-projects .single-project.active .title, .wrap-projects .single-project:hover .small-subtitle, .wrap-projects .single-project:hover .title {
	transform: none!important
}
.wrap-projects .single-project .bg {
	width: 100%!important
}
.wrap-projects .single-project .bg img {
	min-width: auto;
	height: 100%;
	width: auto
}
.icon {
	margin-bottom: 26px
}
.services-featured {
	margin-top: 38px;
	margin-bottom: 57px;
	padding-bottom: 40px
}
.services-featured .icon {
	height: 86px
}
.services-featured>div+div {
	padding-top: 70px
}
.services-more .icon {
	height: auto;
	margin-bottom: 18px
}
.services-more .icon .balign {
	top: auto;
	transform: none
}
.services-more>div+div {
	padding-top: 55px
}
.block-about img {
	max-width: 145px;
	margin-bottom: 32px
}
.block-about p.small {
	font-size: 21px;
	margin: 0 0 23px
}
.wrap-carousel {
	padding-bottom: 85px
}
.swiper-container {
	height: 250px
}
.swiper-pagination-bullets {
	bottom: -35px
}
.swiper-pagination-bullet {
	background: #969696
}
.page-article .hero, .page-study .hero {
	height: 435px!important
}
.page-article .hero .valign, .page-study .hero .valign {
	bottom: auto;
	top: 48.5%;
	transform: translateY(-50%)
}
.block-case-study {
	padding-bottom: 70px
}
.block-case-study+.block-gallery {
	margin-top: -28px
}
#intro .title {
	font-size: 28px
}
#tasks .services-more {
	margin-top: 45px
}
#tasks .small-title {
	padding: 0 25px
}
#tasks .title {
	font-size: 35px;
	padding: 0 15px
}
#more .wrap-projects {
	display: block
}
#more .wrap-projects .single-project {
	width: 100%;
	text-align: left
}
.content h1 {
	font-size: 24px
}
.content h2, .page-article .content blockquote, .page-article .content blockquote p {
	font-size: 21px
}
.content img {
	transform: scale(1);
	margin: 30% 0px 0px 0px;
	 width:40px; height:auto;
}
.content ol, .content ul {
	padding-left: 65px
}
.content ul li:before {
	left: -45px;
	width: 27px
}
.content p+h1, .content p+h2, .content p+h3, .content p+h4, .content p+h5 {
	margin-top: 30px
}
.page-article .block-article hr {
	margin-top: 55px
}
#blog {
	padding-top: 25px
}
.row-blog>div {
	width: 100%!important;
	margin-bottom: 0
}
.row-blog>div+div {
	margin-top: 40px
}
.row-blog .image {
	margin-bottom: 20px
}
.row-blog p.small {
	padding-bottom: 35px
}
.page-publications .nav-links, .page-publications .pager {
	margin-top: 30px
}
.page-publications .filter {
	margin-bottom: 25px;
	text-align: left
}
.page-publications .filter li {
	padding: 5px;
	width: 49%;
	border: 0
}
.page-publications .filter li a {
	display: inline-block;
	font-size: 19px
}
.share span {
	margin-right: 10px
}
.share a {
	font-size: 15px;
	padding: 0 7px
}
.share a.icon-twitter {
	font-size: 14px
}
.footer-article>div {
	padding-left: 0;
	padding-right: 0
}
.footer-article>div>.row>div:first-child {
	padding-left: 0
}
.footer-article>div>.row>div:last-child {
	padding-right: 0
}
.page-contact {
	overflow: visible
}
.wrap-contact {
	height: auto;
	padding-top: 100px
}
.wrap-contact>div:first-child {
	padding-left: 18px;
	padding-right: 18px
}
.wrap-contact .small-subtitle {
	font-size: 11.5px
}
.wrap-contact .contact-info {
	width: 100%
}
.wrap-contact .mail {
	font-size: 27px
}
.wrap-contact .mail:before {
	height: 2px;
	bottom: 2px
}
footer .copy, footer .social {
	position: relative;
	bottom: auto
}
.wrap-contact .mail:hover {
	transform: translateX(15px)
}
.wrap-contact .row-address {
	margin: 40px 0
}
#gmap {
	height: 270px
}
.social li a {
	width: 52px;
	height: 52px;
	font-size: 20px
}
.social li a i.icon-vimeo {
	font-size: 15px
}
.social li a i.icon-linkedin {
	font-size: 18px
}
footer {

}
footer .small-title {
	margin-bottom: 25px;
	line-height: 1.3em
}
footer .button {
	margin-bottom: 35px;
	padding-left: 51px;
	padding-right: 51px
}
footer .row>div:first-child {
	border-right: 0
}
footer .row>div:first-child .small-subtitle {
	font-size: 11.5px;
	margin-bottom: 25px
}
footer .nav-second {
	padding-bottom: 50px;
	margin-bottom: 53px;
	border-bottom: 2px solid #444
}
footer .city {
	margin-bottom: 36px
}
footer .city .small-subtitle {
	font-size: 21px;
	margin-bottom: 9px
}
footer .city p {
	font-size: 17.5px;
	line-height: 1.8em
}
footer .city+.city {
	padding: 0
}
footer .social {
	margin: 14px 0 36px
}
footer .copy {
	font-size: 12.5px;
	white-space: normal
}
#error .small-subtitle {
	font-size: 85px;
	letter-spacing: 0
}
#error .title.small {
	font-size: 25px
}
}
@media (max-width:480px) {
header .nav-main ul li a {
	padding: 10px 0
}
.big p, p.big {
	font-size: 13px; line-height:22px; height:154px; overflow:hidden; width:85%; margin:0px auto;
}
}