/*!
Theme Name: aspecto
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aspecto
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
aspecto is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
    font-family: "Teko";
    src: url("../fonts/teko.woff") format("woff"),
        url("../fonts/teko.woff") format("ttf");
    font-display: swap;
}

* {
    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: rgba(0, 0, 0, 0);
    -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;
}

.container {
    max-width: 1300px;
}

a {
    background: transparent;
}

*:focus,
*:active,
*:hover {
    outline: none;
}

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

pre {
    -moz-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;
}

button,
html input[type="button"],
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::placeholder {
    color: transparent;
}

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

/*
	custom bootstrap styles
	*/

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

ol,
ul {
    margin-bottom: 0;
}

button:focus {
    outline: none;
}

/*
	base styles
	*/

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

::selection {
    background-color: #8dd6dd;
    color: #fff;
}

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

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

/*
	BEM styles
	*/

/*
	article-item
	*/

.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%;
    transition: 0.5s;
    transform: scale(1);
}

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

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

.article-item__item-title:hover {
    color: #f24a00;
}

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

.article-item__category:hover {
    color: #f24a00;
}

.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
	*/

.article-listing-item {
    background: #f2f2f2;
    text-decoration: none;
    color: currentColor;
    transition: 0.3s;
    display: -ms-flexbox;
    display: flex;
}

.article-listing-item:hover {
    background: #f24a00;
    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%;
    transform: scale(1);
    transition: 0.5s;
}

.article-listing-item__cover-image:hover {
    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: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}

.article-listing-item__date {
    color: #999;
    position: relative;
    padding-left: 14px;
    margin-left: 12px;
    transition: 0.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: #f24a00;
}

.article-listing-item__text {
    min-height: 255px;
    color: #666;
    transition: 0.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
	*/

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

.articles-block__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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: -ms-flexbox;
    display: flex;
    margin: 0 -35px;
    -ms-flex-wrap: wrap;
    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;
    transition: color 0.3s;
    line-height: 1;
    margin-bottom: 8px;
}

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

.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
	*/

.articles-grid {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

/*
	articles-list-wrapper
	*/

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

.articles-list-wrapper__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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
	*/

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

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

/*
	awards-block
	*/

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

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

.awards-block__item {
    display: -ms-flexbox;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
    -ms-flex-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
	*/

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

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

.back-link__link:hover {
    color: #f24a00;
}

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

/*
	cards-block
	*/

.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
	*/

.cards__item {
    display: -ms-flexbox;
    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:before,
.cards__item-inner:hover:after {
    opacity: 1;
}

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

.cards__item-inner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f14201;
    z-index: 1;
    opacity: 0;
    transition: all 0.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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 4px;
    transition: all 0.3s;
}

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

/*
	clients-wrapper
	*/

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

/*
	clients
	*/

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

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

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

.clients__item-inner {
    opacity: 0.6;
    transition: 0.3s ease;
}

.clients__item-inner:hover {
    opacity: 1;
}

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

/*
	collapse-block
	*/

.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
	*/

.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;
    transition: all 0.3s;
}

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

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

.collapse-list__collapse-head.collapsed .collapse-list__collapse-head-icon {
    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;
}

.counter-block {
    padding-top: 165px;
    padding-bottom: 100px;
}

.counter-block__card {
    padding: 55px 52px;
    background-image: url("../../assets/img/dot.jpg");
    border-top: 5px solid #f24a00;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.counter-block__card-title {
    color: #999;
    font-size: 30px;
    font-family: "Teko", Helvetica, sans-serif;
    line-height: 1;
    margin-bottom: 96px;
}

.counter-block__card-value {
    color: #f24a00;
    font-size: 250px;
    line-height: 1;
    font-family: "Teko", Helvetica, sans-serif;
    margin-left: -7px;
    margin-bottom: -25px;
}

.counter-block__card-description {
    color: #f24a00;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
}

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

/*
	footer-default
	*/

.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: #f24a00;
    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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

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

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

.footer-default p a_active {
    color: #f24a00;
}

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

.footer-default__list-link:hover {
    color: #f24a00;
}

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

.footer-default__list-link_active {
    color: #f24a00;
}

.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: -ms-flexbox;
    display: flex;
    color: #999;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.footer-default__bottom a:hover {
    color: #f24a00;
}

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

.footer-default__bottom a_active {
    color: #f24a00;
}

.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
	*/

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

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

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

.footer-interior p a_active {
    color: #f24a00;
}

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

.footer-interior__list-link:hover {
    color: #f24a00;
}

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

.footer-interior__list-link_active {
    color: #f24a00;
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

.footer-interior__social:hover {
    color: #f24a00;
}

.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::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1;
    transition: 0.3s ease;
}

.footer-interior__input:-moz-placeholder {
    color: #999 !important;
    opacity: 1;
    transition: 0.3s ease;
}

.footer-interior__input::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
    transition: 0.3s ease;
}

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

.footer-interior__input.placeholder {
    color: #999 !important;
    opacity: 1;
    transition: 0.3s ease;
}

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

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

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

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

.footer-interior__input:focus.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: none;
    transition: all 0.3s;
}

.footer-interior__submit:hover {
    color: #f24a00;
}

.footer-interior__submit-icon {
    font-weight: 700;
    font-size: 12px;
    margin-left: 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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.footer-interior__copyright a:hover {
    color: #f24a00;
}

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

.footer-interior__copyright a_active {
    color: #f24a00;
}

.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-studio
	*/

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

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

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

.footer-studio p a_active {
    color: #f24a00;
}

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

.footer-studio__list-link:hover {
    color: #f24a00;
}

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

.footer-studio__list-link_active {
    color: #f24a00;
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

.footer-studio__social:hover {
    color: #f24a00;
}

.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: #999999;
    padding: 2px 120px 0 20px;
    background: #f8f8f8;
    border: 0;
}

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

.footer-studio__input:-moz-placeholder {
    color: #666 !important;
    opacity: 1;
    transition: 0.3s ease;
}

.footer-studio__input::-moz-placeholder {
    color: #666 !important;
    opacity: 1;
    transition: 0.3s ease;
}

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

.footer-studio__input.placeholder {
    color: #666 !important;
    opacity: 1;
    transition: 0.3s ease;
}

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

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

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

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

.footer-studio__input:focus.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: none;
    transition: all 0.3s;
    color: #424242;
}

.footer-studio__submit:hover {
    color: #8dd6dd;
}

.footer-studio__submit-icon {
    font-weight: 700;
    font-size: 12px;
    margin-left: 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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.footer-studio__copyright a:hover {
    color: #f24a00;
}

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

.footer-studio__copyright a_active {
    color: #f24a00;
}

.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
	*/

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

/*
	full-screen-block
	*/

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

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

.full-screen-block__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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: -ms-flexbox;
    display: flex;
    -ms-flex-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: 0.875;
    -ms-flex-positive: 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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.full-screen-block__link:hover {
    color: #f24a00;
}

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

.full-screen-block__link_active {
    color: #f24a00;
}

.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: -ms-flexbox;
    display: flex;
}

.full-screen-block__socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-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;
    transition: color 0.3s;
}

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

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.full-screen-block__locale:hover {
    color: #f24a00;
}

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

.full-screen-block__locale_active {
    color: #f24a00;
}

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

/*
	header-fixed
	*/

#masthead {
    padding: 20px 0px;
}

.header-fixed {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 32px;
}

.header-fixed__menu {
    /* margin-right: auto; */
    margin-left: auto;
}

.header-fixed__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*
	header
	*/

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    color: #242323;
    height: 100px;
}

.header_white {
    color: #fff;
}

.header__overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.2;
    display: none;
}

.header__container {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 1px;
    background: #fff;
}

.header_fixed .header__container {
    transform: translateY(0%);
}

.header_is_fixed .header__container {
    position: fixed;
    background: #fff;
    color: #242323;
    transform: translateY(100%);
    padding-top: 28px;
    transition: background 0.5s ease, transform 0.5s ease;
    box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
}

.header__logo {
    position: relative;
    display: block;
    z-index: 3;
}

.header__wrapper {
    padding-top: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 25px;
}

.header__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.header__menu-button {
    position: absolute;
    right: -13px;
    top: 50%;
    margin-top: -25px;
    border: 0;
    width: 50px;
    height: 50px;
    background: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: currentColor;
    transition: color 0.5s;
    z-index: 2;
}

.header__menu-button_dark {
    color: #000;
}

.header__menu-button_fixed {
    right: 47px;
    top: 34px;
    margin: 0;
}

.header__menu-button-inner {
    height: 2px;
    width: 24px;
    background: currentColor;
    position: relative;
    border: 0;
    transition: background 0.5s;
}

.header__menu-button_cross .header__menu-button-inner {
    background: transparent;
}

.header__menu-button-inner:before,
.header__menu-button-inner:after {
    position: absolute;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: currentColor;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.header__menu-button-inner:before {
    transform: translateY(7px);
}

.header__menu-button_burger .header__menu-button-inner:before {
    animation-name: button-before-open-animation;
}

.header__menu-button_cross .header__menu-button-inner:before {
    animation-name: button-before-close-animation;
}

@keyframes button-before-close-animation {
    0% {
        transform: translateY(7px);
    }

    50% {
        transform: translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateY(0px) rotate(45deg);
    }
}

@keyframes button-before-open-animation {
    0% {
        transform: translateY(0px) rotate(45deg);
    }

    50% {
        transform: translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateY(7px);
    }
}

.header__menu-button-inner:after {
    transform: translateY(-7px);
}

.header__menu-button_burger .header__menu-button-inner:after {
    animation-name: button-after-open-animation;
}

.header__menu-button_cross .header__menu-button-inner:after {
    animation-name: button-after-close-animation;
}

@keyframes button-after-close-animation {
    0% {
        transform: translateY(-7px);
    }

    50% {
        transform: translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateY(0px) rotate(-45deg);
    }
}

@keyframes button-after-open-animation {
    0% {
        transform: translateY(0px) rotate(-45deg);
    }

    50% {
        transform: translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateY(-7px);
    }
}

.header__menu {
    /* transform: translateX(100%) translateZ(0); */
    transition: 0.6s;
    z-index: 9;
    display: none;
}

.translate-header-open {
    transform: translateX(0%) translateZ(0) !important;
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    top: 12%;
}

.heading-default {
    padding-top: 220px;
    margin-bottom: 98px;
}

.heading-default_context_listing {
    text-align: center;
    margin-bottom: 84px;
}

.heading-default_context_listing .heading-default__breadcrumbs {
    -ms-flex-pack: center;
    justify-content: center;
}

.heading-default__title {
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 80px;
    line-height: 1.2;
    margin-bottom: 11px;
}

.heading-default__breadcrumbs {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.heading-default__breadcrumb-item {
    font-size: 16px;
    color: #999;
}

.heading-default__breadcrumb-item:not(:first-child):before {
    content: "/ ";
}

.heading-default__breadcrumb-item:not(:last-child) {
    margin-right: 0.3em;
}

.heading-default__breadcrumb-link {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    color: #000;
}

.heading-default__breadcrumb-link:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: opacity 0.3s;
    opacity: 0;
}

.heading-default__breadcrumb-link:hover {
    color: #f24a00;
}

.heading-default__breadcrumb-link:hover:after {
    opacity: 1;
}

.heading-default__breadcrumb-link_active {
    color: #f24a00;
}

.heading-default__breadcrumb-link_active:after {
    opacity: 1;
}

.heading-default__breadcrumb-link_inverted:after {
    opacity: 1;
}

.heading-default__breadcrumb-link_inverted:hover:after {
    opacity: 0;
}

/*
	heading-group
	*/

.heading-group {
    margin-bottom: 85px;
}

.heading-group_centered {
    text-align: center;
}

.heading-group__subtitle {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 9px;
}

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

.heading-group__text {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    line-height: 1.75;
    margin-bottom: 32px;
    max-width: 900px;
}

.heading-group_centered .heading-group__text {
    margin-left: auto;
    margin-right: auto;
}

/*
	icon
	*/

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

.icon-chevron-left:before {
    content: "\e93b";
}

.icon-chevron-right:before {
    content: "\e93c";
}

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

.icon_behance {
    width: 1.5em;
}

.icon_facebook {
    width: 0.466666666666667em;
}

.icon_twitter {
    width: 1.090909090909091em;
}

/*
	link
	*/

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

a:not([class]):hover {
    color: #f24a00;
}

a:not([class]):hover:after {
    opacity: 1;
}

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

.link:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: opacity 0.3s;
    opacity: 0;
}

.link:hover {
    color: #8dd6dd;
}

.link:hover:after {
    opacity: 1;
}

.link_active {
    color: #8dd6dd;
}

.link_active:after {
    opacity: 1;
}

.link_inverted:after {
    opacity: 1;
}

.link_inverted:hover:after {
    opacity: 0;
}

/*
	logo
	*/

.logo {
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 36px;
    line-height: 0.555555555555556;
    margin-top: 0.1em;
    text-transform: uppercase;
    color: currentColor;
    text-decoration: none;
    letter-spacing: 0.2em;
    transition: all 0.3s;
}

/*
	parallax-block
	*/

.parallax-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 58px;
}

.parallax-block__title {
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 160px;
    line-height: 0.84375;
    -ms-flex-positive: 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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #f24a00;
    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;
    transition: color 0.3s;
}

.parallax-block__download-link:hover {
    color: #f24a00;
}

.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
	*/

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

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

/*
	preloader
	*/

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

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

.double-bounce2 {
    animation-delay: -1s;
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

/*
	project-detail
	*/

.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

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

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

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

.project-detail__head-item-link_active {
    color: #f24a00;
}

.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: 0.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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    color: #f24a00;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.project-detail__footer-link:hover {
    color: #f24a00;
}

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

.project-detail__footer-link_active {
    color: #f24a00;
}

.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: -ms-flexbox;
    display: flex;
    background: #f4f5f7;
}

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

.see-projects-link {
    color: #000 !important;
}

.see-projects-link:hover {
    color: #8dd6dd !important;
}

.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;
    transition: opacity 0.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: 0.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;
}

/*
	quote
	*/

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

.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
	*/

.review-slider__title {
    font-family: "Teko", Helvetica, sans-serif;
    line-height: 0.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: -ms-flexbox;
    display: flex;
    font-size: 22px;
}

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

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

/*
	reviews-block
	*/

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

.reviews-block_template_zoom {
    background-image: url("/wp-content/uploads/2020/04/Base-1.jpg");
    background-position: center center;
    background-size: cover;
}

.reviews-block_template_zoom .reviews-block__title {
    font-size: 16px;
    line-height: 1.125;
    text-transform: uppercase;
    font-weight: 600;
    background: #8dd6dd;
    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;
    letter-spacing: 0.02em;
}

.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: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    position: relative;
    -ms-flex-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: -ms-flexbox;
    display: flex;
    font-size: 22px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -2px;
}


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

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

/*
	revolution-slider
	*/

.revolution-slider .tparrows {
    position: absolute;
    transform: translateY(-50%) !important;
    top: 50% !important;
    background: none !important;
    opacity: 0.5;
    transition: opacity 0.3s;
}

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

.revolution-slider .tparrows:before {
    font-size: 44px;
    font-family: "Linearicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    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
	*/

.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
	*/

.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: 0.6em;
}

/*
	service-works
	*/

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

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

/*
	show-more
	*/

.show-more {
    text-align: center;
}

.show-more__link {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.show-more__link:hover {
    color: #f24a00;
}

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

.show-more__link_active {
    color: #f24a00;
}

.show-more__link_active:after {
    opacity: 1;
}

.show-more__link_inverted:after {
    opacity: 1;
}

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

/*
	socials
	*/

.socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.socials__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-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;
    transition: all 0.3s;
}

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

.socials__social:hover {
    background: #8dd6dd;
    color: #fff;
    border-color: #8dd6dd;
}

/*
	team-block
	*/

.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: 0.714285714285714;
    margin-bottom: 9px;
    transition: 0.3s;
}

.team-block__slide:hover .team-block__person-name {
    color: #f24a00;
}

.team-block__person-role {
    color: #999;
}

.team-block__image-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.team-block__image-wrapper img {
    width: 100%;
    opacity: 1;
    transition: 0.3s;
}

.team-block__slide:hover .team-block__image-wrapper img {
    opacity: 0.05;
}

.team-block__hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.team-block__slide:hover .team-block__hover {
    opacity: 1;
}

.team-block__control {
    position: absolute;
    top: 30%;
    background: none;
    border: 0;
    color: currentColor;
    margin-bottom: -2px;
    transition: 0.3s ease;
    transform: translateZ(0);
    font-size: 44px;
    opacity: 0.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;
}

/*
	header-fixed
	*/

.top-menu {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.top-menu__menu-item:not(:last-child) {
    margin-right: 18px;
}

.top-menu__menu-link {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
}

.top-menu__menu-link:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: opacity 0.3s;
    opacity: 0;
}

.top-menu__menu-link:hover {
    color: #8dd6dd;
}

.top-menu__menu-link:hover:after {
    opacity: 1;
}

.top-menu__menu-link_active {
    color: #f24a00;
}

.top-menu__menu-link_active:after {
    opacity: 1;
}

.top-menu__menu-link_inverted:after {
    opacity: 1;
}

.top-menu__menu-link_inverted:hover:after {
    opacity: 0;
}

.top-menu__menu-link:after {
    display: none;
}

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

.top-menu__contacts span {
    transition: all 0.3s;
}

.top-menu__contacts a {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.top-menu__contacts a:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: opacity 0.3s;
    opacity: 0;
}

.top-menu__contacts a:hover {
    color: #f24a00;
}

.top-menu__contacts a:hover:after {
    opacity: 1;
}

.top-menu__contacts a_active {
    color: #f24a00;
}

.top-menu__contacts a_active:after {
    opacity: 1;
}

.top-menu__contacts a_inverted:after {
    opacity: 1;
}

.top-menu__contacts a_inverted:hover:after {
    opacity: 0;
}

.top-menu__contacts a:after {
    display: none;
}

.top-menu__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top-menu__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

/*
	video-block
	*/

.video-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 100px;
    width: 83.33333333333334%;
    margin-right: auto;
    color: #fff;
    transition: all 0.3s;
}

.video-block:hover {
    color: #f24a00;
}

.video-block:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100px;
    right: -20%;
    background: url("../../assets/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%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 2px solid currentColor;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-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
	*/

.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
	*/

.zoom-counter {
    padding: 220px 0 60px;
}

.zoom-counter__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.zoom-counter__subtitle {
    font-size: 16px;
    line-height: 1.125;
    text-transform: uppercase;
    font-weight: 600;
    background: #8dd6dd;
    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: 0.861111111111111;
    font-family: "Teko", Helvetica, sans-serif;
    margin-bottom: 50px;
}

.zoom-counter__text {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin-bottom: 5rem;
}

.zoom-counter__text p {
    margin-bottom: 30px;
}

.zoom-counter__read-more,
.wpcf7-submit {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.zoom-counter__read-more:hover {
    color: #8dd6dd;
}

.zoom-counter__read-more:hover:after {
    opacity: 1;
}

.zoom-counter__read-more_active {
    color: #f24a00;
}

.zoom-counter__read-more_active:after {
    opacity: 1;
}

.zoom-counter__read-more_inverted:after {
    opacity: 1;
}

.zoom-counter__read-more_inverted:hover:after {
    opacity: 1;
}

.zoom-counter__read-more:after {
    height: 2px;
}

/*
	zoom-counters
	*/

.zoom-counters {
    padding-top: 75px;
    padding-bottom: 100px;
}

.zoom-counters__item {
    display: -ms-flexbox;
    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: 5px;
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #666;
}

/*
	zoom-image-head
	*/

.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: -ms-flexbox;
    display: flex;
    -ms-flex-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: 0.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: #f24a00;
    font-size: 60px;
    margin-top: 115px;
    margin-top: 4vh;
}

/*
	zoom-posts
	*/

.zoom-posts {
    padding-top: 123px;
    padding-bottom: 140px;
}

.zoom-posts__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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: #8dd6dd;
    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;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    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;
    transition: opacity 0.3s;
    opacity: 0;
}

.zoom-posts__more-link:hover {
    color: #f24a00;
}

.zoom-posts__more-link:hover:after {
    opacity: 1;
}

.zoom-posts__more-link_active {
    color: #f24a00;
}

.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
	*/
.zoom-services {
    padding-top: 6rem;
}

.zoom-services__title {
    font-size: 16px;
    line-height: 1.125;
    text-transform: uppercase;
    font-weight: 600;
    background: #8dd6dd;
    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: -ms-flexbox;
    display: flex;
    width: 100%;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.zoom-services__item {
    width: 25%;
    padding: 30px 20px 172px;
    display: block;
    text-decoration: none;
    color: currentColor;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    transition: all 0.3s;
    position: relative;
    background: #fff;
}

.zoom-services__item:hover {
    background: #8dd6dd;
    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;
    transition: all 0.3s;
}

.zoom-services__item:hover .zoom-services__item-text {
    color: #fff;
}

.zoom-services__item-footer {
    display: block;
    position: absolute;
    left: 32px;
    bottom: 54px;
}

.zoom-services__more {
    font-weight: 600;
    text-transform: uppercase;
}

.zoom-services__item-icon {
    font-size: 48px;
    display: block;
    color: #8dd6dd;
    margin-bottom: 16px;
    transition: all 0.3s;
}

.zoom-services__item:hover .zoom-services__item-icon {
    color: #fff;
}

/*
	zoom-slider
	*/
.zoom-slider {
    padding-top: 18px;
    margin-bottom: 58px;
}

.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: #8dd6dd;
    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;
    font-size: 14px;
}

.zoom-slider__filter-link:not(:last-child) {
    margin-right: 25px;
}

.zoom-slider__head-link {
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    color: currentColor;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    text-decoration: none;
    white-space: nowrap;
}

.zoom-slider__head-link:hover {
    color: #8dd6dd;
}

.zoom-slider__head-icon {
    font-size: 14px;
    margin-right: -0.4em;
    margin-left: 0.4em;
}

.zoom-slider__slider-wrapper {
    position: relative;
    color: #fff;
}

.zoom-slider__slider-wrapper:before,
.zoom-slider__slider-wrapper:after {
    content: "";
    width: 1px;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #fff;
    opacity: 0.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: 0.5;
    left: 50%;
    z-index: 2;
}

.zoom-slider__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-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: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
}

.zoom-slider__button {
    width: 25%;
    text-align: left;
    background: none;
    border: 0;
    color: #fff;
    padding: 38px 40px;
    transition: background 0.3s;
    height: auto;
}

.zoom-slider__button:hover {
    background: #fff;
    color: #000 !important;
}

/* .zoom-slider__button:hover .zoom-slider__button {

  } */
.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: 0.75;
    margin-top: 9px;
    transition: color 0.3s;
    display: block;
}

.zoom-slider__button:hover .zoom-slider__button-title,
.swiper-slide-thumb-active .zoom-slider__button-title {
    color: #8dd6dd;
}

.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;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.zoom-slider__control:hover {
    background: #8dd6dd;
}

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

.team-block__body .heading-group {
    text-align: left;
}

.team-block__slide:hover .team-block__person-name {
    color: #8dd6dd;
}

.services-positioned {
    position: absolute;
    top: 0%;
    line-height: 1.2;
}

.services-desc {
    max-width: 80%;
    font-size: 24px;
}

@media (max-width: 990px) {
    .services-positioned {
        position: relative;
        top: auto;
    }
}

@media (max-width: 1050px) {
    .top-menu {
        display: none;
    }
}

.footer-icons {
    font-size: 24px;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
}

.footer-icons:hover {
    color: #8dd6dd;
    cursor: pointer;
}

.zoom-services__item.switch .visible-img {
    display: none;
}

.zoom-services__item.switch .hidden-img {
    display: block;
}

/* RESPONSIVE */

@media (min-width: 1200px) {
    .container {
        padding-right: 60px;
        padding-left: 60px;
    }

    .container-fluid {
        padding-right: 60px;
        padding-left: 60px;
    }

    .container {
        max-width: 1140px;
    }

    @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) {
            margin-bottom: 30px;
        }

        .project-block__title {
            margin-bottom: 30px;
        }

        .project-block__project {
            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 {
            font-size: 24px;
        }

        .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:before,
        .zoom-slider__slider-wrapper:after {
            display: none;
        }
    }

    @media only screen and (max-width: 767px) {
        .article-listing-item__content {
            padding: 20px;
        }

        .articles-block__item {
            width: 100%;
        }

        .articles-grid__item {
            width: 100%;
        }

        .articles-list__item {
            margin-bottom: 20px;
        }

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

        .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 {
            text-align: left;
        }

        .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 br {
            display: none;
        }

        .minimal-head-block__title {
            font-size: 60px;
        }

        .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 {
            margin-bottom: 40px;
        }

        .review-slider__slider {
            margin-bottom: 40px;
        }

        .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 {
            -ms-flex-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: 5px;
        }

        .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:last-child {
            padding-right: 0;
        }

        .panorama-slider2__footer-item {
            padding-right: 20px;
        }

        .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 {
            font-size: 20px;
        }

        .single-post__intro {
            font-size: 20px;
        }

        .studio-intro-slide__title {
            font-size: 70px;
        }

        .studio-main-slide__title {
            font-size: 70px;
        }

        .team-block__text {
            font-size: 16px;
        }

        .zoom-image-head__subtitle {
            font-size: 20px;
        }

        .zoom-image-head__subtitle {
            margin-bottom: 24px;
        }

        .zoom-image-head__title {
            font-size: 60px;
            margin-bottom: 30px;
        }

        .zoom-image-head__text {
            font-size: 16px;
        }
    }

    @media (max-width: 576px) {
        .banner-image {
            height: 100vh;
            padding-top: 10rem;
        }
    }

    .mtop {
        position: relative;
        top: -3rem;
    }
}

.team-block__slider-wrapper.ateam {
    position: absolute;
    top: 52%;
    width: 97%;
}

.commissioning-banner {
    height: 90vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15rem;
}

.subheadings-commiss {
    font-family: Teko;
    font-size: 46px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: 0.69px;
    text-align: left;
    color: #000000;
}

.comm-list {
    list-style-type: none;
}

.comm-list li {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.13;
    letter-spacing: 0.24px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
}

.comm-list span {
    opacity: 0.3;
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.13;
    letter-spacing: 0.24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 1rem;
}

.main-heading-projects {
    padding-top: 12rem;
}

.main-heading-projects h1 {
    color: #000000 !important;
}

.projects-subheading {
    max-width: 60%;
    margin: 0 auto;
}

.projects-hover-a:hover {
    color: #8dd6dd;
}

.main-heading-projects {
    padding-top: 12rem;
}

.main-heading-projects h1 {
    color: #000000 !important;
}

.projects-subheading {
    max-width: 60%;
    margin: 0 auto;
}

.projects-hover-a:hover {
    color: #8dd6dd;
}

.img-projects {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.drop-head-cont {
    font-family: Teko;
}

.drop-head-cont span {
    margin-right: 1.5rem;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.drop-head-cont span:hover {
    color: #8dd6dd;
}

.drop-head-cont a:hover {
    color: #8dd6dd;
}

.hidden-list {
    list-style: none;
    position: absolute;
    z-index: 10;
    /* top: -1.5rem; */
}

.relative {
    position: relative;
    display: none;
}

.active-dropdown,
.active-inner-dropdown {
    display: block;
}

.list-style-none {
    list-style: none;
}

.drop-color {
    color: #666;
}

.hidden-list {
    width: 230px;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.hidden-list li {
    padding: 20px;
}

.hidden-list li:hover {
    color: #fff;
    background-color: #8dd6dd;
}

.inner-ul-1 {
    position: absolute;
    left: 230px;
    top: 0;
    background: #fff;
    color: #666;
    z-index: 10;
    width: 230px;
    display: none;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

.li-hover:hover>.inner-ul-1 {
    display: block;
}

.inner-ul-1 li {
    height: 88px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.inner-list-2 {
    position: absolute;
    left: 230px;
    top: 0;
    width: 230px;
    background-color: #fff;
    z-index: 10;
    color: #666;
    display: none;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

.inner-list-3 {
    position: absolute;
    background-color: #fff;
    width: 230px;
    left: 230px;
    top: 0;
    list-style-type: none;
    color: #666;
    display: none;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

.inner-ul-li-1:hover>.inner-list-3,
.inner-ul-li-1:hover>.inner-list-2 {
    display: block;
}

.inner-list-3 a {
    width: 100%;
    text-decoration: none;
}

.inner-list-3:hover a:not([class]):after {
    content: none;
    opacity: 0;
    height: 0 !important;
}

.get-a-quote h2 {
    text-transform: uppercase;
}

.get-a-quote h2:hover,
.work-together h2:hover {
    color: #b6202a;
}

.get-a-quote a:hover:not([class]):after,
.work-together a:hover:not([class]):after {
    background: #b6202a !important;
}

.drop-head-cont h5 {
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-size: 1.75rem;
    text-transform: uppercase;
}

.drop-head-cont a:hover:not([class]):after {
    height: 0;
    opacity: 0;
}

.product-details-container {
    position: absolute;
    top: 10%;
}

.title-manualLink {
    display: flex;
    margin-top: 1rem;
}

.single-product-title {
    font-family: Teko;
    text-transform: uppercase;
    color: #000;
    margin-right: 6rem;
}

.manual-link {
    color: #8dd6dd;
    font-family: Teko;
    text-transform: uppercase;
    font-size: 32px;
}

.manual-link:hover {
    color: #000;
}

.prev-next-project .row {
    height: 120px;
}

.prev-next-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-next-cont p {
    transition: all 0.4s ease-in-out;
}

.prev-next-cont:hover p {
    color: #fff;
    cursor: pointer;
}

.prev-next-proj {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 19.2px;
    color: #666666;
}

.swiper-container-single-proj img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.bolded-span {
    color: #000;
    font-weight: bold;
}

.swiper-controls-proj {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
}

.swiper-container-single-proj .swiper-pagination-bullet-active {
    background: #fff;
}

.left-arrow-prev {
    left: -4rem;
    font-size: 30px !important;
}

.right-arrow-next {
    right: -2rem;
    font-size: 30px !important;
}

.single-job-page .single-page-job,
.single-job-page .single-page-job .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-job-page .single-page-job .container h2 {
    display: none !important;
}

@media (max-width: 1200px) {
    .swiper-controls-proj {
        position: relative;
        top: -50%;
    }

    .left-arrow-prev {
        left: 0;
    }

    .right-arrow-next {
        right: 0;
    }
}

.featured-projects-slider {
    width: 100vw;
    overflow: hidden;
}

.line-slides {
    position: relative;
}

.line-slides:before {
    content: "";
    width: 60px;
    position: absolute;
    height: 2px;
    top: 50%;
    background: #000000;
}

.slides-number {
    margin-left: 70px;
    color: #000;
}

.first-number-slide {
    margin-right: 10px;
    color: #000;
}

#swiper-current {
    padding-top: 2rem;
}

.icon-rotate {
    margin-right: 0px !important;
    margin-left: 20px;
    position: relative;
    top: 4px;
    transition: all 0.5s ease-in-out;
}

.hovered {
    color: #8dd6dd;
}

.hovered .icon-rotate {
    margin-right: 0px !important;
    margin-left: 20px;
    position: relative;
    top: 4px;
    transition: all 0.5s ease-in-out;
    transform: rotate(-180deg);
}

#find-eq {
    cursor: pointer;
}

#find-eq:hover .hovered .icon-rotate {
    color: #8dd6dd;
}

.single-project-banner {
    height: 80vh;
    background-size: cover !important;
}

.single-project-banner .container {
    padding-top: 12rem;
}

#rental-dropdown {
    margin-top: -10px;
}

#rental-dropdown li:first-child .sub-menu {
    position: absolute;
    left: 230px;
    top: 0;
    background: #fff;
    color: #666;
    z-index: 10;
    width: 230px;
    display: none;
    list-style: none;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

#rental-dropdown li:first-child .sub-menu li {
    height: 88px;
    display: flex;
    align-items: center;
    position: relative;
}

#rental-dropdown li:first-child:hover .sub-menu {
    display: block;
}

#rental-dropdown li:first-child .sub-menu li .sub-menu {
    position: absolute;
    background-color: #fff;
    width: 230px;
    left: 230px;
    top: 0;
    list-style-type: none;
    color: #666;
    display: none;
    -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

#rental-dropdown li:first-child>.sub-menu>li:hover>.sub-menu {
    display: block;
}

#rental-dropdown a:hover {
    color: #fff !important;
}

.zoom-slider__buttons .swiper-wrapper a:hover {
    color: #000;
}

/*#primary-menu #menu-item-294 ul {
  position: absolute;
  display: none;
  list-style: none;
  padding-top: 2rem;
}
#primary-menu #menu-item-294 ul li {
  background: #fff;
  padding: 20px;
}
#primary-menu #menu-item-294:hover ul {
  display: block;
}

#primary-menu #menu-item-294 ul li:hover {
  background: #8dd6dd;
  color: #fff;
  padding: 20px;
}
#primary-menu #menu-item-294 ul li a:hover {
  color: #fff;
}*/
#primary-menu .service-dropdown ul {
    position: absolute;
    display: none;
    list-style: none;
    padding-top: 2rem;
}

#primary-menu .service-dropdown ul li {
    background: #fff;
    padding: 20px;
}

#primary-menu .service-dropdown:hover ul {
    display: block;
}

#primary-menu .service-dropdown ul li:hover {
    background: #8dd6dd;
    color: #fff;
    padding: 20px;
}

#primary-menu .service-dropdown ul li a:hover {
    color: #fff;
}

#primary-menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    text-transform: uppercase;
}

#primary-menu li {
    margin-right: 18px;
}

#primary-menu li a {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

#primary-menu li a:hover {
    text-decoration: none;
    color: #8dd6dd;
}

.about {
    height: auto;
}

.no-mobile .zoom-image-head.about {
    margin-bottom: 0px;
}

.h1-head {
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 110px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 0.909090909090909;
    margin-bottom: 57px;
    margin-bottom: 5vh;
    color: #fff;
}

.p-head {
    /* font-family: Roboto; */
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: 0.27px;
    text-align: left;
    color: #ffffff;
}

.h2-style {
    font-family: "Teko";
    font-size: 72px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.p-666 {
    font-family: "Roboto", Helvetica, sans-serif;
    /* font-family: "Roboto"; */
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.24px;
    text-align: left;
    color: #666666;
}

.img-abs {
    position: absolute;
    right: 4%;
    top: -17%;
    z-index: -1;
}

.swiper-container1 .swiper-slide,
.swiper-container1 .swiper-slide-active {
    /* width: 60% !important;  */
    overflow: hidden;
    position: relative;
}

.swiper-container1 .swiper-slide img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

body {
    overflow-x: hidden;
}

.slide-text-featured {
    max-width: 70%;
    color: #fff;
    position: absolute;
    bottom: 3%;
    left: 5%;
}

.px-14 {
    font-size: 14px;
    text-align: center;
}

.img-100 {
    max-width: 100%;
}

.dont-know-dropdown,
.dont-know-dropdown-head {
    padding-bottom: 5px;
    font-size: 1.75rem;
    text-transform: uppercase;
    font-family: Teko;
}

.dont-know-dropdown-head {
    color: #000000 !important;
}

.dont-know-dropdown {
    transition: all 0.3s linear;
}

.dont-know-dropdown:hover {
    color: #8dd6dd;
    cursor: pointer;
}

.dont-know-dropdown a:hover {
    color: #8dd6dd;
}

/* .find-cont-drop {
  height: 60vh;
} */
.tab-rento {
    -webkit-box-shadow: 0 7px 20px 0 rgba(209, 219, 227, 1);
    -moz-box-shadow: 0 7px 20px 0 rgba(209, 219, 227, 1);
    box-shadow: 0 7px 20px 0 rgba(209, 219, 227, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    padding: 2rem 0;
}

.back-arrow {
    width: 30px;
    transition: all 0.4s linear;
}

.back-arrow:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.find-cont-drop {
    display: none;
}

.dont-know-dropdown:hover {
    transform: scale(1.1);
}

@media (max-width: 850px) {
    .h1-head {
        font-size: 80px;
        margin-bottom: 2vh;
    }
}

@media (max-width: 768px) {
    .hidden-list {
        top: 0;
        width: 100%;
    }

    #rental-dropdown li:first-child .sub-menu {
        position: relative;
        width: 100%;
        left: 0;
        top: 20px;
    }

    #rental-dropdown li a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hidden-list li {
        padding: 20px 0;
    }

    #rental-dropdown li:first-child .sub-menu li {
        display: block;
        height: auto;
    }

    #rental-dropdown li:first-child .sub-menu li .sub-menu {
        position: relative;
        left: 0;
        width: 100%;
        top: 20px;
    }
}

.header__menu {
    background: #fff;
}

.header__menu-button {
    display: none;
}

.menu-panel {
    height: 100vh;
    text-align: center;
}

.menu-panel__footer .socials {
    justify-content: center;
    margin: 2rem 0;
}

.menu-panel__menu .menu-panel__menu-item {
    margin: 1rem 0;
}

.menu-panel__menu .menu-panel__menu-item .menu-panel__menu-link {
    color: #242323;
}

.menu-panel__menu .menu-panel__menu-item .menu-panel__menu-link:hover {
    color: #8dd6dd;
}

.menu-panel__inner .menu-panel__locales .menu-panel__locale {
    margin: 0 1rem;
}

.hidden-overflow {
    overflow: hidden;
}

@media (max-width: 1050px) {
    .header__menu-button {
        display: flex;
    }
}

.menu-panel__inner .header__menu-button {
    display: none;
}

.z-index-big {
    z-index: 10;
}

.prev-pagination,
.next-pagination {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

.prev-pagination:hover,
.next-pagination:hover {
    background-image: url("/wp-content/uploads/2020/04/background-prev.jpg");
}

.prev-next-proj a:hover {
    color: #fff;
}

.container-fluid.prev-next-project {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.swiper-slide-thumb-active .btn-read-more {
    color: #000 !important;
}

.zoom-slider__button .btn-read-more {
    color: #fff;
}

.zoom-slider__button:hover .btn-read-more,
.swiper-slide-thumb-active:hover .btn-read-more {
    color: #000;
}

.portfolio-feed {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

@media (max-width: 900px) {
    .portfolio-feed {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}

.portfolio-btn {
    text-transform: uppercase;
    font-size: 28px;
    color: #000;
    transition: all 0.1s ease-in-out;
    text-decoration: underline;
    font-family: Teko;
}

.portfolio-btn:hover {
    color: #8dd6dd;
}

.rowpt-5 {
    display: flex;
}

.first-row-form {
    display: flex;
    justify-content: space-between;
}

#wpcf7-f324-o1 textarea {
    width: 100%;
}

#wpcf7-f324-o1 .wpcf7-submit {
    margin-top: 2rem !important;
}

.your-name,
.your-lastname {
    width: 48%;
}

.your-name input,
.your-lastname input {
    width: 100%;
}

.your-name input,
.your-lastname input,
.your-message textarea {
    border: none;
    border-bottom: 1px solid;
    padding: 20px 0;
}

.wpcf7-form-control-wrap textarea {
    margin-bottom: 1rem;
}

.wpcf7-submit {
    margin-bottom: 1px;
}

.single-job {
    max-width: 500px;
}

.single-job img {
    max-width: 100%;
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.single-job h3 {
    font-family: Teko;
    font-size: 2.5rem;
    padding: 1rem 0;
}

.single-job a {
    margin-right: 1rem;
}

.job-page-row {
    justify-content: space-between;
}

.logo-z-index {
    z-index: 999;
}

.projects-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.file-355 {
    opacity: 0;
}

.attachment-text {
    position: absolute;
    bottom: 4rem;
    z-index: -10;
    color: #8dd6dd;
    cursor: pointer;
}

.attachment-text img {
    margin-right: 10px;
}

#wpcf7-f324-o1 {
    position: relative;
}

.gallery-thumbs .zoom-slider__button {
    display: flex;
    flex-direction: column;
}

.google-map {
    padding: 2rem 0;
}

.google-map iframe {
    max-width: 100% !important;
}

.projects-counter {
    color: #000 !important;
    font-size: 72px;
    font-family: Teko;
}

.single-product-header {
    height: 70vh;
}

.single-product-header img {
    max-width: 100%;
}

.service-list a:after {
    position: relative;
}

.product-tab-name {
    font-family: Teko;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: 0.36px;
    text-align: left;
    color: #000000;
    transition: all 0.3s linear;
}

.images-products a {
    margin-right: 1rem;
}

.images-products a h5 {
    margin-left: 1rem;
}

.images-products a:hover .product-tab-name {
    color: #b6202a;
}

.images-products img {
    padding: 40px;
    transition: all 0.3s linear;
}

.images-products a:hover {
    -webkit-box-shadow: 0px 7px 20px 0px rgba(209, 219, 227, 1);
    -moz-box-shadow: 0px 7px 20px 0px rgba(209, 219, 227, 1);
    box-shadow: 0px 7px 20px 0px rgba(209, 219, 227, 1);
    border: none;
}

.new-heading {
    font-family: Teko;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: 0.69px;
    text-align: left;
    color: #000000;
}

.list-new li {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.13;
    letter-spacing: 0.24px;
    text-align: left;
    color: #000000;
    text-transform: uppercase;
    list-style: none;
}

.list-new li span {
    opacity: 0.3;
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 3.13;
    letter-spacing: 0.24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 1rem;
}

.list-new li p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.24px;
    text-align: left;
    color: #666666;
    font-family: "Roboto", Helvetica, sans-serif;
    text-transform: capitalize;
}

.filters-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.single-filter-ele {
    position: relative;
    margin-right: 0.75rem;
}

.radio-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
}

.filter-name-tag {
    font-family: "Roboto", Helvetica, sans-serif;
    color: #666;
    font-weight: 700;
}

.single-filter-ele:hover .filter-name-tag {
    color: #8dd6dd !important;
}

#slider-home-button {
    pointer-events: none !important;
    cursor: default !important;
}

#slider-home-button:hover {
    cursor: default !important;
}

.zoom-slider__buttons .swiper-wrapper .zoom-slider__button {
    cursor: default;
}

.banner-image {
    background-position: center;
}

.get-a-quote-form span {
    width: 100% !important;
}

.get-a-quote-form input {
    padding: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

.first-row-get-a-quote,
.second-row-get-a-quote,
.third-row-get-a-quote,
.fourth-row-get-a-quote,
.fifth-row-get-a-quote,
.sixt-row-get-a-quote,
.seventh-row-get-a-quote {
    display: flex;
}

.first-row-get-a-quote input,
.first-row-get-a-quote select,
.second-row-get-a-quote input,
.third-row-get-a-quote input,
.fourth-row-get-a-quote input,
.fifth-row-get-a-quote input,
.sixt-row-get-a-quote input,
.sixt-row-get-a-quote select {
    border: none;
    border-bottom: 1px solid;
    padding: 20px 0;
    width: 94%;
}

.seventh-row-get-a-quote input {
    border: none;
    border-bottom: 1px solid;
    padding: 20px 0;
    width: 47%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.span-sty {
    position: relative;
    top: -8px;
}

.wpcf7-radio .wpcf7-list-item {
    margin-left: 0 !important;
}

.form-radio-cont {
    margin-top: 1rem !important;
}

.list-text {
    margin-bottom: 0 !important;
}

.comm-list-li {
    display: flex;
}

.new-subheading a,
.list-new a {
    color: #000;
}

.new-subheading a:hover,
.list-new a:hover {
    color: #8dd6dd;
}

.relative-pos {
    position: relative;
}

.video-youtube-container {
    position: fixed;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    left: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.opacity0 {
    opacity: 0;
    display: none;
}

.video-youtube-container .video-youtube {
    position: relative;
    top: 20%;
}

.video-youtube iframe {
    max-width: 100%;
    padding: 0 20px;
}

.close {
    position: absolute;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    right: 5%;
    top: -20%;
}

.close:hover {
    opacity: 1;
    cursor: pointer;
}

.close:before,
.close:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #fff;
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

.player {
    background: none;
    width: 50px;
    height: 50px;
    border: solid 5px #fff;
    border-radius: 100%;
    position: relative;
    text-indent: -9999px;
    box-shadow: 1px 1px 3px #999999;
    position: absolute;
    text-align: center;
    left: 34%;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    top: 35%;
}

.player span {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 13%;
    left: 36%;
}

.player:hover {
    background: #8dd6dd;
    cursor: pointer;
    opacity: 0.8;
    border: none;
    position: absolute;
    width: 60px;
    height: 60px;
    box-shadow: none;
}

.player:hover span {
    top: 25%;
    left: 38%;
}

#awsm-application-submit-btn {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4;
}

#awsm-applicant-name,
#awsm-applicant-email,
#awsm_textarea_1 {
    border: none;
    border-bottom: 1px solid;
    padding: 20px 0;
}

#awsm-application-submit-btn {
    color: currentColor;
    font-family: inherit;
    text-decoration: none;
    transition: 0.3s ease;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Teko", Helvetica, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4;
}

.awsm-job-form-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.awsm-jobs-single-title {
    display: none !important;
}

label[for="awsm-application-file"] {
    cursor: pointer;
}

label[for="awsm-application-file"]:before {
    content: "";
    height: 20px;
    width: 20px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2020/05/Upload.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

#awsm-application-file {
    display: none;
}

.awsm-job-form-inner {
    display: flex;
    justify-content: space-around;
    font-family: "Roboto", Helvetica, sans-serif;
}

#awsm-application-form {
    width: 70%;
}

.awsm-job-form-inner h2 {
    width: 25%;
    font-family: Teko;
    font-size: 3rem;
}

@media (min-width: 768px) and (max-width: 1920px) {
    .featured-slider .swiper-slide h2 {
        font-size: 26px !important;
    }

    .featured-slider .swiper-slide p {
        font-size: 12px !important;
    }
}

@media (max-width: 800px) {
    .featured-projects-slider {
        max-width: 100%;
    }

    .team-block__slider-wrapper.ateam {
        display: none !important;
    }

    .awsm-job-form-inner {
        display: block;
    }

    #awsm-application-form {
        width: 100%;
    }

    .awsm-job-form-inner h2 {
        width: 100%;
    }
}

@media (max-width: 760px) {

    .first-row-get-a-quote,
    .second-row-get-a-quote,
    .third-row-get-a-quote,
    .fourth-row-get-a-quote,
    .fifth-row-get-a-quote,
    .sixt-row-get-a-quote,
    .seventh-row-get-a-quote {
        display: block;
    }

    .get-a-quote-form span {
        width: 100% !important;
    }

    .get-a-quote-form input,
    .get-a-quote-form select {
        width: 100% !important;
    }
}

@media (max-width: 690px) {
    .reviews-block__controls {
        position: absolute !important;
        top: -2rem !important;
    }
}

@media (max-width: 600px) {
    .featured-slider .swiper-slide h2 {
        font-size: 26px !important;
    }

    .featured-slider .swiper-slide p {
        font-size: 12px !important;
    }

    .single-project-banner .container {
        padding-top: 11rem;
    }

    .icofont-dotted-down {
        display: none;
    }

    .single-product-header img {
        top: 8%;
    }

    .product-details-container {
        top: 4%;
    }

    .title-manualLink {
        flex-direction: column;
    }
}

@media (max-width: 550px) {
    .h1-head {
        font-size: 55px;
    }

    .reviews-block__controls {
        position: relative;
        top: -1rem;
    }

    .dir-flex-br {
        flex-direction: column;
    }
}

@media (max-width: 326px) {
    .single-product-title {
        font-size: 1.75rem !important;
    }

    .manual-link {
        font-size: 26px !important;
    }

    .product-details-container {
        top: 3.5%;
    }
}

.container-fluid.banner-image.single-project-banner:before {
    background: rgba(0, 0, 0, 0.5);
    width: inherit;
    height: inherit;
    position: absolute;
    content: "";
    left: 0;
}

@media (max-width: 900px) {
    .find-cont-drop {
        position: relative;
        top: 5rem;
    }
}