/*
optimize styles
custom bootstrap styles
base styles
BEM styles:
article-item
insight-listing-item
articles-block
articles-grid
insight-list
insight-list-wrapper
awards-block
back-link
collapse-block
collapse-list
contact-block
counter-block
comments
comment-card
error-block
footer-interior
footer-minimal
footer-studio
header
header-fixed
heading-default
heading-group
heading-smallest
icon
logo
main-slide
main-slider
menu-panel
page
parallax-image
person-block
posts
project-detail
quote
revolution-slider
service-block
people-list
service-works
show-more
single-post
studio-filter
studio-main-slider
studio-main-slide
studio-intro-slide
studio-posts
studio-reviews
socials
top-menu
zoom-image-head
zoom-counter
zoom-counters
zoom-posts
zoom-services
zoom-slider
*/

/*
optimize styles
*/

/*
font
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Font Butler 900 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-900.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

/* Font Butler 800 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-800.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

/* Font Butler 700 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-700.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Font Butler 600 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-600.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

/* Font Butler 400 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Font Butler 200 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-200.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

/* Font Butler 100 */
@font-face {
  font-family: 'Butler';
  src: url('../font/Butler-100.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

* {
  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: #00000000;
  -webkit-focus-ring-color: #ffffff00;
  cursor: default;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.25;
  color: #666;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

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 {
  text-decoration: none;
}

ol,
ul {
  margin-bottom: 0;
}

button:focus {
  outline: none;
}

.to-top {
  background: #F1F1E6;
  position: fixed;
  bottom: 16px;
  right: 32px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #1f1f1f;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, bottom 0.3s ease, pointer-events 2s ease 0.3s;
}

.to-top.active {
  bottom: 32px;
  pointer-events: auto;
  opacity: 1;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.to-top.active:hover {
  background: #D7A31A;
}

/*
base styles
*/

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
h2, .h2 {
  font-size: calc(1.25rem + 1.2vw);
}
h3, .h3 {
  font-size: calc(1.125rem + 0.9vw);
}
h4, .h4 {
  font-size: calc(1rem + 0.6vw);
}
h5, .h5 {
  font-size: calc(0.875rem + 0.3vw);
}
h6, .h6 {
  font-size: calc(0.75rem + 0.15vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}

/* Media queries untuk menetapkan ukuran minimum */
@media (max-width: 576px) {
  h1, .h1 {
    font-size: 1.5rem; /* Ukuran minimum */
  }
  h2, .h2 {
    font-size: 1.25rem;
  }
  h3, .h3 {
    font-size: 1.1rem;
  }
  h4, .h4 {
    font-size: 1rem;
  }
  h5, .h5 {
    font-size: 0.875rem;
  }
  h6, .h6 {
    font-size: 0.75rem;
  }
}


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

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

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

::selection {
  background-color: #001d3d;
  color: #fff;
}

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

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

/* 
universal
 */

.universal__title {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 1;
  font-size: 85px;
}
.universal__title-tag {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-align: left;
  line-height: 1.25;
  font-size: 32px;
  margin-bottom: 10px;
}

.universal__title-tag-gold {
  color: #D7A31A;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  font-size: min(2vw , 32px);
  line-height: 1;
}

@media only screen and (max-width: 1199px) {
.universal__title-tag-gold {
  font-size: 32px;
  }
}

.universal__heading-container {
  background-color: #001d3d;
  margin-top: 70px;
  padding: 50px 0 0;
}

.universal__heading {
  color: #fff;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size :85px;
  line-height: 1.25;
  font-weight: 600;
  margin-left: 10px;
}

 .universal__subtitle {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size :32px;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 20px;
}

.universal__subtitle2 {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 52px;
  text-align: left;
  line-height: 1;
  margin-bottom: 20px;
}
.sticky .universal__subtitle2 {
  color: #fff;
  font-weight: 600;
}

.universal__body {
  padding-bottom: 100px;
}

/*
article-item
*/

.article-item {
  text-decoration: none;
  color: currentColor;
  overflow: hidden;
}
.article-item__image-wrapper {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  object-position: center;
  transition: 0.5s;
  transform: scale(1);
  margin-bottom: 20px;
}

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

.article-item__item-title {
  display: block;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  transition: color 0.3s;
  line-height: 1;
  margin: 0 0 20px;
  text-decoration: none;
}

.article-item__item-title:hover {
  text-decoration: none;
}

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

.article-item__category:hover {
  color: #001d3d;
}

.article-item__date {
  color: #999;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
}
/* Article Listing Item */
.insight-listing-item {
  background: #f2f2f2;
  text-decoration: none;
  color: currentColor;
  transition: 0.3s;
  display: flex;
  align-items: flex-start; /* Align items at the top */
  overflow: hidden;
}

.insight-listing-item:hover {
  background: #001d3d;
  color: #fff;
}

/* Article Listing Item Cover */
.insight-listing-item__cover {
  flex-grow: 1;
  width: 60%; /* Set the width for the image container */
  height: 300px; /* Set a fixed height */
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.insight-listing-item__cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  filter: grayscale(50%);
  transition: transform 1s, filter 1s;
}

.insight-listing-item__cover-image:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
}

/* Article Listing Item Content */
.insight-listing-item__content {
  width: 40%;
  height: inherit;
  padding: 20px;
}

.insight-listing-item__category {
  font-weight: 400;
}

.insight-listing-item__header {
  display: flex;
  margin-bottom: 12px;
}

.insight-listing-item__date {
  color: #999;
  position: relative;
  transition: 0.3s;
}

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

.insight-listing-item__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  text-align: justify;
  line-height: 1;
  margin-bottom: 32px;
}

.insight-listing-item__text {
  min-height: 255px;
  color: #666;
  transition: 0.3s;
}

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

.insight-listing-item__continue {
  font-weight: 800;
  text-transform: uppercase;
}

.insight-listing-item__continue-icon {
  font-size: 20px;
  display: inline-block;
}

/*
insight-list
*/

.insight-list {
  margin-bottom: 0px;
}

.insight-list__item {
  width:100%;
  margin-bottom: 70px;
}

/*
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: 20px;
}

.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: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  transition: color 0.3s;
  line-height: 1;
  margin-bottom: 8px;
}

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

.articles-block__category {
  font-weight: 400;
}

.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-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.articles-grid__item {
  background: #f2f2f2;
  margin-bottom: 20px;
  text-decoration: none;
  color: #001d3d;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px;
}


.articles-grid__item:hover {
  background: #001d3d;
  color: #fff;
}

.articles-grid__item .article-item__item-title:hover {
  background: #001d3d;
  color: #fff;
}

/*
awards-block
*/

.awards-block {
  padding: 50px 0 0;
  border-bottom: 4px solid #D7A31A;
  margin-bottom: 20px;
}

.awards-block__item {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  width: 100%;
}

.awards-block__item:not(:last-child) {
  border-bottom: 4px solid #D7A31A;
}

.awards-block__year {
  color: #D7A31A;
  width: 20%;
  min-width: 15%;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  padding-right: 40px;
  padding-left: 10px;
  margin: 10px 0 10px;
}

.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: 48%;
  font-size: 20px;
  line-height: 1.25;
  margin-bottom: 10px;
  text-align: justify;
  padding-left: 25px;
}

.awards-block__text li {
  list-style-type: none; /* Menghilangkan simbol default */
  position: relative; /* Untuk posisi pseudo-elemen */
}

.awards-block__text li::before {
  content: "●"; /* Simbol bulat */
  font-size: 20px; /* Ukuran simbol */
  color: #D7A31A;
  position: absolute;
  top: -2px;
  left: -25px; /* Jarak simbol dari teks */
}


.awards-block__text-footer {
  font-weight: 600;
  color: #001d3d;
}

/*
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: #001d3d;
}

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

/*
collapse-block
*/

.collapse-block {
  padding: 50px 0 50px;
  background: #F1F1E6;
}

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

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

/*
collapse-list
*/

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

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

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

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

.collapse-list__collapse-head:hover {
  color: #D7A31A;
}

.collapse-list__collapse-head.collapsed {
  color: #001d3d;
}

.collapse-list__collapse-head.collapsed:hover {
  color: #D7A31A;
}

.collapse-list__collapse-head-icon {
  position: absolute;
  right: 3px;
  font-size: 20px;
  transform: scale(1, 1);
  transition: all .5s;
  color: #D7A31A;
}

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

.collapse-list__collapse-text {
  font-size: 20px;
  color: #666;
}

.collapse-list__collapse-text-inner {
  padding-bottom: 20px;
  line-height: 1.5;
  text-align: justify;
}

/*
contact-block
*/

.contact-block {
  padding-bottom: 100px;
}

.contact-block__map {
  padding: 100px 0 100px;
}

.contact-block__place {
  display: block;
  font-size: 32px;
  color: #D7A31A;
  line-height: 1.25;
  font-family: 'Butler', Helvetica, sans-serif;
  margin-top: 74px;
  margin-bottom: 20px;
}

.contact-block__place-marker {
  font-size: inherit;
  font-weight: 400;
  color: #666;
}

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

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

.contact-block__text a:hover {
  color: #001d3d;
}

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

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

.contact-block__link:hover {
  color: #001d3d;
}

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

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

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

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

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

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

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

.contact-block__input-text.placeholder,
.contact-block__input-textarea.placeholder {
  color: #999 !important;
}

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

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

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

.contact-block__submit {
  color: #001d3d;
  text-transform: uppercase;
  border: 0;
  background: none;
  padding: 0;
  font-weight: 500;
  margin-top: 20px;
  transition: 0.3s;
}

.contact-block__submit:hover {
  color: #D7A31A;
}

.contact-block__submit-icon {
  display: inline-block;
}

/*
counter-block
*/

.counter-block {
  padding: 50px 0 50px;
}

.counter-block__card {
  padding: 59px;
  background-image: url("../img/dot.jpg");
  border-top: 4px solid #D7A31A;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.counter-block__card-title {
  color: #001d3d;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 50px;
  text-align: right;
}

.counter-block__card-value {
  color: #D7A31A;
  font-size: 197px;
  line-height: 1;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-align: center;
}

.counter-block__card-description {
  font-family: "Poppins", sans-serif;
  color: #001d3d;
  font-size: 32px;
  line-height: 1.25;
  margin-top: 50px;
  font-weight: 600;
  position: relative;
}

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

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

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

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

/*
dropdown
*/

.dropdown {
  position: relative;
}

.dropdown__menu {
  font-family: "Poppins", sans-serif;
  position: absolute;
  background: #fff;
  color: #666;
  display: -ms-flexbox;
  display: flex;
  padding: 37px 0px 40px 45px;
  left: -45px;
  top: 66px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.3s;
  box-shadow: 0 0 65px #00000012;
}

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

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

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

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

.dropdown__item {
  margin-bottom: 2px;
}

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

.dropdown__link:hover {
  color: #001d3d;
  font-weight: 600;
}

/*
error-block
*/

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

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

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

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

.error-block__text a {
  color: #001d3d;
}

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

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

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

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

.error-block__submit:hover {
  color: #001d3d;
}

/*
footer-interior
*/

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

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

.footer-interior__group-title {
  font-size: 20px;
  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: "Poppins", sans-serif;
  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: #001d3d;
}

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

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

.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: "Poppins", sans-serif;
  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: #001d3d;
}

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

.footer-interior__list-link_active {
  color: #001d3d;
}

.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: 20px;
  margin-bottom: 15px;
  transition: all 0.3s;
}

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

.footer-interior__social:hover {
  color: #001d3d;
}

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

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

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

.footer-interior__input {
  font-size: 20px;
  height: 54px;
  width: 100%;
  color: #666;
  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: 20px;
  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: #001d3d;
}

.footer-interior__submit-icon {
  font-weight: 800;
  font-size: 20px;
  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: "Poppins", sans-serif;
  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: #001d3d;
}

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

.footer-interior__copyright a_active {
  color: #001d3d;
}

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

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

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

/*
footer-minimal
*/

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

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

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

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

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

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

.footer-minimal p a {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

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

.footer-minimal p a:hover {
  color: #001d3d;
}

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

.footer-minimal p a_active {
  color: #001d3d;
}

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

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

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

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

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

.footer-minimal__list-link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

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

.footer-minimal__list-link:hover {
  color: #001d3d;
}

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

.footer-minimal__list-link_active {
  color: #001d3d;
}

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

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

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

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

.footer-minimal__socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-minimal__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: 20px;
  margin-bottom: 15px;
  transition: all 0.3s;
}

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

.footer-minimal__social:hover {
  color: #001d3d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.footer-minimal__submit:hover {
  color: #001d3d;
}

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

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

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

.footer-minimal__copyright a {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  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-minimal__copyright a:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

.footer-minimal__copyright a:hover {
  color: #001d3d;
}

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

.footer-minimal__copyright a_active {
  color: #001d3d;
}

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

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

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

/*
footer-studio
*/

.footer-studio {
  padding: 20px 0 0;
  color: #001d3d;
  font-size: 20px;
  line-height: 1.75;
}

.footer-studio__column {
  font-size: 16px;
  line-height: 1.25;
  padding-bottom: 20px;
}


.footer-studio__group-title {
  display: block;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #D7A31A;
}

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

.footer-studio__list-item {
  color: #001d3d;
}

.footer-studio__list-item:hover {
  text-decoration: none;
}

.footer-studio__list-link {
  font-family: "Poppins", sans-serif;
  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:hover {
  font-weight: 600;
  color: #D7A31A;
}

.footer-studio__bottom {
  background: #001d3d;
  color: #F1F1E6;
  font-size: 20px;
  line-height: 1.75;
}

.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: #F1F1E6;
  font-size: 32px;
  transition: all 0.3s;
}

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

.footer-studio__social *:hover {
  color: #D7A31A;
}

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


/*
footer
*/

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

}

/*
header-fixed
*/

.header-fixed {
  position: absolute;
  right: 0;
  width: 60%;
  bottom: 34px;
}

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

@media (max-width:1400px) {
  .header-fixed { display: none;
  }
}

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

.header_white {
  color: #fff;
}

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

.header__container {
  width: 100%;
  height: 80px;
  padding-top: 0;
}

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

.header_is_fixed .header__container {
  position: fixed;
  background: #fff;
  color: #242323;
  transform: translateY(100%);
  transition: 0.5s ease, transform 0.5s ease;
}

.header__logo {
  position: relative;
  display: block;
  z-index: 3;
  padding: 10px;
  width: 300px;
  max-width: 60vw;
  height:auto;
}

.header__wrapper {
  padding-top: 0;
  position: relative;
  top: 0;
  width: 100%;
}

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

.header__menu-button {
  position: absolute;
  right: 0;
  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: #666;
}

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

.header__menu-button-inner {
  height: 3px;
  width: 40px;
  background-color: #D7A31A;
  position: relative;
  border: 0;
  transition: 0,2s;
}

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

.header__menu_opened {
  transform: translateX(0%) translateZ(0);
}

/*
heading-default
*/

.heading-default {
  padding: 10px 0 0;
}

.heading-default_container {

  background-color: #001d3d;
}

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

.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: 20px;
  color: #999;
}

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

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

.heading-default__breadcrumb-link {
  color: #D7A31A;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
}

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

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

.heading-default__breadcrumb-link_active {
  color: #001d3d;
}

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

.heading-text {
  padding: 100px 0 10px;
  border-bottom: 4px solid #D7A31A;
  margin-bottom: 100px;
}

.heading-text .universal__title {
  font-size: 52px;
}

.heading-text-clean {
  padding: 150px 0 100px;
  }

/*
heading-group
*/

.heading-group__inner {
  color: #666;
  margin-bottom: 50px;
  line-height: 1.75;
  text-align: justify;
}

.heading-group__inner:last-child {
  margin-bottom: 0px;
}

.heading-smallest_size_small {
  font-size: 20px;
}

/*
link
*/

a:not([class]) {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  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: #001d3d;
}

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

.link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  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: #001d3d;
}

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

.link_active {
  color: #001d3d;
}

.link_active:after {
  opacity: 1;
}

.link_inverted:after {
  opacity: 1;
}

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

/*
logo
*/

.logo {
  vertical-align: middle;
}

/*
main-slide
*/

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

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

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

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

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

.main-slide__subtitle {
  font-size: 32px;
}

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

.main-slide__title-wrapper > *:first-child {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.main-slide__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 131px;
  line-height: 0.75;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: -6px;
}

.main-slide_size_medium .main-slide__title {
  font-size: 131px;
}

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

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

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

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

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

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

.main-slide_size_medium .main-slide__text {
  font-size: 20px;
}

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

.main-slide__link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  color: #001d3d;
  line-height: 1.4;
}

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

.main-slide__link:hover {
  color: #001d3d;
}

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

.main-slide__link_active {
  color: #001d3d;
}

.main-slide__link_active:after {
  opacity: 1;
}

.main-slide__link_inverted:after {
  opacity: 1;
}

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

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

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

.main-slide__counter-inner {
  position: relative;
}

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

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

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

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

/*
main-slider
*/

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

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

.main-slider__footer-inner {
  display: -ms-flexbox;
  display: flex;
}

.main-slider__socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

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

.main-slider__social-link:hover {
  color: #001d3d;
}

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

.main-slider__locales {
  margin-left: auto;
}

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

.main-slider__locale:after {
  display: none;
}



/*
menu-panel
*/

.menu-panel {
  position: fixed;
  background: #fff;
  color: #666;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 550px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
}

.menu-panel__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 50px;
}

.menu-panel__menu {
  padding-top: 0px;
  transition: all 0.5s 0.6s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__menu {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__menu-item {
  margin-bottom: 10px;
}

.menu-panel__menu-link {
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  font-size: 26px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
  display: inline-block;
  vertical-align: top;
  line-height: 1.1;
}

.menu-panel__menu-link.collapsed {
  color: #001d3d;
}

.menu-panel__menu-link_active {
  color: #D7A31A;
}

.menu-panel__menu-link_active.collapsed {
  color: #001d3d;
}

.menu-panel__menu-link:hover {
  color: #D7A31A;
}

.menu-panel__bottom-submenu {
  padding-left: 15px;
}

.menu-panel__submenu-item {
  margin-bottom: 5px;
}

.menu-panel__submenu-item:first-child {
  padding-top: 10px;
}

.menu-panel__submenu-item:last-child {
  padding-bottom: 10px;
}

.menu-panel__submenu-link {
  font-size: 20px;
  line-height: 1.25;
  text-decoration: none;
  color: #001d3d;
  transition: 0.3s;
}

.menu-panel__submenu-link:hover {
  color: #D7A31A;
}

.menu-panel__locales {
  margin-bottom: 76px;
  transition: all 0.5s 0.4s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__locales {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__locale {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  font-size: 20px;
  margin-right: 15px;
  text-transform: uppercase;
}

.menu-panel__locale:after {
  display: none;
}

.menu-panel__footer {
  margin-top: auto;
  padding-bottom: 44px;
}

.menu-panel__socials {
  margin-top: 60px;
  transition: all 0.5s 0.7s ease;
  transform: translateY(3rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__socials {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__bottom {
  margin-top: 18px;
  color: #999;
  transition: all 0.5s 0.9s ease;
  transform: translateY(2rem);
  opacity: 0;
}

.header__menu_opened .menu-panel__bottom {
  transform: translate(0);
  opacity: 1;
}

.menu-panel__bottom strong {
  color: #666;
  font-weight: 600;
}

.menu-panel__bottom a {
  color: currentColor;
  font-family: 'Butler', Helvetica, sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
  font-weight: 600;
}

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

.menu-panel__bottom a:hover {
  color: #001d3d;
}

.menu-panel__bottom a:hover:after {
  opacity: 1;
}

.menu-panel__bottom a_active {
  color: #001d3d;
}

.menu-panel__bottom a_active:after {
  opacity: 1;
}

.menu-panel__bottom a_inverted:after {
  opacity: 1;
}

.menu-panel__bottom a_inverted:hover:after {
  opacity: 0;
}

/*
parallax-image
*/

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

.parallax-image__image {
  background-position: top;
  background-size: contain;
  background-repeat: repeat-x;
  height: 100%;
}

/*
project-detail
*/

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

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

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

.project-detail__head-item strong {
  color: #666;
  font-weight: 400;
}

.project-detail__head-item-link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  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: #001d3d;
}

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

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

.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: 47px;
  line-height: 0.625;
  font-family: 'Butler', Helvetica, sans-serif;
  margin-bottom: 70px;
}

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

.project-detail__footer-link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #001d3d;
  font-size: 47px;
  font-family: 'Butler', 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: #001d3d;
}

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

.project-detail__footer-link_active {
  color: #001d3d;
}

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

.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: #666;
  opacity: 0.3;
}

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

/*
info-slide
*/

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

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

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

.project-slider__menu-link:hover {
  color: #001d3d;
}

/*
quote
*/

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

.quote__text strong {
  font-weight: 400;
}

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

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

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

/*
service-block
*/

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

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

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

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

/*
people-list
*/

.people-wrapper {
  padding-bottom: 150px;
}

.people-content {
  text-transform: uppercase;
  width: 100%;
}

.team {
  background-color: #F1F1E6;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.team-title {
  font-size: 32px;
  background: #001d3d;
  color: #F1F1E6;
  font-weight: 600;
  text-align: center;
  padding: 10px 0 10px;
}

.team-box {
  width: 100%;
  padding: 20px 10px 10px;
  display: block;
  text-decoration: none;
  transition: all 0.5s ease;
}

.team-box:hover {
  transform: translateY(-10px);
  transition: all 1s ease;
  cursor: pointer;
  text-decoration: none;
}

.team-content {
  display: block;
  line-height: 1.25;
  color: #999;
  text-decoration: none;
  transition: all 0.5s ease;
}

.team-content:hover{
  color: #666;
}

.team-content img {
  object-position: top;
  width: 100%;
  height: 350px;
  object-fit: cover;
  margin-bottom: 20px;
  filter: grayscale(50%);
  transition: all 0.5s ease;
}

.team-content img:hover {
filter:grayscale(30%)
}

.team-content .team-name {
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: #D7A31A;
  text-transform: capitalize;
}

.icons a {
  color: #001d3d;
  font-size: 24px;
  text-decoration: none;
  transition: all .5s ease;
}

.icons a:hover {
  transform: scale(1.25);
  text-decoration: none;
}

/*
show-more
*/

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

.show-more__link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  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: 20px;
  font-weight: 400;
  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: #001d3d;
}

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

.show-more__link_active {
  color: #001d3d;
}

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

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

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

/*
insight-list
 */

.insight-wrapper {
  padding-bottom: 100px;
}

/*
news-list
 */

.news-wrapper {
  padding-bottom: 100px;
}

/*
single-post
*/

.single-post__images img{
  margin-bottom: 20px;
  width: 100%;
  object-fit: cover;
}

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

.single-post__category {
  color: #001d3d;
  transition: 0.3s;
  text-decoration: none;
  font-weight: 600;
}

.single-post__category:hover {
  color: #D7A31A;
}

.single-post__header {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

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

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

.single-post__text {
  padding-bottom: 20px;
  border-bottom: 4px solid #D7A31A ;
  margin-bottom: 50px;
}

.single-post__text p {
  line-height: 1.5;
  color: #666;
  text-align: justify;
  margin-bottom: 30px;
}

.single-post__text i {
  font-style: italic;
} 

.single-post__text a {
  color: #001d3d;  
  font-weight: 600;
}

.single-post__links-title {
  display: inline;
  font-weight: 600;
  line-height: 1.75;
  color: #001d3d;
}

.single-post__links{
  display: flex;
  position: relative;
  text-decoration: none;
  line-height: 1.25;
  color: #666;
  padding: 5px;
  margin-bottom: 5px;
  transition: width 0.2s ease;
}

.single-post__links:hover {
  color: #fff;
}

.single-post__links::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #001d3d;
  transition: width 1s ease;
  z-index: -1;
}

.single-post__links:hover::before {
  width: 100%;
}

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

.single-post__posts-item {
  margin-top: -10px;
  padding: 0 0 30px 20px;
}

/*
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: 20px;
  margin-bottom: 15px;
  transition: all 0.3s;
}

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

.socials__social:hover {
  background: #001d3d;
  color: #fff;
  border-color: #001d3d;
}

/*
studio-filter
*/

.studio-filter {
  padding: 58px 0 68px;
}

.studio-filter__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.studio-filter__title {
  font-size: 47px;
  line-height: 1.25;
  font-family: 'Butler', Helvetica, sans-serif;
}

.studio-filter__filter {
  padding-top: 26px;
  font-size: 20px;
  color: #666;
}

.studio-filter__filter-link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1.375;
  margin-bottom: 6px;
}

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

.studio-filter__filter-link:hover {
  color: #001d3d;
}

.studio-filter__filter-link:hover:after {
  opacity: 1;
}

.studio-filter__filter-link_active {
  color: #001d3d;
}

.studio-filter__filter-link_active:after {
  opacity: 1;
}

.studio-filter__filter-link_inverted:after {
  opacity: 1;
}

.studio-filter__filter-link_inverted:hover:after {
  opacity: 0;
}

.studio-filter__filter-link:not(:last-child) {
  margin-right: 40px;
}

/*
studio-intro-slide
*/

.studio-intro-slide {
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  background-size: cover;
  background-position: 50%;
  text-align: center;
  position: relative !important;
  z-index: 999 !important;
  color: #fff;
}

.studio-intro-slide__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 130px;
  padding-bottom: 90px;
}

.studio-intro-slide__inner {
  position: relative;
  left: auto !important;
}

.studio-intro-slide__subtitle {
  font-size: 32px;
  margin-bottom: 17px;
}

.studio-intro-slide__title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 52px;
}

.studio-intro-slide__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 120px;
  line-height: 0.875;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.studio-intro-slide__text {
  font-size: 20px;
  max-width: 630px;
  margin-bottom: 84px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  white-space: initial !important;
}

.studio-intro-slide__link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  line-height: 1.4;
}

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

.studio-intro-slide__link:hover {
  color: #001d3d;
}

.studio-intro-slide__link:hover:after {
  opacity: 1;
}

.studio-intro-slide__link_active {
  color: #001d3d;
}

.studio-intro-slide__link_active:after {
  opacity: 1;
}

.studio-intro-slide__link_inverted:after {
  opacity: 1;
}

.studio-intro-slide__link_inverted:hover:after {
  opacity: 0;
}

.studio-intro-slide__link:after {
  height: 2px;
}

.Background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000033;
}

.Background:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #00000080, transparent 50%, #00000080);
}

/*
studio-main-slide
*/

.studio-main-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 700px;
  background-size: cover;
  background-position: 50%;
  padding-top: 130px;
  padding-bottom: 90px;
  text-align: center;
  position: relative !important;
  z-index: 999 !important;
  color: #fff;
}

.studio-main-slide__inner {
  position: relative;
  left: auto !important;
}

.studio-main-slide__subtitle {
  font-size: 32px;
  margin-bottom: 17px;
}

.studio-main-slide__title-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 52px;
}

.studio-main-slide__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 120px;
  line-height: 0.875;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.studio-main-slide__text {
  font-size: 20px;
  max-width: 630px;
  margin-bottom: 84px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  white-space: initial !important;
}

.studio-main-slide__link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  line-height: 1.4;
}

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

.studio-main-slide__link:hover {
  color: #001d3d;
}

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

.studio-main-slide__link_active {
  color: #001d3d;
}

.studio-main-slide__link_active:after {
  opacity: 1;
}

.studio-main-slide__link_inverted:after {
  opacity: 1;
}

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

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

/*
studio-main-slider
*/

.studio-main-slider {
  position: relative;
}

/*
studio-posts
*/

.studio-posts {
  background-image: url("../img/dot-gray.jpg");
  overflow: hidden;
  padding-top: 123px;
  padding-bottom: 150px;
}

/*
studio-reviews
*/

.studio-reviews {
  background: #f8f8f8;
  padding-top: 116px;
  padding-bottom: 100px;
}

.studio-reviews__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 48px;
}

.studio-reviews__title {
  font-size: 47px;
  line-height: 1.25;
  font-family: 'Butler', Helvetica, sans-serif;
}

.studio-reviews__more-link {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  margin-top: 27px;
  margin-left: auto;
}

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

.studio-reviews__more-link:hover {
  color: #001d3d;
}

.studio-reviews__more-link:hover:after {
  opacity: 1;
}

.studio-reviews__more-link_active {
  color: #001d3d;
}

.studio-reviews__more-link_active:after {
  opacity: 1;
}

.studio-reviews__more-link_inverted:after {
  opacity: 1;
}

.studio-reviews__more-link_inverted:hover:after {
  opacity: 0;
}

.studio-reviews__review {
  background: #fff;
  padding: 36px 40px 44px;
  margin-bottom: 52px;
}

.studio-reviews__review-status {
  font-size: 20px;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 24px;
}

.studio-reviews__review-stars {
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  color: #67a900;
  margin-left: 4px;
  font-size: 20px;
  margin-bottom: 3px;
}

.studio-reviews__review-star {
  margin-right: 3px;
}

.studio-reviews__review-star_empty {
  opacity: 0.4;
}

.studio-reviews__review-text {
  font-size: 20px;
  line-height: 1.75;
}

.studio-reviews__person {
  position: relative;
  padding-left: 72px;
  padding-top: 4px;
  padding-bottom: 10px;
  min-height: 60px;
  opacity: 0.25;
  margin-bottom: 20px;
  transition: opacity 0.3s;
  cursor: pointer;
}

.studio-reviews__person:hover {
  opacity: 0.7;
}

.studio-reviews__person_active {
  opacity: 1;
}

.studio-reviews__person-image {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 56px;
  height: 56px;
  border-radius: 100%;
}

.studio-reviews__person-name {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.5625;
  margin-bottom: -4px;
}

.studio-reviews__person-role a {
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  color: #09c;
}

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

.studio-reviews__person-role a:hover {
  color: #001d3d;
}

.studio-reviews__person-role a:hover:after {
  opacity: 1;
}

.studio-reviews__person-role a_active {
  color: #001d3d;
}

.studio-reviews__person-role a_active:after {
  opacity: 1;
}

.studio-reviews__person-role a_inverted:after {
  opacity: 1;
}

.studio-reviews__person-role a_inverted:hover:after {
  opacity: 0;
}

/*
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: 45px;
}

.top-menu__menu-link {
  font-size: 20px;
  font-weight: 400;
  color: currentColor;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  transition: 0.3s ease;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}
----------------------------
.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: #001d3d;
  font-weight: 800;
}

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

.top-menu__menu-link_active {
  color: #001d3d;
}

.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: "Poppins", sans-serif;
  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;
}

/*
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-top: 300px;
  padding-bottom: 100px;
}

.zoom-counter__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.zoom-counter__card {
  padding: 50px;
  background-size: cover;
  background-position: 50%;
  text-transform: uppercase;
  margin-bottom: 80px;
  width: 35%;
  min-width: 35%;
  position: relative;
  margin-right: 15%;
}

.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: #D7A31A;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  margin-bottom: 50px;
  position: relative;
  text-align: right;
  z-index: 2;
}

.zoom-counter__card-value {
  background: inherit;
  font-size: 197px;
  line-height: 1;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-align: center;
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
}

.zoom-counter__card-description {
  font-family: "Poppins", sans-serif;
  color: #D7A31A;
  font-size: 32px;
  line-height: 1.25;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}

.zoom-counter__info {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px;
}

.zoom-counter__title {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 85px;
  line-height: 0.9;
  padding-bottom: 50px;
}

.zoom-counter__subtitle {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  background: #D7A31A;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  padding: 4px 10px 1px;
  margin-bottom: 26px;
}

.zoom-counter__subtitle:empty {
  opacity: 0;
}

.zoom-counter__text {
  text-align: justify;
  font-size: 20px;
  line-height: 1.75;
  color: #666;
}

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

.zoom-counter__read-more {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
  color: #001d3d;
  transition: 0.1s ease;
  position: relative;
  background: none;
  cursor: pointer;
  text-decoration: none;
}

.zoom-counter__read-more:hover {
  color: #001d3d;
  text-decoration: none;
  border-bottom: 4px  solid  #D7A31A;
}

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

.zoom-counter__read-more_active {
  color: #001d3d;
}

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

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

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

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

/*
zoom-counters
*/

.zoom-counters {
  padding: 20px 0 20px;
  background: #D7A31A;
}

.zoom-counters__item {
  display: -ms-flexbox;
  display: flex;
  justify-content: middle;
  padding: 10px 0 10px;
}

.zoom-counters__value {
  font-size: 85px;
  line-height: 1;
  font-family: 'Butler', Helvetica, sans-serif;
  position: relative;
  visibility: hidden;
}

  .zoom-counters__value-inner {
  display: inline;
  position: absolute;
  visibility: visible;
  left: 0;
  top: 0;
  color: #F1F1E6;
}

.zoom-counters__value-inner-percent {
  font-size: 85px;
  line-height: 1;
  margin-left: 0;
  font-family: 'Butler', Helvetica, sans-serif;
  position: relative;
  color: #F1F1E6;
}

.zoom-counters__text {
  padding-top: 12px;
  font-size: 20px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #F1F1E6;
  padding-left: 20px;
}

/*
zoom-image-head
*/

.zoom-image-head {
  position: relative;
  height: 100vh;
  z-index: 2;
  color: #242323;
}

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

.zoom-image-head__body {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.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__wrapper {
  position: relative;
  top: 200px;
  width: 100%;
  display: flex;
  margin-left: 3vmax;
  z-index: 3;
}

.zoom-image-head__content {
  width: 100%;
  height: max-content;
  max-width: 700px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 3;
}

.zoom-image-head__subtitle {
  font-size: 32px;
  font-weight: 600;
}

.zoom-image-head__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 85px;
  color: #D7A31A;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  padding: 5px 0 5px;
}

.zoom-image-head__text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 600px;
  height: max-content;
}

.zoom-image-head__text-subtitle {
  width: 100%;
  padding-bottom: 10px;
  text-align: justify;
}

.zoom-image-head__icon {
  color: #D7A31A;
  font-size: 85px;
}

.zoom-image-head__side {
  box-sizing: border-box;
  display: inline;
  flex-wrap: warp;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 3;
}

.zoom-image-head__logos {
  display: inline-block;
}

.zoom-image-head__logo {
  display: block;
  width: 300px;
  max-width: 60vw;
  height: auto;
}
.zoom-image-head__badges {
  height: 160px;
  max-height: 25vw;
  width: auto;
  margin: 0.2vw;
}

/*
zoom-posts
*/

.zoom-posts {
  background-color: #F1F1E6;
  padding-top: 75px;
  padding-bottom: 50px;
}

.zoom-posts__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  background: #D7A31A;
  display: inline-block;
  color: #fff;
  padding: 0 1.5vmax 0;
}

.zoom-posts__subtitle {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 5px;
  font-size: 75px;
  line-height: 0.861111111111111;
  font-family: 'Butler', Helvetica, sans-serif;
}

.zoom-posts__more-link {
  vertical-align: top;
  color: currentColor;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s;
  white-space: nowrap;
  padding: 4px 6px 1px;
}

.zoom-posts__more-link:after {
  position: absolute;
  content: '';
  width: 100%;
  background: currentColor;
  transition: opacity 0.3s;
  opacity: 0;
}

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

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

.zoom-posts__more-link_active {
  color: #001d3d;
}

.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-posts__content {
font-size: 20px;
text-align: justify;
color: #666;
}

/*
zoom-services
*/

.zoom-services {
  padding-top: 100px;
  margin-bottom: 100px;
}

.zoom-services__title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  background: #D7A31A;
  display: inline-block;
  color: #fff;
  padding: 0 1.5vmax 0;
}


.zoom-services__wrapper {
  margin: 50px 0 100px;
}

.zoom-services__item-title {
  flex-grow: 1;
  padding-right: 40px;
  text-decoration: none;
  position: relative;
  display: block;
}

.zoom-services__item-title:hover {
  color: #D7A31A;
  text-decoration: none;
}

.zoom-services__item-icon {
  min-width: 32px;
  position:absolute;
  top: 0;
  right: 3px;
  font-size: 32px;
}

.sticky-container {
  background-color: #001d3d;
  text-align: justify;
  margin-bottom: 50px;
}

.sticky {
  font-weight: 300;
  color: #fff;
  position: sticky;
  top: 100px;
  padding: 1.5vmax;
  margin-bottom: 50px;
  align-items: center;
  justify-content: center;
}

.article {
  flex-basis: 0;
  flex-grow: 999;
  margin-bottom: 50px;
}

.grid {
  display: grid;
  grid-gap: 50px;
  line-height: 1.25;
}

.box {
  text-align: justify;
  padding: 1.5vmax;
}

.box p{
  color: #666;
}


/*
zoom-slider
*/

.zoom-slider {
  margin-bottom: 100px;
}

/*
posts
*/

.posts__item-wrapper {
  padding: 10px 0 10px;
  margin: 50px 0 20px;
}

.posts__item-container {
  padding: 0 5px 50px;
}

.posts__item-inner {
  text-decoration: none;
  color: #666;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.posts__image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  transition: 0.5s;
  filter: grayscale(80%);
}

.posts__item-inner:hover .posts__image {
  transform: translateY(-10px);
  filter: grayscale(0%);
}

.post__tag {
  height: 100%;
  margin-bottom: 50px;
}

.post__tag .universal__subtitle2 {
  height: 100%;
  color: #fff;
  background-color: #001d3d;
  text-align: center;
  padding: 1.5vmax;
  line-height: 1.25;
  display: flex;
  align-items: center;
  justify-content: center;
}

.posts__item-title {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 32px;
  line-height: 1.25;
  text-align: left;
  margin-top: 20px;
  transition: all 0.3s;
}

.posts__item-inner:hover .posts__item-title {
  color: #001d3d;
}

/*
profil
*/

.profil__wrapper {
  padding: 150px 0 100px;
  position: relative;
}

.profil__sticky-container {
  padding-top: 50px;
}

.profil__sticky {
  text-decoration: none;
  color: #fff;
  background-color: #001d3d;
  position: sticky;
  top:100px;
  justify-content: space-around;
}

.profil__sticky img{
  width: 100%;
  height: 100%;
  max-height: 50vh;
  object-position: top;
  object-fit: cover;
}

.profil__team-content {
  line-height: 1.5;
  padding: 1vmax;
}

.team-content-contact {
  font-size: min(calc(4px + 1vw), 20px);
  padding-top: 15px;
  line-height: 1.5;
}

@media (max-width: 1199px) {
  .team-content-contact {
    font-size: 20px;
  }
}

.team-content-contact a {
  display: block;
  color:#fff;
  text-decoration: none;
}

.team-content-contact a:hover {
  color:#fff;
}

.profil__article {
  display: absolute;
}

.profil__grid {
  display: grid;
  line-height: 1.25;
}

.profil__box {
  display: inline-block;
  text-align: justify;
  padding-top: 100px;
}

.profil__box p{
  color: #666;
}

.profil__box li {
  list-style-type: none; /* Menghilangkan simbol default */
  position: relative; /* Untuk posisi pseudo-elemen */
  padding-left: 20px; /* Memundurkan baris pertama sebanyak 15px */
}

.profil__box li::before {
  content: "●"; /* Simbol bulat */
  font-size: 20px; /* Ukuran simbol */
  color: #D7A31A;
  position: absolute;
  top: -2px;
  left: 0;
}

.profil__box:not(:last-child) {
  padding-bottom: 50px;
  border-bottom: 4px solid #D7A31A ;
}

/*
article
*/

.article__box {
  display: block;
  padding: 0 0 50px;
}


.article__box:not(:last-child) {
  border-bottom: 4px solid #D7A31A ;
  margin-bottom: 50px;
}

/*
expetise
*/

.expertise__header {
  display: flex;
  margin: 100px 0 100px;
}

.expertise__image {
  display: flex;
  width: 100%;
  height: auto;
}

.expertise__title {
  color: #001d3d;
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 5vw;
  font-weight: 600;
  margin-bottom: 50px;
  line-height: 1.25;
}

.expertise__box {
  padding: 50px 0 0px;
  display: block;
}

.expertise__box:not(:last-child) {
  padding: 0 0 50px;
  border-bottom: 4px solid #D7A31A ;
}

/*
expertise__widget
*/

.expertise__widget-container{
  display: inline-block;
  text-align: left;
  width: 100%;
}

.article__box .expertise__widget {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.expertise__widget {
  align-items: center;
  display: inherit;
  padding: 10px;
  background-color: #F1F1E6;
  color: #001d3d;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.expertise__widget::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-100% + 4px);
  width: 100%;
  height: 100%;
  background-color: #D7A31A;
  transition: left 0.5s ease;
  z-index: -1;
}

.expertise__widget:hover::before {
  left: 0;
}

.expertise__widget:hover {
  color: #001d3d;
}

/*
article__widget
*/

.article__widget-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.article__widget-container:not(:last-child) {
  margin: 0 0 20px;
}


.article__widget-image {
  flex: 0 0 30%;
  min-width: 150px;
  overflow: hidden;
}

.article__widget-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.article__widget-content {
  flex: 1;
  padding: 10px;
  margin-left: 20px;
  box-sizing: border-box;
}

.article__widget-title {
  font-size: 32px;
  font-family: 'Butler', Helvetica, sans-serif;
  font-weight: 600;
  text-align: left;
  color: #D7A31A;
}

.article__widget-date {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: 600;
  color: #001d3d;
  background: #F1F1E6;
  padding: 5px;
}

/*
people__widget
*/

.profile__container {
  width: max-content;
  height: 50px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #001d3d;
  overflow: hidden;
}

.profile__container:not(:last-child) {
  margin-bottom: 10px;
}

.profile__image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  object-fit: cover;
  object-position: top center;
}

.profile__name {
  font-family: 'Butler', Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.profile__name::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #F1F1E6;
}

.profile__name::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #D7A31A;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.profile__container:hover .profile__name::after {
  transform: scaleX(1);
}

/*
languages__widget
*/

.languages__container {
  display: flex;
  justify-content: flex-end;
}

.languages__icon {
  margin: 5px;
  display: flex;
  height: 20px;
  width: 32px;
};

/*
logo__widget
*/

* {
  box-sizing: border-box;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.logos {
  display: flex;
  overflow: hidden;
  padding-bottom: 40px;
  background: white;
  position: relative;
  white-space: nowrap;
}

.logos-slide {
  display: flex;
  animation: 30s slide infinite linear;
}

.logos-slide img {
  height: 15vh;
  width: auto;
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}