* {
	margin: 0;
	padding: 0;
	font: inherit;
	box-sizing: border-box
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: rgba(255, 255, 255, 0);
	cursor: default
}

body {
	font-size: 100%;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

a {
	background: 0 0
}

:active,
:focus,
:hover {
	outline: 0
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	white-space: pre-wrap
}

q {
	quotes: '\201C' '\201D' '\2018' '\2019'
}

img {
	border: none
}

svg:not(:root) {
	overflow: hidden
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button {
	overflow: visible;
	-webkit-appearance: button;
	cursor: pointer
}

html input[type=button] {
	-webkit-appearance: button;
	cursor: pointer
}

input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: none;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

button,
input,
select[multiple],
textarea {
	background-image: none
}

input,
select,
textarea {
	border-radius: 0;
	box-shadow: none
}

input,
textarea {
	resize: none;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

[placeholder]:focus:-ms-input-placeholder {
	color: transparent
}

[placeholder]:focus::-ms-input-placeholder {
	color: transparent
}

[placeholder]:focus:-ms-input-placeholder,
[placeholder]:focus::placeholder {
	color: transparent
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a:hover {
	color: currentColor;
	text-decoration: none
}

ol,
ul {
	margin-bottom: 0
}

button:focus {
	outline: 0
}

body {
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.714285714285714;
	font-size: 14px;
	background: #fff;
	color: #000
}

main {
	position: relative;
	z-index: 2;
	background: #fff
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #fff
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: #284274
}

::-moz-selection {
	background-color: #284274;
	color: #fff
}

::selection {
	background-color: #284274;
	color: #fff
}

.no-mobile [data-motion-svg] {
	opacity: 0
}

.no-mobile [data-motion-svg].animated {
	opacity: 1
}

.article-item {
	text-decoration: none;
	color: currentColor
}

.article-item__image-wrapper {
	display: block;
	overflow: hidden;
	margin-bottom: 23px
}

.article-item img {
	display: block;
	width: 100%;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.article-item img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}

.article-item__item-title {
	display: block;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	-webkit-transition: color .3s;
	transition: color .3s;
	line-height: 1;
	margin-bottom: 8px;
	color: currentColor
}

.article-item__item-title:hover {
	color: #284274
}

.article-item__category {
	color: currentColor;
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	-webkit-transition: color .3s;
	transition: color .3s
}

.article-item__category:hover {
	color: #284274
}

.article-item__date {
	color: #999;
	position: relative;
	padding-left: 14px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top
}

.article-item__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.article-listing-item {
	background: #f2f2f2;
	text-decoration: none;
	color: currentColor;
	-webkit-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: flex
}

.article-listing-item:hover {
	background: #284274;
	color: #fff
}

.article-listing-item__cover {
	width: 66.66666666666667%;
	overflow: hidden;
	position: relative
}

.article-listing-item__cover-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s
}

.article-listing-item__cover-image:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}

.article-listing-item__content {
	width: 33.333333333333336%;
	padding: 60px 55px 55px
}

.article-listing-item__category {
	font-weight: 500
}

.article-listing-item__header {
	display: -webkit-box;
	display: flex;
	margin-bottom: 12px
}

.article-listing-item__date {
	color: #999;
	position: relative;
	padding-left: 14px;
	margin-left: 12px;
	-webkit-transition: .3s;
	transition: .3s
}

.article-listing-item:hover .article-listing-item__date {
	color: #fff
}

.article-listing-item__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.article-listing-item__title {
	display: block;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 32px
}

.article-listing-item__item-inner:hover .article-listing-item__title {
	color: #284274
}

.article-listing-item__text {
	min-height: 255px;
	color: #666;
	-webkit-transition: .3s;
	transition: .3s
}

.article-listing-item:hover .article-listing-item__text {
	color: #fff
}

.article-listing-item__continue {
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px
}

.article-listing-item__continue-icon {
	font-size: 1.428571428571429em;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 6px
}

.articles-block {
	padding-top: 150px;
	padding-bottom: 95px;
	overflow: hidden
}

.articles-block__head {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 78px
}

.articles-block__head-link {
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	color: #999;
	font-size: 16px
}

.articles-block__list {
	display: -webkit-box;
	display: flex;
	margin: 0 -35px;
	flex-wrap: wrap
}

.articles-block__item {
	width: 50%;
	padding: 0 35px;
	margin-bottom: 60px
}

.articles-block__item-inner {
	text-decoration: none;
	color: currentColor
}

.articles-block__item-inner img {
	display: block;
	width: 100%;
	margin-bottom: 23px
}

.articles-block__item-title {
	display: block;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	-webkit-transition: color .3s;
	transition: color .3s;
	line-height: 1;
	margin-bottom: 8px
}

.articles-block__item-inner:hover .articles-block__item-title {
	color: #284274
}

.articles-block__category {
	font-weight: 500
}

.articles-block__date {
	color: #999;
	position: relative;
	padding-left: 14px;
	margin-left: 12px
}

.articles-block__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.articles-grid {
	display: -webkit-box;
	display: flex;
	margin: 0 -35px;
	flex-wrap: wrap
}

.articles-grid__item {
	width: 50%;
	padding: 0 35px;
	margin-bottom: 60px
}

.articles-list-wrapper {
	padding-bottom: 134px;
	overflow: hidden;
	margin-top: 112px;
	border-bottom: 1px solid #ebebeb
}

.articles-list-wrapper__head {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 56px
}

.articles-list-wrapper__loader {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #999;
	text-align: center;
	margin-top: 40px
}

.articles-list {
	margin-bottom: 114px
}

.articles-list__item {
	margin-bottom: 70px
}

.awards-block {
	padding-top: 127px;
	margin-bottom: 90px
}

.awards-block__body_bordered {
	border-bottom: 1px solid #e0e0e0
}

.awards-block__item {
	display: -webkit-box;
	display: flex;
	margin-bottom: 40px;
	width: 100%
}

.awards-block__year {
	width: 25%;
	min-width: 25%;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	padding-right: 40px;
	margin-bottom: 30px
}

.awards-block__list {
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 1;
	flex-grow: 1;
	flex-wrap: wrap;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-top: 10px;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.awards-block__text {
	width: 45%;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 48px;
	padding-right: 40px
}

.awards-block__text-footer {
	color: #f14201
}

.back-link {
	margin-bottom: 68px
}

.back-link__link {
	font-weight: 600;
	text-transform: uppercase;
	color: currentColor;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none
}

.back-link__link:hover {
	color: #284274
}

.back-link__icon {
	margin-right: 16px;
	margin-left: -.2em;
	font-size: 1.1em
}

.cards-block {
	padding-top: 140px;
	padding-bottom: 30px
}

.cards-block__head {
	margin-bottom: 135px
}

.cards-block__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 20px
}

.cards-block__text {
	padding-top: 6px;
	font-size: 16px;
	line-height: 1.875;
	color: #666
}

.cards__item {
	display: -webkit-box;
	display: flex;
	margin-bottom: 30px;
	color: #fff
}

.cards__item-inner {
	width: 100%;
	background-size: cover;
	background-position: 50%;
	display: block;
	text-decoration: none;
	color: currentColor;
	padding: 48px 55px;
	position: relative
}

.cards__item-inner:hover:after,
.cards__item-inner:hover:before {
	opacity: 1
}

.cards__item-inner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 25px 70px 0 rgba(0, 0, 0, .25);
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.cards__item-inner:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f14201;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.cards__item-content {
	display: block;
	position: relative;
	z-index: 2;
	height: 100%;
	padding-bottom: 80px
}

.cards__item-index {
	font-size: 20px;
	font-weight: 600;
	display: block;
	margin-bottom: 7px
}

.cards__item-title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	display: block;
	margin-bottom: 28px
}

.cards__item-text {
	font-size: 16px;
	line-height: 1.75;
	display: block
}

.cards__arrow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-radius: 100%;
	border: 2px solid #fff;
	font-size: 20px;
	font-weight: 600;
	padding-left: 4px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.cards__item-inner:hover .cards__arrow {
	color: #f14201;
	background: #fff
}

.clients-wrapper {
	padding: 50px 0 60px;
	background: #f4f4f4
}

.clients__title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .02em;
	margin-bottom: 60px
}

.clients__list {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin-left: -30px;
	margin-right: -30px
}

.clients__item {
	padding-right: 30px;
	padding-left: 30px
}

.clients__item-inner {
	opacity: .6;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.clients__item-inner:hover {
	opacity: 1
}

.clients img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.collapse-block {
	padding-top: 154px;
	padding-bottom: 150px
}

.collapse-block__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 34px
}

.collapse-block__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	line-height: 1.75;
	margin-bottom: 33px
}

.collapse-list__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 34px
}

.collapse-list__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	line-height: 1.75;
	margin-bottom: 33px
}

.collapse-list__collapse:not(:last-of-type) {
	border-bottom: 2px solid #e7e7e7
}

.collapse-list__collapse-head {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	color: #f14201;
	padding: 20px 40px 18px 0;
	position: relative;
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s
}

.collapse-list__collapse-head.collapsed:not(:hover) {
	color: currentColor
}

.collapse-list__collapse-head-icon {
	position: absolute;
	right: 3px;
	top: 24px;
	font-size: 17px;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all .3s;
	transition: all .3s
}

.collapse-list__collapse-head.collapsed .collapse-list__collapse-head-icon {
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1)
}

.collapse-list__collapse-text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	line-height: 1.75
}

.collapse-list__collapse-text-inner {
	padding-bottom: 32px
}

.comment-card {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 38px
}

.comment-card__image {
	width: 70px;
	min-width: 70px;
	margin-right: 30px;
	margin-top: 2px
}

.comment-card__content {
	border-top: 1px solid #dbdbdb;
	padding-left: 22px;
	padding-top: 14px
}

.comment-card__head {
	font-size: 14px;
	margin-bottom: 12px
}

.comment-card__name {
	font-size: 16px;
	font-weight: 600;
	display: inline
}

.comment-card__date {
	color: #999;
	display: inline
}

.comment-card__duration {
	color: #666;
	display: inline
}

.comment-card__text {
	color: #666;
	margin-bottom: 12px
}

.comment-card__link {
	text-decoration: none;
	font-style: italic;
	color: currentColor;
	-webkit-transition: .3s;
	transition: .3s
}

.comment-card__link:hover {
	color: #09c
}

.comments {
	padding-top: 110px;
	padding-bottom: 118px;
	background: #f8f8f8;
	border-bottom: 1px solid #ebebeb
}

.comments__title {
	margin-bottom: 28px
}

.comments__list {
	margin-bottom: 74px
}

.comments__input-text {
	width: 100%;
	height: 50px;
	border: 0;
	background: #fff;
	margin-bottom: 30px;
	padding: 0 16px
}

.comments__input-text.placeholder,
.comments__input-text:-moz-placeholder,
.comments__input-text:-ms-input-placeholder,
.comments__input-text::-moz-placeholder,
.comments__input-text::-webkit-input-placeholder {
	color: #999!important
}

.comments__input-textarea {
	width: 100%;
	border: 0;
	background: #fff;
	margin-bottom: 30px;
	padding: 10px 16px
}

.comments__input-textarea.placeholder,
.comments__input-textarea:-moz-placeholder,
.comments__input-textarea:-ms-input-placeholder,
.comments__input-textarea::-moz-placeholder,
.comments__input-textarea::-webkit-input-placeholder {
	color: #999!important
}

.comments__submit {
	height: 50px;
	background: #000;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	padding: 0 32px;
	-webkit-transition: .3s;
	transition: .3s
}

.comments__submit:hover {
	background: #284274
}

.contact-block {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 100px;
	padding-top: 1px
}

.contact-block__map {
	height: 500px;
	margin-top: 120px;
	margin-bottom: 130px
}

.contact-block__place {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-top: 74px;
	margin-bottom: 20px
}

.contact-block__place-marker {
	font-weight: 100;
	color: #ccc
}

.contact-block__text {
	color: #666;
	margin-bottom: 105px
}

.contact-block__text a {
	color: currentColor;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s
}

.contact-block__text a:hover {
	color: #284274
}

.contact-block__text p {
	margin-bottom: 24px
}

.contact-block__link {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	color: #09c;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	margin-bottom: 65px
}

.contact-block__link:hover {
	color: #284274
}

.contact-block__link-icon {
	font-size: .8em;
	margin-left: 7px
}

.contact-block__form {
	display: block;
	margin-top: 72px
}

.contact-block__input-text,
.contact-block__input-textarea {
	width: 100%;
	display: block;
	border: 0;
	border-bottom: 1px solid #ccc;
	background: 0 0
}

.contact-block__input-text.placeholder,
.contact-block__input-text:-moz-placeholder,
.contact-block__input-text:-ms-input-placeholder,
.contact-block__input-text::-moz-placeholder,
.contact-block__input-text::-webkit-input-placeholder,
.contact-block__input-textarea.placeholder,
.contact-block__input-textarea:-moz-placeholder,
.contact-block__input-textarea:-ms-input-placeholder,
.contact-block__input-textarea::-moz-placeholder,
.contact-block__input-textarea::-webkit-input-placeholder {
	color: #999!important
}

.contact-block__input-text:focus,
.contact-block__input-textarea:focus {
	border-color: #000
}

.contact-block__input-text {
	height: 52px;
	margin-bottom: 23px
}

.contact-block__input-textarea {
	padding: 12px 0;
	min-height: 160px
}

.contact-block__submit {
	color: #284274;
	text-transform: uppercase;
	border: 0;
	background: 0 0;
	padding: 0;
	font-weight: 600;
	margin-top: 98px;
	-webkit-transition: .3s;
	transition: .3s
}

.contact-block__submit:hover {
	color: #09c
}

.contact-block__submit-icon {
	display: inline-block;
	vertical-align: top;
	font-size: 1.3em;
	margin-left: .2em;
	margin-top: -.05em
}

.counter-block {
	margin: 60px 0
}

.counter-block__card {
	position: relative;
	-webkit-transform: scale(.85);
	transform: scale(.85)
}

.counter-block__card::before {
	content: '';
	width: 381px;
	height: 481px;
	background-image: url(../img/dot.jpg);
	position: absolute;
	top: -47px;
	left: -109px;
	z-index: -1
}

.counter-block__card-title {
	color: #999;
	text-transform: none;
	font-size: 60px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1
}

.counter-block__card-value {
	color: #284274;
	font-size: 450px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	margin-left: -7px;
	margin-bottom: -128px;
	margin-top: -55px
}

@-moz-document url-prefix() {
	.counter-block__card-value {
		margin-top: -95px;
		margin-bottom: -93px
	}
}

.counter-block__card-description {
	color: #727272;
	font-size: 72px;
	line-height: .75;
	font-weight: 600;
	text-transform: none;
	font-family: Teko, sans-serif
}

.counter-block__card-description span {
	font-size: 215px;
	color: #284274
}

.counter-block__title {
	margin-bottom: 66px
}

.counter-block__item {
	margin-bottom: 46px
}

.counter-block__item-value {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 100px;
	line-height: 1;
	margin-bottom: 11px
}

.counter-block__item-text {
	color: #666;
	font-size: 16px
}

.dropdown {
	position: relative
}

.dropdown__menu {
	position: absolute;
	background: #fff;
	color: #000;
	display: -webkit-box;
	display: flex;
	padding: 37px 0 40px 45px;
	left: -45px;
	top: 66px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	box-shadow: 0 0 65px rgba(0, 0, 0, .07)
}

.dropdown:hover .dropdown__menu {
	opacity: 1;
	visibility: visible
}

.dropdown__menu_side_right {
	left: auto;
	right: -30px
}

.dropdown__column {
	margin-right: 30px;
	min-width: 125px
}

.dropdown__title {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 16px
}

.dropdown__item {
	margin-bottom: 2px
}

.dropdown__link {
	color: #666;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s
}

.dropdown__link:hover,
.dropdown__link_active {
	color: #284274
}

.error-block {
	display: -webkit-box;
	display: flex;
	min-height: 100vh;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background: #f2f2f3;
	text-align: center;
	padding: 40px 0;
	color: #000
}

.error-block__image {
	display: block;
	margin: 0 auto 26px;
	max-width: 100%
}

.error-block__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 10px
}

.error-block__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 44px
}

.error-block__text a {
	color: #284274
}

.error-block__text a:hover {
	text-decoration: none
}

.error-block__form {
	display: block;
	position: relative;
	max-width: 370px;
	margin: 0 auto
}

.error-block__input {
	font-size: 16px;
	line-height: 1.75;
	display: block;
	border: 1px solid #cececf;
	color: #666;
	width: 100%;
	height: 54px;
	padding: 0 20px
}

.error-block__submit {
	position: absolute;
	top: 50%;
	right: 23px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	background: 0 0;
	border: 0;
	font-size: 20px;
	-webkit-transition: .3s;
	transition: .3s
}

.error-block__submit:hover {
	color: #284274
}

.faded-block {
	display: block
}

.featured-block {
	background-image: url(../img/dot-gray.jpg);
	padding-top: 125px;
	padding-bottom: 138px;
	overflow: hidden
}

.featured-block__head {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 56px
}

.featured-block__head-link {
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	color: currentColor;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	letter-spacing: .12em;
	white-space: nowrap
}

.featured-block__head-link:hover {
	color: #284274
}

.featured-block__head-icon {
	font-size: 14px;
	margin-right: -.4em;
	margin-left: .4em
}

.featured-block__title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .12em
}

.featured-block__list {
	display: -webkit-box;
	display: flex;
	margin: 0 -22px;
	flex-wrap: wrap;
	margin-bottom: 58px
}

.featured-block__item {
	display: -webkit-box;
	display: flex;
	width: 25%;
	padding: 0 22px;
	margin-bottom: 44px
}

.featured-block__item-inner {
	width: 100%;
	display: block;
	text-decoration: none;
	background: #fff;
	color: #000;
	position: relative
}

.featured-block__item-inner:hover:after {
	opacity: 1
}

.featured-block__item-inner:after {
	content: '';
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 20px 60px 0 rgba(2, 3, 3, .25);
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.featured-block__item-inner img {
	display: block;
	width: 100%
}

.featured-block__item-content {
	display: block;
	padding: 16px 20px 24px;
	position: relative;
	z-index: 2
}

.featured-block__item-footer {
	display: block;
	margin-bottom: 7px
}

.featured-block__item-title {
	font-size: 18px;
	line-height: 1.444444444444444;
	margin-bottom: 8px;
	font-weight: 500;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s;
	transition: all .3s
}

.featured-block__item-inner:hover .featured-block__item-title {
	border-color: currentColor
}

.featured-block__category {
	font-weight: 500
}

.featured-block__date {
	color: #999;
	position: relative;
	padding-left: 14px;
	margin-left: 10px
}

.featured-block__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: .55em;
	left: 0
}

.features-block {
	text-align: center;
	padding: 84px 0 40px
}

.features-block__subtitle {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 11px
}

.features-block__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 26px
}

.features-block__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.75;
	margin-bottom: 100px
}

.features-block__item {
	margin-bottom: 40px
}

.features-block__feature-icon {
	font-size: 80px;
	color: #f14201;
	margin-bottom: 31px
}

.features-block__feature-title {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px
}

.features-block__feature-text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	line-height: 1.75
}

.footer-default {
	padding-top: 162px;
	padding-bottom: 70px
}

.footer-default__head {
	position: relative;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 37px;
	margin-bottom: 73px
}

.footer-default__head:after {
	content: '';
	width: 35px;
	height: 2px;
	background: #284274;
	position: absolute;
	bottom: -1px;
	left: 0
}

.footer-default__group-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 22px
}

.footer-default__list {
	color: #666;
	line-height: 1.571428571428571;
	list-style: none
}

.footer-default p {
	color: #666;
	line-height: 1.571428571428571;
	margin-bottom: 10px
}

.footer-default p a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-default p a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-default p a:hover {
	color: #284274
}

.footer-default p a:hover:after {
	opacity: 1
}

.footer-default p a_active {
	color: #284274
}

.footer-default p a_active:after {
	opacity: 1
}

.footer-default p a_inverted:after {
	opacity: 1
}

.footer-default p a_inverted:hover:after {
	opacity: 0
}

.footer-default__list-item {
	margin-bottom: 2px
}

.footer-default__list-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-default__list-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-default__list-link:hover {
	color: #284274
}

.footer-default__list-link:hover:after {
	opacity: 1
}

.footer-default__list-link_active {
	color: #284274
}

.footer-default__list-link_active:after {
	opacity: 1
}

.footer-default__list-link_inverted:after {
	opacity: 1
}

.footer-default__list-link_inverted:hover:after {
	opacity: 0
}

.footer-default__socials {
	padding-top: 9px
}

.footer-default__bottom {
	margin-top: 70px;
	display: -webkit-box;
	display: flex;
	color: #999;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	align-items: flex-start
}

.footer-default__bottom strong {
	color: #000;
	font-weight: 600
}

.footer-default__bottom a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #000;
	font-weight: 600
}

.footer-default__bottom a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-default__bottom a:hover {
	color: #284274
}

.footer-default__bottom a:hover:after {
	opacity: 1
}

.footer-default__bottom a_active {
	color: #284274
}

.footer-default__bottom a_active:after {
	opacity: 1
}

.footer-default__bottom a_inverted:after {
	opacity: 1
}

.footer-default__bottom a_inverted:hover:after {
	opacity: 0
}

.footer-interior {
	padding-top: 136px;
	padding-bottom: 15px;
	background-size: cover;
	background-position: 50%;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	line-height: 1.875
}

.footer-interior__column {
	margin-bottom: 40px
}

.footer-interior__group-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 17px
}

.footer-interior__list {
	color: #999;
	list-style: none
}

.footer-interior p {
	color: #999;
	margin-bottom: 0
}

.footer-interior p a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-interior p a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-interior p a:hover {
	color: #284274
}

.footer-interior p a:hover:after {
	opacity: 1
}

.footer-interior p a_active {
	color: #284274
}

.footer-interior p a_active:after {
	opacity: 1
}

.footer-interior p a_inverted:after {
	opacity: 1
}

.footer-interior p a_inverted:hover:after {
	opacity: 0
}

.footer-interior p a:hover {
	color: #fff
}

.footer-interior__list-item {
	margin-bottom: 0
}

.footer-interior__list-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-interior__list-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-interior__list-link:hover {
	color: #284274
}

.footer-interior__list-link:hover:after {
	opacity: 1
}

.footer-interior__list-link_active {
	color: #284274
}

.footer-interior__list-link_active:after {
	opacity: 1
}

.footer-interior__list-link_inverted:after {
	opacity: 1
}

.footer-interior__list-link_inverted:hover:after {
	opacity: 0
}

.footer-interior__list-link:hover {
	color: #fff
}

.footer-interior__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap
}

.footer-interior__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: currentColor;
	border-radius: 100%;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 15px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-interior__social:not(:last-child) {
	margin-right: 24px
}

.footer-interior__social:hover {
	color: #284274
}

.footer-interior__social.icofont-behance,
.footer-interior__social.icofont-google-plus {
	font-size: 26px
}

.footer-interior__social.icofont-linkedin {
	font-size: 22px
}

.footer-interior__form {
	width: 100%;
	position: relative;
	margin-top: 16px
}

.footer-interior__input {
	font-size: 16px;
	height: 54px;
	width: 100%;
	color: #000;
	padding: 2px 120px 0 20px
}

.footer-interior__input.placeholder,
.footer-interior__input:-moz-placeholder,
.footer-interior__input:-ms-input-placeholder,
.footer-interior__input::-moz-placeholder,
.footer-interior__input::-webkit-input-placeholder {
	color: #999!important;
	opacity: 1;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease
}

.footer-interior__input:focus.placeholder,
.footer-interior__input:focus:-moz-placeholder,
.footer-interior__input:focus:-ms-input-placeholder,
.footer-interior__input:focus::-moz-placeholder,
.footer-interior__input:focus::-webkit-input-placeholder {
	color: #999!important;
	opacity: 0
}

.footer-interior__submit {
	height: 100%;
	padding-top: 2px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 12px;
	white-space: nowrap;
	border: 0;
	background: 0 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-interior__submit:hover {
	color: #284274
}

.footer-interior__submit-icon {
	font-weight: 700;
	font-size: 12px;
	margin-left: 1px;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	display: inline-block
}

.footer-interior__bottom {
	margin-top: 58px;
	color: #999
}

.footer-interior__bottom strong {
	color: #fff;
	font-weight: 600
}

.footer-interior__copyright a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #fff;
	font-weight: 600
}

.footer-interior__copyright a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-interior__copyright a:hover {
	color: #284274
}

.footer-interior__copyright a:hover:after {
	opacity: 1
}

.footer-interior__copyright a_active {
	color: #284274
}

.footer-interior__copyright a_active:after {
	opacity: 1
}

.footer-interior__copyright a_inverted:after {
	opacity: 1
}

.footer-interior__copyright a_inverted:hover:after {
	opacity: 0
}

.footer-minimal {
	padding-top: 126px;
	padding-bottom: 78px;
	background-color: #284274;
	color: #fff;
	font-size: 14px;
	line-height: 1.571428571428571
}

.footer-minimal__logo {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px
}

.footer-minimal__column {
	margin-bottom: 40px
}

.footer-minimal__group-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 44px;
	text-transform: uppercase
}

.footer-minimal__list {
	list-style: none
}

.footer-minimal p {
	margin-bottom: 10px
}

.footer-minimal p a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-minimal p a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-minimal p a:hover {
	color: #284274
}

.footer-minimal p a:hover:after {
	opacity: 1
}

.footer-minimal p a_active {
	color: #284274
}

.footer-minimal p a_active:after {
	opacity: 1
}

.footer-minimal p a_inverted:after {
	opacity: 1
}

.footer-minimal p a_inverted:hover:after {
	opacity: 0
}

.footer-minimal p a:hover {
	color: #fff
}

.footer-minimal__list-item {
	margin-bottom: 2px
}

.footer-minimal__list-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-minimal__list-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-minimal__list-link:hover {
	color: #284274
}

.footer-minimal__list-link:hover:after {
	opacity: 1
}

.footer-minimal__list-link_active {
	color: #284274
}

.footer-minimal__list-link_active:after {
	opacity: 1
}

.footer-minimal__list-link_inverted:after {
	opacity: 1
}

.footer-minimal__list-link_inverted:hover:after {
	opacity: 0
}

.footer-minimal__list-link:hover {
	color: #fff
}

.footer-minimal__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap
}

.footer-minimal__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: currentColor;
	border-radius: 100%;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 15px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-minimal__social:not(:last-child) {
	margin-right: 24px
}

.footer-minimal__social:hover {
	color: #284274
}

.footer-minimal__social.icofont-behance,
.footer-minimal__social.icofont-google-plus {
	font-size: 26px
}

.footer-minimal__social.icofont-linkedin {
	font-size: 22px
}

.footer-minimal__form {
	width: 100%;
	position: relative;
	margin-top: 16px
}

.footer-minimal__input {
	font-size: 16px;
	height: 54px;
	width: 100%;
	color: #000;
	padding: 2px 120px 0 20px
}

.footer-minimal__input.placeholder,
.footer-minimal__input:-moz-placeholder,
.footer-minimal__input:-ms-input-placeholder,
.footer-minimal__input::-moz-placeholder,
.footer-minimal__input::-webkit-input-placeholder {
	color: #999!important;
	opacity: 1;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease
}

.footer-minimal__input:focus.placeholder,
.footer-minimal__input:focus:-moz-placeholder,
.footer-minimal__input:focus:-ms-input-placeholder,
.footer-minimal__input:focus::-moz-placeholder,
.footer-minimal__input:focus::-webkit-input-placeholder {
	color: #999!important;
	opacity: 0
}

.footer-minimal__submit {
	height: 100%;
	padding-top: 2px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 12px;
	white-space: nowrap;
	border: 0;
	background: 0 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-minimal__submit:hover {
	color: #284274
}

.footer-minimal__submit-icon {
	font-weight: 700;
	font-size: 12px;
	margin-left: 1px;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	display: inline-block
}

.footer-minimal__bottom {
	margin-top: 58px;
	color: #999
}

.footer-minimal__bottom strong {
	color: #fff;
	font-weight: 600
}

.footer-minimal__copyright a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #fff;
	font-weight: 600
}

.footer-minimal__copyright a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-minimal__copyright a:hover {
	color: #284274
}

.footer-minimal__copyright a:hover:after {
	opacity: 1
}

.footer-minimal__copyright a_active {
	color: #284274
}

.footer-minimal__copyright a_active:after {
	opacity: 1
}

.footer-minimal__copyright a_inverted:after {
	opacity: 1
}

.footer-minimal__copyright a_inverted:hover:after {
	opacity: 0
}

.footer-studio {
	padding-top: 136px;
	padding-bottom: 15px;
	background-size: cover;
	background-position: 50%;
	background-color: #252525;
	color: #fff;
	font-size: 16px;
	line-height: 1.875
}

.footer-studio__column {
	margin-bottom: 40px
}

.footer-studio__group-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 17px
}

.footer-studio__list {
	color: #999;
	list-style: none
}

.footer-studio p {
	color: #999;
	margin-bottom: 0
}

.footer-studio p a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-studio p a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-studio p a:hover {
	color: #284274
}

.footer-studio p a:hover:after {
	opacity: 1
}

.footer-studio p a_active {
	color: #284274
}

.footer-studio p a_active:after {
	opacity: 1
}

.footer-studio p a_inverted:after {
	opacity: 1
}

.footer-studio p a_inverted:hover:after {
	opacity: 0
}

.footer-studio p a:hover {
	color: #fff
}

.footer-studio__list-item {
	margin-bottom: 0
}

.footer-studio__list-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.footer-studio__list-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-studio__list-link:hover {
	color: #284274
}

.footer-studio__list-link:hover:after {
	opacity: 1
}

.footer-studio__list-link_active {
	color: #284274
}

.footer-studio__list-link_active:after {
	opacity: 1
}

.footer-studio__list-link_inverted:after {
	opacity: 1
}

.footer-studio__list-link_inverted:hover:after {
	opacity: 0
}

.footer-studio__list-link:hover {
	color: #fff
}

.footer-studio__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap
}

.footer-studio__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 100%;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 15px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-studio__social:not(:last-child) {
	margin-right: 24px
}

.footer-studio__social:hover {
	color: #284274
}

.footer-studio__social.icofont-behance,
.footer-studio__social.icofont-google-plus {
	font-size: 26px
}

.footer-studio__social.icofont-linkedin {
	font-size: 22px
}

.footer-studio__form {
	width: 100%;
	position: relative;
	margin-top: 16px
}

.footer-studio__input {
	font-size: 16px;
	height: 54px;
	width: 100%;
	color: #fff;
	padding: 2px 120px 0 20px;
	background: #333;
	border: 0
}

.footer-studio__input.placeholder,
.footer-studio__input:-moz-placeholder,
.footer-studio__input:-ms-input-placeholder,
.footer-studio__input::-moz-placeholder,
.footer-studio__input::-webkit-input-placeholder {
	color: #666!important;
	opacity: 1;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease
}

.footer-studio__input:focus.placeholder,
.footer-studio__input:focus:-moz-placeholder,
.footer-studio__input:focus:-ms-input-placeholder,
.footer-studio__input:focus::-moz-placeholder,
.footer-studio__input:focus::-webkit-input-placeholder {
	color: #666!important;
	opacity: 0
}

.footer-studio__submit {
	height: 100%;
	padding-top: 2px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 12px;
	white-space: nowrap;
	border: 0;
	background: 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #fff
}

.footer-studio__submit:hover {
	color: #284274
}

.footer-studio__submit-icon {
	font-weight: 700;
	font-size: 12px;
	margin-left: 1px;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	display: inline-block
}

.footer-studio__bottom {
	margin-top: 58px;
	color: #999
}

.footer-studio__bottom strong {
	color: #fff;
	font-weight: 600
}

.footer-studio__copyright a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #fff;
	font-weight: 600
}

.footer-studio__copyright a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.footer-studio__copyright a:hover {
	color: #284274
}

.footer-studio__copyright a:hover:after {
	opacity: 1
}

.footer-studio__copyright a_active {
	color: #284274
}

.footer-studio__copyright a_active:after {
	opacity: 1
}

.footer-studio__copyright a_inverted:after {
	opacity: 1
}

.footer-studio__copyright a_inverted:hover:after {
	opacity: 0
}

.footer_fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1
}

.full-screen-block {
	position: relative;
	min-height: 100vh
}

.full-screen-block.is-white {
	color: #fff
}

.full-screen-block__slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 100vh;
	background-size: cover;
	background-position: 50%;
	padding-top: 120px;
	padding-bottom: 120px;
	color: #000
}

.full-screen-block__slide_dark {
	color: #fff
}

.full-screen-block__slide-inner {
	position: relative
}

.full-screen-block__subtitle {
	font-size: 24px;
	margin-bottom: 17px
}

.full-screen-block__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 178px;
	margin-bottom: 11vh
}

.full-screen-block__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 120px;
	line-height: .875;
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-left: -4px
}

.full-screen-block__label {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: auto;
	padding-top: 35px;
	text-align: right
}

.full-screen-block__label-value {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px
}

.full-screen-block__text {
	font-size: 20px;
	max-width: 500px;
	margin-bottom: 86px;
	line-height: 1.6
}

.full-screen-block__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.4
}

.full-screen-block__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.full-screen-block__link:hover {
	color: #284274
}

.full-screen-block__link:hover:after {
	opacity: 1
}

.full-screen-block__link_active {
	color: #284274
}

.full-screen-block__link_active:after {
	opacity: 1
}

.full-screen-block__link_inverted:after {
	opacity: 1
}

.full-screen-block__link_inverted:hover:after {
	opacity: 0
}

.full-screen-block__link:after {
	height: 2px
}

.full-screen-block__counter {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 48px;
	position: absolute;
	right: -12px;
	bottom: -4px;
	letter-spacing: 12px;
	line-height: 1.3
}

.full-screen-block__counter-all {
	color: #999;
	margin-left: -18px
}

.full-screen-block__slide_dark .full-screen-block__counter-all {
	color: #ccc
}

.full-screen-block__footer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 5
}

.full-screen-block__footer-inner {
	display: -webkit-box;
	display: flex
}

.full-screen-block__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center
}

.full-screen-block__social-link {
	font-size: 18px;
	color: currentColor;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	margin-right: 35px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.full-screen-block__social-link:hover {
	color: #284274
}

.full-screen-block__social-link.icofont-behance {
	font-size: 24px
}

.full-screen-block__locales {
	margin-left: auto
}

.full-screen-block__locale {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-size: 16px;
	margin-left: 25px
}

.full-screen-block__locale:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.full-screen-block__locale:hover {
	color: #284274
}

.full-screen-block__locale:hover:after {
	opacity: 1
}

.full-screen-block__locale_active {
	color: #284274
}

.full-screen-block__locale_active:after {
	opacity: 1
}

.full-screen-block__locale_inverted:after {
	opacity: 1
}

.full-screen-block__locale_inverted:hover:after {
	opacity: 0
}

.full-screen-block__locale:after {
	display: none
}

.grid-block {
	min-height: 100vh;
	background-size: cover;
	background-position: 50%;
	padding-top: 148px;
	padding-bottom: 34px;
	position: relative;
	overflow: hidden;
	background: #666;
	color: #fff
}

.grid-block__image {
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: 50%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .35s, -webkit-transform 5s;
	transition: opacity .35s, -webkit-transform 5s;
	transition: transform 5s, opacity .35s;
	transition: transform 5s, opacity .35s, -webkit-transform 5s;
	opacity: 0
}

.grid-block__image_active {
	opacity: 1;
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.grid-block__content {
	position: relative;
	z-index: 2
}

.grid-block__column {
	margin-bottom: 30px;
	display: -webkit-box;
	display: flex
}

.grid-block__item {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	border: 1px solid rgba(255, 255, 255, .5);
	width: 100%;
	text-decoration: none;
	color: currentColor;
	padding: 80px 30px 32px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: rgba(242, 74, 0, 0);
	min-height: 340px;
	position: relative
}

.grid-block__item:hover,
.grid-block__item_active {
	background: #284274;
	border-color: #284274
}

.grid-block__year {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1;
	position: absolute;
	right: 30px;
	top: 27px
}

.grid-block__subtitle {
	display: block;
	margin-bottom: 4px
}

.grid-block__title {
	display: block;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 48px;
	line-height: .75
}

.icon {
	display: inline-block;
	height: 1em;
	width: 1em;
	vertical-align: middle;
	fill: inherit;
	fill: currentColor;
	stroke: inherit
}

.icon use {
	fill: inherit;
	fill: currentColor
}

.icon_behance {
	width: 1.5em
}

.icon_facebook {
	width: .466666666666667em
}

.icon_twitter {
	width: 1.090909090909091em
}

.info-card-content {
	padding: 12px 40px 52px
}

.info-card-content__title {
	font-size: 48px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 28px
}

.info-card-content__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 40px
}

.info-card-content__list:not(:last-child) {
	margin-bottom: 46px
}

.info-card-content__list-item {
	display: -webkit-box;
	display: flex;
	padding: 12px 0 9px;
	-webkit-box-align: center;
	align-items: center
}

.info-card-content__list-item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.info-card-content__list-item-name {
	text-transform: uppercase;
	font-weight: 600;
	margin-right: auto
}

.info-card-content__list-item-text {
	font-size: 16px;
	text-align: right;
	margin-left: 20px
}

.info-card-content__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
	-webkit-box-pack: end;
	justify-content: flex-end
}

.info-card-content__social {
	font-size: 18px;
	text-decoration: none;
	color: #000;
	-webkit-transition: color .3s;
	transition: color .3s;
	margin-bottom: 5px
}

.info-card-content__social:hover {
	color: #284274
}

.info-card-content__social:not(:first-child) {
	margin-left: 26px
}

.info-card {
	position: relative;
	max-width: 530px;
	width: 100%
}

.info-card__button {
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	height: 80px;
	background: #fff;
	border: 0;
	padding: 0 45px;
	margin-left: auto;
	-webkit-transition: color .3s;
	transition: color .3s
}

.info-card__button:hover {
	color: #284274
}

.info-card__body {
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	color: #000;
	max-height: 80vh;
	overflow: auto
}

.link,
a:not([class]) {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.link:hover,
a:not([class]):hover {
	color: #284274
}

.link:hover:after,
a:not([class]):hover:after {
	opacity: 1
}

.link_active {
	color: #284274
}

.link_active:after {
	opacity: 1
}

.link_inverted:after {
	opacity: 1
}

.link_inverted:hover:after {
	opacity: 0
}

.listing-block {
	padding-bottom: 134px;
	border-bottom: 1px solid #ebebeb;
	text-align: center
}

.listing-block__filter {
	color: #666;
	margin-bottom: 58px
}

.listing-block .listing-block__filter-link {
	margin-left: 17px;
	margin-right: 17px
}

.listing-block__grid {
	margin-bottom: 116px
}

.listing-block__item {
	text-decoration: none;
	color: currentColor;
	display: block;
	margin-bottom: 58px
}

.listing-block__image-wrapper {
	margin-bottom: 26px;
	overflow: hidden;
	display: block
}

.listing-block__image {
	width: 100%;
	display: block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 1
}

.listing-block__image:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	opacity: .6
}

.listing-block__item-title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 48px;
	line-height: .666666666666667;
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s;
	margin-bottom: 14px
}

.listing-block__item:hover .listing-block__item-title {
	color: #284274
}

.listing-block__item-category {
	color: #999
}

.listing-block__loader {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #999
}

.logo {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 36px;
	line-height: .555555555555556;
	margin-top: .1em;
	text-transform: uppercase;
	color: currentColor;
	text-decoration: none;
	letter-spacing: .2em;
	-webkit-transition: all .3s;
	transition: all .3s
}

.main-slide {
	min-height: 100vh;
	background-size: cover;
	background-position: 50%;
	display: -webkit-box;
	display: flex;
	color: #fff;
	position: relative
}

.main-slide__image {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%!important;
	width: 100%;
	z-index: 1
}

.main-slide__container {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 180px;
	padding-bottom: 120px
}

.main-slide__slide-inner {
	width: 100%;
	position: relative;
	z-index: 2
}

.main-slide__subtitle-wrapper {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 24px
}

.main-slide__subtitle {
	font-size: 24px
}

.main-slide__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 63px
}

.main-slide__title-wrapper>:first-child {
	-webkit-box-flex: 1;
	flex-grow: 1
}

.main-slide__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 180px;
	line-height: .75;
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-left: -6px
}

.main-slide_size_medium .main-slide__title {
	font-size: 160px
}

.main-slide__label-wrapper {
	margin-left: auto
}

.main-slide__label {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 35px;
	text-align: right
}

.main-slide__label-value {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	margin-top: 6px;
	text-align: right
}

.main-slide__text-wrapper {
	max-width: 500px
}

.main-slide__text-wrapper:not(:last-child) {
	margin-bottom: 86px
}

.main-slide__text {
	font-size: 20px;
	line-height: 1.6
}

.main-slide_size_medium .main-slide__text {
	font-size: 16px
}

.main-slide__link-wrapper {
	display: inline-block;
	vertical-align: top
}

.main-slide__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	color: #284274;
	line-height: 1.4
}

.main-slide__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.main-slide__link:hover {
	color: #284274
}

.main-slide__link:hover:after {
	opacity: 1
}

.main-slide__link_active {
	color: #284274
}

.main-slide__link_active:after {
	opacity: 1
}

.main-slide__link_inverted:after {
	opacity: 1
}

.main-slide__link_inverted:hover:after {
	opacity: 0
}

.main-slide__link:after {
	height: 2px
}

.main-slide__counter-wrapper {
	position: absolute;
	right: -12px;
	bottom: 0
}

.main-slide__counter-inner {
	position: relative
}

.main-slide__counter {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 48px;
	letter-spacing: 12px;
	line-height: 1.3
}

.main-slide__counter-all {
	color: #999;
	margin-left: -18px
}

.main-slide .tp-parallax-wrap {
	min-width: auto!important;
	position: inherit!important;
	top: auto!important;
	left: auto!important
}

.main-slide .tp-loop-wrap,
.main-slide .tp-mask-wrap {
	position: inherit!important
}

.main-slider {
	position: relative;
	color: #fff;
	min-height: 100vh
}

.main-slider__footer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 20
}

.main-slider__footer-inner {
	display: -webkit-box;
	display: flex
}

.main-slider__socials {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center
}

.main-slider__social-link {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	margin-right: 35px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.main-slider__social-link:hover {
	color: #284274
}

.main-slider__social-link.icofont-behance {
	font-size: 24px
}

.main-slider__locales {
	margin-left: auto
}

.main-slider__locale {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	font-size: 16px;
	margin-left: 25px
}

.main-slider__locale:after {
	display: none
}

.masonry-block {
	padding-bottom: 110px;
	border-bottom: 1px solid #ebebeb
}

.masonry-block__grid {
	margin-bottom: 82px
}

.masonry-block__item {
	margin-bottom: 42px
}

.masonry-item {
	text-decoration: none;
	color: currentColor;
	display: block
}

.masonry-item__image-wrapper {
	margin-bottom: 20px;
	overflow: hidden
}

.masonry-item__image {
	width: 100%;
	display: block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 1
}

.masonry-item__image-wrapper:hover .masonry-item__image {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	opacity: .6
}

.masonry-item__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.066666666666667;
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s
}

.masonry-item:hover .masonry-item__title {
	color: #284274
}

.masonry-item__category {
	color: #999
}

.masonry-large-block {
	margin-top: 120px;
	padding-bottom: 110px;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden
}

.masonry-large-block__grid {
	margin-bottom: 76px
}

.masonry-large-block__item {
	margin-bottom: 30px
}

.masonry-large-block__item-inner {
	text-decoration: none;
	color: currentColor;
	display: block;
	margin-bottom: 42px
}

.masonry-large-block__item-inner img {
	width: 100%;
	margin-bottom: 10px
}

.masonry-large-block__item-title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.066666666666667;
	display: block;
	-webkit-transition: color .3s;
	transition: color .3s
}

.masonry-block__item-inner:hover .masonry-large-block__item-title {
	color: #284274
}

.masonry-large-block__item-category {
	color: #999
}

.masonry-large-block__loader {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #999;
	text-align: center;
	margin-top: 40px
}

.masonry__primary-filters {
	margin-bottom: 12px
}

.masonry__primary-filter-button {
	font-size: 16px;
	font-weight: 600;
	border: 0;
	background: 0 0;
	color: #ccc;
	margin-right: 40px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.masonry__primary-filter-button:hover {
	color: #000
}

.masonry__primary-filter-button_active {
	color: #000
}

.masonry__secondary-filters-wrapper {
	position: relative
}

.masonry__secondary-filters {
	margin-bottom: 56px;
	top: 0;
	left: 0
}

.masonry__secondary-filter-button {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	border: 0;
	background: 0 0;
	margin-right: 34px;
	-webkit-transition: color .3s;
	transition: color .3s;
	line-height: inherit
}

.masonry__secondary-filter-button:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.masonry__secondary-filter-button:hover {
	color: #284274
}

.masonry__secondary-filter-button:hover:after {
	opacity: 1
}

.masonry__secondary-filter-button_active {
	color: #284274
}

.masonry__secondary-filter-button_active:after {
	opacity: 1
}

.masonry__secondary-filter-button_inverted:after {
	opacity: 1
}

.masonry__secondary-filter-button_inverted:hover:after {
	opacity: 0
}

.minimal-head-block {
	padding-top: 250px;
	padding-bottom: 116px
}

.minimal-head-block__title {
	font-size: 80px;
	line-height: 1.05;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 24px
}

.minimal-head-block__label-wrapper {
	position: relative
}

.minimal-head-block__label-inner:after {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	bottom: 3px;
	top: -5px;
	width: 100%;
	background: #284274
}

.minimal-head-block__label {
	color: #fff;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 10px;
	line-height: 1;
	position: relative;
	z-index: 2
}

.minimal-head-block__text {
	font-size: 20px;
	line-height: 1.6;
	color: #666;
	max-width: 770px
}

.news-masonry-item {
	background: #f2f2f2;
	text-decoration: none;
	color: currentColor;
	-webkit-transition: .3s;
	transition: .3s;
	display: block
}

.news-masonry-item:hover {
	background: #284274;
	color: #fff
}

.news-masonry-item__image-wrapper {
	overflow: hidden;
	display: block
}

.news-masonry-item__image {
	width: 100%;
	display: block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s
}

.news-masonry-item__image:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}

.news-masonry-item__content {
	padding: 30px 35px 32px
}

.news-masonry-item__category {
	font-weight: 500
}

.news-masonry-item__header {
	display: -webkit-box;
	display: flex;
	margin-bottom: 4px
}

.news-masonry-item__date {
	color: #999;
	position: relative;
	padding-left: 14px;
	margin-left: 12px;
	-webkit-transition: .3s;
	transition: .3s
}

.news-masonry-item:hover .news-masonry-item__date {
	color: #fff
}

.news-masonry-item__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.news-masonry-item__title {
	display: block;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 22px
}

.news-masonry-item__item-inner:hover .news-masonry-item__title {
	color: #284274
}

.news-masonry-item__text {
	color: #666;
	-webkit-transition: .3s;
	transition: .3s;
	margin-bottom: 24px
}

.news-masonry-item:hover .news-masonry-item__text {
	color: #fff
}

.news-masonry-item__continue {
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 20px
}

.news-masonry-item__continue-icon {
	font-size: 1.428571428571429em;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 6px
}

.panorama-slider__data-layer {
	position: absolute;
	width: 100%;
	top: 17%;
	left: 0
}

.panorama-slider__container {
	position: relative;
	max-width: 1530px;
	padding: 0 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	z-index: 22
}

.panorama-slider__menu-link {
	display: -webkit-box;
	display: flex;
	width: 80px;
	min-width: 80px;
	height: 80px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 35px;
	background: #fff;
	margin-left: 22px;
	text-decoration: none;
	color: #000;
	-webkit-transition: color .3s;
	transition: color .3s
}

.panorama-slider__menu-link:hover {
	color: #284274
}

.panorama-slider__content {
	display: none
}

.panorama-slider2 {
	position: relative;
	color: #fff
}

.panorama-slider2__slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 100vh;
	background-size: cover;
	background-position: 50%;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
	pointer-events: none
}

.panorama-slider2__slide-inner {
	position: relative
}

.panorama-slider2__subtitle {
	font-size: 20px;
	margin-bottom: 20px!important
}

.panorama-slider2__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	margin-bottom: 78px
}

.panorama-slider2__title-wrapper>:first-child {
	-webkit-box-flex: 1;
	flex-grow: 1
}

.panorama-slider2__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 120px;
	line-height: .875;
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-left: -6px
}

.panorama-slider2__label {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: auto;
	text-align: center;
	padding-bottom: 6px
}

.panorama-slider2__label-icon {
	font-size: 72px;
	padding-right: .3em;
	text-align: center!important
}

.panorama-slider2__label-value {
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	margin-top: 20px;
	font-family: Teko, Helvetica, sans-serif;
	letter-spacing: .25em
}

.panorama-slider2__text {
	font-size: 20px;
	max-width: 500px;
	margin-bottom: 86px;
	line-height: 1.6
}

.panorama-slider2__link-wrapper {
	display: inline-block;
	vertical-align: top;
	pointer-events: auto
}

.panorama-slider2__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.4
}

.panorama-slider2__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.panorama-slider2__link:hover {
	color: #284274
}

.panorama-slider2__link:hover:after {
	opacity: 1
}

.panorama-slider2__link_active {
	color: #284274
}

.panorama-slider2__link_active:after {
	opacity: 1
}

.panorama-slider2__link_inverted:after {
	opacity: 1
}

.panorama-slider2__link_inverted:hover:after {
	opacity: 0
}

.panorama-slider2__link:after {
	height: 2px
}

.panorama-slider2__footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 20
}

.panorama-slider2__footer:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	right: 50%;
	background: #fff;
	z-index: 1
}

.panorama-slider2__footer-inner {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	z-index: 2
}

.panorama-slider2__footer-menu {
	min-width: 68%;
	width: 68vmin;
	display: -webkit-box;
	display: flex;
	list-style: none;
	color: #000;
	background: #fff;
	font-size: 2.2vmin;
	line-height: 1.363636363636364;
	text-transform: uppercase;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.panorama-slider2__footer-item {
	width: 200px;
	height: 16vmin;
	padding-right: 30px;
	padding-top: 5vmin
}

.panorama-slider2__footer-link {
	text-decoration: none;
	color: currentColor;
	-webkit-transition: all .3s;
	transition: all .3s
}

.panorama-slider2__footer-link:hover {
	color: #284274
}

.panorama-slider2__controls {
	display: -webkit-box;
	display: flex;
	margin-left: auto;
	position: absolute;
	top: 50%;
	right: 60px;
	margin-top: -30px;
	z-index: 2
}

.panorama-slider2__control {
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 22px;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	background: rgba(255, 255, 255, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-left: 25px
}

.panorama-slider2__control:hover {
	background: rgba(255, 255, 255, .25);
	border-color: rgba(255, 255, 255, .25)
}

.panorama-slider2 .tparrows {
	display: none
}

.panorama-slider2 .tp-parallax-wrap {
	min-width: auto!important;
	position: inherit!important;
	top: auto!important;
	left: auto!important
}

.panorama-slider2 .tp-loop-wrap,
.panorama-slider2 .tp-mask-wrap {
	position: inherit!important
}

.parallax-block {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 100vh;
	color: #fff;
	background: #242323;
	overflow: hidden
}

.parallax-block__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	padding-top: 40px;
	padding-bottom: 40px;
	z-index: 1;
	display: block!important
}

.parallax-block__inner {
	position: relative;
	z-index: 2
}

.parallax-block__subtitle {
	margin-bottom: 35px
}

.parallax-block__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 58px
}

.parallax-block__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 160px;
	line-height: .84375;
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-left: -7px
}

.parallax-block__label {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: auto;
	padding-top: 38px;
	text-align: right
}

.parallax-block__play {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #284274;
	border: 0;
	margin-left: auto;
	margin-top: 52px
}

.parallax-block__play:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	background: 0;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent #fff;
	margin-left: 3px
}

.parallax-block__text {
	font-size: 16px;
	max-width: 500px;
	margin-bottom: 94px;
	line-height: 1.875
}

.parallax-block__download-link {
	font-size: 30px;
	font-family: Teko, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: currentColor;
	line-height: 1;
	-webkit-transition: color .3s;
	transition: color .3s
}

.parallax-block__download-link:hover {
	color: #284274
}

.parallax-block__download-icon {
	font-size: 36px;
	margin-right: 22px;
	display: inline-block;
	vertical-align: top
}

.parallax-block__download-text {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 3px;
	margin-top: 3px
}

.parallax-block__download-text:after {
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	background: currentColor;
	left: 0;
	bottom: 0;
	width: 100%
}

.parallax-image {
	overflow: hidden;
	height: 500px
}

.parallax-image__image {
	background-position: 50%;
	background-size: cover;
	height: 100%
}

.person-block {
	background: #f8f8f8;
	padding: 60px 70px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start
}

.person-block__image {
	width: 130px;
	min-width: 130px;
	margin-right: 37px;
	margin-top: 5px
}

.person-block__name {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 16px
}

.person-block__text {
	color: #666;
	margin-bottom: 24px
}

.person-block__share-item {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #999;
	text-decoration: none;
	margin: 0 5px;
	-webkit-transition: .3s;
	transition: .3s
}

.person-block__share-item:hover {
	color: #000
}

.person-block__share-item:first-child {
	margin-left: 0
}

.posts__item-inner {
	width: 100%;
	display: block;
	text-decoration: none;
	background: #fff;
	color: #000;
	position: relative;
	overflow: hidden
}

.posts__item-inner:hover:after {
	opacity: 1
}

.posts__item-inner:after {
	content: '';
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 20px 60px 0 rgba(2, 3, 3, .25);
	-webkit-transition: .3s ease;
	transition: .3s ease
}

.posts__item-inner:before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .9)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%)
}

.posts__image {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s
}

.posts__item-inner:hover .posts__image {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}

.posts__item-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 16px 25px 19px;
	z-index: 2;
	color: #fff
}

.posts__item-footer {
	display: block;
	margin-bottom: 5px
}

.posts__item-title {
	font-size: 18px;
	line-height: 1.444444444444444;
	margin-bottom: 8px;
	font-weight: 500;
	-webkit-transition: all .3s;
	transition: all .3s
}

.posts__item-inner:hover .posts__item-title {
	text-decoration: underline
}

.posts__category {
	font-weight: 500
}

.posts__date {
	color: #ccc;
	position: relative;
	padding-left: 14px;
	margin-left: 7px
}

.posts__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.double-bounce1 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #f24a01;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #f24a01;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.project-block {
	padding-top: 180px
}

.project-block__item {
	border: 4px solid green
}

.project-block__image-wrapper {
	overflow: hidden;
	position: relative;
	display: block
}

.project-block__image-wrapper_offset {
	margin-top: 120px
}

.project-block__image-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
}

.project-block__image {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s;
	transition: .5s
}

.project-block__project:hover .project-block__image {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}

.project-block__subtitle {
	text-transform: uppercase;
	color: #999;
	font-weight: 500;
	letter-spacing: .08em;
	margin-bottom: 12px
}

.project-block__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 46px;
	line-height: 1.043478260869565;
	margin-bottom: 124px
}

.project-block__project {
	display: block;
	text-decoration: none;
	color: currentColor;
	position: relative;
	margin-bottom: 125px;
	width: 100%
}

.project-block__project-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	padding: 35px 44px;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s
}

.project-block__project:hover .project-block__project-content {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.project-block__project-content-inner {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: end;
	align-items: flex-end;
	position: relative;
	width: 100%
}

.project-block__project-subtitle {
	font-size: 16px;
	display: block;
	margin-bottom: 12px;
	width: 100%
}

.project-block__project-title {
	display: block;
	font-size: 48px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1;
	width: 70%;
	-webkit-box-flex: 1;
	flex-grow: 1
}

.project-block__project-more {
	right: -12px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: .04em;
	-webkit-transition: color .3s;
	transition: color .3s;
	color: #fff;
	position: relative
}

.project-block__project:hover .project-block__project-more {
	color: #284274
}

.project-block__project-more-arrow {
	font-size: 12px;
	margin-left: 4px
}

.project-block__read-more-column {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.project-block__read-more {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 84px
}

.project-detail {
	padding-top: 110px;
	overflow: hidden
}

.project-detail__head-items {
	margin-top: 68px;
	margin-bottom: 118px;
	font-size: 16px
}

.project-detail__head-item {
	color: #666;
	margin-bottom: 3px
}

.project-detail__head-item strong {
	color: #000;
	font-weight: 500
}

.project-detail__head-item-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer
}

.project-detail__head-item-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.project-detail__head-item-link:hover {
	color: #284274
}

.project-detail__head-item-link:hover:after {
	opacity: 1
}

.project-detail__head-item-link_active {
	color: #284274
}

.project-detail__head-item-link_active:after {
	opacity: 1
}

.project-detail__head-item-link_inverted:after {
	opacity: 1
}

.project-detail__head-item-link_inverted:hover:after {
	opacity: 0
}

.project-detail__head-item-link_twitter {
	color: #00c1f1
}

.project-detail__head-item-link_facebook {
	color: #1f5fa6
}

.project-detail__head-item-link_google {
	color: #d10000
}

.project-detail__head-item-link_rss {
	color: #fc7d00
}

.project-detail__title {
	font-size: 48px;
	line-height: .625;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 70px
}

.project-detail__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 75px
}

.project-detail__footer-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #284274;
	font-size: 48px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1.291666666666667;
	margin-top: 115px;
	margin-bottom: 140px
}

.project-detail__footer-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.project-detail__footer-link:hover {
	color: #284274
}

.project-detail__footer-link:hover:after {
	opacity: 1
}

.project-detail__footer-link_active {
	color: #284274
}

.project-detail__footer-link_active:after {
	opacity: 1
}

.project-detail__footer-link_inverted:after {
	opacity: 1
}

.project-detail__footer-link_inverted:hover:after {
	opacity: 0
}

.project-detail__footer-link:after {
	height: 3px
}

.project-detail__navigation {
	display: -webkit-box;
	display: flex;
	background: #f4f5f7
}

.project-detail__navigation-link {
	width: 50%;
	position: relative;
	min-height: 125px;
	padding: 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-decoration: none;
	color: #999;
	-webkit-transition: color .3s;
	transition: color .3s
}

.project-detail__navigation-link:hover {
	color: #fff
}

.project-detail__navigation-link-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background-position: 50%;
	background-size: cover;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.project-detail__navigation-link:hover .project-detail__navigation-link-image {
	opacity: 1
}

.project-detail__navigation-link-image:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .3
}

.project-detail__navigation-link-text {
	position: relative;
	z-index: 2;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1em;
	margin-left: 1em
}

.project-slider__data-layer {
	position: absolute;
	width: 100%;
	top: 17%;
	left: 0
}

.project-slider__container {
	position: relative;
	max-width: 1530px;
	padding: 0 60px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	z-index: 22
}

.project-slider__menu-link {
	display: -webkit-box;
	display: flex;
	width: 80px;
	min-width: 80px;
	height: 80px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 35px;
	background: #fff;
	margin-left: 22px;
	text-decoration: none;
	color: #000;
	-webkit-transition: color .3s;
	transition: color .3s
}

.project-slider__menu-link:hover {
	color: #284274
}

.projects-block__header {
	margin-bottom: 65px
}

.projects-block__filter {
	padding-top: 2px;
	font-size: 16px;
	color: #666
}

.projects-block__filter-link {
	margin-right: 45px;
	margin-bottom: 5px
}

.projects-block__slider {
	color: #fff;
	height: 475px
}

.projects-block__slider .swiper-slide {
	flex-shrink: initial
}

.projects-block__slide-wrapper {
	width: auto
}

.projects-block__slide {
	background-color: #242323;
	color: #fff;
	height: 475px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.projects-block__slide:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%)
}

.projects-block__image {
	display: block;
	max-height: 100%;
	width: auto!important
}

.projects-block__slide-content {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 34px
}

.projects-block__slide-head {
	display: block;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .6s .2s;
	transition: -webkit-transform .6s .2s;
	transition: transform .6s .2s;
	transition: transform .6s .2s, -webkit-transform .6s .2s
}

.projects-block__slide:hover .projects-block__slide-head {
	-webkit-transform: translateY(-24px);
	transform: translateY(-24px)
}

.projects-block__slide-title {
	display: block;
	font-size: 30px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1;
	margin-bottom: 4px
}

.projects-block__slide-label {
	display: block;
	color: #ccc;
	text-transform: uppercase
}

.projects-block__slide-text {
	display: block;
	padding-right: 20px;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: max-height 1s, opacity .2s, visibility .2s, -webkit-transform .6s .4s;
	transition: max-height 1s, opacity .2s, visibility .2s, -webkit-transform .6s .4s;
	transition: transform .6s .4s, max-height 1s, opacity .2s, visibility .2s;
	transition: transform .6s .4s, max-height 1s, opacity .2s, visibility .2s, -webkit-transform .6s .4s
}

.projects-block__slide:hover .projects-block__slide-text {
	max-height: 400px;
	opacity: 1;
	visibility: visible;
	margin-left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: max-height 2s, opacity .2s .4s, visibility .2s .4s, -webkit-transform .6s .4s;
	transition: max-height 2s, opacity .2s .4s, visibility .2s .4s, -webkit-transform .6s .4s;
	transition: transform .6s .4s, max-height 2s, opacity .2s .4s, visibility .2s .4s;
	transition: transform .6s .4s, max-height 2s, opacity .2s .4s, visibility .2s .4s, -webkit-transform .6s .4s
}

.projects-block__arrow {
	position: absolute;
	right: 34px;
	bottom: 34px;
	font-size: 18px;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	opacity: 0;
	-webkit-transition: opacity .2s, -webkit-transform .6s .4s;
	transition: opacity .2s, -webkit-transform .6s .4s;
	transition: transform .6s .4s, opacity .2s;
	transition: transform .6s .4s, opacity .2s, -webkit-transform .6s .4s
}

.projects-block__slide:hover .projects-block__arrow {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: opacity .2s .4s, -webkit-transform .6s .4s;
	transition: opacity .2s .4s, -webkit-transform .6s .4s;
	transition: opacity .2s .4s, transform .6s .4s;
	transition: opacity .2s .4s, transform .6s .4s, -webkit-transform .6s .4s
}

.projects-block__controls {
	display: -webkit-box;
	display: flex;
	font-size: 22px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -3px
}

.projects-block__control {
	background: 0 0;
	color: currentColor;
	border: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.projects-block__control:hover {
	color: #999
}

.quote__text {
	font-size: 24px;
	line-height: 1.666666666666667;
	font-weight: 100;
	line-height: 1.5;
	padding-left: 12.5%;
	padding-right: 12.5%;
	position: relative;
	margin-bottom: 32px
}

.quote__text strong {
	font-weight: 500
}

.quote__text:before {
	position: absolute;
	content: '';
	width: 4px;
	left: 0;
	top: 9px;
	bottom: 9px;
	background: #284274
}

.quote__name {
	font-size: 16px;
	line-height: 1.75;
	padding-left: 12.5%;
	line-height: 1.5
}

.quote__role {
	color: #999;
	padding-left: 12.5%
}

.review-slider__title {
	font-family: Teko, Helvetica, sans-serif;
	line-height: .875;
	font-size: 80px;
	margin-bottom: 44px
}

.review-slider__slider {
	margin-bottom: 70px
}

.review-slider__text {
	color: #666;
	font-size: 16px;
	line-height: 1.625;
	margin-bottom: 32px
}

.review-slider__person {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500
}

.review-slider__controls {
	display: -webkit-box;
	display: flex;
	font-size: 22px
}

.review-slider__control {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 15px;
	border-radius: 100%;
	border: 1px solid #ccc;
	color: #ccc;
	background: rgba(50, 50, 50, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-right: 20px
}

.review-slider__control:hover {
	background: #323232;
	border-color: #323232
}

.reviews-block {
	background-image: url(../img/dot-gray.jpg);
	padding-top: 134px;
	padding-bottom: 138px;
	overflow: hidden
}

.reviews-block_template_zoom {
	background: #f8f8f8
}

.reviews-block_template_zoom .reviews-block__title {
	font-size: 16px;
	line-height: 1.125;
	text-transform: uppercase;
	font-weight: 600;
	background: #f14201;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 4px 6px 1px
}

.reviews-block_template_zoom .reviews-block__title:empty {
	opacity: 0
}

.reviews-block__title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	letter-spacing: .02em;
	background-color: #f14201;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 3px 15px
}

.reviews-block__slider {
	margin-top: 76px
}

.reviews-block__main:not(:last-child) {
	margin-bottom: 126px
}

.reviews-block__slide {
	background: #fff;
	padding: 44px 50px
}

.reviews-block__text {
	color: #666;
	font-size: 18px;
	line-height: 1.666666666666667;
	margin-bottom: 32px
}

.reviews-block__person {
	display: -webkit-box;
	display: flex;
	padding-right: 40px;
	position: relative;
	-webkit-box-align: start;
	align-items: flex-start
}

.reviews-block__person-data {
	margin-top: 5px
}

.reviews-block__person-name {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 2px
}

.reviews-block__person-role {
	color: #999
}

.reviews-block__person-image {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 23px
}

.reviews-block__person-image img {
	width: 100%
}

.reviews-block__quote {
	width: auto!important;
	position: absolute;
	right: 0;
	top: 12px
}

.reviews-block__controls {
	display: -webkit-box;
	display: flex;
	font-size: 22px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: -2px
}

.reviews-block__control {
	background: 0 0;
	border: 0;
	color: currentColor;
	margin-bottom: -2px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.reviews-block__control:hover {
	color: #999
}

.revolution-slider .tparrows {
	position: absolute;
	-webkit-transform: translateY(-50%)!important;
	transform: translateY(-50%)!important;
	top: 50%!important;
	background: 0 0!important;
	opacity: .5;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.revolution-slider .tparrows:hover {
	opacity: 1
}

.revolution-slider .tparrows:before {
	font-size: 44px;
	font-family: Linearicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.revolution-slider .tparrows.tp-leftarrow {
	left: 50px!important;
	right: auto!important
}

.revolution-slider .tparrows.tp-leftarrow:before {
	content: "\e93b"
}

.revolution-slider .tparrows.tp-rightarrow {
	right: 50px!important;
	left: auto!important
}

.revolution-slider .tparrows.tp-rightarrow:before {
	content: "\e93c"
}

.service-block {
	background: #f8f8f8;
	padding-top: 146px;
	padding-bottom: 30px
}

.service-block__head {
	margin-bottom: 116px
}

.service-block__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 20px
}

.service-block__text {
	padding-top: 6px;
	font-size: 16px;
	line-height: 1.875;
	color: #666
}

.service-detail {
	padding-top: 120px;
	overflow: hidden
}

.service-detail__head {
	margin-bottom: 100px
}

.service-detail__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 24px
}

.service-detail__intro {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 92px
}

.service-detail__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 104px
}

.service-detail__subtitle {
	font-size: 36px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: .6em
}

.service-works {
	background: #f3f5f6;
	padding-top: 116px;
	padding-bottom: 80px;
	border-bottom: 1px solid #ebebeb
}

.service-works__item {
	margin-bottom: 42px
}

.show-more {
	text-align: center
}

.show-more__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2
}

.show-more__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.show-more__link:hover {
	color: #284274
}

.show-more__link:hover:after {
	opacity: 1
}

.show-more__link_active {
	color: #284274
}

.show-more__link_active:after {
	opacity: 1
}

.show-more__link_inverted:after {
	opacity: 1
}

.show-more__link_inverted:hover:after {
	opacity: 0
}

.simple-slider {
	position: relative
}

.simple-slider__slide img {
	display: block;
	max-width: 100%
}

.simple-slider__control {
	position: absolute;
	top: 50%;
	background: 0 0;
	border: 0;
	color: currentColor;
	margin-bottom: -2px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transform: translateY(-50%) translateZ(0);
	transform: translateY(-50%) translateZ(0);
	font-size: 38px;
	opacity: .25;
	font-weight: 600
}

.simple-slider__control:hover {
	color: #999
}

.simple-slider__control_prev {
	left: -80px
}

.simple-slider__control_next {
	right: -80px
}

.simple-slider .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center
}

.simple-slider .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	margin-left: 11px!important;
	margin-right: 11px!important;
	background: #fff!important;
	opacity: .5!important;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.simple-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.simple-slider .swiper-pagination-bullet:hover {
	opacity: 1!important
}

.single-post {
	padding-top: 120px;
	overflow: hidden
}

.single-post__head {
	margin-bottom: 100px
}

.single-post__image {
	width: 100%;
	display: block;
	margin-bottom: 30px
}

.single-post__category {
	font-weight: 500;
	color: currentColor;
	-webkit-transition: .3s;
	transition: .3s
}

.single-post__category:hover {
	color: #284274
}

.single-post__header {
	display: -webkit-box;
	display: flex;
	margin-bottom: 28px
}

.single-post__date {
	color: #666;
	position: relative;
	padding-left: 14px;
	margin-left: 12px
}

.single-post__date:after {
	content: '';
	position: absolute;
	background: currentColor;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	top: 50%;
	left: 0
}

.single-post__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 76px
}

.single-post__intro {
	font-size: 24px;
	line-height: 1.666666666666667;
	font-weight: 100;
	margin-bottom: 74px
}

.single-post__intro strong {
	font-weight: 500
}

.single-post__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 76px
}

.single-post__text p {
	margin-bottom: 30px
}

.single-post__images {
	margin-bottom: 62px
}

.single-post__subtitle {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.25;
	margin-bottom: 32px
}

.single-post__quote {
	margin-bottom: 55px
}

.single-post__links {
	margin-bottom: 26px;
	color: #999
}

.single-post__links-title {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-weight: 600
}

.single-post__links-item {
	color: currentColor;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none
}

.single-post__links-item:hover {
	color: #284274
}

.single-post__links-item_iconed {
	font-size: 18px;
	padding: 0 7px
}

.single-post__author {
	margin-top: 66px;
	margin-bottom: 94px
}

.single-post__posts-title {
	margin-bottom: 60px
}

.single-post__posts-list {
	display: -webkit-box;
	display: flex;
	margin-left: -35px;
	margin-right: -35px;
	padding-bottom: 65px
}

.single-post__posts-item {
	width: 50%;
	padding: 0 35px;
	margin-bottom: 30px
}

.socials {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	flex-wrap: wrap
}

.socials__social {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	border: 1px solid #ccc;
	color: currentColor;
	border-radius: 100%;
	text-decoration: none;
	font-size: 18px;
	margin-bottom: 15px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.socials__social:not(:first-child) {
	margin-left: 15px
}

.socials__social:hover {
	background: #284274;
	color: #fff;
	border-color: #284274
}

.specialization-block {
	padding-top: 125px;
	padding-bottom: 100px
}

.specialization-block .icon {
	font-size: 111px
}

.specialization-block__image {
	height: 111px;
	margin-bottom: 35px
}

.specialization-block__item {
	max-width: 310px;
	margin-bottom: 55px
}

.specialization-block__title {
	margin-bottom: 80px
}

.specialization-block__item-title {
	font-size: 48px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1;
	margin-bottom: 14px
}

.specialization-block__item-text {
	color: #666;
	line-height: 1.714285714285714;
	margin-bottom: 35px
}

.studio-filter {
	padding: 58px 0 68px
}

.studio-filter__inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between
}

.studio-filter__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif
}

.studio-filter__filter {
	padding-top: 26px;
	font-size: 16px;
	color: #666
}

.studio-filter__filter-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	line-height: 1.375;
	margin-bottom: 6px
}

.studio-filter__filter-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.studio-filter__filter-link:hover {
	color: #284274
}

.studio-filter__filter-link:hover:after {
	opacity: 1
}

.studio-filter__filter-link_active {
	color: #284274
}

.studio-filter__filter-link_active:after {
	opacity: 1
}

.studio-filter__filter-link_inverted:after {
	opacity: 1
}

.studio-filter__filter-link_inverted:hover:after {
	opacity: 0
}

.studio-filter__filter-link:not(:last-child) {
	margin-right: 40px
}

.studio-intro-slide {
	display: -webkit-box;
	display: flex;
	min-height: 100vh;
	background-size: cover;
	background-position: 50%;
	text-align: center;
	position: relative!important;
	z-index: 999!important;
	color: #fff
}

.studio-intro-slide__container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 130px;
	padding-bottom: 90px
}

.studio-intro-slide__inner {
	position: relative;
	left: auto!important
}

.studio-intro-slide__subtitle {
	font-size: 24px;
	margin-bottom: 17px
}

.studio-intro-slide__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 52px
}

.studio-intro-slide__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 120px;
	line-height: .875;
	-webkit-box-flex: 1;
	flex-grow: 1
}

.studio-intro-slide__text {
	font-size: 20px;
	max-width: 630px;
	margin-bottom: 84px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	white-space: initial!important
}

.studio-intro-slide__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.4
}

.studio-intro-slide__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.studio-intro-slide__link:hover {
	color: #284274
}

.studio-intro-slide__link:hover:after {
	opacity: 1
}

.studio-intro-slide__link_active {
	color: #284274
}

.studio-intro-slide__link_active:after {
	opacity: 1
}

.studio-intro-slide__link_inverted:after {
	opacity: 1
}

.studio-intro-slide__link_inverted:hover:after {
	opacity: 0
}

.studio-intro-slide__link:after {
	height: 2px
}

.Background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.Background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2)
}

.Background:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 0, 0, .5), transparent 50%, rgba(0, 0, 0, .5))
}

.studio-main-slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 700px;
	background-size: cover;
	background-position: 50%;
	padding-top: 130px;
	padding-bottom: 90px;
	text-align: center;
	position: relative!important;
	z-index: 999!important;
	color: #fff
}

.studio-main-slide__inner {
	position: relative;
	left: auto!important
}

.studio-main-slide__subtitle {
	font-size: 24px;
	margin-bottom: 17px
}

.studio-main-slide__title-wrapper {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 52px
}

.studio-main-slide__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 120px;
	line-height: .875;
	-webkit-box-flex: 1;
	flex-grow: 1
}

.studio-main-slide__text {
	font-size: 20px;
	max-width: 630px;
	margin-bottom: 84px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	white-space: initial!important
}

.studio-main-slide__link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 1.4
}

.studio-main-slide__link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.studio-main-slide__link:hover {
	color: #284274
}

.studio-main-slide__link:hover:after {
	opacity: 1
}

.studio-main-slide__link_active {
	color: #284274
}

.studio-main-slide__link_active:after {
	opacity: 1
}

.studio-main-slide__link_inverted:after {
	opacity: 1
}

.studio-main-slide__link_inverted:hover:after {
	opacity: 0
}

.studio-main-slide__link:after {
	height: 2px
}

.studio-main-slider {
	position: relative
}

.studio-posts {
	background-image: url(../img/dot-gray.jpg);
	overflow: hidden;
	padding-top: 123px;
	padding-bottom: 150px
}

.studio-reviews {
	background: #f8f8f8;
	padding-top: 116px;
	padding-bottom: 100px
}

.studio-reviews__head {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	margin-bottom: 48px
}

.studio-reviews__title {
	font-size: 48px;
	line-height: 1.25;
	font-family: Teko, Helvetica, sans-serif
}

.studio-reviews__more-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #666;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-top: 27px;
	margin-left: auto
}

.studio-reviews__more-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.studio-reviews__more-link:hover {
	color: #284274
}

.studio-reviews__more-link:hover:after {
	opacity: 1
}

.studio-reviews__more-link_active {
	color: #284274
}

.studio-reviews__more-link_active:after {
	opacity: 1
}

.studio-reviews__more-link_inverted:after {
	opacity: 1
}

.studio-reviews__more-link_inverted:hover:after {
	opacity: 0
}

.studio-reviews__review {
	background: #fff;
	padding: 36px 40px 44px;
	margin-bottom: 52px
}

.studio-reviews__review-status {
	font-size: 20px;
	font-weight: 500;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 24px
}

.studio-reviews__review-stars {
	display: -webkit-box;
	display: flex;
	vertical-align: top;
	color: #67a900;
	margin-left: 4px;
	font-size: 22px;
	margin-bottom: 3px
}

.studio-reviews__review-star {
	margin-right: 3px
}

.studio-reviews__review-star_empty {
	opacity: .4
}

.studio-reviews__review-text {
	font-size: 16px;
	line-height: 1.75
}

.studio-reviews__person {
	position: relative;
	padding-left: 72px;
	padding-top: 4px;
	padding-bottom: 10px;
	min-height: 60px;
	opacity: .25;
	margin-bottom: 20px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	cursor: pointer
}

.studio-reviews__person:hover {
	opacity: .7
}

.studio-reviews__person_active {
	opacity: 1
}

.studio-reviews__person-image {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 56px;
	height: 56px;
	border-radius: 100%
}

.studio-reviews__person-name {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.5625;
	margin-bottom: -4px
}

.studio-reviews__person-role a {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	color: #09c
}

.studio-reviews__person-role a:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.studio-reviews__person-role a:hover {
	color: #284274
}

.studio-reviews__person-role a:hover:after {
	opacity: 1
}

.studio-reviews__person-role a_active {
	color: #284274
}

.studio-reviews__person-role a_active:after {
	opacity: 1
}

.studio-reviews__person-role a_inverted:after {
	opacity: 1
}

.studio-reviews__person-role a_inverted:hover:after {
	opacity: 0
}

.team-block {
	margin-top: 136px;
	overflow: hidden
}

.team-block_separated {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 52px
}

.team-block__body {
	padding-bottom: 105px
}

.team-block__body_bordered {
	border-bottom: 1px solid #e0e0e0
}

.team-block__slider-wrapper {
	position: relative
}

.team-block__slide {
	text-align: center
}

.team-block__person-name {
	font-size: 20px;
	font-weight: 600;
	line-height: .714285714285714;
	margin-bottom: 9px;
	-webkit-transition: .3s;
	transition: .3s
}

.team-block__slide:hover .team-block__person-name {
	color: #284274
}

.team-block__person-role {
	color: #999
}

.team-block__image-wrapper {
	position: relative;
	margin-bottom: 30px
}

.team-block__image-wrapper img {
	width: 100%;
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s
}

.team-block__slide:hover .team-block__image-wrapper img {
	opacity: .05
}

.team-block__hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center
}

.team-block__slide:hover .team-block__hover {
	opacity: 1
}

.team-block__control {
	position: absolute;
	top: 30%;
	background: 0 0;
	border: 0;
	color: currentColor;
	margin-bottom: -2px;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-size: 44px;
	opacity: .25
}

.team-block__control:hover {
	color: #999
}

.team-block__control_prev {
	left: -90px
}

.team-block__control_next {
	right: -90px
}

.team-block__text {
	font-size: 18px;
	line-height: 1.222222222222222;
	margin-top: 75px
}

.team-block__text a {
	color: #09c
}

.video-block {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 100px;
	width: 83.33333333333334%;
	margin-right: auto;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

.video-block:hover {
	color: #284274
}

.video-block:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: -100px;
	right: -20%;
	background: url(../img/dot.jpg);
	z-index: 1
}

.video-block img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2
}

.video-block__play {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	border-radius: 100%;
	border: 2px solid currentColor;
	z-index: 3;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding-left: 8px
}

.video-block__play:after {
	width: 0;
	height: 0;
	background: 0;
	border-style: solid;
	border-width: 15px 0 15px 23px;
	border-color: transparent transparent transparent currentColor;
	content: ''
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	clip: rect(0, 0, 0, 0);
	overflow: hidden
}

.zoom-counter {
	padding: 220px 0 60px
}

.zoom-counter__inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start
}

.zoom-counter__card {
	padding: 54px 59px 60px 66px;
	background-size: cover;
	background-position: 50%;
	text-transform: uppercase;
	margin-bottom: 80px;
	width: 34.3%;
	min-width: 34.3%;
	position: relative;
	margin-right: 14.4%
}

.zoom-counter__card:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	background: #fff
}

.zoom-counter__card-title {
	color: #000;
	font-size: 30px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: 1;
	margin-bottom: 76px;
	position: relative;
	z-index: 2;
	text-align: right
}

.zoom-counter__card-value {
	background: inherit;
	font-size: 250px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	margin-left: -2px;
	color: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 2;
	font-weight: 600;
	margin-bottom: 4px
}

.zoom-counter__card-description {
	color: #000;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 600;
	position: relative;
	z-index: 2
}

.zoom-counter__info {
	-webkit-box-flex: 1;
	flex-grow: 1
}

.zoom-counter__subtitle {
	font-size: 16px;
	line-height: 1.125;
	text-transform: uppercase;
	font-weight: 600;
	background: #f14201;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 4px 6px 1px;
	margin-bottom: 26px
}

.zoom-counter__subtitle:empty {
	opacity: 0
}

.zoom-counter__title {
	font-size: 72px;
	line-height: .861111111111111;
	font-family: Teko, Helvetica, sans-serif;
	margin-bottom: 50px
}

.zoom-counter__text {
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	margin-bottom: 103px
}

.zoom-counter__text p {
	margin-bottom: 30px
}

.zoom-counter__read-more {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	font-family: Teko, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1.4
}

.zoom-counter__read-more:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.zoom-counter__read-more:hover {
	color: #284274
}

.zoom-counter__read-more:hover:after {
	opacity: 1
}

.zoom-counter__read-more_active {
	color: #284274
}

.zoom-counter__read-more_active:after {
	opacity: 1
}

.zoom-counter__read-more_inverted:after {
	opacity: 1
}

.zoom-counter__read-more_inverted:hover:after {
	opacity: 0
}

.zoom-counter__read-more:after {
	height: 2px
}

.zoom-counters {
	padding-top: 75px;
	padding-bottom: 100px
}

.zoom-counters__item {
	display: -webkit-box;
	display: flex;
	margin-bottom: 25px
}

.zoom-counters__value {
	font-size: 72px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	position: relative;
	margin-right: 28px;
	visibility: hidden
}

.zoom-counters__value-inner {
	position: absolute;
	visibility: visible;
	left: 0;
	top: 0
}

.zoom-counters__text {
	padding-top: 11px;
	font-size: 20px;
	line-height: 1.4;
	text-transform: uppercase;
	color: #666
}

.zoom-image-head {
	position: relative;
	height: 100vh;
	z-index: 2;
	color: #242323
}

.no-mobile .zoom-image-head {
	margin-bottom: 400px
}

.zoom-image-head__body {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.zoom-image-head__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.zoom-image-head__bg-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: 50%
}

.zoom-image-head__bg2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2
}

.zoom-image-head__content {
	position: relative;
	width: 100%;
	z-index: 3;
	padding-top: 100px
}

.zoom-image-head__subtitle {
	font-size: 24px;
	line-height: 1.666666666666667;
	font-weight: 100;
	font-weight: 500;
	margin-bottom: 34px
}

.zoom-image-head__subtitle strong {
	font-weight: 500
}

.zoom-image-head__title {
	font-family: Teko, Helvetica, sans-serif;
	font-size: 110px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: .909090909090909;
	margin-bottom: 57px;
	margin-bottom: 5vh
}

.zoom-image-head__text {
	font-size: 18px;
	line-height: 1.222222222222222;
	color: #666;
	line-height: 1.666666666666667
}

.zoom-image-head__icon {
	color: #284274;
	font-size: 60px;
	margin-top: 115px;
	margin-top: 9vh
}

.zoom-posts {
	padding-top: 123px;
	padding-bottom: 140px
}

.zoom-posts__head {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 70px
}

.zoom-posts__title {
	font-size: 16px;
	line-height: 1.125;
	text-transform: uppercase;
	font-weight: 600;
	background: #f14201;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 4px 6px 1px;
	margin-right: auto
}

.zoom-posts__title:empty {
	opacity: 0
}

.zoom-posts__more-link {
	color: currentColor;
	font-family: inherit;
	text-decoration: none;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: 0 0;
	border: none;
	cursor: pointer;
	margin-top: 6px;
	font-size: 16px
}

.zoom-posts__more-link:after {
	position: absolute;
	bottom: 2px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: currentColor;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	opacity: 0
}

.zoom-posts__more-link:hover {
	color: #284274
}

.zoom-posts__more-link:hover:after {
	opacity: 1
}

.zoom-posts__more-link_active {
	color: #284274
}

.zoom-posts__more-link_active:after {
	opacity: 1
}

.zoom-posts__more-link_inverted:after {
	opacity: 1
}

.zoom-posts__more-link_inverted:hover:after {
	opacity: 0
}

.zoom-services__title {
	font-size: 16px;
	line-height: 1.125;
	text-transform: uppercase;
	font-weight: 600;
	background: #f14201;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 4px 6px 1px;
	margin-bottom: 70px
}

.zoom-services__title:empty {
	opacity: 0
}

.zoom-services__wrapper {
	margin-bottom: 70px
}

.zoom-services__wrapper_bordered {
	margin-bottom: 0;
	padding-bottom: 100px;
	border-bottom: 1px solid #e6e6e6
}

.zoom-services__list {
	display: -webkit-box;
	display: flex;
	width: 100%;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	flex-wrap: wrap
}

.zoom-services__item {
	width: 25%;
	padding: 30px 32px 172px;
	display: block;
	text-decoration: none;
	color: currentColor;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	background: #fff
}

.zoom-services__item:hover {
	background: #f14201;
	color: #fff
}

.zoom-services__item-title {
	font-size: 30px;
	line-height: 1;
	font-family: Teko, Helvetica, sans-serif;
	display: block;
	text-transform: uppercase;
	margin-bottom: 18px
}

.zoom-services__item-text {
	font-size: 16px;
	line-height: 1.5;
	display: block;
	color: #999;
	-webkit-transition: all .3s;
	transition: all .3s
}

.zoom-services__item:hover .zoom-services__item-text {
	color: #fff
}

.zoom-services__item-footer {
	display: block;
	position: absolute;
	left: 32px;
	bottom: 24px
}

.zoom-services__more {
	font-weight: 600;
	text-transform: uppercase
}

.zoom-services__item-icon {
	font-size: 48px;
	display: block;
	color: #f14201;
	margin-bottom: 46px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.zoom-services__item:hover .zoom-services__item-icon {
	color: #fff
}

.zoom-slider {
	padding-top: 18px;
	margin-bottom: 148px
}

.zoom-slider_top-offset {
	padding-top: 230px
}

.zoom-slider__header {
	margin-bottom: 38px
}

.zoom-slider__title {
	font-size: 16px;
	line-height: 1.125;
	text-transform: uppercase;
	font-weight: 600;
	background: #f14201;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 4px 6px 1px;
	margin-bottom: 30px
}

.zoom-slider__title:empty {
	opacity: 0
}

.zoom-slider__filter {
	font-size: 16px;
	font-weight: 600;
	color: #999;
	margin-bottom: 30px
}

.zoom-slider__filter-link {
	text-transform: uppercase
}

.zoom-slider__filter-link:not(:last-child) {
	margin-right: 55px
}

.zoom-slider__head-link {
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	color: currentColor;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	white-space: nowrap
}

.zoom-slider__head-link:hover {
	color: #284274
}

.zoom-slider__head-icon {
	font-size: 14px;
	margin-right: -.4em;
	margin-left: .4em
}

.zoom-slider__slider-wrapper {
	position: relative;
	color: #fff
}

.zoom-slider__slider-wrapper:after,
.zoom-slider__slider-wrapper:before {
	content: '';
	width: 1px;
	top: 0;
	bottom: 0;
	position: absolute;
	background: #fff;
	opacity: .5;
	z-index: 2
}

.zoom-slider__slider-wrapper:before {
	left: 25%
}

.zoom-slider__slider-wrapper:after {
	left: 75%
}

.zoom-slider__slider:after {
	content: '';
	width: 1px;
	top: 0;
	bottom: 0;
	position: absolute;
	background: #fff;
	opacity: .5;
	left: 50%;
	z-index: 2
}

.zoom-slider__slide {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	max-height: 100vh;
	height: 730px;
	background-size: cover;
	background-position: 50%;
	padding-top: 120px;
	padding-bottom: 120px;
	text-align: center
}

.zoom-slider__buttons {
	display: -webkit-box;
	display: flex;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 2
}

.zoom-slider__button {
	width: 25%;
	text-align: left;
	background: 0 0;
	border: 0;
	color: #fff;
	padding: 38px 40px;
	-webkit-transition: background .3s;
	transition: background .3s;
	height: auto
}

.zoom-slider__button.swiper-slide-thumb-active {
	background: #fff;
	color: #000
}

.zoom-slider__button-title {
	font-size: 48px;
	font-family: Teko, Helvetica, sans-serif;
	line-height: .75;
	margin-top: 9px;
	-webkit-transition: color .3s;
	transition: color .3s;
	display: block
}

.swiper-slide-thumb-active .zoom-slider__button-title,
.zoom-slider__button:hover .zoom-slider__button-title {
	color: #f14201
}

.zoom-slider__control {
	position: absolute;
	width: 55px;
	height: 55px;
	font-size: 24px;
	top: 50%;
	z-index: 2;
	border: 0;
	background: #333;
	color: #fff;
	padding-bottom: 4px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	transition: all .3s
}

.zoom-slider__control:hover {
	background: #f14201
}

.zoom-slider__control_prev {
	left: 60px
}

.zoom-slider__control_next {
	right: 60px
}

@media only screen and (max-height:600px) {
	.full-screen-block__footer {
		display: none
	}
}

@media (min-width:1200px) {
	.container,
	.container-fluid {
		padding-right: 60px;
		padding-left: 60px
	}
}

@media only screen and (max-width:1629px) {
	.cards__item-inner {
		padding: 35px 35px
	}
}

@media only screen and (max-width:1439px) {
	.header-full-page {
		display: none
	}
}

@media only screen and (max-width:1199px) {
	.article-listing-item__content {
		padding: 40px
	}
	.articles-list__item {
		margin-bottom: 50px
	}
	.awards-block__year {
		width: 20%;
		min-width: 20%
	}
	.awards-block__text {
		width: 50%;
		font-size: 16px;
		margin-bottom: 30px
	}
	.clients__list {
		margin-left: -20px;
		margin-right: -20px
	}
	.clients__item {
		padding-right: 20px;
		padding-left: 20px
	}
	.featured-block__item {
		width: 50%
	}
	.grid-block__item {
		min-height: 280px
	}
	.header__menu-button_fixed {
		right: 2px
	}
	.main-slide__title {
		font-size: 160px
	}
	.main-slide_size_medium .main-slide__title {
		font-size: 140px
	}
	.panorama-slider__container {
		padding: 0 20px
	}
	.panorama-slider2__controls {
		right: 15px
	}
	.parallax-block__title {
		font-size: 140px
	}
	.parallax-image {
		height: 400px
	}
	.project-slider__container {
		padding: 0 20px
	}
	.revolution-slider .tparrows.tp-leftarrow {
		left: 10px!important
	}
	.revolution-slider .tparrows.tp-rightarrow {
		right: 10px!important
	}
	.zoom-counter__card {
		width: 40%;
		min-width: 40%;
		margin-right: 10%
	}
	.zoom-counters__value {
		min-width: 1.8em
	}
	.no-mobile .zoom-image-head {
		margin-bottom: 300px
	}
	.zoom-slider__header {
		margin-bottom: 66px
	}
	.zoom-slider__filter-link:not(:last-child) {
		margin-right: 40px
	}
	.zoom-slider__button {
		padding: 22px 15px
	}
	.zoom-slider__button-title {
		font-size: 38px
	}
	.zoom-slider__control_prev {
		left: 15px
	}
	.zoom-slider__control_next {
		right: 15px
	}
}

@media only screen and (max-width:991px) {
	.article-listing-item {
		display: block
	}
	.article-listing-item__cover {
		width: 100%;
		padding-bottom: 45%
	}
	.article-listing-item__content {
		width: 100%
	}
	.article-listing-item__text {
		min-height: auto
	}
	.contact-block__text {
		margin-bottom: 50px
	}
	.contact-block__submit {
		margin-top: 50px
	}
	.full-screen-block__label {
		padding-top: 24px;
		font-size: 16px
	}
	.full-screen-block__label-value {
		font-size: 32px
	}
	.full-screen-block__link {
		font-size: 24px
	}
	.full-screen-block__counter {
		font-size: 32px
	}
	.main-slide__title {
		font-size: 140px
	}
	.main-slide_size_medium .main-slide__title {
		font-size: 120px
	}
	.main-slide__label {
		padding-top: 24px;
		font-size: 16px
	}
	.main-slide__label-value {
		font-size: 32px
	}
	.main-slide__link {
		font-size: 24px
	}
	.main-slide__counter {
		font-size: 32px
	}
	.menu-panel {
		width: 50%
	}
	.news-masonry-item__text {
		min-height: auto
	}
	.panorama-slider__menu-link {
		min-width: 50px;
		margin-left: 20px
	}
	.panorama-slider2__title {
		font-size: 100px
	}
	.panorama-slider2__label {
		margin-top: 40px;
		font-size: 16px
	}
	.panorama-slider2__label-icon {
		font-size: 60px
	}
	.panorama-slider2__label-value {
		font-size: 26px;
		margin-top: 10px
	}
	.panorama-slider2__link {
		font-size: 24px
	}
	.parallax-block__title {
		font-size: 120px
	}
	.parallax-block__label {
		padding-top: 24px;
		font-size: 16px
	}
	.person-block {
		padding: 40px 50px
	}
	.posts__item:not(:last-child),
	.project-block__project,
	.project-block__title {
		margin-bottom: 30px
	}
	.project-block__project-content {
		padding: 30px 30px
	}
	.project-block__project-content-inner {
		padding-right: 0
	}
	.project-block__project-title {
		font-size: 40px
	}
	.project-block__project-more {
		display: block;
		margin-top: 18px;
		position: relative;
		right: auto;
		bottom: auto
	}
	.project-slider__menu-link {
		min-width: 50px;
		margin-left: 20px
	}
	.specialization-block__item {
		max-width: none
	}
	.studio-intro-slide__link,
	.studio-main-slide__link {
		font-size: 24px
	}
	.team-block__control {
		top: 35%
	}
	.top-menu__menu-item:not(:last-child) {
		margin-right: 30px
	}
	.zoom-counter__card {
		width: 45%;
		min-width: 45%;
		margin-right: 5%
	}
	.zoom-services__item {
		width: 50%
	}
	.zoom-services__item-text {
		font-size: 14px
	}
	.zoom-slider__filter-link:not(:last-child) {
		margin-right: 35px
	}
	.zoom-slider__slider-wrapper:after,
	.zoom-slider__slider-wrapper:before {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.article-listing-item__content {
		padding: 20px
	}
	.articles-block__item,
	.articles-grid__item {
		width: 100%
	}
	.articles-list__item,
	.awards-block__item {
		margin-bottom: 20px
	}
	.awards-block__text {
		width: 100%
	}
	.clients__list {
		margin-left: 0;
		margin-right: 0;
		display: block
	}
	.clients__item {
		padding-left: 0;
		padding-right: 0
	}
	.clients__item:not(:last-child) {
		margin-bottom: 60px
	}
	.featured-block__title {
		margin-bottom: 40px
	}
	.featured-block__item {
		width: 100%
	}
	.footer-default__column {
		margin-bottom: 40px
	}
	.footer-interior {
		padding-top: 60px;
		font-size: 14px;
		padding-bottom: 0
	}
	.footer-interior__column {
		margin-bottom: 30px
	}
	.footer-interior__bottom {
		margin-top: 30px
	}
	.footer-minimal {
		padding-top: 60px;
		padding-bottom: 0
	}
	.footer-minimal__column {
		margin-bottom: 30px
	}
	.footer-minimal__bottom {
		margin-top: 30px
	}
	.footer-studio {
		padding-top: 60px;
		font-size: 14px;
		padding-bottom: 0
	}
	.footer-studio__column {
		margin-bottom: 30px
	}
	.footer-studio__bottom {
		margin-top: 30px
	}
	.full-screen-block__subtitle {
		font-size: 18px
	}
	.full-screen-block__title-wrapper {
		display: block
	}
	.full-screen-block__title {
		font-size: 100px
	}
	.full-screen-block__label {
		display: none
	}
	.full-screen-block__text {
		font-size: 16px
	}
	.grid-block__item {
		min-height: 220px
	}
	.header-fixed__bottom,
	.header-full-page__bottom {
		display: none
	}
	.info-card-content__list-item-text {
		font-size: 14px
	}
	.info-card-content__social:not(:first-child) {
		margin-left: 12px
	}
	.main-slide__subtitle {
		font-size: 18px
	}
	.main-slide__title-wrapper {
		display: block
	}
	.main-slide__title {
		font-size: 120px
	}
	.main-slide_size_medium .main-slide__title {
		font-size: 85px
	}
	.main-slide__label,
	.main-slide__label-value {
		text-align: left
	}
	.main-slide__text {
		font-size: 16px
	}
	.menu-panel {
		width: 100%;
		max-width: 100%
	}
	.minimal-head-block {
		padding-top: 180px;
		padding-bottom: 80px
	}
	.minimal-head-block__title {
		font-size: 60px
	}
	.minimal-head-block__title br {
		display: none
	}
	.minimal-head-block__label {
		height: 60px
	}
	.minimal-head-block__text {
		font-size: 16px
	}
	.news-masonry-item__content {
		padding: 20px
	}
	.panorama-slider2__subtitle {
		font-size: 16px
	}
	.panorama-slider2__title-wrapper {
		display: block
	}
	.panorama-slider2__label {
		display: none!important
	}
	.panorama-slider2__text {
		font-size: 16px
	}
	.panorama-slider2__footer:after {
		right: 0
	}
	.panorama-slider2__footer-menu {
		width: 100%
	}
	.panorama-slider2__controls {
		margin-top: 0;
		margin-bottom: 30px;
		top: auto;
		bottom: 100%
	}
	.panorama-slider2__control {
		margin-left: 15px;
		width: 40px;
		height: 40px;
		font-size: 16px
	}
	.parallax-block__title-wrapper {
		display: block
	}
	.parallax-block__title {
		font-size: 100px
	}
	.parallax-block__label {
		text-align: left
	}
	.parallax-block__play {
		margin-top: 30px;
		margin-left: 0
	}
	.parallax-block__download-link {
		font-size: 20px
	}
	.parallax-block__download-icon {
		margin-right: 14px;
		font-size: 28px
	}
	.parallax-block__download-text {
		margin-top: 0
	}
	.person-block {
		padding: 20px
	}
	.person-block__image {
		width: 80px;
		min-width: 80px;
		margin-right: 20px
	}
	.project-block {
		padding-top: 80px
	}
	.project-block__image-wrapper_offset {
		margin-top: 0
	}
	.project-block__reviews {
		margin-bottom: 60px
	}
	.projects-block__title,
	.review-slider__slider,
	.reviews-block__title {
		margin-bottom: 40px
	}
	.reviews-block__slide {
		padding: 30px 15px
	}
	.reviews-block__text {
		font-size: 16px
	}
	.reviews-block__person-image {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-right: 15px
	}
	.reviews-block__quote {
		width: 20px!important
	}
	.single-post__posts-list {
		display: block
	}
	.single-post__posts-item {
		width: 100%
	}
	.socials {
		-webkit-box-pack: start;
		justify-content: flex-start
	}
	.specialization-block__item {
		margin-left: auto;
		margin-right: auto
	}
	.studio-filter__inner {
		display: block
	}
	.studio-intro-slide__subtitle {
		font-size: 18px
	}
	.studio-intro-slide__title-wrapper {
		display: block
	}
	.studio-intro-slide__text {
		font-size: 16px
	}
	.studio-main-slide__subtitle {
		font-size: 18px
	}
	.studio-main-slide__title-wrapper {
		display: block
	}
	.studio-main-slide__text {
		font-size: 16px
	}
	.studio-reviews__head {
		display: block
	}
	.team-block__slide {
		padding: 30px 15px
	}
	.team-block__control {
		top: 40%
	}
	.top-menu__bottom {
		display: none
	}
	.zoom-counter {
		padding: 60px 0
	}
	.zoom-counter__inner {
		display: block
	}
	.zoom-counter__card {
		width: 100%;
		margin-right: 0
	}
	.zoom-image-head__title {
		font-size: 80px;
		margin-bottom: 40px
	}
	.zoom-services__list {
		display: block
	}
	.zoom-services__item {
		width: 100%
	}
	.zoom-services__item-icon {
		margin-bottom: 25px
	}
	.zoom-slider__slider:after {
		display: none
	}
}

@media only screen and (max-width:575px) {
	.awards-block__item {
		display: block
	}
	.awards-block__year {
		width: 100%
	}
	.cards__item-inner {
		padding: 15px 15px
	}
	.full-screen-block__title {
		font-size: 70px
	}
	.grid-block__item {
		min-height: 180px;
		padding: 60px 15px 15px
	}
	.grid-block__year {
		right: 15px;
		top: 15px
	}
	.info-card-content {
		padding: 12px 20px 20px
	}
	.info-card__button {
		height: 50px;
		padding: 0 20px
	}
	.main-slide__title {
		font-size: 70px
	}
	.main-slide_size_medium .main-slide__title {
		font-size: 50px
	}
	.panorama-slider__menu-link {
		display: none
	}
	.panorama-slider2__title {
		font-size: 70px
	}
	.panorama-slider2__footer-item {
		padding-right: 20px
	}
	.panorama-slider2__footer-item:last-child {
		padding-right: 0
	}
	.parallax-block__title {
		font-size: 60px
	}
	.project-block__title {
		font-size: 40px
	}
	.project-block__project-content {
		padding: 15px 15px
	}
	.project-block__project-title {
		font-size: 34px
	}
	.project-slider__menu-link {
		display: none
	}
	.projects-block__controls {
		margin-top: 0
	}
	.quote__text,
	.single-post__intro {
		font-size: 20px
	}
	.studio-intro-slide__title,
	.studio-main-slide__title {
		font-size: 70px
	}
	.team-block__text {
		font-size: 16px
	}
	.zoom-image-head__subtitle {
		font-size: 20px;
		margin-bottom: 24px
	}
	.zoom-image-head__title {
		font-size: 60px;
		margin-bottom: 30px
	}
	.zoom-image-head__text {
		font-size: 16px
	}
}

body,
html {
	overflow-x: hidden!important
}

@media screen and (max-width:991px) {
	.--invert-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse
	}
	.--invert-flex .list-links {
		margin-top: 60px
	}
}

.relativize {
	position: relative
}

.img-fluid {
	width: 100%;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content
}

.--hide {
	display: none
}

.--bg-gray {
	background: #f3f5f6
}

.--uppercase {
	text-transform: uppercase
}

.--black {
	color: #000
}

.--block {
	display: block
}

.--bold {
	font-weight: 700
}

.--lineHeight-2 {
	line-height: 1.7em!important
}

.section-margin {
	margin-top: 60px;
	margin-bottom: 60px
}

.section-padding {
	padding-top: 60px;
	padding-bottom: 60px
}

.ml-0 {
	margin-left: 0
}

.mt-0 {
	margin-top: 0
}

.mt-160 {
	margin-top: 160px
}

.mt-60 {
	margin-top: 60px
}

.mt-40 {
	margin-top: 40px
}

.mt-20 {
	margin-top: 20px
}

.mt-10 {
	margin-top: 10px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-10 {
	margin-bottom: 10px
}

.container {
	padding: 0!important
}

.--inline-flex {
	display: -webkit-inline-box;
	display: inline-flex;
	width: 100%
}

.--align-center {
	-webkit-box-align: center;
	align-items: center
}

.banner_home {
	background-color: #284274;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative
}

.banner_home video {
	height: 100vh;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.banner_home .content-block {
	position: absolute;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	top: 0;
	height: 100vh;
	width: 100%
}

@media screen and (max-width:678px) {
	.banner_home .content-block {
		padding: 30px
	}
}

.banner_home .content-block h1 {
	color: #fff;
	font-size: 90px;
	line-height: 90px;
	font-family: Teko, sans-serif!important;
	text-align: center!important;
	margin: 140px auto 0
}

@media screen and (max-width:991px) {
	.banner_home .content-block h1 {
		font-size: 70px;
		margin: 100px auto 0;
		line-height: 70px
	}
}

@media screen and (max-width:678px) {
	.banner_home .content-block h1 {
		font-size: 40px;
		margin: 70px auto 0;
		line-height: 40px
	}
}

.banner_home .content-block p {
	font-size: 20px!important;
	font-family: Roboto, sans-serif!important;
	color: #fff;
	margin-top: 40px
}

@media screen and (max-width:991px) {
	.banner_home .content-block p {
		font-size: 16px!important;
		margin-top: 30px
	}
}

.banner_home .content-block a {
	font-size: 30px;
	color: #fff;
	font-family: Teko, sans-serif;
	text-transform: uppercase;
	-webkit-transition: -webkit-transform ease .15s!important;
	transition: -webkit-transform ease .15s!important;
	transition: transform ease .15s!important;
	transition: transform ease .15s, -webkit-transform ease .15s!important;
	margin-top: 50px
}

@media screen and (max-width:991px) {
	.banner_home .content-block a {
		margin-top: 50px;
		font-size: 23px
	}
}

.banner_home .content-block a:hover {
	-webkit-transform: scale(.9)!important;
	transform: scale(.9)!important;
	color: #fff!important
}

header {
	width: 100%;
	background-color: #fff;
	height: 140px;
	position: absolute;
	top: 0;
	z-index: 99;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1)
}

@media screen and (max-width:991px) {
	header {
		height: 70px;
		padding: 0 20px
	}
	header menu {
		height: 70px!important
	}
}

header.retracted,
header.rolled {
	height: 100px!important;
	position: fixed
}

header.retracted menu,
header.rolled menu {
	height: 100px!important
}

header menu {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 0!important;
	-webkit-box-align: center;
	align-items: center;
	height: 140px
}

header menu>ul li {
	list-style: none;
	display: inline-block;
	margin-left: 10px;
	font-size: 24px;
	color: #284274
}

@media screen and (max-width:991px) {
	header menu>ul {
		display: none
	}
}

header menu nav#desktop-menu ul li {
	display: inline-block;
	list-style: none;
	margin: 0 20px;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #284274;
	font-weight: 500
}

header menu nav#desktop-menu ul li.active,
header menu nav#desktop-menu ul li:hover {
	color: #f14201!important
}

header menu img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content
}

@media screen and (max-width:991px) {
	header menu img {
		width: 130px;
		height: auto
	}
}

.text-content .notice-image {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.text-content .notice-info {
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #666;
	margin-top: -10px
}

.text-content h2 {
	font-size: 50px;
	font-family: Teko, sans-serif;
	color: #000;
	margin-bottom: 15px;
	line-height: 1em
}

@media screen and (max-width:1199px) {
	.text-content h2 {
		font-size: 37px!important
	}
}

.text-content h3 {
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 400
}

.text-content h5 {
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-top: 25px;
	margin-bottom: 10px
}

@media screen and (max-width:1199px) {
	.text-content h5 {
		font-size: 18px;
		margin-top: 40px
	}
}

.text-content p {
	color: #666;
	font-size: 17px;
	line-height: 1.25em
}

@media screen and (max-width:1199px) {
	.text-content p {
		font-size: 15px!important
	}
}

.text-content a {
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 20px;
	font-family: Teko, sans-serif
}

.text-content a:hover {
	color: currentColor;
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.text-content a.btn {
	margin: 80px auto 0;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: #e44126;
	color: #fff;
	font-family: Teko, sans-serif;
	font-size: 28px;
	text-decoration: none;
	padding: 10px 90px;
	text-transform: none;
	border-radius: 10px
}

@media screen and (max-width:768px) {
	.text-content a.btn {
		padding: 10px 40px 10px 40px;
		font-size: 20px;
		margin: 30px auto 0
	}
}

.janelas {
	height: 700px;
	width: 100%;
	background-color: #ccc;
	background-attachment: fixed;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	display: grid;
	grid-template-areas: 'a b c d' 'a e f g';
	grid-template-columns: 1fr 1fr 1fr 1fr
}

@media screen and (max-width:1400px) {
	.janelas {
		height: 600px
	}
}

@media screen and (max-width:768px) {
	.janelas {
		grid-template-areas: 'a a' 'b c' 'd e' 'f g';
		grid-template-columns: 1fr 1fr;
		height: auto!important
	}
}

@media screen and (max-width:412px) {
	.janelas {
		grid-template-areas: unset;
		grid-template-columns: 1fr;
		background-size: contain!important;
		background-repeat: repeat!important
	}
}

.janelas>div {
	border: solid 3px #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	overflow: hidden
}

.janelas>div:first-child {
	grid-area: a;
	border-left: none
}

.janelas>div:nth-child(2) {
	grid-area: b
}

.janelas>div:nth-child(3) {
	grid-area: c
}

.janelas>div:nth-child(4) {
	grid-area: d;
	border-right: none
}

.janelas>div:nth-child(5) {
	grid-area: e
}

.janelas>div:nth-child(6) {
	grid-area: f
}

.janelas>div:nth-child(7) {
	grid-area: g;
	border-right: none
}

.janelas>div h3 {
	color: #fff;
	border: solid 1px #fff;
	padding: 0 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	font-family: Teko, sans-serif;
	font-size: 30px;
	margin-top: 20px
}

@media screen and (max-width:1400px) {
	.janelas>div h3 {
		font-size: 25px
	}
}

@media screen and (max-width:412px) {
	.janelas>div h3 {
		margin-top: 25px
	}
}

.janelas>div p {
	margin-bottom: 30px;
	font-size: 30px;
	color: #fff;
	font-family: Teko, sans-serif;
	text-align: center
}

@media screen and (max-width:991px) {
	.janelas>div p {
		font-size: 30px
	}
}

.janelas>div .number-block {
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center
}

.janelas>div .number-block span:first-child {
	color: #fff;
	font-size: 56px;
	font-family: Teko, sans-serif;
	line-height: 45px;
	display: block;
	text-align: right;
	margin-bottom: -100px;
	margin-left: -160px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media screen and (max-width:991px) {
	.janelas>div .number-block span:first-child {
		margin-left: -70px;
		line-height: 25px;
		font-size: 36px
	}
}

@media screen and (max-width:768px) {
	.janelas>div .number-block span:first-child {
		margin-left: -80px;
		margin-bottom: -126px
	}
}

.janelas>div .number-block span:last-child {
	font-size: 75px;
	font-family: Teko, sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: -50px
}

@media screen and (max-width:1400px) {
	.janelas>div .number-block span:last-child {
		font-size: 70px!important
	}
}

@media screen and (max-width:768px) {
	.janelas>div .number-block span:last-child {
		margin-top: -100px
	}
}

.janelas>div .number-block div {
	font-size: 325px;
	font-family: Teko, sans-serif;
	color: #fff;
	line-height: 270px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media screen and (max-width:1400px) {
	.janelas>div .number-block div {
		font-size: 250px
	}
}

@media screen and (max-width:991px) {
	.janelas>div .number-block div {
		font-size: 150px
	}
}

@media screen and (max-width:768px) {
	.janelas>div {
		height: 350px;
		border: solid 1px #fff
	}
}

@media screen and (max-width:412px) {
	.janelas>div {
		grid-area: unset!important;
		height: 260px
	}
	.janelas>div p {
		margin-top: -60px;
		font-size: 40px;
		line-height: 40px
	}
}

@media screen and (max-width:412px) and (max-width:1400px) {
	.janelas>div p {
		margin-top: -40px;
		line-height: 25px;
		font-size: 25px
	}
}

@media screen and (max-width:412px) and (max-width:991px) {
	.janelas>div p {
		font-size: 20px;
		line-height: 20px;
		margin-top: -20px
	}
}

@media screen and (max-width:412px) {
	.janelas>div .number-block {
		position: relative
	}
	.janelas>div .number-block span:first-child {
		color: #fff;
		font-size: 56px;
		font-family: Teko, sans-serif;
		line-height: 35px;
		display: block;
		text-align: right;
		margin-left: -60px;
		position: absolute;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		top: 35px
	}
}

@media screen and (max-width:412px) and (max-width:1400px) {
	.janelas>div .number-block span:first-child {
		font-size: 28px;
		line-height: 20px;
		top: 18px;
		margin-left: -30px
	}
}

@media screen and (max-width:412px) {
	@-moz-document url-prefix() {
		.janelas>div .number-block span:first-child {
			margin-left: -130px
		}
	}
	.janelas>div .number-block span:last-child {
		font-size: 105px;
		font-family: Teko, sans-serif;
		color: #fff;
		text-transform: uppercase;
		display: block;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-top: -80px
	}
}

@media screen and (max-width:412px) and (max-width:1400px) {
	.janelas>div .number-block span:last-child {
		margin-top: -97px;
		font-size: 60px!important
	}
}

@media screen and (max-width:412px) and (max-width:412px) {
	@-moz-document url-prefix() {
		.janelas>div .number-block span:last-child {
			margin-top: -75px!important
		}
	}
}

@media screen and (max-width:412px) {
	@-moz-document url-prefix() {
		.janelas>div .number-block span:last-child {
			margin-top: -60px
		}
	}
	.janelas>div .number-block span.up-set {
		top: 0;
		margin: 0 auto;
		margin-bottom: 40px
	}
	.janelas>div .number-block div {
		font-size: 200px;
		font-family: Teko, sans-serif;
		color: #fff;
		line-height: 200px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-top: 12px
	}
}

@media screen and (max-width:412px) and (max-width:1400px) {
	.janelas>div .number-block div {
		font-size: 100px!important;
		margin-top: -40px
	}
}

@media screen and (max-width:412px) and (max-width:412px) {
	@-moz-document url-prefix() {
		.janelas>div .number-block div {
			margin-top: -60px!important
		}
	}
}

@media screen and (max-width:412px) {
	@-moz-document url-prefix() {
		.janelas>div .number-block div {
			margin-top: 0
		}
	}
}

.janelas>div:nth-child(n+2) p {
	margin-top: -60px;
	font-size: 30px;
	line-height: 40px
}

@media screen and (max-width:1400px) {
	.janelas>div:nth-child(n+2) p {
		margin-top: -100px;
		line-height: 25px;
		font-size: 25px
	}
}

@media screen and (max-width:991px) {
	.janelas>div:nth-child(n+2) p {
		font-size: 20px;
		line-height: 20px;
		margin-top: -120px
	}
}

.janelas>div:nth-child(n+2) .number-block {
	position: relative
}

.janelas>div:nth-child(n+2) .number-block span:first-child {
	color: #fff;
	font-size: 36px;
	font-family: Teko, sans-serif;
	line-height: 25px;
	display: block;
	text-align: right;
	margin-left: -60px;
	position: absolute;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	top: -25px
}

@media screen and (max-width:1400px) {
	.janelas>div:nth-child(n+2) .number-block span:first-child {
		font-size: 28px;
		line-height: 20px;
		top: -68px;
		margin-left: -35px
	}
}

@-moz-document url-prefix() {
	.janelas>div:nth-child(n+2) .number-block span:first-child {
		margin-left: -130px
	}
}

.janelas>div:nth-child(n+2) .number-block span:last-child {
	font-size: 55px;
	font-family: Teko, sans-serif;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: -40px
}

@media screen and (max-width:1400px) {
	.janelas>div:nth-child(n+2) .number-block span:last-child {
		margin-top: -57px;
		font-size: 60px!important
	}
	@-moz-document url-prefix() {
		.janelas>div:nth-child(n+2) .number-block span:last-child {
			margin-top: -45px!important
		}
	}
}

@media screen and (max-width:412px) {
	.janelas>div:nth-child(n+2) .number-block span:last-child {
		margin-top: -67px
	}
	@-moz-document url-prefix() {
		.janelas>div:nth-child(n+2) .number-block span:last-child {
			margin-top: -63px!important
		}
	}
}

@-moz-document url-prefix() {
	.janelas>div:nth-child(n+2) .number-block span:last-child {
		margin-top: -28px
	}
}

.janelas>div:nth-child(n+2) .number-block span.up-set {
	top: -50px;
	margin: 0 auto
}

@media screen and (max-width:1400px) {
	.janelas>div:nth-child(n+2) .number-block span.up-set {
		top: -85px
	}
	@-moz-document url-prefix() {
		.janelas>div:nth-child(n+2) .number-block span.up-set {
			top: -91px
		}
	}
}

@media screen and (max-width:412px) {
	.janelas>div:nth-child(n+2) .number-block span.up-set {
		top: -90px
	}
}

.janelas>div:nth-child(n+2) .number-block div {
	font-size: 150px;
	font-family: Teko, sans-serif;
	color: #fff;
	line-height: 150px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-top: -40px
}

@media screen and (max-width:1400px) {
	.janelas>div:nth-child(n+2) .number-block div {
		font-size: 100px!important;
		margin-top: -100px
	}
	@-moz-document url-prefix() {
		.janelas>div:nth-child(n+2) .number-block div {
			margin-top: -110px!important
		}
	}
}

@-moz-document url-prefix() {
	.janelas>div:nth-child(n+2) .number-block div {
		margin-top: -50px
	}
}

.panes .container {
	padding: 0!important
}

@media screen and (max-width:768px) {
	.panes .container {
		padding: 0 40px!important
	}
}

.panes .container .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px
}

@media screen and (max-width:991px) {
	.panes .container .items {
		grid-template-columns: 1fr 1fr 1fr
	}
}

@media screen and (max-width:768px) {
	.panes .container .items {
		grid-template-columns: 1fr 1fr
	}
}

@media screen and (max-width:520px) {
	.panes .container .items {
		grid-template-columns: 1fr
	}
}

.panes .container .items>div {
	cursor: pointer
}

.panes .container .items a {
	display: none
}

.panes .container .items div {
	background: #ececec;
	height: 260px;
	overflow: hidden;
	position: relative;
	-webkit-transition: background ease .3s;
	transition: background ease .3s
}

.panes .container .items div:hover {
	background: #284274
}

.panes .container .items div:hover img {
	opacity: .7
}

.panes .container .items div:hover h3 {
	color: #fff
}

.panes .container .items div img {
	position: absolute;
	right: -17px;
	top: -20px;
	opacity: .5;
	-webkit-transition: opacity ease .3s;
	transition: opacity ease .3s
}

.panes .container .items div h3 {
	color: #284274;
	font-size: 27px;
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-family: Teko, sans-serif;
	-webkit-transition: color ease .3s;
	transition: color ease .3s;
	line-height: 30px
}

.panes .container .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: start;
	justify-content: flex-start
}

.panes .container .title h2 {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	font-family: Teko, sans-serif;
	color: #284274;
	font-size: 180px;
	line-height: 100px
}

@media screen and (max-width:768px) {
	.panes .container .title h2 {
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		-webkit-transform: unset;
		transform: unset;
		font-size: 70px;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
		margin-top: -20px
	}
}

.timeline {
	background-image: url(../img/icomon/timeline.jpg);
	height: 620px;
	background-size: cover;
	background-position: center;
	text-align: center;
	background-repeat: no-repeat;
	position: relative;
	color: #fff
}

@media screen and (max-width:1199px) {
	.timeline {
		height: auto
	}
}

.timeline .timeline-carousel {
	overflow-x: hidden;
	padding: 0
}

.timeline .timeline-carousel .slick-track {
	display: -webkit-box!important;
	display: flex!important
}

.timeline .timeline-carousel i {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 95px;
	font-family: Teko, sans-serif;
	height: 95px;
	font-size: 40px;
	color: #284274;
	border-radius: 400px;
	margin: 30px auto 0;
	border: solid 2px #fff;
	background: #fff;
	z-index: 99;
	-webkit-transition: all ease .3s;
	transition: all ease .3s
}

@media screen and (min-width:1200px) {
	.timeline .timeline-carousel {
		display: none
	}
}

.timeline .stage {
	position: absolute
}

@media screen and (max-width:1199px) {
	.timeline .stage {
		display: none!important
	}
}

.timeline h2 {
	font-family: Teko, sans-serif;
	font-size: 55px;
	margin: 80px 0 20px
}

@media screen and (max-width:1199px) {
	.timeline h2 {
		font-size: 42px;
		margin: 30px 0 10px
	}
}

.timeline p {
	font-size: 22px;
	line-height: 28px;
	font-weight: 300
}

@media screen and (max-width:1199px) {
	.timeline p {
		font-size: 17px;
		line-height: 20px
	}
}

@media screen and (max-width:581px) {
	.timeline p {
		width: 90%;
		margin: 0 auto
	}
}

.timeline p span {
	font-weight: 700
}

.timeline .timeline-live {
	position: absolute;
	width: 100%;
	top: 350px
}

@media screen and (max-width:1199px) {
	.timeline .timeline-live {
		display: none
	}
}

.timeline .timeline-live .enclosure {
	position: relative;
	margin: 100px auto 0
}

.timeline .timeline-live .item {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 75px;
	font-family: Teko, sans-serif;
	height: 75px;
	font-size: 30px;
	color: #fff;
	border-radius: 400px;
	border: solid 2px #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
	-webkit-transition: all ease .3s;
	transition: all ease .3s
}

.timeline .timeline-live .item.actor {
	background-color: #fff;
	height: 170px;
	width: 170px;
	color: #284274;
	font-size: 79px;
	font-family: Teko, sans-serif;
	font-weight: 400
}

.timeline .timeline-live .navigation {
	position: absolute;
	display: -webkit-box;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: space-between;
	top: 84px
}

.timeline .timeline-live .navigation i {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	border: solid 2px #fff;
	cursor: pointer
}

.timeline .timeline-live .navigation i:first-child {
	font-size: 38px;
	position: relative
}

.timeline .timeline-live .navigation i:last-child {
	font-size: 29px
}

.--scale {
	-webkit-transform: scale(.00001)!important;
	transform: scale(.00001)!important;
	opacity: 0!important
}

.--clearBg {
	background: 0 0!important;
	color: #fff!important
}

.compromissos {
	padding: 0;
	margin-top: 40px;
	margin-bottom: 40px
}

.compromissos>div>div:nth-child(n+3) {
	margin-top: 30px
}

.compromissos .item {
	height: 270px;
	border: solid 2px #284274;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 0;
	overflow: hidden
}

.compromissos .item .call {
	height: 270px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background-size: 190%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, .7);
	background-blend-mode: multiply;
	cursor: pointer;
	-webkit-transition: background ease-in .3s;
	transition: background ease-in .3s
}

.compromissos .item .call:hover {
	background-size: 220%
}

.compromissos .item .call h2 {
	color: #fff;
	text-align: center;
	font-family: Teko, sans-serif;
	font-size: 48px;
	line-height: 42px
}

.compromissos .item .call h2 span {
	font-size: 32px;
	display: block
}

.compromissos .item .text-block {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	height: 270px
}

.compromissos .item .text-block h3 {
	font-family: Teko, sans-serif;
	font-size: 38px;
	line-height: 35px;
	color: #284274;
	cursor: pointer
}

.compromissos .item .text-block h3:hover,
.compromissos .item .text-block h3:hover+p {
	text-decoration: underline
}

.compromissos .item .text-block p {
	font-size: 16px;
	font-family: Roboto, sans-serif;
	color: #666;
	margin-bottom: 50px
}

.compromissos .item .text-block a {
	font-size: 15px;
	font-family: Teko, sans-serif;
	color: #284274;
	text-transform: uppercase;
	text-decoration: underline;
	-webkit-transition: -webkit-transform ease .3s;
	transition: -webkit-transform ease .3s;
	transition: transform ease .3s;
	transition: transform ease .3s, -webkit-transform ease .3s
}

.compromissos .item .text-block a:hover {
	-webkit-transform: scale(.95);
	transform: scale(.95)
}

.noticies .see-all {
	text-align: right
}

.noticies .see-all a {
	text-align: right;
	font-family: Roboto, sans-serif;
	color: #000;
	text-decoration: underline;
	font-size: 16px
}

.noticies .news_title {
	font-family: Teko, sans-serif;
	font-size: 48px;
	color: #000;
	text-align: center;
	margin: 20px auto 40px
}

.noticies .item {
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: end;
	justify-content: flex-end;
	padding: 15px;
	background-color: rgba(0, 0, 0, .6);
	background-blend-mode: multiply;
	-webkit-transition: background ease .3s;
	transition: background ease .3s;
	height: 250px;
	cursor: pointer
}

.noticies .item:hover {
	background-color: rgba(0, 0, 0, .8)
}

.noticies .item:hover h5 {
	text-decoration: underline
}

.noticies .item .category {
	font-weight: 500;
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px
}

.noticies .item .category span {
	color: #ccc;
	font-weight: 400
}

.noticies .item h5 {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	color: #fff;
	font-size: 18px
}

.intern-banner {
	position: relative;
	z-index: 99;
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-color: #284274;
	height: 440px;
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	margin-top: 80px;
	-webkit-box-pack: center;
	justify-content: center
}

@media screen and (max-width:991px) {
	.intern-banner {
		height: 320px
	}
}

@media screen and (max-width:768px) {
	.intern-banner {
		padding: 0 20px
	}
}

.intern-banner h1 {
	font-family: Teko, sans-serif;
	color: #fff;
	font-size: 62px;
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 0;
	text-align: center
}

@media screen and (max-width:991px) {
	.intern-banner h1 {
		font-size: 42px
	}
}

.intern-banner h1 span {
	display: block;
	text-transform: none;
	line-height: 50px
}

.intern-banner h6 {
	color: #fff;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 400
}

@media screen and (max-width:991px) {
	.intern-banner h6 {
		font-size: 15px
	}
}

.news-rows .news {
	cursor: pointer;
	background: #f2f2f2;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	height: 350px;
	overflow: hidden
}

@media screen and (max-width:768px) {
	.news-rows .news {
		height: auto
	}
}

.news-rows .news:nth-child(n+2) {
	margin-top: 30px
}

.news-rows .news .description {
	padding: 25px 15px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

@media screen and (max-width:1199px) {
	.news-rows .news .description {
		padding: 0 15px
	}
}

@media screen and (max-width:991px) {
	.news-rows .news .description {
		padding: 25px 15px
	}
}

.news-rows .news .description .category {
	color: #000;
	font-family: Roboto, sans-serif;
	font-weight: 500
}

.news-rows .news .description .category span {
	color: #666;
	font-size: 14px;
	font-weight: 400
}

.news-rows .news .description h2 {
	font-family: Teko, sans-serif;
	color: #000;
	font-size: 30px;
	line-height: 30px
}

@media screen and (max-width:1199px) {
	.news-rows .news .description h2 {
		font-size: 27px
	}
}

.news-rows .news .description p.call {
	color: #666;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 14px
}

.news-rows .news .description a {
	font-family: Roboto, sans-serif;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	position: relative;
	font-weight: 700;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media screen and (max-width:1199px) {
	.news-rows .news .description a {
		margin-top: 25px
	}
}

@media screen and (max-width:991px) {
	.news-rows .news .description a {
		margin-top: 15px
	}
}

.news-rows .news .description a::before {
	content: ">";
	position: absolute;
	right: -15px;
	font-size: 20px;
	top: -6px
}

.news-rows .news:hover {
	background-color: #f24a00
}

.news-rows .news:hover a,
.news-rows .news:hover h2,
.news-rows .news:hover p,
.news-rows .news:hover p span {
	color: #fff!important
}

.news-rows .photo {
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important
}

@media screen and (max-width:768px) {
	.news-rows .photo {
		height: 200px
	}
}

main.adendos {
	position: relative;
	overflow-y: hidden
}

@media screen and (min-width:600px) {
	main.adendos::before {
		position: absolute;
		content: url(../img/icomon/dots.png);
		top: 510px;
		left: 0;
		z-index: -1
	}
	main.adendos::after {
		position: absolute;
		content: url(../img/icomon/dots2.png);
		top: 360px;
		right: 0;
		z-index: -1
	}
}

.join-us {
	background-image: url(../img/icomon/work.jpg);
	background-size: cover;
	height: 500px;
	background-position: center;
	text-align: right;
	background-repeat: no-repeat;
	margin-bottom: 30px
}

@media screen and (max-width:1920px) {
	.join-us {
		height: 300px;
		padding: 20px
	}
}

.join-us>.container {
	padding: 0
}

.join-us>.container>.row>div {
	height: 300px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

.join-us h2 {
	font-family: Teko, sans-serif;
	color: #fff;
	font-size: 128px;
	text-transform: uppercase;
	line-height: 100px
}

@media screen and (max-width:1920px) {
	.join-us h2 {
		margin-top: -30px;
		font-size: 58px;
		line-height: 60px
	}
}

@media screen and (max-width:422px) {
	.join-us h2 {
		line-height: 60px
	}
}

.join-us p {
	color: #fff;
	font-size: 23px;
	max-width: 300px;
	line-height: 27px;
	margin-left: auto
}

@media screen and (max-width:1920px) {
	.join-us p {
		font-size: 17px
	}
}

.join-us a {
	background-color: #fff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	color: #284274;
	padding: 10px 50px 5px;
	font-family: Teko, sans-serif;
	text-transform: uppercase;
	font-size: 42px;
	line-height: 42px;
	margin-left: auto;
	margin-top: 40px
}

@media screen and (max-width:1920px) {
	.join-us a {
		font-size: 20px;
		padding: 5px 15px 5px;
		margin-top: 20px
	}
}

.form-area .divider-2 {
	-webkit-box-orient: horizontal!important;
	-webkit-box-direction: normal!important;
	flex-direction: row!important
}

.form-area .divider-2>div {
	width: 50%
}

.form-area .divider-2>div:first-child {
	padding-right: 15px
}

.form-area .divider-2>div:last-child {
	padding-left: 15px
}

.form-area .divider-2>div .radios {
	margin-left: 0
}

.form-area .divider-2-b {
	-webkit-box-orient: horizontal!important;
	-webkit-box-direction: normal!important;
	flex-direction: row!important
}

.form-area .divider-2-b>div:first-child {
	width: 65%;
	padding-right: 15px
}

.form-area .divider-2-b>div:last-child {
	margin-left: auto;
	padding-left: 15px;
	width: 35%
}

.form-area .divider-2-b>div .radios {
	margin-left: 0
}

.form-area .input-area {
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

.form-area .input-area:nth-child(n+2) {
	margin-top: 40px
}

.form-area .input-area input,
.form-area .input-area select {
	height: 40px
}

@media screen and (max-width:768px) {
	.form-area .input-area input,
	.form-area .input-area select {
		height: 40px
	}
}

.form-area label {
	font-family: Teko, sans-serif;
	font-size: 27px;
	color: #7f7f7f
}

.form-area label[for=anexo] {
	background-color: #bfbfbf;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	color: #666;
	padding: 5px 15px
}

.form-area input,
.form-area select,
.form-area textarea {
	border-radius: 5px;
	position: relative;
	margin-top: -10px;
	width: 100%;
	background-color: #f7f7f7;
	border: solid 1px #d9d9d9;
	font-family: Teko, sans-serif;
	font-size: 20px;
	color: #7f7f7f;
	padding: 0 20px
}

@media screen and (max-width:768px) {
	.form-area input,
	.form-area select,
	.form-area textarea {
		font-size: 20px!important
	}
	.form-area input::-webkit-input-placeholder,
	.form-area select::-webkit-input-placeholder,
	.form-area textarea::-webkit-input-placeholder {
		font-size: 20px!important
	}
	.form-area input::-moz-placeholder,
	.form-area select::-moz-placeholder,
	.form-area textarea::-moz-placeholder {
		font-size: 20px!important
	}
	.form-area input:-ms-input-placeholder,
	.form-area select:-ms-input-placeholder,
	.form-area textarea:-ms-input-placeholder {
		font-size: 20px!important
	}
	.form-area input::-ms-input-placeholder,
	.form-area select::-ms-input-placeholder,
	.form-area textarea::-ms-input-placeholder {
		font-size: 20px!important
	}
	.form-area input::placeholder,
	.form-area select::placeholder,
	.form-area textarea::placeholder {
		font-size: 20px!important
	}
}

.form-area input::-webkit-input-placeholder,
.form-area select::-webkit-input-placeholder,
.form-area textarea::-webkit-input-placeholder {
	color: #7f7f7f;
	font-family: Teko, sans-serif;
	font-size: 20px
}

.form-area input::-moz-placeholder,
.form-area select::-moz-placeholder,
.form-area textarea::-moz-placeholder {
	color: #7f7f7f;
	font-family: Teko, sans-serif;
	font-size: 20px
}

.form-area input:-ms-input-placeholder,
.form-area select:-ms-input-placeholder,
.form-area textarea:-ms-input-placeholder {
	color: #7f7f7f;
	font-family: Teko, sans-serif;
	font-size: 20px
}

.form-area input::-ms-input-placeholder,
.form-area select::-ms-input-placeholder,
.form-area textarea::-ms-input-placeholder {
	color: #7f7f7f;
	font-family: Teko, sans-serif;
	font-size: 20px
}

.form-area input::placeholder,
.form-area select::placeholder,
.form-area textarea::placeholder {
	color: #7f7f7f;
	font-family: Teko, sans-serif;
	font-size: 20px
}

/*
.form-area input[type=file],
.form-area select[type=file],
.form-area textarea[type=file] {
	display: none
}*/

.form-area input[type=submit],
.form-area select[type=submit],
.form-area textarea[type=submit] {
	background: #e44126;
	color: #fff;
	font-family: Teko;
	color: #fff;
	font-size: 28px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 50px;
	position: relative;
	padding: 10px 75px 50px 75px
}

@media screen and (max-width:768px) {
	.form-area input[type=submit],
	.form-area select[type=submit],
	.form-area textarea[type=submit] {
		padding: 10px 40px 40px 40px
	}
}

.form-area input[type=submit].icon,
.form-area select[type=submit].icon,
.form-area textarea[type=submit].icon {
	padding: 25px 35px 60px 82px
}

.form-area input[type=submit].icon::after,
.form-area select[type=submit].icon::after,
.form-area textarea[type=submit].icon::after {
	position: absolute;
	content: url(../img/icomon/megafone.png);
	left: 0;
	top: 0
}

.form-area textarea {
	padding: 10px 20px;
	font-family: Roboto;
	font-size: 17px;
	line-height: 18px
}

.form-area select::after {
	content: url(../img/icomon/seta.png);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999
}

.form-area .radios {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-left: 20px
}

.form-area .radios input {
	width: 16px;
	border: 0;
	height: 16px;
	margin-right: 6px;
	background: #fff;
	position: relative
}

.form-area .radios input::before {
	content: "";
	background: #fff;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #000;
	border-radius: 100px
}

.form-area .radios input:checked::after {
	content: "";
	background-color: #000;
	width: 10px;
	height: 10px;
	left: 3px;
	top: 3px;
	position: absolute;
	border-radius: 100px
}

.form-area .radios span {
	color: #7f7f7f;
	font-size: 18px;
	margin-right: 7px;
	margin-top: -8px
}

.card-left {
	background: #f2f2f2;
	padding: 30px
}

@media screen and (max-width:1199px) {
	.card-left {
		margin-bottom: 40px
	}
}

.card-left h4 {
	font-family: Teko, sans-serif;
	font-size: 35px;
	color: #284274
}

@media screen and (max-width:1320px) {
	.card-left h4 {
		font-size: 30px
	}
}

.card-left address {
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	color: #666
}

@media screen and (max-width:1320px) {
	.card-left address {
		font-size: 15px
	}
}

.cBlocked {
	border: solid 1px #c1c1c1;
	padding: 30px;
	margin-left: 30px
}

.cBlocked h3 {
	color: #666;
	font-family: Teko, sans-serif;
	font-size: 45px;
	text-transform: uppercase
}

@media screen and (max-width:1199px) {
	.cBlocked h3 {
		font-size: 30px!important
	}
}

.cBlocked ul li {
	position: relative;
	font-family: Roboto, sans-serif;
	font-size: 18px;
	color: #666;
	padding-left: 25px;
	list-style: none
}

@media screen and (max-width:1199px) {
	.cBlocked ul li {
		font-size: 16px!important
	}
}

.cBlocked ul li p {
	margin-top: 5px;
	font-size: 16px
}

.cBlocked ul li p:not(.bold) {
	font-weight: 400!important
}

@media screen and (max-width:1199px) {
	.cBlocked ul li p {
		font-size: 14px!important
	}
}

.cBlocked ul li::before {
	content: url(../img/icomon/arrow.png);
	top: 2px;
	left: 0;
	position: absolute
}

.list-links a {
	height: 70px;
	font-family: Teko, sans-serif;
	font-size: 23px;
	width: 100%;
	display: -webkit-box;
	display: flex;
	padding: 0 50px;
	-webkit-box-align: center;
	align-items: center;
	color: #284274;
	position: relative;
	background: #ececec;
	overflow: hidden;
	line-height: 22px
}

@media screen and (max-width:1199px) {
	.list-links a {
		font-size: 19px
	}
}

.list-links a:nth-child(n+2) {
	margin-top: 1px
}

.list-links a::before {
	content: url(../img/icomon/arrow-blue.png);
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
	z-index: 10;
	position: absolute
}

.list-links a img {
	overflow: hidden;
	position: absolute;
	right: -25px;
	top: -29px;
	opacity: .5
}

.list-links a.active,
.list-links a:hover {
	color: #fff;
	background: #284274
}

.list-links a.active::before,
.list-links a:hover::before {
	-webkit-filter: brightness(10);
	filter: brightness(10)
}

footer {
	background-image: url(../img/icomon/footer.jpg);
	padding: 10px 0;
	border-top: none;
	background-size: cover!important;
	background-repeat: no-repeat
}

@media screen and (max-width:768px) {
	footer {
		padding: 20px 0;
		height: auto
	}
}

footer>.container {
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

@media screen and (max-width:768px) {
	footer>.container {
		height: auto
	}
}

footer>.container .align-end {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 100%;
	-webkit-box-align: end;
	align-items: flex-end;
	flex-wrap: wrap
}

@media screen and (max-width:768px) {
	footer>.container .align-end {
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center
	}
}

footer>.container .logo-footer {
	width: 250px
}

@media screen and (max-width:568px) {
	footer>.container .logo-footer {
		width: 100%;
		text-align: center;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
}

footer>.container .logo-footer p {
	margin-top: 10px;
	font-family: Teko, sans-serif;
	color: #fff;
	font-size: 20px;
	line-height: 23px
}

footer>.container .logo-footer img {
	max-width: 250px
}

footer>.container .address {
	padding: 20px 30px 5px 60px;
	border: solid 1px #fff;
	color: #fff;
	position: relative;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

footer>.container .address a:hover {
	color: #fff!important;
	text-decoration: underline!important
}

footer>.container .address::before {
	position: absolute;
	left: 30px;
	top: 20px;
	content: url(../img/icomon/placeholder.png)
}

footer>.container .address h5 {
	font-weight: 700;
	font-size: 14px!important;
	text-transform: uppercase
}

footer>.container .address address {
	line-height: 16px!important;
	font-size: 14px!important;
	font-weight: 400;
	margin-top: -5px
}

footer>.container .newsletter {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

footer>.container .newsletter h4 {
	color: #fff;
	font-family: Teko, sans-serif;
	font-size: 33px
}

footer>.container .newsletter p {
	color: #999;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	margin-top: -10px
}

footer>.container .newsletter input {
	background-color: #464646;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #777;
	border: none;
	padding: 20px 60px 20px 30px;
	width: 350px;
	position: relative
}

footer>.container .newsletter::before {
	content: url(../img/icomon/message.png);
	position: relative;
	z-index: 100;
	top: 122px;
	left: 310px
}

footer .subfooter {
	-webkit-box-align: end;
	align-items: flex-end
}

@media screen and (max-width:568px) {
	footer .subfooter {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}

footer .subfooter p {
	font-size: 13px;
	color: #999;
	margin: 0
}

footer .subfooter p a {
	color: #fff;
	font-weight: 500
}

footer .subfooter p a:hover {
	color: #ff0
}

footer .subfooter .social ul li {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	list-style: none
}

footer .subfooter .social ul li:nth-child(n+2) {
	margin-left: 20px
}

footer .subfooter .social ul li a:hover {
	color: #ff0
}

.disclaimer .title h2 {
	background-color: #fff;
	padding: 5px;
	width: 100%;
	font-family: Teko, sans-serif;
	color: #284274;
	font-size: 36px;
	text-align: center
}

.disclaimer .description p {
	color: #666;
	font-size: 17px;
	line-height: 25px
}

.disclaimer .words {
	font-family: Teko, sans-serif;
	font-size: 600px;
	letter-spacing: 10px;
	text-transform: uppercase;
	line-height: 65px;
	text-align: center;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center
}

@media screen and (max-width:1199px) {
	.disclaimer .words {
		line-height: 45px;
		font-size: 40px
	}
}

@media screen and (max-width:600px) {
	.disclaimer .words {
		line-height: 25px;
		font-size: 20px
	}
}

@media screen and (max-width:450px) {
	.disclaimer .words {
		margin-left: -25px!important
	}
}

.disclaimer .words p {
	margin: 0;
	padding: 5px 20px;
	cursor: pointer;
	color: #cdcdcd;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transition: all ease .2s;
	transition: all ease .2s
}

.disclaimer .words p:hover {
	color: #f14201
}

.disclaimer .words p.active {
	color: #fff;
	background: #284274
}

.disclaimer .words p.active span {
	color: #fff
}

.disclaimer .words p span {
	color: #284274
}

.disclaimer .words p:nth-child(2) {
	margin-left: -140px
}

@media screen and (max-width:1199px) {
	.disclaimer .words p:nth-child(2) {
		margin-left: -105px!important
	}
}

@media screen and (max-width:600px) {
	.disclaimer .words p:nth-child(2) {
		margin-left: -73px!important
	}
}

.disclaimer .words p:nth-child(3) {
	margin-left: 167px
}

@media screen and (max-width:1199px) {
	.disclaimer .words p:nth-child(3) {
		margin-left: 132px!important
	}
}

@media screen and (max-width:600px) {
	.disclaimer .words p:nth-child(3) {
		margin-left: 87px!important
	}
}


.disclaimer .words p:last-child {
	margin-left: 319px
}

@media screen and (max-width:1199px) {
	.disclaimer .words p:last-child {
		margin-left: 250px!important
	}
}

@media screen and (max-width:600px) {
	.disclaimer .words p:last-child {
		margin-left: 176px!important
	}
}

.disclaimer .palco {
	background: #fff;
	border: solid 1px #c1c1c1;
	width: 100%;
	padding: 15px 40px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	font-size: 22px;
	color: #939393;
	font-weight: 700;
	line-height: 50px
}

@media screen and (max-width:1199px) {
	.disclaimer .palco {
		font-size: 18px!important;
		line-height: 40px
	}
}

@media screen and (max-width:991px) {
	.disclaimer .palco {
		margin-top: 40px
	}
}

.disclaimer .palco span {
	color: #f14201
}

.disclaimer hr {
	height: 1px;
	width: 100%;
	background: #e9e9e9;
	border: none;
	position: relative;
	margin: 60px 0
}

.disclaimer hr::before {
	content: "";
	position: absolute;
	width: 35px;
	height: 2px;
	background: #f24a00;
	top: -1px;
	left: 0
}

.articles {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 0 40px
}

@media screen and (min-width:578px) {
	.articles {
		padding: 0
	}
}

.articles article {
	background-position: center!important;
	background-size: cover!important;
	background-color: rgba(0, 0, 0, .7)!important;
	background-blend-mode: multiply!important;
	color: #fff;
	padding: 40px 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	height: 250px;
	cursor: pointer;
	-webkit-transition: all ease .2s;
	transition: all ease .2s;
	margin-top: 30px;
	width: 100%
}

@media screen and (min-width:768px) {
	.articles article {
		margin-top: 30px;
		width: 360px
	}
}

@media screen and (min-width:1000px) {
	.articles article {
		margin-top: 30px;
		width: 470px
	}
}

@media screen and (min-width:1199px) {
	.articles article {
		width: 370px!important
	}
	.articles article:nth-child(n+4) {
		margin-top: 30px
	}
}

.articles article:hover {
	background-color: rgba(0, 0, 0, .9)!important
}

.articles article:hover i {
	background-color: #fff;
	color: #000
}

.articles article sup {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 11px
}

.articles article h4 {
	font-family: Teko, sans-serif;
	font-size: 35px;
	line-height: 37px
}

.articles article p {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 17px
}

.articles article i {
	border: solid 2px #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	font-size: 17px;
	font-weight: 500;
	-webkit-transition: all ease .2s;
	transition: all ease .2s
}

.facts {
	position: relative
}

.facts .line {
	left: 50%;
	top: -1%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
	overflow: visible;
	position: absolute;
	height: 101%;
	z-index: -1;
	background-color: #335486;
	width: 9px
}

.facts .fact {
	width: 500px;
	position: relative;
	background: #f1f1f1;
	border-radius: 10px
}

.facts .fact:nth-child(2) {
	margin-top: 200px
}

.facts .fact:nth-child(n+3) {
	margin-top: 200px
}

.facts .fact.right::before {
	content: url(../img/icomon/tip.png);
	position: absolute;
	right: -14px;
	top: -17px
}

.facts .fact.right .topo {
	text-align: right
}

.facts .fact.right .description {
	text-align: right
}

.facts .fact.right .date {
	right: -136px;
	top: -150px
}

.facts .fact.left {
	margin-left: auto
}

.facts .fact.left::before {
	content: url(../img/icomon/tip.png);
	position: absolute;
	left: -14px;
	top: -17px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.facts .fact.left .topo {
	text-align: left
}

.facts .fact.left .description {
	text-align: left
}

.facts .fact.left .date {
	left: -136px;
	top: -150px
}

.facts .fact .date {
	position: absolute;
	background-color: #fff;
	width: 134px;
	height: 134px;
	font-family: Teko, sans-serif;
	color: #335486;
	font-size: 70px;
	border: solid 8px #335486;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	border-radius: 1000px
}

.facts .fact .topo {
	background: #335486;
	padding: 0 40px;
	border-radius: 10px 0 0 0;
	font-size: 50px;
	font-family: Teko, sans-serif;
	color: #fff
}

.facts .fact .description {
	line-height: 35px;
	padding: 20px 40px;
	color: #666;
	font-size: 25px;
	font-family: Roboto, sans-serif;
	font-weight: 400
}

#my-menu {
	display: none
}

@media screen and (max-width:991px) {
	#my-menu {
		display: -webkit-box;
		display: flex
	}
}

@media screen and (max-width:991px) {
	#desktop-menu {
		display: none
	}
}

@media screen and (max-width:1199px) {
	.artigos {
		display: none
	}
}

@media screen and (max-width:991px) {
	.years {
		display: none
	}
	.counter-block {
		padding: 60px 15px
	}
}

@media screen and (max-width:768px) {
	.reviews-block .linked {
		margin-top: 15px
	}
	.counter-block h2 {
		font-size: 40px
	}
}

@media screen and (max-width:578px) {
	.block-title {
		padding: 0 40px!important
	}
}

.breadcrumb {
	background: 0 0;
	font-family: Roboto, sans-serif;
	color: #666;
	padding: 0;
	margin-bottom: 20px
}

.breadcrumb li {
	margin-left: 0
}

.breadcrumb li:nth-child(n+2)::before {
	content: "/";
	color: #335486;
	font-size: 19px;
	font-weight: 700;
	bottom: 3px;
	padding: 0 5px;
	position: relative
}

.breadcrumb li:last-child {
	font-weight: 700
}

.breadcrumb li a {
	text-decoration: none;
	text-transform: none!important;
	color: inherit!important;
	font-family: inherit!important;
	font-size: 17px!important
}

.breadcrumb li a:hover {
	-webkit-transform: unset;
	transform: unset;
	opacity: .8
}

#playerControl {
	position: absolute;
	background-color: #335486;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 15px 30px;
	border-radius: 300px;
	z-index: 99;
	-webkit-transition: all ease .3s;
	transition: all ease .3s
}

#playerControl:not(.paused) {
	opacity: .3
}

#playerControl:hover {
	opacity: 1
}

#playerControl .controller {
	cursor: pointer;
	-webkit-transition: all ease .3s;
	transition: all ease .3s
}

#playerControl .controller:hover {
	opacity: .8
}


@media screen and (min-width: 1200px) {
    .disclaimer .words {
            line-height: 45px;
            font-size: 40px;
    }
}
/* ==========================================================================
    LGPD
========================================================================== */
.termo-lgpd{
    position: fixed;
    width: 100%; 
    bottom: 0px;
    background-color: rgba(40, 66, 116, 0.98);
    color: #fff;
    text-align: center;
    font-size: 14px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.termo-lgpd label{
    width: 100%; 
    max-width: 800px;
}
.termo-lgpd a{
    color: #f14201 !important;
}
.termo-lgpd a:active,
.termo-lgpd a:hover,
.termo-lgpd a:focus{
    color: #fff !important;
}
.btn-lgpd{
    background-color: #f14201 !important;
    letter-spacing: 0.1rem;
    display: inline-block;
    color: #fff !important;
    padding: 0.5rem 4rem;
    border: 0 !important;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 700;
}
.btn-lgpd.active,
.btn-lgpd:active,
.btn-lgpd:hover,
.btn-lgpd:focus{
    box-shadow: 0 0 0 0.25rem rgba(40, 66, 116, 0.7) !important;
    background-color: #ececec !important;
    border-color: #ececec !important;
    color: #284274 !important;
}
.btn-lgpd:disabled,
.btn-lgpd:disabled:hover,
.btn-lgpd:disabled:focus{
    border: 1px solid #ececec !important;
    background-color: transparent !important;
    color: #ececec !important;
    box-shadow: none !important;
    cursor: default;
}