/*
    Theme Name: London Web Nerd Theme
    Theme URI: https://londonwebnerd.com
    Description: lwn's Website
    Author: London Web Nerd
    Author URI: https://londonwebnerd.com
    Version: 3.0
    Text Domain: starter
*/

/****************************************
    FONTS
****************************************/

/* @font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-RegularItalic.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-RegularItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-ExtralightItalic.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-ExtralightItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-Regular.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-Extralight.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-Extralight.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PP Mori";
    src: url("assets/fonts/PPMori/PPMori-SemiBold.woff2") format("woff2"), url("assets/fonts/PPMori/PPMori-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */

html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  -webkit-transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

body.dark {
  background: #151515;
}
body.light {
  background: #fffcf6;
}
body * {
  font-family: "PP Mori";
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h1 *,
body h2 *,
body h3 *,
body h4 *,
body h5 *,
body h6 * {
  font-family: "PP Mori";
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body input,
body textarea {
  outline: none;
}

/****************************************
    GRID
****************************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 100%;
}
@media (max-width: 480px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    padding-right: 30px;
    padding-left: 30px;
  }
  footer.footer > div.container::before {
    width: calc(100% - 60px);
  }
}
@media (min-width: 480px) {
  .container,
  .container-sm {
    max-width: 450px;
  }
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: calc(100% - 100px);
  }
}

/****************************************
    Buttons
****************************************/
.btn {
  position: relative;
  overflow: hidden;
}
.btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #dce067;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

* .btn.btn-solid {
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 50px 16px;
}
.btn.btn-bordered {
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 50px 16px;
}
.btn.btn-icon:after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.btn.btn-icon.arrow-top:after {
  background-image: url(images/btn-arrow-top.svg);
}
.btn.btn-icon.arrow-bottom:after {
  background-image: url(images/btn-arrow-bottom.svg);
}

body.dark .btn:before {
  border: 2px solid #dce067;
}
body.light .btn:before {
  border: 2px solid #141414;
}

body.dark .btn.btn-solid {
  background: #dce067;
  color: #141414;
}
body.light .btn.btn-solid {
  background: #141414;
  color: #d9d9d9;
}

body.dark .btn.btn-bordered {
  color: #dce067;
}
body.light .btn.btn-bordered {
  color: #141414;
}

body.dark .btn.btn-bordered.btn-icon:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.dark .btn.btn-bordered.btn-icon:hover:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.dark .btn.btn-solid.btn-icon:after {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}
body.dark .btn.btn-solid.btn-icon:hover:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}

body.light .btn.btn-bordered.btn-icon:after {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}
body.light .btn.btn-bordered.btn-icon:hover:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light .btn.btn-solid.btn-icon:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light .btn.btn-solid.btn-icon:hover:after {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}

.btn:hover {
  color: #000 !important;
  background: transparent !important;
  border-color: #dce067 !important;
}
.btn:hover:before {
  opacity: 0;
}
.btn:hover span {
  width: 225%;
  height: 562.5px;
}

/****************************************
    HEADER
****************************************/
header.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transition:
    padding-top 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition:
    padding-top 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  z-index: 1000;
}
header.header > .container {
  padding-top: 00px;
}
body.admin-bar header.header {
  top: 32px;
}
header.header .header-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
header.header .header-left .header__logo .header__logo--logo {
  position: relative;
  display: block;
  height: 50px;
  min-width: 140px;
  opacity: 1;
}
header.header .header-left .header__logo .header__logo--logo .logo {
  position: absolute;
  height: 100%;
}
header.header .header-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 140px);
  justify-content: flex-end;
}
/* header.header .header-right .header__menu {
    padding: 7px 0;
} */
header.header .header-right .header__menu > ul {
  margin: 0;
  padding: 0;
  margin-right: -25px;
}
header.header .header-right .header__menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
header.header .header-right .header__menu #primary-menu {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  -webkit-transition: opacity 0.15s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition: opacity 0.15s cubic-bezier(0.2, 0, 0.2, 1) !important;
  overflow: hidden;
}
header.header .header-right .header__menu #primary-menu .menu-item {
  position: relative;
  -webkit-transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
header.header .header-right .header__menu #primary-menu .menu-item a {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 20px;
  padding: 0;
  padding: 15px 25px;
  display: inline-flex;
}
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children {
  position: relative;
}
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children
  .sub-menu {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(100%, -100%);
  -webkit-transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  padding: 0;
}
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  > .sub-menu {
  transform: translate(100%, 0%);
}
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li
  + li
  + li
  + li
  + li,
header.header
  .header-right
  .header__menu
  #primary-menu
  .menu-item.menu-item-has-children:hover
  + li
  + li
  + li
  + li
  + li
  + li
  + li
  + li
  + li {
  transform: translate(0%, 100%);
}
header.header.active {
  opacity: 0;
}

/* Menu toggle */
header.header .header-right .menutoggle {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  margin-left: 20px;
  display: none;
}
header.header .header-right .menutoggle span {
  display: block;
  position: relative;
  height: 14px;
  width: 14px;
}

body.dark header.header .header-right .menutoggle span {
  background: #d9d9d9;
}
body.light header.header .header-right .menutoggle span {
  background: #dce067;
}

body header.header .header-right .menutoggle.light span {
  background: #d9d9d9;
}
body header.header .header-right .menutoggle.blue span {
  background: #dce067;
}

/* Menu toggle active */
body header.header .header-right .menutoggle.active span {
  background: #dce067 !important;
}

/* Menu Sidebar  */
.mobile__menu {
  background: #d9d9d9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh + 100px);
  z-index: -1;
  opacity: 0;
  transform: scale(0.75);
  -webkit-transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
body.admin-bar .mobile__menu .mobile__menu-head {
  top: 32px;
}
.mobile__menu .mobile__menu-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
  z-index: 1000;
  padding-top: 40px;
}
.mobile__menu .mobile__menu-head .mobile__menu-head-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  height: 30px;
}
.mobile__menu .mobile__menu-head .menutoggleclose {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  margin-left: 0;
  justify-self: flex-end;
}
.mobile__menu .mobile__menu-head .menutoggleclose span {
  display: block;
  position: relative;
  height: 14px;
  width: 14px;
  background: #dce067 !important;
}
.mobile__menu .mobile__menu-body {
  padding: 120px 0 100px;
  overflow: auto;
  max-height: 100vh;
}
.mobile__menu .mobile__menu-body #mobile-menu {
  padding: 0;
  margin: 0;
}
.mobile__menu .mobile__menu-body #mobile-menu .menu-item {
  list-style: none;
  padding: 20px 0 15px;
}
.mobile__menu .mobile__menu-body #mobile-menu .menu-item a {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 30px;
  color: #141414;
}
.mobile__menu .mobile__menu-body #mobile-menu .menu-item + .menu-item {
  border-top: 1px solid #141414;
}
.mobile__menu.active {
  z-index: 1001;
  opacity: 1;
  transform: scale(1);
}

@media screen and (min-width: 578px) {
  .mobile__menu .mobile__menu-head {
    padding-top: 55px;
  }
}

/****************************************
    Header COLORS
*****************************************/

/* Logo */
header.header.dark
  .header-left
  .header__logo
  .header__logo--logo
  .logo.light-version {
  opacity: 0;
}
header.header.light
  .header-left
  .header__logo
  .header__logo--logo
  .logo.dark-version {
  opacity: 0;
}

/* menu */
header.header.light .header-right {
  border-bottom: none;
}
header.header.dark .header-right {
  border-bottom: none;
}

/* menu item */
header.header.light .header-right .header__menu #primary-menu .menu-item a {
  color: #d9d9d9;
}
header.header.dark .header-right .header__menu #primary-menu .menu-item a {
  color: #141414;
}
/* menu item hover */
header.header .header-right .header__menu #primary-menu .menu-item a:hover {
  color: #e03358;
}

/* menu toggle */
header.header.light .header-right .menutoggle .menutoggle-wrap span {
  background-color: #d9d9d9;
}
header.header.dark .header-right .menutoggle .menutoggle-wrap span {
  background-color: #e03358;
}
header.header .header-right .menutoggle.active .menutoggle-wrap span {
  background-color: #d9d9d9;
}

/****************************************
    FOOTER
****************************************/

footer.footer {
  padding-bottom: 30px;
}

footer.footer > .container {
  position: relative;
}

footer.footer > .container::before {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  height: 1px;
  background: #d9d9d9;
}

.main + footer.footer > .container::before {
  content: none;
}

body.light footer.footer > .container::before {
  background: #141414;
}

/* Certificates */
body footer.footer .footer__certificates--title {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  margin-bottom: 35px;
}
body footer.footer .footer__certificates .certificates {
  padding: 0;
  margin: 0;
  display: none;
  flex-wrap: wrap;
  align-items: center;
}
body footer.footer .footer__certificates .certificates .certificate {
  list-style: none;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
body
  footer.footer
  .footer__certificates
  .certificates
  .certificate
  + .certificate {
  margin-left: 55px;
}
body
  footer.footer
  .footer__certificates
  .certificates
  .certificate
  .certificate--ico {
  max-height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  -webkit-transition: filter 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: filter 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Footer Menu */
.footer__menu #secondary-menu {
  display: flex;
  flex-wrap: wrap;
}

.footer__menu #secondary-menu > li {
  flex: 0 1 33%;
  list-style: none;
}

.footer__menu #secondary-menu a {
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  padding: 7.5px 25px;
  display: inline-flex;
}

body.light .footer__menu #secondary-menu a:hover,
.footer__menu #secondary-menu a:hover {
  color: #dce067;
}

body.light .footer__menu #secondary-menu a {
  color: #141414;
}

/* copyright */
footer.footer .footer__copyright {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
footer.footer .footer__copyright .footer__copyright--text,
footer.footer .footer__copyright .footer__copyright--text p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  width: 100%;
  text-align: right;
}
footer.footer
  .footer__copyright.footer__copyright-left
  .footer__copyright--text,
footer.footer
  .footer__copyright.footer__copyright-left
  .footer__copyright--text
  p {
  text-align: left;
}
footer.footer .footer__copyright .footer__copyright--text a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  text-decoration: underline;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
footer.footer .footer__copyright .footer__copyright--text a:hover {
  text-decoration: none;
}
footer.footer .footer__copyright .footer__copyright--socials .social__medias {
  padding: 0;
  margin: 0;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item {
  list-style: none;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item
  + .social__medias--item {
  margin-left: 20px;
}
footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item
  .social__medias--item-ico {
  max-width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  /* -webkit-transition: filter 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; */
  /* transition: filter 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; */
}

body.dark footer.footer .footer__certificates .footer__certificates--title {
  color: #d9d9d9;
}
body.light footer.footer .footer__certificates .footer__certificates--title {
  color: #141414;
}
body.dark footer.footer .footer__certificates.dark .certificates {
  display: flex;
}
body.light footer.footer .footer__certificates.light .certificates {
  display: flex;
}
body.dark footer.footer .footer__copyright .footer__copyright--text,
body.dark footer.footer .footer__copyright .footer__copyright--text p,
body.dark footer.footer .footer__copyright .footer__copyright--text a {
  color: #d9d9d9;
}
body.light footer.footer .footer__copyright .footer__copyright--text,
body.light footer.footer .footer__copyright .footer__copyright--text p,
body.light footer.footer .footer__copyright .footer__copyright--text a {
  color: #141414;
}
body footer.footer .footer__copyright .footer__copyright--text a:hover {
  color: #dce067;
}
body.dark
  footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item
  a
  .social__medias--item-ico {
  filter: invert(73%) sepia(89%) saturate(0%) hue-rotate(138deg) brightness(99%)
    contrast(98%);
}
body.light
  footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item
  a
  .social__medias--item-ico {
  filter: invert(0%) sepia(4%) saturate(1416%) hue-rotate(343deg)
    brightness(103%) contrast(84%);
}
body
  footer.footer
  .footer__copyright
  .footer__copyright--socials
  .social__medias
  .social__medias--item
  a:hover
  .social__medias--item-ico {
  filter: invert(34%) sepia(59%) saturate(6605%) hue-rotate(225deg)
    brightness(100%) contrast(102%);
}

@media screen and (max-width: 991px) {
  .footer__menu #secondary-menu {
    padding-left: 0;
    column-gap: 30px;
  }

  .footer__menu #secondary-menu > li {
    flex: none;
  }
}

/****************************************
    ACCORDION
****************************************/

.accordion .accordion--title {
  padding-right: 110px;
  position: relative;
  cursor: pointer;
}
.accordion .accordion--title:after,
.accordion .accordion--title:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 106px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/accordion-arrow-top.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.accordion .accordion--title:after {
  opacity: 0;
}

.accordion .accordion--title span {
  font-style: normal;
  font-weight: 600;
  font-size: 120px;
  line-height: 126px;
  position: relative;
}
.accordion .accordion--title span:after {
  content: "";
  display: block;
  height: 10px;
  background-color: #dce067;
  position: absolute;
  top: 50%;
  left: 0;
  right: -10px;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.accordion .accordion--body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.accordion .accordion--body .accordion--body-wrap {
  padding-top: 120px;
  padding-bottom: 30px;
}
.accordion.active .accordion--body {
  max-height: 2000px;
}
.accordion.active .accordion--title:before,
.accordion.active .accordion--title:after {
  transform: rotate(90deg);
}

.accordion.accordion-small .accordion--title {
  padding-right: 80px;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #d9d9d9;
}
.accordion.accordion-small .accordion--title:after,
.accordion.accordion-small .accordion--title:before {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 25px;
  bottom: 0;
  width: 35px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-size: contain;
}
.accordion.accordion-small .accordion--title:after {
  opacity: 0;
}
.accordion.accordion-small .accordion--title span {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  position: relative;
}
.accordion.accordion-small .accordion--title span:after {
  content: "";
  display: block;
  height: 4px;
  background-color: #dce067;
  position: absolute;
  top: 50%;
  left: 0;
  right: -10px;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.accordion .accordion--body .accordion--body-wrap {
  padding-top: 75px;
  padding-bottom: 40px;
}

body.dark .accordion .accordion--title {
  color: #d9d9d9;
}
body.dark .accordion .accordion--title:before {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light .accordion .accordion--title {
  color: #141414;
}
body.light .accordion .accordion--title:before {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}

body .accordion .accordion--title:hover span:after {
  opacity: 1;
}

body .accordion .accordion--title:before {
  background-image: url(images/accordion-arrow-top.svg);
}
body .accordion .accordion--title:after {
  background-image: url(images/accordion-arrow-top-blue.svg);
}

body .accordion .accordion--title:hover:before {
  opacity: 0;
}
body .accordion .accordion--title:hover:after {
  opacity: 1;
}

body.dark .accordion.accordion-small .accordion--title {
  border-bottom: 1px solid #d9d9d9;
}
body.light .accordion.accordion-small .accordion--title {
  border-bottom: 1px solid #141414;
}

/****************************************
    SECTION
****************************************/

.section .section--annotation {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  padding-top: 60px;
}

.section .section--annotation:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.section .section--annotation.active:before {
  transform: scaleX(1);
}

/* colors */
body.dark .section .section--annotation {
  color: #d9d9d9;
}
body.dark .section .section--annotation:before {
  background-color: #d9d9d9;
}
body.light .section .section--annotation {
  color: #141414;
}
body.light .section .section--annotation:before {
  background-color: #141414;
}

/****************************************
    GET IN TOUCH
****************************************/

.get_in_touch .section-body {
  padding-top: 150px;
  padding-bottom: 50px;
}
.get_in_touch .get_in_touch-container {
  display: flex;
  flex-wrap: wrap;
}
.get_in_touch .get_in_touch-container .get_in_touch--information {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  padding-bottom: 100px;
  padding-right: 70px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .company_information
  * {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .company_information
  *
  a {
  text-decoration: underline;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .contact_us-texts {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
}
.get_in_touch .get_in_touch-container .get_in_touch--form {
  width: 50%;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields {
  grid-column-gap: 2%;
  grid-row-gap: 20px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  padding-left: 35px;
  margin-bottom: 7px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .gfield_label
  .gfield_required {
  display: none !important;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 15px 35px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 15px 35px;
  height: 200px;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer {
  margin: 0;
  padding: 0;
  margin-top: 50px;
}

.get_in_touch .get_in_touch-container .get_in_touch--form .contact_us-texts {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 35px;
  display: none;
}

/* ERRORS */
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_validation_errors {
  display: none !important;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .validation_message {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  padding-left: 35px;
  margin-bottom: 0;
  background: transparent;
  border: 0;
}

/* confirmation */
.gform_confirmation_wrapper {
  max-width: 600px;
}
.gform_confirmation_wrapper .gform_confirmation_message {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}

.gform_confirmation_wrapper .gform_confirmation_message .btns {
  margin-top: 60px;
}
.gform_confirmation_wrapper .gform_confirmation_message .btns a + a {
  margin-left: 15px;
}

@media screen and (max-width: 1280px) {
  .gform_confirmation_wrapper .gform_confirmation_message .btns {
    margin-top: 40px;
  }
  .gform_confirmation_wrapper .gform_confirmation_message .btns a + a {
    margin-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .gform_confirmation_wrapper .gform_confirmation_message .btns {
    margin-top: 30px;
  }
  .gform_confirmation_wrapper .gform_confirmation_message .btns a + a {
    margin-left: 10px;
  }
}
@media screen and (max-width: 577px) {
  .gform_confirmation_wrapper .gform_confirmation_message .btns {
    margin-top: 30px;
  }
  .gform_confirmation_wrapper .gform_confirmation_message .btns a + a {
    margin-left: 7px;
  }
}

@media screen and (min-width: 1280px) {
  .gform_confirmation_wrapper .gform_confirmation_message a.btn.btn-bordered {
    /* display: inline-flex;
        text-transform: uppercase;
        border-radius: 50px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 20px; */
    padding: 17px 29px 13px;
  }
}

body.dark .gform_confirmation_wrapper .gform_confirmation_message {
  color: #d9d9d9;
}
body.light .gform_confirmation_wrapper .gform_confirmation_message {
  color: #141414;
}

body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .company_information
  * {
  color: #d9d9d9;
}
body
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .company_information
  *
  a:hover {
  color: #e03358;
}
body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .contact_us-texts {
  color: #d9d9d9;
}
body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #d9d9d9;
}
body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}
body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}

body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .contact_us-texts {
  color: #d9d9d9;
}

body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .company_information
  * {
  color: #141414;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--information
  .contact_us-texts {
  color: #141414;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #141414;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #141414;
  border: 2px solid #141414;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #141414;
  border: 2px solid #141414;
}

.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 30px 14px;
  border: 0 !important;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button
  span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button {
  background: #d9d9d9;
  color: #141414;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button {
  background: #141414;
  color: #d9d9d9;
}
body.dark
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:before {
  border: 2px solid #d9d9d9;
}
body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:before {
  border: 2px solid #141414;
}

.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: #e03358 !important;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:hover:before {
  opacity: 0;
}
.get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .form-wrap
  .gform_footer
  .gform_button:hover
  span {
  width: 225%;
  height: 562.5px;
}

body.light
  .get_in_touch
  .get_in_touch-container
  .get_in_touch--form
  .contact_us-texts {
  color: #141414;
}

/****************************************
    BANNERS
****************************************/

/* Banner */
.banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Home Banner */
.banner.banner-home {
  min-height: 100vh;
}
.banner.banner-home .banner__content {
  margin-top: 105px;
  padding: 135px 0 100px;
}
.banner.banner-home .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 110px;
  margin: 0;
}

.banner.banner-home .banner__content .banner__content--title .aos-init > span {
  display: inline;
  width: 100%;
  /* padding: 2px 0; */
}
.banner.banner-home .banner__content .banner__content--title .dot:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  display: inline-flex;
  margin-left: 10px;
}
.banner.banner-home .banner__content .banner__content--btns {
  text-align: left;
  margin-top: 100px;
}
.banner.banner-home .banner__content .banner__content--btns a + a {
  margin-left: 20px;
}

/* Home Simple */
.banner.banner-simple {
  min-height: 100vh;
}

/* Home Big */
.banner.banner-big {
  min-height: 100vh;
}
.banner.banner-big .banner__content {
  margin-top: 105px;
  padding: 170px 0 100px;
}
.banner.banner-big .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  margin: 0;
}
.banner.banner-big .banner__content .banner__content--content {
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 120px;
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
.banner.banner-big .banner__image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-bottom: 90px;
}
.banner.banner-big .banner__image .banner__image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Banner Error */
.banner.banner-error {
  position: relative;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 101;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/404-error.png);
  background-size: contain;
}
.banner.banner-error .banner__content .banner__content--btns {
  text-align: left;
  margin-top: 40px;
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
}
.banner.banner-error .banner__content .banner__content--btns a + a {
  margin-left: 20px;
}
.banner.banner-error.hidden {
  opacity: 0;
  z-index: -1;
}

/* .banner.banner-error .error-content {
    padding-top: 105px;
    display: flex;
    align-items: center;
    height: 100vh;
}
.banner.banner-error .error-content .banner__content {
    margin-top: 0;
    padding: 0;
} */

/* Snake */
.section-snake {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-snake.hidden {
  opacity: 0;
  z-index: -1;
}
.section-snake .snake {
  border-bottom: 1px solid #d9d9d9;
  margin-top: 130px;
}
.section-snake .snake canvas {
  margin: 0 auto;
  display: block;
}
.section-snake .snake-score {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.section-snake .snake-score .snake-score-title {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 18px;
  text-align: right;
  color: #d9d9d9;
}
.section-snake .snake-score .snake-score-score {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 18px;
  text-align: right;
  color: #d9d9d9;
}

/* Banner thankyou */
.banner.banner-thankyou {
  position: relative;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 101;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/404-error.png);
  background-size: contain;
}
.banner.banner-thankyou .banner__content .banner__content--title {
  font-size: 85px;
  line-height: 85px;
}
.banner.banner-thankyou .banner__content .banner__content--btns {
  text-align: left;
  margin-top: 40px;
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
}
.banner.banner-thankyou .banner__content .banner__content--btns a + a {
  margin-left: 20px;
}
.banner.banner-thankyou.hidden {
  opacity: 0;
  z-index: -1;
}

/* Home Big */
.banner.banner-small {
  min-height: 620px;
}
.banner.banner-small .banner__content {
  margin-top: 105px;
  padding: 170px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.banner.banner-small .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  margin: 0;
  width: 50%;
}
.banner.banner-small .banner__content .banner__content--content {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
  width: 50%;
  margin: 0;
}
.banner.banner-small .banner__image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
.banner.banner-small .banner__image .banner__image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Single Banner */
.banner.banner-single {
  min-height: 480px;
}
.banner.banner-single .banner__content {
  margin-top: 105px;
  padding: 170px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.banner.banner-single .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 85px;
  line-height: 90px;
  letter-spacing: -0.02em;
  margin: 0;
  margin-bottom: 15px;
  width: 100%;
}
.banner.banner-single .banner__content .banner__content--content {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #141414;
  width: 100%;
  margin: 0;
}

/* Single Banner */
.banner.banner-archive {
  height: 480px;
}
.banner.banner-archive .banner__content {
  margin-top: 105px;
  padding: 170px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.banner.banner-archive .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 85px;
  line-height: 85px;
  letter-spacing: -0.02em;
  margin: 0;
  margin-bottom: 15px;
}

.banner .banner__content .banner__content--date {
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}

.banner.banner-home .banner__content .banner__content--title.hovered > div {
  overflow: visible !important;
}
.banner.banner-home .banner__content .banner__content--title .aos-animate {
  transform: none;
}

body.dark .banner .banner__content .banner__content--title {
  color: #d9d9d9;
}
body.dark
  .banner.banner-home
  .banner__content
  .banner__content--title
  .dot:after {
  background: #d9d9d9;
}
body.dark .banner .banner__content .banner__content--content {
  color: #d9d9d9;
}
body.dark .banner .banner__content .banner__content--date {
  color: #d9d9d9;
}

body.light .banner .banner__content .banner__content--title {
  color: #141414;
}
body.light
  .banner.banner-home
  .banner__content
  .banner__content--title
  .dot:after {
  background: #141414;
}
body.light .banner .banner__content .banner__content--content {
  color: #141414;
}
body.light .banner .banner__content .banner__content--date {
  color: #141414;
}
body .banner .banner__content .banner__content--title strong {
  color: #dce067;
}

body .banner .banner__content .banner__content--title span {
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body
  .banner
  .banner__content
  .banner__content--title.hovered
  .aos-init
  span:after,
body .banner .banner__content .banner__content--title.hovered span,
body .banner .banner__content .banner__content--title.hovered .dot:after {
  opacity: 0.2;
}

/* Home Form */
.banner.banner-form {
  min-height: 620px;
}
.banner.banner-form .banner__content {
  margin-top: 105px;
  padding: 170px 0 100px;
  display: flex;
  flex-wrap: wrap;
}
.banner.banner-form .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 85px;
  line-height: 85px;
  margin: 0;
}
.banner.banner-form .banner__content .banner__content--content {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
  margin: 0;
  max-width: 600px;
}
.banner.banner-form .banner__content .banner__content--info {
  width: calc(100% - 485px);
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.banner.banner-form .banner__content .banner__content--form {
  width: 485px;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields {
  grid-column-gap: 2%;
  grid-row-gap: 30px;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  padding-left: 25px;
  margin-bottom: 7px;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label
  .gfield_required {
  display: none !important;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 3px 25px;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 15px 25px;
  height: 220px;
}
.banner.banner-form .banner__content .banner__content--form .gform_footer {
  margin: 0;
  padding: 0;
  margin-top: 30px;
}
/* .banner.banner-form .banner__content .banner__content--form .gform_footer input {
    border-radius: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    padding: 17px 30px 13px;
    cursor: pointer;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
} */

.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 30px 14px;
  border: 0 !important;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button
  span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button {
  background: #d9d9d9;
  color: #141414;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button {
  background: #141414;
  color: #d9d9d9;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:before {
  border: 2px solid #d9d9d9;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:before {
  border: 2px solid #141414;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: #e03358 !important;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:hover:before {
  opacity: 0;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  .gform_button:hover
  span {
  width: 225%;
  height: 562.5px;
}
.banner.banner-form .banner__content .banner__content--form .contact_us-texts {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 35px;
  display: none;
}

/* ERRORS */
.banner.banner-form
  .banner__content
  .banner__content--form
  .gform_validation_errors {
  display: none !important;
}
.banner.banner-form
  .banner__content
  .banner__content--form
  .validation_message {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  padding-left: 25px;
  margin-bottom: 0;
  background: transparent;
  border: 0;
}

/* confirmation */
.gform_confirmation_wrapper {
  max-width: 600px;
}
.gform_confirmation_wrapper .gform_confirmation_message {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}

.banner.banner-form .banner__image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-bottom: 90px;
}
.banner.banner-form .banner__image .banner__image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

body.dark .gform_confirmation_wrapper .gform_confirmation_message {
  color: #d9d9d9;
}

body.light .gform_confirmation_wrapper .gform_confirmation_message {
  color: #141414;
}

body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #d9d9d9;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  input {
  background: transparent;
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  input:hover {
  background: #d9d9d9;
  border: 2px solid #d9d9d9;
  color: #141414;
}

body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #141414;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #141414;
  border: 2px solid #141414;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #141414;
  border: 2px solid #141414;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  input {
  background: transparent;
  border: 2px solid #141414;
  color: #141414;
}
body.light
  .banner.banner-form
  .banner__content
  .banner__content--form
  .gform_footer
  input:hover {
  background: #141414;
  border: 2px solid #141414;
  color: #d9d9d9;
}

/* Single Page */

body.page .main .section-page-content .section__body {
  width: 100%;
  padding-left: calc(100% - 850px);
  padding-bottom: 60px;
}
body.page .main .section-page-content .section__body h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
body.page .main .section-page-content .section__body h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 55px;
  margin: 0 0 60px 0;
}
body.page .main .section-page-content .section__body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
body.page .main .section-page-content .section__body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
body.page .main .section-page-content .section__body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
body.page .main .section-page-content .section__body p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 60px;
}
body.page .main .section-page-content .section__body p strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
body.page .main .section-page-content .section__body ul {
  margin-bottom: 60px;
}
body.page .main .section-page-content .section__body ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 20px;
}

body.page .main .section-page-content .section__body table {
  min-width: 100%;
  margin-bottom: 60px;
  margin-left: -5px;
  margin-left: -5px;
}
body.page .main .section-page-content .section__body table tr td {
  padding: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 60px;
  justify-content: center;
  align-items: flex-start;
  vertical-align: baseline;
}
body.page .main .section-page-content .section__body table.cols-2 tr td {
  width: 50%;
}
body.page .main .section-page-content .section__body table.cols-4 tr td {
  width: 25%;
}

body.dark.page .main .section-page-content .section__body h2,
body.dark.page .main .section-page-content .section__body h3,
body.dark.page .main .section-page-content .section__body h4,
body.dark.page .main .section-page-content .section__body h5,
body.dark.page .main .section-page-content .section__body h6,
body.dark.page .main .section-page-content .section__body p,
body.dark.page .main .section-page-content .section__body ul li,
body.dark.page .main .section-page-content .section__body table tr td {
  color: #d9d9d9;
}
body.light.page .main .section-page-content .section__body h2,
body.light.page .main .section-page-content .section__body h3,
body.light.page .main .section-page-content .section__body h4,
body.light.page .main .section-page-content .section__body h5,
body.light.page .main .section-page-content .section__body h6,
body.light.page .main .section-page-content .section__body p,
body.light.page .main .section-page-content .section__body ul li,
body.light.page .main .section-page-content .section__body table tr td {
  color: #141414;
}

/* Single Post */

body.single-post .main .section-post-content .section__body {
  position: relative;
  padding-top: 100px;
}
body.single-post .main .section-post-content .section__body .post__contents {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 850px);
  padding-right: 150px;
  padding-top: 100px;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--title {
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 60px;
  margin-bottom: 50px;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list {
  padding: 0;
  margin: 0;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list
  .post__contents--list-item {
  list-style: none;
  padding: 15px 0;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list
  .post__contents--list-item
  a {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 27px;
  position: relative;
  text-decoration: line-through;
  text-decoration-color: transparent;
}
/* body.single-post .main .section-post-content .section__body .post__contents .post__contents--list .post__contents--list-item a:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #e03358;
    position: absolute;
    top: 50%;
    left: 0;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.single-post .main .section-post-content .section__body .post__contents .post__contents--list .post__contents--list-item a:hover:after {
    position: absolute;
    opacity: 1;
} */

body.single-post
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list
  .post__contents--list-item
  a:hover {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}

body.single-post.dark
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--title {
  color: #d9d9d9;
}
body.single-post.dark
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list
  .post__contents--list-item
  a {
  color: #d9d9d9;
}
body.single-post.light
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--title {
  color: #141414;
}
body.single-post.light
  .main
  .section-post-content
  .section__body
  .post__contents
  .post__contents--list
  .post__contents--list-item
  a {
  color: #141414;
}
body.single-post .main .section-post-content .section__body ul {
  margin-bottom: 60px;
}
body.single-post .main .section-post-content .section__body ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 20px;
}
body.single-post .main .section-post-content .section__body table {
  min-width: 100%;
  margin-bottom: 60px;
  margin-left: -5px;
  margin-left: -5px;
}
body.single-post .main .section-post-content .section__body table tr td {
  padding: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 60px;
  justify-content: center;
  align-items: flex-start;
  vertical-align: baseline;
}
body.single-post .main .section-post-content .section__body table.cols-2 tr td {
  width: 50%;
}
body.single-post .main .section-post-content .section__body table.cols-4 tr td {
  width: 25%;
}
body.single-post .main .section-post-content .section__body .post__authror {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 850px);
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--avatar {
  pointer-events: none;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--avatar
  img {
  height: 100px;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info {
  padding-left: 40px;
  flex: 1;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
}
body.single-post
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-name {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 37px;
}

body.single-post.light
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-title {
  color: #141414;
}
body.single-post.light
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-name {
  color: #141414;
}

body.single-post.dark
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-title {
  color: #d9d9d9;
}
body.single-post.dark
  .main
  .section-post-content
  .section__body
  .post__authror
  .post__authror--info
  .post__authror--info-name {
  color: #d9d9d9;
}

body.single-post .main .section-post-content .section__body {
  width: 100%;
  padding-left: calc(100% - 850px);
  padding-bottom: 0;
  margin-bottom: 120px;
}
body.single-post .main .section-post-content .section__body h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
body.single-post .main .section-post-content .section__body h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 55px;
  margin: 0 0 60px 0;
}
body.single-post .main .section-post-content .section__body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
body.single-post .main .section-post-content .section__body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
body.single-post .main .section-post-content .section__body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
body.single-post .main .section-post-content .section__body p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 60px;
}
body.single-post .main .section-post-content .section__body p strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
body.dark.single-post .main .section-post-content .section__body h2,
body.dark.single-post .main .section-post-content .section__body h3,
body.dark.single-post .main .section-post-content .section__body h4,
body.dark.single-post .main .section-post-content .section__body h5,
body.dark.single-post .main .section-post-content .section__body h6,
body.dark.single-post .main .section-post-content .section__body p {
  color: #d9d9d9;
}
body.light.single-post .main .section-post-content .section__body h2,
body.light.single-post .main .section-post-content .section__body h3,
body.light.single-post .main .section-post-content .section__body h4,
body.light.single-post .main .section-post-content .section__body h5,
body.light.single-post .main .section-post-content .section__body h6,
body.light.single-post .main .section-post-content .section__body p {
  color: #141414;
}

.section.related-reading .section-body {
  padding: 50px 0 25px 0;
}

.posts .post {
  padding: 55px 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.posts .post .post--body-thumbnail {
  width: 335px;
  position: relative;
  flex-grow: 1;
  display: block;
  height: 210px;
}
.posts .post .post--body-thumbnail .post--body-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.posts .post .post--body-content {
  padding-left: 110px;
  width: calc(100% - 335px);
}
.posts .post .post--body-content .post--title {
  margin-bottom: 40px;
}
.posts .post .post--body-content .post--title a {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 70px;
}
.posts .post .post--body-content .post--title a:before {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  width: 35px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/arrow-top.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.posts .post .post--body-content .post--title a:after {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  width: 35px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/arrow-top-blue.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.posts .post .post--body-content .post--title a:after {
  opacity: 0;
}

.posts .post .post--body-content .post--title a span {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  position: relative;
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.posts .post .post--body-content .post--title a:hover span {
  position: relative;
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
.posts
  .post
  .post--body-thumbnail:hover
  + .post--body-content
  .post--title
  a
  span {
  position: relative;
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
/* .posts .post .post--body-content .post--title a span:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #e03358;
    position: absolute;
    top: 50%;
    left: 0;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.posts .post .post--body-content .post--title a:hover span:after {
    position: absolute;
    opacity: 1;
} */

.posts .post .post--body-content .post--excerpt {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  max-width: 550px;
  max-height: 70px;
  overflow: hidden;
}
.posts .post .post--body-content .post--author {
  margin-top: 35px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  width: 100%;
}

/* small */

.posts .post.small {
  padding: 25px 0;
}
.posts .post.small .post--body-content {
  padding-left: 0;
  width: 100%;
}
.posts .post.small .post--body-content .post--title {
  margin-bottom: 0;
  overflow: hidden;
  max-height: 50px;
}

body.light .posts .post + .post {
  border-top: 1px solid #141414;
}
body.light .posts .post .post--body-content .post--title a,
body.light .posts .post .post--body-content .post--excerpt,
body.light .posts .post .post--body-content .post--author {
  color: #141414;
}

body.dark .posts .post + .post {
  border-top: 1px solid #d9d9d9;
}
body.dark .posts .post .post--body-content .post--title a,
body.dark .posts .post .post--body-content .post--excerpt,
body.dark .posts .post .post--body-content .post--author {
  color: #d9d9d9;
}

body.dark .posts .post .post--body-content .post--title a:before {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light .posts .post .post--body-content .post--title a:before {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}

body .posts .post .post--body-content .post--title a:hover:before {
  opacity: 0;
}
body .posts .post .post--body-content .post--title a:hover:after {
  opacity: 1;
}

.section-news-blog {
  padding-bottom: 50px;
}

.news__filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 75px;
}
.news__filter #news__filter-all {
  display: block;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 16px;
  padding-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 27px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin: 0 10px;
}

.select2.select2-container.select2-container--filter {
  margin: 0 10px;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 55px;
  user-select: none;
  -webkit-user-select: none;
  border-radius: 27px;
  display: block;
  padding-left: 35px;
  padding-right: 35px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  margin-top: 2px;
  line-height: 49px;
  text-align: center;
  text-transform: uppercase;
}
.select2-results__options {
  padding: 10px 0;
}
.select2-results__options .select2-results__option {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  padding: 10px 35px;
}
.select2-dropdown {
  border-radius: 27px;
  overflow: hidden;
}
.select2.select2-container.select2-container--filter.select2-container--below.select2-container--open
  .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2.select2-container.select2-container--filter.select2-container--above.select2-container--open
  .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body.light .news__filter #news__filter-all {
  border: 2px solid #141414;
  color: #141414;
}
body.light .news__filter #news__filter-all:hover,
body.light .news__filter #news__filter-all.active {
  border: 2px solid #141414;
  background: #141414;
  color: #d9d9d9;
}
body.light .news__filter .select2-container .select2-selection--single {
  border: 2px solid #141414;
  color: #141414;
}
body.light
  .news__filter
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #141414;
}
body.light .select2-results__options .select2-results__option {
  color: #141414;
}
body.light
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  background: #141414;
  color: #d9d9d9;
}
body.light .select2-dropdown {
  background-color: #d9d9d9;
}
body.light .select2-container--open .select2-dropdown--below {
  border: 2px solid #141414;
  color: #141414;
}
body.light .select2-container--open .select2-dropdown--above {
  border: 2px solid #141414;
  color: #141414;
}

body.dark .news__filter #news__filter-all {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark .news__filter #news__filter-all:hover,
body.dark .news__filter #news__filter-all.active {
  border: 2px solid #d9d9d9;
  background: #d9d9d9;
  color: #141414;
}
body.dark .news__filter .select2-container .select2-selection--single {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark
  .news__filter
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  color: #d9d9d9;
}
body.dark .select2-results__options .select2-results__option {
  color: #d9d9d9;
}
body.dark
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  background: #d9d9d9;
  color: #141414;
}
body.dark .select2-dropdown {
  background-color: #141414;
}
body.dark .select2-container--open .select2-dropdown--below {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark .select2-container--open .select2-dropdown--above {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}

/* top filter */

.news__filter .filter--categories .filter--category {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 40px 16px;
  border: 0 !important;
  margin: 0 10px;
}
.news__filter .filter--categories .filter--category:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.news__filter .filter--categories .filter--category span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

body.dark .news__filter .filter--categories .filter--category {
  color: #141414;
}
body.light .news__filter .filter--categories .filter--category {
  color: #141414;
}
body.dark .news__filter .filter--categories .filter--category:before {
  border: 2px solid #d9d9d9;
}
body.light .news__filter .filter--categories .filter--category:before {
  border: 2px solid #141414;
}
body.dark .news__filter .filter--categories .filter--category {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark .news__filter .filter--categories .filter--category:hover,
body.dark .news__filter .filter--categories .filter--category.active {
  border: 2px solid #d9d9d9;
  background: #d9d9d9;
  color: #141414;
}
body.light .news__filter .filter--categories .filter--category {
  border: 2px solid #141414;
  color: #141414;
}
body.light .news__filter .filter--categories .filter--category:hover,
body.light .news__filter .filter--categories .filter--category.active {
  border: 2px solid #141414;
  background: #141414;
  color: #d9d9d9;
}
.news__filter .filter--categories .filter--category:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: #e03358 !important;
}
.news__filter .filter--categories .filter--category:hover:before {
  opacity: 0;
}
.news__filter .filter--categories .filter--category:hover span {
  width: 225%;
  height: 562.5px;
}

/*****************************************
 * Archive PROJECTS
 *****************************************/
.section-projects .projects-wrap {
  position: relative;
}
.section-projects .projects-wrap .projects {
  padding-left: calc(100% - 850px);
  min-height: 500px;
  margin-bottom: 70px;
}
.section-projects .projects-wrap .projects .no-projects {
  padding: 45px 0 22px;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 28px;
  display: block;
}
body.dark .section-projects .projects-wrap .projects .no-projects {
  color: #d9d9d9;
}
body.light .section-projects .projects-wrap .projects .no-projects {
  color: #141414;
}

/* top filter */
.section-projects .works__filter {
  padding-bottom: 60px;
  margin-bottom: 70px;
}
.section-projects .works__filter .filter--categories {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
}
/* .section-projects .works__filter .filter--categories .filter--category {
    display: block;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 16px;
    padding-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 27px;
    cursor: pointer;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 10px;
} */

.section-projects .works__filter .filter--categories .filter--category {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 40px 16px;
  border: 0 !important;
  margin: 0 10px;
}
.section-projects .works__filter .filter--categories .filter--category:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-projects .works__filter .filter--categories .filter--category span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
body.dark .works__filter {
  border-bottom: 1px solid #d9d9d9;
}
body.light .works__filter {
  border-bottom: 1px solid #141414;
}
body.dark
  .section-projects
  .works__filter
  .filter--categories
  .filter--category {
  color: #141414;
}
body.light
  .section-projects
  .works__filter
  .filter--categories
  .filter--category {
  color: #141414;
}
body.dark
  .section-projects
  .works__filter
  .filter--categories
  .filter--category:before {
  border: 2px solid #d9d9d9;
}
body.light
  .section-projects
  .works__filter
  .filter--categories
  .filter--category:before {
  border: 2px solid #141414;
}
body.dark
  .section-projects
  .works__filter
  .filter--categories
  .filter--category,
body.dark .works__filter .filter--categories .filter--category {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark .works__filter .filter--categories .filter--category:hover,
body.dark .works__filter .filter--categories .filter--category.active {
  border: 2px solid #d9d9d9;
  background: #d9d9d9;
  color: #141414;
}
body.light .works__filter .filter--categories .filter--category {
  border: 2px solid #141414;
  color: #141414;
}
body.light .works__filter .filter--categories .filter--category:hover,
body.light .works__filter .filter--categories .filter--category.active {
  border: 2px solid #141414;
  background: #141414;
  color: #d9d9d9;
}
.section-projects .works__filter .filter--categories .filter--category:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: #e03358 !important;
}
.section-projects
  .works__filter
  .filter--categories
  .filter--category:hover:before {
  opacity: 0;
}
.section-projects
  .works__filter
  .filter--categories
  .filter--category:hover
  span {
  width: 225%;
  height: 562.5px;
}

/* left-filter */
.section-projects .projects-wrap .filter--disciplines {
  padding-top: 130px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 850px);
  padding-right: 50px;
  z-index: 1;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-title {
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 30px;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list {
  padding: 0;
  margin: 0;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline {
  list-style: none;
  padding: 10px 0 10px 35px;
  position: relative;
  cursor: pointer;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline
  span {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 28px;
  position: relative;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline
  span:after {
  content: "";
  display: block;
  height: 4px;
  background-color: #e03358;
  position: absolute;
  top: 50%;
  left: 0;
  right: -10px;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline.active
  span:after,
.section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline
  span:hover:after {
  position: absolute;
  opacity: 1;
}

body.dark .section-projects .projects-wrap .filter--disciplines-title {
  color: #d9d9d9;
}
body.dark
  .section-projects
  .projects-wrap
  .filter--disciplines-list
  .filter--discipline
  span {
  color: #d9d9d9;
}
body.dark
  .section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline:before {
  border: 2px solid #d9d9d9;
}

body.light .section-projects .projects-wrap .filter--disciplines-title {
  color: #141414;
}
body.light
  .section-projects
  .projects-wrap
  .filter--disciplines-list
  .filter--discipline
  span {
  color: #141414;
}
body.light
  .section-projects
  .projects-wrap
  .filter--disciplines
  .filter--disciplines-list
  .filter--discipline:before {
  border: 2px solid #1d1d1d;
}

/* PROJECTS */
.projects .project {
  padding: 45px 0 30px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.projects .project .project--body-thumbnail {
  width: 100%;
  height: 555px;
  position: relative;
  margin-bottom: 26px;
}
.projects .project .project--body-thumbnail .project--body-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.projects .project .project--body-content .project--title {
  margin-bottom: 20px;
}
.projects .project .project--body-content .project--title a {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 70px;
}
.projects .project .project--body-content .project--title a span {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  position: relative;
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.projects .project .project--body-content .project--title a:hover span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
.projects
  .project
  .project--body-thumbnail:hover
  + .project--body-content
  .project--title
  a
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
/* .projects .project .project--body-content .project--title a span:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #e03358;
    position: absolute;
    top: 50%;
    left: 0;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.projects .project .project--body-content .project--title a:hover span:after {
    position: absolute;
    opacity: 1;
} */

.projects .project .project--body-content .project--info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.projects .project .project--body-content .project--info span {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}
.projects .project .project--body-content .project--info span + span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 10px;
}
.projects .project.big .project--body-content {
  width: 100%;
  padding: 0 20px;
}

/* small */
.projects .project.small {
  padding: 26px 0 22px;
}
.projects .project.small .project--body-content {
  padding-left: 0;
  width: 100%;
}
.projects .project.small .project--body-content .project--title {
  margin-bottom: 0;
}
.projects .project.small .project--body-content .project--title a {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 70px;
}

.projects .project.small .project--body-content .project--title a:before,
.projects .project.small .project--body-content .project--title a:after {
  content: "";
  display: block;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  width: 35px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.projects .project.small .project--body-content .project--title a:before {
  opacity: 1;
  background-image: url(images/arrow-top.svg);
}
.projects .project.small .project--body-content .project--title a:after {
  opacity: 0;
  background-image: url(images/arrow-top-blue.svg);
}

.projects .project.small .project--body-content .project--title a:hover:before {
  opacity: 0;
}
.projects .project.small .project--body-content .project--title a:hover:after {
  opacity: 1;
}

body.light .projects .project + .project {
  border-top: 1px solid #141414;
}
body.light .projects .project .project--body-content .project--title a,
body.light .projects .project .project--body-content .project--excerpt,
body.light .projects .project .project--body-content .project--author {
  color: #141414;
}

body.dark .projects .project + .project {
  border-top: 1px solid #d9d9d9;
}
body.dark .projects .project .project--body-content .project--title a,
body.dark .projects .project .project--body-content .project--excerpt,
body.dark .projects .project .project--body-content .project--author {
  color: #d9d9d9;
}

body.dark
  .projects
  .project.small
  .project--body-content
  .project--title
  a:before {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light
  .projects
  .project.small
  .project--body-content
  .project--title
  a:before {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}
/* body .projects .project.small .project--body-content .project--title a:hover:after {
    filter: invert(33%) sepia(72%) saturate(5594%) hue-rotate(224deg) brightness(100%) contrast(102%);
} */

body.light .projects .project .project--body-content .project--info span {
  color: #141414;
}
body.light
  .projects
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #141414;
}

body.dark .projects .project .project--body-content .project--info span {
  color: #d9d9d9;
}
body.dark
  .projects
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #d9d9d9;
}

/*****************************************
 * Single PROJECT
 *****************************************/

body.single-work .main {
  padding-top: 90px;
}
body.single-work .main .work__content {
  padding-top: 130px;
  padding-bottom: 110px;
}
body.single-work .main .work__content .content__part:first-child {
  margin-top: 0 !important;
}
body.single-work .main .work__content .content__part:last-child {
  margin-bottom: 0 !important;
}

body.single-work .main .work__content .content__part.content {
  margin-top: 60px;
  margin-bottom: 60px;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body {
  max-width: 775px;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
  margin: 0 0 60px 0;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 60px;
  padding-right: 75px;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  p
  strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
body.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  > *:last-child {
  margin-bottom: 0;
}
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h2,
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h3,
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h4,
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h5,
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h6,
body.dark.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  p {
  color: #d9d9d9;
}
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h2,
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h3,
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h4,
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h5,
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  h6,
body.light.single-work
  .main
  .work__content
  .content__part.content
  .content__part-body
  p {
  color: #141414;
}

body.single-work .main .work__content .content__part.images .image-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
body.single-work .main .work__content .content__part.images .image-row .image {
  padding: 15px;
  pointer-events: none;
  display: flex;
}
body.single-work
  .main
  .work__content
  .content__part.images
  .image-row
  .image
  img {
  width: 100%;
}

body.single-work
  .main
  .work__content
  .content__part.images
  .image-row.two
  .image {
  width: 50%;
}

body.single-work .main .work__content .content__part.video .video {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-bottom: calc(66% + 30px);
  height: 0;
}
body.single-work .main .work__content .content__part.video .video video {
  width: 100%;
  border: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 0;
  display: flex;
}

.section-team .section-team--row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 160px;
  padding-bottom: 100px;
}
.section-team .section-team--row .section-team--col {
  width: 575px;
}
.section-team .section-team--row .section-team--col .section-team--title {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 52px;
  margin-bottom: 70px;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--body
  .section-team--body-content {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: -0.015em;
  margin-bottom: 40px;
}
.section-team .section-team--row .section-team--col .section-team--body a.btn {
  min-width: 225px;
  justify-content: center;
}

/* client */
.section-team .section-team--row .section-team--col .section-team--client {
  width: 156px;
  margin-bottom: 45px;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--client
  .section-team--client-logo
  .section-team--client-logo-img {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  margin-bottom: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--client
  .section-team--client-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
}

/* team */
.section-team .section-team--row .section-team--col .section-team--team {
  margin-bottom: 44px;
  display: flex;
  flex-wrap: wrap;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--team
  .section-team--team-member {
  width: 145px;
  text-align: center;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--team
  .section-team--team-member
  + .section-team--team-member {
  margin-left: 55px;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--team
  .section-team--team-member
  .section-team--team-member-avatar {
  margin-bottom: 25px;
  text-align: center;
  height: 156px;
  width: 100%;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--team
  .section-team--team-member
  .section-team--team-member-avatar
  .section-team--team-member-avatar-img {
  height: 156px;
}
.section-team
  .section-team--row
  .section-team--col
  .section-team--team
  .section-team--team-member
  .section-team--team-member-name {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  width: 100%;
}

body.dark .section-team .section-team--col .section-team--title {
  color: #d9d9d9;
}
body.dark
  .section-team
  .section-team--col
  .section-team--body
  .section-team--body-content {
  color: #d9d9d9;
}
body.dark .section-team .section-team--client .section-team--client-name {
  color: #d9d9d9;
}
body.dark
  .section-team--team
  .section-team--team-member
  .section-team--team-member-name {
  color: #d9d9d9;
}

body.light .section-team .section-team--col .section-team--title {
  color: #141414;
}
body.light
  .section-team
  .section-team--col
  .section-team--body
  .section-team--body-content {
  color: #141414;
}
body.light .section-team .section-team--client .section-team--client-name {
  color: #141414;
}
body.light
  .section-team--team
  .section-team--team-member
  .section-team--team-member-name {
  color: #141414;
}

/* SIMILAR PROJECTS */

.section.similar-projects .section-body {
  padding: 85px 0 70px 0;
}

/*****************************************
 * Single PROJECT
 *****************************************/

.section-numbers .content__part {
  padding-top: 110px;
  padding-bottom: 75px;
}
.section-numbers .numbers {
  display: flex;
  flex-wrap: wrap;
}
.section-numbers .numbers .number {
  width: 50%;
  padding: 55px 100px 55px 0;
}
.section-numbers .numbers .number .numbers--head {
  margin-bottom: 28px;
  display: flex;
  flex-wrap: wrap;
}
.section-numbers .numbers .number .numbers--head .numbers--head-number {
  font-style: normal;
  font-weight: 600;
  font-size: 120px;
  line-height: 126px;
}
.section-numbers .numbers .number .numbers--head .numbers--head-title {
  font-style: normal;
  font-weight: 600;
  font-size: 55px;
  line-height: 58px;
  padding-left: 30px;
  padding-top: 8px;
  flex: 1;
}
.section-numbers .numbers .number .number--body {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
}

body.dark
  .section-numbers
  .numbers
  .number
  .numbers--head
  .numbers--head-number {
  color: #d9d9d9;
}
body.dark
  .section-numbers
  .numbers
  .number
  .numbers--head
  .numbers--head-title {
  color: #d9d9d9;
}
body.dark .section-numbers .numbers .number .number--body {
  color: #d9d9d9;
}

body.light
  .section-numbers
  .numbers
  .number
  .numbers--head
  .numbers--head-number {
  color: #141414;
}
body.light
  .section-numbers
  .numbers
  .number
  .numbers--head
  .numbers--head-title {
  color: #141414;
}
body.light .section-numbers .numbers .number .number--body {
  color: #141414;
}

/* Cases */
.section-cases {
  padding-top: 75px;
  padding-bottom: 50px;
}
.section-cases .cases .case--accordion-body {
  padding-right: 70px;
}
.section-cases .cases .case--accordion-body .case--accordion-body-row {
  display: flex;
  flex-wrap: wrap;
}
.section-cases
  .cases
  .case--accordion-body
  .case--accordion-body-row
  + .case--accordion-body-row {
  margin-top: 85px;
}
.section-cases .cases .case--accordion-body .case--accordion-body-col {
  width: 50%;
}
.section-cases .cases .case--accordion-body .case--accordion-body--title {
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 37px;
}
.section-cases .cases .case--accordion-body .case--accordion-body--content {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  position: relative;
  padding-left: 40px;
}
.section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--content:before {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 10px;
}
.section-cases .cases .accordion:last-child .accordion--title {
  border-bottom: none;
}

body.dark
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--title {
  color: #d9d9d9;
}
body.dark
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--content {
  color: #d9d9d9;
}
body.dark
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--content:before {
  background: #d9d9d9;
}

body.light
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--title {
  color: #141414;
}
body.light
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--content {
  color: #141414;
}
body.light
  .section-cases
  .cases
  .case--accordion-body
  .case--accordion-body--content:before {
  background: #141414;
}

/* Works */
.section-works .content__part {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section-works .works {
  display: flex;
  flex-wrap: wrap;
  margin-left: -17px;
  margin-right: -17px;
}
.section-works .works .project {
  padding: 22px 17px;
  position: relative;
  /* display: flex; */
  /* flex-wrap: wrap; */
  display: block;
  width: 33.33%;
}
.section-works .works .project .project--body-thumbnail {
  width: 100%;
  height: 400px;
  position: relative;
  margin-bottom: 18px;
  display: block;
}
.section-works
  .works
  .project
  .project--body-thumbnail
  .project--body-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-works .works .project.big .project--body-content {
  width: 100%;
  display: block;
}
.section-works .works .project .project--body-content .project--title a {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 70px;
}
.section-works .works .project .project--body-content .project--title a span {
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 44px;
  position: relative;
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-works
  .works
  .project
  .project--body-content
  .project--title
  a:hover
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
.section-works
  .works
  .project
  .project--body-thumbnail:hover
  + .project--body-content
  .project--title
  a
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
/* .section-works .works .project .project--body-content .project--title a span:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #e03358;
    position: absolute;
    top: 50%;
    left: 0;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
} */
/* .section-works .works .project .project--body-content .project--title a:hover span:after {
    position: absolute;
    opacity: 1;
} */

.section-works .works .project .project--body-content .project--info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.section-works .works .project .project--body-content .project--info span {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}
.section-works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 5px 10px;
}

.section-works .works-btns {
  margin-top: 55px;
}

.section-works .work__logos {
  margin-top: 20px;
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.section-works .work__logos .work__logos-logo {
  max-width: 25%;
  pointer-events: none;
}
.section-works .work__logos .work__logos-logo .work__logos-logo-img {
  max-width: 90%;
}

body.light
  .section-works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.light
  .section-works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.light
  .section-works
  .works
  .project
  .project--body-content
  .project--author {
  color: #141414;
}

body.dark
  .section-works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.dark
  .section-works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.dark
  .section-works
  .works
  .project
  .project--body-content
  .project--author {
  color: #d9d9d9;
}

body.light
  .section-works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #141414;
}
body.light
  .section-works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #141414;
}
body.dark
  .section-works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #d9d9d9;
}
body.dark
  .section-works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #d9d9d9;
}

/* Testimonials */
.section-testimonial .content__part {
  padding-top: 160px;
  padding-bottom: 100px;
}
.section-testimonial .content__part.testimonial .testimonial--body {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
}
.section-testimonial .content__part.testimonial .testimonial--author {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 125%;
  margin-top: 50px;
  position: relative;
  padding-left: 40px;
}
.section-testimonial .content__part.testimonial .testimonial--author:before {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 15px;
}

body.dark .section-testimonial .content__part.testimonial .testimonial--body {
  color: #d9d9d9;
}
body.dark .section-testimonial .content__part.testimonial .testimonial--author {
  color: #d9d9d9;
}
body.dark
  .section-testimonial
  .content__part.testimonial
  .testimonial--author:before {
  background: #d9d9d9;
}

body.light .section-testimonial .content__part.testimonial .testimonial--body {
  color: #141414;
}
body.light
  .section-testimonial
  .content__part.testimonial
  .testimonial--author {
  color: #141414;
}
body.light
  .section-testimonial
  .content__part.testimonial
  .testimonial--author:before {
  background: #141414;
}

/* overview  */
section.section.section-overview .content__part {
  padding-top: 100px;
  padding-bottom: 70px;
}
section.section.section-overview .content__part .overview {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
section.section.section-overview .content__part .overview .overview--title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  padding: 0 30px;
  width: 50%;
  margin: 0;
}
section.section.section-overview .content__part .overview .overview--content {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 0.01em;
  padding: 0 30px;
  width: 50%;
}
section.section.section-overview .content__part .services-body {
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  margin-right: -14px;
}
section.section.section-overview .content__part .services-body .services {
  width: 50%;
  padding: 0 14px;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service {
  padding-top: 25px;
  padding-bottom: 22px;
  padding-left: 10px;
  padding-right: 10px;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service:last-child {
  border-bottom: 0 !important;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
}

section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a {
  text-decoration: line-through;
  text-decoration-color: transparent;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}

section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title {
  position: relative;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/arrow-top.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  background-image: url(images/arrow-top-blue.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:after {
  opacity: 0;
}

section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover:before {
  opacity: 0;
}
section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover:after {
  opacity: 1;
}

body.dark
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}

section.section.section-overview .content__part .overview + .services-body {
  margin-top: 70px;
}

/* dark */
body.dark
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service {
  border-bottom: 1px solid #d9d9d9;
}
body.dark
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title,
body.dark
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a,
body.dark
  section.section.section-overview
  .content__part
  .overview
  .overview--title,
body.dark
  section.section.section-overview
  .content__part
  .overview
  .overview--title
  a,
body.dark
  section.section.section-overview
  .content__part
  .overview
  .overview--content {
  color: #d9d9d9;
}

/* light */
body.light
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service {
  border-bottom: 1px solid #141414;
}
body.light
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title,
body.light
  section.section.section-overview
  .content__part
  .services-body
  .services
  .service
  .services--title
  a,
body.light
  section.section.section-overview
  .content__part
  .overview
  .overview--title,
body.light
  section.section.section-overview
  .content__part
  .overview
  .overview--title
  a,
body.light
  section.section.section-overview
  .content__part
  .overview
  .overview--content {
  color: #141414;
}

body.page-template-template-services .main {
  margin-top: 120px;
}

/*****************************************
 * About Us
 *****************************************/

/* Section Image */
.section-image {
  margin-bottom: 150px;
}
.section-image .image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
.section-image .image .image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Section Image with content*/
.section-image-content .content__part {
  padding-top: 150px;
  padding-bottom: 100px;
}
.section-image-content .content__part .image__content {
  display: flex;
  flex-wrap: wrap;
}
.section-image-content .content__part .image__content .image__content--content {
  width: 50%;
  padding-right: 90px;
  height: auto;
}
.section-image-content
  .content__part
  .image__content-home
  .image__content--content {
  order: 2;
  text-align: center;
  width: 100%;
  padding-top: 50px;
}
.section-image-content
  .content__part
  .image__content-home
  .image__content--content
  .pin-spacer {
  padding: 0 !important;
}
.section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-title {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 52px;
  margin-bottom: 50px;
}
.section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-description {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
}
.section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-btns {
  margin-top: 50px;
}
.section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-btns
  .btn {
  padding-left: 50px;
  padding-right: 50px;
}
.section-image-content .content__part .image__content .image__content-image {
  width: 50%;
}
.section-image-content
  .content__part
  .image__content.image__content-home
  .image__content-image {
  width: 100%;
}
.section-image-content
  .content__part
  .image__content
  .image__content-image
  .image__content-image-img {
  width: 100%;
}

body.dark
  .section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-title {
  color: #d9d9d9;
}
body.dark
  .section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-description {
  color: #d9d9d9;
}

body.light
  .section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-title {
  color: #141414;
}
body.light
  .section-image-content
  .content__part
  .image__content
  .image__content--content
  .image__content--content-description {
  color: #141414;
}

/* team Section */
.section-team-list {
  overflow: hidden;
}
.section-team-list .team__filter {
  margin-bottom: 70px;
}
.section-team-list .team__filter .filter--departments {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
}
.section-team-list .team__filter .filter--departments .filter--department {
  display: block;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 16px;
  padding-bottom: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 27px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin: 0 10px;
}

body.dark
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department {
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department:hover,
body.dark
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department.active {
  border: 2px solid #d9d9d9;
  background: #d9d9d9;
  color: #141414;
}

body.light
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department {
  border: 2px solid #141414;
  color: #141414;
}
body.light
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department:hover,
body.light
  .section-team-list
  .team__filter
  .filter--departments
  .filter--department.active {
  border: 2px solid #141414;
  background: #141414;
  color: #d9d9d9;
}

.section-team-list .content__part {
  padding-top: 120px;
  padding-bottom: 45px;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member {
  padding-top: 30px;
  padding-bottom: 20px;
  cursor: pointer;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--name {
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 68px;
  width: 350px;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--info {
  position: relative;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role {
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 68px;
  /*    width:calc(100% - 350px);*/
  padding-left: 70px;
  position: relative;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role:before {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 23px;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--avatar {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(calc(100% - 15px), -50%);
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--avatar
  .team-member--avatar-img {
  max-height: 100%;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member:hover
  .team-member--avatar {
  opacity: 1;
}
.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member.andrew
  .team-member--wrap
  .team-member--avatar {
  right: auto;
  left: 295px;
}

.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member.josh
  .team-member--wrap
  .team-member--avatar {
  width: 200px;
  height: 240px;
}

body.dark
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member {
  border-top: 1px solid #d9d9d9;
}
body.dark
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--name {
  color: #d9d9d9;
}
body.dark
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role {
  color: #d9d9d9;
}
body.dark
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role:before {
  background: #d9d9d9;
}

body.light
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member {
  border-top: 1px solid #141414;
}
body.light
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--name {
  color: #141414;
}
body.light
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role {
  color: #141414;
}
body.light
  .section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--wrap
  .team-member--role:before {
  background: #141414;
}

/*****************************************
 * Report
 *****************************************/

/* Report */
.section-reports .content__part {
  padding-top: 80px;
  padding-bottom: 100px;
}
.section-reports .reports .reports-container .report-row {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 0;
}
.section-reports .reports .reports-container .report-row .report-col {
  width: 50%;
}
.section-reports .reports .reports-container .report--title {
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 37px;
}
.section-reports .reports .reports-container .report--content {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  position: relative;
  padding-left: 40px;
  padding-right: 70px;
}
.section-reports .reports .reports-container .report--content:before {
  content: "";
  display: block;
  width: 14px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 10px;
}

.section-reports .reports .reports-container .report--content a {
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.dark .section-reports .reports .reports-container .report--content a {
  color: #d9d9d9;
}
body.light .section-reports .reports .reports-container .report--content a {
  color: #141414;
}

.section-reports .reports .reports-container .report--content a:hover {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}

body.dark
  .section-reports
  .reports
  .reports-container
  .report-row
  + .report-row {
  border-top: 1px solid #d9d9d9;
}
body.dark .section-reports .reports .reports-container .report--title {
  color: #d9d9d9;
}
body.dark .section-reports .reports .reports-container .report--content {
  color: #d9d9d9;
}
body.dark .section-reports .reports .reports-container .report--content:before {
  background: #d9d9d9;
}

body.light
  .section-reports
  .reports
  .reports-container
  .report-row
  + .report-row {
  border-top: 1px solid #141414;
}
body.light .section-reports .reports .reports-container .report--title {
  color: #141414;
}
body.light .section-reports .reports .reports-container .report--content {
  color: #141414;
}
body.light
  .section-reports
  .reports
  .reports-container
  .report--content:before {
  background: #141414;
}

/*****************************************
    section-capabilities
 *****************************************/
.section-capabilities .section-body {
  margin-top: 130px;
  margin-bottom: 170px;
}
.section-capabilities .content__part.content {
  margin-bottom: 80px;
}
.section-capabilities .content__part.content .content__part-body {
  max-width: 775px;
}
.section-capabilities .content__part.content .content__part-body h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
  margin: 0 0 60px 0;
}
.section-capabilities .content__part.content .content__part-body h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
.section-capabilities .content__part.content .content__part-body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
.section-capabilities .content__part.content .content__part-body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
.section-capabilities .content__part.content .content__part-body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
.section-capabilities .content__part.content .content__part-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 60px;
  padding-right: 75px;
}
.section-capabilities .content__part.content .content__part-body p strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
.section-capabilities
  .content__part.content
  .content__part-body
  > *:last-child {
  margin-bottom: 0;
}
body.dark .section-capabilities .content__part.content .content__part-body h2,
body.dark .section-capabilities .content__part.content .content__part-body h3,
body.dark .section-capabilities .content__part.content .content__part-body h4,
body.dark .section-capabilities .content__part.content .content__part-body h5,
body.dark .section-capabilities .content__part.content .content__part-body h6,
body.dark .section-capabilities .content__part.content .content__part-body p {
  color: #d9d9d9;
}
body.light .section-capabilities .content__part.content .content__part-body h2,
body.light .section-capabilities .content__part.content .content__part-body h3,
body.light .section-capabilities .content__part.content .content__part-body h4,
body.light .section-capabilities .content__part.content .content__part-body h5,
body.light .section-capabilities .content__part.content .content__part-body h6,
body.light .section-capabilities .content__part.content .content__part-body p {
  color: #141414;
}

.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability {
  padding-top: 40px;
  padding-bottom: 30px;
  position: relative;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title {
  padding-right: 110px;
  position: relative;
  cursor: pointer;
  width: 100%;
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 120px;
  line-height: 146px;
  position: relative;
}

.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 146px;
  height: 146px;
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0;
  -webkit-filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%) !important;
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%) !important;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 146px;
  height: 146px;
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0;
  -webkit-filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%) !important;
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%) !important;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-top
  .capability--title:before,
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-top
  .capability--title:after {
  background-image: url(images/capability-arrow-top.svg);
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-right
  .capability--title:before,
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-right
  .capability--title:after {
  background-image: url(images/capability-arrow-right.svg);
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-down
  .capability--title:before,
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability.arrow-down
  .capability--title:after {
  background-image: url(images/capability-arrow-down.svg);
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title:after {
  opacity: 0;
}

body
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  a:after {
  filter: invert(33%) sepia(72%) saturate(5594%) hue-rotate(224deg)
    brightness(100%) contrast(102%);
}

.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability-marquee {
  overflow: hidden;
  white-space: nowrap;
  background: #572cb6;
  position: absolute;
  top: -3px;
  left: 50%;
  bottom: -3px;
  width: 100vw;
  transform: translate(-50%);
  padding-top: 40px;
  padding-bottom: 30px;
  opacity: 0;
  display: flex;
  align-items: center;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability-marquee
  .marquee {
  font-size: 0;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability-marquee
  .marquee
  .clipped-text {
  display: inline-block;
  font-size: 250px;
  padding-right: 100px;
  font-style: normal;
  font-weight: 600;
  font-size: 120px;
  line-height: 126px;
  color: #d9d9d9;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability:hover {
  z-index: 10;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability:hover
  .capability-marquee {
  opacity: 1;
}
.section-capabilities
  .content__part.content__part--capabilities
  .capabilities:hover
  .capability:not(:hover) {
  opacity: 0.1;
}

body.dark
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title {
  color: #d9d9d9;
}

body.dark
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title:before {
  opacity: 1;
}

body.dark
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  + .capability {
  border-top: 3px solid #d9d9d9;
}

body.light
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title {
  color: #141414;
}

body.light
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  .capability--title:after {
  opacity: 1;
}

body.light
  .section-capabilities
  .content__part.content__part--capabilities
  .capabilities
  .capability
  + .capability {
  border-top: 3px solid #141414;
}

/*****************************************
    section-partners
 *****************************************/
.section-partners .section-body {
  margin-top: 150px;
  margin-bottom: 120px;
}
.section-partners .content__part.content {
  margin-bottom: 60px;
}
.section-partners .content__part.content .content__part-body {
  max-width: 850px;
}
.section-partners .content__part.content .content__part-body h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
  margin: 0 0 60px 0;
}
.section-partners .content__part.content .content__part-body h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
.section-partners .content__part.content .content__part-body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
.section-partners .content__part.content .content__part-body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
.section-partners .content__part.content .content__part-body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
.section-partners .content__part.content .content__part-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 60px;
  padding-right: 75px;
}
.section-partners .content__part.content .content__part-body p strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
.section-partners .content__part.content .content__part-body > *:last-child {
  margin-bottom: 0;
}
body.dark .section-partners .content__part.content .content__part-body h2,
body.dark .section-partners .content__part.content .content__part-body h3,
body.dark .section-partners .content__part.content .content__part-body h4,
body.dark .section-partners .content__part.content .content__part-body h5,
body.dark .section-partners .content__part.content .content__part-body h6,
body.dark .section-partners .content__part.content .content__part-body p {
  color: #d9d9d9;
}
body.light .section-partners .content__part.content .content__part-body h2,
body.light .section-partners .content__part.content .content__part-body h3,
body.light .section-partners .content__part.content .content__part-body h4,
body.light .section-partners .content__part.content .content__part-body h5,
body.light .section-partners .content__part.content .content__part-body h6,
body.light .section-partners .content__part.content .content__part-body p {
  color: #141414;
}

.section-partners .content__part.content__part--partners {
  margin-top: 0;
  margin-bottom: 0px;
}
.section-partners .content__part.content__part--partners .partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-left: -75px;
  margin-right: -75px;
}
.section-partners .content__part.content__part--partners .partners .partner {
  width: 25%;
  padding: 50px 75px;
  pointer-events: none;
  text-align: center;
}
.section-partners
  .content__part.content__part--partners
  .partners
  .partner
  .partner-img {
  max-width: 90%;
}

body.dark
  .section-partners
  .content__part.content__part--partners
  .partners
  .partner
  .partner-img {
  filter: invert(100%) sepia(1%) saturate(885%) hue-rotate(205deg)
    brightness(105%) contrast(70%);
}
body.light
  .section-partners
  .content__part.content__part--partners
  .partners
  .partner
  .partner-img {
  filter: invert(4%) sepia(4%) saturate(9%) hue-rotate(314deg) brightness(96%)
    contrast(91%);
}

/* Section Image */
.section-partners .content__part.content__part--image {
  margin-top: 120px;
}
.section-partners .content__part.content__part--image .image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
.section-partners .content__part.content__part--image .image .image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section-works_carousel {
  position: relative;
}
.section-works_carousel .section-body {
  margin-top: 100px;
  margin-bottom: 120px;
}
.section-works_carousel .section-body .panel {
  padding-top: 50px;
  /* padding-bottom: 90px; */
  /* }
.section-works_carousel .section-body .panel.active { */
  /* height: 100vh;
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; */
}
.section-works_carousel .section-body .panel .panel-wrap {
  width: 100%;
}
.section-works_carousel .content__part.content {
  margin-bottom: 0px;
}
.section-works_carousel .content__part.content .content__part-body {
  max-width: 850px;
}
.section-works_carousel .content__part.content .content__part-body h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
  margin: 0 0 60px 0;
}
.section-works_carousel .content__part.content .content__part-body h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
  margin: 0 0 60px 0;
}
.section-works_carousel .content__part.content .content__part-body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  margin: 0 0 60px 0;
}
.section-works_carousel .content__part.content .content__part-body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 60px 0;
}
.section-works_carousel .content__part.content .content__part-body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 60px 0;
}
.section-works_carousel .content__part.content .content__part-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 60px;
  padding-right: 75px;
}
.section-works_carousel .content__part.content .content__part-body p strong {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
}
.section-works_carousel
  .content__part.content
  .content__part-body
  > *:last-child {
  margin-bottom: 0;
}
body.dark .section-works_carousel .content__part.content .content__part-body h2,
body.dark .section-works_carousel .content__part.content .content__part-body h3,
body.dark .section-works_carousel .content__part.content .content__part-body h4,
body.dark .section-works_carousel .content__part.content .content__part-body h5,
body.dark .section-works_carousel .content__part.content .content__part-body h6,
body.dark .section-works_carousel .content__part.content .content__part-body p {
  color: #d9d9d9;
}
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  h2,
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  h3,
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  h4,
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  h5,
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  h6,
body.light
  .section-works_carousel
  .content__part.content
  .content__part-body
  p {
  color: #141414;
}

/* PROJECTS */

.section-works_carousel .content__part.content__part--works {
  padding: 35px 0;
  padding: 0;
  overflow: hidden;
}
.section-works_carousel .content__part.content__part--works .works {
  float: left;
  width: max-content;
  margin-right: -999em;
  /* white-space: nowrap; */
  padding-top: 60px;
}
.section-works_carousel .content__part.content__part--works .works .project {
  margin: 0 10px;
  float: left;
  display: inline;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project:first-child {
  margin-left: 0;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project:last-child {
  margin-right: 0;
}

.section-works_carousel .content__part.content__part--works .works .project {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 800px;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-thumbnail {
  width: 100%;
  height: 530px;
  position: relative;
  margin-bottom: 26px;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-thumbnail
  .project--body-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project.big
  .project--body-content {
  width: 100%;
  display: block;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a
  span {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  position: relative;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a
  span {
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a:hover
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-thumbnail:hover
  + .project--body-content
  .project--title
  a
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}
.section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin: 5px 10px;
}

body.light
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.light
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.light
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--author {
  color: #141414;
}

body.dark
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.dark
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.dark
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--author {
  color: #d9d9d9;
}

body.light
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #141414;
}
body.light
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #141414;
}

body.dark
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #d9d9d9;
}
body.dark
  .section-works_carousel
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #d9d9d9;
}

.project--body-thumbnail-img.pinned {
  position: absolute;
  z-index: 10000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* position: fixed; */
  /* -webkit-transition: all 5s cubic-bezier(0.4, 0, 0.2, 1) !important; */
  /* transition: all .5s cubic-bezier(0.4, 0, 0.2, 1) !important; */
}

/****************************************
    splashscreen
 ****************************************/

#splashscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 99999999;
  opacity: 1;
}
#splashscreen .counters {
  border-top: 2px solid #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10001;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0px 100px 90px 100px;
  padding-top: 45px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#splashscreen.hidden,
#splashscreen .counters.hidden {
  opacity: 0;
}
#splashscreen .counters .counters-text {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  color: #d9d9d9;
}
#splashscreen .counters .counterOne-wrap {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  text-align: right;
  color: #d9d9d9;
}

@media screen and (max-width: 1280px) {
  #splashscreen .counters {
    border-top: 2px solid #d9d9d9;
    margin: 0px 75px 60px 75px;
    padding-top: 40px;
  }
  #splashscreen .counters .counterOne-wrap,
  #splashscreen .counters .counters-text {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 991px) {
  #splashscreen .counters {
    border-top: 2px solid #d9d9d9;
    margin: 0px 50px 40px 50px;
    padding-top: 30px;
  }
  #splashscreen .counters .counterOne-wrap,
  #splashscreen .counters .counters-text {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 577px) {
  #splashscreen .counters {
    border-top: 1px solid #d9d9d9;
    margin: 0px 25px 20px 25px;
    padding-top: 20px;
  }
  #splashscreen .counters .counterOne-wrap,
  #splashscreen .counters .counters-text {
    font-size: 30px;
    line-height: 30px;
  }
}

/****************************************
    splashscreen
 ****************************************/

.reveal-box {
  position: relative;
  overflow: hidden;
}
.reveal-box__inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.reveal-box__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e03358;
}

.reveal-box__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enter .reveal-box__inner {
  animation: 1.6s linear 0s both slide-in-right;
}
.enter .reveal-box__inner::after {
  animation: 1.6s linear 0s both slide-out-right;
}
.enter .reveal-box__image {
  animation: 1.6s linear 0s both paused scale-in-down;
}

.reveal-box__inner {
  animation: 1.6s linear 0s both paused slide-out-right;
}
.reveal-box__inner::after {
  animation: 1.6s linear 0s both paused slide-in-left;
}
.reveal-box__image {
  animation: 1.6s linear 0s both paused slide-out-left;
}

.animate .reveal-box__inner {
  animation-play-state: running;
}
.animate .reveal-box__inner::after {
  animation-play-state: running;
}
.animate .reveal-box__image {
  animation-play-state: running;
}

.home .reveal-box .reveal-box__inner,
.home .reveal-box .reveal-box__inner::after,
.home .reveal-box .reveal-box__image {
  animation: none;
}

.home .reveal-box .reveal-box__inner::after {
  content: none;
}

@keyframes slide-in-right {
  0% {
    transform: translate3D(0, 100%, 0);
  }
  100% {
    transform: translate3D(0, 0, 0);
  }
}
@keyframes slide-out-right {
  0% {
    transform: translate3D(0, 0, 0);
  }
  100% {
    transform: translate3D(0, -100%, 0);
  }
}
@keyframes slide-in-left {
  0% {
    transform: translate3D(0, 100%, 0);
  }
  100% {
    transform: translate3D(0, 0, 0);
  }
}
@keyframes slide-out-left {
  0% {
    transform: translate3D(0, 0, 0);
  }
  100% {
    transform: translate3D(0, 100%, 0);
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.lwn__spinner {
  display: block;
  position: absolute;
  z-index: 1;
}
.lwn__spinner > div {
  display: block;
  width: 170px;
  height: 170px;
  background-position: center;
  background-repeat: no-repeat;
}
.lwn__spinner.lwn__spinner--hot > div {
  background-image: url(images/sticker-hot.svg);
}
.lwn__spinner.lwn__spinner--support > div {
  background-image: url(images/sticker-support.svg);
}
.lwn__spinner.lwn__spinner--cool > div {
  background-image: url(images/sticker-cool.svg);
}
.projects-wrap .projects .project .lwn__spinner {
  top: 45px;
  transform: translateY(-50%);
}
.projects-wrap .projects .project .lwn__spinner.middle-top {
  right: 250px;
}
.projects-wrap .projects .project .lwn__spinner.left-top {
  left: 0;
  transform: translate(-50%, -18px);
}
.projects-wrap .projects .project .lwn__spinner.right-top {
  right: 0;
  transform: translateY(-50%);
}

.section-news-blog .posts .post .lwn__spinner {
  right: 150px;
  top: 40px;
  transform: translateY(-50%);
}
.section-news-blog .posts .post .lwn__spinner.lwn__spinner--hot > div {
  display: block;
  width: 120px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 160px;
}
.section-news-blog .posts .post .lwn__spinner.lwn__spinner--support > div {
  display: block;
  width: 120px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-testimonial .content__part .lwn__spinner.lwn__spinner--cool > div {
  display: block;
  width: 175px;
  height: 175px;
  background-position: center;
  background-repeat: no-repeat;
}
.section-testimonial .content__part .lwn__spinner.lwn__spinner--cool {
  top: 0;
  transform: translateY(-50%);
}
.section-testimonial
  .content__part
  .lwn__spinner.lwn__spinner--cool.middle-top {
  left: 50%;
}
.section-testimonial .content__part .lwn__spinner.lwn__spinner--cool.right-top {
  right: 320px;
}
.section-testimonial
  .content__part
  .lwn__spinner.lwn__spinner--cool.right-top-corner {
  right: -30px;
}

/*.ragency__snake {
    padding-top: 150px;
    padding-bottom: 120px;
    height: 100vh;
    display: flex;
}
.ragency__snake #game {
    width: 100%;
}
*/

body.page-template-template-ads
  .section-partners
  .content__part.content__part--partners
  .partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -50px;
  margin-right: -50px;
}
body.page-template-template-ads
  .section-partners
  .content__part.content__part--partners
  .partners
  .partner {
  width: 25%;
  padding: 35px 50px;
  pointer-events: none;
  text-align: center;
}

/****************************************
    COOKIES POPUP
****************************************/

.cky-revisit-bottom-left {
  bottom: 15px !important;
  left: auto !important;
  right: 15px !important;
}
.cky-btn-revisit-wrapper {
  width: 70px !important;
  height: 70px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit:after {
  content: "";
  display: block;
  background-image: url(images/coockies-ico.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 70px;
  height: 70px;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  display: none !important;
}

@media screen and (max-width: 577px) {
  .cky-btn-revisit-wrapper {
    width: 50px !important;
    height: 50px !important;
  }
  .cky-btn-revisit-wrapper .cky-btn-revisit:after {
    width: 50px;
    height: 50px;
    background-size: contain;
  }
  .cky-revisit-bottom-left {
    bottom: 20px !important;
    right: 20px !important;
  }
}

body .cky-consent-container .cky-consent-bar {
  border: none;
  padding: 27px 30px;
  box-shadow: none;
  border-radius: 0;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-title {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 27px;
  line-height: 27px;
  margin-bottom: 15px;
}
body
  .cky-consent-container
  .cky-consent-bar
  .cky-notice
  .cky-notice-group
  .cky-notice-des {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}
body
  .cky-consent-container
  .cky-consent-bar
  .cky-notice
  .cky-notice-group
  .cky-notice-btn-wrapper {
  margin-top: 30px;
}

body .cky-modal {
  box-shadow: none;
  border-radius: 0;
  max-width: 800px;
}
body .cky-preference-center {
  border-radius: 0;
}
body .cky-modal .cky-preference-header {
  padding: 30px;
  border-bottom: none;
}
body .cky-modal .cky-preference-header .cky-preference-title {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 27px;
  line-height: 28px;
  letter-spacing: -0.01em;
}
body .cky-modal .cky-preference-header .cky-btn-close {
  width: 20px;
  height: 20px;
  display: block;
  background-position: center !important;
  background-repeat: no-repeat !important;
  -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-image: url(images/popup-close.svg) !important;
  opacity: 1 !important;
  position: absolute;
  right: 20px;
  top: 32px;
}
body .cky-modal .cky-preference-header .cky-btn-close img {
  display: none;
}
body .cky-modal .cky-preference-body-wrapper {
  padding: 0 30px;
}
body .cky-modal .cky-preference-body-wrapper .cky-preference-content-wrapper {
  padding-top: 0;
  padding-bottom: 25px;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item {
  margin-top: 25px;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-chevron {
  margin-right: 20px;
  width: 30px;
  height: 20px;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-chevron
  .cky-chevron-right:before {
  display: none !important;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-chevron
  i::after {
  content: "";
  -webkit-transform: rotate(-0deg);
  -moz-transform: rotate(-0deg);
  -ms-transform: rotate(-0deg);
  -o-transform: rotate(-0deg);
  transform: rotate(-0deg);
  transition: all 0.2s ease-in-out;
  width: 20px;
  height: 20px;
  display: block;
  background-position: center !important;
  background-repeat: no-repeat !important;
  -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-image: url(images/popup-arrow.svg) !important;
  opacity: 1 !important;
  position: absolute;
  right: 0;
  top: 0;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion.cky-accordion-active
  .cky-accordion-chevron
  i::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-accordion-btn {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-always-active {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  letter-spacing: 0.02em;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header-des {
  margin: 10px 0 30px 0;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-switch
  input[type="checkbox"] {
  background: transparent !important;
  border: 1.5px solid #141414;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-switch
  input[type="checkbox"]:before {
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background: #141414;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-switch
  input[type="checkbox"]:checked {
  background: transparent !important;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body {
  padding: 0;
  margin-bottom: 40px;
  margin-left: 48px;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table {
  background: transparent !important;
  border-radius: 0 !important;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-empty-cookies-text {
  margin: 0;
  padding: 0;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #000000;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  padding: 0;
  border-bottom: none;
  border-bottom-color: inherit;
  margin: 0;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  + .cky-cookie-des-table {
  margin-top: 25px;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li {
  padding: 0;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li
  + li {
  padding-top: 5px;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li
  div:first-child {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li
  div:last-child {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.02em;
}
body .cky-modal .cky-footer-wrapper .cky-footer-shadow {
  display: none !important;
}
body .cky-modal .cky-footer-wrapper [data-cky-tag="detail-powered-by"] {
  display: none !important;
}
body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper {
  padding: 10px 30px 30px;
  border-top: none;
}

body .cky-btn {
  position: relative;
  border: 0 !important;
  overflow: hidden !important;
  border-radius: 50px !important;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 10px 8px;
  color: #141414 !important;
  justify-content: center;
}
body .cky-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 2px solid #141414 !important;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
body .cky-btn span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
body .cky-btn:hover {
  color: #fff !important;
}
body .cky-btn:hover:before {
  opacity: 0;
}
body .cky-btn:hover span {
  width: 225%;
  height: 562.5px;
}

body .cky-btn.cky-btn-accept {
  background: #141414 !important;
  color: #fff !important;
}
body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn {
  font-size: 18px;
  line-height: 22px;
  padding: 14px 10px 12px;
}

/* Light */

body .cky-consent-container .cky-consent-bar {
  background: #d9d9d9 !important;
}
body .cky-consent-container .cky-consent-bar .cky-notice .cky-title,
body
  .cky-consent-container
  .cky-consent-bar
  .cky-notice
  .cky-notice-group
  .cky-notice-des {
  color: #141414 !important;
}
body .cky-modal .cky-preference-center {
  color: #141414 !important;
  background: #d9d9d9 !important;
}
body .cky-modal .cky-preference-header .cky-preference-title {
  color: #141414;
}
body .cky-modal .cky-preference-body-wrapper .cky-preference-content-wrapper {
  border-bottom: 1px solid #141414 !important;
  color: #141414;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion {
  border-bottom: 1px solid #141414 !important;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-accordion-btn,
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header
  .cky-always-active,
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-item
  .cky-accordion-header-wrapper
  .cky-accordion-header-des {
  color: #141414;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li
  .cky-cookie-des-table
  li
  div:first-child {
  color: #000000;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion
  .cky-accordion-body
  .cky-audit-table
  .cky-cookie-des-table
  li
  .cky-cookie-des-table
  li
  div:last-child {
  color: #000000;
}
body
  .cky-modal
  .cky-preference-body-wrapper
  .cky-accordion-wrapper
  .cky-accordion:last-child {
  border-bottom: none !important;
}

/*
    Template labs
 */

.banner.banner-labs {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.banner.banner-labs .banner__content {
  padding-top: 105px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100vh;
}
.banner.banner-labs .banner__content .banner__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  margin: 0;
  max-width: 800px;
}
.banner.banner-labs .banner__content .banner__content--content {
  width: 100%;
  max-width: 720px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  margin: 35px 0;
}
.banner.banner-labs .banner__content .banner__content--btns {
  margin-top: 35px;
}
.banner.banner-labs.hidden {
  opacity: 0;
  z-index: -1;
}

body.page-template-template-labs {
  overflow: hidden;
}
.gallery-wrap {
  height: calc(100vh - 132px);
  margin: 0px;
  margin-top: 132px;
  overflow: hidden;
  /* position: relative; */

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.gallery-wrap #gallery {
  height: 140vmax;
  width: 140vmax;
  position: absolute;
}
.gallery-wrap #gallery .tile {
  border-radius: 0vmax;
  position: absolute;
  overflow: hidden;
  transition: transform 4000ms ease;
}
.gallery-wrap #gallery .tile:hover {
  transform: scale(1.1);
}
.gallery-wrap #gallery .tile:hover img {
  opacity: 1;
  transform: scale(1.01);
}

.gallery-wrap #gallery .tile img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0;
  opacity: 0;
  transition:
    opacity 800ms ease,
    transform 800ms ease;
}
.gallery-wrap #gallery .tile:nth-child(1) {
  background-color: rgb(42, 90, 255);
  height: 14%;
  width: 20%;
  left: 5%;
  top: 5%;
}
.gallery-wrap #gallery .tile:nth-child(2) {
  background-color: rgb(85, 121, 247);
  height: 24%;
  width: 14%;
  left: 42%;
  top: 12%;
}
.gallery-wrap #gallery .tile:nth-child(3) {
  background-color: rgb(217, 217, 217);
  height: 18%;
  width: 16%;
  left: 12%;
  top: 34%;
}
.gallery-wrap #gallery .tile:nth-child(4) {
  background-color: rgb(35, 65, 170);
  height: 14%;
  width: 12%;
  left: 45%;
  top: 48%;
}
.gallery-wrap #gallery .tile:nth-child(5) {
  background-color: rgb(44, 90, 255);
  height: 16%;
  width: 32%;
  left: 8%;
  top: 70%;
}
.gallery-wrap #gallery .tile:nth-child(6) {
  background-color: rgb(217, 217, 217);
  height: 24%;
  width: 24%;
  left: 68%;
  top: 8%;
}
.gallery-wrap #gallery .tile:nth-child(7) {
  background-color: rgb(28, 42, 94);
  height: 16%;
  width: 20%;
  left: 50%;
  top: 74%;
}
.gallery-wrap #gallery .tile:nth-child(8) {
  background-color: rgb(178, 189, 226);
  height: 24%;
  width: 18%;
  left: 72%;
  top: 42%;
}
.gallery-wrap #gallery .tile:nth-child(9) {
  background-color: rgb(35, 65, 170);
  height: 10%;
  width: 8%;
  left: 84%;
  top: 84%;
}

button.lity-close {
  background-image: url(images/close.svg) !important;
  text-indent: 1000px !important;
  width: 35px !important;
  height: 35px !important;
  right: 30px !important;
  top: 30px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
@media screen and (max-width: 991px) {
  .gallery-wrap {
    height: calc(100vh - 110px);
    margin-top: 110px;
  }
}
@media screen and (max-width: 577px) {
  .gallery-wrap {
    height: calc(100vh - 90px);
    margin-top: 90px;
  }
}

@media (min-width: 1600px) {
  /* header.header .header-right .header__menu {
        padding: 5px 0;
    } */
  body.single-work
    .main
    .work__content
    .content__part.images
    .image-row.one
    .image {
    width: 100%;
  }
  body.single-work
    .main
    .work__content
    .content__part.images
    .image-row.two
    .image {
    width: 50%;
  }
  body.single-post .main .section-post-content .section__body,
  body.page .main .section-page-content .section__body,
  .section-projects .projects-wrap .projects {
    padding-left: calc(100% - 1000px);
  }

  .section-projects .projects-wrap .filter--disciplines,
  body.single-post .main .section-post-content .section__body .post__authror,
  body.single-post .main .section-post-content .section__body .post__contents {
    width: calc(100% - 1000px);
  }
  .section-team .section-team--row .section-team--col {
    width: 650px;
  }
}

/********************************************************************************
    Shapes
********************************************************************************/

.banner-home {
  position: relative;
  overflow: hidden;
  background: #2b0b3f;
}

.banner-home .hero-section {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.banner-home .container {
  position: relative;
  z-index: 2;
}

.banner-home .shape {
  position: absolute;
  display: block;
  pointer-events: none;
  will-change: transform;
  opacity: 0.75;
}

.banner-home .shape svg {
  width: 100%;
  height: auto;
  display: block;
}

.shape {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 1;
  transform-origin: 50% 50%; /* pulse from the center, not a "ground" */
}

.lava-lamp-yellow {
  top: -10%;
  right: -10%;
  width: 800px;
  animation: jelly-yellow 9.4s infinite ease-in-out;
}

.lava-lamp-red {
  bottom: 5%;
  left: -10%;
  width: 650px;
  animation: jelly-red 6.7s infinite ease-in-out;
  animation-delay: 0.8s;
}

.lava-lamp-purple {
  bottom: 0%;
  right: 10%;
  width: 450px;
  animation: jelly-purple 4.3s infinite ease-in-out;
  animation-delay: 1.5s;
}

@media (max-width: 768px) {
  .lava-lamp-yellow {
    top: 0;
    right: -25%;
    width: 450px;
  }
  .lava-lamp-red {
    bottom: 0;
    left: -15%;
    width: 450px;
  }
  .lava-lamp-purple {
    top: -10%;
    bottom: 0;
    right: 30%;
    width: 550px;
  }
}

/* big & slowest drift, gentlest pulse */
@keyframes jelly-yellow {
  0% {
    transform: translate(0, 0) scale(1, 1);
  }
  25% {
    transform: translate(18px, -22px) scale(1.04, 0.97);
  }
  50% {
    transform: translate(-12px, -42px) scale(0.96, 1.05);
  }
  75% {
    transform: translate(-22px, -14px) scale(1.03, 0.98);
  }
  100% {
    transform: translate(0, 0) scale(1, 1);
  }
}

/* medium speed, slightly more pronounced pulse */
@keyframes jelly-red {
  0% {
    transform: translate(0, 0) scale(1, 1);
  }
  30% {
    transform: translate(-20px, -28px) scale(1.06, 0.95);
  }
  55% {
    transform: translate(14px, -48px) scale(0.94, 1.07);
  }
  80% {
    transform: translate(20px, -10px) scale(1.05, 0.96);
  }
  100% {
    transform: translate(0, 0) scale(1, 1);
  }
}

/* small & fastest, peppiest pulse */
@keyframes jelly-purple {
  0% {
    transform: translate(0, 0) scale(1, 1);
  }
  35% {
    transform: translate(15px, -20px) scale(1.08, 0.93);
  }
  60% {
    transform: translate(-16px, -34px) scale(0.92, 1.09);
  }
  85% {
    transform: translate(-8px, -8px) scale(1.06, 0.95);
  }
  100% {
    transform: translate(0, 0) scale(1, 1);
  }
}

/********************************************************************************
    RESPONSIVE
********************************************************************************/

/*
    Annotation
*/

@media screen and (max-width: 1279px) {
  .section .section--annotation {
    font-size: 16px;
    line-height: 18px;
    left: 15px;
    right: 15px;
  }
}
@media screen and (max-width: 991px) {
  .section .section--annotation {
    font-size: 14px;
    line-height: 16px;
    left: 15px;
    right: 15px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 577px) {
  .section .section--annotation {
    font-size: 13px;
    line-height: 14px;
    left: 15px;
    right: 15px;
    padding-top: 8px;
  }
}

/*
    HEADER
*/
@media screen and (max-width: 1279px) {
  header.header .header-right .header__menu > ul {
    margin-right: -20px;
  }
  header.header .header-right .header__menu #primary-menu .menu-item a {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 991px) {
  header.header > .container {
    padding-top: 30px;
  }
  header.header .header-right .header__menu #primary-menu {
    display: none;
  }
  header.header .header-right {
    border-bottom: 0 !important;
  }
  header.header .header-left .header__logo .header__logo--logo {
    height: 40px;
    min-width: 50px;
  }
  header.header .header-right .menutoggle {
    display: flex;
  }
}
@media screen and (max-width: 577px) {
  header.header > .container {
    padding-top: 30px;
  }
  header.header .header-left .header__logo .header__logo--logo {
    height: 30px;
    min-width: 50px;
  }
}

/*
    FOOTER
*/
@media screen and (max-width: 1279px) {
  footer.footer {
    padding-bottom: 30px;
  }
  body footer.footer .footer__certificates--title {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 30px;
  }
  footer.footer .footer__copyright .footer__copyright--socials .social__medias {
    margin-bottom: 13px;
  }
  footer.footer
    .footer__copyright
    .footer__copyright--socials
    .social__medias
    .social__medias--item
    a
    .social__medias--item-ico {
    height: 28px;
  }
  footer.footer .footer__copyright .footer__copyright--text,
  footer.footer .footer__copyright .footer__copyright--text p,
  footer.footer .footer__copyright .footer__copyright--text a {
    font-size: 13px;
    line-height: 21px;
  }
  body
    footer.footer
    .footer__certificates
    .certificates
    .certificate
    + .certificate {
    margin-left: 50px;
  }
}
@media screen and (max-width: 991px) {
  footer.footer {
    padding-bottom: 30px;
  }
  body footer.footer .footer__certificates.certificates-wrap {
    margin-bottom: 30px;
  }
  body footer.footer .footer__certificates .certificates {
    justify-content: space-between;
  }
  body
    footer.footer
    .footer__certificates
    .certificates
    .certificate
    + .certificate {
    margin-left: 0;
  }
  footer.footer .footer__copyright {
    display: block;
    margin-top: 10px;
  }
  footer.footer .footer__copyright .footer__copyright--socials .social__medias {
    margin-bottom: 13px;
    justify-content: flex-start;
    width: 100%;
  }
  footer.footer
    .footer__copyright
    .footer__copyright--socials
    .social__medias
    .social__medias--item
    a
    .social__medias--item-ico {
    height: 30px;
    background-size: contain;
  }
  footer.footer .footer__copyright .footer__copyright--text {
    margin-top: 30px;
  }
  body footer.footer .footer__copyright .footer__copyright--text p {
    line-height: 2.5;
  }
  footer.footer .footer__copyright .footer__copyright--text br {
    display: block;
  }
  footer.footer .footer__copyright .footer__copyright--text,
  footer.footer .footer__copyright .footer__copyright--text p,
  footer.footer .footer__copyright .footer__copyright--text a {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }
}
@media screen and (max-width: 577px) {
  footer.footer {
    padding-bottom: 30px;
  }
  body footer.footer .footer__certificates--title {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 16px;
    font-weight: 400;
  }
  body footer.footer .footer__certificates.certificates-wrap {
    margin-bottom: 30px;
  }
  body footer.footer .footer__certificates .certificates {
    justify-content: space-between;
  }
  body
    footer.footer
    .footer__certificates
    .certificates
    .certificate
    + .certificate {
    margin-left: 0;
  }
  body
    footer.footer
    .footer__certificates
    .certificates
    .certificate
    .certificate--ico {
    max-height: 55px;
  }
  footer.footer .footer__copyright {
    display: block;
  }
  footer.footer .footer__copyright .footer__copyright--socials .social__medias {
    margin-bottom: 13px;
    justify-content: flex-start;
    width: 100%;
  }
  footer.footer
    .footer__copyright
    .footer__copyright--socials
    .social__medias
    .social__medias--item
    a
    .social__medias--item-ico {
    height: 30px;
    background-size: contain;
    background-position: center bottom;
  }
  footer.footer .footer__copyright .footer__copyright--text {
    margin-top: 30px;
  }
  footer.footer .footer__copyright .footer__copyright--text,
  footer.footer .footer__copyright .footer__copyright--text p,
  footer.footer .footer__copyright .footer__copyright--text a {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }
}

/*
    Contact
*/

@media screen and (max-width: 1279px) {
  .get_in_touch .section-body {
    padding-top: 125px;
    padding-bottom: 45px;
  }
  .get_in_touch .section-body .accordion .accordion--title {
    padding-right: 100px;
  }
  .get_in_touch .section-body .accordion .accordion--title span {
    font-size: 110px;
    line-height: 115px;
  }
  .get_in_touch .section-body .accordion .accordion--title span:after {
    height: 8px;
    right: -10px;
  }
  .get_in_touch .section-body .accordion .accordion--title:after,
  .get_in_touch .section-body .accordion .accordion--title:before {
    width: 100px;
    height: 100px;
    background-size: contain;
  }
  .get_in_touch
    .section-body
    .accordion
    .accordion--body
    .accordion--body-wrap {
    padding-top: 65px;
    padding-bottom: 35px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--information
    .company_information
    * {
    font-size: 30px;
    line-height: 40px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--information
    .contact_us-texts {
    font-size: 22px;
    line-height: 32px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 18px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 22px;
    line-height: 32px;
    padding-left: 30px;
    margin-bottom: 7px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 35px;
    font-size: 22px;
    line-height: 40px;
    padding: 12px 30px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 35px;
    font-size: 22px;
    line-height: 40px;
    padding: 12px 35px;
    height: 180px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer {
    margin-top: 40px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer
    .gform_button {
    border-radius: 50px;
    font-size: 18px;
    line-height: 20px;
    padding: 16px 30px 13px;
  }

  .gform_confirmation_wrapper .gform_confirmation_message {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .get_in_touch .section-body {
    padding-top: 75px;
    padding-bottom: 50px;
  }
  #contact .accordion.get_in_touch--accordion {
    margin-left: 0 !important;
  }
  .get_in_touch .section-body .accordion .accordion--title {
    padding-right: 80px;
  }
  .get_in_touch .section-body .accordion .accordion--title span {
    font-size: 80px;
    line-height: 80px;
  }
  .get_in_touch .section-body .accordion .accordion--title:after,
  .get_in_touch .section-body .accordion .accordion--title:before {
    width: 65px;
    height: 65px;
    background-size: contain;
  }
  body .accordion .accordion--title:hover span:after {
    display: none !important;
  }
  body .accordion .accordion--title:hover:before {
    opacity: 1;
  }
  body .accordion .accordion--title:hover:after {
    opacity: 0;
  }
  .get_in_touch
    .section-body
    .accordion
    .accordion--body
    .accordion--body-wrap {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .get_in_touch .get_in_touch-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--information {
    display: block;
    width: 100%;
    padding-top: 37px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .get_in_touch .get_in_touch-container .contact_us-texts.desktop {
    display: none;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form .contact_us-texts {
    display: block;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form {
    width: 100%;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form .contact_us-texts {
    font-size: 18px;
    line-height: 32px;
    margin-top: 35px;
  }

  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 18px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 18px;
    line-height: 28px;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 35px;
    font-size: 18px;
    line-height: 40px;
    padding: 5px 20px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 20px;
    font-size: 18px;
    line-height: 28px;
    padding: 12px 20px;
    height: 180px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer {
    margin-top: 30px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 30px 11px;
  }
}
@media screen and (max-width: 577px) {
  .get_in_touch .section-body {
    padding-top: 55px;
    padding-bottom: 40px;
  }
  .get_in_touch .section-body .accordion .accordion--title {
    padding-right: 40px;
  }
  .get_in_touch .section-body .accordion .accordion--title span {
    font-size: 40px;
    line-height: 40px;
  }
  .get_in_touch .section-body .accordion .accordion--title:after,
  .get_in_touch .section-body .accordion .accordion--title:before {
    width: 27px;
    height: 27px;
    background-size: contain;
    margin-top: 5px;
  }
  body .accordion .accordion--title:hover span:after {
    display: none !important;
  }
  body .accordion .accordion--title:hover:before {
    opacity: 1;
  }
  body .accordion .accordion--title:hover:after {
    opacity: 0;
  }
  .get_in_touch
    .section-body
    .accordion
    .accordion--body
    .accordion--body-wrap {
    padding-top: 40px;
    padding-bottom: 35px;
  }
  .get_in_touch .get_in_touch-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--information {
    display: block;
    width: 100%;
    padding-top: 37px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--information
    .company_information
    * {
    font-size: 18px;
    line-height: 25px;
  }
  .get_in_touch .get_in_touch-container .contact_us-texts.desktop {
    display: none;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form .contact_us-texts {
    display: block;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form {
    width: 100%;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 10px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 15px;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 20px;
    font-size: 15px;
    line-height: 30px;
    padding: 4px 13px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 15px;
    font-size: 15px;
    line-height: 25px;
    padding: 13px;
    height: 140px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer {
    margin-top: 15px;
  }
  .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 14px 8px;
  }
  .get_in_touch .get_in_touch-container .get_in_touch--form .contact_us-texts {
    font-size: 14px;
    line-height: 22px;
    margin-top: 35px;
  }

  .gform_confirmation_wrapper .gform_confirmation_message {
    font-size: 18px;
    line-height: 25px;
  }
}

/*******************************************
    BUTTONS
*******************************************/

@media screen and (max-width: 1280px) {
  * .btn.btn-solid,
  .btn.btn-bordered {
    padding: 17px 45px 14px;
  }
}
@media screen and (max-width: 991px) {
  * .btn.btn-solid,
  .btn.btn-bordered {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 30px 11px;
  }
  .btn.btn-icon:after {
    margin-left: 5px;
    width: 15px;
    height: 15px;
    background-size: 14px;
  }
}
@media screen and (max-width: 577px) {
  * .btn.btn-solid,
  .btn.btn-bordered {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 14px 8px;
  }
  .btn.btn-icon:after {
    margin-left: 4px;
    width: 15px;
    height: 15px;
    background-size: 12px;
  }
}

/*******************************************
    Banners
*******************************************/

/* banner-archive */
@media screen and (max-width: 1360px) {
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 75px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-archive {
    height: auto;
  }
  .banner.banner-archive .banner__content {
    margin-top: 180px;
    padding: 80px 0 80px;
    display: block;
  }
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-archive .banner__content {
    margin-top: 180px;
    padding: 60px 0 45px;
    display: block;
  }
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-archive .banner__content {
    margin-top: 180px;
    padding: 50px 0 40px;
    display: block;
  }
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-archive .banner__content {
    margin-top: 180px;
    padding: 45px 0 35px;
  }
  .banner.banner-archive .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 0;
  }
}

/* banner-big */
@media screen and (max-width: 1360px) {
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 100px;
    line-height: 105px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 32px;
    line-height: 40px;
    margin-top: 100px;
  }
  .banner.banner-big .banner__image {
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 90px;
    line-height: 95px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 30px;
    line-height: 38px;
    margin-top: 80px;
  }
  .banner.banner-big .banner__image {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 80px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 60px;
  }
  .banner.banner-big .banner__image {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-big {
    min-height: auto;
  }
  .banner.banner-big .reveal-box {
    height: 100%;
  }
  .banner.banner-big .banner__content {
    margin-top: 180px;
    padding: 80px 0 80px;
    display: block;
  }
  .banner.banner-big .banner__content .banner__content--title,
  .banner.banner-big .banner__content .banner__content--content {
    width: 100%;
  }
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }
  .banner.banner-big .banner__image {
    height: 300px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-big .banner__content {
    margin-top: 180px;
    padding: 60px 0 60px;
    display: block;
  }
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 24px;
    line-height: 32px;
  }
  .banner.banner-big .banner__image {
    height: 250px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-big .banner__content {
    margin-top: 180px;
    padding: 50px 0 55px;
    display: block;
  }
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .banner.banner-big .banner__content .banner__content--title div {
    display: inline;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 22px;
    line-height: 30px;
  }
  .banner.banner-big .banner__image {
    height: 220px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-big .banner__content {
    margin-top: 180px;
    padding: 45px 0 50px;
    display: block;
  }
  .banner.banner-big .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .banner.banner-big .banner__content .banner__content--content {
    font-size: 20px;
    line-height: 28px;
  }
  .banner.banner-big .banner__image {
    height: 195px;
    margin-bottom: 30px;
  }
}

/* banner-form */
@media screen and (max-width: 1360px) {
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 100px;
    line-height: 105px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 32px;
    line-height: 40px;
    margin-top: 100px;
  }
  .banner.banner-form .banner__image {
    margin-bottom: 75px;
  }
  .banner.banner-form .banner__content .banner__content--info {
    width: calc(100% - 450px);
    padding-right: 45px;
  }
  .banner.banner-form .banner__content .banner__content--form {
    width: 450px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 70px;
    line-height: 70px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 30px;
    line-height: 38px;
    margin-top: 80px;
  }
  .banner.banner-form .banner__image {
    margin-bottom: 60px;
  }
  .banner.banner-form .banner__content .banner__content--info {
    width: calc(100% - 425px);
    padding-right: 40px;
  }
  .banner.banner-form .banner__content .banner__content--form {
    width: 425px;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 60px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 60px;
  }
  .banner.banner-form .banner__image {
    margin-bottom: 50px;
  }
  .banner.banner-form .banner__content .banner__content--info {
    width: calc(100% - 400px);
    padding-right: 30px;
  }
  .banner.banner-form .banner__content .banner__content--form {
    width: 400px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-form {
    min-height: auto;
  }
  .banner.banner-form .reveal-box {
    height: 100%;
  }
  .banner.banner-form .banner__content {
    margin-top: 90px;
    padding: 80px 0 80px;
    display: block;
  }
  .banner.banner-form .banner__content .banner__content--info {
    width: 100%;
    padding-right: 0;
    display: block;
    margin-bottom: 50px;
  }
  .banner.banner-form .banner__content .banner__content--title,
  .banner.banner-form .banner__content .banner__content--content {
    width: 100%;
  }
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }
  .banner.banner-form .banner__image {
    height: 300px;
    margin-bottom: 40px;
  }
  .banner.banner-form .banner__content .banner__content--form {
    width: 100%;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 18px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 18px;
    line-height: 28px;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 35px;
    font-size: 18px;
    line-height: 40px;
    padding: 5px 20px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 20px;
    font-size: 18px;
    line-height: 28px;
    padding: 12px 20px;
    height: 180px;
  }
  .banner.banner-form .banner__content .banner__content--form .gform_footer {
    margin-top: 30px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 30px 11px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-form .banner__content {
    margin-top: 90px;
    padding: 60px 0 60px;
    display: block;
  }
  .banner.banner-form .banner__content .banner__content--info {
    margin-bottom: 40px;
  }
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 24px;
    line-height: 32px;
  }
  .banner.banner-form .banner__image {
    height: 250px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-form .banner__content {
    margin-top: 70px;
    padding: 50px 0 55px;
    display: block;
  }
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .banner.banner-form .banner__content .banner__content--title div {
    display: inline;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 22px;
    line-height: 30px;
  }
  .banner.banner-form .banner__image {
    height: 220px;
    margin-bottom: 35px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 10px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 15px;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 20px;
    font-size: 15px;
    line-height: 30px;
    padding: 0px 13px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 15px;
    font-size: 15px;
    line-height: 25px;
    padding: 13px;
    height: 140px;
  }
  .banner.banner-form .banner__content .banner__content--form .gform_footer {
    margin-top: 15px;
  }
  .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 14px 8px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-form .banner__content {
    margin-top: 70px;
    padding: 45px 0 50px;
    display: block;
  }
  .banner.banner-form .banner__content .banner__content--info {
    margin-bottom: 30px;
  }
  .banner.banner-form .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .banner.banner-form .banner__content .banner__content--content {
    font-size: 20px;
    line-height: 28px;
  }
  .banner.banner-form .banner__image {
    height: 195px;
    margin-bottom: 20px;
  }
}

/* banner-home */
@media screen and (max-width: 1360px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 100px;
    line-height: 105px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 90px;
    line-height: 95px;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 80px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-home {
    min-height: auto;
  }
  .banner.banner-home .banner__content {
    margin-top: 90px;
    padding: 150px 0 90px;
  }
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 55px;
    line-height: 60px;
  }
  .banner.banner-home .banner__content .banner__content--title .dot:after {
    width: 8px;
    height: 8px;
    margin-left: 6px;
    border-radius: 50%;
  }
  .banner.banner-home .banner__content .banner__content--btns {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-home .banner__content {
    margin-top: 90px;
    padding: 130px 0 80px;
  }
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 45px;
  }
  .banner.banner-home .banner__content .banner__content--title .dot:after {
    width: 7px;
    height: 7px;
    margin-left: 5px;
    border-radius: 50%;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-home .banner__content {
    margin-top: 70px;
    padding: 155px 0 70px;
  }
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 35px;
    line-height: 40px;
  }
  .banner.banner-home .banner__content .banner__content--title .dot:after {
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border-radius: 50%;
  }
  .banner.banner-home .banner__content .banner__content--btns {
    margin-top: 35px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-home .banner__content {
    margin-top: 70px;
    padding: 160px 0 60px;
  }
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 44px;
  }
  .banner.banner-home .banner__content .banner__content--title div {
    display: inline;
  }
  .banner.banner-home .banner__content .banner__content--title .endline:after {
    content: "";
    display: block;
    margin-bottom: 40px;
  }
  .banner.banner-home
    .banner__content
    .banner__content--title
    > div:last-child
    .dot:after {
    margin-bottom: 0;
  }
  .banner.banner-home .banner__content .banner__content--title .dot:after {
    width: 6px;
    height: 6px;
    margin-left: 3px;
    border-radius: 50%;
  }
  .banner.banner-home .banner__content .banner__content--btns {
    margin-top: 30px;
  }
  .banner.banner-home .banner__content .banner__content--btns a + a {
    margin-left: 12px;
  }
}
@media screen and (min-width: 1600px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 130px;
    line-height: 135px;
  }
}

/* banner-simple */
@media screen and (max-width: 991px) {
  .banner.banner-simple {
    min-height: 600px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-simple {
    min-height: 500px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-simple {
    min-height: 300px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-simple {
    min-height: 240px;
  }
}

/* banner-single */
@media screen and (max-width: 1360px) {
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 80px;
    line-height: 85px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 80px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-single {
    min-height: auto;
  }
  .banner.banner-single .banner__content {
    margin-top: 90px;
    padding: 80px 0 40px;
    display: block;
  }
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 15px;
  }
  .banner .banner__content .banner__content--date {
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-single .banner__content {
    margin-top: 90px;
    padding: 60px 0 35px;
    display: block;
  }
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-single .banner__content {
    margin-top: 70px;
    padding: 50px 0 30px;
    display: block;
  }
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 15px;
  }
  .banner .banner__content .banner__content--date {
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-single .banner__content {
    margin-top: 70px;
    padding: 45px 0 25px;
  }
  .banner.banner-single .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 15px;
  }
  .banner .banner__content .banner__content--date {
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
  }
}

/* banner-small */
@media screen and (max-width: 1360px) {
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 100px;
    line-height: 105px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 90px;
    line-height: 95px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 30px;
    line-height: 38px;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 80px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-small {
    min-height: auto;
  }
  .banner.banner-small .reveal-box {
    height: 100%;
  }
  .banner.banner-small .banner__content {
    margin-top: 90px;
    padding: 80px 0 80px;
    display: block;
  }
  .banner.banner-small .banner__content .banner__content--title,
  .banner.banner-small .banner__content .banner__content--content {
    width: 100%;
  }
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
  }
  .banner.banner-small .banner__image {
    height: 300px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-small .banner__content {
    margin-top: 90px;
    padding: 60px 0 60px;
    display: block;
  }
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 24px;
    line-height: 32px;
  }
  .banner.banner-small .banner__image {
    height: 250px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-small .banner__content {
    margin-top: 70px;
    padding: 50px 0 55px;
    display: block;
  }
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 22px;
    line-height: 30px;
  }
  .banner.banner-small .banner__image {
    height: 220px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-small .banner__content {
    margin-top: 70px;
    padding: 45px 0 50px;
    display: block;
  }
  .banner.banner-small .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .banner.banner-small .banner__content .banner__content--content {
    font-size: 20px;
    line-height: 28px;
  }
  .banner.banner-small .banner__image {
    height: 195px;
  }
}

/*******************************************
    404 ERROR
*******************************************/

@media screen and (max-width: 991px) {
  .banner.banner-error {
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(images/404-error-mobile.png);
    background-size: cover;
    height: 100vh;
  }
  .banner.banner-error .banner__content .banner__content--btns {
    width: 100%;
    margin-top: 40px;
  }
  #collect_pixels {
    display: none;
  }
  .banner.banner-error .banner__content .banner__content--btns a + a {
    margin-left: 0;
  }
  .section-snake.hidden {
    display: none !important;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-error .banner__content .banner__content--btns {
    margin-top: 35px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-error .banner__content .banner__content--btns {
    margin-top: 30px;
  }
}

/*******************************************
    Thank you
*******************************************/
@media screen and (max-width: 1360px) {
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 80px;
    line-height: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 75px;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 70px;
    line-height: 70px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-thankyou {
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(images/404-error-mobile.png);
    background-size: cover;
    height: 100vh;
  }
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
  }
  .banner.banner-thankyou .banner__content .banner__content--btns {
    width: 100%;
    margin-top: 40px;
  }
  #collect_pixels {
    display: none;
  }
  .banner.banner-thankyou .banner__content .banner__content--btns a + a {
    margin-left: 0;
  }
  .section-snake.hidden {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-thankyou .banner__content .banner__content--btns {
    margin-top: 35px;
  }
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-thankyou .banner__content .banner__content--btns {
    margin-top: 30px;
  }
  .banner.banner-thankyou .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
  }
}

/*******************************************
    SINGLE PAGE
*******************************************/

@media screen and (max-width: 1360px) {
  body.page .main .section-page-content .section__body {
    padding-left: calc(100% - 800px);
    padding-bottom: 50px;
  }
  body.page .main .section-page-content .section__body h2 {
    font-size: 42px;
    line-height: 56px;
    margin: 0 0 50px 0;
  }
  body.page .main .section-page-content .section__body h3 {
    font-size: 38px;
    line-height: 50px;
    margin: 0 0 50px 0;
  }
  body.page .main .section-page-content .section__body h4 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 50px 0;
  }
  body.page .main .section-page-content .section__body h5 {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 50px 0;
  }
  body.page .main .section-page-content .section__body h6 {
    font-size: 22px;
    line-height: 36px;
    margin: 0 0 50px 0;
  }
  body.page .main .section-page-content .section__body p {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 50px;
  }
  body.page .main .section-page-content .section__body p strong {
    font-size: 22px;
    line-height: 36px;
  }
  body.page .main .section-page-content .section__body ul {
    margin-bottom: 50px;
  }
  body.page .main .section-page-content .section__body ul li {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  body.page .main .section-page-content .section__body table {
    min-width: 100%;
    margin-bottom: 50px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.page .main .section-page-content .section__body table tr td {
    padding: 5px;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1280px) {
  body.page .main .section-page-content .section__body {
    padding-left: calc(100% - 750px);
    padding-bottom: 40px;
  }
  body.page .main .section-page-content .section__body h2 {
    font-size: 36px;
    line-height: 50px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body h3 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body h4 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body h5 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body h6 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body p strong {
    font-size: 20px;
    line-height: 32px;
  }
  body.page .main .section-page-content .section__body ul {
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body ul li {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  body.page .main .section-page-content .section__body table {
    min-width: 100%;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.page .main .section-page-content .section__body table tr td {
    padding: 5px;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  body.page .main .section-page-content .section__body {
    padding-left: 0;
    padding-bottom: 60px;
  }
  body.page .main .section-page-content .section__body {
    padding-left: 0;
    padding-bottom: 20px;
  }
  body.page .main .section-page-content .section__body h2,
  body.page .main .section-page-content .section__body h3,
  body.page .main .section-page-content .section__body h4,
  body.page .main .section-page-content .section__body h5,
  body.page .main .section-page-content .section__body h6 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body p strong {
    font-size: 22px;
    line-height: 30px;
  }
  body.page .main .section-page-content .section__body ul {
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body ul li {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  body.page .main .section-page-content .section__body table {
    min-width: 600px;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.page .main .section-page-content .section__body table tr td {
    padding: 5px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body .table-wrap {
    width: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 767px) {
  body.page .main .section-page-content .section__body {
    padding-left: 0;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 577px) {
  body.page .main .section-page-content .section__body {
    padding-left: 0;
    padding-bottom: 20px;
  }
  body.page .main .section-page-content .section__body h2,
  body.page .main .section-page-content .section__body h3,
  body.page .main .section-page-content .section__body h4,
  body.page .main .section-page-content .section__body h5,
  body.page .main .section-page-content .section__body h6 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 40px 0;
  }
  body.page .main .section-page-content .section__body p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body p strong {
    font-size: 20px;
    line-height: 28px;
  }
  body.page .main .section-page-content .section__body ul {
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body ul li {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  body.page .main .section-page-content .section__body table {
    min-width: 600px;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.page .main .section-page-content .section__body table tr td {
    padding: 5px;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
  }
  body.page .main .section-page-content .section__body .table-wrap {
    width: 100%;
    overflow: auto;
  }
}

/*******************************************
    SINGLE JOURNAL
*******************************************/

@media screen and (max-width: 1360px) {
  body.single-post .main .section-post-content .section__body .post__contents {
    width: calc(100% - 800px);
    padding-right: 100px;
    padding-top: 100px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title {
    font-size: 42px;
    line-height: 56px;
    margin-bottom: 50px;
  }
  body.single-post .main .section-post-content .section__body ul li {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item
    a {
    font-size: 22px;
    line-height: 26px;
  }
  body.single-post .main .section-post-content .section__body {
    padding-left: calc(100% - 800px);
    padding-bottom: 50px;
  }
  body.single-post .main .section-post-content .section__body h2 {
    font-size: 42px;
    line-height: 56px;
    margin: 0 0 50px 0;
  }
  body.single-post .main .section-post-content .section__body h3 {
    font-size: 38px;
    line-height: 50px;
    margin: 0 0 50px 0;
  }
  body.single-post .main .section-post-content .section__body h4 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 50px 0;
  }
  body.single-post .main .section-post-content .section__body h5 {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 50px 0;
  }
  body.single-post .main .section-post-content .section__body h6 {
    font-size: 22px;
    line-height: 36px;
    margin: 0 0 50px 0;
  }
  body.single-post .main .section-post-content .section__body p {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 50px;
  }
  body.single-post .main .section-post-content .section__body p strong {
    font-size: 22px;
    line-height: 36px;
  }
  body.single-post .main .section-post-content .section__body ul {
    margin-bottom: 50px;
  }
  body.single-post .main .section-post-content .section__body ul li {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  body.single-post .main .section-post-content .section__body table {
    min-width: 100%;
    margin-bottom: 50px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.single-post .main .section-post-content .section__body table tr td {
    padding: 5px;
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 50px;
  }
  body.single-post .main .section-post-content .section__body ul {
    margin-bottom: 50px;
  }

  .posts .post {
    padding: 50px 0;
  }
  .posts .post .post--body-content {
    padding-left: 100px;
    width: calc(100% - 335px);
  }
  .posts .post .post--body-content .post--title {
    margin-bottom: 35px;
  }
  .posts .post .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 25px;
    top: 0;
    bottom: 0;
    width: 35px;
    height: 45px;
  }
  .posts .post .post--body-content .post--title a span {
    font-size: 36px;
    line-height: 46px;
  }
  .posts .post .post--body-content .post--author {
    margin-top: 30px;
    font-size: 18px;
    line-height: 23px;
  }

  .posts .post.small {
    padding: 24px 0 20px;
  }
  .posts .post.small .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 60px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 15px;
    top: 5px;
    width: 35px;
    height: 35px;
    background-size: contain;
  }
}
@media screen and (max-width: 1280px) {
  body.single-post .main .section-post-content .section__body .post__contents {
    width: calc(100% - 700px);
    padding-right: 80px;
    padding-top: 80px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body ul li {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item
    a {
    font-size: 20px;
    line-height: 26px;
  }
  body.single-post .main .section-post-content .section__body {
    padding-left: calc(100% - 700px);
    padding-bottom: 40px;
    padding-top: 80px;
  }
  body.single-post .main .section-post-content .section__body h2 {
    font-size: 36px;
    line-height: 50px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body h3 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body h4 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body h5 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body h6 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body p strong {
    font-size: 20px;
    line-height: 32px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list) {
    margin-bottom: 40px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list)
    li {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  body.single-post .main .section-post-content .section__body table {
    min-width: 100%;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.single-post .main .section-post-content .section__body table tr td {
    padding: 5px;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list) {
    margin-bottom: 40px;
  }

  .posts .post {
    padding: 40px 0;
  }
  .posts .post .post--body-thumbnail {
    width: 300px;
    height: 190px;
  }
  .posts .post .post--body-content {
    padding-left: 80px;
    width: calc(100% - 300px);
  }
  .posts .post .post--body-content .post--title {
    margin-bottom: 35px;
  }
  .posts .post .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 35px;
    height: 45px;
  }
  .posts .post .post--body-content .post--title a span {
    font-size: 32px;
    line-height: 40px;
  }
  .posts .post .post--body-content .post--excerpt {
    font-size: 16px;
    line-height: 22px;
    max-height: 65px;
  }
  .posts .post .post--body-content .post--author {
    margin-top: 30px;
    font-size: 16px;
    line-height: 22px;
  }
  .posts .post.small {
    padding: 20px 0 16px;
  }
  .posts .post.small .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-size: contain;
  }
}
@media screen and (max-width: 991px) {
  body.single-post .main .section-post-content .section__body {
    padding-left: 0;
    padding-bottom: 60px;
  }
  body.single-post .main .section-post-content .section__body {
    padding-left: 0;
    padding-bottom: 20px;
  }
  body.single-post .main .section-post-content .section__body h2,
  body.single-post .main .section-post-content .section__body h3,
  body.single-post .main .section-post-content .section__body h4,
  body.single-post .main .section-post-content .section__body h5,
  body.single-post .main .section-post-content .section__body h6 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body p strong {
    font-size: 22px;
    line-height: 30px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list) {
    margin-bottom: 40px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list)
    li {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  body.single-post .main .section-post-content .section__body table {
    min-width: 600px;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.single-post .main .section-post-content .section__body table tr td {
    padding: 5px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body .table-wrap {
    width: 100%;
    overflow: auto;
  }
  body.single-post .main .section-post-content .section__body {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
  }
  body.single-post .main .section-post-content .section__body .post__contents {
    position: inherit;
    top: auto;
    left: auto;
    width: 100%;
    padding-right: 0;
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #141414;
    margin-bottom: 50px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 30px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item {
    list-style: none;
    padding: 8px 0;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item
    a {
    font-size: 20px;
    line-height: 25px;
  }

  body.single-post .main .section-post-content .section__body .post__authror {
    border-top: 1px solid #141414;
    position: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 0 28px 13px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__authror
    .post__authror--info
    .post__authror--info-title {
    font-size: 24px;
    line-height: 32px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__authror
    .post__authror--info
    .post__authror--info-name {
    font-size: 24px;
    line-height: 32px;
  }
  .section.related-reading .section-body {
    padding: 40px 0 25px 0;
  }
  .posts .post {
    padding: 30px 0;
  }
  .posts .post .post--body-thumbnail {
    width: 100%;
    padding-top: 60%;
  }
  .posts .post .post--body-content {
    padding-top: 20px;
    padding-left: 15px;
    width: 100%;
  }
  .posts .post .post--body-content .post--title {
    margin-bottom: 20px;
  }
  .posts .post .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 35px;
    background-size: contain;
  }
  .posts .post .post--body-content .post--title a span {
    font-size: 26px;
    line-height: 32px;
  }
  .posts .post .post--body-content .post--excerpt {
    font-size: 16px;
    line-height: 22px;
    max-height: 65px;
  }
  .posts .post .post--body-content .post--author {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
  .posts .post.small .post--body-content {
    padding-top: 0;
  }
  .posts .post.small {
    padding: 18px 0 15px;
  }
  .posts .post.small .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 7px;
    top: 5px;
    width: 25px;
    height: 25px;
    background-size: contain;
  }
  .posts .post.small .post--body-content .post--title {
    max-height: none;
  }
}
@media screen and (max-width: 767px) {
  body.single-post .main .section-post-content .section__body {
    padding-left: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 577px) {
  body.single-post .main .section-post-content .section__body .post__contents {
    margin-bottom: 30px;
  }
  body.single-post .main .section-post-content .section__body {
    padding-left: 0;
    padding-bottom: 0;
  }
  body.single-post .main .section-post-content .section__body h2,
  body.single-post .main .section-post-content .section__body h3,
  body.single-post .main .section-post-content .section__body h4,
  body.single-post .main .section-post-content .section__body h5,
  body.single-post .main .section-post-content .section__body h6 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 40px 0;
  }
  body.single-post .main .section-post-content .section__body p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body p strong {
    font-size: 20px;
    line-height: 28px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list) {
    margin-bottom: 40px;
    padding-left: 20px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    ul:not(.post__contents--list)
    li {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  body.single-post .main .section-post-content .section__body table {
    min-width: 600px;
    margin-bottom: 40px;
    margin-left: -5px;
    margin-left: -5px;
  }
  body.single-post .main .section-post-content .section__body table tr td {
    padding: 5px;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
  }
  body.single-post .main .section-post-content .section__body .table-wrap {
    width: 100%;
    overflow: auto;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title {
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 10px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item {
    list-style: none;
    padding: 4px 0;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list
    .post__contents--list-item
    a {
    font-size: 18px;
    line-height: 25px;
  }

  .section.related-reading .section-body {
    padding: 30px 0 25px 0;
  }
  .posts .post {
    padding: 22px 0;
  }
  .posts .post .post--body-thumbnail {
    width: 100%;
    padding-top: 0;
    height: 205px;
  }
  .posts .post .post--body-content {
    padding-top: 20px;
    padding-left: 8px;
    width: 100%;
  }
  .posts .post .post--body-content .post--title {
    margin-bottom: 10px;
  }
  .posts .post .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
  .posts .post .post--body-content .post--title a span {
    font-size: 20px;
    line-height: 26px;
  }
  .posts .post .post--body-content .post--excerpt {
    font-size: 15px;
    line-height: 22px;
    max-height: 65px;
  }
  .posts .post .post--body-content .post--author {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
  }
  .posts .post.small .post--body-content {
    padding-top: 0;
  }
  .posts .post.small {
    padding: 15px 0 12px;
  }
  .posts .post.small .post--body-content .post--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 40px;
  }
  .posts .post .post--body-content .post--title a:before,
  .posts .post .post--body-content .post--title a:after {
    right: 7px;
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
}

/*******************************************
    SINGLE WORK
*******************************************/

@media screen and (max-width: 1360px) {
  body.single-work .main .work__content {
    padding-top: 100px;
    padding-bottom: 90px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h2 {
    font-size: 42px;
    line-height: 56px;
    margin: 0 0 50px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h3 {
    font-size: 38px;
    line-height: 50px;
    margin: 0 0 50px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h4 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 50px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h5 {
    font-size: 26px;
    line-height: 38px;
    margin: 0 0 50px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h6 {
    font-size: 22px;
    line-height: 36px;
    margin: 0 0 50px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 50px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 22px;
    line-height: 36px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul {
    margin-bottom: 50px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul
    li {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .section-team .section-team--row {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  .section-team .section-team--row .section-team--col {
    width: 550px;
  }
  .section-team .section-team--row .section-team--col .section-team--title {
    font-size: 42px;
    line-height: 56px;
    margin: 0 0 60px 0;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    .section-team--body-content {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 35px;
  }
  .section-team .section-team--row .section-team--col .section-team--client {
    width: 140px;
    margin-bottom: 45px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-logo
    .section-team--client-logo-img {
    width: 140px;
    height: 140px;
    margin-bottom: 20px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name {
    font-size: 22px;
    line-height: 32px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar {
    margin-bottom: 20px;
    height: 140px;
    width: 100%;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar
    .section-team--team-member-avatar-img {
    height: 140px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-name {
    font-size: 22px;
    line-height: 32px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    + .section-team--team-member {
    margin-left: 40px;
  }

  .section.similar-projects .section-body {
    padding: 75px 0 60px 0;
  }
  .projects .project.small {
    padding: 24px 0 20px;
  }
  .projects .project.small .project--body-content .project--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 60px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 36px;
    line-height: 46px;
  }
  .projects .project.small .project--body-content .project--title a:before,
  .projects .project.small .project--body-content .project--title a:after {
    right: 15px;
    top: 5px;
    width: 35px;
    height: 35px;
    background-size: contain;
  }
  body.single-work .main {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1280px) {
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h2 {
    font-size: 36px;
    line-height: 50px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h3 {
    font-size: 32px;
    line-height: 46px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h4 {
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h5 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h6 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 20px;
    line-height: 32px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul {
    margin-bottom: 40px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul
    li {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  body.single-work .main .work__content {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  body.single-work .main .work__content .content__part.content {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .section-team .section-team--row {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .section-team .section-team--row .section-team--col {
    width: 45%;
  }
  .section-team .section-team--row .section-team--col .section-team--title {
    font-size: 36px;
    line-height: 50px;
    margin: 0 0 50px 0;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    .section-team--body-content {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  .section-team .section-team--row .section-team--col .section-team--client {
    width: 120px;
    margin-bottom: 30px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-logo
    .section-team--client-logo-img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name {
    font-size: 20px;
    line-height: 32px;
  }
  .section-team .section-team--row .section-team--col .section-team--team {
    margin-bottom: 30px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member {
    width: auto;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar {
    margin-bottom: 20px;
    height: 120px;
    width: 100%;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar
    .section-team--team-member-avatar-img {
    height: 120px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-name {
    font-size: 20px;
    line-height: 32px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    + .section-team--team-member {
    margin-left: 30px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    a.btn {
    min-width: 200px;
  }

  .section.similar-projects .section-body {
    padding: 65px 0 50px 0;
  }
  .projects .project.small {
    padding: 20px 0 16px;
  }
  .projects .project.small .project--body-content .project--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 32px;
    line-height: 40px;
  }
  .projects .project.small .project--body-content .project--title a:before,
  .projects .project.small .project--body-content .project--title a:after {
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    background-size: contain;
  }
  body.single-work .main {
    padding-top: 60px;
  }

  .section-news-blog .posts .post .lwn__spinner {
    right: 60px;
    top: 40px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 991px) {
  body.single-work .main .work__content {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body {
    padding-left: 0;
    padding-bottom: 0;
  }
  body.single-work .main .work__content .content__part.images .image-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  body.single-work
    .main
    .work__content
    .content__part.images
    .image-row.two
    .image {
    width: 100%;
  }
  body.single-work
    .main
    .work__content
    .content__part.images
    .image-row
    .image {
    padding: 10px;
  }
  body.single-work .main .work__content .content__part.video .video {
    padding-bottom: calc(66% + 20px);
  }
  body.single-work .main .work__content .content__part.video .video video {
    padding: 10px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body {
    padding-left: 0;
    padding-bottom: 0px;
    width: 100%;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h2,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h3,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h4,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h5,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h6 {
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    padding-right: 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 20px;
    line-height: 30px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul {
    margin-bottom: 40px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul
    li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .section-team .section-team--row {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .section-team .section-team--row .section-team--col {
    width: 100%;
  }
  .section-team .section-team--row .section-team--col + .section-team--col {
    margin-top: 50px;
  }
  .section-team .section-team--row .section-team--col .section-team--title {
    display: none;
    margin: 0;
  }
  .section-team .section-team--row .section-team--col .section-team--client {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name {
    position: absolute;
    left: 0;
    top: 10px;
    text-align: left;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name:before {
    content: "Client";
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    display: block;
    margin-bottom: 0px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-logo
    .section-team--client-logo-img {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    a.btn {
    min-width: auto;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    .section-team--body-content {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 35px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--head.team-wrap {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--head.team-wrap:before {
    content: "Team";
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    display: block;
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    top: 15px;
  }
  .section-team .section-team--row .section-team--col .section-team--team {
    margin-bottom: 0px;
  }
  body.dark
    .section-team
    .section-team--row
    .section-team--col
    .section-team--head.team-wrap:before,
  body.dark
    .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name:before {
    color: #d9d9d9;
  }
  body.light
    .section-team
    .section-team--row
    .section-team--col
    .section-team--head.team-wrap:before,
  body.light
    .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name:before {
    color: #141414;
  }

  .section.similar-projects .section-body {
    padding: 50px 0 40px 0;
  }
  .projects .project.small {
    padding: 18px 0 15px;
  }
  .projects .project.small .project--body-content .project--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 50px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 28px;
    line-height: 38px;
  }
  .projects .project.small .project--body-content .project--title a:before,
  .projects .project.small .project--body-content .project--title a:after {
    right: 7px;
    top: 5px;
    width: 25px;
    height: 25px;
    background-size: contain;
  }

  body.single-work .main {
    padding-top: 40px;
  }

  .section-news-blog .posts .post .lwn__spinner {
    right: -25px;
    top: 42px;
    transform: translateY(-50%);
  }
  .section-news-blog .posts .post .lwn__spinner.lwn__spinner--hot > div {
    width: 100px;
    height: 100px;
    background-size: 132px;
  }
}
@media screen and (max-width: 767px) {
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body {
    padding-left: 0;
    padding-bottom: 40px;
  }
  body.single-work .main {
    padding-top: 30px;
  }
}
@media screen and (max-width: 577px) {
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body {
    padding-left: 0;
    padding-bottom: 0px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h2,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h3,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h4,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h5,
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    h6 {
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 40px 0;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 40px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 18px;
    line-height: 25px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul {
    margin-bottom: 40px;
  }
  body.single-work
    .main
    .work__content
    .content__part.content
    .content__part-body
    ul
    li {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
  }

  body.single-work .main .work__content {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  body.single-work .main .work__content .content__part.images .image-row {
    margin-left: -7px;
    margin-right: -7px;
  }
  body.single-work
    .main
    .work__content
    .content__part.images
    .image-row
    .image {
    padding: 7px;
  }
  body.single-work .main .work__content .content__part.video .video {
    padding-bottom: calc(66% + 14px);
  }
  body.single-work .main .work__content .content__part.video .video video {
    padding: 7px 0;
  }
  body.single-work .main .work__content .content__part.content {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .section-team .section-team--row {
    padding-top: 55px;
    padding-bottom: 40px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-logo
    .section-team--client-logo-img {
    width: 66px;
    height: 66px;
    margin-bottom: 0;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name {
    position: absolute;
    left: 0;
    top: 7px;
    text-align: left;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name:before {
    content: "Client";
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    display: block;
    margin-bottom: 0px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--client
    .section-team--client-name {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--body
    .section-team--body-content {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 35px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--head.team-wrap:before {
    content: "Team";
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    display: block;
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    top: 12px;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-name {
    display: none;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member {
    width: auto;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar {
    margin-bottom: 0;
    height: 72px;
    width: 100%;
  }
  .section-team
    .section-team--row
    .section-team--col
    .section-team--team
    .section-team--team-member
    .section-team--team-member-avatar
    .section-team--team-member-avatar-img {
    height: 72px;
  }
  .section.similar-projects .section-body {
    padding: 30px 0 20px 0;
  }
  .projects .project.small {
    padding: 15px 0 12px;
  }
  .projects .project.small .project--body-content .project--title a {
    position: relative;
    width: 100%;
    display: block;
    padding-right: 40px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 25px;
    line-height: 35px;
  }
  .projects .project.small .project--body-content .project--title a:before,
  .projects .project.small .project--body-content .project--title a:after {
    right: 7px;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
  }
  body.single-work .main {
    padding-top: 20px;
  }
  .section-news-blog .posts .post .lwn__spinner {
    right: -15px;
    top: 42px;
    transform: translateY(-50%);
  }
  .section-news-blog .posts .post .lwn__spinner.lwn__spinner--hot > div {
    width: 72px;
    height: 72px;
    background-size: 100px;
  }
}

/*******************************************
    ARCHIVE WORK
*******************************************/

@media screen and (max-width: 1360px) {
  .section-projects .projects-wrap .filter--disciplines {
    width: calc(100% - 800px);
  }
  .section-projects
    .projects-wrap
    .filter--disciplines
    .filter--disciplines-title {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 25px;
  }
  .section-projects
    .projects-wrap
    .filter--disciplines
    .filter--disciplines-list
    .filter--discipline
    span {
    font-size: 22px;
    line-height: 26px;
  }
  .section-projects .projects-wrap .projects {
    padding-left: calc(100% - 800px);
  }
  .projects .project {
    padding: 40px 0 25px;
  }
  .projects .project .project--body-thumbnail {
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
  }
  .projects .project.big .project--body-content {
    width: 100%;
    padding: 0 15px;
  }
  .projects .project .project--body-content .project--title {
    margin-bottom: 15px;
  }
  .projects .project .project--body-content .project--info span {
    font-size: 18px;
    line-height: 20px;
  }
  .projects .project .project--body-content .project--info span + span:before {
    width: 7px;
    height: 7px;
    margin: 5px 10px;
  }
  .lwn__spinner > div {
    display: block;
    width: 150px;
    height: 150px;
    background-size: 150px;
  }
  .lwn__spinner.lwn__spinner--hot > div {
    background-size: 205px;
  }
  .projects-wrap .projects .project .lwn__spinner.middle-top {
    right: 200px;
  }
  .section-projects .works__filter {
    padding-bottom: 50px;
    margin-bottom: 60px;
  }
  .section-projects .works__filter .filter--categories .filter--category {
    font-size: 18px;
    line-height: 20px;
    padding: 17px 35px 14px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 1280px) {
  .section-projects .projects-wrap .filter--disciplines {
    padding-top: 130px;
    width: calc(100% - 650px);
  }
  .section-projects
    .projects-wrap
    .filter--disciplines
    .filter--disciplines-title {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  .section-projects
    .projects-wrap
    .filter--disciplines
    .filter--disciplines-list
    .filter--discipline
    span {
    font-size: 20px;
    line-height: 26px;
  }
  .section-projects .projects-wrap .projects {
    padding-left: calc(100% - 650px);
  }
  .projects .project {
    padding: 35px 0 20px;
  }
  .projects .project .project--body-thumbnail {
    width: 100%;
    height: 450px;
    margin-bottom: 15px;
  }
  .projects .project .project--body-content .project--title {
    margin-bottom: 10px;
  }
  .projects .project .project--body-content .project--title a {
    padding-right: 0;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 28px;
    line-height: 36px;
  }
  .projects .project .project--body-content .project--info span {
    font-size: 16px;
    line-height: 18px;
  }
  .projects .project .project--body-content .project--info span + span:before {
    width: 6px;
    height: 6px;
    margin: 5px 10px;
  }
  .lwn__spinner > div {
    display: block;
    width: 120px;
    height: 120px;
    background-size: 120px;
  }
  .lwn__spinner.lwn__spinner--hot > div {
    background-size: 150px;
  }
  .projects-wrap .projects .project .lwn__spinner.middle-top {
    right: 100px;
  }
  .section-projects .works__filter {
    padding-bottom: 40px;
    margin-bottom: 50px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .section-projects .works__filter .filter--categories .filter--category {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 30px 12px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 991px) {
  .section-projects .projects-wrap .projects {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
    padding-top: 0;
  }
  .section-projects .projects-wrap .filter--disciplines {
    display: none !important;
  }
  .projects .project.big .project--body-content {
    width: 100%;
    padding: 0 10px;
  }
  .projects .project .project--body-content .project--title {
    margin-bottom: 8px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 26px;
    line-height: 34px;
  }

  .projects .project .project--body-content .project--info span {
    font-size: 14px;
    line-height: 16px;
  }
  .projects .project .project--body-content .project--info span + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
  .lwn__spinner > div {
    display: block;
    width: 100px;
    height: 100px;
    background-size: 100px;
  }
  .lwn__spinner.lwn__spinner--hot > div {
    background-size: 140px;
  }
  .projects-wrap .projects .project .lwn__spinner.middle-top {
    right: 75px;
  }
  .projects-wrap .projects .project .lwn__spinner.left-top {
    transform: translate(-20px, -20px);
  }
}
@media screen and (max-width: 767px) {
  .projects .project .project--body-thumbnail {
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 577px) {
  .projects .project {
    padding: 28px 0 10px;
  }
  .projects .project .project--body-thumbnail {
    height: 205px;
    margin-bottom: 11px;
  }
  .projects .project.big .project--body-content {
    width: 100%;
    padding: 0 0 0 7px;
  }
  .projects .project .project--body-content .project--title {
    margin-bottom: 5px;
  }
  .projects .project .project--body-content .project--title a span {
    font-size: 20px;
    line-height: 22px;
  }
  .projects .project .project--body-content .project--info span {
    font-size: 10px;
    line-height: 12px;
  }
  .projects .project .project--body-content .project--info span + span:before {
    width: 3px;
    height: 3px;
    margin: 4px 5px;
  }
  .lwn__spinner > div {
    display: block;
    width: 72px;
    height: 72px;
    background-size: 72px;
  }
  .lwn__spinner.lwn__spinner--hot > div {
    background-size: 100px;
  }
  .projects-wrap .projects .project .lwn__spinner.middle-top {
    right: -15px;
  }
  .projects-wrap .projects .project .lwn__spinner.left-top {
    transform: translate(-15px, -30px);
  }
  .projects-wrap .projects .project .lwn__spinner.right-top {
    right: 10px;
  }
  .section-projects .projects-wrap .projects {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    padding-top: 0;
  }
}

/*******************************************
    Journal ARCHIVE FILTER
*******************************************/

/* filter Sidebar  */
.filter__mobile--side {
  background: #d9d9d9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh + 100px);
  z-index: -1;
  opacity: 0;
  transform: scale(0.75);
  -webkit-transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
body.admin-bar .filter__mobile--side .filter__mobile--side-head {
  top: 32px;
}
.filter__mobile--side .filter__mobile--side-head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
  z-index: 1000;
  padding-top: 55px;
}
.filter__mobile--side
  .filter__mobile--side-head
  .filter__mobile--side-head-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  height: 30px;
}
.filter__mobile--side .filter__mobile--side-head #filterSideClose {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  margin-left: 0;
  justify-self: flex-end;
}
.filter__mobile--side .filter__mobile--side-head #filterSideClose span {
  display: block;
  position: relative;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(images/filter-close.svg);
}
.filter__mobile--side .filter__mobile--side-body {
  padding: 120px 0 100px;
}
.filter__mobile--side .filter__mobile--side-body .mobile-filter--departments,
.filter__mobile--side .filter__mobile--side-body .mobile-filter--disciplines,
.filter__mobile--side .filter__mobile--side-body .mobile-filter--categories {
  padding: 0;
  margin: 0;
}
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--departments
  .mobile-filter--department,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--disciplines
  .mobile-filter--discipline,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--categories
  .mobile-filter--category {
  list-style: none;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 20px 0 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  color: #141414;
  position: relative;
  padding-left: 50px;
}
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--departments
  .mobile-filter--department:before,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--disciplines
  .mobile-filter--discipline:before,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--categories
  .mobile-filter--category:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 2px solid #141414;
  left: 15px;
  top: 25px;
}
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--departments
  .mobile-filter--department:after,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--disciplines
  .mobile-filter--discipline:after,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--categories
  .mobile-filter--category:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: #e03358;
  left: 15px;
  top: 25px;
  opacity: 0;
  transform: scale(0.75);
  -webkit-transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition:
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--departments
  .mobile-filter--department.active:after,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--disciplines
  .mobile-filter--discipline.active:after,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--categories
  .mobile-filter--category.active:after {
  opacity: 1;
  transform: scale(1);
}
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--departments
  .mobile-filter--department
  + .mobile-filter--department,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--disciplines
  .mobile-filter--discipline
  + .mobile-filter--discipline,
.filter__mobile--side
  .filter__mobile--side-body
  .mobile-filter--categories
  .mobile-filter--category
  + .mobile-filter--category {
  border-top: 1px solid #141414;
}
.filter__mobile--side.active {
  z-index: 1001;
  opacity: 1;
  transform: scale(1);
}
.filter__mobile {
  display: none;
  margin-bottom: 24px;
}
.filter__mobile .filter--categories {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.filter__mobile .filter--categories .mobile-filter--category {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.filter__mobile .filter--categories .mobile-filter--category.active {
  font-weight: 600;
}
.filter__mobile .filter--categories .filter-toggle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 10px 13px 7px;
}

body.light .filter__mobile .filter--categories .mobile-filter--category {
  color: #141414;
}
body.light .filter__mobile .filter--categories .filter-toggle {
  color: #141414;
  border: 1px solid #141414;
}
body.dark .filter__mobile .filter--categories .mobile-filter--category {
  color: #d9d9d9;
}
body.dark .filter__mobile .filter--categories .filter-toggle {
  color: #d9d9d9;
  border: 1px solid #d9d9d9;
}

.filter__mobile.team__filter-mobile {
  display: none;
  margin-bottom: 32px;
}
.filter__mobile.team__filter-mobile .filter--departments {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.filter__mobile.team__filter-mobile
  .filter--departments
  .mobile-filter--department {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 6px 16px 3px;
}
.filter__mobile.team__filter-mobile .filter--departments .filter-toggle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 6px 13px 3px;
  margin-left: 14px;
}

body.light
  .filter__mobile.team__filter-mobile
  .filter--departments
  .mobile-filter--department {
  color: #141414;
  border: 1px solid #141414;
}
body.light
  .filter__mobile.team__filter-mobile
  .filter--departments
  .mobile-filter--department.active {
  background: #141414;
  color: #d9d9d9;
}
body.light
  .filter__mobile.team__filter-mobile
  .filter--departments
  .filter-toggle {
  color: #141414;
  border: 1px solid #141414;
}
body.dark
  .filter__mobile.team__filter-mobile
  .filter--departments
  .mobile-filter--department {
  color: #d9d9d9;
  border: 1px solid #d9d9d9;
}
body.dark
  .filter__mobile.team__filter-mobile
  .filter--departments
  .mobile-filter--department.active {
  background: #d9d9d9;
  color: #141414;
}
body.dark
  .filter__mobile.team__filter-mobile
  .filter--departments
  .filter-toggle {
  color: #d9d9d9;
  border: 1px solid #d9d9d9;
}

@media screen and (max-width: 1360px) {
  .news__filter {
    margin-bottom: 65px;
  }
  .news__filter .filter--categories .filter--category {
    font-size: 18px;
    line-height: 20px;
    padding: 17px 35px 14px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 1280px) {
  .news__filter {
    margin-bottom: 65px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .news__filter .filter--categories .filter--category {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 30px 12px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 991px) {
  .team__filter,
  .news__filter,
  .works__filter {
    display: none;
  }
  .filter__mobile,
  .filter__mobile.team__filter-mobile {
    display: block;
  }
}
@media screen and (max-width: 577px) {
  .filter__mobile--side .filter__mobile--side-head {
    padding-top: 40px;
  }
  .filter__mobile--side
    .filter__mobile--side-body
    .mobile-filter--categories
    .mobile-filter--category {
    padding: 17px 0 12px;
    font-size: 25px;
    line-height: 35px;
    padding-left: 50px;
  }
  .filter__mobile--side
    .filter__mobile--side-body
    .mobile-filter--categories
    .mobile-filter--category:before {
    width: 14px;
    height: 14px;
    border: 1px solid #141414;
    left: 15px;
    top: 25px;
  }
  .filter__mobile--side
    .filter__mobile--side-body
    .mobile-filter--categories
    .mobile-filter--category:after {
    width: 14px;
    height: 14px;
    left: 15px;
    top: 25px;
  }
}

/*******************************************
    ABOUT US TEMPLATE
*******************************************/

/* section-numbers */
@media screen and (max-width: 1360px) {
  .section-numbers .content__part {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .section-numbers .numbers .number {
    width: 50%;
    padding: 50px 90px 50px 0;
  }
  .section-numbers .numbers .number .numbers--head {
    margin-bottom: 24px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-number {
    font-size: 110px;
    line-height: 116px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-title {
    font-size: 50px;
    line-height: 52px;
    padding-left: 28px;
    padding-top: 7px;
  }
  .section-numbers .numbers .number .number--body {
    font-size: 22px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1280px) {
  .section-numbers .content__part {
    padding-top: 90px;
    padding-bottom: 65px;
  }
  .section-numbers .numbers .number {
    width: 50%;
    padding: 45px 80px 45px 0;
  }
  .section-numbers .numbers .number .numbers--head {
    margin-bottom: 20px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-number {
    font-size: 100px;
    line-height: 100px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-title {
    font-size: 42px;
    line-height: 42px;
    padding-left: 25px;
    padding-top: 5px;
  }
  .section-numbers .numbers .number .number--body {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 991px) {
  .section-numbers .content__part {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .section-numbers .numbers .number {
    width: 100%;
    padding: 40px 0px 40px 0;
  }
  .section-numbers .numbers .number .numbers--head {
    margin-bottom: 0;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-number {
    font-size: 90px;
    line-height: 90px;
    width: 120px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-title {
    font-size: 36px;
    line-height: 36px;
    padding-left: 0;
    padding-top: 4px;
  }
  .section-numbers .numbers .number .number--body {
    font-size: 18px;
    line-height: 26px;
    padding-left: 120px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .numbers--head
    .numbers--head-number {
    width: 160px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .number--body {
    padding-left: 160px;
  }
}
@media screen and (max-width: 767px) {
  .section-numbers .content__part {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .section-numbers .numbers .number {
    width: 100%;
    padding: 25px 0;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-number {
    font-size: 60px;
    line-height: 60px;
    width: 90px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-title {
    font-size: 28px;
    line-height: 32px;
    padding-left: 0;
    padding-top: 3px;
  }
  .section-numbers .numbers .number .number--body {
    font-size: 16px;
    line-height: 21px;
    padding-left: 90px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .numbers--head
    .numbers--head-number {
    width: 120px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .number--body {
    padding-left: 120px;
  }
}
@media screen and (max-width: 577px) {
  .section-numbers .content__part {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section-numbers .numbers .number {
    width: 100%;
    padding: 14px 0;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-number {
    font-size: 40px;
    line-height: 42px;
    width: 65px;
  }
  .section-numbers .numbers .number .numbers--head .numbers--head-title {
    font-size: 25px;
    line-height: 26px;
    padding-left: 0;
    padding-top: 2px;
  }
  .section-numbers .numbers .number .number--body {
    font-size: 16px;
    line-height: 21px;
    padding-left: 65px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .numbers--head
    .numbers--head-number {
    width: 85px;
  }
  .page-template-template-services
    .section-numbers
    .numbers
    .number
    .number--body {
    padding-left: 85px;
  }
}

/* section-image */
@media screen and (max-width: 1360px) {
  .section-image {
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 1280px) {
  .section-image {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .section-image {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .section-image {
    margin-bottom: 40px;
  }
  .section-image .image {
    height: 300px;
  }
  .section-image .image .reveal-box {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-image {
    margin-bottom: 40px;
  }
  .section-image .image {
    height: 250px;
  }
}
@media screen and (max-width: 577px) {
  .section-image {
    margin-bottom: 35px;
  }
  .section-image .image {
    height: 220px;
  }
}
@media screen and (max-width: 479px) {
  .section-image {
    margin-bottom: 30px;
  }
  .section-image .image {
    height: 195px;
  }
}

.section-team-list
  .content__part.content__part--team
  .team-container
  .team-member
  .team-member--avatar-mobile {
  display: none;
}
/* section-team-list */
@media screen and (max-width: 1360px) {
  .section-team-list .team__filter {
    margin-bottom: 60px;
  }
  .section-team-list .team__filter .filter--departments .filter--department {
    font-size: 18px;
    line-height: 20px;
    padding: 17px 35px 14px;
    margin: 0 10px;
  }
  .section-team-list .content__part {
    padding-top: 110px;
    padding-bottom: 45px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 28px;
    padding-bottom: 18px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 55px;
    line-height: 60px;
    width: 320px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 55px;
    line-height: 60px;
    padding-left: 60px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role:before {
    width: 13px;
    height: 12px;
    top: 23px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--avatar {
    width: 180px;
    height: 180px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member.josh
    .team-member--wrap
    .team-member--avatar {
    width: 180px;
    height: 220px;
  }
}
@media screen and (max-width: 1280px) {
  .section-team-list .team__filter {
    margin-bottom: 50px;
  }
  .section-team-list .team__filter .filter--departments .filter--department {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 30px 12px;
    margin: 0 5px;
  }
  .section-team-list .content__part {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 28px;
    padding-bottom: 18px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 50px;
    line-height: 55px;
    width: 290px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role:before {
    width: 12px;
    height: 11px;
    top: 20px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 50px;
    line-height: 55px;
    padding-left: 55px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--avatar {
    width: 170px;
    height: 170px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member.josh
    .team-member--wrap
    .team-member--avatar {
    width: 170px;
    height: 210px;
  }
}
@media screen and (max-width: 1200px) {
  .section-team-list .content__part {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 28px;
    padding-bottom: 18px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 42px;
    line-height: 50px;
    width: 235px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 42px;
    line-height: 50px;
    padding-left: 40px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role:before {
    width: 10px;
    height: 10px;
    top: 20px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--avatar {
    width: 150px;
    height: 150px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member.josh
    .team-member--wrap
    .team-member--avatar {
    width: 150px;
    height: 180px;
  }
}
@media screen and (max-width: 991px) {
  .section-team-list .content__part {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--avatar {
    display: none !important;
  }
  .section-team-list .content__part.content__part--team .team-container {
    display: flex;
    flex-wrap: wrap;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 30px;
    padding-bottom: 20px;
    width: 50%;
  }

  .section-team-list .content__part.content__part--team .team-container {
    overflow: hidden;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    position: relative;
    border: 0 !important;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member:before {
    content: "";
    width: 200%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  body.dark
    .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member:before {
    background: #d9d9d9;
  }
  body.light
    .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member:before {
    background: #141414;
  }

  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 25px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile
    .team-member--avatar-mobile-img {
    display: inline-block;
    height: 150px;
    width: auto;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 28px;
    line-height: 36px;
    width: 100%;
    text-align: center;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--info {
    width: 100%;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    width: 100%;
    padding: 0;
    font-weight: 400;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .section-team-list .content__part {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 50%;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile
    .team-member--avatar-mobile-img {
    display: inline-block;
    height: 125px;
    width: auto;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 22px;
    line-height: 32px;
    width: 100%;
    text-align: center;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--info {
    width: 100%;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 577px) {
  .section-team-list .content__part {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 50%;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 15px;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--avatar-mobile
    .team-member--avatar-mobile-img {
    display: inline-block;
    height: 100px;
    width: auto;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--name {
    font-size: 18px;
    line-height: 25px;
    width: 100%;
    text-align: center;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--info {
    width: 100%;
  }
  .section-team-list
    .content__part.content__part--team
    .team-container
    .team-member
    .team-member--wrap
    .team-member--role {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    padding: 0;
  }
}

/* section-image-content */
@media screen and (max-width: 1360px) {
  .section-image-content .content__part {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 80px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-title {
    font-size: 45px;
    line-height: 48px;
    margin-bottom: 45px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-description {
    font-size: 22px;
    line-height: 32px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns {
    margin-top: 45px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns
    .btn {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media screen and (max-width: 1280px) {
  .section-image-content .content__part {
    padding-top: 110px;
    padding-bottom: 70px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 80px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 40px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-description {
    font-size: 20px;
    line-height: 28px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns {
    margin-top: 40px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns
    .btn {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 991px) {
  .section-image-content .content__part .image__content {
    flex-direction: column-reverse;
  }
  .section-image-content .content__part .image__content.image__content-home {
    flex-direction: column;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 0;
    width: 100%;
  }
  .section-image-content .content__part .image__content .image__content-image {
    width: 100%;
  }
  .section-image-content .content__part {
    padding-top: 75px;
    padding-bottom: 70px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 0;
    width: 100%;
    padding-top: 35px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-description {
    font-size: 20px;
    line-height: 28px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns {
    margin-top: 30px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns
    .btn {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-image-content .content__part {
    padding-top: 65px;
    padding-bottom: 60px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 0;
    width: 100%;
    padding-top: 35px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-description {
    font-size: 18px;
    line-height: 25px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns {
    margin-top: 25px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns
    .btn {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 577px) {
  .section-image-content .content__part {
    padding-top: 55px;
    padding-bottom: 50px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content {
    padding-right: 0;
    width: 100%;
    padding-top: 30px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-description {
    font-size: 18px;
    line-height: 25px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns {
    margin-top: 20px;
  }
  .section-image-content
    .content__part
    .image__content
    .image__content--content
    .image__content--content-btns
    .btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*******************************************
    SERVICES TEMPLATE
*******************************************/

/* section-overview */
@media screen and (max-width: 1360px) {
  body.page-template-template-services .main {
    margin-top: 100px;
  }

  section.section.section-overview .content__part {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  section.section.section-overview .content__part .overview .overview--title {
    font-size: 36px;
    line-height: 48px;
    padding: 0 30px;
  }
  section.section.section-overview .content__part .overview .overview--content {
    font-size: 22px;
    line-height: 36px;
    padding: 0 30px;
  }
  section.section.section-overview .content__part .overview + .services-body {
    margin-top: 65px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service {
    padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media screen and (max-width: 1280px) {
  body.page-template-template-services .main {
    margin-top: 80px;
  }

  section.section.section-overview .content__part {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  section.section.section-overview .content__part .overview .overview--title {
    font-size: 32px;
    line-height: 40px;
    padding: 0 30px;
  }
  section.section.section-overview .content__part .overview .overview--content {
    font-size: 20px;
    line-height: 32px;
    padding: 0 30px;
  }
  section.section.section-overview .content__part .overview + .services-body {
    margin-top: 60px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service {
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 8px;
    padding-right: 8px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1200px) {
  body.page-template-template-services .main {
    margin-top: 70px;
  }
}
@media screen and (max-width: 991px) {
  body.page-template-template-services .main {
    margin-top: 60px;
  }

  section.section.section-overview .content__part {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  section.section.section-overview .content__part .overview .overview--title {
    font-size: 28px;
    line-height: 36px;
    padding: 0 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  section.section.section-overview .content__part .overview .overview--content {
    font-size: 20px;
    line-height: 32px;
    padding: 0 30px;
    width: 100%;
  }
  section.section.section-overview .content__part .overview + .services-body {
    margin-top: 40px;
  }
  section.section.section-overview .content__part .services-body .services {
    width: 100%;
    padding: 0 14px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service {
    padding-top: 18px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 28px;
    line-height: 36px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title
    a:before,
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title
    a:after {
    width: 20px;
    height: 30px;
    background-size: 20px;
  }
  body.dark
    section.section.section-overview
    .content__part
    .services-body
    .services
    + .services
    .service:first-child {
    border-top: 1px solid #d9d9d9;
  }
  body.light
    section.section.section-overview
    .content__part
    .services-body
    .services
    + .services
    .service:first-child {
    border-top: 1px solid #141414;
  }
}
@media screen and (max-width: 577px) {
  body.page-template-template-services .main {
    margin-top: 45px;
  }
  section.section.section-overview .content__part {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  section.section.section-overview .content__part .overview .overview--title {
    font-size: 25px;
    line-height: 31px;
    padding: 0 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  section.section.section-overview .content__part .overview .overview--content {
    font-size: 18px;
    line-height: 25px;
    padding: 0 30px;
    width: 100%;
  }
  section.section.section-overview .content__part .overview + .services-body {
    margin-top: 30px;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service {
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
  }
  section.section.section-overview
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 25px;
    line-height: 31px;
  }
}

/* section-works */
@media screen and (max-width: 1360px) {
  .section-works .content__part {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-works .works {
    margin-left: -15px;
    margin-right: -15px;
  }
  .section-works .works .project {
    padding: 20px 15px;
  }
  .section-works .works .project .project--body-thumbnail {
    width: 100%;
    height: 375px;
    margin-bottom: 15px;
  }
  .section-works .works .project .project--body-content .project--title a {
    padding-right: 50px;
  }
  .section-works .works .project .project--body-content .project--title a span {
    font-size: 36px;
    line-height: 46px;
  }
  .section-works .works .project .project--body-content .project--info span {
    font-size: 16px;
    line-height: 22px;
  }
  .section-works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 7px;
    height: 7px;
    margin: 5px 10px;
  }
  .section-works .works-btns {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1280px) {
  .section-works .content__part {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section-works .works .project .project--body-thumbnail {
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
  }
  .section-works .works .project .project--body-content .project--title {
    margin-bottom: 10px;
  }
  .section-works .works .project .project--body-content .project--title a {
    padding-right: 0;
  }
  .section-works .works .project .project--body-content .project--title a span {
    font-size: 28px;
    line-height: 36px;
  }
  .section-works .works .project .project--body-content .project--info span {
    font-size: 15px;
    line-height: 20px;
  }
  .section-works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 6px;
    height: 6px;
    margin: 5px 10px;
  }
  .section-works .works-btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .section-works .content__part {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section-works .works .project {
    padding: 15px;
    width: 100%;
  }
  .section-works .works .project .project--body-thumbnail {
    width: 100%;
    height: 450px;
    margin-bottom: 15px;
  }
  .section-works .works .project .project--body-content .project--title {
    margin-bottom: 8px;
  }
  .section-works .works .project .project--body-content .project--title a span {
    font-size: 26px;
    line-height: 34px;
  }
  .section-works .works .project .project--body-content .project--info span {
    font-size: 14px;
    line-height: 16px;
  }
  .section-works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
  .section-works .works-btns {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-works .works .project .project--body-thumbnail {
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
  }
  .section-works .works .project .project--body-content .project--title a span {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 577px) {
  .section-works .content__part {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section-works .works .project {
    padding: 10px 15px;
  }
  .section-works .works .project .project--body-thumbnail {
    height: 205px;
    margin-bottom: 11px;
  }
  .section-works .works .project .project--body-content .project--title {
    margin-bottom: 5px;
  }
  .section-works .works .project .project--body-content .project--title a span {
    font-size: 25px;
    line-height: 32px;
  }
  .section-works .works .project .project--body-content .project--info span {
    font-size: 13px;
    line-height: 20px;
  }
  .section-works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 3px;
    height: 3px;
    margin: 7px 5px;
  }
  .section-works .works-btns {
    margin-top: 25px;
  }
}

/* section-testimonial */
@media screen and (max-width: 1360px) {
  .section-testimonial .content__part {
    padding-top: 130px;
    padding-bottom: 90px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 45px;
    line-height: 60px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 36px;
    line-height: 46px;
    margin-top: 45px;
    padding-left: 35px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 12px;
    height: 11px;
    top: 14px;
  }
  .section-testimonial .content__part .lwn__spinner.lwn__spinner--cool > div {
    width: 150px;
    height: 150px;
    background-size: 190px;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.right-top {
    right: 300px;
  }
}
@media screen and (max-width: 1280px) {
  .section-testimonial .content__part {
    padding-top: 110px;
    padding-bottom: 80px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 40px;
    line-height: 56px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 32px;
    line-height: 42px;
    margin-top: 40px;
    padding-left: 30px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 10px;
    height: 10px;
    top: 14px;
  }
  .section-testimonial .content__part .lwn__spinner.lwn__spinner--cool > div {
    width: 120px;
    height: 120px;
    background-size: 150px;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.right-top {
    right: 275px;
  }
}
@media screen and (max-width: 1200px) {
  .section-testimonial .content__part {
    padding-top: 90px;
    padding-bottom: 70px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 36px;
    line-height: 46px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 30px;
    line-height: 40px;
    margin-top: 35px;
    padding-left: 30px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 10px;
    height: 10px;
    top: 14px;
  }
}
@media screen and (max-width: 991px) {
  .section-testimonial .content__part {
    padding-top: 80px;
    padding-bottom: 65px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 28px;
    line-height: 36px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 28px;
    line-height: 36px;
    margin-top: 30px;
    padding-left: 25px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 8px;
    height: 8px;
    top: 12px;
  }
  .section-testimonial .content__part .lwn__spinner.lwn__spinner--cool > div {
    width: 100px;
    height: 100px;
    background-size: 130px;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.right-top {
    right: 200px;
  }
}
@media screen and (max-width: 767px) {
  .section-testimonial .content__part {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 24px;
    line-height: 32px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 24px;
    line-height: 32px;
    margin-top: 25px;
    padding-left: 20px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 6px;
    height: 6px;
    top: 12px;
  }
}
@media screen and (max-width: 577px) {
  .section-testimonial .content__part {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .section-testimonial .content__part.testimonial .testimonial--body {
    font-size: 18px;
    line-height: 25px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author {
    font-size: 18px;
    line-height: 25px;
    margin-top: 10px;
    padding-left: 15px;
  }
  .section-testimonial .content__part.testimonial .testimonial--author:before {
    width: 3px;
    height: 3px;
    top: 8px;
  }
  .section-testimonial .content__part .lwn__spinner.lwn__spinner--cool > div {
    width: 72px;
    height: 72px;
    background-size: 96px;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.middle-top {
    left: auto;
    right: 0;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.right-top {
    right: -15px;
  }
  .section-testimonial
    .content__part
    .lwn__spinner.lwn__spinner--cool.right-top-corner {
    right: -15px;
  }
}

/*******************************************
    Sustainability TEMPLATE
*******************************************/

/* section-reports */
@media screen and (max-width: 1360px) {
  .section-reports .content__part {
    padding-top: 75px;
    padding-bottom: 90px;
  }
  .section-reports .reports .reports-container .report-row {
    padding: 35px 0;
  }
  .section-reports .reports .reports-container .report-row .report-col {
    width: 50%;
  }
  .section-reports .reports .reports-container .report--title {
    font-size: 45px;
    line-height: 48px;
    max-width: 100%;
  }
  .section-reports .reports .reports-container .report--content {
    font-size: 22px;
    line-height: 32px;
    padding-left: 35px;
    padding-right: 50px;
  }
  .section-reports .reports .reports-container .report--content:before {
    width: 13px;
    height: 12px;
    left: 0;
    top: 8px;
  }
}
@media screen and (max-width: 1280px) {
  .section-reports .content__part {
    padding-top: 70px;
    padding-bottom: 80px;
  }
  .section-reports .reports .reports-container .report-row {
    padding: 30px 0;
  }
  .section-reports .reports .reports-container .report-row .report-col {
    width: 50%;
  }
  .section-reports .reports .reports-container .report--title {
    font-size: 42px;
    line-height: 46px;
    max-width: 100%;
  }
  .section-reports .reports .reports-container .report--content {
    font-size: 22px;
    line-height: 32px;
    padding-left: 35px;
    padding-right: 25px;
  }
  .section-reports .reports .reports-container .report--content:before {
    width: 11px;
    height: 10px;
    left: 0;
    top: 8px;
  }
}
@media screen and (max-width: 991px) {
  .section-reports .content__part {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-reports .reports .reports-container .report-row {
    padding: 0 0 30px 0;
  }
  .section-reports .reports .reports-container .report-row + .report-row {
    border: 0 !important;
  }
  .section-reports .reports .reports-container .report-row .report-col {
    width: 100%;
  }
  .section-reports .reports .reports-container .report--title {
    font-size: 36px;
    line-height: 42px;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .section-reports .reports .reports-container .report--content:before {
    display: none;
  }
  .section-reports .reports .reports-container .report--content {
    font-size: 22px;
    line-height: 32px;
    padding-left: 0;
    padding-right: 0;
  }
  .section-reports .owl-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-reports .owl-dots .owl-dot {
    padding: 8px !important;
  }
  .section-reports .owl-dots .owl-dot span {
    display: block;
    width: 7px;
    height: 7px;
    background: #d9d9d9;
    opacity: 0.5;
  }
  .section-reports .owl-dots .owl-dot.active span {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .section-reports .reports .reports-container .report-row {
    padding: 0 0 25px 0;
  }
  .section-reports .content__part {
    padding-top: 60px;
    padding-bottom: 25px;
  }
  .section-reports .reports .reports-container .report--title {
    font-size: 28px;
    line-height: 38px;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .section-reports .reports .reports-container .report--content {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 577px) {
  .section-reports .reports .reports-container .report-row {
    padding: 0 0 20px 0;
  }
  .section-reports .content__part {
    padding-top: 55px;
    padding-bottom: 25px;
  }
  .section-reports .reports .reports-container .report--title {
    font-size: 25px;
    line-height: 35px;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .section-reports .reports .reports-container .report--content {
    font-size: 18px;
    line-height: 25px;
  }
}

body.dark .section-reports .owl-dots .owl-dot span {
  background: #d9d9d9;
}
body.light .section-reports .owl-dots .owl-dot span {
  background: #141414;
}

.owl-nav.disabled,
.owl-dots.disabled {
  display: none;
}

/* work__logos */
@media screen and (max-width: 1360px) {
  .section-works .work__logos {
    margin-top: 15px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1280px) {
  .section-works .work__logos {
    margin-top: 10px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .section-works .work__logos {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .section-works .work__logos {
    margin-top: 5px;
    margin-bottom: 40px;
  }
  .section-works .work__logos .work__logos-logo {
    max-width: 50%;
    width: 50%;
    display: flex;
    padding: 15px 0;
  }
  .section-works .work__logos .work__logos-logo:nth-child(even) {
    justify-content: flex-end;
  }
}

/*******************************************
    Sustainability TEMPLATE
*******************************************/

/* section-partners */
@media screen and (max-width: 1360px) {
  .section-partners .section-body {
    margin-top: 125px;
    margin-bottom: 100px;
  }
  body.page-template-template-ads .section-partners .section-body {
    margin-top: 125px;
    margin-bottom: 100px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners {
    margin-left: -45px;
    margin-right: -45px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners
    .partner {
    width: 25%;
    padding: 30px 45px;
  }
}
@media screen and (max-width: 1280px) {
  .section-partners .section-body {
    margin-top: 100px;
    margin-bottom: 90px;
  }
  body.page-template-template-ads .section-partners .section-body {
    margin-top: 100px;
    margin-bottom: 90px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners {
    margin-left: -40px;
    margin-right: -40px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners
    .partner {
    width: 25%;
    padding: 25px 40px;
  }
}
@media screen and (max-width: 991px) {
  .section-partners .section-body {
    margin-top: 75px;
    margin-bottom: 60px;
  }
  body.page-template-template-ads .section-partners .section-body {
    margin-top: 75px;
    margin-bottom: 60px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners {
    margin-left: -30px;
    margin-right: -30px;
    justify-content: center;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners
    .partner {
    width: 33.3335%;
    padding: 25px;
  }
}
@media screen and (max-width: 767px) {
  .section-partners .section-body {
    margin-top: 70px;
    margin-bottom: 50px;
  }
  body.page-template-template-ads .section-partners .section-body {
    margin-top: 60px;
    margin-bottom: 50px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners {
    margin-left: -25px;
    margin-right: -25px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners
    .partner {
    width: 33.3335%;
    padding: 25px;
  }
}
@media screen and (max-width: 577px) {
  .section-partners .section-body {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  body.page-template-template-ads .section-partners .section-body {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners {
    margin-left: -25px;
    margin-right: -25px;
  }
  body.page-template-template-ads
    .section-partners
    .content__part.content__part--partners
    .partners
    .partner {
    width: 33.3335%;
    padding: 20px 25px;
    height: 90px;
  }
}

/*******************************************
    LAB
*******************************************/

@media screen and (max-width: 1360px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 100px;
    line-height: 105px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 32px;
    line-height: 40px;
    margin-top: 100px;
  }
  button.lity-close {
    width: 30px !important;
    height: 30px !important;
    right: 25px !important;
    top: 25px !important;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 90px;
    line-height: 95px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 30px;
    line-height: 38px;
    margin-top: 80px;
  }
  button.lity-close {
    width: 25px !important;
    height: 25px !important;
    right: 20px !important;
    top: 20px !important;
  }
}
@media screen and (max-width: 1200px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 75px;
    line-height: 80px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-labs .banner__content .banner__content--title,
  .banner.banner-labs .banner__content .banner__content--content {
    width: 100%;
  }
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }
  button.lity-close {
    width: 25px !important;
    height: 25px !important;
    right: 15px !important;
    top: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 24px;
    line-height: 32px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .banner.banner-labs .banner__content .banner__content--title div {
    display: inline;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  .banner.banner-labs .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .banner.banner-labs .banner__content .banner__content--content {
    font-size: 18px;
    line-height: 25px;
  }
}

/*******************************************
    HOMEPAGE
*******************************************/

/* section-capabilities */
@media screen and (max-width: 1360px) {
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title {
    padding-right: 120px;
    font-size: 100px;
    line-height: 120px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:after {
    width: 120px;
    height: 120px;
    background-size: 120px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:after,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:after {
    background-size: 100px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:after {
    background-size: 120px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee
    .marquee
    .clipped-text {
    padding-right: 90px;
    font-size: 100px;
    line-height: 120px;
  }
  .section-capabilities .section-body {
    margin-top: 125px;
    margin-bottom: 150px;
  }
  .section-capabilities .content__part.content {
    margin-bottom: 70px;
  }
  .section-capabilities .content__part.content .content__part-body p {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 60px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 1280px) {
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title {
    padding-right: 100px;
    font-size: 80px;
    line-height: 100px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:after {
    width: 100px;
    height: 100px;
    background-size: 100px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:after,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:after {
    background-size: 80px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:after {
    background-size: 100px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee
    .marquee
    .clipped-text {
    padding-right: 80px;
    font-size: 80px;
    line-height: 100px;
  }
  .section-capabilities .section-body {
    margin-top: 110px;
    margin-bottom: 125px;
  }
  .section-capabilities .content__part.content {
    margin-bottom: 60px;
  }
  .section-capabilities .content__part.content .content__part-body p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 50px;
    padding-right: 60px;
  }
  body.dark
    .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    + .capability {
    border-top: 2px solid #d9d9d9;
  }
  body.light
    .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    + .capability {
    border-top: 2px solid #141414;
  }
}
@media screen and (max-width: 991px) {
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title {
    padding-right: 80px;
    font-size: 60px;
    line-height: 80px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:after {
    width: 80px;
    height: 80px;
    background-size: 80px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:after,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:after {
    background-size: 50px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:after {
    background-size: 70px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee {
    display: none !important;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee
    .marquee
    .clipped-text {
    padding-right: 60px;
    font-size: 60px;
    line-height: 70px;
  }
  .section-capabilities .section-body {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .section-capabilities .content__part.content {
    margin-bottom: 50px;
  }
  .section-capabilities .content__part.content .content__part-body p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 40px;
    padding-right: 50px;
  }
  body.dark
    .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    + .capability {
    border-top: 1px solid #d9d9d9;
  }
  body.light
    .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    + .capability {
    border-top: 1px solid #141414;
  }
}
@media screen and (max-width: 767px) {
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title {
    padding-right: 60px;
    font-size: 50px;
    line-height: 60px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:after {
    width: 60px;
    height: 60px;
    background-size: 60px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:after,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:after {
    background-size: 40px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:after {
    background-size: 50px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee
    .marquee
    .clipped-text {
    padding-right: 50px;
    font-size: 50px;
    line-height: 60px;
  }
  .section-capabilities .section-body {
    margin-top: 70px;
    margin-bottom: 40px;
  }
  .section-capabilities .content__part.content {
    margin-bottom: 40px;
  }
  .section-capabilities .content__part.content .content__part-body p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 577px) {
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title {
    padding-right: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability--title:after {
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-top
    .capability--title:after,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-down
    .capability--title:after {
    background-size: 27px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:before,
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability.arrow-right
    .capability--title:after {
    background-size: 35px;
  }
  .section-capabilities
    .content__part.content__part--capabilities
    .capabilities
    .capability
    .capability-marquee
    .marquee
    .clipped-text {
    padding-right: 40px;
    font-size: 40px;
    line-height: 40px;
  }
  .section-capabilities .section-body {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .section-capabilities .content__part.content .content__part-body p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 60px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 1360px) {
  .section-partners .content__part.content__part--partners .partners {
    margin-left: -45px;
    margin-right: -45px;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    width: 25%;
    padding: 30px 45px;
  }
  .section-partners .content__part.content {
    margin-bottom: 50px;
  }
  .section-partners .content__part.content .content__part-body h2 {
    font-size: 42px;
    line-height: 56px;
  }
  .section-partners .content__part.content__part--image {
    margin-top: 100px;
  }
  .section-partners .content__part.content__part--image .image {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1280px) {
  .section-partners .content__part.content__part--partners .partners {
    margin-left: -40px;
    margin-right: -40px;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    width: 25%;
    padding: 25px 40px;
  }
  .section-partners .content__part.content {
    margin-bottom: 45px;
  }
  .section-partners .content__part.content .content__part-body h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .section-partners .content__part.content__part--image {
    margin-top: 80px;
  }
}
@media screen and (max-width: 991px) {
  .section-partners .content__part.content__part--partners .partners {
    margin-left: -30px;
    margin-right: -30px;
    justify-content: center;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    width: 33.3335%;
    padding: 25px;
  }
  .section-partners .content__part.content {
    margin-bottom: 40px;
  }
  .section-partners .content__part.content .content__part-body h2 {
    font-size: 28px;
    line-height: 42px;
  }
  .section-partners .content__part.content__part--image {
    margin-top: 60px;
  }
  .section-partners .content__part.content__part--image .image {
    height: 300px;
  }
  .section-partners .content__part.content__part--image .image .reveal-box {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-partners .content__part.content__part--partners .partners {
    margin-left: -25px;
    margin-right: -25px;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    width: 33.3335%;
    padding: 25px;
  }
  .section-partners .content__part.content {
    margin-bottom: 30px;
  }
  .section-partners .content__part.content .content__part-body h2 {
    font-size: 22px;
    line-height: 36px;
  }
  .section-partners .content__part.content__part--image {
    margin-top: 40px;
  }
  .section-partners .content__part.content__part--image .image {
    height: 250px;
  }
}
@media screen and (max-width: 577px) {
  .section-partners .content__part.content__part--partners .partners {
    margin-left: -25px;
    margin-right: -25px;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    width: 33.3335%;
    padding: 15px 25px;
  }
  .section-partners .content__part.content {
    margin-bottom: 15px;
  }
  .section-partners .content__part.content__part--partners .partners .partner {
    align-items: center;
    justify-content: center;
    display: flex;
  }
  .section-partners
    .content__part.content__part--partners
    .partners
    .partner
    .partner-img {
    max-width: 100%;
    width: auto;
    height: auto;
    transform: none;
  }

  .section-partners .content__part.content .content__part-body h2 {
    font-size: 18px;
    line-height: 25px;
  }
  .section-partners .content__part.content__part--image {
    margin-top: 20px;
  }
  .section-partners .content__part.content__part--image .image {
    height: 220px;
  }
}
@media screen and (max-width: 479px) {
  .section-partners .content__part.content__part--image .image {
    height: 195px;
  }
}

.section-works_carousel-mobile {
  display: none;
}
@media screen and (max-height: 900px) and (max-width: 1440px) {
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 20px;
    padding-top: 0;
  }
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 800px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 45px;
    line-height: 60px;
  }
  .section-works_carousel .section-body {
    margin-top: 90px;
    margin-bottom: 110px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 50px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 700px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 475px;
    margin-bottom: 22px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 26px;
    line-height: 28px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 16px;
    line-height: 18px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
}
@media screen and (max-height: 850px) and (max-width: 1440px) {
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 700px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 40px;
    line-height: 54px;
  }
  .section-works_carousel .section-body {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 45px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 650px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 24px;
    line-height: 26px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 15px;
    line-height: 18px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
}
@media screen and (max-height: 800px) and (max-width: 1440px) {
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 650px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .section-works_carousel .section-body {
    margin-top: 75px;
    margin-bottom: 90px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 40px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 600px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 22px;
    line-height: 24px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 14px;
    line-height: 16px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 4px;
    height: 4px;
    margin: 5px 10px;
  }
}
@media screen and (max-width: 1360px) {
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 800px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 45px;
    line-height: 60px;
  }
  .section-works_carousel .section-body {
    margin-top: 90px;
    margin-bottom: 110px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 50px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 700px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 475px;
    margin-bottom: 22px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 26px;
    line-height: 28px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 16px;
    line-height: 18px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
}
@media screen and (max-width: 1280px) {
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 700px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 40px;
    line-height: 54px;
  }
  .section-works_carousel .section-body {
    margin-top: 80px;
    margin-bottom: 100px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 45px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 650px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 24px;
    line-height: 26px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 15px;
    line-height: 18px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 5px;
    height: 5px;
    margin: 5px 10px;
  }
}
@media screen and (max-width: 1200px) {
  .section-works_carousel .content__part.content .content__part-body {
    max-width: 650px;
  }
  .section-works_carousel .content__part.content .content__part-body h2 {
    font-size: 36px;
    line-height: 48px;
  }
  .section-works_carousel .section-body {
    margin-top: 75px;
    margin-bottom: 90px;
  }
  .section-works_carousel .content__part.content__part--works .works {
    padding-top: 40px;
  }
  .section-works_carousel .content__part.content__part--works .works .project {
    width: 600px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 22px;
    line-height: 24px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 14px;
    line-height: 16px;
  }
  .section-works_carousel
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 4px;
    height: 4px;
    margin: 5px 10px;
  }
}

.section-works_carousel-mobile {
  position: relative;
  overflow: hidden;
}
.section-works_carousel-mobile .section-body {
  margin-top: 60px;
  margin-bottom: 60px;
}
.section-works_carousel-mobile .section-body .panel {
  padding-top: 40px;
}
.section-works_carousel-mobile .content__part.content {
  margin-bottom: 0px;
}
.section-works_carousel-mobile .content__part.content .content__part-body {
  max-width: 500px;
}
.section-works_carousel-mobile .content__part.content .content__part-body h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 48px;
  margin: 0 0 40px 0;
}
.section-works_carousel-mobile .content__part.content .content__part-body h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 34px;
  line-height: 46px;
  margin: 0 0 40px 0;
}
.section-works_carousel-mobile .content__part.content .content__part-body h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin: 0 0 40px 0;
}
.section-works_carousel-mobile .content__part.content .content__part-body h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 38px;
  margin: 0 0 40px 0;
}
.section-works_carousel-mobile .content__part.content .content__part-body h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 36px;
  margin: 0 0 40px 0;
}
.section-works_carousel-mobile .content__part.content .content__part-body p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 40px;
  padding-right: 50px;
}
.section-works_carousel-mobile
  .content__part.content
  .content__part-body
  p
  strong {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.section-works_carousel-mobile
  .content__part.content
  .content__part-body
  > *:last-child {
  margin-bottom: 0;
}
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h2,
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h3,
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h4,
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h5,
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h6,
body.dark
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  p {
  color: #d9d9d9;
}
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h2,
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h3,
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h4,
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h5,
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  h6,
body.light
  .section-works_carousel-mobile
  .content__part.content
  .content__part-body
  p {
  color: #141414;
}

.section-works_carousel-mobile .content__part.content__part--works {
  padding: 25px 0;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .owl-carousel
  .owl-stage-outer {
  overflow: visible;
}
.section-works_carousel-mobile .content__part.content__part--works .works {
  padding-top: 30px;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project {
  margin: 0;
  float: left;
  display: inline;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project:first-child {
  margin-left: 0;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project:last-child {
  margin-right: 0;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 500px;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-thumbnail {
  width: 100%;
  height: 325px;
  position: relative;
  margin-bottom: 15px;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-thumbnail
  .project--body-thumbnail-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project.big
  .project--body-content {
  width: 100%;
  display: block;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 8px;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a
  span {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  position: relative;
}
/* .section-works_carousel-mobile .content__part.content__part--works .works .project .project--body-content .project--title a span:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #e03358;
    position: absolute;
    top: 50%;
    left: 0;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-works_carousel-mobile .content__part.content__part--works .works .project .project--body-content .project--title a:hover span:after {
    position: absolute;
    opacity: 1;
} */

.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a
  span {
  text-decoration: line-through;
  text-decoration-color: transparent;
  -webkit-transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: text-decoration-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a:hover
  span {
  text-decoration: line-through;
  text-decoration-color: #e03358 !important;
}

.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
}
.section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin: 5px 5px;
}

body.light
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.light
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.light
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--author {
  color: #141414;
}
body.dark
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--title
  a,
body.dark
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--excerpt,
body.dark
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--author {
  color: #d9d9d9;
}
body.light
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #141414;
}
body.light
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #141414;
}
body.dark
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span {
  color: #d9d9d9;
}
body.dark
  .section-works_carousel-mobile
  .content__part.content__part--works
  .works
  .project
  .project--body-content
  .project--info
  span
  + span:before {
  background-color: #d9d9d9;
}

@media screen and (max-width: 991px) {
  .section-works_carousel.desktop {
    display: none;
  }
  .section-works_carousel-mobile {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project {
    width: 400px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 260px;
    margin-bottom: 15px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a {
    margin-bottom: 6px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 20px;
    line-height: 22px;
  }

  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 14px;
    line-height: 16px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 4px;
    height: 4px;
    margin: 4px 5px;
  }

  .section-works_carousel-mobile .content__part.content__part--works {
    padding: 20px 0;
  }
  .section-works_carousel-mobile .section-body {
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .section-works_carousel-mobile .section-body .panel {
    padding-top: 40px;
  }
  .section-works_carousel-mobile .content__part.content {
    margin-bottom: 0px;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body {
    max-width: 500px;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 20px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h3 {
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 20px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h4 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 20px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h5 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 20px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h6 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 20px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
    padding-right: 50px;
  }
  .section-works_carousel-mobile
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 18px;
    line-height: 25px;
  }
  .section-works_carousel-mobile
    .content__part.content
    .content__part-body
    > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 577px) {
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project {
    width: 350px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 225px;
    margin-bottom: 15px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a {
    margin-bottom: 6px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 20px;
    line-height: 22px;
  }

  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 3px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 4px;
    height: 4px;
    margin: 4px 5px;
  }
  .section-works_carousel-mobile .content__part.content__part--works {
    padding: 20px 0;
  }
  .section-works_carousel-mobile .section-body {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .section-works_carousel-mobile .section-body .panel {
    padding-top: 20px;
  }
  .section-works_carousel-mobile .content__part.content {
    margin-bottom: 0px;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body {
    max-width: 400px;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h3 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h5 {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 15px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body h6 {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 15px 0;
  }
  .section-works_carousel-mobile .content__part.content .content__part-body p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    padding-right: 50px;
  }
  .section-works_carousel-mobile
    .content__part.content
    .content__part-body
    p
    strong {
    font-size: 16px;
    line-height: 22px;
  }
  .section-works_carousel-mobile
    .content__part.content
    .content__part-body
    > *:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 479px) {
  .section-works_carousel-mobile .content__part.content .content__part-body h2,
  .section-works_carousel-mobile .content__part.content .content__part-body h3,
  .section-works_carousel-mobile .content__part.content .content__part-body h4,
  .section-works_carousel-mobile .content__part.content .content__part-body h5,
  .section-works_carousel-mobile .content__part.content .content__part-body h6 {
    font-size: 18px;
    line-height: 25px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project {
    width: 290px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-thumbnail {
    width: 100%;
    height: 190px;
    margin-bottom: 12px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a {
    margin-bottom: 6px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--title
    a
    span {
    font-size: 18px;
    line-height: 19px;
  }

  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span {
    font-size: 13px;
    line-height: 14px;
  }
  .section-works_carousel-mobile
    .content__part.content__part--works
    .works
    .project
    .project--body-content
    .project--info
    span
    + span:before {
    width: 4px;
    height: 4px;
    margin: 4px 5px;
  }
}

/* Cookies popup */
@media screen and (max-width: 1280px) {
  body .cky-consent-container {
    width: 400px;
  }
  body .cky-consent-container .cky-consent-bar {
    padding: 25px 27px;
  }
  body .cky-consent-container .cky-consent-bar .cky-notice .cky-title {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 12px;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-des {
    font-size: 15px;
    line-height: 24px;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-btn-wrapper {
    margin-top: 25px;
  }
  body .cky-btn {
    font-size: 15px;
    line-height: 20px;
    padding: 10px 10px 8px;
  }
  body .cky-modal {
    max-width: 700px;
  }
  body .cky-modal .cky-preference-header {
    padding: 25px;
  }
  body .cky-modal .cky-preference-body-wrapper {
    padding: 0px 25px;
  }
  body .cky-modal .cky-preference-header .cky-preference-title {
    font-size: 25px;
    line-height: 28px;
  }
  body .cky-modal .cky-preference-header .cky-btn-close {
    width: 20px;
    height: 20px;
    display: block;
    right: 20px;
    top: 26px;
  }
  body .cky-modal .cky-preference-body-wrapper .cky-preference-content-wrapper {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item {
    margin-top: 20px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-chevron {
    margin-right: 15px;
    width: 25px;
    height: 20px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-chevron
    i::after {
    width: 20px;
    height: 20px;
    background-size: 18px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header-des {
    margin: 5px 0 25px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 10px 12px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"] {
    width: 40px;
    height: 22px;
    border-radius: 50px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"]:before {
    height: 15px;
    width: 15px;
    left: 2px;
    bottom: 2px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"]:checked:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body {
    padding: 0;
    margin-bottom: 30px;
    margin-left: 40px;
  }
  .cky-cookie-des-table li div:first-child {
    width: 90px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    li
    div:first-child,
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    li
    div:last-child {
    font-size: 13px;
    line-height: 22px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    + .cky-cookie-des-table {
    margin-top: 20px;
  }
}
@media screen and (max-width: 991px) {
  body .cky-consent-container {
    width: 350px;
  }
  body .cky-consent-container .cky-consent-bar {
    padding: 20px 20px;
  }
  body .cky-consent-container .cky-consent-bar .cky-notice .cky-title {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-des {
    font-size: 14px;
    line-height: 22px;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-btn-wrapper {
    margin-top: 20px;
  }
  body .cky-btn {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 8px;
  }
  body .cky-modal {
    max-width: 600px;
  }
  body .cky-modal .cky-preference-header {
    padding: 20px;
  }
  body .cky-modal .cky-preference-header .cky-preference-title {
    font-size: 24px;
    line-height: 28px;
  }
  body .cky-modal .cky-preference-header .cky-btn-close {
    width: 20px;
    height: 20px;
    display: block;
    right: 20px;
    top: 22px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-chevron {
    margin-right: 15px;
    width: 25px;
    height: 20px;
    display: none;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item {
    margin-top: 15px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-accordion-btn {
    font-size: 16px;
    line-height: 22px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-always-active {
    font-size: 14px;
    line-height: 22px;
  }
  .cky-notice-des *,
  .cky-preference-content-wrapper *,
  .cky-accordion-header-des *,
  .cky-gpc-wrapper .cky-gpc-desc * {
    font-size: 13px;
    line-height: 20px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header-des {
    margin: 5px 0 20px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body {
    padding: 0;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-empty-cookies-text {
    font-size: 13px;
    line-height: 22px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    + .cky-cookie-des-table {
    margin-top: 15px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    li
    div:first-child,
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body
    .cky-audit-table
    .cky-cookie-des-table
    li
    div:last-child {
    font-size: 12px;
    line-height: 16px;
  }
  body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper {
    padding: 10px 20px 20px;
    border-top: none;
  }
}
@media screen and (max-width: 577px) {
  body .cky-consent-container {
    width: 100%;
  }
  body .cky-consent-container .cky-consent-bar {
    padding: 25px 27px;
  }
  body .cky-consent-container .cky-consent-bar .cky-notice .cky-title {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 20px;
    padding: 0;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-des {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-des,
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-des
    p {
    font-size: 18px;
    line-height: 25px;
    padding: 0;
  }
  body
    .cky-consent-container
    .cky-consent-bar
    .cky-notice
    .cky-notice-group
    .cky-notice-btn-wrapper {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  body .cky-btn {
    margin: 0 !important;
  }
  body .cky-notice-btn-wrapper {
    flex-direction: row !important;
  }
  .cky-notice-btn-wrapper .cky-btn-accept {
    order: 1;
    margin-top: 0;
  }

  body .cky-btn {
    font-size: 18px;
    line-height: 21px;
    padding: 14px 30px 12px;
    display: inline-flex !important;
    width: auto;
    flex-grow: inherit !important;
  }
  body .cky-btn.cky-btn-customize {
    padding: 14px 25px 12px 25px;
    margin-left: 8px !important;
  }
  /* body .cky-btn.cky-btn-customize:after {
        content: "";
        display: block;
        margin-left: 6px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        margin-left: 7px;
        width: 15px;
        height: 17px;
        background-size: 14px;
        background-image: url(images/btn-arrow-top.svg);
    } */
  .cky-notice-btn-wrapper .cky-btn-reject {
    display: none !important;
  }
  body .cky-modal {
    max-width: 100%;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"] {
    width: 35px;
    height: 20px;
    border-radius: 50px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"]:before {
    height: 15px;
    width: 15px;
    left: 1px;
    bottom: 1px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-switch
    input[type="checkbox"]:checked:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
  body .cky-modal .cky-preference-header {
    padding: 40px 30px 20px 30px;
  }
  body .cky-modal .cky-preference-header .cky-preference-title {
    font-size: 40px;
    line-height: 47px;
  }
  body .cky-modal .cky-preference-body-wrapper {
    padding: 0px 30px;
  }
  body .cky-modal .cky-preference-body-wrapper .cky-preference-content-wrapper {
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
  }
  .cky-preference-content-wrapper * {
    font-size: 18px !important;
    line-height: 25px !important;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-accordion-btn {
    font-size: 22px;
    line-height: 35px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item
    .cky-accordion-header-wrapper
    .cky-accordion-header
    .cky-always-active {
    font-size: 18px;
    line-height: 25px;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion,
  body .cky-modal .cky-preference-body-wrapper .cky-preference-content-wrapper {
    border-bottom: none !important;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-item {
    margin-top: 0;
  }
  body
    .cky-modal
    .cky-preference-body-wrapper
    .cky-accordion-wrapper
    .cky-accordion
    .cky-accordion-body {
    padding: 0;
    margin-bottom: 20px;
    margin-left: 0;
  }
  body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn {
    font-size: 18px;
    line-height: 22px;
    padding: 14px 24px 12px;
    display: inline-flex !important;
    width: auto;
  }
  body
    .cky-modal
    .cky-footer-wrapper
    .cky-prefrence-btn-wrapper
    .cky-btn.cky-btn-preferences {
    display: none !important;
  }
  body
    .cky-modal
    .cky-footer-wrapper
    .cky-prefrence-btn-wrapper
    .cky-btn.cky-btn-reject {
    display: inline-flex !important;
    margin-left: 8px !important;
  }
  body .cky-modal .cky-footer-wrapper .cky-prefrence-btn-wrapper {
    padding: 20px 30px 30px;
    border-top: none;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
  }
  body .cky-consent-container .cky-consent-bar {
    padding: 40px 30px 50px;
  }
  body .cky-modal .cky-preference-header .cky-btn-close {
    width: 20px;
    height: 20px;
    display: block;
    right: 28px;
    top: 48px;
    width: 14px;
    height: 14px;
    background: #e03358 !important;
  }
  body .cky-consent-container .cky-consent-bar {
    padding: 40px 30px;
  }

  .cky-modal {
    transform: translate(0%, 100%) !important;
  }
  .cky-modal.cky-modal-open {
    display: flex;
    visibility: visible;
    -webkit-transform: translate(0%, 0%) !important;
    -moz-transform: translate(0%, 0%) !important;
    -ms-transform: translate(0%, 0%) !important;
    -o-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    transition: all 1s ease;
    max-height: 90vh;
  }

  body .cky-modal .cky-preference-header .cky-preference-title {
    padding-right: 30px;
  }
}

/*
    Contact
*/
.section.section-contact {
  min-height: 620px;
}
.section.section-contact .section__content {
  margin-top: 105px;
  margin-bottom: 40px;
  padding: 125px 0;
  display: flex;
  flex-wrap: wrap;
}
.section.section-contact .section__content .section__content--title {
  font-style: normal;
  font-weight: 600;
  font-size: 110px;
  line-height: 115px;
  margin: 0;
}
.section.section-contact .section__content .section__content--content {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
  margin: 0;
  max-width: 600px;
}
.section.section-contact
  .section__content
  .section__content--company_information
  * {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
.section.section-contact
  .section__content
  .section__content--company_information
  *
  a {
  text-decoration: underline;
}

.section.section-contact .section__content .section__content--info {
  width: 50%;
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section.section-contact .section__content .section__content--info.mobile {
  display: none;
}
.section.section-contact .section__content .section__content--form {
  width: 50%;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields {
  grid-column-gap: 2%;
  grid-row-gap: 30px;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  padding-left: 35px;
  margin-bottom: 7px;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label
  .gfield_required {
  display: none !important;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 15px 35px;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  border-radius: 40px;
  background: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  padding: 15px 35px;
  height: 220px;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer {
  margin: 0;
  padding: 0;
  margin-top: 50px;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  padding: 19px 30px 14px;
  border: 0 !important;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button
  span {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #e03358;
  transition:
    width 0.4s ease-in-out,
    height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

body.dark .section.section-contact .section__content .section__content--title {
  color: #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--content {
  color: #d9d9d9;
}

body.light .section.section-contact .section__content .section__content--title {
  color: #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--content {
  color: #141414;
}

body.dark
  .section.section-contact
  .section__content
  .section__content--company_information
  * {
  color: #d9d9d9;
}
body.light
  .section.section-contact
  .section__content
  .section__content--company_information
  * {
  color: #141414;
}
body
  .section.section-contact
  .section__content
  .section__content--company_information
  *
  a:hover {
  color: #e03358;
}

body.dark .section.section-contact .section__content {
  border-bottom: 1px solid #d9d9d9;
}
body.light .section.section-contact .section__content {
  border-bottom: 1px solid #141414;
}

body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button {
  background: #d9d9d9;
  color: #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button {
  background: #141414;
  color: #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:before {
  border: 2px solid #d9d9d9;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:before {
  border: 2px solid #141414;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:hover {
  color: #fff !important;
  background: transparent !important;
  border-color: #e03358 !important;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:hover:before {
  opacity: 0;
}
.section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  .gform_button:hover
  span {
  width: 225%;
  height: 562.5px;
}
.section.section-contact
  .section__content
  .section__content--form
  .contact_us-texts {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 35px;
  display: none;
}

/* ERRORS */
.section.section-contact
  .section__content
  .section__content--form
  .gform_validation_errors {
  display: none !important;
}
.section.section-contact
  .section__content
  .section__content--form
  .validation_message {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  padding-left: 25px;
  margin-bottom: 0;
  background: transparent;
  border: 0;
}

.section.section-contact .section__image {
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-bottom: 90px;
}
.section.section-contact .section__image .section__image-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.dark .gform_confirmation_wrapper .gform_confirmation_message {
  color: #d9d9d9;
}
body.light .gform_confirmation_wrapper .gform_confirmation_message {
  color: #141414;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #d9d9d9;
  border: 2px solid #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  input {
  background: transparent;
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
}
body.dark
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  input:hover {
  background: #d9d9d9;
  border: 2px solid #d9d9d9;
  color: #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .gfield_label {
  color: #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  input {
  color: #141414;
  border: 2px solid #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_body
  .gform_fields
  .gfield
  .ginput_container
  textarea {
  color: #141414;
  border: 2px solid #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  input {
  background: transparent;
  border: 2px solid #141414;
  color: #141414;
}
body.light
  .section.section-contact
  .section__content
  .section__content--form
  .gform_footer
  input:hover {
  background: #141414;
  border: 2px solid #141414;
  color: #d9d9d9;
}
@media screen and (max-width: 1360px) {
  .section.section-contact .section__content .section__content--title {
    font-size: 100px;
    line-height: 105px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 32px;
    line-height: 40px;
    margin-top: 100px;
  }
  .section.section-contact .section__image {
    margin-bottom: 75px;
  }
  .section.section-contact .section__content .section__content--info {
    width: 50%;
    padding-right: 45px;
  }
  .section.section-contact .section__content .section__content--form {
    width: 50%;
  }
}
@media screen and (max-width: 1280px) {
  .section.section-contact .section__content .section__content--title {
    font-size: 90px;
    line-height: 95px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 30px;
    line-height: 38px;
    margin-top: 80px;
  }
  .section.section-contact .section__image {
    margin-bottom: 60px;
  }
  .section.section-contact .section__content .section__content--info {
    width: 50%;
    padding-right: 40px;
  }
  .section.section-contact .section__content .section__content--form {
    width: 50%;
  }
  .section.section-contact
    .section__content
    .section__content--company_information
    * {
    font-size: 30px;
    line-height: 40px;
  }

  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 18px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 22px;
    line-height: 32px;
    padding-left: 30px;
    margin-bottom: 7px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 35px;
    font-size: 22px;
    line-height: 40px;
    padding: 12px 30px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 35px;
    font-size: 22px;
    line-height: 40px;
    padding: 12px 35px;
    height: 180px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer {
    margin-top: 40px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer
    .gform_button {
    border-radius: 50px;
    font-size: 18px;
    line-height: 20px;
    padding: 16px 30px 13px;
  }
}
@media screen and (max-width: 1200px) {
  .section.section-contact .section__content .section__content--title {
    font-size: 75px;
    line-height: 80px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 60px;
  }
  .section.section-contact .section__image {
    margin-bottom: 50px;
  }
  .section.section-contact .section__content .section__content--info {
    width: 50%;
    padding-right: 30px;
  }
  .section.section-contact .section__content .section__content--form {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .section.section-contact {
    min-height: auto;
  }
  .section.section-contact .reveal-box {
    height: 100%;
  }
  .section.section-contact .section__content {
    margin-top: 180px;
    padding: 80px 0 80px;
    display: block;
  }
  .section.section-contact .section__content .section__content--info {
    width: 100%;
    padding-right: 0;
    display: block;
    margin-bottom: 50px;
  }
  .section.section-contact
    .section__content
    .section__content--info.desktop
    .section__content--company_information {
    display: none;
  }
  .section.section-contact .section__content .section__content--info.mobile {
    display: block;
    margin-top: 50px;
  }
  .section.section-contact .section__content .section__content--title,
  .section.section-contact .section__content .section__content--content {
    width: 100%;
  }
  .section.section-contact .section__content .section__content--title {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 40px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
  }
  .section.section-contact .section__image {
    height: 300px;
    margin-bottom: 40px;
  }
  .section.section-contact .section__content .section__content--form {
    width: 100%;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 18px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 18px;
    line-height: 28px;
    padding-left: 25px;
    margin-bottom: 5px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 35px;
    font-size: 18px;
    line-height: 40px;
    padding: 5px 20px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 20px;
    font-size: 18px;
    line-height: 28px;
    padding: 12px 20px;
    height: 180px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer {
    margin-top: 30px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 30px 11px;
  }
}
@media screen and (max-width: 767px) {
  .section.section-contact .section__content {
    margin-top: 180px;
    padding: 60px 0 60px;
    display: block;
  }
  .section.section-contact .section__content .section__content--info {
    margin-bottom: 40px;
  }
  .section.section-contact .section__content .section__content--title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 35px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 24px;
    line-height: 32px;
  }
  .section.section-contact .section__image {
    height: 250px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 577px) {
  .section.section-contact .section__content {
    margin-top: 180px;
    padding: 50px 0 55px;
    display: block;
  }
  .section.section-contact .section__content .section__content--title {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 30px;
  }
  .section.section-contact .section__content .section__content--title div {
    display: inline;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 22px;
    line-height: 30px;
  }
  .section.section-contact .section__image {
    height: 220px;
    margin-bottom: 35px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields {
    grid-column-gap: 2%;
    grid-row-gap: 10px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .gfield_label {
    font-size: 15px;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 5px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    input {
    border-radius: 20px;
    font-size: 15px;
    line-height: 30px;
    padding: 4px 13px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_body
    .gform_fields
    .gfield
    .ginput_container
    textarea {
    border-radius: 15px;
    font-size: 15px;
    line-height: 25px;
    padding: 13px;
    height: 140px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer {
    margin-top: 15px;
  }
  .section.section-contact
    .section__content
    .section__content--form
    .gform_footer
    .gform_button {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 11px 14px 8px;
  }
  .section.section-contact
    .section__content
    .section__content--company_information
    * {
    font-size: 18px;
    line-height: 25px;
  }
  .section.section-contact .section__content .section__content--info.mobile {
    margin-top: 40px;
  }
}
@media screen and (max-width: 479px) {
  .section.section-contact .section__content {
    margin-top: 180px;
    padding: 45px 0 50px;
    display: block;
  }
  .section.section-contact .section__content .section__content--info {
    margin-bottom: 30px;
  }
  .section.section-contact .section__content .section__content--title {
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .section.section-contact .section__content .section__content--content {
    font-size: 20px;
    line-height: 28px;
  }
  .section.section-contact .section__image {
    height: 195px;
    margin-bottom: 20px;
  }
  .section.section-contact .section__content .section__content--info.mobile {
    margin-top: 30px;
  }
}

/*
    HEADER ANIMATION
 */
@media (min-width: 992px) {
  header.header {
    position: absolute;
    top: 20px;
  }

  body.admin-bar header.header {
    top: 52px;
  }
}

header.header.small {
  position: fixed;
  padding: 20px 0;
  opacity: 0;
  mix-blend-mode: difference;
}

body.dark header.header.small {
  /* background: #141414; */
  background: transparent;
}
body.light header.header.small {
  background: transparent;
  /* mix-blend-mode: normal; */
}

/* Logo */
body
  header.header.small
  .header-left
  .header__logo
  .header__logo--logo
  .logo.light-version {
  opacity: 1;
  display: block;
}

body
  header.header.small
  .header-left
  .header__logo
  .header__logo--logo
  .logo.dark-version {
  display: none;
}
/* body.dark header.header.small .header-left .header__logo .header__logo--logo .logo.dark-version {
    opacity: 0;
}
body.light  header.header.small .header-left .header__logo .header__logo--logo .logo.light-version {
    opacity: 0;
}
body.light header.header.small .header-left .header__logo .header__logo--logo .logo.dark-version {
    opacity: 1;
} */
/* body  header.header.small .header-left .header__logo .header__logo--logo .logo.dark-version {
    opacity: 1;
} */

body.dark header.header.small .header-right {
  border-bottom: none;
}
body.light header.header.small .header-right {
  border-bottom: none;
}

/* menu item */
body.dark
  header.header.small
  .header-right
  .header__menu
  #primary-menu
  .menu-item
  a {
  color: #d9d9d9;
}
body.light
  header.header.small
  .header-right
  .header__menu
  #primary-menu
  .menu-item
  a {
  color: #f3f3ef;
}

body.dark
  header.header.small
  .header-right
  .header__menu
  #primary-menu
  .menu-item
  a:hover,
body.light
  header.header.small
  .header-right
  .header__menu
  #primary-menu
  .menu-item
  a:hover {
  color: #e03358;
}

header.header.animated {
  -webkit-transition:
    padding-top 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  transition:
    padding-top 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    background 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1),
    transform 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
}
header.header.slide-down {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
header.header.slide-up {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media screen and (max-width: 577px) {
  .works .project .project--body-content .project--info span {
    display: none !important;
  }
  .works .project .project--body-content .project--info span:nth-child(1),
  .works .project .project--body-content .project--info span:nth-child(2),
  .works .project .project--body-content .project--info span:nth-child(3) {
    display: flex !important;
  }
}

body .main {
  overflow-x: hidden;
}

@media screen and (max-width: 991px) {
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  body.single-post .main .section-post-content .section__body .post__contents {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents
    .post__contents--title:after {
    content: "";
    display: block;
    margin-left: 6px;
    width: 20px;
    height: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(images/accordion-arrow-top-small.svg);
    -webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents.active
    .post__contents--title:after {
    transform: rotate(90deg);
  }
  body.single-post
    .main
    .section-post-content
    .section__body
    .post__contents.active
    .post__contents--list {
    max-height: 2000px;
    padding-top: 20px;
  }
}

.banner.banner-landing {
  padding-bottom: 120px;
}
.banner.banner-landing .banner__content .banner__content--title {
  font-size: 90px;
  line-height: 95px;
}
.banner.banner-landing .banner__content--content .banner__content--btns {
  margin-top: 50px;
}

@media screen and (min-width: 992px) {
  .banner.banner-landing
    .banner__content--content
    .banner__content--btns
    .btn.btn-bordered {
    padding: 19px 27px 16px 30px;
  }
}
@media screen and (max-width: 1280px) {
  .banner.banner-landing {
    padding-bottom: 60px;
  }
  .banner.banner-landing .banner__content .banner__content--title {
    font-size: 80px;
    line-height: 85px;
  }
  .banner.banner-landing .banner__content--content .banner__content--btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .banner.banner-landing {
    padding-bottom: 50px;
  }
  .banner.banner-landing .banner__content .banner__content--title {
    font-size: 60px;
    line-height: 70px;
  }
  .banner.banner-landing .banner__content--content .banner__content--btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .banner.banner-landing {
    padding-bottom: 40px;
  }
  .banner.banner-landing .banner__content .banner__content--title {
    font-size: 50px;
    line-height: 60px;
  }
  .banner.banner-landing .banner__content--content .banner__content--btns {
    margin-top: 40px;
  }
}
@media screen and (max-width: 577px) {
  .banner.banner-landing {
    padding-bottom: 35px;
  }
  .banner.banner-landing .banner__content .banner__content--title {
    font-size: 45px;
    line-height: 55px;
  }
  .banner.banner-landing .banner__content--content .banner__content--btns {
    margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .banner.banner-landing {
    padding-bottom: 30px;
  }
  .banner.banner-landing .banner__content .banner__content--title {
    font-size: 40px;
    line-height: 47px;
  }
  .banner.banner-landing .banner__content--content .banner__content--btns {
    margin-top: 40px;
  }
}

@media screen and (max-width: 991px) {
  body
    .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_footer
    .gform_button
    span,
  body .gform_footer .gform_button span,
  body
    .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer
    .gform_button
    span,
  .btn span {
    display: none !important;
  }
  body .gform_footer .gform_button:hover,
  body
    .banner.banner-form
    .banner__content
    .banner__content--form
    .gform_footer
    .gform_button:hover,
  body
    .section.section-contact
    .section__content
    .section__content--form
    .gform_footer
    .gform_button:hover,
  body
    .get_in_touch
    .get_in_touch-container
    .get_in_touch--form
    .form-wrap
    .gform_footer
    .gform_button:hover,
  .btn:hover {
    background: #e03358 !important;
  }
}

a,
a:hover,
a span,
a:hover span {
  text-decoration-thickness: 0.1em !important;
}

@media screen and (max-width: 991px) {
  .lwn__spinner.lwn__spinner--hot > div {
    background-image: url(images/sticker-hot-mobile.png);
  }
  .lwn__spinner.lwn__spinner--support > div {
    background-image: url(images/sticker-support-mobile.png);
  }
  .lwn__spinner.lwn__spinner--cool > div {
    background-image: url(images/sticker-cool-mobile.png);
  }

  .lwn__spinner > div {
    display: block !important;
    width: 82px !important;
    height: 82px !important;
    background-size: inherit !important;
  }

  a:hover span {
    text-decoration: line-through;
    text-decoration-color: transparent !important;
  }
}

/* template Dynamic */
body.page-template-template-flexbox
  .banner.banner-big
  .banner__content
  .banner__content--content {
  margin-top: 50px;
}
body.page-template-template-flexbox
  .banner.banner-big
  .banner__content
  .banner__content--content
  .banner__content--btns {
  margin-top: 45px;
}
body.page-template-template-flexbox
  .banner.banner-big
  .banner__content
  .banner__content--content
  .banner__content--btns
  .btn {
  margin-right: 15px;
}

body.page-template-template-flexbox
  .main
  .section.section.section-works
  .content__part.content {
  padding-top: 60px;
  padding-bottom: 40px;
}
body.page-template-template-flexbox
  .main
  .section.section.section-works
  .content__part.content
  .content__part-body {
  max-width: 625px;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
body.dark.page-template-template-flexbox
  .main
  .section.section.section-works
  .content__part.content
  .content__part-body {
  color: #d9d9d9;
}
body.light.page-template-template-flexbox
  .main
  .section.section.section-works
  .content__part.content
  .content__part-body {
  color: #141414;
}

body.page-template-template-flexbox
  .main
  .section.section-partners
  .content__part.content {
  padding-top: 10px;
  padding-bottom: 40px;
}
body.page-template-template-flexbox
  .main
  .section.section-partners
  .content__part.content
  .content__part-body {
  max-width: 625px;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
body.dark.page-template-template-flexbox
  .main
  .section.section-partners
  .content__part.content
  .content__part-body {
  color: #d9d9d9;
}
body.light.page-template-template-flexbox
  .main
  .section.section-partners
  .content__part.content
  .content__part-body {
  color: #141414;
}

body.page-template-template-flexbox
  .main
  section.section-capabilities
  .section-body {
  margin-top: 100px;
  margin-bottom: 100px;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part {
  padding-top: 60px;
  padding-bottom: 60px;
}
body.page-template-template-flexbox
  .main
  section.section-capabilities
  .content__part.content {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 90px;
}
body.page-template-template-flexbox
  .main
  section.section-capabilities
  .content__part.content
  .content__part-body {
  max-width: 625px;
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 45px;
}
body.dark.page-template-template-flexbox
  .main
  section.section-capabilities
  .content__part.content
  .content__part-body {
  color: #d9d9d9;
}
body.light.page-template-template-flexbox
  .main
  section.section-capabilities
  .content__part.content
  .content__part-body {
  color: #141414;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small
  .accordion--title {
  padding-top: 30px;
  padding-bottom: 20px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small
  .accordion--title
  span {
  font-size: 60px;
  line-height: 60px;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small
  .accordion--title:after,
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small
  .accordion--title:before {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 30px;
  bottom: 0;
  width: 35px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-size: contain;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small:last-child:not(.active)
  .accordion--title {
  border: none !important;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .accordion.accordion-small
  .accordion--body
  .accordion--body-wrap {
  padding-top: 70px;
  padding-bottom: 90px;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part {
  padding-top: 100px;
  padding-bottom: 70px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--title {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
  padding: 0 30px;
  width: 50%;
  margin: 0;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--content {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 0.01em;
  padding: 0 30px;
  width: 50%;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body {
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  margin-right: -14px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services {
  width: 50%;
  padding: 0 14px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service {
  padding-top: 25px;
  padding-bottom: 22px;
  padding-left: 10px;
  padding-right: 10px;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service:last-child {
  border-bottom: 0 !important;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title {
  font-family: "PP Mori";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a {
  text-decoration: line-through;
  text-decoration-color: transparent;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover {
  text-decoration: line-through;
  text-decoration-color: #e03358;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title {
  position: relative;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(images/arrow-top.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  background-image: url(images/arrow-top-blue.svg);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:after {
  opacity: 0;
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover:before {
  opacity: 0;
}
body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:hover:after {
  opacity: 1;
}

body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  filter: invert(99%) sepia(0%) saturate(3068%) hue-rotate(323deg)
    brightness(115%) contrast(70%);
}
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a:before {
  filter: invert(0%) sepia(2%) saturate(524%) hue-rotate(348deg)
    brightness(100%) contrast(84%);
}

body.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  + .services-body {
  margin-top: 70px;
}

/* dark */
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service {
  border-bottom: 1px solid #d9d9d9;
}
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title,
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a,
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--title,
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--title
  a,
body.dark.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--content {
  color: #d9d9d9;
}

/* light */
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service {
  border-bottom: 1px solid #141414;
}
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title,
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .services-body
  .services
  .service
  .services--title
  a,
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--title,
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--title
  a,
body.light.page-template-template-flexbox
  section.section-capabilities
  .content__part
  .overview
  .overview--content {
  color: #141414;
}

@media screen and (max-width: 1360px) {
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 90px;
    padding-bottom: 60px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--title {
    font-size: 36px;
    line-height: 48px;
    padding: 0 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--content {
    font-size: 22px;
    line-height: 36px;
    padding: 0 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    + .services-body {
    margin-top: 65px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service {
    padding-top: 22px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 36px;
    line-height: 48px;
  }
}
@media screen and (max-width: 1280px) {
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--title {
    font-size: 32px;
    line-height: 40px;
    padding: 0 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--content {
    font-size: 20px;
    line-height: 32px;
    padding: 0 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    + .services-body {
    margin-top: 60px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service {
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 8px;
    padding-right: 8px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 32px;
    line-height: 40px;
  }

  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .section-body {
    margin-top: 80px;
    margin-bottom: 60px;
  }
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content {
    padding-top: 0;
    padding-bottom: 20px;
  }
  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title
    span {
    font-size: 50px;
    line-height: 50px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:after,
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:before {
    right: 25px;
    top: 35px;
    width: 35px;
    height: 40px;
  }
  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content
    .content__part-body {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 991px) {
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--title {
    font-size: 28px;
    line-height: 36px;
    padding: 0 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--content {
    font-size: 20px;
    line-height: 32px;
    padding: 0 30px;
    width: 100%;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    + .services-body {
    margin-top: 40px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services {
    width: 100%;
    padding: 0 14px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service {
    padding-top: 18px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 28px;
    line-height: 36px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title
    a:before,
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title
    a:after {
    width: 20px;
    height: 30px;
    background-size: 20px;
  }
  body.dark.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    + .services
    .service:first-child {
    border-top: 1px solid #d9d9d9;
  }
  body.light.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    + .services
    .service:first-child {
    border-top: 1px solid #141414;
  }

  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--body
    .accordion--body-wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title
    span {
    font-size: 40px;
    line-height: 40px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:after,
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:before {
    background-size: 27px;
    right: 0;
    top: 13px;
  }

  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .section-body {
    margin-top: 90px;
    margin-bottom: 50px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content {
    padding-top: 15px;
    padding-bottom: 40px;
  }
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content
    .content__part-body {
    font-size: 24px;
    line-height: 32px;
    max-width: none;
  }
}
@media screen and (max-width: 577px) {
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--title {
    font-size: 25px;
    line-height: 31px;
    padding: 0 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    .overview--content {
    font-size: 18px;
    line-height: 25px;
    padding: 0 30px;
    width: 100%;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .overview
    + .services-body {
    margin-top: 30px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service {
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .services-body
    .services
    .service
    .services--title {
    font-size: 25px;
    line-height: 31px;
  }

  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--body
    .accordion--body-wrap {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title
    span {
    font-size: 40px;
    line-height: 40px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:after,
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part
    .accordion.accordion-small
    .accordion--title:before {
    background-size: 27px;
    right: 0;
    top: 13px;
  }

  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .section-body {
    margin-top: 70px;
    margin-bottom: 40px;
  }
  body.page-template-template-flexbox
    section.section-capabilities
    .content__part {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content {
    padding-top: 15px;
    padding-bottom: 40px;
  }
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  body.page-template-template-flexbox
    .main
    .section.section.section-works
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    .section.section-partners
    .content__part.content
    .content__part-body,
  body.page-template-template-flexbox
    .main
    section.section-capabilities
    .content__part.content
    .content__part-body {
    font-size: 20px;
    line-height: 28px;
  }
}

@media screen and (min-width: 991px) {
  .banner.banner-home .banner__content:after {
    display: none;
  }
  .banner.banner-home .banner__content {
    margin-top: 0;
    padding-top: 230px;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    /* align-items:center; */
  }
  .banner.banner-home .banner__content .banner__content-wrap {
    position: relative;
    width: 100%;
  }
  .banner.banner-home .banner__content .banner__content--btns {
    text-align: left;
    width: 100%;
    margin-top: 7vh;
  }
}
@media screen and (max-height: 900px) and (min-height: 500px) and (min-width: 1360px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 12vh;
    line-height: 13vh;
  }
}
@media screen and (max-height: 900px) and (min-height: 500px) and (min-width: 1200px) and (max-width: 1359px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 10vh;
    line-height: 11vh;
  }
}
@media screen and (max-height: 900px) and (min-height: 500px) and (min-width: 1100px) and (max-width: 1199px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 9vh;
    line-height: 10vh;
  }
}
@media screen and (max-height: 900px) and (min-height: 500px) and (min-width: 991px) and (max-width: 1099px) {
  .banner.banner-home .banner__content .banner__content--title {
    font-size: 8.5vh;
    line-height: 9.5vh;
  }
}

/* @media screen and (max-height: 800px) and (min-width: 992px) {
    .section-works_carousel .content__part.content .content__part-body h2 {
        font-size: 40px;
        line-height: 55px;
    }
    .section-works_carousel .content__part.content__part--works .works .project .project--body-content .project--title a span {
        font-size: 24px;
        line-height: 26px;
    }
    .section-works_carousel .content__part.content__part--works .works .project .project--body-content .project--info span {
        font-size: 14px;
        line-height: 16px;
    }
}
@media screen and (max-height: 700px) and (min-width: 992px) {
    .section-works_carousel .content__part.content .content__part-body h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .section-works_carousel .content__part.content__part--works .works .project .project--body-content .project--title a span {
        font-size: 22px;
        line-height: 24px;
    }
    .section-works_carousel .content__part.content__part--works .works .project .project--body-content .project--info span {
        font-size: 12px;
        line-height: 14px;
    }
}
@media screen and (max-height: 650px) and (min-width: 992px) {
    element.style {
        max-height: 650px;
        height: 650px;
        padding: 50px 0px;
    }
    .section-works_carousel .content__part.content__part--works .works {
        padding-top: 40px !important;
    }
    .section-works_carousel .content__part.content .content__part-body h2 {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .section-works_carousel .content__part.content__part--works .works .project {
        width: 325px !important;
    }
    .section-works_carousel .content__part.content__part--works .works .project .project--body-thumbnail {
        height: 220px !important;
    }
} */

.filter-show {
  display: block !important;
}
.filter-hide {
  display: none !important;
}

.section.section-works.section-works_carousel .content__part {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section.section-works.section-works_carousel .content__part + .content__part {
  padding-top: 0;
}
.section.section-works.section-works_carousel .content__part:last-child {
  padding-bottom: 0;
}
.section.section-works.section-works_carousel .content__part.content {
  padding-top: 70px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1360px) {
  .section.section-works.section-works_carousel .content__part {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section.section-works.section-works_carousel
    .content__part
    + .content__part {
    padding-top: 0;
  }
  .section.section-works.section-works_carousel .content__part:last-child {
    padding-bottom: 0;
  }
  .section.section-works.section-works_carousel .content__part.content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1280px) {
  .section.section-works.section-works_carousel .content__part {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section.section-works.section-works_carousel
    .content__part
    + .content__part {
    padding-top: 0;
  }
  .section.section-works.section-works_carousel .content__part:last-child {
    padding-bottom: 0;
  }
  .section.section-works.section-works_carousel .content__part.content {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .section.section-works.section-works_carousel .content__part {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .section.section-works.section-works_carousel
    .content__part
    + .content__part {
    padding-top: 0;
  }
  .section.section-works.section-works_carousel .content__part:last-child {
    padding-bottom: 0;
  }
  .section.section-works.section-works_carousel .content__part.content {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 577px) {
  .section.section-works.section-works_carousel .content__part {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .section.section-works.section-works_carousel
    .content__part
    + .content__part {
    padding-top: 0;
  }
  .section.section-works.section-works_carousel .content__part:last-child {
    padding-bottom: 0;
  }
  .section.section-works.section-works_carousel .content__part.content {
    padding-top: 0;
    padding-bottom: 40px;
  }
}