.filter-content-4 {
	margin: 6rem 0 9rem;
}
.filter {
	list-style: none;
	font-size: 1.142rem;
	font-weight: 600;
	color: #000;
	padding-left: 0;
	margin: 0
}
.filter li {
	margin: .6rem 2.6rem 0 0;
	display: inline-block
}
.filter li:last-child {
	margin-right: 0
}
.filter li a {
	color: inherit
}
.filter li a:hover, .filter .active a {
	color: #7681a0;
	text-decoration: none
}
.js-isotope {
	overflow: hidden;
}
.contact-info {
	overflow: hidden;
	margin-top: 5.5rem
}
.row-contact-info {
	margin: -5rem -4% 0
}
.success-message, .error-message {
	display: none;
	margin-top: 2rem
}
.col-contact-info {
	padding: 0 4%;
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px solid #cacaca
}
.col-contact-info:first-child {
	border-top: 0;
	padding-top: 0
}
.contact-info h3 {
	font-size: 1.92rem;
	line-height: 1.06;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin: 0 0 2rem
}
.contact-info .col-right {
	word-wrap: break-word;
	padding-left: 0;
	padding-right: 0
}
.contact-info-row {
	line-height: 1.5;
	margin-bottom: 2.14rem
}
.contact-info-row:last-child {
	margin-bottom: 0
}
.contact-info-row strong {
	font-size: 1.1428rem;
	text-transform: uppercase;
	color: #000
}
.display-1 {
	font-size: 4.28rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0
}
.display-2 {
	font-size: 5.14rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0;
	text-transform: uppercase
}
.text-display-1 {
	font-size: 1.714rem;
	line-height: 2;
	letter-spacing: 0
}
.text-display-1 p {
	margin-bottom: 3.5rem
}
.text-display-1 p:last-child {
	margin-bottom: 0
}
.title-hr {
	width: 7rem;
	max-width: 100%;
	height: .28rem;
	background: #7681a0
}
.title-info {
	font-size: 1.28rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-bottom: 1.4rem
}
.page-header, .page-header-2, .page-header-3 {
	border-bottom: 0;
	margin: 8rem 0 7rem;
	padding: 0
}
.page-header h1, .page-header-2 h1, .page-header-3 h1 {
	margin: 0
}
.page-header-3 .title-hr {
	margin-bottom: 2.7rem
}
.page-inner {
	margin-top: 10.28rem
}
.section-info {
	color: #999;
	line-height: 1.111;
	font-size: 1.28rem;
	text-transform: uppercase;
	font-weight: 600
}
.section-info {
	margin-bottom: 4rem
}
.section-info .title-hr {
	margin: 0 0 2rem
}
.info-title {
	width: 1px
}
.bg-dots {
	background: url(../images/bg/dots2.png) 0 0 repeat
}
.js-isotope {
	overflow: hidden
}
.filter-content-2 {
	margin-bottom: 5.9rem
}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
	margin-right: 4rem
}
.filter-content-3 {
	margin-bottom: 4.6rem
}
.filter-content-4 {
	margin: 6rem 0 9rem
}
.grid-items {
	margin: -30px -15px 0
}
.grid-items:after {
	content: '';
	clear: both;
	display: block
}
.grid-item {
	float: left;
	padding: 30px 15px 0
}
.project-hover-2 {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100.1%;
	height: 100%;
	padding: 2.71rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
.project-hover-2 .icon-plus {
	opacity: 0;
	position: absolute;
	color: #000;
	right: 2.71rem;
	font-size: 3rem;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-hover-2 .project-title {
	opacity: 0;
	position: absolute;
	bottom: 2.71rem;
	color: #000;
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	-o-transform: translateX(-2rem);
	transform: translateX(-2rem);
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-item:hover .project-hover-2 {
	background-color: rgba(206,224,2,.85)
}
.project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sly {
	position: relative;
	overflow: hidden
}
.slidee {
	list-style: none;
	padding-left: 0
}
.sly ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden
}
.sly ul li {
	float: left;
	width: 400px;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 0
}
.prev, .next {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.prev.disabled, .next.disabled {
	opacity: .5
}
.prev:hover, .next:hover {
	color: #7681a0
}
.prev {
	left: 2.5rem
}
.next {
	right: 2.5rem
}
.scrollbar {
	margin: 6.8rem 0 0;
	height: 1px;
	background: #dae5e6;
	line-height: 0
}
.scrollbar .handle {
	position: relative;
	top: -2px;
	width: 100px;
	height: 3px;
	background: #999;
	cursor: pointer
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px
}
.project-detail {
	position: relative;
	overflow: hidden
}
.project-detail-item {
	min-height: 420px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 6.78rem 11.2rem
}
.project-detail-info {
	background-color: #fff;
	padding: 3.3rem
}
.project-detail-control {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.project-detail-control:hover {
	color: #7681a0
}
.project-detail-control .show-info {
	display: none
}
.project-detail-control.active .show-info {
	display: block
}
.project-detail-control.active .hide-info {
	display: none
}
.project-detail-title {
	font-size: 2.57rem;
	letter-spacing: -.025em;
	line-height: 1.16666;
	margin: 3rem 0 2.4rem
}
.project-detail-list {
	list-style: none;
	padding-left: 0;
	margin-top: 3.6rem
}
.project-detail-list li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: .6rem;
	margin-top: .65rem;
	overflow: hidden
}
.project-detail-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
.project-detail-list li .left {
	float: left;
	font-weight: 600
}
.project-detail-list li .right {
	float: right
}
.project-detail-meta {
	margin-top: 4.5rem;
	overflow: hidden
}
.project-detail-meta .left {
	font-weight: 600
}
.card img {
	display: block;
	width: 100%
}
.card-block {
	background: #f2f2f2;
	padding: 2.5rem;
	line-height: 1.714;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}
.card-posted {
	margin-bottom: .8rem
}
.card-posted a {
	color: #000
}
.card-posted a:hover {
	color: #000
}
.card-title {
	letter-spacing: 0;
	margin: 0
}
.card-text {
	margin-top: 2rem
}
.card-read-more {
	display: inline-block;
	margin-top: 2rem;
	font-weight: 600;
	color: #000
}
.card-read-more:hover {
	color: #000
}
.card:hover .card-block {
	background: #7681a0
}
.card-row {
	position: relative;
	background: #f2f2f2;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	margin-bottom: 5rem
}
.card-row:last-child {
	margin-bottom: 0
}
.card-row-img {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	background-size: cover;
	background-position: center 0
}
.card-row-img img {
	width: 100%
}
.card-row:hover {
	background: #7681a0
}
.card-row .card-block {
	padding: 3.6rem;
	background: 0 0
}
.card-row .card-read-more {
	margin-top: 7vw
}
.secondary {
	margin-top: 6rem
}
.post-gallery {
	position: relative;
	overflow-y: hidden
}
.header-space {
	margin-top: 7rem
}
.post-thumbnail {
	background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
	background-size: cover;
	padding: 16.4rem 15px 19rem
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff
}
.page-content {
	margin-top: 4.2rem
}
.page-content-2 {
	margin-top: 6.6rem
}
.posted-on {
	font-size: 1.142rem;
	margin-bottom: 7rem
}
.posted-on a {
	color: #000
}
.posted-on a:hover {
	color: #7681a0;
	text-decoration: none
}
.entry-title {
	margin: 0 0 2.5rem;
	letter-spacing: -.05em;
	line-height: 1.125
}
.entry-description {
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.6;

	margin-top: 0
}
.entry-content {
	font-size: 1.2857rem;
	line-height: 1.666;
	font-weight: 300;
	letter-spacing: 0
}
.row-images {
	padding: 2.54rem 0
}
.row-images .col-image {
	margin-top: 30px
}
.row-images .col-image:first-child {
	margin-top: 0
}
.row-images .col-image img {
	width: 100%
}
.entry-footer {
	padding-top: 4rem
}
.tags-links span {
	color: #000
}
.tags-links, .tags-links a {
	color: #999
}
.tags-links a:hover {
	color: #c00;
	text-decoration: none
}
.post-share {
	margin-top: 1rem
}
.post-share span {
	color: #000
}
.post-share a {
	color: #ccc;
	font-size: 1.4rem;
	vertical-align: middle;
	margin-left: .8rem
}
.post-share a:hover {
	color: #7681a0
}
.related-posts {
	margin-top: 6rem;
	padding-top: 6rem;
	border-top: 1px solid #e1e1e1
}
.related-post-title {
	margin: 0;font-weight: 600;
    font-size: 1.285rem;
    line-height: 1.3333;
    letter-spacing: 0;
    color: #000;
}
.section-comments {
	margin-top: 6.8rem;
	padding: 7.3rem 15px;
	background-color: #f5f5f5
}
.comments-title {
	margin: 0;
	margin-bottom: 2.85rem
}
.comment-list {
	padding-left: 0;
	list-style: none
}
.comment .avatar {
	float: left;
	margin-right: 2.14rem
}
.comment-content {
	overflow: hidden;
	padding: 1.2rem 0 3rem 1.5rem;
	border-top: 1px solid #d8d8d8
}
.comment-content p {
	margin-bottom: 0
}
.comment-metadata {
	margin-bottom: .6rem
}
.comment-metadata .fn a {
	color: #333
}
.comment-metadata .fn a:hover {
	color: #7681a0;
	text-decoration: none
}
.comment-time {
	color: #999;
	font-size: 11px;
	text-transform: uppercase
}
.comment-time:hover {
	color: #000;
	text-decoration: none
}
.reply {
	margin-top: .7rem
}
.reply a {
	color: #999;
	font-style: italic
}
.reply a:hover {
	color: #09c;
	text-decoration: none
}
.comment-reply-title small {
	float: right;
	margin-top: .5rem
}
.widget {
	margin-bottom: 4.5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #e1e1e1
}
.widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}
.widget-title {
	font-size: 1.2758rem;
	letter-spacing: 0;
	margin: 0 0 3rem
}
.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_nav_menu li {
	margin-top: .5em
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_nav_menu li a {
	color: #666
}
.widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover {
	color: #7681a0;
	text-decoration: none
}
.widget_categories li {
	text-align: right
}
.widget_categories li a {
	float: left
}
.search-form {
	position: relative
}
.search-form .search-field {
	background: #f6f6f6;
	border-color: transparent
}
.search-form .search-field:focus {
	background: 0 0
}
.search-submit {
	position: absolute;
	background: 0 0;
	border: 0;
	right: .8rem;
	top: 1.1rem
}
.search-submit:focus {
	outline: none
}
.widget ul {
	list-style: none;
	padding-left: 0;
	margin: 0
}
.widget_twitter li {
	margin-bottom: 2.2rem
}
.widget_twitter li:last-child {
	margin-bottom: 0
}
.widget_twitter li a {
	color: #09c
}
.tweet-time {
	display: block;
	margin-top: .4rem;
	font-size: .857rem;
	display: block;
	color: #999;
	text-transform: uppercase
}
.widget-all-items {
	display: inline-block;
	margin-top: 1.4rem;
	color: #999;
	font-size: .928rem;
	text-transform: uppercase;
	font-weight: 600
}
.widget-all-items:hover {
	text-decoration: none
}
.widget_recent_posts li {
	overflow: hidden;
	margin-bottom: 2.214rem
}
.widget_recent_posts li:last-child {
	margin-bottom: 0
}
.recent-post-thumbnail {
	float: left;
	margin-right: 1.5rem
}
.recent-post-content {
	overflow-y: hidden;
	line-height: 1.29
}
.contact-info {
	overflow: hidden;
	margin-top: 5.5rem
}
.row-contact-info {
	margin: -5rem -4% 0
}
.success-message, .error-message {
	display: none;
	margin-top: 2rem
}
.col-contact-info {
	padding: 0 4%;
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px solid #cacaca
}
.col-contact-info:first-child {
	border-top: 0;
	padding-top: 0
}
.contact-info h3 {
	font-size: 1.92rem;
	line-height: 1.06;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin: 0 0 2rem
}
.contact-info .col-right {
	word-wrap: break-word;
	padding-left: 0;
	padding-right: 0
}
.contact-info-row {
	line-height: 1.5;
	margin-bottom: 2.14rem
}
.contact-info-row:last-child {
	margin-bottom: 0
}
.contact-info-row strong {
	font-size: 1.1428rem;
	text-transform: uppercase;
	color: #000
}
.display-1 {
	font-size: 4.28rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0
}
.display-2 {
	font-size: 5.14rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0;
	text-transform: uppercase
}
.text-display-1 {
	font-size: 1.714rem;
	line-height: 2;
	letter-spacing: 0
}
.text-display-1 p {
	margin-bottom: 3.5rem
}
.text-display-1 p:last-child {
	margin-bottom: 0
}
.title-hr {
	width: 7rem;
	max-width: 100%;
	height: .28rem;
	background: #7681a0
}
.title-info {
	font-size: 1.28rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-bottom: 1.4rem
}
.page-header, .page-header-2, .page-header-3 {
	border-bottom: 0;
	margin: 8rem 0 7rem;
	padding: 0
}
.page-header h1, .page-header-2 h1, .page-header-3 h1 {
	margin: 0
}
.page-header-3 .title-hr {
	margin-bottom: 2.7rem
}
.page-inner {
	margin-top: 10.28rem
}
.section-info {
	color: #999;
	line-height: 1.111;
	font-size: 1.28rem;
	text-transform: uppercase;
	font-weight: 600
}
.section-info {
	margin-bottom: 4rem
}
.section-info .title-hr {
	margin: 0 0 2rem
}
.info-title {
	width: 1px
}
.bg-dots {
	background: url(../images/bg/dots2.png) 0 0 repeat
}
.js-isotope {
	overflow: hidden
}
.filter-content-2 {
	margin-bottom: 5.9rem
}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
	margin-right: 4rem
}
.filter-content-3 {
	margin-bottom: 4.6rem
}
.filter-content-4 {
	margin: 3rem 0 4.5rem
}
.grid-items {
	margin: -30px -15px 0
}
.grid-items:after {
	content: '';
	clear: both;
	display: block
}
.grid-item {
	float: left;
	padding: 30px 15px 0
}
.project-hover-2 {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100.1%;
	height: 100%;
	padding: 2.71rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
.project-hover-2 .icon-plus {
	opacity: 0;
	position: absolute;
	color: #000;
	right: 2.71rem;
	font-size: 3rem;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-hover-2 .project-title {
	opacity: 0;
	position: absolute;
	bottom: 2.71rem;
	color: #000;
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	-o-transform: translateX(-2rem);
	transform: translateX(-2rem);
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-item:hover .project-hover-2 {
	background-color: rgba(206,224,2,.85)
}
.project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sly {
	position: relative;
	overflow: hidden
}
.slidee {
	list-style: none;
	padding-left: 0
}
.sly ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden
}
.sly ul li {
	float: left;
	width: 400px;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 0
}
.prev, .next {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.prev.disabled, .next.disabled {
	opacity: .5
}
.prev:hover, .next:hover {
	color: #7681a0
}
.prev {
	left: 2.5rem
}
.next {
	right: 2.5rem
}
.scrollbar {
	margin: 6.8rem 0 0;
	height: 1px;
	background: #dae5e6;
	line-height: 0
}
.scrollbar .handle {
	position: relative;
	top: -2px;
	width: 100px;
	height: 3px;
	background: #999;
	cursor: pointer
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px
}
.project-detail {
	position: relative;
	overflow: hidden
}
.project-detail-item {
	min-height: 420px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 6.78rem 11.2rem
}
.project-detail-info {
	background-color: #fff;
	padding: 3.3rem
}
.project-detail-control {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.project-detail-control:hover {
	color: #7681a0
}
.project-detail-control .show-info {
	display: none
}
.project-detail-control.active .show-info {
	display: block
}
.project-detail-control.active .hide-info {
	display: none
}
.project-detail-title {
	font-size: 2.57rem;
	letter-spacing: -.025em;
	line-height: 1.16666;
	margin: 3rem 0 2.4rem
}
.project-detail-list {
	list-style: none;
	padding-left: 0;
	margin-top: 3.6rem
}
.project-detail-list li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: .6rem;
	margin-top: .65rem;
	overflow: hidden
}
.project-detail-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
.project-detail-list li .left {
	float: left;
	font-weight: 600
}
.project-detail-list li .right {
	float: right
}
.project-detail-meta {
	margin-top: 4.5rem;
	overflow: hidden
}
.project-detail-meta .left {
	font-weight: 600
}
.card img {
	display: block;
	width: 100%
}
.card-block {
	background: #f2f2f2;
	padding: 2.5rem;
	line-height: 1.714;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}
.card-posted {
	margin-bottom: .8rem
}
.card-posted a {
	color: #000
}
.card-posted a:hover {
	color: #000
}
.card-title {
	letter-spacing: 0;
	margin: 0
}
.card-text {
	margin-top: 2rem
}
.card-read-more {
	display: inline-block;
	margin-top: 2rem;
	font-weight: 600;
	color: #000
}
.card-read-more:hover {
	color: #000
}
.card:hover .card-block {
	background: #7681a0
}
.card-row {
	position: relative;
	background: #f2f2f2;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	margin-bottom: 5rem
}
.card-row:last-child {
	margin-bottom: 0
}
.card-row-img {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	background-size: cover;
	background-position: center 0
}
.card-row-img img {
	width: 100%
}
.card-row:hover {
	background: #7681a0
}
.card-row .card-block {
	padding: 3.6rem;
	background: 0 0
}
.card-row .card-read-more {
	margin-top: 7vw
}
.secondary {
	margin-top: 6rem
}
.post-gallery {
	position: relative;
	overflow-y: hidden
}
.header-space {
	margin-top: 7rem
}
.post-thumbnail {
	background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
	background-size: cover;
	padding: 16.4rem 15px 19rem
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff
}
.page-content {
	margin-top: 4.2rem
}
.page-content-2 {
	margin-top: 6.6rem
}
.posted-on {
	font-size: 1.142rem;
	margin-bottom: 7rem
}
.posted-on a {
	color: #000
}
.posted-on a:hover {
	color: #7681a0;
	text-decoration: none
}
.entry-title {
	margin: 0 0 2.5rem;
	letter-spacing: -.05em;
	line-height: 1.125
}
.entry-description {
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.6;

	margin-top: 0
}
.entry-content {
	font-size: 1.2857rem;
	line-height: 1.666;
	font-weight: 300;
	letter-spacing: 0
}
.row-images {
	padding: 2.54rem 0
}
.row-images .col-image {
	margin-top: 30px
}
.row-images .col-image:first-child {
	margin-top: 0
}
.row-images .col-image img {
	width: 100%
}
.entry-footer {
	padding-top: 4rem
}
.tags-links span {
	color: #000
}
.tags-links, .tags-links a {
	color: #999
}
.tags-links a:hover {
	color: #c00;
	text-decoration: none
}
.post-share {
	margin-top: 1rem
}
.post-share span {
	color: #000
}
.post-share a {
	color: #ccc;
	font-size: 1.4rem;
	vertical-align: middle;
	margin-left: .8rem
}
.post-share a:hover {
	color: #7681a0
}
.related-posts {
	margin-top: 6rem;
	padding-top: 6rem;
	border-top: 1px solid #e1e1e1
}
.related-post-title {
	margin: 0
}
.section-comments {
	margin-top: 6.8rem;
	padding: 7.3rem 15px;
	background-color: #f5f5f5
}
.comments-title {
	margin: 0;
	margin-bottom: 2.85rem
}
.comment-list {
	padding-left: 0;
	list-style: none
}
.comment .avatar {
	float: left;
	margin-right: 2.14rem
}
.comment-content {
	overflow: hidden;
	padding: 1.2rem 0 3rem 1.5rem;
	border-top: 1px solid #d8d8d8
}
.comment-content p {
	margin-bottom: 0
}
.comment-metadata {
	margin-bottom: .6rem
}
.comment-metadata .fn a {
	color: #333
}
.comment-metadata .fn a:hover {
	color: #7681a0;
	text-decoration: none
}
.comment-time {
	color: #999;
	font-size: 11px;
	text-transform: uppercase
}
.comment-time:hover {
	color: #000;
	text-decoration: none
}
.reply {
	margin-top: .7rem
}
.reply a {
	color: #999;
	font-style: italic
}
.reply a:hover {
	color: #09c;
	text-decoration: none
}
.comment-reply-title small {
	float: right;
	margin-top: .5rem
}
.widget {
	margin-bottom: 4.5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #e1e1e1
}
.widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}
.widget-title {
	font-size: 1.2758rem;
	letter-spacing: 0;
	margin: 0 0 3rem
}
.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_nav_menu li {
	margin-top: .5em
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_nav_menu li a {
	color: #666
}
.widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover {
	color: #7681a0;
	text-decoration: none
}
.widget_categories li {
	text-align: right
}
.widget_categories li a {
	float: left
}
.search-form {
	position: relative
}
.search-form .search-field {
	background: #f6f6f6;
	border-color: transparent
}
.search-form .search-field:focus {
	background: 0 0
}
.search-submit {
	position: absolute;
	background: 0 0;
	border: 0;
	right: .8rem;
	top: 1.1rem
}
.search-submit:focus {
	outline: none
}
.widget ul {
	list-style: none;
	padding-left: 0;
	margin: 0
}
.widget_twitter li {
	margin-bottom: 2.2rem
}
.widget_twitter li:last-child {
	margin-bottom: 0
}
.widget_twitter li a {
	color: #09c
}
.tweet-time {
	display: block;
	margin-top: .4rem;
	font-size: .857rem;
	display: block;
	color: #999;
	text-transform: uppercase
}
.widget-all-items {
	display: inline-block;
	margin-top: 1.4rem;
	color: #999;
	font-size: .928rem;
	text-transform: uppercase;
	font-weight: 600
}
.widget-all-items:hover {
	text-decoration: none
}
.widget_recent_posts li {
	overflow: hidden;
	margin-bottom: 2.214rem
}
.widget_recent_posts li:last-child {
	margin-bottom: 0
}
.recent-post-thumbnail {
	float: left;
	margin-right: 1.5rem
}
.recent-post-content {
	overflow-y: hidden;
	line-height: 1.29
}
.post-title {
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0;
	color: #000
}
.post-title:hover {
	color: #7681a0;
	text-decoration: none
}
.post-time {
	display: block;
	margin-top: .6rem;
	font-size: .857rem;
	color: #999
}
.about-info {
	padding-top: 0
}
.content-entry-image {
	padding-top: 38%;
	min-height: 28rem;
	background: url(../images/1-1920x1080.jpg) 50%;
	background-size: cover
}
.row-services {
	margin: -4rem -2.5rem 0
}
.col-service {
	color: #333;
	margin-top: 4rem;
	padding: 0 2.5rem
}
.col-service h4 {
	margin-top: 3.3rem
}
.col-service p {
	margin-bottom: 0
}
.row-partners {
	margin: -5rem -5rem 0
}
.col-partner {
	padding: 0 5rem;
	margin-top: 5rem;
	display: inline-block
}
.col-partner img {
	max-width: 100%
}
.row-team {
	margin-top: -30px
}
.col-team {
	margin-top: 30px
}
.team-profile {
	position: relative
}
.team-profile img {
	width: 100%;
	display: block
}
.team-hover {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(206,224,2,.85);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.team-content {
	position: absolute;
	left: 1.857rem;
	bottom: .8rem
}
.team-name {
	margin-bottom: .3rem
}
.team-name h6 {
	margin: 0
}
.team-social a {
	float: left;
	color: #000;
	font-size: 1.25rem;
	margin-right: 1.5rem
}
.team-social a:hover {
	color: #fff;
	text-decoration: none
}
.team-profile:hover .team-hover {
	opacity: 1
}
.add-new-team {
	position: relative;
	border: 1px solid #bfbfbf;
	padding-top: 100%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.add-new-text {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	text-align: center;
	font-size: 1.285rem;
	line-height: 1.1111;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.add-new-text .inner {
	display: inline-block;
	text-align: left
}
.add-new-team input[type=file] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.add-new-team:hover {
	background: #7681a0;
	border-color: transparent
}
.map {
	width: 100%;
	height: 26rem;
	border: 0;
	text-align: center
}
.map-info {
	color: #000;
	text-align: left;
	padding: 1rem 0
}
.map-address-row {
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.4
}
.map-address-row .fa {
	margin-right: .5rem
}
.gmap-open {
	margin: 2rem 0 0
}
.row-contact {
	margin: -6rem -3.5rem 0
}
.col-contact {
	margin-top: 6rem;
	padding: 0 3.5rem
}
.contact-title {
	letter-spacing: 0;
	margin: 0
}
.contact-top {
	margin-bottom: 1.3rem
}
.contact-title span {
	color: #ccc;
	font-weight: 400
}
.contact-address {
	font-size: 1.142rem;
	line-height: 1.875;
	letter-spacing: -.025rem;
	margin-bottom: 2rem
}
.contact-row {
	margin-bottom: .6rem
}
.phone-lg {
	font-size: 2.142rem;
	line-height: 1.3;
	margin-bottom: 3.6rem
}
.contact-social {
	margin-top: 1rem
}
.contact-social a {
	color: #999;
	font-size: 1.3rem
}
.section-message {
	padding-top: 8rem
}
.footer {
	color: #000;
	line-height: 1.71
}
.footer ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.footer ul li a {
	color: #000
}
.footer ul .active a, .footer ul li a:hover {
	color: #7681a0;
	text-decoration: none
}
.footer-flex {
	margin-top: -4rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.footer-flex .flex-item {
	margin-top: 4rem;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

@media(min-width:768px) {
html {
	font-size: 13px
}
.pull-sm-left {
	float: left
}
.pull-sm-right {
	float: right
}
.menu {
	width: 50%
}
.boxed {
	padding-left: 3rem;
	padding-right: 3rem
}
.boxed-inner {
	padding-left: 0
}
.right-boxed {
	right: 3rem
}
.left-boxed {
	left: 3rem
}
.section-about {
	padding-top: 12rem
}
.section-projects .filter {
	margin-right: 14rem
}
.section-projects .view-projects {
	position: absolute;
	top: 0;
	right: 0
}
.sly ul li {
	width: 555px
}
.project-box {
	padding-bottom: 75%
}
.row-contact-info {
	margin-top: -2rem
}
.col-contact-info {
	padding-top: 4rem;
	margin-top: 2rem
}
.footer-flex .flex-item {
	-webkit-flex: 0 0 33.3333%;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%
}
}
#page {
	padding: 0;
}
.container {
	max-width: 1020px;
}
@media (min-width: 1200px) .container {
 width: 1020px;
}
}
@media only screen and (max-width: 640px) #siteWrapper {
 overflow:hidden;
}
}
.post-thumbnail {
	padding-left: 0;
	padding-right: 0;
}
.post-thumbnail {
	background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
	background-size: cover;
	padding: 16.4rem 15px 19rem;
}
.masked {
	position: relative;
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff;
}
.title-info {
	font-size: 1.28rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-bottom: 1.4rem;
}
.display-1 {
	font-size: 4.28rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0;
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff;
}
blockquote {
	font-family: playfair display, "SF Pro SC", "SF Pro Display", "Helvetica Neue", "Helvetica", "Segoe UI", "Microsoft YaHei", "微软雅黑", "PingFang SC", "Arial", sans-serif;
	font-size: 1.714rem;
	letter-spacing: .025em;
	line-height: 1.5;
	padding: 0;
	width: 80%;
	padding-left: 6.8rem;
	border-left: .3rem solid #7681a0;
	margin-top: 5rem;
	color: #000
}
cite {
	display: block;
	color: #000;
	font-weight: 600;
	letter-spacing: 0;
	font-style: normal
}
.blockquote-cite {
	font-size: 1rem;
	color: #999;
	letter-spacing: .05em;
	padding-left: 7.1rem;
	margin-bottom: 5rem
}
.blockquote-cite cite {
	font-size: 1.14rem
}
a {
	color: #7681a0;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
	transition: color .3s ease-out
}
a:hover, a:focus {
	color: #7681a0;
	outline: none
}
.contact-info {
	overflow: hidden;
	margin-top: 5.5rem
}
.row-contact-info {
	margin: -5rem -4% 0
}
.success-message, .error-message {
	display: none;
	margin-top: 2rem
}
.col-contact-info {
	padding: 0 4%;
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px solid #cacaca
}
.col-contact-info:first-child {
	border-top: 0;
	padding-top: 0
}
.contact-info h3 {
	font-size: 1.92rem;
	line-height: 1.06;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin: 0 0 2rem
}
.contact-info .col-right {
	word-wrap: break-word;
	padding-left: 0;
	padding-right: 0
}
.contact-info-row {
	line-height: 1.5;
	margin-bottom: 2.14rem
}
.contact-info-row:last-child {
	margin-bottom: 0
}
.contact-info-row strong {
	font-size: 1.1428rem;
	text-transform: uppercase;
	color: #000
}
.display-1 {
	font-size: 4.28rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0
}
.display-2 {
	font-size: 5.14rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0;
	text-transform: uppercase
}
.text-display-1 {
	font-size: 1.714rem;
	line-height: 2;
	letter-spacing: 0
}
.text-display-1 p {
	margin-bottom: 3.5rem
}
.text-display-1 p:last-child {
	margin-bottom: 0
}
.title-hr {
	width: 7rem;
	max-width: 100%;
	height: .28rem;
	background: #7681a0
}
.title-info {
	font-size: 1.28rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-bottom: 1.4rem
}
.page-header, .page-header-2, .page-header-3 {
	border-bottom: 0;
	margin: 8rem 0 7rem;
	padding: 0
}
.page-header h1, .page-header-2 h1, .page-header-3 h1 {
	margin: 0
}
.page-header-3 .title-hr {
	margin-bottom: 2.7rem
}
.page-inner {
	margin-top: 10.28rem
}
.section-info {
	color: #999;
	line-height: 1.111;
	font-size: 1.28rem;
	text-transform: uppercase;
	font-weight: 600
}
.section-info {
	margin-bottom: 4rem
}
.section-info .title-hr {
	margin: 0 0 2rem
}
.info-title {
	width: 1px
}
.bg-dots {
	background: url(../images/bg/dots2.png) 0 0 repeat
}
.js-isotope {
	overflow: hidden
}
.filter-content-2 {
	margin-bottom: 5.9rem
}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
	margin-right: 4rem
}
.filter-content-3 {
	margin-bottom: 4.6rem
}
.filter-content-4 {
	margin: 6rem 0 9rem
}
.grid-items {
	margin: -30px -15px 0
}
.grid-items:after {
	content: '';
	clear: both;
	display: block
}
.grid-item {
	float: left;
	padding: 30px 15px 0
}
.project-hover-2 {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100.1%;
	height: 100%;
	padding: 2.71rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
.project-hover-2 .icon-plus {
	opacity: 0;
	position: absolute;
	color: #000;
	right: 2.71rem;
	font-size: 3rem;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-hover-2 .project-title {
	opacity: 0;
	position: absolute;
	bottom: 2.71rem;
	color: #000;
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	-o-transform: translateX(-2rem);
	transform: translateX(-2rem);
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-item:hover .project-hover-2 {
	background-color: rgba(206,224,2,.85)
}
.project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sly {
	position: relative;
	overflow: hidden
}
.slidee {
	list-style: none;
	padding-left: 0
}
.sly ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden
}
.sly ul li {
	float: left;
	width: 400px;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 0
}
.prev, .next {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.prev.disabled, .next.disabled {
	opacity: .5
}
.prev:hover, .next:hover {
	color: #7681a0
}
.prev {
	left: 2.5rem
}
.next {
	right: 2.5rem
}
.scrollbar {
	margin: 6.8rem 0 0;
	height: 1px;
	background: #dae5e6;
	line-height: 0
}
.scrollbar .handle {
	position: relative;
	top: -2px;
	width: 100px;
	height: 3px;
	background: #999;
	cursor: pointer
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px
}
.project-detail {
	position: relative;
	overflow: hidden
}
.project-detail-item {
	min-height: 420px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 6.78rem 11.2rem
}
.project-detail-info {
	background-color: #fff;
	padding: 3.3rem
}
.project-detail-control {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.project-detail-control:hover {
	color: #7681a0
}
.project-detail-control .show-info {
	display: none
}
.project-detail-control.active .show-info {
	display: block
}
.project-detail-control.active .hide-info {
	display: none
}
.project-detail-title {
	font-size: 2.57rem;
	letter-spacing: -.025em;
	line-height: 1.16666;
	margin: 3rem 0 2.4rem
}
.project-detail-list {
	list-style: none;
	padding-left: 0;
	margin-top: 3.6rem
}
.project-detail-list li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: .6rem;
	margin-top: .65rem;
	overflow: hidden
}
.project-detail-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
.project-detail-list li .left {
	float: left;
	font-weight: 600
}
.project-detail-list li .right {
	float: right
}
.project-detail-meta {
	margin-top: 4.5rem;
	overflow: hidden
}
.project-detail-meta .left {
	font-weight: 600
}
.card img {
	display: block;
	width: 100%
}
.card-block {
	background: #f2f2f2;
	padding: 2.5rem;
	line-height: 1.714;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}
.card-posted {
	margin-bottom: .8rem
}
.card-posted a {
	color: #000
}
.card-posted a:hover {
	color: #000
}
.card-title {
	letter-spacing: 0;
	margin: 0
}
.card-text {
	margin-top: 2rem
}
.card-read-more {
	display: inline-block;
	margin-top: 2rem;
	font-weight: 600;
	color: #000
}
.card-read-more:hover {
	color: #000
}
.card:hover .card-block {
	background: #7681a0
}
.card-row {
	position: relative;
	background: #f2f2f2;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	margin-bottom: 5rem
}
.card-row:last-child {
	margin-bottom: 0
}
.card-row-img {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	background-size: cover;
	background-position: center 0
}
.card-row-img img {
	width: 100%
}
.card-row:hover {
	background: #7681a0
}
.card-row .card-block {
	padding: 3.6rem;
	background: 0 0
}
.card-row .card-read-more {
	margin-top: 7vw
}
.secondary {
	margin-top: 6rem
}
.post-gallery {
	position: relative;
	overflow-y: hidden
}
.header-space {
	margin-top: 7rem
}
.post-thumbnail {
	background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
	background-size: cover;
	padding: 16.4rem 15px 19rem
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff
}
.page-content {
	margin-top: 4.2rem
}
.page-content-2 {
	margin-top: 6.6rem
}
.posted-on {
	font-size: 1.142rem;
	margin-bottom: 7rem
}
.posted-on a {
	color: #000
}
.posted-on a:hover {
	color: #7681a0;
	text-decoration: none
}
.entry-title {
	margin: 0 0 2.5rem;
	letter-spacing: -.05em;
	line-height: 1.125
}
.entry-description {
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.6;

	margin-top: 0
}
.entry-content {
	font-size: 1.2857rem;
	line-height: 1.666;
	font-weight: 300;
	letter-spacing: 0
}
.row-images {
	padding: 2.54rem 0
}
.row-images .col-image {
	margin-top: 30px
}
.row-images .col-image:first-child {
	margin-top: 0
}
.row-images .col-image img {
	width: 100%
}
.entry-footer {
	padding-top: 4rem
}
.tags-links span {
	color: #000
}
.tags-links, .tags-links a {
	color: #999
}
.tags-links a:hover {
	color: #c00;
	text-decoration: none
}
.post-share {
	margin-top: 1rem
}
.post-share span {
	color: #000
}
.post-share a {
	color: #ccc;
	font-size: 1.4rem;
	vertical-align: middle;
	margin-left: .8rem
}
.post-share a:hover {
	color: #7681a0
}
.related-posts {
	margin-top: 6rem;
	padding-top: 6rem;
	border-top: 1px solid #e1e1e1
}
.related-post-title {
	margin: 0
}
.section-comments {
	margin-top: 6.8rem;
	padding: 7.3rem 15px;
	background-color: #f5f5f5
}
.comments-title {
	margin: 0;
	margin-bottom: 2.85rem
}
.comment-list {
	padding-left: 0;
	list-style: none
}
.comment .avatar {
	float: left;
	margin-right: 2.14rem
}
.comment-content {
	overflow: hidden;
	padding: 1.2rem 0 3rem 1.5rem;
	border-top: 1px solid #d8d8d8
}
.comment-content p {
	margin-bottom: 0
}
.comment-metadata {
	margin-bottom: .6rem
}
.comment-metadata .fn a {
	color: #333
}
.comment-metadata .fn a:hover {
	color: #7681a0;
	text-decoration: none
}
.comment-time {
	color: #999;
	font-size: 11px;
	text-transform: uppercase
}
.comment-time:hover {
	color: #000;
	text-decoration: none
}
.reply {
	margin-top: .7rem
}
.reply a {
	color: #999;
	font-style: italic
}
.reply a:hover {
	color: #09c;
	text-decoration: none
}
.comment-reply-title small {
	float: right;
	margin-top: .5rem
}
.widget {
	margin-bottom: 4.5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #e1e1e1
}
.widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}
.widget-title {
	font-size: 1.2758rem;
	letter-spacing: 0;
	margin: 0 0 3rem
}
.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_nav_menu li {
	margin-top: .5em
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_nav_menu li a {
	color: #666
}
.widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover {
	color: #7681a0;
	text-decoration: none
}
.widget_categories li {
	text-align: right
}
.widget_categories li a {
	float: left
}
.search-form {
	position: relative
}
.search-form .search-field {
	background: #f6f6f6;
	border-color: transparent
}
.search-form .search-field:focus {
	background: 0 0
}
.search-submit {
	position: absolute;
	background: 0 0;
	border: 0;
	right: .8rem;
	top: 1.1rem
}
.search-submit:focus {
	outline: none
}
.widget ul {
	list-style: none;
	padding-left: 0;
	margin: 0
}
.widget_twitter li {
	margin-bottom: 2.2rem
}
.widget_twitter li:last-child {
	margin-bottom: 0
}
.widget_twitter li a {
	color: #09c
}
.tweet-time {
	display: block;
	margin-top: .4rem;
	font-size: .857rem;
	display: block;
	color: #999;
	text-transform: uppercase
}
.widget-all-items {
	display: inline-block;
	margin-top: 1.4rem;
	color: #999;
	font-size: .928rem;
	text-transform: uppercase;
	font-weight: 600
}
.widget-all-items:hover {
	text-decoration: none
}
.widget_recent_posts li {
	overflow: hidden;
	margin-bottom: 2.214rem
}
.widget_recent_posts li:last-child {
	margin-bottom: 0
}
.recent-post-thumbnail {
	float: left;
	margin-right: 1.5rem
}
.recent-post-content {
	overflow-y: hidden;
	line-height: 1.29
}
.post-title {
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0;
	color: #000
}
.post-title:hover {
	color: #7681a0;
	text-decoration: none
}
.post-time {
	display: block;
	margin-top: .6rem;
	font-size: .857rem;
	color: #999
}
.about-info {
	padding-top: 0
}
.content-entry-image {
	padding-top: 38%;
	min-height: 28rem;
	background: url(../images/1-1920x1080.jpg) 50%;
	background-size: cover
}
.row-services {
	margin: -4rem -2.5rem 0
}
.col-service {
	color: #333;
	margin-top: 4rem;
	padding: 0 2.5rem
}
.col-service h4 {
	margin-top: 3.3rem
}
.col-service p {
	margin-bottom: 0
}
.row-partners {
	margin: -5rem -5rem 0
}
.col-partner {
	padding: 0 5rem;
	margin-top: 5rem;
	display: inline-block
}
.col-partner img {
	max-width: 100%
}
.row-team {
	margin-top: -30px
}
.col-team {
	margin-top: 30px
}
.team-profile {
	position: relative
}
.team-profile img {
	width: 100%;
	display: block
}
.team-hover {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(206,224,2,.85);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.team-content {
	position: absolute;
	left: 1.857rem;
	bottom: .8rem
}
.team-name {
	margin-bottom: .3rem
}
.team-name h6 {
	margin: 0
}
.team-social a {
	float: left;
	color: #000;
	font-size: 1.25rem;
	margin-right: 1.5rem
}
.team-social a:hover {
	color: #fff;
	text-decoration: none
}
.team-profile:hover .team-hover {
	opacity: 1
}
.add-new-team {
	position: relative;
	border: 1px solid #bfbfbf;
	padding-top: 100%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.add-new-text {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	text-align: center;
	font-size: 1.285rem;
	line-height: 1.1111;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.add-new-text .inner {
	display: inline-block;
	text-align: left
}
.add-new-team input[type=file] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.add-new-team:hover {
	background: #7681a0;
	border-color: transparent
}
.map {
	width: 100%;
	height: 26rem;
	border: 0;
	text-align: center
}
.map-info {
	color: #000;
	text-align: left;
	padding: 1rem 0
}
.map-address-row {
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.4
}
.map-address-row .fa {
	margin-right: .5rem
}
.section-clients .section-title {
	margin-right: 7rem
}
.client-carousel {
	margin-top: 4.8rem
}
.client-carousel .client-carousel-item img {
	display: inline-block;
	width: auto
}
.client-box {
	position: relative;
	color: #999;
	background-color: #fff;
	padding: 6rem 3.28rem 3.28rem
}
.image-quote {
	position: absolute;
	top: 3.28rem;
	right: 3.28rem
}
.client-img {
	position: relative;
	z-index: 1;
	margin: 0 0 -3rem 2.6rem;
	border-radius: 50%
}
.client-title {
	letter-spacing: 0
}
.client-name {
	font-size: 1.28rem;
	line-height: 1;
	color: #000
}
.client-description {
	margin: 1.5rem 0 0;
	line-height: 1.71em
}
.client-carousel .owl-nav {
	right: 0;
	top: -7.8rem;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.client-carousel .owl-prev {
	margin-right: 2rem
}
.partner-carousel {
	margin-top: 10.28rem
}
.partner-carousel .partner-carousel-item img {
	width: auto;
	margin: 0 auto;
	opacity: .6;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.partner-carousel .partner-carousel-item:hover img {
	opacity: 1
}
.section-news {
	border-bottom: 1px solid #e1e1e1
}
.news-carousel {
	margin-top: 4.7rem
}
.news-item {
	position: relative
}
.news-item img {
	width: 100%
}
.news-hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 2.7rem;
	color: #999;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hover-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.hover-border div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.hover-border div::before {
	position: absolute;
	content: "";
	background: #7681a0;
	height: 2px;
	width: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}
.hover-border::after {
	position: absolute;
	content: "";
	background: #7681a0;
	width: 2px;
	height: 100%;
	right: 0;
	bottom: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: .2s .2s;
	-o-transition: .2s .2s;
	transition: .2s .2s
}
.hover-border div::after {
	position: absolute;
	content: "";
	background: #7681a0;
	width: 100%;
	height: 2px;
	right: 0;
	bottom: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: .2s .4s;
	-o-transition: .2s .4s;
	transition: .2s .4s
}
.hover-border::before {
	position: absolute;
	content: "";
	background: #7681a0;
	width: 2px;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: .2s .8s;
	-o-transition: .2s .8s;
	transition: .2s .8s
}
.news-hover .content {
	opacity: 0;
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.news-hover .time {
	margin-bottom: .6rem
}
.news-title {
	font-size: 1.95rem;
	line-height: 1.25;
	letter-spacing: 0;
	margin: 0;
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	-o-transform: translateX(-2rem);
	transform: translateX(-2rem);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
.news-description {
	opacity: 0;
	margin-bottom: 0;
	line-height: 1.71;
	margin-top: 10%;
	-webkit-transform: translateY(-2rem);
	-ms-transform: translateY(-2rem);
	-o-transform: translateY(-2rem);
	transform: translateY(-2rem);
	-webkit-transition: .5s .3s ease;
	-o-transition: .5s .3s ease;
	transition: .5s .3s ease
}
.news-hover .read-more {
	position: absolute;
	opacity: 0;
	bottom: 2.7rem
}
.read-more {
	font-weight: 600
}
.news-item:hover .news-hover {
	background-color: #fff
}
.news-item:hover .hover-border::before, .news-item:hover .hover-border::after, .news-item:hover .hover-border div::before, .news-item:hover .hover-border div::after {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.news-item:hover .news-hover .content {
	opacity: 1
}
.news-item:hover .news-hover .news-title, .news-item:hover .news-hover .news-description {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.news-item:hover .news-hover .read-more {
	opacity: 1
}
.navbar-2 {
	background: 0 0;
	padding-top: 3rem;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.navbar-2 .navbar-bg {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transition: all .3s cubic-bezier(.37, .31, .2, .85);
	-o-transition: all .3s cubic-bezier(.37, .31, .2, .85);
	transition: all .3s cubic-bezier(.37, .31, .2, .85)
}
.navbar-2 .brand {
	width: 18rem
}
.navbar-2 .navbar-address {
	float: left;
	margin-left: 5rem
}
.navbar-2 .social-list {
	float: left;
	margin-left: 7.5rem
}
.navbar-white {
	background: 0 0
}
.navbar-white .navbar-bg {
	height: 0
}
.navbar-white .brand, .navbar-white .brand:hover, .navbar-white .brand:focus, .navbar-white .brand-text, .navbar-white .navbar-address, .navbar-white .navbar-address .text-dark, .navbar-white .social-list a {
	color: #fff
}
.navbar .brand-img-white {
	display: none
}
.navbar-white .brand-img {
	display: none
}
.navbar-white .brand-img-white {
	display: inline-block
}
.navbar-white .navbar-toggle .icon-bar {
	background: #fff
}
.navbar-white .social-list a:hover {
	color: #7681a0
}
.copy-bottom {
	display: none;
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 2.4rem;
	color: #000
}
.lang-bottom {
	display: none;
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 2.4rem;
	color: #000
}
.copy-bottom.white {
	color: #fff
}
.lang-bottom .menu-lang {
	font-weight: 600;
	color: #000;
	text-transform: uppercase
}
.lang-bottom .menu-lang a:not(.active) {
	color: #000
}
.lang-bottom.white, .lang-bottom.white .menu-lang a:not(.active) {
	color: #fff
}
.lang-bottom .menu-lang a:hover, .lang-bottom.white .menu-lang a:hover {
	color: #7681a0
}
#pp-nav {
	z-index: 99;
	width: 2.1428rem;
	margin-top: 0!important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
#pp-nav .pp-nav-up, #pp-nav .pp-nav-down {
	display: none;
	font-size: 2.1428rem;
	cursor: pointer;
	color: #000;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
#pp-nav .pp-nav-up {
	margin-bottom: 3.5rem
}
#pp-nav .pp-nav-down {
	margin-top: 3.5rem
}
#pp-nav li, .pp-slidesNav li {
	margin: 1.928rem auto;
	width: 10px;
	height: 10px
}
#pp-nav span, .pp-slidesNav span {
	left: 0;
	top: 0;
	cursor: pointer;
	width: 10px;
	height: 10px;
	background: #000;
	border: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
#pp-nav .pp-nav-up:hover, #pp-nav .pp-nav-down:hover, #pp-nav.white .pp-nav-up:hover, #pp-nav.white .pp-nav-down:hover {
	color: #7681a0
}
#pp-nav.white .pp-nav-up, #pp-nav.white .pp-nav-down {
	color: #fff
}
#pp-nav.white span, .pp-slidesNav span {
	background: #fff
}
#pp-nav li .active span, .pp-slidesNav .active span, #pp-nav span:hover, .pp-slidesNav span:hover {
	background: #7681a0
}
.pagepiling .section {
	background: #fff;
	padding-top: 11.3rem;
	padding-bottom: 7rem
}
.pagepiling .section-1.pp-scrollable .vertical-centred {
	padding-top: 10rem;
	padding-bottom: 11rem
}
.pagepiling .pp-scrollable {
	padding: 0
}
.pp-scrollable .vertical-centred {
	padding-top: 11.3rem;
	padding-bottom: 7rem
}
.scroll-wrap {
	position: relative;
	min-height: 100%
}
.scrollable-content {
	white-space: nowrap;
	width: 100%;
	font-size: 0
}
.scrollable-content:before {
	content: '';
	display: inline-block;
	height: 100vh;
	vertical-align: middle
}
.vertical-centred {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	font-size: 1rem
}
.boxed-inner {
	position: relative;
	padding: 0
}
.section-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center
}
.vertical-title {
	position: absolute;
	white-space: nowrap;
	width: 0;
	top: -.55rem;
	left: 4.9rem;
	font-size: 8px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.vertical-title span {
	display: block;
	float: right
}
.section .intro {
	opacity: 0;
	-webkit-transition: opacity 1s .3s ease;
	-o-transition: opacity 1s .3s ease;
	transition: opacity 1s .3s ease
}
.section:not(.section-1) .intro {
	-webkit-transform: translateY(7rem);
	-ms-transform: translateY(7rem);
	-o-transform: translateY(7rem);
	transform: translateY(7rem);
	-webkit-transition: all .35s .6s ease;
	-o-transition: all .35s .6s ease;
	transition: all .35s .6s ease
}
.section.active .intro {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.subtitle-top {
	line-height: 1.714;
	margin-bottom: 2.8rem;
	letter-spacing: .1em
}
.hr-bottom {
	position: absolute;
	margin-top: 13vh;
	margin-bottom: 0;
	height: .2858rem;
	width: 7.142rem;
	background: #7681a0
}
.title-uppercase {
	text-transform: uppercase;
	letter-spacing: -.025em;
	line-height: 1.33333;
	margin: 0 0 5rem
}
.service-list {
	margin-bottom: 5rem;
	font-size: 1.2857rem;
	padding-left: 0;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: -.025rem;
	font-weight: 300
}
.service-list li {
	margin-bottom: .7rem
}
.service-list li a {
	color: inherit
}
.service-list li a:hover {
	color: #000;
	text-decoration: none
}
.dots-image-2 {
	display: inline-block;
	position: relative
}
.dots-image-2 .dots {
	position: absolute;
	z-index: -1;
	left: -25%;
	bottom: -19%;
	width: 101%;
	top: 50%;
	opacity: .8;
	background: url(../images/bg/dots.png) 0 0 repeat
}
.dots-image-2 .experience-info {
	position: absolute;
	left: 12%;
	margin-top: -4.4rem;
	top: 100%
}
.experience-info .number {
	display: inline-block;
	font-weight: 600;
	line-height: 1;
	font-size: 10.71rem;
	margin-right: 1.7rem
}
.experience-info .text {
	display: inline-block;
	font-size: 1.571rem;
	font-weight: 600;
	line-height: 1.181;
	text-transform: uppercase
}
.bg-changer {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.bg-changer .section-bg {
	opacity: 0;
	will-change: opacity, transform;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .5s .2s ease, transform 5s .2s ease;
	-o-transition: opacity .5s .2s ease, transform 5s .2s ease;
	transition: opacity .5s .2s ease, transform 5s .2s ease
}
.bg-changer .active {
	opacity: 1;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}
.bg-changer .section-bg:first-child {
	opacity: 1
}
.section-3 .vertical-title {
	top: 7.4rem
}
.row-project-box {
	margin-top: -30px
}
.col-project-box {
	margin-top: 30px
}
.project-box {
	display: block;
	padding-bottom: 30%;
	position: relative;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.project-box-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 2.14rem 1.928rem
}
.project-box h5 {
	margin: 0;
	color: #fff
}
.project-category {
	color: #ccc;
	margin-top: .5rem
}
.project-box:hover {
	background: #7681a0;
	text-decoration: none;
	border-color: transparent
}
.project-box:hover h5 {
	color: #000
}
.project-box:hover .project-category {
	color: #666
}
.link-arrow.h5 {
	text-transform: uppercase;
	letter-spacing: -.025rem;
	margin-bottom: 0
}
.link-arrow.h5 .icon-chevron-right {
	font-size: 1.8rem;
	margin-top: -.45rem
}
.section-3 .link-arrow.h5 {
	margin-top: 4rem
}
.section-4 h2 {
	margin-bottom: 7rem
}
.icon-quote {
	display: inline-block;
	margin-top: -.6rem;
	color: #7681a0;
	font-size: 5.14rem
}
.section-5 .title-uppercase {
	margin-top: 7vh;
	margin-bottom: 3rem
}
.review-carousel .text {
	font-family: libre baskerville, "SF Pro SC", "SF Pro Display", "Helvetica Neue", "Helvetica", "Segoe UI", "Microsoft YaHei", "微软雅黑", "PingFang SC", "Arial", sans-serif;
	font-size: 1.142rem;
	line-height: 1.875
}
.review-author {
	margin-top: 5.7rem
}
.author-name {
	font-size: 1.2857rem;
	line-height: 1.333;
	font-weight: 600
}
.review-carousel .owl-nav {
	position: relative;
	top: 0;
	margin-top: 7.7vh;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
.review-carousel .owl-prev, .review-carousel .owl-next {
	font-size: 1.2857rem;
	width: 3.57rem;
	height: 3.57rem;
	line-height: 3.57rem;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	margin-right: .857rem
}
.review-carousel .owl-prev:before {
	font-family: linearicons;
	content: "\e93b"
}
.review-carousel .owl-next:before {
	font-family: linearicons;
	content: "\e93c"
}
.review-carousel .owl-prev:hover, .review-carousel .owl-next:hover {
	background: #fff;
	color: #000
}
.review-carousel .owl-prev.disabled, .review-carousel .owl-next.disabled {
	cursor: default
}
.review-carousel .owl-prev.disabled:hover, .review-carousel .owl-next.disabled:hover {
	background: 0 0;
	color: #fff
}
.map-2 {
	width: 100%;
	height: 18rem;
	border: 0;
	text-align: center
}
.contact-info {
	overflow: hidden;
	margin-top: 5.5rem
}
.row-contact-info {
	margin: -5rem -4% 0
}
.success-message, .error-message {
	display: none;
	margin-top: 2rem
}
.col-contact-info {
	padding: 0 4%;
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px solid #cacaca
}
.col-contact-info:first-child {
	border-top: 0;
	padding-top: 0
}
.contact-info h3 {
	font-size: 1.92rem;
	line-height: 1.06;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin: 0 0 2rem
}
.contact-info .col-right {
	word-wrap: break-word;
	padding-left: 0;
	padding-right: 0
}
.contact-info-row {
	line-height: 1.5;
	margin-bottom: 2.14rem
}
.contact-info-row:last-child {
	margin-bottom: 0
}
.contact-info-row strong {
	font-size: 1.1428rem;
	text-transform: uppercase;
	color: #000
}
.display-1 {
	font-size: 4.28rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0
}
.display-2 {
	font-size: 5.14rem;
	line-height: 1;
	letter-spacing: -.05em;
	margin: 0;
	text-transform: uppercase
}
.text-display-1 {
	font-size: 1.714rem;
	line-height: 2;
	letter-spacing: 0
}
.text-display-1 p {
	margin-bottom: 3.5rem
}
.text-display-1 p:last-child {
	margin-bottom: 0
}
.title-hr {
	width: 7rem;
	max-width: 100%;
	height: .28rem;
	background: #7681a0
}
.title-info {
	font-size: 1.28rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
	margin-bottom: 1.4rem
}
.page-header, .page-header-2, .page-header-3 {
	border-bottom: 0;
	margin: 8rem 0 7rem;
	padding: 0
}
.page-header h1, .page-header-2 h1, .page-header-3 h1 {
	margin: 0
}
.page-header-3 .title-hr {
	margin-bottom: 2.7rem
}
.page-inner {
	margin-top: 10.28rem
}
.section-info {
	color: #999;
	line-height: 1.111;
	font-size: 1.28rem;
	text-transform: uppercase;
	font-weight: 600
}
.section-info {
	margin-bottom: 4rem
}
.section-info .title-hr {
	margin: 0 0 2rem
}
.info-title {
	width: 1px
}
.bg-dots {
	background: url(../images/bg/dots2.png) 0 0 repeat
}
.js-isotope {
	overflow: hidden
}
.filter-content-2 {
	margin-bottom: 5.9rem
}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
	margin-right: 4rem
}
.filter-content-3 {
	margin-bottom: 4.6rem
}
.filter-content-4 {
	margin: 6rem 0 2rem
}
.grid-items {
	margin: -30px -15px 0
}
.grid-items:after {
	content: '';
	clear: both;
	display: block
}
.grid-item {
	float: left;
	padding: 30px 15px 0
}
.project-hover-2 {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100.1%;
	height: 100%;
	padding: 2.71rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
.project-hover-2 .icon-plus {
	opacity: 0;
	position: absolute;
	color: #000;
	right: 2.71rem;
	font-size: 3rem;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-hover-2 .project-title {
	opacity: 0;
	position: absolute;
	bottom: 2.71rem;
	color: #000;
	-webkit-transform: translateX(-2rem);
	-ms-transform: translateX(-2rem);
	-o-transform: translateX(-2rem);
	transform: translateX(-2rem);
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}
.project-item:hover .project-hover-2 {
	background-color: rgba(206,224,2,.85)
}
.project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.sly {
	position: relative;
	overflow: hidden
}
.slidee {
	list-style: none;
	padding-left: 0
}
.sly ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden
}
.sly ul li {
	float: left;
	width: 400px;
	height: 100%;
	margin: 0 30px 0 0;
	padding: 0
}
.prev, .next {
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 4rem;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.prev.disabled, .next.disabled {
	opacity: .5
}
.prev:hover, .next:hover {
	color: #7681a0
}
.prev {
	left: 2.5rem
}
.next {
	right: 2.5rem
}
.scrollbar {
	margin: 6.8rem 0 0;
	height: 1px;
	background: #dae5e6;
	line-height: 0
}
.scrollbar .handle {
	position: relative;
	top: -2px;
	width: 100px;
	height: 3px;
	background: #999;
	cursor: pointer
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px
}
.project-detail {
	position: relative;
	overflow: hidden
}
.project-detail-item {
	min-height: 420px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 6.78rem 11.2rem
}
.project-detail-info {
	background-color: #fff;
	padding: 3.3rem
}
.project-detail-control {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.project-detail-control:hover {
	color: #7681a0
}
.project-detail-control .show-info {
	display: none
}
.project-detail-control.active .show-info {
	display: block
}
.project-detail-control.active .hide-info {
	display: none
}
.project-detail-title {
	font-size: 2.57rem;
	letter-spacing: -.025em;
	line-height: 1.16666;
	margin: 3rem 0 2.4rem
}
.project-detail-list {
	list-style: none;
	padding-left: 0;
	margin-top: 3.6rem
}
.project-detail-list li {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: .6rem;
	margin-top: .65rem;
	overflow: hidden
}
.project-detail-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0
}
.project-detail-list li .left {
	float: left;
	font-weight: 600
}
.project-detail-list li .right {
	float: right
}
.project-detail-meta {
	margin-top: 4.5rem;
	overflow: hidden
}
.project-detail-meta .left {
	font-weight: 600
}
.card img {
	display: block;
	width: 100%
}
.card-block {
	background: #f2f2f2;
	padding: 2.5rem;
	line-height: 1.714;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s
}
.card-posted {
	margin-bottom: .8rem
}
.card-posted a {
	color: #000
}
.card-posted a:hover {
	color: #000
}
.card-title {
	letter-spacing: 0;
	margin: 0
}
.card-text {
	margin-top: 2rem;
	height: 8rem;
    overflow: hidden;
}
.card-read-more {
	display: inline-block;
	margin-top: 2rem;
	font-weight: 600;
	color: #000
}
.card-read-more:hover {
	color: #000
}
.card:hover .card-block {
	background: #7681a0
}
.card-row {
	position: relative;
	background: #f2f2f2;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
	margin-bottom: 5rem
}
.card-row:last-child {
	margin-bottom: 0
}
.card-row-img {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	background-size: cover;
	background-position: center 0
}
.card-row-img img {
	width: 100%
}
.card-row:hover {
	background: #7681a0
}
.card-row .card-block {
	padding: 3.6rem; 
	background: 0 0
}
.card-row .card-read-more {
	margin-top: 7vw;margin-top: 3vw
}
.secondary {
	margin-top: 6rem
}
.post-gallery {
	position: relative;
	overflow-y: hidden
}
.header-space {
	margin-top: 7rem
}
.post-thumbnail {
	background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
	background-size: cover;
	padding: 16.4rem 15px 19rem
}
.post-thumbnail h1, .post-thumbnail .title-info {
	color: #fff
}
.page-content {
	margin-top: 4.2rem
}
.page-content-2 {
	margin-top: 6.6rem
}
.posted-on {
	font-size: 1.142rem;
	margin-bottom: 7rem
}
.posted-on a {
	color: #000
}
.posted-on a:hover {
	color: #7681a0;
	text-decoration: none
}
.entry-title {
	margin: 0 0 2.5rem;
	letter-spacing: -.05em;
	line-height: 1.125
}
.entry-description {
	letter-spacing: 0;
	font-weight: 400;
	line-height: 1.6;

	margin-top: 0
}
.entry-content {
	font-size: 1.2857rem;
	line-height: 1.666;
	font-weight: 300;
	letter-spacing: 0
}
.row-images {
	padding: 2.54rem 0
}
.row-images .col-image {
	margin-top: 30px
}
.row-images .col-image:first-child {
	margin-top: 0
}
.row-images .col-image img {
	width: 100%
}
.entry-footer {
	padding-top: 4rem
}
.tags-links span {
	color: #000
}
.tags-links, .tags-links a {
	color: #999
}
.tags-links a:hover {
	color: #c00;
	text-decoration: none
}
.post-share {
	margin-top: 1rem
}
.post-share span {
	color: #000
}
.post-share a {
	color: #ccc;
	font-size: 1.4rem;
	vertical-align: middle;
	margin-left: .8rem
}
.post-share a:hover {
	color: #7681a0
}
.related-posts {
	margin-top: 6rem;
	padding-top: 6rem;
	border-top: 1px solid #e1e1e1
}
.related-post-title {
	margin: 0
}
.section-comments {
	margin-top: 6.8rem;
	padding: 7.3rem 15px;
	background-color: #f5f5f5
}
.comments-title {
	margin: 0;
	margin-bottom: 2.85rem
}
.comment-list {
	padding-left: 0;
	list-style: none
}
.comment .avatar {
	float: left;
	margin-right: 2.14rem
}
.comment-content {
	overflow: hidden;
	padding: 1.2rem 0 3rem 1.5rem;
	border-top: 1px solid #d8d8d8
}
.comment-content p {
	margin-bottom: 0
}
.comment-metadata {
	margin-bottom: .6rem
}
.comment-metadata .fn a {
	color: #333
}
.comment-metadata .fn a:hover {
	color: #7681a0;
	text-decoration: none
}
.comment-time {
	color: #999;
	font-size: 11px;
	text-transform: uppercase
}
.comment-time:hover {
	color: #000;
	text-decoration: none
}
.reply {
	margin-top: .7rem
}
.reply a {
	color: #999;
	font-style: italic
}
.reply a:hover {
	color: #09c;
	text-decoration: none
}
.comment-reply-title small {
	float: right;
	margin-top: .5rem
}
.widget {
	margin-bottom: 4.5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #e1e1e1
}
.widget:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0
}
.widget-title {
	font-size: 1.2758rem;
	letter-spacing: 0;
	margin: 0 0 3rem
}
.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_nav_menu li {
	margin-top: .5em
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_nav_menu li a {
	color: #666
}
.widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover {
	color: #7681a0;
	text-decoration: none
}
.widget_categories li {
	text-align: right
}
.widget_categories li a {
	float: left
}
.search-form {
	position: relative
}
.search-form .search-field {
	background: #f6f6f6;
	border-color: transparent
}
.search-form .search-field:focus {
	background: 0 0
}
.search-submit {
	position: absolute;
	background: 0 0;
	border: 0;
	right: .8rem;
	top: 1.1rem
}
.search-submit:focus {
	outline: none
}
.widget ul {
	list-style: none;
	padding-left: 0;
	margin: 0
}
.widget_twitter li {
	margin-bottom: 2.2rem
}
.widget_twitter li:last-child {
	margin-bottom: 0
}
.widget_twitter li a {
	color: #09c
}
.tweet-time {
	display: block;
	margin-top: .4rem;
	font-size: .857rem;
	display: block;
	color: #999;
	text-transform: uppercase
}
.widget-all-items {
	display: inline-block;
	margin-top: 1.4rem;
	color: #999;
	font-size: .928rem;
	text-transform: uppercase;
	font-weight: 600
}
.widget-all-items:hover {
	text-decoration: none
}
.widget_recent_posts li {
	overflow: hidden;
	margin-bottom: 2.214rem
}
.widget_recent_posts li:last-child {
	margin-bottom: 0
}
.recent-post-thumbnail {
	float: left;
	margin-right: 1.5rem
}
.recent-post-content {
	overflow-y: hidden;
	line-height: 1.29
}
.post-title {
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0;
	color: #000
}
.post-title:hover {
	color: #7681a0;
	text-decoration: none
}
.post-time {
	display: block;
	margin-top: .6rem;
	font-size: .857rem;
	color: #999
}
.owl-carousel.owl-loaded {
    display: block;margin-top: 4.7rem;
}.related-posts {
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: 1px solid #e1e1e1;
}.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}.news-item {
    position: relative; width:calc( 33.33% - 34px ); display:inline-block; margin-bottom:1rem; margin-right: 30px;
}
.news-item:nth-child(3n){ margin-right:0;}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}.news-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2.7rem;
    color: #999;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}.hover-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}.hover-border::before {
    position: absolute;
    content: "";
    background: #7681a0;
    width: 2px;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .2s .8s;
    -o-transition: .2s .8s;
    transition: .2s .8s;
}.hover-border div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}.hover-border div::before {
    position: absolute;
    content: "";
    background: #7681a0;
    height: 2px;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}.hover-border div::after {
    position: absolute;
    content: "";
    background: #7681a0;
    width: 100%;
    height: 2px;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .2s .4s;
    -o-transition: .2s .4s;
    transition: .2s .4s;
}.news-hover .content {
    opacity: 0;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}.news-hover .time {
    margin-bottom: 0.6rem;
}.news-title {
    font-size: 1.25rem;
    line-height: 1.25;
    letter-spacing: 0;
    margin: 0;
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    -o-transform: translateX(-2rem);
    transform: translateX(-2rem);
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}.news-description {
    opacity: 0;
    margin-bottom: 0;
    line-height: 1.01;
    margin-top: 10%;
    -webkit-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: .5s .3s ease;
    -o-transition: .5s .3s ease;
    transition: .5s .3s ease;
}.news-hover .read-more {
    position: absolute;
    opacity: 0;
    bottom: 2.7rem;font-weight: 600;    color: #7681a0;
}

.news-carousel {
    margin-bottom: 4.7rem;
}

@media(max-width:768px) {
	.news-item{ width:100%; margin-right:0;}
}