@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Metrophobic&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

 html {
     font-size: 12px
 }

 body {
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 body {
     font-family: Metropolis, sans-serif;
     color: #242424;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.55;
     overflow-x: hidden
 }

 @media(max-width:767px) {
     body {
         font-size: 14px
     }
 }

 html>body .underline {
     text-decoration: underline
 }

 html>body .underline:hover {
     text-decoration: none
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul {
     list-style: none;
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Thin.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Thin.woff) format('woff');
     font-weight: 100;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Regular.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Regular.woff) format('woff');
     font-weight: 400;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-ExtraLight.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-ExtraLight.woff) format('woff');
     font-weight: 200;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Light.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Light.woff) format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Medium.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Medium.woff) format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-SemiBold.woff) format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Black.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Black.woff) format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-Bold.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-Bold.woff) format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap
 }

 @font-face {
     font-family: Metropolis;
     src: url(../fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2'), url(../fonts/metropolis/Metropolis-ExtraBold.woff) format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap
 }

 .main-footer {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 10px;
     width: 100%;
     margin: 0 auto;
     padding: 54px 50px 0px 50px;
     padding-bottom: 0px;


 }

 .box {
     width: 45%;

 }

 .footer-content-two {
     margin-bottom: 16px;
 }

 .footer-content-two>p>span {
     font-size: 18px;
     font-weight: 500;
     /* padding-bottom: 4px; */
     background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 0;
 }

 .footer-content-two>p {
     font-size: 16px;
     color: #2c2c2c;
     line-height: 1.8;
     font-weight: 400;
 }

 .footer-content-two>p>a {
     text-decoration: none;
     color: inherit;
 }


 @media (max-width:776px) {
     .box {
         width: 100%;
     }

     .footer-content-two {
         margin-bottom: 8px;
     }
 }

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

 .row-10 {
     margin-left: -5px;
     margin-right: -5px
 }

 .row-10>[class*=" col-"],
 .row-10>[class^=col-] {
     padding-left: 5px;
     padding-right: 5px
 }

 @media (min-width:1280px) {
     .container {
         max-width: 1200px
     }

     .row-60 {
         margin-left: -1.875rem;
         margin-right: -1.875rem
     }

     .row-60>[class*=" col-"],
     .row-60>[class^=col-] {
         padding-left: 1.875rem;
         padding-right: 1.875rem
     }
 }

 @media (min-width:1600px) {
     .container-fluid {
         padding-left: 3.75rem;
         padding-right: 3.75rem
     }

     .container-fluid-md {
         padding-left: 7.5rem;
         padding-right: 7.5rem
     }
 }

 .full-height {
     min-height: 100vh
 }

 .h2,
 .h3,
 h2,
 h3 {
     font-weight: 700
 }

 .h4,
 h4 {
     margin-bottom: 1.75rem;
     letter-spacing: -.035em;
     font-weight: 700
 }

 .text-bold {
     font-weight: 700
 }

 .text-normal {
     font-weight: 400
 }

 .text-underline {
     text-decoration: underline
 }

 html>body .text-black {
     color: #242424
 }

 html>body .text-grey-primary {
     color: #ccc
 }

 html>body .text-grey {
     color: #242424
 }

 html>body .text-black a,
 html>body .text-white a {
     color: inherit
 }

 html>body .text-grey-light {
     color: #999
 }

 html>body .lh-sm {
     line-height: 1.25
 }

 html>body .lh-md {
     line-height: 1.625
 }

 html>body .lh-lg {
     line-height: 1.875
 }

 html>body .lh-lg2 {
     line-height: 1.8
 }

 html>body .fs14 {
     font-size: .875rem
 }

 html>body .fs18 {
     font-size: 1.125rem
 }

 html>body .fs20 {
     font-size: 1.25rem
 }

 html>body .fs28 {
     font-size: 1.75rem
 }

 html>body .fs30 {
     font-size: 1.875rem
 }

 html>body .fs36 {
     font-size: 2.25rem
 }

 html>body .fs42 {
     font-size: 2.625rem
 }

 html>body .fs48 {
     font-size: 3rem
 }

 html>body .fs60 {
     font-size: 2.75rem;
     line-height: 1.36666667
 }

 .fs18.text-grey {
     line-height: 1.66666667
 }

 .h1-lg {
     font-size: 3.5rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 @media (min-width:576px) {
     .text-right-sm {
         text-align: right !important
     }

     html>body .fs60 {
         font-size: 3.75rem;
         line-height: 1.36666667
     }
 }

 @media (min-width:768px) {
     .text-right-md {
         text-align: right !important
     }

     .h1-lg {
         font-size: 4.5rem;
         line-height: 1.13888889
     }
 }

 .font-custom {
     font-family: Butler, Serif
 }

 .font-teko {
     font-family: Teko, sans-serif
 }

 .font-libre {
     font-family: 'Libre Baskerville', serif
 }

 .font-abril {
     font-family: 'Abril Fatface', cursive;
     font-weight: 400
 }

 .base-list {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .base-list>li {
     padding-left: 1rem;
     position: relative;
     margin-bottom: 1.25rem
 }

 .base-list>li:before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: .7em;
     width: .25rem;
     height: .25rem;
     border-radius: 5rem;
     background: #242424
 }

 .more {
     text-transform: uppercase
 }

 .more-lg {
     text-transform: uppercase;
     font-size: 1.25rem;
     font-weight: 700
 }

 .more-xl {
     text-transform: uppercase;
     font-size: 1.5rem;
     font-weight: 700
 }

 .more a,
 .more-lg a {
     color: #242424;
     text-decoration: none
 }

 .more a:hover,
 .more-lg a:hover,
 .more-total a:hover {
     color: #d8953c
 }

 .more-lg i {
     display: inline-block;
     vertical-align: middle;
     margin-left: .5em;
     font-size: 110%;
     line-height: .75
 }

 .ion-ios-arrow-left,
 .ion-ios-arrow-right {
     transform: translateX(0);
     transition: transform .3s ease-in-out
 }

 .btn:hover .ion-ios-arrow-right,
 a:hover .ion-ios-arrow-right,
 button:hover .ion-ios-arrow-right {
     transform: translateX(.25rem)
 }

 .btn:hover .ion-ios-arrow-left,
 a:hover .ion-ios-arrow-left,
 button:hover .ion-ios-arrow-left {
     transform: translateX(-.25rem)
 }

 html>body .mr20 {
     margin-right: 1.25rem
 }

 html>body .mt5 {
     margin-top: 5px
 }

 html>body .mt10 {
     margin-top: .625rem
 }

 html>body .mt20 {
     margin-top: 1.25rem
 }

 html>body .mt30 {
     margin-top: 1.875rem
 }

 html>body .mt40 {
     margin-top: 2.5rem
 }

 html>body .mt50 {
     margin-top: 3.125rem
 }

 html>body .mt55 {
     margin-top: 3.4375rem
 }

 html>body .mt60 {
     margin-top: 3.75rem
 }

 html>body .mt65 {
     margin-top: 4.0625rem
 }

 html>body .mt70 {
     margin-top: 4.375rem
 }

 html>body .mt80 {
     margin-top: 5rem
 }

 html>body .mt90 {
     margin-top: 5.625rem
 }

 html>body .mt100 {
     margin-top: 6.5rem
 }

 html>body .mt150 {
     margin-top: 9.375rem
 }

 html>body .mb5 {
     margin-bottom: 5px
 }

 html>body .mb10 {
     margin-bottom: .625rem
 }

 html>body .mb20 {
     margin-bottom: 1.25rem
 }

 html>body .mb30 {
     margin-bottom: 1.875rem
 }

 html>body .mb35 {
     margin-bottom: 2.1875rem
 }

 html>body .mb40 {
     margin-bottom: 2.5rem
 }

 html>body .mb45 {
     margin-bottom: 2.8125rem
 }

 html>body .mb50 {
     margin-bottom: 3.125rem
 }

 html>body .mb55 {
     margin-bottom: 3.4375rem
 }

 html>body .mb60 {
     margin-bottom: 3.75rem
 }

 html>body .mb65 {
     margin-bottom: 4.0625rem
 }

 html>body .mb70 {
     margin-bottom: 4.375rem
 }

 html>body .mb75 {
     margin-bottom: 4.6875rem
 }

 html>body .mb80 {
     margin-bottom: 5rem
 }

 html>body .mb90 {
     margin-bottom: 5.625rem
 }

 html>body .mb100 {
     margin-bottom: 6.25rem
 }

 html>body .mb120 {
     margin-bottom: 7.5rem
 }

 html>body .mb130 {
     margin-bottom: 8.125rem
 }

 button:focus,
 input:focus {
     outline: 0
 }

 .btn {
     padding: .75rem 2rem .75rem;
     font-weight: 700;
     text-transform: uppercase;
     border-radius: 0
 }

 .btn-sm {
     padding: .875rem 1.5rem .8125rem
 }

 .btn-md {
     padding: .875rem 2rem .9375rem
 }

 .btn-xs {
     border-color: #ccc;
     padding: 3px 12px 3px;
     font-size: .75rem;
     color: #a7a9b8;
     letter-spacing: .025em
 }

 .btn-light {
     background: #fff;
     border-color: #999
 }

 .btn-dark {
     background: #242424;
     border-color: #242424
 }

 .btn-dark:hover,
 .btn-dark:not(:disabled):not(.disabled):active {
     background: #23272b;
     border-color: #23272b
 }

 .btn .icon {
     margin-left: .75rem;
     display: inline-block;
     vertical-align: middle;
     margin-top: -.375rem;
     margin-bottom: -.25rem;
     line-height: 1;
     font-size: 1.25rem
 }

 .btn-sm .icon {
     font-size: 1.125rem;
     line-height: .75
 }

 .btn-sm .ion-ios-email-outline {
     font-size: 1.5rem
 }

 .btn-light:hover,
 .btn-light:not(:disabled):not(.disabled):active {
     background-color: #d8953c;
     border-color: #d8953c;
     color: #fff
 }

 .btn-outline-secondary:hover,
 .btn-outline-secondary:not(:disabled):not(.disabled):active {
     background-color: #fff;
     border-color: #d8953c;
     color: #d8953c
 }

 .btn-danger {
     background: #d8953c;
     border-color: #d8953c
 }

 .btn-rounded {
     border-radius: 30px
 }

 .btn-link.text-black:hover {
     color: #242424
 }

 .form-control {
     border-radius: 0;
     padding: .625rem 1.25rem .625rem;
     height: calc(1.5em + 1.25rem + 2px)
 }

 .form-control-lg {
     padding: .875rem 1.25rem .9375rem;
     height: calc(1.5em + 1.8125rem + 2px);
     font-size: 1rem
 }

 .control-with-icon {
     position: relative
 }

 .control-with-icon .form-control {
     padding-right: 3rem
 }

 .control-icon {
     padding-top: 1px;
     position: absolute;
     top: 50%;
     right: 20px;
     font-size: 1.5rem;
     color: #999;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%)
 }

 .control-icon i,
 .control-icon i:before {
     display: block;
     line-height: .75
 }

 .control-btn {
     margin-top: 2.75rem
 }

 .label-custom {
     margin-bottom: 0;
     display: block;
     text-transform: uppercase;
     font-size: .75rem;
     font-weight: 700
 }

 .form-control-custom {
     border: none;
     border-bottom: #ccc 1px solid;
     padding: 0 0 .625rem;
     height: calc(1.5em + .625rem + 1px);
     color: #242424;
     font-weight: 400
 }

 .form-control-custom::-webkit-input-placeholder {
     color: #999
 }

 .form-control-custom::-moz-placeholder {
     color: #999
 }

 .form-control-custom:-ms-input-placeholder {
     color: #999
 }

 .form-control-custom::-ms-input-placeholder {
     color: #999
 }

 .form-control-custom::placeholder {
     color: #999
 }

 .form-control-custom:focus {
     border-color: #242424
 }

 .preloader {
     position: fixed;
     overflow: hidden;
     z-index: 999999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     color: #4b4b4b;
     text-align: center
 }

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

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

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

 @-webkit-keyframes sk-bounce {

     0%,
     100% {
         -webkit-transform: scale(0)
     }

     50% {
         -webkit-transform: scale(1)
     }
 }

 @keyframes sk-bounce {

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

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

 .header {
     padding-top: 0;
     transition: margin-top .5s ease-in-out;
     margin-top: 0
 }

 @media (min-width:768px) {
     .header {
         padding-top: 0
     }
 }

 .header-fixed {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 9997;
     background-color: transparent;
     transition: all ease-in-out .5s;
     box-shadow: none
 }

 .header-fixed .row {
     display: flex;
     justify-content: space-between;
     padding: 2.625rem 2.625rem;
     transition: all ease-in-out .5s;
     align-content: flex-start;

 }

 .aligm-header .header-fixed .row {
     align-items: center;
 }

 .header-fixed.fixed.removefixed {
     z-index: -1;
     opacity: 0
 }

 .header-fixed.fixed .row {
     padding: .625rem 2.625rem .625rem;
     align-items: center
 }

 .header-fixed .row .brand-logo .logo {
     transition: all ease-in-out .5s
 }

 @media(max-width:767px) {
     .header-fixed .row .brand-logo .logo {
         width: 50px
     }
 }

 .header-affix {
     position: fixed !important;
     top: -5rem !important;
     left: 0;
     width: 100%;
     z-index: 900;
     background: #fff;
     padding-top: .75rem !important;
     padding-bottom: .5rem !important;
     box-shadow: rgba(0, 0, 0, .1) 0 3px 15px;
     margin-top: 5rem
 }

 .header-affix .nav-logo {
     transform: scale(.45)
 }

 @media (max-width:767px) {
     .header-affix .nav-logo {
         margin-left: -50%
     }
 }

 .menu .menu-copyright,
 .menu .menu-lang,
 .menu .menu-main,
 .menu .social {
     opacity: 0;
     transform: translateY(3rem);
     transition: all .5s ease-in-out
 }

 .menu .menu-lang {
     transition-delay: .2s
 }

 .menu .menu-main {
     transition-delay: .4s;
     scrollbar-width: none;
 }

 .menu .social {
     transition-delay: .6s
 }

 .menu .menu-copyright {
     transition-delay: .8s
 }

 .body-menu-opened .menu .menu-copyright,
 .body-menu-opened .menu .menu-lang,
 .body-menu-opened .menu .menu-main,
 .body-menu-opened .menu .social {
     opacity: 1;
     transform: translateY(0)
 }

 .brand {
     float: left;
     margin-right: 1rem;
     white-space: nowrap
 }

 .brand a {
     color: inherit;
     text-decoration: none
 }

 .brand-logo,
 .brand-name,
 .brand-text {
     display: inline-block;
     vertical-align: middle
 }

 .brand-name {
     margin-right: .875rem;
     font-family: Butler, Serif;
     font-size: 2.875rem;
     font-weight: 900;
     line-height: 1.1;
     background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }

 .brand-text {
     margin-bottom: .375rem;
     font-size: 1.125rem;
     line-height: 1.15;
     letter-spacing: -.5px
 }

 .header-content {
     margin-left: 17.5%;
     margin-right: 17.5%
 }

 .header-contacts {
     padding-top: .5rem;
     font-weight: 700
 }

 .header-contact-divider,
 .header-contact-item {
     display: inline-block;
     vertical-align: middle
 }

 .header-contact-divider {
     margin-left: 1.875rem;
     margin-right: 1.875rem;
     opacity: .2
 }

 .mail-link,
 .mail-link:hover,
 .phone-link,
 .phone-link:hover {
     color: inherit;
     text-decoration: none
 }

 .phone-link {
     cursor: default
 }

 .nav-toggle-btn {
     background: 0 0;
     border: none;
     padding: 0;
     margin: 0 0 0;
     border-radius: 0;
     outline: 0;
     float: right;
     position: relative;
     z-index: 99999;
     font-weight: 700;
     text-transform: uppercase;
     color: inherit
 }

 .nav-toggle-btn:hover {
     color: #d8953c
 }

 .nav-toggle-btn:focus {
     outline: 0
 }

 .nav-toggle-title {
     display: inline-block;
     vertical-align: middle;
     margin-right: .75rem
 }

 .nav-toggle {
     width: 29px;
     height: 29px;
     display: inline-flex;
     vertical-align: middle;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     margin: auto;
     cursor: pointer
 }

 .nav-toggle-sm {
     transform: scale(.65);
     margin-right: -.3125rem
 }

 .stick {
     width: 38px;
     height: 2px;
     margin-bottom: 8px;
     background: linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     display: inline-block
 }

 @media(max-width:767px) {
     .stick {
         width: 25px;
         margin-bottom: 7px
     }
 }

 .nav-toggle-btn:hover .stick {
     background-color: #d8953c
 }

 .body-menu-opened .nav-toggle-btn {
     color: #242424
 }

 .body-menu-opened .nav-toggle-btn .stick {
     background-color: transparent
 }

 .stick:last-child {
     margin-bottom: 0
 }

 .nav-toggle:hover .stick-2 {
     width: 38px
 }

 .body-menu-opened .stick-1 {
     animation: stick-1-open .85s ease-out forwards;
     position: relative;
     left: -1px;
     top: 0
 }

 .body-menu-opened .stick-2 {
     animation: stick-2-open .85s linear forwards;
     width: 29px;
     margin-left: 0;
     top: 0;
     position: relative
 }

 .body-menu-opened .stick-3 {
     animation: stick-3-open .85s linear forwards;
     width: 29px;
     margin-top: -2px
 }

 @-webkit-keyframes stick-1-open {
     0% {
         width: 36px
     }

     30% {
         width: 3px;
         transform: translate(14px, 0)
     }

     65% {
         width: 3px;
         transform: translate(14px, -36px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     100% {
         width: 2px;
         transform: translate(9px, 17px)
     }
 }

 @keyframes stick-1-open {
     0% {
         width: 29px
     }

     30% {
         width: 3px;
         transform: translate(14px, 0)
     }

     65% {
         width: 3px;
         transform: translate(14px, -29px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     100% {
         width: 2px;
         transform: translate(9px, 17px)
     }
 }

 @-webkit-keyframes stick-2-open {
     65% {
         width: 29px;
         transform: translate(0, 0) rotate(0)
     }

     100% {
         width: 29px;
         transform: translate(0, 0) rotate(45deg)
     }
 }

 @keyframes stick-2-open {
     65% {
         width: 29px;
         transform: translate(0, 0) rotate(0)
     }

     100% {
         width: 29px;
         transform: translate(0, 0) rotate(45deg)
     }
 }

 @-webkit-keyframes stick-3-open {
     65% {
         transform: translate(0, 0) rotate(0)
     }

     100% {
         transform: translate(0, -8px) rotate(-45deg)
     }
 }

 @keyframes stick-3-open {
     65% {
         transform: translate(0, 0) rotate(0)
     }

     100% {
         transform: translate(0, -8px) rotate(-45deg)
     }
 }

 .body-menu-close .stick-1 {
     width: 3px;
     animation: stick-1-close .85s ease-out forwards
 }

 .body-menu-close .stick-2 {
     animation: stick-2-close .85s ease-out forwards;
     margin-left: 0
 }

 .body-menu-close .stick-3 {
     animation: stick-3-close .85s ease-out forwards
 }

 @-webkit-keyframes stick-1-close {

     0%,
     70% {
         width: 0;
         transform: translate(0, 0)
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @keyframes stick-1-close {

     0%,
     70% {
         width: 0;
         transform: translate(0, 0)
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @-webkit-keyframes stick-2-close {
     0% {
         width: 38px;
         transform: translate(0, 0) rotate(45deg)
     }

     20% {
         width: 3px;
         transform: translate(0, 0) rotate(45deg)
     }

     40% {
         width: 0
     }

     65% {
         transform: translate(0, -26px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     80% {
         width: 0
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @keyframes stick-2-close {
     0% {
         width: 38px;
         transform: translate(0, 0) rotate(45deg)
     }

     20% {
         width: 3px;
         transform: translate(0, 0) rotate(45deg)
     }

     40% {
         width: 0
     }

     65% {
         transform: translate(0, -26px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     80% {
         width: 0
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @-webkit-keyframes stick-3-close {
     0% {
         width: 38px;
         transform: translate(0, -8px) rotate(-45deg)
     }

     20% {
         width: 3px;
         transform: translate(0, -8px) rotate(-45deg)
     }

     65% {
         transform: translate(0, -35px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     90% {
         width: 3px
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @keyframes stick-3-close {
     0% {
         width: 38px;
         transform: translate(0, -8px) rotate(-45deg)
     }

     20% {
         width: 3px;
         transform: translate(0, -8px) rotate(-45deg)
     }

     65% {
         transform: translate(0, -35px);
         animation-timing-function: cubic-bezier(0, 1, 1, 1)
     }

     90% {
         width: 3px
     }

     100% {
         width: 38px;
         transform: translate(0, 0)
     }
 }

 @-webkit-keyframes fadeZoom {
     0% {
         width: 100%
     }

     100% {
         width: 0
     }
 }

 @keyframes fadeZoom {
     0% {
         width: 100%
     }

     100% {
         width: 0
     }
 }

 .navbar-nav {
     margin-left: 8rem;
     margin-right: 8rem;
     text-align: center;
     font-size: 1rem;
     text-transform: uppercase
 }

 .navbar-nav ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .navbar-nav>ul>li {
     display: inline-block;
     vertical-align: middle;
     padding-left: 1rem;
     padding-right: 1rem
 }

 .navbar-nav a {
     position: relative;
     color: #999;
     text-decoration: none;
     transition: color .3s cubic-bezier(.82, 0, .21, 1)
 }

 .navbar-nav a:before {
     content: attr(data-text);
     position: absolute;
     width: 0%;
     transition: width cubic-bezier(.82, 0, .21, 1) .3s;
     color: #d8953c;
     z-index: 2;
     overflow: hidden
 }

 .navbar-nav a:hover,
 .navbar-nav li.active>a {
     color: #999
 }

 .navbar-nav a:hover:before,
 .navbar-nav li.active>a:before {
     width: 100%
 }

 .navbar-nav li.active>a {
     font-weight: 700;
     color: transparent !important
 }

 .menu-main li.active>a {
     color: transparent !important
 }

 .navbar-nav .dropdown-toggle::after {
     display: none
 }

 .navbar-nav .dropdown-menu {
     width: 25rem;
     padding: 27px 40px 22px;
     border: none;
     background: #fff;
     border-radius: 0;
     margin-top: 1.125rem;
     margin-left: -40px;
     text-transform: none;
     box-shadow: 0 15px 25px rgba(0, 0, 0, .05);
     position: absolute;
     left: 20px !important;
     top: 100% !important;
     transform: translate3d(0, 0, 0) !important
 }

 .navbar-nav .dropdown:hover .dropdown-menu {
     animation: transform .3s ease-in-out forwards
 }

 .navbar-nav .dropdown-menu:before {
     content: "";
     display: block;
     width: 100%;
     height: 1.125rem;
     position: absolute;
     left: 0;
     right: 0;
     top: -1.125rem
 }

 @keyframes transform {
     0% {
         margin-top: 3rem;
         opacity: 0
     }

     100% {
         margin-top: 1.125rem;
         opacity: 1
     }
 }

 .navbar-nav .dropdown-menu ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .navbar-nav .dropdown-menu ul li {
     margin-bottom: 6px
 }

 .navbar-nav .dropdown-menu a {
     white-space: nowrap;
     color: #999
 }

 .navbar-nav .dropdown-menu .active a {
     font-weight: 400
 }

 .dropdown-menu-title {
     margin-bottom: 24px;
     text-transform: uppercase;
     color: #242424;
     font-weight: 700
 }

 .menu {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     background: #ffffffc4;
     max-width: 100%;
     width: 100%;
     padding: 3.75rem 4.375rem 3.25rem;
     display: flex;
     flex-direction: column;
     transition: transform .4s ease-in-out;
     -webkit-transform: translateX(100%);
     transform: translateX(100%)
 }

 .body-menu-opened .menu {
     -webkit-transform: translateX(0);
     transform: translateX(0)
 }

 @media (min-width:576px) {
     .menu {
         width: 34rem
     }
 }

 @media (min-width:992px) {
     .navbar-nav {
         margin-left: 15rem;
         margin-right: 15rem
     }

     .navbar-nav>ul>li {
         padding-left: 1.25rem;
         padding-right: 1.25rem
     }
 }

 @media (max-width:575px) {
     .body-menu-opened {
         overflow: hidden;
         width: 100%;
         height: 100%
     }
 }

 .hide-menu {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 100%;
     background: rgba(0, 0, 0, .1);
     z-index: 980
 }

 .body-menu-opened .hide-menu {
     bottom: 0
 }

 .menu-lang {
     font-size: .875rem;
     font-weight: 700;
     text-transform: uppercase
 }

 .menu .menu-lang {
     padding-bottom: 4.5rem
 }

 .menu-lang.float-right,
 .text-right .menu-lang {
     margin-right: -1rem
 }

 .menu .menu-lang-item,
 .menu-lang-item {
     margin-right: 1rem;
     color: #242424
 }

 .menu-lang-item:hover {
     color: #d8953c;
     text-decoration: none
 }

 .menu-lang-item.active {
     color: #d8953c
 }

 .menu-lang .divider {
     margin-right: 1rem
 }

 .menu-main {
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto
 }

 .menu-main>ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .menu-main>ul>li {
     margin-bottom: .9375rem
 }

 .menu-main>ul>li>a,
 .menu-main>ul>li>span {
     font-size: 1.575rem;
     font-weight: 600;
     color: #242424
 }

 .menu-main>ul>li ul {
     padding: 1rem 0 1px .875rem;
     margin: 0;
     list-style: none
 }

 .menu-main>ul>li ul>li {
     margin-bottom: .375rem
 }

 .menu-main>ul>li ul>li>a,
 .menu-main>ul>li ul>li>span {
     color: #999
 }

 .menu-main a,
 .menu-main a:hover {
     position: relative;
     text-decoration: none
 }

 .menu-main a:before {
     content: attr(data-text);
     position: absolute;
     width: 0%;
     transition: width cubic-bezier(.82, 0, .21, 1) .3s;
     color: #d8953c;
     z-index: 2;
     overflow: hidden;
     white-space: nowrap
 }

 .menu-main a:hover:before,
 .menu-main li.active>a:before {
     width: 100%
 }

 .menu-footer {
     padding-top: 2rem
 }

 .menu-footer .text {
     margin-top: 18px;
     font-size: .875rem;
     line-height: 1.71428571;
     color: #666
 }

 .menu-footer .text a {
     color: #474747;
     display: flex;
     gap: 10px;
     align-items: center
 }

 .menu-footer .text a:hover {
     text-decoration: none
 }

 .menu-footer .text a .icon i {
     font-size: 18px
 }

 .menu-copyright {
     margin-top: 18px;
     font-size: .875rem;
     line-height: 1.71428571;
     color: #666;
     text-transform: uppercase
 }

 .menu-copyright strong {
     color: #242424 !important
 }

 @media (max-height:380px) {
     .menu-footer {
         display: none
     }
 }

 .header-custom {
     padding-top: 3rem
 }

 .header-absolute {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     z-index: 900
 }

 .nav-logo {
     margin-top: -2.3125rem;
     margin-bottom: -2.3125rem;
     display: block
 }

 .header-custom .menu-lang,
 .header-custom .social {
     margin-top: .5rem
 }

 .header-custom .social a {
     color: #999
 }

 .header-custom .navbar-nav a {
     color: #242424
 }

 .header-custom .menu-lang {
     font-size: 1rem;
     font-weight: 400;
     color: #ccc
 }

 .header-custom .menu-lang a {
     color: #999
 }

 .header-custom .menu-lang a.active {
     color: #242424
 }

 .header-custom .menu-lang a:hover {
     color: #d8953c
 }

 @media (min-width:768px) {
     .header-custom {
         padding-top: 5rem
     }
 }

 .promo-zoom {
     position: relative;
     z-index: 100
 }

 .mountains {
     position: fixed;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     z-index: 10;
     background: url(../img/bg-promo-zoom-mountains2.jpg) 50% 100% no-repeat;
     background-size: cover
 }

 .house-left {
     position: fixed;
     width: 28.958333%;
     height: 59.16666666%;
     bottom: 0;
     left: 0;
     z-index: 20;
     background: url(../img/bg-promo-zoom-house-left.png) 0 100% no-repeat;
     background-size: contain
 }

 .house-right {
     position: fixed;
     width: 62.76041667%;
     height: 60%;
     bottom: 0;
     right: 0;
     z-index: 30;
     background: url(../img/bg-promo-zoom-house-right.png) 100% 100% no-repeat;
     background-size: contain
 }

 .step-opacity {
     position: absolute;
     left: 0;
     top: 85%
 }

 .promo-zoom-titles {
     position: fixed;
     top: 30%;
     left: 10%;
     right: 10%;
     z-index: 40;
     text-align: center
 }

 .top-title {
     margin-bottom: 1.25rem;
     font-size: 1.125rem;
     text-transform: uppercase;
     letter-spacing: .5625rem;
     color: #666
 }

 .promo-screen-titles h1,
 .promo-zoom-titles h1 {
     font-size: 11.11111111vmin;
     font-weight: 700
 }

 .text-texture {
     display: inline-block;
     background-image: url(../img/bg-title.jpg);
     background-position: 50% 50%;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }

 .text-texture>.inside {
     display: inline-block;
     mix-blend-mode: lighten;
     background: #fff
 }

 .promo-screen-titles .slogan,
 .promo-zoom-titles .slogan {
     margin-top: 1.125rem;
     font-size: 1.25rem;
     color: #666;
     line-height: 1.5
 }

 .brand .text-texture {
     background-image: linear-gradient(to bottom, #ff7c00, red);
     display: inline-block;
     vertical-align: middle;
     width: 4.75rem;
     height: 3.125rem
 }

 .section {
     padding-top: 6rem;
     padding-bottom: 4rem
 }

 .section-content {
     padding-top: 6rem
 }

 .section-item {
     text-align: center
 }

 .page-content {
     background: #fff;
     padding-top: 12%;
     position: relative;
     z-index: 100
 }

 @media (min-width:768px) {
     .page-content {
         padding-top: 8.75rem
     }
 }

 .section-mini {
     padding-top: 6rem
 }

 .section-centered {
     display: flex;
     align-items: center
 }

 .section-centered>div {
     width: 100%
 }

 .full-image,
 .full-image-dark {
     min-height: 100vh;
     background-size: cover;
     background-position: 50% 0;
     background-repeat: no-repeat;
     position: relative
 }

 .full-image-dark:before {
     content: "";
     z-index: 10;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: #242424;
     opacity: .3
 }

 .full-image-dark>div {
     z-index: 100;
     position: relative
 }

 @media (min-width:768px) {
     .section {
         padding-top: 10.625rem;
         padding-bottom: 10.625rem
     }

     .section-content {
         padding-bottom: 8.125rem
     }

     .section-mini {
         padding-top: 8.125rem
     }
 }

 .section-last {
     padding-bottom: 0
 }

 .section-item-title {
     margin-bottom: 1.875rem;
     font-size: 1.5rem;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: .375rem;
     line-height: 1.5
 }

 .section-item-title,
 .section-item-title a {
     color: #d8953c
 }

 .section-item-title-sm {
     font-size: 1.125rem;
     letter-spacing: .5em
 }

 .section-item-title-md {
     font-size: 1.25rem;
     letter-spacing: .25em
 }

 .promo-about {
     padding-top: 9rem;
     padding-bottom: 6rem;
     line-height: calc(100vh - 15rem)
 }

 @media(max-width:767px) {
     .promo-about {
         padding-top: 4rem;
         padding-bottom: 4rem;
         height: 100%;
         min-height: 100%
     }
 }

 .promo-about .about {
     position: relative;
     top: 0;
     opacity: 0;
     transition: all .5s ease-in-out
 }

 .company_over_stats {
     display: flex;
     margin: 55px 0;
     justify-content: center;
     font-weight: 400;
     line-height: 1.1;
     gap: 5%;
     font-family: Century-Gothic, sans-serif
 }

 @media(max-width:767px) {
     .company_over_stats {
         margin: 30px 0
     }
 }

 .company-overview_gap {
     width: 1px;
     height: auto;
     background: #000;
     display: block
 }

 .company-overview-column-large .trans-component {
     font-size: 3.775rem;
     font-weight: 500
 }

 .company-overview-column-small .trans-component {
     font-size: 1rem;
     margin-top: 5px;
     position: relative;
     display: block
 }

 @media (min-width:768px) {
     .promo-about {
         padding-top: 3rem;
         padding-bottom: 3rem;
         line-height: calc(100vh - 6rem)
     }
 }

 .about {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     padding-top: 0;
     padding-bottom: 0;
     text-align: center;
     line-height: 1.5
 }

 .rounded-logo {
     width: 11.5rem;
     height: 11.5rem;
     margin-left: auto;
     margin-right: auto;
     position: relative
 }

 .rounded-logo svg {
     transform: rotate(175deg);
     text-transform: uppercase;
     letter-spacing: 2.65px;
     word-spacing: 4px;
     font-weight: 700;
     fill: #999
 }

 .rounded-logo .logo {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     margin-top: .625rem;
     text-align: center;
     font-size: 4rem;
     font-weight: 900;
     font-family: Butler, Serif;
     color: #242424;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%)
 }

 .rounded-logo-sm {
     width: 7.125rem;
     height: 7.125rem
 }

 .rounded-logo-sm .logo {
     margin-top: .25rem;
     font-size: 2.5rem
 }

 .rounded-logo-md {
     width: 14.125rem;
     height: 14.125rem
 }

 .rounded-logo-md .logo {
     font-size: 4.8125rem
 }

 .rounded-logo-lg {
     width: 17rem;
     height: 17rem
 }

 .rounded-logo-lg .logo {
     font-size: 6.125rem
 }

 .rounded-logo.stamp {
     width: 14.125rem;
     height: 14.125rem;
     position: absolute;
     left: 0;
     bottom: -3rem
 }

 .rounded-logo.stamp svg {
     transform: rotate(150deg)
 }

 .rounded-logo.font-custom svg {
     letter-spacing: .1em;
     word-spacing: 2px
 }

 .about-logo {
     margin-bottom: 6.25rem
 }

 .about-title {
     font-size: 2.25rem;
     font-weight: 700
 }

 .about-descr {
     margin-top: 0;
     font-size: 1.275rem;
     font-weight: 400;
     line-height: 1.45;
     text-align: center
 }

 .section-padding {
     padding-top: 9rem;
     padding-bottom: 9rem
 }

 @media (min-width:768px) {
     .section-padding {
         padding-top: 6rem;
         padding-bottom: 6rem
     }
 }

 @media (max-width:767px) {
     .section-padding {
         padding-top: 4rem;
         padding-bottom: 4rem
     }
 }

 .difference-container .section_title {
     text-align: center
 }

 .difference-container .the-difference-images {
     display: flex
 }

 @media (max-width:767px) {
     .difference-container .the-difference-images {
         flex-wrap: wrap
     }
 }

 .difference-container .the-difference-images div {
     flex: 1;
     overflow: hidden
 }

 @media (max-width:767px) {
     .difference-container .the-difference-images div {
         flex: 33.333%
     }
 }

 .difference-container .the-difference-images div img {
     max-width: 100%;
     min-height: 100%;
     padding-right: 10px;
     object-fit: cover;
     transition: all .3s ease
 }

 @media (max-width:767px) {
     .difference-container .the-difference-images div img {
         margin-bottom: 10px;
         min-height: calc(100% - 10px)
     }
 }

 .difference-container .the-difference-images div:hover img {
     transform: scale(1.2)
 }

 .difference-container .the-difference-images div:first-child img {
     padding-left: 17px
 }

 @media (max-width:767px) {
     .difference-container .the-difference-images div:nth-child(4) {
         padding-left: 17px
     }
 }

 .difference-container .the-difference-content {
     margin: 30px 0
 }

 @media (max-width:767px) {
     .difference-container .the-difference-content {
         margin: 5px 0
     }
 }

 .difference-container .the-difference-content div {
     padding-left: 0
 }

 .difference-container .the-difference-content p {
     text-align: center;
     margin-bottom: 0
 }

 @media (max-width:767px) {
     .difference-container .the-difference-content p {
         margin-bottom: 10px
     }
 }

 .difference-container .the-difference-content .trans-component {
     margin-top: 1.625rem;
     line-height: 1.625
 }

 .flash-descr,
 .services-descr {
     font-size: 1rem;
     line-height: 1.875
 }

 .service-item {
     margin-top: 0;
     display: block
 }

 a.service-item {
     text-decoration: none;
     color: #242424
 }

 .services-letter {
     overflow: hidden;
     position: relative;
     font-size: 13.75rem;
     font-weight: 900;
     line-height: 1.25
 }

 .services-letter .mask {
     position: absolute;
     z-index: 10;
     width: 200%;
     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 50%, #fff);
     background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
     height: 100%;
     top: 0;
     left: 100%
 }

 .letter-g .text-texture {
     background-image: url(../img/bg-letter-g.jpg);
     background-position: 50% 30%
 }

 .letter-w .text-texture {
     background-image: url(../img/bg-letter-w.jpg);
     background-position: 50% 30%
 }

 .letter-a .text-texture {
     background-image: url(../img/bg-letter-a.jpg);
     background-position: 50% 30%
 }

 .services-item-video video {
     width: 100%;
     height: 100%;
     object-fit: cover
 }

 .service-item-title {
     font-size: 1.5rem;
     font-weight: 400;
     margin-top: 1.625rem
 }

 .service-item-title a,
 a .service-item-title {
     color: #242424;
     text-decoration: none
 }

 .service-item-title a:hover,
 a:hover .service-item-title {
     color: #d8953c
 }

 .service-item-descr {
     margin-top: 1rem;
     line-height: 1.625;
     text-align: center
 }

 @-webkit-keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -50px, 0);
         transform: translate3d(0, -50px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -50px, 0);
         transform: translate3d(0, -50px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .services-3d .row>div {
     display: flex
 }

 .services-3d .service-item {
     position: relative;
     padding: 2.875rem 1.75rem 10.3125rem;
     margin-top: 2.5rem;
     overflow: hidden;
     background-color: transparent;
     transition: all .3s ease-in-out
 }

 .services-3d .service-item:hover {
     background-color: #f3f4f6
 }

 .services-3d .service-item .services-letter {
     opacity: 1;
     transition: all .3s ease-in-out
 }

 .services-3d .service-item>* {
     position: relative;
     z-index: 200
 }

 .services-3d .service-item>div.service-item-photo {
     position: absolute;
     z-index: 100
 }

 .services-3d .service-item-photo {
     opacity: 0;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background-position: 50% 0;
     background-repeat: no-repeat;
     background-size: 100%;
     -webkit-transform: translate(0, -3rem);
     transform: translate(0, -3rem);
     transition: all .5s ease-in-out
 }

 @media (min-width:768px) {
     .services-3d .service-item:hover .service-item-photo {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0)
     }

     .services-3d .service-item:hover .services-letter {
         opacity: 0
     }
 }

 .services-3d .service-item .btn {
     position: absolute;
     bottom: 4.375rem;
     left: 50%;
     white-space: nowrap;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0)
 }

 .services-3d .service-item-title a:hover,
 .services-3d a:hover .service-item-title {
     color: #242424
 }

 .projects {
     padding-bottom: 3rem
 }

 .projects .section-item-title {
     margin-bottom: 5.625rem
 }

 .carousel-container {
     position: relative;
     margin-left: -3.2rem;
     margin-right: -3.2rem;
     padding-left: 3.2rem;
     padding-right: 3.2rem;
     overflow: hidden
 }

 .carousel-container .owl-carousel {
     padding: 0 0 0
 }

 .carousel-container .mask {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 100%;
     z-index: 100;
     width: 100%;
     background: #fff;
     animation-fill-mode: forwards
 }

 .project-carousel-item {
     text-align: center
 }

 .project-carousel-photo,
 .project-listing-photo,
 .project-metro-photo {
     position: relative
 }

 .project-metro-photo {
     z-index: 300
 }

 .project-list-listing a,
 .project-list-masonry a {
     color: #242424;
     text-decoration: none
 }

 .project-list-listing a:hover .project-listing-title,
 .project-list-masonry a:hover .project-masonry-title {
     color: #ff3600
 }

 .project-listing-detail {
     margin-top: 2.25rem
 }

 .project-listing-title {
     font-size: 2.25rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 .project-metro-title {
     font-size: 3rem;
     font-weight: 400
 }

 .project-masonry-detail {
     margin-top: 24px
 }

 .project-masonry-title {
     font-size: 1.875rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 .project-parallax-detail {
     margin-bottom: 46px;
     font-size: 1.125rem;
     text-transform: uppercase;
     letter-spacing: .025em
 }

 .project-piling-title {
     font-size: 9.25925926vmin;
     line-height: 1;
     letter-spacing: -.025em;
     font-weight: 400
 }

 .project-piling-title a:hover {
     text-decoration: underline !important
 }

 .project-list-piling .footer {
     background: #2c1a6a
 }

 .project-carousel-date,
 .project-carousel-detail,
 .project-metro-date,
 .project-metro-detail {
     color: #242424
 }

 .project-carousel-date,
 .project-metro-date {
     bottom: auto;
     top: 2rem
 }

 .project-carousel-detail {
     opacity: 0;
     transition: opacity .5s .5s ease-in-out
 }

 .owl-item.active .project-carousel-detail {
     animation: fadeInDown .5s ease-out forwards;
     animation-delay: .5s;
     opacity: 1
 }

 .project-carousel-title {
     font-size: 1.5rem;
     font-weight: 600;
     line-height: 1.25;
     margin: 1rem 0;
     color: #242424;
     background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent
 }

 .project-carousel-category {
     margin-bottom: .5rem;
     font-weight: 400;
     text-align: center;
     padding-right: 10px;
     white-space: normal;
     font-family: Century-Gothic, sans-serif
 }

 @media(max-width:767px) {
     .project-carousel-category {
         font-size: 14px
     }
 }

 .project-carousel-decr {
     text-align: center;
     padding-right: 10px;
     white-space: normal
 }

 .project-carousel-more {
     position: absolute;
     opacity: 0;
     z-index: 30;
     left: 2.5rem;
     bottom: 1.5rem;
     transition: opacity .5s 1.1s ease-in-out
 }

 .owl-item.active .project-carousel-more {
     animation: fadeInUp .35s ease-out forwards;
     animation-delay: 1.1s;
     opacity: 1
 }

 .project .owl-theme .owl-nav {
     margin-top: 0
 }

 .more-total {
     margin-top: 4.375rem;
     font-weight: 700;
     text-transform: uppercase
 }

 .more-total a {
     color: #242424;
     text-decoration: underline
 }

 .more-total a:hover {
     text-decoration: none
 }

 .more-total-lg {
     margin-top: 8.125rem
 }

 .owl-theme .owl-nav [class*=owl-] {
     padding: 0;
     position: absolute;
     top: 30%;
     -webkit-transform: translate(-50%, -35%);
     transform: translate(0, -30%)
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
     background-color: #fff;
     height: 3.675rem;
     width: 3.675rem;
     border-radius: 100px
 }

 .owl-theme .owl-nav [class*=owl-].disabled {
     cursor: default
 }

 .owl-theme .owl-nav [class*=owl-],
 .owl-theme .owl-nav [class*=owl-]:hover {
     background-color: #fff
 }

 .owl-prev {
     left: -2.5rem;
     transform: translate(0, -30%) rotate(178deg) !important
 }

 .owl-next {
     right: -2.5rem
 }

 .nav-inside.owl-theme .owl-nav {
     margin-top: 0
 }

 .nav-inside .owl-prev {
     left: 15px
 }

 .nav-inside .owl-next {
     right: 15px
 }

 .nav-square.owl-theme .owl-nav [class*=owl-] {
     width: 3.75rem;
     height: 3.75rem;
     border: #333 1px solid;
     background: 0 0;
     margin: 0;
     border-radius: 0;
     transition: all .3s ease-in-out
 }

 .nav-square.owl-theme .owl-nav [class*=owl-]:hover:not(.disabled) {
     background: #333
 }

 .nav-square .arrow {
     position: relative;
     width: .875rem;
     height: 1.5rem
 }

 .nav-square .arrow-bottom,
 .nav-square .arrow-top {
     background-color: #333
 }

 .nav-square .arrow-bottom:after,
 .nav-square .arrow-top:after {
     background-color: #fff
 }

 .nav-white-red.owl-theme .owl-nav [class*=owl-] {
     border-color: #fff;
     background: #fff
 }

 .nav-white-red.owl-theme .owl-nav [class*=owl-]:hover:not(.disabled) {
     background: #d8953c;
     border-color: #d8953c
 }

 .nav-white-orange.owl-theme .owl-nav [class*=owl-] {
     border-color: #fff
 }

 .nav-white-orange.owl-theme .owl-nav [class*=owl-]:hover:not(.disabled) {
     background: #ff3600;
     border-color: #ff3600
 }

 .nav-white-orange .arrow-bottom,
 .nav-white-orange .arrow-top {
     background-color: #fff
 }

 @media (min-width:1600px) {
     .nav-inside .owl-prev {
         left: 3.75rem
     }

     .nav-inside .owl-next {
         right: 3.75rem
     }
 }

 .arrow {
     height: 1rem;
     width: 1rem;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center
 }

 .arrow-bottom,
 .arrow-top {
     background-color: #eaab55;
     height: 3px;
     left: .9rem;
     position: absolute;
     top: 50%;
     width: 1.5rem
 }

 .arrow-bottom:after,
 .arrow-top:after {
     background-color: #242424;
     content: '';
     height: 100%;
     position: absolute;
     top: 0;
     transition: all .15s
 }

 .arrow-top {
     transform: rotate(45deg);
     transform-origin: bottom right
 }

 .arrow-top:after {
     left: 100%;
     right: 0;
     transition-delay: 0s
 }

 .arrow-bottom {
     transform: rotate(-45deg);
     transform-origin: top right
 }

 .arrow-bottom:after {
     left: 0;
     right: 100%;
     transition-delay: .15s
 }

 .owl-next:not(.disabled):hover .arrow-top:after,
 .owl-prev:not(.disabled):hover .arrow-top:after {
     left: 0;
     transition-delay: .15s
 }

 .owl-next:not(.disabled):hover .arrow-bottom:after,
 .owl-prev:not(.disabled):hover .arrow-bottom:after {
     right: 0;
     transition-delay: 0s
 }

 .dots-md {
     margin-bottom: 16.5rem
 }

 .dots-md.owl-theme .owl-dots,
 .dots-md.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 5.625rem;
     position: absolute;
     left: 0;
     right: 0;
     top: 100%
 }

 .dots-md.owl-theme .owl-dots .owl-dot {
     vertical-align: middle
 }

 .owl-theme .owl-dots .owl-dot:focus {
     outline: 0
 }

 .owl-theme .owl-dots .owl-dot span {
     width: 15px;
     height: 15px;
     background: 0 0;
     border: transparent 1px solid;
     position: relative;
     margin: 5px
 }

 .dots-md.owl-theme .owl-dots .owl-dot span {
     width: 1.5rem;
     height: 1.5rem
 }

 .owl-theme .owl-dots .owl-dot:hover span {
     background: 0 0
 }

 .owl-theme .owl-dots .owl-dot.active span {
     border-color: #d8953c;
     background-color: transparent
 }

 .owl-theme .owl-dots .owl-dot span:before {
     content: "";
     display: block;
     width: 3px;
     height: 3px;
     border-radius: 3px;
     background: #242424;
     position: absolute;
     left: 50%;
     margin-left: -1.5px;
     top: 50%;
     margin-top: -1.5px
 }

 .dots-md.owl-theme .owl-dots .owl-dot span:before {
     width: 4px;
     height: 4px;
     margin-left: -2px;
     margin-top: -2px
 }

 .owl-theme .owl-dots .owl-dot.active span:before,
 .owl-theme .owl-dots .owl-dot:hover span:before {
     background-color: #d8953c
 }

 .reviews-carousel-sm.owl-theme .owl-dots .owl-dot span:before {
     background-color: #fff
 }

 .reviews-carousel-sm.owl-theme .owl-dots .owl-dot.active span:before,
 .reviews-carousel-sm.owl-theme .owl-dots .owl-dot:hover span:before {
     background-color: #f4882e
 }

 .reviews-carousel-sm.owl-theme .owl-dots .owl-dot.active span {
     border-color: #f4882e
 }

 @media (min-width:1400px) {
     .carousel-container {
         margin-left: -7.5rem;
         margin-right: -7.5rem;
         padding-left: 7.5rem;
         padding-right: 7.5rem
     }

     .owl-prev {
         left: -2.5rem
     }

     .owl-next {
         right: -2.5rem
     }
 }

 @media (min-width:768px) {

     .project-carousel-date,
     .project-carousel-detail,
     .project-metro-date {
         max-width: 100%
     }

     .project-carousel-date,
     .project-metro-date {
         bottom: auto;
         top: 2.625rem
     }

     .project-carousel-more {
         left: auto;
         right: 3.4375rem;
         bottom: 3.25rem
     }
 }

 @media (max-width:767px) {
     .project-carousel-item .btn {
         padding: 7px 12px 7px
     }

     .owl-prev {
         left: -.5rem
     }

     .owl-next {
         right: -.5rem
     }

     .carousel-container {
         padding-left: 0;
         padding-right: 0;
         margin-left: 0;
         margin-right: 0
     }
 }

 .clients {
     background: url(../img/bg-clients.gif) 50% 0 no-repeat;
     background-size: cover
 }

 .testimonial {
     background: url(../img/bg-testimonial.png) 50% 0 no-repeat;
     background-size: cover
 }

 .testimonial .owl-theme .owl-dots,
 .testimonial .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 3.75rem
 }

 .reviews-carousel-container {
     background: #fff;
     padding-top: 2.8125rem;
     padding-bottom: 5.875rem;
     padding-left: 3rem;
     padding-right: 3rem;
     margin-top: 5rem
 }

 .carousel-center-v.owl-carousel .owl-stage {
     display: flex;
     align-items: center
 }

 .reviews-carousel-text {
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1.33333333;
     letter-spacing: -1px
 }

 .testimonial .reviews-carousel-text {
     line-height: 1.66666667;
     letter-spacing: -.025em;
     font-weight: 400
 }

 .reviews-carousel-author {
     margin-top: 3rem;
     font-size: 1.125rem
 }

 .reviews-carousel-author:after,
 .reviews-carousel-author:before {
     content: "-";
     margin: 0 .625rem;
     color: #999
 }

 .reviews-carousel-sm .reviews-carousel-item {
     min-height: 22.5rem
 }

 .reviews-carousel-sm .reviews-carousel-item>.inside {
     vertical-align: top
 }

 .reviews-carousel-sm .reviews-carousel-author {
     text-transform: uppercase;
     font-weight: 700
 }

 .reviews-carousel-sm .reviews-carousel-author:after,
 .reviews-carousel-sm .reviews-carousel-author:before {
     display: none
 }

 .reviews-carousel-author-status {
     margin-top: .5rem;
     font-size: 1rem;
     font-weight: 400
 }

 .home-piling .reviews-carousel-author-status {
     color: #9cc
 }

 .home-piling .reviews-carousel-author-status .text-grey-light {
     color: #699
 }

 .reviews-carousel-sm .owl-dots {
     margin-left: -5px;
     text-align: left
 }

 @media (min-width:992px) {
     .reviews-carousel-text {
         font-size: 2.25rem
     }

     .reviews-carousel-sm .reviews-carousel-text {
         font-size: 1.875rem;
         letter-spacing: -.25px;
         line-height: 1.6
     }

     .reviews-carousel-container {
         padding-left: 8.75rem;
         padding-right: 8.75rem
     }
 }

 .partner-list {
     margin-top: 9.25925926vmin;
     text-align: center
 }

 .partner-item {
     display: flex;
     text-align: center
 }

 .partner-item img {
     opacity: .4;
     transition: all .3s ease-in-out
 }

 .partner-item .inside:hover img,
 .partner-item a:hover img,
 .partner-item img:hover {
     opacity: 1
 }

 .partner-bordered .partner-item {
     margin: 0 -1px -1px 0;
     border: #eaeaea 1px solid;
     min-height: 13.88888889vmin
 }

 .partner-item>.inside {
     padding: 1.5rem 1rem;
     align-self: center;
     display: block;
     width: 100%
 }

 .partner-item {
     flex: 0 0 33.33333333%;
     max-width: 33.33333333%
 }

 .partner-item img {
     max-width: 100%
 }

 @media (min-width:768px) {
     .partner-item {
         flex: 0 0 20%;
         max-width: 20%
     }
 }

 .article-list {
     margin-top: 6.25rem
 }

 .article-list>div {
     display: flex
 }

 .article-item {
     width: 100%;
     margin-bottom: 2.5rem;
     position: relative;
     text-align: left;
     display: flex;
     flex-direction: column
 }

 a.article-item {
     color: #242424;
     text-decoration: none
 }

 .article-item-photo {
     margin-bottom: 2rem;
     height: 0;
     padding-bottom: 62.16216216%;
     position: relative;
     overflow: hidden
 }

 .article-item-photo img {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     object-fit: cover
 }

 .article-item-masonry {
     margin-bottom: 10px;
     display: block;
     position: relative
 }

 .article-item-masonry,
 .article-item-masonry:hover {
     color: #fff
 }

 .article-item-masonry .article-item-photo {
     margin-bottom: 0;
     height: auto;
     padding-bottom: 0
 }

 .article-item-masonry .article-item-photo img {
     position: relative;
     z-index: 100;
     width: 100%;
     height: auto
 }

 .article-item-masonry .article-item-photo:before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 150;
     opacity: .6;
     background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%);
     background: linear-gradient(to top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%);
     transition: all .3s ease-in-out
 }

 .article-item-masonry:hover .article-item-photo:before {
     opacity: 0
 }

 .article-list-listing .article-item {
     display: block;
     margin-bottom: 4.625rem
 }

 .article-list-listing .article-item-photo {
     padding-bottom: 51.94805195%;
     margin-bottom: 2.125rem
 }

 .article-list-listing .article-item-title {
     margin-bottom: .375rem;
     font-size: 1.5rem;
     line-height: 1.41666667;
     letter-spacing: -.025em
 }

 .article-item-info {
     color: #999
 }

 .article-item-info a {
     color: #242424
 }

 .article-item-info a:hover {
     color: #d8953c;
     text-decoration: none
 }

 .article-item-descr {
     margin-top: 1.375rem;
     line-height: 1.625
 }

 .article-item-detail {
     position: absolute;
     left: 0;
     right: 0;
     top: auto;
     bottom: 0;
     z-index: 250;
     padding: 2.5rem
 }

 .article-item-mask {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 200;
     background: #242424;
     opacity: .1;
     transition: all .3s ease-in-out
 }

 .article-item-masonry:hover .article-item-mask {
     opacity: .5
 }

 .article-item-masonry .article-item-title {
     font-size: 1.5rem;
     line-height: 1.41666667
 }

 .article-item-masonry:hover .article-item-title {
     text-decoration: underline
 }

 .zooming {
     overflow: hidden
 }

 .zooming img {
     transform: scale(1);
     transition: all 1s linear
 }

 .zooming:hover img,
 a:hover .zooming img {
     transform: scale(1.08)
 }

 .article-item-category {
     margin-bottom: .625rem;
     font-size: .875rem;
     text-transform: uppercase
 }

 .article-item-category,
 .article-item-category a {
     color: #d8953c
 }

 .article-item-category-dark {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 10px;
     background: #333;
     padding: 1px 8px 0;
     color: #fff;
     font-size: .75rem;
     text-transform: uppercase;
     letter-spacing: .025em;
     font-weight: 700
 }

 .article-item-title {
     flex: 1 1 auto;
     font-size: 1.375rem;
     font-weight: 700;
     line-height: 1.36363636;
     letter-spacing: -.5px
 }

 .article-item-title a,
 .article-item-title a:hover {
     color: #242424
 }

 .article-item-date {
     margin-top: 1.875rem
 }

 .article-item-masonry .article-item-date {
     margin-top: 1.125rem
 }

 .article-list-mini {
     margin-top: 1.75rem
 }

 .article-item-mini {
     margin-bottom: 1.25rem
 }

 .article-item-mini .article-item-photo {
     display: block;
     padding-bottom: 71.08433735%;
     margin-top: .25rem;
     margin-bottom: 0;
     width: 5.25rem
 }

 .article-item-mini .article-item-title {
     margin-bottom: 0;
     font-size: .875rem;
     line-height: 1.42857143
 }

 .article-item-mini .article-item-title a:hover {
     text-decoration: none
 }

 .article-item-mini .article-item-date {
     margin-top: .25rem;
     color: #999;
     font-size: .875rem
 }

 .promo-zoom-footer {
     overflow: hidden
 }

 .promo-zoom-footer .inside {
     margin-left: -10%;
     margin-right: -10%
 }

 @media (min-width:768px) {
     .promo-zoom-footer .inside {
         margin-left: 0;
         margin-right: 0
     }
 }

 .horizontal-nav {
     width: 100%;
     position: fixed;
     z-index: 300;
     bottom: 5.55555556vmin;
     left: 0
 }

 .horizontal-nav ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .horizontal-nav li {
     float: left;
     height: 2px;
     width: 3rem;
     background: #ff3600;
     overflow: hidden;
     transition: background .5s ease-in-out;
     position: relative
 }

 .horizontal-nav li:before {
     content: "";
     display: block;
     width: 0;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: #ff3600
 }

 .horizontal-nav li.active:before {
     animation: navWidth .5s ease-in-out forwards
 }

 @-webkit-keyframes navWidth {
     0% {
         width: 0
     }

     100% {
         width: 100%
     }
 }

 @keyframes navWidth {
     0% {
         width: 0
     }

     100% {
         width: 100%
     }
 }

 .horizontal-nav li.active,
 .horizontal-nav li.active~li {
     background: #ccc
 }

 .horizontal-nav li:before {
     width: 100%
 }

 .horizontal-nav li.active~li:before {
     width: 0%
 }

 .horizontal-controls {
     position: absolute;
     right: 15px;
     bottom: -.625rem
 }

 @media (min-width:992px) {
     .horizontal-nav li {
         width: 6.25rem
     }
 }

 @media (min-width:1600px) {
     .horizontal-controls {
         right: 3.75rem
     }
 }

 .horizontal-controls button {
     border: none;
     background: 0 0;
     padding: 0;
     margin: 0;
     color: #999;
     font-weight: 700;
     text-transform: uppercase;
     transition: all .2s ease-in-out
 }

 .horizontal-controls button:hover {
     color: #242424
 }

 .horizontal-controls .divider {
     margin-left: 1.625rem;
     margin-right: 1.625rem;
     font-weight: 400;
     color: #ccc
 }

 .home-horizontal .section {
     transition: transform 1.5s ease-in-out
 }

 .home-horizontal .active+.section {
     transform: translate3d(30%, 0, 0) !important
 }

 .home-horizontal .section.active {
     transform: translate3d(0, 0, 0)
 }

 .pp-scrollable {
     overflow-x: hidden;
     overflow-y: auto
 }

 .slide {
     background: #fff;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 0;
     padding-bottom: 0;
     min-height: 100vh
 }

 .slide-container {
     position: relative;
     min-height: 100vh;
     padding-top: 9rem;
     padding-bottom: 4rem
 }

 @media (min-width:992px) {
     .slide-container {
         padding-top: 15vmin;
         padding-bottom: 7vmin
     }
 }

 @media (min-width:1400px) {
     .slide-container {
         padding-top: 21.66666667vmin
     }
 }

 .slide-dark {
     background-color: #0c0c0c;
     color: #fff
 }

 .slide-container .video-container {
     display: none;
     pointer-events: none
 }

 .slide-container .video-container:before {
     display: none
 }

 .slide-bg,
 .slide-bg>.inside {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
     background-position: 70% 50%;
     background-repeat: no-repeat;
     background-size: cover
 }

 .slide-bg {
     overflow: hidden
 }

 .home-horizontal .slide1 .slide-bg>.inside {
     background-image: url(../img/bg-horizontal1_.jpg)
 }

 .home-horizontal .slide3 .slide-bg>.inside {
     background-image: url(../img/bg-horizontal3.jpg)
 }

 .home-horizontal .slide5 .slide-bg>.inside {
     background-image: url(../img/bg-horizontal5.jpg)
 }

 .slide-container .container {
     z-index: 100
 }

 .slide [class^=col-] {
     position: static
 }

 .num {
     font-size: 3.75rem;
     font-size: 5.55555556vmin;
     font-weight: 500;
     line-height: 1;
     font-family: Teko, sans-serif
 }

 .slide-num {
     margin-bottom: 1.5vmin
 }

 @media (min-width:1400px) {
     .slide-num {
         position: absolute;
         left: 15px;
         top: 22.22222222vmin
     }
 }

 @media (min-width:1600px) {
     .slide-num {
         left: 3.75rem
     }
 }

 .slide-content {
     min-height: 50vmin;
     margin-bottom: 3vmin
 }

 .slide-video-container {
     position: absolute;
     z-index: 100;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0
 }

 .home-horizontal .h1,
 .home-horizontal h1 {
     margin-left: -.25rem;
     margin-bottom: 4.07407407vmin;
     font-size: 12.03703704vmin;
     text-transform: uppercase;
     line-height: .92307692;
     font-weight: 400
 }

 .home-horizontal .slide5 .h1,
 .home-horizontal .slide5 h1 {
     font-size: 11.11111111vmin
 }

 .home-horizontal .h2,
 .home-horizontal h2 {
     font-size: 6.66666667vmin;
     text-transform: uppercase;
     line-height: .92307692;
     font-weight: 400
 }

 .horizontal-top-title {
     margin-top: .925925926vmin;
     margin-bottom: 4.44444444vmin;
     font-size: 1.25rem;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: .5px;
     line-height: .92307692
 }

 .slide-title-sub {
     margin-bottom: 2.12962963vmin;
     font-size: 1.875rem;
     text-transform: uppercase;
     line-height: .92307692;
     letter-spacing: .5px
 }

 .slide-descr {
     color: #999;
     line-height: 1.625
 }

 .home-horizontal .slide2 .slide-descr {
     line-height: 1.875
 }

 .home-horizontal .slide1 .slide-photo {
     position: absolute;
     height: 70.92592593%;
     left: 46.875%;
     right: 0;
     top: 13.24074074%;
     z-index: -1
 }

 .home-horizontal .slide1 .slide-photo img {
     height: 100%;
     width: auto;
     max-width: none
 }

 .btn-play {
     display: inline-block;
     vertical-align: middle;
     margin: 0;
     padding: 0;
     background: 0 0;
     border: #ff3600 2px solid;
     width: 6.48148148vmin;
     height: 6.48148148vmin;
     min-width: 3rem;
     min-height: 3rem;
     line-height: 2.5rem;
     border-radius: 4.375rem;
     text-align: center;
     transition: all .3s ease-in-out;
     font-size: 1.5rem;
     color: #fff
 }

 .btn-play:hover {
     background: #ff3600;
     text-decoration: none
 }

 .btn-play .ion-ios-play {
     margin-left: .25rem
 }

 button.btn-play i,
 button.btn-play i:before {
     display: block;
     line-height: 1
 }

 a.btn-play i {
     display: inline-block;
     vertical-align: middle;
     line-height: 1
 }

 .btn-play-lg {
     border: #fff 2px solid;
     padding: 0 0 0 .75rem;
     min-width: 6.875rem;
     min-height: 6.875rem;
     line-height: 6.2rem;
     font-size: 4.5rem;
     color: #fff
 }

 .btn-play-lg:hover {
     border-color: #ff3600
 }

 .media-title {
     margin-top: .55555556vmin;
     margin-bottom: 3rem
 }

 .media-title .h2,
 .media-title h2 {
     margin-right: 2.375rem
 }

 @media (min-width:992px) {
     .media-title {
         display: flex;
         margin-bottom: 0
     }
 }

 .horizontal-service-list {
     margin-top: 3.33333333vmin
 }

 .horizontal-service-list>div {
     display: flex
 }

 .horizontal-service-item {
     border: #e1e1e1 1px solid;
     padding: 3.88888889vmin 3.125rem 5.09259259vmin;
     position: relative;
     margin-top: 4.62962963vmin;
     display: flex;
     flex-direction: column
 }

 .horizontal-service-item:before {
     content: "";
     display: block;
     height: 4px;
     width: 0;
     position: absolute;
     left: -1px;
     right: -1px;
     bottom: -1px;
     background: #ff3600;
     transition: width .3s ease-in-out
 }

 .horizontal-service-item:hover:before {
     width: calc(100% + 2px)
 }

 .horizontal-service-item .num {
     color: #ccc;
     font-weight: 400
 }

 .horizontal-service-item .num,
 .horizontal-service-item-photo {
     margin-bottom: 3.51851852vmin
 }

 .horizontal-service-item-photo img.photo-position {
     position: absolute;
     top: -3.125rem;
     left: 36.48648649%;
     max-width: 67.83783784%;
     height: auto
 }

 .horizontal-service-item-photo.photo3 img.photo-position {
     top: -3.75rem
 }

 .horizontal-service-item-title {
     margin-bottom: 2.59259259vmin;
     font-size: 2.25rem;
     font-family: Teko, sans-serif;
     text-transform: uppercase;
     line-height: 1.11111111
 }

 .horizontal-service-item-descr {
     height: 100%;
     padding-bottom: 5.37037037vmin;
     line-height: 1.625rem
 }

 .horizontal-service-item-descr,
 .horizontal-service-item-title {
     position: relative;
     z-index: 100
 }

 .horizontal-more-total {
     border-bottom: #242424 1px solid;
     color: #242424;
     text-transform: uppercase;
     letter-spacing: .5px;
     text-decoration: none
 }

 .slide-dark a:not(.btn),
 .slide-dark a:not(.btn):hover {
     border-bottom-color: #fff;
     color: #fff;
     text-decoration: none
 }

 .slide-dark a.underline {
     text-decoration: underline
 }

 .home-horizontal .partner-list {
     margin-top: 6.48148148vmin
 }

 .slide-contact-address {
     margin-bottom: 7.03703704vmin;
     font-size: 1.25rem;
     color: #999
 }

 .slide-contact-mail,
 .slide-contact-phone {
     margin-bottom: 2.77777778vmin;
     font-size: 2.25rem;
     font-weight: 700;
     letter-spacing: -.5px
 }

 .slide5 .slide-title {
     margin-bottom: .8125rem
 }

 .slide-num {
     opacity: 0;
     transition: all .3s ease-in-out;
     transition-delay: 1.5s
 }

 .home-horizontal .section.active .slide-num {
     opacity: 1
 }

 .home-horizontal .slide-body,
 .home-horizontal .slide-title {
     opacity: 0;
     transform: translateX(-200px);
     transition: all .5s ease-in-out
 }

 .home-horizontal .slide-body {
     transition-delay: .2s
 }

 .home-horizontal .active+.section .slide-body,
 .home-horizontal .active+.section .slide-title {
     opacity: 0;
     transform: translateX(400px)
 }

 .home-horizontal .section.active .slide-body,
 .home-horizontal .section.active .slide-title {
     opacity: 1;
     transform: translateX(0)
 }

 .home-horizontal .active+.section .slide-title,
 .home-horizontal .section.active .slide-title {
     transition-delay: .7s
 }

 .home-horizontal .active+.section .slide-body,
 .home-horizontal .section.active .slide-body {
     transition-delay: .9s
 }

 .home-horizontal .slide-note {
     opacity: 0;
     transition: all .5s ease-in-out;
     transition-delay: 1.2s
 }

 .home-horizontal .section.active .slide-note {
     opacity: 1
 }

 .slide-bg>.inside {
     transition: transform .8s ease-in-out;
     transform: scale(1.08);
     transition-delay: .8s
 }

 .section.active .slide-bg>.inside {
     transform: scale(1)
 }

 .dark-horizontal .copyright-fixed,
 .dark-horizontal .establised,
 .dark-horizontal .header,
 .dark-horizontal .navbar-nav>ul>li>a,
 .dark-horizontal .social-fixed a,
 .dark-horizontal .social-rounded-fixed a {
     color: #fff
 }

 .dark-horizontal #pp-nav span,
 .dark-horizontal .pp-slidesNav span,
 .dark-horizontal .stick {
     background: #fff
 }

 .dark-horizontal .horizontal-nav li.active,
 .dark-horizontal .horizontal-nav li.active~li {
     background: #333
 }

 .dark-horizontal .horizontal-controls button {
     color: #666
 }

 .dark-horizontal .horizontal-controls button:hover {
     color: #fff
 }

 .dark-horizontal .social-rounded-fixed a {
     border-color: #fff
 }

 .home-piling .section,
 .project-list-piling .section {
     transition: transform 1.2s ease-in-out;
     position: relative;
     z-index: 10
 }

 .a-pagepiling.home-piling .section,
 .a-pagepiling.project-list-piling .section {
     position: absolute
 }

 .project-list-piling.a-pagepiling .section {
     position: absolute
 }

 .home-piling .active+.section,
 .project-list-piling .active+.section {
     transform: translate3d(0, 20%, 0) !important
 }

 .home-piling .section.active,
 .project-list-piling .section.active {
     transform: translate3d(0, 0, 0)
 }

 @media (max-width:575px) {
     .home-piling .container {
         padding-right: 45px
     }
 }

 #pp-nav.right {
     right: 15px
 }

 @media (min-width:1600px) {
     #pp-nav.right {
         right: 3.75rem
     }
 }

 #pp-nav li,
 .pp-slidesNav li {
     height: 24px;
     margin: 6px 0;
     width: 24px
 }

 #pp-nav li a,
 .pp-slidesNav li a {
     border: 1px solid transparent;
     border-radius: 20px
 }

 #pp-nav li a.active,
 .pp-slidesNav li a.active {
     border-color: #ff9000
 }

 #pp-nav span,
 .pp-slidesNav span {
     width: 6px;
     height: 6px;
     border: none;
     background: #999;
     left: 8px;
     top: 8px
 }

 #pp-nav li a.active span,
 #pp-nav li a:hover span,
 .pp-slidesNav li a.active span,
 .pp-slidesNav li a:hover span {
     background: #ff9000
 }

 .home-piling .h1,
 .home-piling h1 {
     margin-left: -.25rem;
     margin-bottom: 7.03703704vmin;
     font-size: 10.18518519vmin;
     line-height: 1
 }

 .home-piling .slide1 {
     background: #1f5152
 }

 .home-piling .slide1 .slide-bg>.inside {
     background-image: url(../img/bg-piling1.jpg)
 }

 .home-piling .slide-bg-circle>.inside {
     background-image: url(../img/piling-pic2.png);
     background-color: #f6f6f6
 }

 .home-piling .slide5 .slide-bg>.inside {
     background-image: url(../img/bg-piling5.jpg)
 }

 .home-piling .slide6 .slide-bg>.inside {
     background-image: url(../img/bg-piling6.jpg)
 }

 .home-piling .slide6 .slide-bg-circle>.inside {
     background-image: url(../img/piling-pic2.png);
     background-color: transparent
 }

 .home-piling .slide1 .slide-title-sub {
     font-size: 1.5rem;
     line-height: 1;
     font-weight: 700
 }

 .home-piling .h2,
 .home-piling h2 {
     margin-bottom: 6.11111111vmin;
     font-size: 6.66666667vmin;
     font-weight: 400;
     line-height: 1.14;
     letter-spacing: -.125rem
 }

 .solution-num {
     margin-right: 1rem;
     margin-top: .25rem;
     background-image: url(../img/bg-letter-solution.jpg);
     background-size: cover;
     font-size: 37.03703704vmin;
     font-family: 'Butler Stencil Bold';
     line-height: .75
 }

 .solution-num>.inside {
     background: #f6f6f6
 }

 .solution-num-title {
     margin-top: 3vmin;
     font-size: 1.5rem;
     text-transform: uppercase
 }

 .solution-num,
 .solution-num-title {
     display: inline-block;
     margin-bottom: 5vmin
 }

 @media (min-width:992px) {

     .solution-num,
     .solution-num-title {
         margin-bottom: 0;
         margin-right: 0
     }

     .solution-num-title {
         display: block;
         margin-top: 23.70370370vmin
     }
 }

 .slide2 .ornament {
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     bottom: 0;
     z-index: -1;
     transform: translate3d(-80px, 0, 0);
     overflow: hidden
 }

 .slide2 .ornament>.inside {
     display: block;
     width: 88.51851852vmin;
     height: 44.25925926vmin;
     background: #f4e9db;
     border-radius: 50% 50% 0 0/100% 100% 0 0;
     position: absolute;
     left: -80px;
     bottom: 0
 }

 .solution-collapse-item {
     margin-bottom: 2rem
 }

 .solution-collapse-item-title {
     font-size: 1.625rem
 }

 .solution-collapse-item-title a {
     display: block;
     padding-right: 2rem;
     cursor: pointer;
     position: relative
 }

 .solution-collapse-item-title a.collapsed:hover,
 .solution-collapse-item-title a:not(.collapsed),
 .solution-collapse-item-title a:not(.collapsed):hover {
     color: #f4882e
 }

 .solution-collapse .card-body {
     padding: 1.25rem 1.75rem .25rem;
     color: #666;
     line-height: 1.875
 }

 .icon-plus {
     display: inline-block;
     vertical-align: middle;
     width: 21px;
     height: 21px;
     position: relative
 }

 .icon-plus:after,
 .icon-plus:before {
     content: "";
     display: block;
     width: 100%;
     height: 1px;
     position: absolute;
     top: 10px;
     left: 0;
     background: #242424;
     transform: rotate(0);
     transition: transform .4s ease-in-out
 }

 .solution-collapse-item-title a.collapsed .icon-plus:after {
     transform: rotate(-90deg)
 }

 .solution-collapse-item-title a:hover .icon-plus:after,
 .solution-collapse-item-title a:hover .icon-plus:before,
 .solution-collapse-item-title a:not(.collapsed) .icon-plus:after,
 .solution-collapse-item-title a:not(.collapsed) .icon-plus:before {
     background: #f4882e
 }

 .solution-collapse-item-title a .icon-plus {
     position: absolute;
     right: 0;
     top: 10px
 }

 .piling-project-item {
     margin-bottom: 7.22222222vmin
 }

 .piling-project-title {
     margin-bottom: 1.375rem;
     font-size: 6.11111111vmin;
     font-weight: 400;
     line-height: 1.06060606
 }

 .piling-more-total a:hover,
 .piling-project-title a:hover,
 .slide-dark .piling-more-total a:hover,
 .slide-dark .piling-project-title a:hover {
     text-decoration: underline
 }

 .piling-project-detail {
     font-size: .875rem;
     text-transform: uppercase
 }

 .section.active .slide-bg-list .slide-bg>.inside {
     transition: all .8s ease-in-out;
     transform: scale(1.08)
 }

 .slide-bg-list .slide-bg.active>.inside {
     opacity: 1;
     transform: scale(1);
     transition-delay: 0s;
     transform: scale(1) !important
 }

 .slide-bg-list .slide-bg>.inside {
     opacity: 0
 }

 .piling-more-total,
 .piling-project-list-title {
     font-size: 1.5rem;
     font-size: 2.22222222vmin;
     font-weight: 700;
     text-transform: uppercase;
     line-height: 1.25
 }

 .piling-project-list-title {
     margin-bottom: 7.77777778vmin
 }

 .piling-more-total {
     margin-top: 6.94444444vmin
 }

 .rounded-icon {
     display: inline-block;
     border: #ff9000 2px solid;
     width: 6.48148148vmin;
     height: 6.48148148vmin;
     border-radius: 4.375rem;
     min-width: 3rem;
     min-height: 3rem;
     text-align: center;
     position: relative;
     transition: all .3s ease-in-out
 }

 .icon-quote {
     display: inline-block;
     position: absolute;
     left: 50%;
     top: 50%;
     width: 1.125rem;
     height: 1.125rem;
     background: url(../img/icon-quote.png) 50% 50% no-repeat;
     background-size: contain;
     transform: translate(-50%, -50%)
 }

 .home-piling .slide6 .h2,
 .home-piling .slide6 h2 {
     margin-bottom: 2.40740741vmin;
     font-size: 6.48148148vmin
 }

 .home-piling .slide-contact-address {
     margin-bottom: 6.85185185vmin
 }

 .home-piling .slide-contact-mail,
 .home-piling .slide-contact-phone {
     font-weight: 400
 }

 .home-piling .slide-contact-mail a {
     color: inherit;
     text-decoration: underline
 }

 .promo-minimal-container {
     position: relative
 }

 .promo-minimal {
     position: relative;
     z-index: 200
 }

 .promo-minimal-hover {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 100;
     overflow: hidden
 }

 .minimal-item {
     display: block;
     border-top: #ccc 1px solid;
     padding-top: 23.7962963vmin;
     padding-bottom: 8vmin;
     text-align: center;
     position: relative;
     opacity: 1;
     transition: opacity .5s ease-in-out
 }

 .promo-minimal .minimal-item:hover {
     opacity: 0
 }

 a.minimal-item,
 a.minimal-item:hover {
     color: inherit;
     text-decoration: none
 }

 .minimal-item:first-child {
     border: none
 }

 .minimal-item-letter {
     margin-bottom: 4.81481481vmin;
     font-size: 41.66666667vmin;
     font-size: 23.4375vmax;
     font-weight: 900;
     line-height: .75
 }

 .minimal-item-letter .letter {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     overflow: hidden
 }

 .minimal-item-letter .text-texture {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 100;
     background-position: 50% 50%;
     background-size: auto 132%;
     -webkit-background-clip: inherit;
     -webkit-text-fill-color: inherit
 }

 .minimal-item-letter .text-texture>.inside {
     display: block;
     height: 100%;
     padding-top: 23.7962963vmin
 }

 .promo-minimal-hover .text-texture>.inside {
     background: rgba(0, 0, 0, .65);
     mix-blend-mode: darken
 }

 .promo-minimal-hover .minimal-item {
     transition: opacity .5s ease-in-out
 }

 .promo-minimal-hover .minimal-item.visible {
     opacity: 1
 }

 .minimal-item-title {
     margin-bottom: 1.5rem;
     font-size: 2.625rem;
     font-weight: 900
 }

 .minimal-item-descr,
 .minimal-item-more,
 .minimal-item-title {
     padding-left: 10%;
     padding-right: 10%;
     position: relative;
     z-index: 200
 }

 .minimal-item-descr {
     line-height: 1.44444444;
     font-size: 1.125rem
 }

 .promo-minimal-hover,
 .promo-minimal-hover .text-grey {
     color: #fff
 }

 .promo-minimal-hover>.row {
     position: relative;
     z-index: 200
 }

 .promo-minimal-hover .minimal-item-letter .letter {
     overflow: visible
 }

 .promo-minimal-hover .text-texture {
     transition: all .75s ease-in-out
 }

 .promo-minimal-hover .visible .text-texture {
     background-size: auto 120%
 }

 .promo-minimal-hover .minimal-item-descr,
 .promo-minimal-hover .minimal-item-more,
 .promo-minimal-hover .minimal-item-title {
     transform: translate(0, 150px);
     opacity: 0;
     transition: all .5s ease-in-out
 }

 .promo-minimal-hover .visible .minimal-item-descr,
 .promo-minimal-hover .visible .minimal-item-more,
 .promo-minimal-hover .visible .minimal-item-title {
     opacity: 1;
     transform: translate(0, 0)
 }

 .promo-minimal-hover .minimal-item-title {
     transition-delay: .35s
 }

 .promo-minimal-hover .minimal-item-descr {
     transition-delay: .5s
 }

 .promo-minimal-hover .minimal-item-more {
     transition-delay: .65s
 }

 .minimal-item-more {
     margin-top: 1.625rem;
     font-size: 4.44444444vmin;
     font-weight: 700;
     opacity: 0
 }

 @media (max-width:991px) {
     .minimal-item {
         overflow: hidden
     }
 }

 .dark-horizontal .promo-minimal-container a {
     color: #242424 !important
 }

 @media (min-width:992px) {
     .minimal-item {
         min-height: 100vh;
         border-left: #ccc 1px solid;
         border-top: none
     }

     .minimal-item.over {
         opacity: 0
     }

     .promo-minimal-hover .minimal-item {
         opacity: 0
     }

     .minimal-item-letter .letter1 .text-texture {
         left: 0;
         right: -202%;
         padding-right: 202%
     }

     .minimal-item-letter .letter2 .text-texture {
         left: -101%;
         right: -101%;
         padding-left: 101%;
         padding-right: 101%
     }

     .minimal-item-letter .letter3 .text-texture {
         left: -202%;
         right: 0;
         padding-left: 202%
     }

     .promo-minimal-hover:after,
     .promo-minimal-hover:before {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         position: absolute;
         top: 0;
         z-index: 300;
         background: #fff;
         opacity: .25
     }

     .promo-minimal-hover:before {
         left: 33.33333333%
     }

     .promo-minimal-hover:after {
         left: 66.66666667%
     }

     .promo-minimal-hover .minimal-item-letter .letter3 .text-texture {
         padding-left: 0
     }

     .promo-minimal-hover .minimal-item-letter .letter3 .text-texture>.inside {
         padding-left: 66.66666667%
     }
 }

 .video-bnr {
     position: relative;
     margin-bottom: -15.375rem;
     height: 37.5rem
 }

 .video-container {
     position: absolute;
     z-index: 50;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     overflow: hidden
 }

 .video-container:before {
     content: "";
     display: block;
     position: absolute;
     z-index: 600;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #242424;
     opacity: .35;
     pointer-events: none
 }

 .video-item {
     display: none;
     width: 100%;
     height: 100vh;
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 0;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: cover
 }

 .video-item.is-active {
     display: block
 }

 .video-container iframe,
 .video-container video {
     border: none;
     margin: 0;
     padding: 0;
     height: 500%;
     width: 112%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%)
 }

 @media(max-width:1024px) {

     .video-container iframe,
     .video-container video {
         width: auto;
         position: absolute;
         left: 0;
         top: 0;
         transform: translate(0);
         height: calc(100vh - 0px)
     }
 }

 .circular-container {
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 0;
     left: 10%;
     right: 10%;
     z-index: 99;
     width: 80%;
     height: 100%;
     opacity: 1;
     transition: opacity .3s ease-in-out
 }

 .circular-container.is-active {
     opacity: 1;
     transition: opacity .5s ease-out .8s
 }

 .circular-names {
     margin: 0;
     padding: 0;
     list-style: none
 }

 @media (max-width:767px) {
     .circular-container {
         display: none
     }
 }

 .circular-container .circular-wrapper {
     position: relative;
     width: 59.72222222vmin;
     height: auto;
     margin-top: 7.96296296vmin
 }

 .circular-container .circular-wrapper .circular-names li {
     display: flex;
     flex-direction: column;
     position: absolute;
     z-index: 300;
     overflow: hidden;
     padding-bottom: 0;
     color: #fff;
     font-size: 1.125rem;
     line-height: 1.5;
     text-transform: uppercase;
     cursor: pointer;
     letter-spacing: .08333333em
 }

 .circular-container .circular-wrapper .circular-names li .name-wrapper {
     display: inline-block;
     padding: 10px;
     padding-bottom: 0;
     white-space: nowrap;
     transition: transform 1s cubic-bezier(.23, 1, .32, 1)
 }

 .circular-container .circular-wrapper .circular-names li .name-wrapper-date {
     padding-top: 0;
     padding-bottom: 10px;
     font-size: .875rem;
     white-space: nowrap;
     opacity: .7
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="1"] {
     bottom: 61.8%;
     left: 98%
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="2"] {
     top: 87.65%;
     left: 80%
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="3"] {
     top: 87.65%;
     right: 80%
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
     right: 98%;
     bottom: 61.8%
 }

 @media (max-width:960px) {
     .circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
         bottom: 58.6%
     }

     .circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] .name-wrapper {
         white-space: normal
     }
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="5"] {
     bottom: 99.5%;
     left: 48.5%
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="1"] .name-wrapper,
 .circular-container .circular-wrapper .circular-names li[data-portrait-index="2"] .name-wrapper,
 .circular-container .circular-wrapper .circular-names li[data-portrait-index="5"] .name-wrapper {
     transform: translate3d(-100%, 0, 0)
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="3"],
 .circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] {
     text-align: right
 }

 .circular-container .circular-wrapper .circular-names li[data-portrait-index="3"] .name-wrapper,
 .circular-container .circular-wrapper .circular-names li[data-portrait-index="4"] .name-wrapper {
     transform: translate3d(100%, 0, 0)
 }

 .circular-container .circular-wrapper .circular-names li.is-active .name-wrapper {
     transform: translateZ(0);
     transition: transform 1s cubic-bezier(.23, 1, .32, 1) .8s
 }

 .circular-container .circular-wrapper .circular-names li.is-init .name-wrapper {
     transform: translateZ(0);
     transition: transform 1s cubic-bezier(.23, 1, .32, 1) 0s
 }

 .circular-container svg {
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg)
 }

 .circular-container svg .circle-path.circle-path--background {
     opacity: .2
 }

 .circular-container svg .circle-path.circle-path--background circle {
     stroke-dasharray: 2644;
     stroke-dashoffset: 2644
 }

 .circular-container svg .circle-path.circle-path--fill {
     opacity: 1
 }

 .circular-container svg .circle-path.circle-path--fill circle {
     stroke-dasharray: 2644;
     stroke-dashoffset: 2644
 }

 .circular-container svg .circle-path circle {
     fill: none;
     stroke-width: 2;
     stroke: #fff;
     stroke-miterlimit: 10
 }

 .circular-container svg .circle-dot {
     position: relative;
     cursor: pointer
 }

 .circular-container svg .circle-dot .circle-outside {
     fill: none;
     stroke-width: 2;
     stroke: #fff;
     opacity: .2;
     stroke-miterlimit: 10
 }

 .circular-container svg .circle-dot .circle-center {
     fill: #fff;
     stroke: none;
     opacity: 0;
     transition: opacity .6s cubic-bezier(.23, 1, .32, 1), transform 1s cubic-bezier(.23, 1, .32, 1)
 }

 .circular-container svg .circle-dot:hover .circle-center {
     opacity: 1
 }

 .circular-container svg .circle-dot.is-active .circle-center {
     opacity: 1;
     transition: opacity .6s cubic-bezier(.23, 1, .32, 1) 1s, transform 1s cubic-bezier(.23, 1, .32, 1)
 }

 .promo-video-container {
     position: relative
 }

 .video-text-container {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: 400;
     left: 50%;
     top: 0;
     transform: translate(-50%, 0);
     color: #fff;
     display: flex;
     align-items: center;
     align-content: center;
     background: radial-gradient(circle, rgb(0 0 0 / 36%) 0, rgb(30 30 30 / 0) 51%, rgb(255 255 255 / 0) 100%)
 }

 .video-text-item.is-active {
     visibility: visible
 }

 .video-item-title {
     margin-right: .875rem;
     font-family: Geometria, sans-serif;
     font-size: 6.475rem;
     font-weight: 300;
     letter-spacing: 9px;
     background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-shadow: 2px 4px 7px #242424de
 }

 @media(max-width:767px) {
     .video-item-title {
         margin-right: 0
     }
 }

 .video-item-title span {
     font-size: 2.599999rem;
     display: block
 }

 .video-text-container a {
     pointer-events: all;
     color: inherit
 }

 .video-item-title-sub {
     font-size: 1rem;
     text-transform: uppercase
 }

 .video-item-title-sub:first-child {
     margin-bottom: .5rem
 }

 .video-item-descr {
     margin-top: 4.07407407vmin;
     margin-bottom: 4vmin;
     overflow: hidden;
     height: auto;
     line-height: 1.875;
     font-size: 1rem;
     color: #ccc
 }

 .video-item-more {
     font-size: 1.125rem;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: .25em
 }

 @media (min-width:768px) {
     .video-text-container {
         width: 113.72222222vmin;
         pointer-events: none
     }

     .video-item-descr {
         height: 9.375em;
         height: 13.88888889vmin;
         margin-bottom: 2.59259259vmin
     }

     .video-text-item {
         visibility: hidden;
         position: absolute;
         left: 0;
         width: 100%;
         height: 100%;
         text-align: center;
         display: flex;
         align-items: center;
         flex-direction: column;
         justify-content: center
     }
 }

 @media (max-width:767px) {
     .video-text-container {
         display: flex !important
     }

     .video-text-container .owl-item,
     .video-text-container .owl-stage,
     .video-text-container .owl-stage-outer {
         height: 100%
     }

     .video-text-item {
         height: 100%;
         position: relative
     }

     .video-text-item>.inside {
         position: absolute;
         z-index: 20;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 100%;
         text-align: center
     }

     .video-text-container.owl-theme .owl-dots {
         position: absolute;
         top: 80%;
         left: 10%;
         right: 10%;
         text-align: center
     }

     .video-text-container.owl-theme .owl-dots .owl-dot span:before {
         background: #fff
     }

     .video-text-container.owl-theme .owl-dots .owl-dot.active span {
         border-color: #fff;
         background: rgba(255, 255, 255, .1)
     }

     .mobile-video-bg {
         display: block;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         z-index: 10;
         background-position: 50% 50%;
         background-repeat: no-repeat;
         background-size: cover
     }

     .mobile-video-bg:before {
         content: "";
         display: block;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         background: #242424;
         opacity: .35
     }

     .promo-video-container {
         position: relative;
         z-index: 200
     }
 }

 .video-item-more i {
     margin-left: 1.25rem
 }

 .video-text-item>.inside>* {
     transform: translateY(0);
     opacity: 0
 }

 .video-text-item.is-active>.inside>.video-item-title-sub,
 .video-text-item.is-active>.inside>.video-item-title:first-child {
     animation: videoText 2s ease-in-out forwards;
     animation-delay: 0s
 }

 .video-text-item.is-active>.inside>.video-item-title+.video-item-title-sub,
 .video-text-item.is-active>.inside>.video-item-title-sub+.video-item-title {
     animation: videoText 2s ease-in-out forwards;
     animation-delay: .15s
 }

 .video-text-item.is-active>.inside>.video-item-descr {
     animation: videoText2 .5s ease-in-out forwards;
     animation-delay: 1.8s
 }

 .video-text-item.is-active>.inside>.video-item-more {
     animation: videoText2 .5s ease-in-out forwards;
     animation-delay: 1.95s
 }

 @-webkit-keyframes videoText {
     0% {
         opacity: 0;
         transform: translateY(24vmin)
     }

     100% {
         opacity: 1;
         transform: translateY(0)
     }
 }

 @keyframes videoText {
     0% {
         opacity: 0;
         transform: translateY(24vmin)
     }

     100% {
         opacity: 1;
         transform: translateY(0)
     }
 }

 @-webkit-keyframes videoText2 {
     0% {
         opacity: 0;
         transform: translateY(5vmin)
     }

     100% {
         opacity: 1;
         transform: translateY(0)
     }
 }

 @keyframes videoText2 {
     0% {
         opacity: 0;
         transform: translateY(5vmin)
     }

     100% {
         opacity: 1;
         transform: translateY(0)
     }
 }

 .screen {
     min-height: 100vh;
     width: 100%;
     padding-top: 5vmin;
     padding-bottom: 5vmin;
     display: flex;
     align-items: center;
     text-align: center
 }

 .promo-3d {
     padding-top: 25vmin;
     position: relative;
     text-align: center
 }

 .promo-3d-bg,
 .promo-3d-man {
     position: fixed;
     left: 0;
     right: 0;
     bottom: -10vmin;
     z-index: 100
 }

 .promo-3d-man {
     left: 50%;
     right: auto;
     bottom: -40vmin;
     width: 100%;
     transform: translate(-50%, 0) scale(1.05)
 }

 .promo-3d-bg img,
 .promo-3d-man img {
     width: 100%
 }

 @media (max-width:575px) {

     .promo-3d-bg img,
     .promo-3d-man img {
         width: 200vmin;
         margin-left: -100vmin;
         margin-right: -100vmin
     }
 }

 .promo-3d-man-start {
     position: absolute;
     left: 0;
     top: 10%
 }

 .promo-3d-opacity {
     position: absolute;
     left: 0;
     top: 70%
 }

 .promo-3d .promo-screen-titles {
     position: relative;
     z-index: 200
 }

 .about-3d {
     position: relative;
     opacity: 0
 }

 .section-about-3d.active .about-3d {
     opacity: 1
 }

 .section-about-3d .about-3d-detail,
 .section-about-3d .section-item-title {
     opacity: 0;
     transform: translateY(16rem);
     transition: all .75s ease-in-out
 }

 .section-about-3d .section-item-title {
     transition-delay: .3s
 }

 .section-about-3d .about-3d-detail {
     transition-delay: 1.2s
 }

 .section-about-3d.active .about-3d-detail,
 .section-about-3d.active .section-item-title {
     opacity: 1;
     transform: translateY(0)
 }

 .about-3d-photo {
     position: relative;
     padding-left: 6.25rem;
     padding-right: 6.25rem;
     margin-top: 12px;
     margin-bottom: 8vmin
 }

 .photo-container {
     position: relative;
     overflow: hidden
 }

 .photo-container img {
     transform: scale(1.2);
     transform-origin: right top;
     transition: all 1.5s .5s ease-in-out
 }

 .section-about-3d.active .photo-container img {
     transform: scale(1)
 }

 .photo-container .mask {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 100;
     width: 100%;
     height: 100%;
     background: #fff;
     transition: all 1.3s .5s ease-in-out
 }

 .section-about-3d.active .photo-container .mask {
     top: -100%
 }

 .section-about-3d .stamp {
     opacity: 0;
     transform: scale(1.5);
     transform-origin: right center;
     transition: all 1s .5s ease-in-out
 }

 .section-about-3d.active .stamp {
     transform: scale(1);
     opacity: 1
 }

 .about-3d .section-item-title {
     margin-bottom: 8.51851852vmin
 }

 .about-3d-detail {
     position: relative;
     padding-bottom: 3.75rem;
     margin-bottom: 5vmin
 }

 @media (min-width:768px) {
     .about-3d-photo {
         padding-left: 6.25rem;
         padding-right: 4.375rem
     }

     .rounded-logo.stamp {
         bottom: -8rem
     }
 }

 @media (min-width:992px) {

     .about-3d-detail,
     .about-3d-photo {
         margin-bottom: 11.85185185vmin
     }
 }

 .about-3d-detail .lead {
     margin-bottom: 2.5rem
 }

 .about-3d-detail .more {
     position: absolute;
     bottom: 0;
     left: 15px
 }

 .h2-3d {
     margin-bottom: 2.5rem;
     font-size: 3rem;
     line-height: 1.25;
     letter-spacing: -.035em
 }

 .h2-flash {
     margin-bottom: 6rem;
     font-size: 3rem;
     line-height: 1.25
 }

 .vertical-text-left {
     position: absolute;
     left: auto;
     right: 100%;
     margin-right: -34px;
     top: 0;
     transform: rotate(-90deg);
     transform-origin: top right;
     white-space: nowrap;
     text-align: right
 }

 .vertical-text-right {
     position: absolute;
     right: auto;
     left: 100%;
     margin-left: -34px;
     top: 0;
     transform: rotate(90deg);
     transform-origin: top left;
     white-space: nowrap;
     text-align: left
 }

 .vertical-text-left,
 .vertical-text-right {
     font-size: 1rem;
     color: #666;
     letter-spacing: .25em;
     text-transform: uppercase
 }

 .about-3d .vertical-text-left,
 .about-3d .vertical-text-right {
     top: 90px
 }

 @media (max-width:575px) {
     .rounded-logo.stamp {
         width: 7rem;
         height: 7rem;
         left: 3rem;
         bottom: -2rem
     }
 }

 .project-carousel-3d {
     overflow: hidden;
     position: relative;
     padding-left: 0;
     padding-right: 0;
     margin-left: 0;
     margin-right: 0
 }

 @media (min-width:576px) {
     .project-carousel-3d .owl-carousel {
         width: 78.33333333%;
         position: static
     }
 }

 .project-carousel-3d .owl-stage-outer {
     overflow: visible;
     transform: translate(0, 0);
     transition: all .4s ease-in-out
 }

 @media (min-width:768px) {
     .project-carousel-3d .project-carousel-item {
         padding-bottom: 54.04255319%
     }
 }

 .project-carousel-3d:hover .owl-carousel .owl-stage-outer {
     transform: translate(-5rem, 0)
 }

 .project-carousel-3d.move-left .owl-carousel .owl-stage-outer {
     transform: translate(-8rem, 0)
 }

 .project-carousel-3d.move-right .owl-carousel .owl-stage-outer {
     transform: translate(-2rem, 0)
 }

 .project-carousel-3d .owl-item .project-carousel-date,
 .project-carousel-3d .owl-item .project-carousel-detail,
 .project-carousel-3d .owl-item .project-carousel-photo {
     transition: all .4s ease-in-out;
     transform: translate(0, 0)
 }

 .project-carousel-3d .owl-item.active+.owl-item .project-carousel-photo {
     transform: translate(-4rem, 0)
 }

 .project-carousel-3d:hover .owl-item.active+.owl-item .project-carousel-photo {
     transform: translate(-6rem, 0)
 }

 .project-carousel-3d.move-left .owl-item.active+.owl-item .project-carousel-photo {
     transform: translate(-7rem, 0)
 }

 .project-carousel-3d:hover .owl-item.active .project-carousel-date,
 .project-carousel-3d:hover .owl-item.active .project-carousel-detail {
     transform: translate(5rem, 0)
 }

 .project-carousel-3d.move-left .owl-item.active .project-carousel-date,
 .project-carousel-3d.move-left .owl-item.active .project-carousel-detail {
     transform: translate(8rem, 0)
 }

 .project-carousel-3d.move-right .owl-item.active .project-carousel-date,
 .project-carousel-3d.move-right .owl-item.active .project-carousel-detail {
     transform: translate(2rem, 0)
 }

 .project-carousel-3d .project-carousel-item:not(.text-white) .project-carousel-date,
 .project-carousel-3d .project-carousel-item:not(.text-white) .project-carousel-title {
     color: #242424
 }

 .project-carousel-3d .project-carousel-item .project-carousel-category,
 .project-listing-category,
 .project-masonry-category {
     color: #999
 }

 .project-carousel-3d .project-carousel-category,
 .project-listing-category,
 .project-masonry-category {
     font-size: .875rem;
     text-transform: uppercase
 }

 .project-carousel-date {
     font-size: 1.5rem
 }

 .project-carousel-3d .owl-item.active .project-carousel-detail,
 .project-carousel-3d .project-carousel-detail {
     opacity: 1;
     animation: none
 }

 .project-carousel-3d .project-carousel-detail {
     bottom: 2rem
 }

 .project-carousel-3d .owl-item {
     overflow: hidden
 }

 @media (min-width:768px) {
     .project-carousel-3d .project-carousel-detail {
         bottom: 5rem
     }
 }

 .flash-item-nav {
     position: fixed;
     left: 15px;
     z-index: 500;
     padding-left: 0;
     font-size: 1rem;
     text-transform: uppercase;
     font-weight: 700
 }

 .flash-item-nav {
     transition: padding .2s ease-in-out
 }

 .flash-item-nav:before {
     transition: width .2s ease-in-out
 }

 .flash-item-nav a {
     transition: color .2s ease-in-out
 }

 .flash-item-nav:before {
     content: "";
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     height: 1px;
     margin-top: -1px;
     width: 0
 }

 .flash-item-nav.active:before {
     width: 1.875rem
 }

 .flash-item-nav.active {
     padding-left: 3rem
 }

 .flash-item-nav a {
     color: #999 !important
 }

 .flash-item-nav a:hover,
 .flash-item-nav.active a {
     color: #242424 !important;
     text-decoration: none
 }

 .flash-item-nav:before {
     background: #242424
 }

 .home-flash-dark .flash-item-nav a,
 .home-flash.dark-horizontal .flash-item-nav a {
     color: #669 !important
 }

 .home-flash-dark .flash-item-nav a:hover,
 .home-flash-dark .flash-item-nav.active a,
 .home-flash.dark-horizontal .flash-item-nav a:hover,
 .home-flash.dark-horizontal .flash-item-nav.active a {
     color: #fff !important
 }

 .home-flash-dark .flash-item-nav:before,
 .home-flash.dark-horizontal .flash-item-nav:before {
     background: #fff
 }

 .item-nav-1 {
     top: calc(100% - 330px)
 }

 .item-nav-2 {
     top: calc(100% - 280px)
 }

 .item-nav-3 {
     top: calc(100% - 230px)
 }

 .item-nav-4 {
     top: calc(100% - 180px)
 }

 .item-nav-5 {
     top: calc(100% - 130px)
 }

 .item-nav-6 {
     top: calc(100% - 80px)
 }

 .flash-item {
     position: relative
 }

 .flash-pin-2 {
     position: absolute;
     left: 0;
     top: 276px
 }

 .flash-pin-3 {
     position: absolute;
     left: 0;
     top: 228px
 }

 .flash-pin-4 {
     position: absolute;
     left: 0;
     top: 172px
 }

 .flash-pin-5 {
     position: absolute;
     left: 0;
     top: 128px
 }

 .flash-pin-6 {
     position: absolute;
     left: 0;
     top: 78px
 }

 @media (max-width:575px) {
     .flash-item-nav {
         display: none
     }
 }

 @media (min-width:1600px) {
     .flash-item-nav {
         left: 3.75rem
     }
 }

 .home-flash .footer,
 .home-flash-dark .home-flash-section .container,
 .home-flash-dark .home-flash-section .container-fluid,
 .home-flash.dark-horizontal .home-flash-section .container,
 .home-flash.dark-horizontal .home-flash-section .container-fluid {
     opacity: 0;
     pointer-events: none;
     transition: opacity .3s ease-in-out
 }

 .home-flash-section {
     padding-bottom: 0
 }

 .home-flash-section-dark {
     padding-top: 21.01851852vmin;
     margin-bottom: 0
 }

 @media (min-width:576px) and (max-width:1599px) {
     .home-flash-section {
         padding-left: 10rem
     }
 }

 .home-flash-dark .home-flash-section-dark .container,
 .home-flash-dark .home-flash-section-dark .container-fluid,
 .home-flash.dark-horizontal .footer,
 .home-flash.dark-horizontal .home-flash-section-dark .container,
 .home-flash.dark-horizontal .home-flash-section-dark .container-fluid {
     opacity: 1;
     pointer-events: all
 }

 .home-flash {
     background: #fff;
     transition: background .3s ease-in-out
 }

 .home-flash-dark,
 .home-flash.dark-horizontal {
     background: #2c1a6a;
     color: #99c
 }

 .home-flash-dark hr,
 .home-flash.dark-horizontal hr {
     border-top-color: rgba(255, 255, 255, .05)
 }

 .dark-horizontal a,
 .home-flash-dark .h1,
 .home-flash-dark .h2,
 .home-flash-dark .h3,
 .home-flash-dark a,
 .home-flash-dark h1,
 .home-flash-dark h2,
 .home-flash-dark h3,
 .home-flash-dark strong,
 .home-flash.dark-horizontal .h1,
 .home-flash.dark-horizontal .h2,
 .home-flash.dark-horizontal .h3,
 .home-flash.dark-horizontal h1,
 .home-flash.dark-horizontal h2,
 .home-flash.dark-horizontal h3,
 .home-flash.dark-horizontal strong {
     color: #fff
 }

 .home-flash .section-item-title,
 .section-item-title-xs,
 .section-item-title-xs-narrow {
     font-size: .875rem;
     color: #999;
     text-transform: uppercase;
     letter-spacing: .5em;
     font-weight: 700
 }

 .section-item-title-xs-narrow {
     letter-spacing: .1em;
     font-weight: 400
 }

 .section-item-title-xs {
     margin-bottom: 1.25rem
 }

 .home-flash-dark .section-item-title,
 .home-flash-dark .section-item-title a {
     color: #669;
     text-decoration: none
 }

 .h1-flash {
     margin-bottom: 7.40740741vmin;
     background: linear-gradient(to bottom, #ff7c00, red);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 9.25925926vmin;
     line-height: 1
 }

 .about-flash {
     position: relative
 }

 .about-flash .vertical-text-right {
     right: auto;
     left: 0;
     margin-left: 35px;
     margin-top: 1.66666667vmin;
     color: #fff;
     font-weight: 700;
     font-size: 1.125rem
 }

 .rounded-logo-scroll {
     float: right;
     width: 7.5rem;
     height: 7.5rem;
     position: relative;
     margin-top: 22px
 }

 .rounded-logo-scroll svg {
     letter-spacing: 9px;
     word-spacing: 0;
     fill: #669
 }

 .scroll-icon {
     display: inline-block;
     vertical-align: middle;
     position: absolute;
     top: 50%;
     left: 50%;
     width: 20px;
     height: 38px;
     border: #fff 2px solid;
     border-radius: 10px;
     padding-top: 18px;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .scroll-icon i {
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1px;
     background: #fff;
     border-radius: 10px
 }

 .scroll-icon i:nth-child(1) {
     width: 2px;
     height: 2px
 }

 .scroll-icon i:nth-child(2) {
     width: 4px;
     height: 4px
 }

 .scroll-icon i:nth-child(3) {
     width: 6px;
     height: 6px
 }

 .flash-video-container {
     position: relative;
     padding-right: 8.54700855%;
     padding-top: 8.54700855%
 }

 .flash-video-container:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 14.28571429%;
     left: 8.54700855%;
     right: 0;
     background: url(../img/bg-dotted.png) 0 2px;
     z-index: 1
 }

 .flash-video-container.mask-skew .mask .inside {
     background: #2c1a6a
 }

 .flash-video {
     display: block;
     width: 100%;
     position: relative;
     z-index: 50
 }

 .flash-video img {
     border: #fff 8px solid;
     max-width: 100%
 }

 .flash-video-icon {
     width: 5rem;
     height: 5rem;
     border-radius: 5rem;
     background: #fff;
     position: absolute;
     z-index: 30;
     left: 50%;
     top: 50%;
     text-align: center;
     line-height: 4.75rem;
     font-size: 2.375rem;
     color: red;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
 }

 .flash-video-icon:after,
 .flash-video-icon:before {
     content: "";
     display: block;
     position: absolute;
     border-radius: 100px;
     background: #fff;
     opacity: .4
 }

 .flash-video-icon:before {
     left: -.625rem;
     top: -.625rem;
     right: -.625rem;
     bottom: -.625rem
 }

 .flash-video-icon:after {
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     animation-name: pulsation;
     animation-duration: 8s;
     animation-timing-function: linear;
     animation-iteration-count: infinite
 }

 @keyframes pulsation {
     0% {
         opacity: .5;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }

     15% {
         opacity: 0;
         -webkit-transform: scale(1.75);
         -ms-transform: scale(1.75);
         -o-transform: scale(1.75);
         transform: scale(1.75)
     }

     100% {
         opacity: 0;
         -webkit-transform: scale(1.75);
         -ms-transform: scale(1.75);
         -o-transform: scale(1.75);
         transform: scale(1.75)
     }
 }

 .flash-video-icon i {
     display: inline-block;
     vertical-align: middle;
     margin-left: .25rem;
     line-height: .75;
     transform: scale(1);
     transition: all .5s ease-in-out
 }

 .services-flash {
     box-shadow: rgba(2, 3, 3, .1) 0 0 120px;
     margin-top: 80px;
     margin-bottom: 11.2962963vmin
 }

 .services-flash .service-item {
     border: #40407a 1px solid;
     background: #331d7f;
     padding: 2.125rem 1.625rem 2.125rem 2rem;
     margin-left: -1px;
     margin-bottom: -1px;
     margin-top: 0;
     display: flex;
     flex-direction: column;
     letter-spacing: -.025em
 }

 @media (min-width:576px) and (max-width:767px) {
     .services-flash .service-item:nth-child(odd) {
         margin-left: 0
     }
 }

 @media (max-width:575px) {
     .services-flash .service-item {
         margin-left: 0
     }
 }

 .services-flash .service-item:hover {
     z-index: 10
 }

 .services-flash .service-item:before {
     content: "";
     background: #ff3600;
     height: 5px;
     width: 0;
     position: absolute;
     left: -1px;
     bottom: -1px;
     transition: all .4s ease-in-out
 }

 .services-flash .service-item:hover:before {
     width: calc(100% + 2px)
 }

 .services-flash .service-item:first-child {
     margin-left: 0
 }

 .services-flash .service-item-title {
     font-size: 1.25rem;
     text-transform: uppercase;
     color: #fff
 }

 .services-flash .service-item-title:hover,
 .services-flash a:hover .service-item-title {
     color: #fff
 }

 .services-flash .service-item-descr {
     display: flex;
     flex: 1 1 auto;
     line-height: 1.5;
     margin-top: 1rem
 }

 .icon-design-graphic {
     display: inline-block;
     vertical-align: bottom;
     width: 5rem;
     height: 3.4375rem;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-image: url(../img/icon-design-graphic.png);
     background-size: 100%
 }

 .icon-design-web {
     display: inline-block;
     vertical-align: bottom;
     width: 4.0625rem;
     height: 3.3125rem;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-image: url(../img/icon-design-web.png);
     background-size: 100%
 }

 .icon-marketing {
     display: inline-block;
     vertical-align: bottom;
     width: 3.4375rem;
     height: 3.9375rem;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-image: url(../img/icon-marketing.png);
     background-size: 100%
 }

 .icon-photography {
     display: inline-block;
     vertical-align: bottom;
     width: 4.1875rem;
     height: 3.3125rem;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-image: url(../img/icon-photography.png);
     background-size: 100%
 }

 .service-item-icon {
     margin-top: 2.125rem;
     height: 4rem;
     line-height: 4rem
 }

 .service-item-plus {
     height: 1rem;
     position: relative;
     margin-top: 2.625rem
 }

 .service-item-plus:after,
 .service-item-plus:before {
     content: "";
     display: block;
     width: 1rem;
     height: .25rem;
     background: #669;
     position: absolute;
     left: 0;
     bottom: .375rem;
     transform: rotate(-180deg);
     transition: all .4s ease-in-out
 }

 .service-item:hover .service-item-plus:after,
 .service-item:hover .service-item-plus:before {
     background: #fff
 }

 .service-item:hover .service-item-plus:after {
     transform: rotate(90deg)
 }

 .facts {
     margin-top: 9.07407407vmin
 }

 .fact-item {
     display: flex;
     margin-bottom: 2rem;
     align-items: center
 }

 .fact-item-value {
     position: relative;
     padding-right: 1.5rem;
     line-height: 1.1;
     font-size: 2.75rem;
     visibility: hidden
 }

 .fact-item-value>.inside {
     visibility: visible;
     position: absolute;
     left: 0;
     top: 0
 }

 .fact-item-param {
     font-size: 1.125rem;
     line-height: 1.44444444;
     letter-spacing: .025em;
     text-transform: uppercase
 }

 @media (min-width:992px) {
     .fact-item-value {
         line-height: .75;
         font-size: 3.75rem
     }
 }

 .project-list-listing+.more-lg {
     margin-top: 4.375rem
 }

 .project-list-masonry+.more-lg {
     margin-top: 6.25rem
 }

 .grid-item {
     width: 100%
 }

 .project-list-flash .project-item,
 .project-list-listing .project-item {
     display: block;
     position: relative
 }

 .project-list-flash .project-item {
     padding-bottom: 100%;
     overflow: hidden
 }

 .project-list-listing .grid-item {
     display: block;
     margin-bottom: 5.625rem
 }

 .project-list-masonry .grid-item {
     display: block;
     margin-bottom: 2.5rem;
     padding-left: 15px;
     padding-right: 15px
 }

 .project-list-listing .project-item {
     padding-bottom: 44.44444444%;
     overflow: hidden
 }

 .project-list-listing .project-listing-photo {
     transform: scale(1);
     transition: all 1s ease-in-out
 }

 .project-list-listing a:hover .project-listing-photo {
     transform: scale(1.08)
 }

 .project-list-flash .section-item-title {
     margin-top: -.375rem;
     margin-bottom: 1.625rem
 }

 .project-list-flash .project-carousel-detail,
 .project-metro-detail {
     opacity: 1;
     left: 0;
     right: 0;
     bottom: 0;
     max-width: 100%;
     padding: 1.5rem 3.5rem 2.875rem;
     background: 0 0;
     transition: all .5s linear
 }

 .project-metro-detail {
     padding-left: 2.875rem;
     padding-right: 2.875rem;
     padding-bottom: 2.375rem
 }

 .project-metro-title {
     margin-bottom: 1.125rem
 }

 .project-list-flash .project-item:hover .project-carousel-detail {
     background: #191a1e
 }

 .project-list-flash .project-carousel-title {
     padding-right: 2rem;
     font-family: 'Abril Fatface', cursive;
     font-weight: 400
 }

 .project-list-title {
     padding-bottom: 3rem
 }

 .project-list-title h2 {
     line-height: 1.333333
 }

 .project-list-flash .project-carousel-category {
     margin-top: 1.125rem
 }

 .project-list-flash .project-carousel-photo {
     transform: scale(1);
     transition: all 1s ease-in-out
 }

 .project-list-flash a:hover .project-carousel-photo {
     transform: scale(1.08)
 }

 .project-item-more {
     padding-top: 3rem
 }

 .project-masonry-photo {
     overflow: hidden
 }

 .project-masonry-photo img {
     max-width: 100%;
     width: 100%
 }

 .project-list-metro .project-item {
     height: 32.5rem;
     position: relative;
     margin-bottom: 30px;
     overflow: hidden
 }

 .project-metro-photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transform: scale(1);
     opacity: 1;
     transition: all .3s ease-in-out
 }

 a:hover .project-metro-photo img {
     transform: scale(1.1);
     opacity: 0
 }

 @media (min-width:576px) {
     .project-list-masonry .grid-item {
         width: 50%
     }
 }

 @media (min-width:768px) {
     .project-list-listing .grid-item {
         width: 100%
     }

     .project-list-masonry .grid-item {
         width: 25%
     }

     .project-item-more,
     .project-list-title {
         margin-left: 17.09401709%;
         margin-right: 25%
     }

     .project-list-title {
         padding-bottom: 20.51282051%
     }

     .project-item-more {
         padding-top: 30%
     }
 }

 .project-carousel-category .divider,
 .project-item .divider {
     margin-left: .625rem;
     margin-right: .625rem
 }

 .project-carousel-go {
     position: absolute;
     right: 2.625rem;
     top: 1.375rem;
     opacity: 0;
     margin-right: 2rem;
     font-size: 3.75rem;
     transition: all .5s ease-in-out
 }

 .project-item:hover .project-carousel-go {
     margin-right: 0;
     opacity: 1
 }

 .project-list-flash .project-carousel-date,
 .project-metro-date {
     top: 3.125rem;
     left: 3.5rem;
     font-size: 1.25rem;
     letter-spacing: .025em;
     font-weight: 700
 }

 .project-metro-date {
     top: 2.625rem;
     left: 2.875rem
 }

 .article-list-flash {
     margin-top: 2.375rem
 }

 .article-list-flash>div {
     display: flex
 }

 .article-list-flash .article-item {
     padding: 2.25rem 2.625rem 2.4375rem;
     background: #f6f7f7;
     overflow: hidden
 }

 .article-list-flash .article-item-photo {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     opacity: 0;
     overflow: hidden;
     margin: 0;
     height: auto;
     padding-bottom: 0;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: cover;
     transition: all .5s ease-in-out
 }

 .article-list-flash .article-item:hover .article-item-photo {
     opacity: 1
 }

 .article-list-flash .article-item .article-item-photo {
     transition-property: opacity, transform;
     transition-duration: .5s, 8s;
     transform: scale(1)
 }

 .article-list-flash .article-item:hover .article-item-photo {
     transform: scale(1.2)
 }

 .article-list-flash .article-item-date {
     position: static;
     left: auto;
     bottom: auto;
     padding-bottom: 27.27272727%;
     margin-bottom: 0;
     color: #999;
     font-size: .75rem;
     font-weight: 700;
     text-transform: uppercase
 }

 .article-list-flash .article-item-date .date {
     display: block;
     margin-bottom: .75rem;
     line-height: .75;
     font-size: 4.5rem;
     color: #ccc;
     font-weight: 400
 }

 .article-list-flash .article-item-category {
     margin-bottom: 1.375rem
 }

 .article-list-flash .article-item-category,
 .article-list-flash .article-item-category a {
     color: #ff3600
 }

 .footer-flash-about {
     padding-top: 16.66666667vmin;
     padding-bottom: 13.51851852vmin;
     font-size: 1.875rem;
     line-height: 1.6
 }

 .home-flash .footer-flash-about {
     padding-top: 0
 }

 .footer-flash {
     padding-top: 4.875rem;
     padding-bottom: 0
 }

 .footer-content-flash h5 {
     margin-bottom: 2.25rem;
     font-size: .875rem;
     color: #99c;
     text-transform: uppercase;
     font-weight: 700
 }

 .footer-content-flash .contact-item,
 .footer-content-flash .contact-item a,
 .footer-content-flash .social-rounded a {
     color: #fff
 }

 .footer-content-flash .contact-item {
     margin-bottom: .625rem
 }

 .footer-content-flash .contact-item,
 .footer-content-flash .footer-nav {
     font-size: 1.125rem;
     line-height: 1.44444444
 }

 .footer-nav {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .footer-nav li {
     margin-bottom: .25rem
 }

 .footer-content-flash .contact-item a:not(.phone-link):hover,
 .footer-content-flash .footer-nav a:hover {
     color: #669;
     text-decoration: none
 }

 .footer-flash .site-info {
     border-top: none
 }

 @media (min-width:768px) {
     .footer-content-flash .social-rounded {
         margin-right: -.625rem;
         text-align: right
     }

     .footer-flash .site-info {
         padding-top: 3.125rem;
         padding-bottom: 4rem
     }
 }

 .footer-flash .copyright {
     text-transform: none
 }

 .nav-inline {
     margin-right: -15px;
     margin-bottom: 2.625rem;
     letter-spacing: -.015em
 }

 .nav-inline li {
     margin-right: 2.25rem;
     margin-bottom: 1rem
 }

 .nav-inline a {
     cursor: pointer
 }

 .nav-inline .active a,
 .nav-inline a:hover {
     text-decoration: none
 }

 .text-center .nav-inline {
     margin-right: 0;
     justify-content: center
 }

 .text-center .nav-inline li {
     margin-left: 1.125rem;
     margin-right: 1.125rem
 }

 .nav-inline-wide {
     letter-spacing: .025em
 }

 .nav-inline-wide li {
     margin-right: 3.125rem
 }

 .text-center .nav-inline-wide li {
     margin-left: 1.5625rem;
     margin-right: 1.5625rem
 }

 .nav-inline.text-black .active a,
 .nav-inline.text-black a:hover {
     color: #d8953c
 }

 .parallax-link a,
 .parallax-link a:hover {
     position: relative;
     text-decoration: none;
     color: #666 !important
 }

 .parallax-link a:before {
     content: attr(data-text);
     position: absolute;
     width: 0%;
     transition: width cubic-bezier(.82, 0, .21, 1) .3s;
     color: #d8953c;
     z-index: 2;
     overflow: hidden;
     white-space: nowrap
 }

 .parallax-link a:hover:before,
 .parallax-link li.active>a:before {
     width: 100%
 }

 .nav.flex-column li {
     margin-bottom: 1rem
 }

 .nav.flex-column a {
     color: inherit;
     text-decoration: none
 }

 .nav.flex-column .active a,
 .nav.flex-column a:hover {
     color: #d8953c
 }

 .project-card-mobile {
     padding-top: 5.375rem
 }

 .project-card-promo {
     height: 0;
     padding-bottom: 44.79166667%;
     background-size: cover;
     background-position: 50% 20%;
     overflow: hidden;
     transition: all .1s linear
 }

 .project-info {
     padding-top: 4.875rem;
     padding-bottom: 1.125rem;
     border-bottom: #eaeaea 1px solid
 }

 .project-info-item {
     margin-bottom: 3.5rem
 }

 .project-info-title {
     margin-bottom: 1.25rem;
     font-size: 1.125rem;
     font-weight: 700;
     color: #242424;
     text-transform: uppercase
 }

 .project-info-descr {
     line-height: 1.625;
     color: #999
 }

 .lead {
     font-weight: 400
 }

 .lead-lg {
     font-size: 1.5rem
 }

 .like-btn {
     width: 5rem;
     height: 5rem;
     border-radius: 5rem;
     background: #f4f6f6;
     border: #f4f6f6 1px solid;
     padding: 0;
     margin: 0;
     cursor: pointer;
     font-size: 2.25rem;
     color: #ff3600
 }

 .like-btn i {
     display: inline-block;
     vertical-align: middle;
     line-height: 1;
     transform: scale(1);
     transition: all .2s ease-in-out
 }

 .like-btn:hover i {
     transform: scale(1.08)
 }

 .pager {
     letter-spacing: .025em
 }

 .pager i {
     vertical-align: middle;
     line-height: 1;
     font-size: 1.25rem
 }

 .pager .ion-ios-arrow-left {
     margin-right: .5rem
 }

 .pager .ion-ios-arrow-right {
     margin-left: .5rem
 }

 .pager a {
     color: #242424;
     text-decoration: none
 }

 .pager a:hover {
     color: #d8953c
 }

 .pagination {
     margin-top: 7rem;
     font-size: .875rem;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: .1em
 }

 .page-link {
     border: none;
     padding: 0;
     background: 0 0;
     margin-right: 1.625rem;
     color: #999
 }

 .page-item.disabled .page-link {
     color: #999;
     opacity: .3
 }

 .page-item.active .page-link,
 .page-link:hover {
     background: 0 0
 }

 .page-item.active .page-link,
 a.page-link:hover {
     color: #16171e
 }

 .page-link i,
 .page-link i:before {
     display: block;
     font-size: 1.5rem;
     line-height: .75
 }

 .tags li {
     margin-right: 10px
 }

 .tags .active .btn-outline-secondary,
 .tags .btn-outline-secondary:hover,
 .tags .btn-outline-secondary:not(:disabled):not(.disabled):active,
 .theme-orange .tags .btn-outline-secondary:hover {
     background: 0 0;
     border-color: #16171e !important;
     color: #16171e !important
 }

 .next-project {
     position: relative;
     background: #eaeeef
 }

 .next-project [class^=col-] {
     position: static
 }

 .next-project a {
     display: block;
     padding-top: 3.25rem;
     padding-bottom: 3rem;
     text-decoration: none;
     color: #242424
 }

 .next-project-link {
     text-align: right
 }

 .next-project-photo {
     position: absolute;
     top: 0;
     bottom: 0;
     z-index: 100;
     background-size: cover;
     background-position: 50% 50%;
     opacity: 0;
     transition: all .5s .5s ease-in-out
 }

 .prev-project-link .next-project-photo {
     left: 0;
     right: 50%
 }

 .next-project-link .next-project-photo {
     left: 50%;
     right: 0
 }

 .next-project a:hover .next-project-photo {
     opacity: 1
 }

 .next-project .h3,
 .next-project h3 {
     position: relative;
     top: 0;
     opacity: 1;
     font-size: 1.5rem;
     transition: all .4s .3s ease-in-out
 }

 .next-project-promo {
     height: 24rem;
     padding-top: 5rem;
     padding-bottom: 5rem;
     display: flex;
     align-items: center;
     background-position: 50% 0;
     background-size: cover;
     text-align: center
 }

 .next-title {
     margin-bottom: 1rem;
     font-size: 1.25rem;
     text-transform: uppercase
 }

 .next-project .next-title {
     margin-bottom: .75rem;
     font-size: 1.125rem;
     color: #999;
     position: relative;
     top: 0;
     opacity: 1;
     transition: all .4s .2s ease-in-out
 }

 .next-project a:hover .h3,
 .next-project a:hover .next-title,
 .next-project a:hover h3 {
     top: -2rem;
     opacity: 0
 }

 .screen-item {
     border: #ccc 1px solid;
     margin-bottom: 30px;
     display: block
 }

 .screen-item img {
     display: block;
     width: 100%
 }

 .testimonial-text {
     margin-bottom: 5rem;
     letter-spacing: -.025em;
     font-size: 1.5rem;
     line-height: 1.73333333
 }

 .testimonial-item-lg .testimonial-text {
     font-size: 2.25rem;
     line-height: 1.66666667
 }

 .testimonial-author {
     letter-spacing: .05em
 }

 .testimonial-author.text-grey strong {
     color: #242424
 }

 .testimonial-author:after,
 .testimonial-author:before {
     content: " - "
 }

 @media (min-width:768px) {
     .next-project-promo {
         height: 29.375rem
     }

     .next-project a {
         padding-top: 5.625rem;
         padding-bottom: 5rem
     }

     .next-project .h3,
     .next-project h3 {
         font-size: 1.875rem
     }

     .testimonial-text {
         font-size: 1.875rem
     }
 }

 .photo-list {
     overflow-x: hidden;
     overflow-y: visible
 }

 .photo-item {
     overflow: hidden;
     text-align: center;
     margin-bottom: 5rem
 }

 .photo-item img,
 .photo-item-grey img,
 .project-card-web-promo img {
     max-width: 100%
 }

 .photo-item-grey {
     background: #dde2e4;
     padding: 7.29166667% 15px;
     text-align: center
 }

 .photo-item-grey .inside {
     display: inline-block;
     vertical-align: middle;
     overflow: hidden;
     box-shadow: rgba(146, 156, 160, .75) 0 2.5rem 9.375rem
 }

 .photo-item-grey img {
     transform: scale(1);
     transition: all .5s ease-in-out
 }

 .photo-item-grey .inside img {
     width: 100%
 }

 .photo-item-grey-parallax {
     height: 0;
     padding-bottom: 72.72727273%;
     padding-top: 0;
     overflow: hidden;
     position: relative
 }

 .inside-left {
     width: 60%;
     position: absolute;
     left: 10%;
     top: 40%;
     z-index: 10
 }

 .inside-right {
     width: 60%;
     position: absolute;
     left: 43.03030303%;
     top: -96.66666667%
 }

 .inside-center {
     width: 76.60606061%;
     position: absolute;
     left: 11.75757576%;
     top: 17.16666667%
 }

 @media (min-width:768px) {
     .photo-list {
         margin-bottom: -10.75rem
     }

     .photo-item {
         margin-bottom: 14.375rem
     }

     .photo-item.col-md-6:nth-child(odd) {
         text-align: right;
         padding-right: 4.42708333%
     }

     .photo-item.col-md-6:nth-child(even) {
         text-align: left;
         padding-left: 4.42708333%
     }
 }

 @-webkit-keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-150px, 0, 0);
         transform: translate3d(-150px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes fadeInLeft {
     from {
         opacity: 0;
         -webkit-transform: translate3d(-150px, 0, 0);
         transform: translate3d(-150px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(150px, 0, 0);
         transform: translate3d(150px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes fadeInRight {
     from {
         opacity: 0;
         -webkit-transform: translate3d(150px, 0, 0);
         transform: translate3d(150px, 0, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 50px, 0);
         transform: translate3d(0, 50px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 50px, 0);
         transform: translate3d(0, 50px, 0)
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 .project-next-simple {
     font-size: 5rem;
     font-weight: 700;
     text-align: center
 }

 .project-card-web-promo {
     background: #dde2e4;
     height: 0;
     padding-bottom: 52.08333333%;
     overflow: hidden;
     position: relative
 }

 .project-card-web-promo .screen-mobile {
     position: absolute;
     left: 14.58333333%;
     top: 18.7962963%;
     width: 20.83333333%
 }

 .project-card-web-promo .screen-desktop {
     position: absolute;
     left: 28.90625%;
     top: 18.7962963%;
     width: 59.0625%
 }

 .pallete-list {
     margin-right: -4rem
 }

 @media (max-width:767px) {
     .pallete-list {
         margin-bottom: 5rem
     }

     .project-card-web-promo {
         padding-bottom: 80%
     }

     .project-card-web-promo .screen-desktop,
     .project-card-web-promo .screen-mobile {
         margin-top: 4rem
     }
 }

 .pallete-item {
     display: inline-block;
     vertical-align: top;
     margin-right: 4rem;
     margin-bottom: 2.375rem;
     text-align: center
 }

 .color {
     display: block;
     width: 3.75rem;
     height: 3.75rem;
     border-radius: 3.75rem;
     margin-bottom: 24px
 }

 .color-title {
     color: #999;
     font-size: .875rem;
     text-transform: uppercase
 }

 .article-content {
     font-size: 1.125rem;
     line-height: 1.66666667
 }

 .article-content .fs20 {
     line-height: 1.5
 }

 .article-content .fs20 p {
     margin-bottom: 1.5em
 }

 .article-content p {
     margin-bottom: 1.66666667em
 }

 .article-content .h2,
 .article-content h2 {
     margin-top: 5.5rem;
     margin-bottom: 3.125rem
 }

 .article-content .h4,
 .article-content h4 {
     margin-top: 3.75rem;
     margin-bottom: 2rem;
     font-family: 'Libre Baskerville', serif;
     letter-spacing: 0
 }

 .article-content .h4:first-child,
 .article-content h4:first-child {
     margin-top: 0
 }

 .article-content .lead {
     margin-bottom: 50px;
     font-size: 1.5rem;
     color: #999;
     font-family: 'Libre Baskerville', serif;
     font-style: italic;
     line-height: 1.5;
     letter-spacing: -.01em
 }

 .article-content .dropcap:first-letter {
     float: left;
     margin-bottom: -1rem;
     margin-right: 1rem;
     font-size: 3.75rem;
     font-family: 'Libre Baskerville', serif;
     line-height: 1.275
 }

 .article-content figure {
     margin-top: 3.5rem;
     margin-bottom: 4rem
 }

 .article-content figure img {
     max-width: 100%;
     height: auto
 }

 .article-content figcaption {
     display: block;
     margin-top: 1rem;
     text-align: center;
     font-size: 1rem;
     color: #999
 }

 .article-content ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 .article-content ul li {
     position: relative;
     padding-left: 2rem;
     margin-bottom: 1.125rem
 }

 .article-content ul li:before {
     content: "";
     display: block;
     width: 5px;
     height: 5px;
     background: #242424;
     border-radius: 5px;
     position: absolute;
     left: 0;
     top: .7em
 }

 .mask-skew {
     overflow: hidden;
     position: relative
 }

 .mask-skew .mask {
     position: absolute;
     left: 100%;
     top: 0;
     bottom: 0;
     z-index: 100;
     width: 120%;
     animation-fill-mode: forwards
 }

 .mask-skew .mask .inside {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background: #fff;
     transform: skewX(-10deg);
     transform-origin: bottom
 }

 .blockquote {
     margin-top: 4.5rem;
     margin-bottom: 4.125rem;
     text-align: center;
     font-size: 1.875rem;
     line-height: 1.53333333;
     letter-spacing: -.025em
 }

 .blockquote footer {
     margin-top: 2.5rem;
     position: relative;
     font-size: .875rem;
     text-transform: uppercase;
     letter-spacing: .2em;
     color: #999
 }

 .blockquote footer:before {
     content: "";
     display: block;
     width: 1.875rem;
     height: 1px;
     background: #a7a9b8;
     position: absolute;
     top: -1.25rem;
     left: 50%;
     transform: translate(-50%, 0)
 }

 .blockquote-status footer {
     text-transform: none;
     letter-spacing: 0
 }

 .blockquote-status footer:before {
     display: none
 }

 .article-carousel-promo .owl-nav [class*=owl-] {
     display: none
 }

 .article-carousel-promo .owl-dots {
     margin-top: 1rem
 }

 .article-promo-item {
     display: block;
     min-height: 35rem;
     background-position: 50% 20%;
     background-size: cover;
     padding-top: 4rem;
     padding-bottom: 3rem;
     position: relative;
     text-decoration: none;
     display: flex;
     align-items: center
 }

 .article-promo-item,
 .article-promo-item a {
     color: #fff
 }

 .article-carousel-promo-detail a:not(.btn) {
     text-decoration: underline
 }

 .article-carousel-promo-detail a:not(.btn):hover {
     text-decoration: none
 }

 .article-promo-item:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #242424;
     opacity: .25
 }

 .article-promo .article-promo-item:before {
     display: none
 }

 .article-promo-item .btn-outline-light:hover {
     background: #ff3600;
     border-color: #ff3600;
     color: #fff
 }

 .bnr {
     position: relative;
     background: #181b31;
     display: block
 }

 .bnr-photo {
     opacity: .5
 }

 .bnr-photo img {
     width: 100%;
     height: auto
 }

 .bnr-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 1.25rem 1.25rem 1.875rem;
     text-align: center;
     color: #fff
 }

 .bnr-title {
     font-size: 1.5rem;
     font-weight: 700
 }

 .bnr-title-sub {
     margin-bottom: 10px;
     font-size: .75rem;
     font-weight: 700;
     letter-spacing: .1em
 }

 @media (min-width:576px) {
     .article-carousel-promo .owl-nav [class*=owl-] {
         display: block
     }

     .article-carousel-promo .owl-dots {
         display: none
     }

     .article-promo-item {
         min-height: 39.375rem;
         padding: 10.625rem 4.75rem 3rem;
         align-items: flex-start
     }

     .article-promo-item-md {
         min-height: 48.75rem
     }
 }

 .news-info {
     border-bottom: #eaeaea 1px solid
 }

 .news-info-item {
     margin-bottom: 3.375rem
 }

 .news-info-title {
     margin-bottom: 2px;
     font-size: .75rem;
     color: #999;
     text-transform: uppercase;
     letter-spacing: .1em
 }

 .article-author {
     border-top: #e5e5e5 1px solid;
     border-bottom: #e5e5e5 1px solid;
     padding-top: 3.125rem;
     padding-bottom: 2.8125rem
 }

 .article-author-photo {
     width: 5rem
 }

 .avatar-photo {
     background-position: 50% 50%;
     border-radius: 50%;
     background-size: cover;
     background-image: url(../img/no-avatar.gif);
     background-repeat: no-repeat;
     overflow: hidden;
     position: relative
 }

 .avatar-photo:before {
     content: "";
     display: block;
     width: 100%;
     padding-bottom: 100%
 }

 .avatar-photo a {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     border-radius: 50%
 }

 .article-author-name {
     margin-bottom: 0
 }

 .article-author-name a {
     color: #181b31;
     text-decoration: none
 }

 .article-author-name a:hover {
     text-decoration: underline
 }

 .article-author-status {
     font-size: .875rem;
     color: #999;
     text-transform: uppercase;
     letter-spacing: .1em
 }

 .article-author-descr {
     margin-top: 10px;
     line-height: 1.625
 }

 .comment-item {
     margin-bottom: 2rem
 }

 .comment-item-photo {
     width: 4.375rem
 }

 .comment-item-sub {
     margin-top: 1.75rem;
     margin-right: 1.25rem
 }

 .comment-item-sub .comment-item-photo {
     width: 2.8125rem;
     margin-top: .25rem
 }

 .comment-item-name {
     margin-top: 2px;
     font-size: 1.125rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 .comment-item-name a {
     color: inherit
 }

 .comment-item-date {
     margin-top: .375rem;
     font-size: .875rem;
     text-transform: uppercase;
     color: #999
 }

 .comment-item-descr {
     margin-top: .375rem;
     line-height: 1.625rem;
     color: #666
 }

 .comment-item-sub .comment-item-descr {
     margin-top: 0
 }

 .comment-item .btn {
     margin-top: .875rem
 }

 .img404 {
     width: 41.5rem;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 4.875rem
 }

 .progress {
     border-radius: 0;
     height: .875rem;
     overflow: visible
 }

 .progress-bar {
     position: relative;
     width: 0;
     transition: width 1s ease-in-out
 }

 .progress-value {
     position: absolute;
     right: 0;
     bottom: 100%;
     margin-bottom: .5rem;
     color: #181b31;
     font-size: 1rem
 }

 .filter-title {
     line-height: 1.625;
     color: #999;
     font-weight: 700;
     text-transform: uppercase
 }

 .filter-location {
     letter-spacing: -.025em;
     font-size: 2.25rem
 }

 .filter-location a {
     color: inherit;
     text-decoration: none;
     cursor: pointer
 }

 .filter-location .active a,
 .filter-location a:hover {
     color: #d8953c
 }

 .job-item {
     margin-bottom: 4.625rem
 }

 .job-item-title a {
     color: inherit
 }

 .job-item-title {
     margin-bottom: 1rem
 }

 .job-item-descr {
     line-height: 1.625;
     color: #666
 }

 .job-item-category {
     margin-top: 1.75rem;
     text-transform: uppercase;
     letter-spacing: .025em
 }

 .timer .divider,
 .timer-item {
     display: inline-block;
     vertical-align: top;
     text-align: center
 }

 .timer-item {
     min-width: 5.25rem;
     padding-left: .625rem;
     padding-right: .625rem;
     color: #999
 }

 .timer-item span {
     display: block;
     margin-bottom: .5rem;
     font-size: 3rem;
     font-family: 'Libre Baskerville', serif;
     color: #242424;
     line-height: 1
 }

 .timer .divider {
     margin-top: .25rem
 }

 .timer .divider:before {
     content: ":";
     font-size: 1.5rem;
     color: #999;
     font-weight: 700
 }

 @media (min-width:576px) {
     .timer-item {
         min-width: 7.25rem;
         padding-left: 1.625rem;
         padding-right: 1.625rem
     }
 }

 .stage-list {
     padding-bottom: 3.75rem
 }

 .stage-item {
     background: #f5f5f5
 }

 .stage-item-photo {
     background-position: 50% 50%;
     background-size: cover;
     background-repeat: no-repeat
 }

 .stage-item-photo img {
     width: 100%
 }

 .no-gutters>.stage-item-detail,
 .stage-item-detail {
     padding: 4rem 4.5rem 3.5rem
 }

 .stage-item .mask-skew .mask .inside {
     background-color: #f5f5f5
 }

 .stage-item-num {
     margin-bottom: 2rem;
     font-size: 2.25rem;
     font-family: 'Libre Baskerville', serif;
     font-weight: 700
 }

 .stage-item-title {
     margin-bottom: .75rem;
     font-size: 2.75rem;
     font-weight: 400;
     letter-spacing: -.025em
 }

 @media (min-width:1200px) {

     .no-gutters>.stage-item-detail,
     .stage-item-detail {
         padding: 7rem 7.5rem 6.625rem
     }

     .stage-item-num {
         margin-bottom: 4.75rem
     }

     .stage-item-title {
         font-size: 3.75rem
     }
 }

 .member-item {
     margin-bottom: 4rem
 }

 .member-item-photo {
     position: relative;
     height: 0;
     padding-bottom: 100%;
     margin-bottom: 1.875rem
 }

 .member-item-photo img {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     object-fit: cover
 }

 .member-item-name {
     margin-bottom: .25rem;
     font-size: 1.5rem;
     font-family: 'Libre Baskerville', serif;
     font-weight: 700
 }

 .member-item-name a {
     color: inherit
 }

 .member-item-status {
     font-size: .875rem;
     text-transform: uppercase;
     color: #666
 }

 .member-become {
     display: block;
     position: relative;
     height: 0;
     width: 100%;
     padding-bottom: 100%;
     background: #f4f6f6;
     text-align: center;
     text-decoration: none
 }

 .member-become .inside {
     position: absolute;
     width: 100%;
     left: 50%;
     top: 50%;
     padding: 1rem 10% 2rem;
     transform: translate(-50%, -50%)
 }

 .member-become .icon {
     display: block;
     font-size: 3.75rem;
     color: #ccc
 }

 .member-become-title {
     display: block;
     margin-top: 1.5rem;
     font-size: 1.875rem;
     line-height: 1.53333333;
     font-family: 'Libre Baskerville', serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #242424
 }

 .service-promo-item {
     background: #f8f8f9;
     margin-bottom: 6.25rem
 }

 .service-promo-item:last-child {
     margin-bottom: 0
 }

 .service-promo-item-photo {
     background-position: 50% 50%;
     background-size: cover;
     background-repeat: no-repeat
 }

 .service-promo-item-photo img {
     width: 100%
 }

 .no-gutters>.service-promo-item-detail,
 .service-promo-item-detail {
     background: #f5f5f5;
     padding: 4rem 4.5rem 3.5rem
 }

 .service-promo-item-title {
     margin-bottom: 18px;
     font-size: 3rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 .service-promo-item .nav.flex-column li {
     margin-bottom: .625rem
 }

 @media (min-width:1200px) {

     .no-gutters>.service-promo-item-detail,
     .service-promo-item-detail {
         padding: 5rem 3.75rem 5rem 6.125rem
     }
 }

 .progress-item {
     border-top: #e2e2e2 1px solid;
     padding-top: 3rem;
     padding-bottom: 3.125rem
 }

 .progress-item:first-child {
     border-top: none
 }

 .progress-item-num {
     padding-bottom: .75rem;
     font-size: 6.25rem;
     font-weight: 700;
     color: #ccc;
     line-height: 1.1
 }

 .progress-item-title {
     margin-bottom: .5rem;
     font-size: 2.25rem;
     font-weight: 700;
     letter-spacing: -.025em
 }

 @media (min-width:768px) {
     .fixed-footer .wrapper {
         position: relative;
         z-index: 200;
         background: #fff
     }

     .fixed-footer-lg .wrapper {
         margin-bottom: 59.375rem
     }
 }

 .footer-content {
     padding-top: 3rem;
     padding-bottom: 0;
     line-height: 1.625;
     color: #666
 }

 .contact-item,
 .twitter-item {
     margin-bottom: .875rem
 }

 .contact-item a,
 .twitter-item a {
     color: #242424;
     text-decoration: underline
 }

 .contact-item a:hover,
 .twitter-item a:hover {
     text-decoration: none
 }

 a.phone-link {
     color: inherit;
     text-decoration: none;
     cursor: default
 }

 .social {
     margin: 0;
     padding: 0;
     list-style: none;
     font-size: 1.125rem
 }

 .footer-content .social {
     margin-top: 3.125rem
 }

 .social li {
     display: inline-block;
     vertical-align: top;
     margin-right: 1.5rem;
     margin-bottom: .5rem
 }

 .social a {
     transition: color .2s ease-in-out;
     color: #242424
 }

 .social a:hover {
     color: #d8953c;
     text-decoration: none
 }

 .social-rounded {
     margin-right: -.625rem;
     font-size: 20px
 }

 .social-rounded li {
     margin: 1rem .625rem 0 0
 }

 .social-rounded a {
     display: inline-block;
     border-radius: 2.5rem;
     width: 2.5rem;
     height: 2.5rem;
     border: #ccc 1px solid;
     background: 0 0;
     text-align: center;
     line-height: 2.3rem;
     transition: all .2s ease-in-out
 }

 .social-rounded a:hover {
     background: #d8953c;
     border-color: #d8953c;
     color: #fff
 }

 .social-rounded i {
     display: inline-block;
     vertical-align: middle;
     line-height: .75
 }

 .social-rounded i:before {
     display: block;
     line-height: .75
 }

 .social-follow,
 .social-rounded .socicon-facebook,
 .social-rounded .socicon-tumblr,
 .social-rounded .socicon-twitter {
     font-size: 1rem
 }

 .social-rounded .socicon-rss {
     font-size: .875rem
 }

 .social-follow li {
     vertical-align: middle;
     margin-right: .25rem;
     margin-bottom: .5rem
 }

 .social .social-title {
     padding-bottom: .125rem;
     margin-right: 1rem;
     font-size: .875rem;
     text-transform: uppercase;
     color: #999
 }

 .social-follow a {
     width: 1.875rem;
     height: 1.875rem;
     line-height: 1.65;
     color: #fff
 }

 .social-rounded .follow-facebook {
     background: #3b5999;
     border-color: #3b5999
 }

 .social-rounded .follow-twitter {
     background: #55acee;
     border-color: #55acee
 }

 .social-rounded .follow-googleplus {
     background: #dd4b39;
     border-color: #dd4b39
 }

 .social-rounded.social-follow i {
     font-size: .75rem
 }

 .social-rounded.social-follow .socicon-googleplus {
     font-size: 1rem
 }

 .social-rounded .follow-tumblr {
     background: #2b4b6a;
     border-color: #2b4b6a
 }

 .social-rounded .follow-rss {
     background: #fb7000;
     border-color: #fb7000
 }

 .social-fixed,
 .social-rounded-fixed {
     position: fixed;
     left: 15px;
     bottom: 0;
     z-index: 400
 }

 .social-fixed li {
     display: block;
     margin-right: 0;
     margin-bottom: 2.125rem
 }

 .social-rounded-fixed {
     left: auto;
     right: 15px;
     margin-right: -.625rem;
     bottom: 4.62962963vmin
 }

 .social-rounded-fixed li {
     margin-bottom: 0
 }

 .social-rounded-dark a {
     border-color: #242424
 }

 .socicon-facebook {
     font-size: 1.1875rem
 }

 .socicon-googleplus {
     font-size: 1.375rem
 }

 .ion-social-rss {
     font-size: 16px
 }

 .ion-social-facebook,
 .ion-social-twitter,
 .ion-social-vimeo {
     font-size: 18px
 }

 .twitter-date {
     margin-top: .625rem;
     color: #999;
     text-transform: uppercase;
     font-size: .875rem
 }

 .footer .section-item-title {
     margin-bottom: 2.375rem
 }

 .establised {
     display: none;
     position: fixed;
     left: 34px;
     top: 50%;
     z-index: 300;
     margin-top: -1.625rem;
     text-transform: uppercase;
     letter-spacing: .625rem;
     color: #999;
     font-size: 1.125rem;
     transform: rotate(-90deg) translate(-50%, 0);
     transform-origin: bottom left
 }

 .copyright-fixed {
     position: fixed;
     left: 15px;
     padding-bottom: .5rem;
     bottom: 4.62962963vmin;
     z-index: 300;
     color: #242424;
     text-transform: uppercase
 }

 .copyright-fixed i {
     margin-top: -2px;
     vertical-align: middle;
     margin-right: .75rem;
     font-size: 1.5rem;
     line-height: .75
 }

 .copyright-fixed a {
     color: inherit
 }

 @media (min-width:576px) {
     .establised {
         display: block
     }

     .service-item-title {
         margin-top: .625rem
     }
 }

 @media (min-width:1600px) {
     .social-fixed {
         left: 3.75rem
     }

     .social-rounded-fixed {
         right: 3.75rem
     }

     .copyright-fixed {
         left: 3.75rem
     }

     .establised {
         left: 5rem
     }
 }

 .site-info {
     border-top: #ebebeb 1px solid;
     padding-top: 2rem;
     padding-bottom: 2rem
 }

 .copyright {
     text-align: center;
     text-transform: uppercase
 }

 @media (min-width:768px) {
     .footer-content {
         padding-top: 11.25rem;
         padding-bottom: 7.5rem
     }

     .site-info {
         padding-top: 4.5rem;
         padding-bottom: 5.375rem
     }
 }

 @media only screen and (max-width:1024px) and (min-width:600px) {
     .button-style1 {
         font-size: 1.9vw !important;
         height: 40px !important;
         min-width: 140px !important
     }

     .footer .section_form form .button_wrapper {
         margin: 40px 0 40px !important
     }

     .button2 {
         font-size: 1.9vw !important;
         height: 40px !important;
         min-width: 140px !important
     }
 }

 @media (max-width:767px) {

     .footer-content,
     .footer-content .text-right {
         text-align: center !important
     }
 }

 .more.fs14 {
     letter-spacing: .05em
 }

 .footer-red {
     background: #d8953c;
     color: #fff
 }

 .footer-red .footer-content {
     color: #fcc
 }

 @media (min-width:768px) {
     .fixed-footer-md .footer-content {
         padding-top: 15.92592593vmin;
         padding-bottom: 6.48148148vmin
     }

     .fixed-footer-md .site-info {
         padding-top: 5.74074074vmin;
         padding-bottom: 5.74074074vmin
     }
 }

 .footer-red .social a,
 .footer-red .twitter-date {
     color: #f99
 }

 .footer-red .contact-item a,
 .footer-red .h2-3d,
 .footer-red .section-item-title,
 .footer-red .social a:hover,
 .footer-red .twitter-item a,
 .footer-red a {
     color: #fff
 }

 .footer-red .site-info {
     border-top-color: #c33
 }

 .theme-orange .article-item-category,
 .theme-orange .article-item-category a,
 .theme-orange .article-item-info a:hover,
 .theme-orange .article-item-mini .article-item-title a:hover,
 .theme-orange .btn-outline-secondary:hover,
 .theme-orange .filter-location .active a,
 .theme-orange .filter-location a:hover,
 .theme-orange .menu-lang-item.active,
 .theme-orange .menu-lang-item:hover,
 .theme-orange .menu-main a:before,
 .theme-orange .nav-inline.text-black .active a,
 .theme-orange .nav-inline.text-black a:hover,
 .theme-orange .nav-toggle-btn:hover,
 .theme-orange .nav.flex-column .active a,
 .theme-orange .nav.flex-column a:hover,
 .theme-orange .navbar-nav a:before,
 .theme-orange .pager a:hover,
 .theme-orange .social:not(.social-rounded) a:hover,
 .theme-orange .text-primary,
 .theme-orange a.text-primary:hover {
     color: #ff3600 !important
 }

 .theme-orange .btn-primary,
 .theme-orange .nav-toggle-btn:hover .stick,
 .theme-orange .owl-theme .owl-dots .owl-dot.active span:before,
 .theme-orange .owl-theme .owl-dots .owl-dot:hover span:before,
 .theme-orange .social-rounded a:hover {
     background-color: #ff3600
 }

 .theme-orange .bg-primary {
     background-color: #ff3600 !important
 }

 .theme-orange .btn-primary.focus,
 .theme-orange .btn-primary:focus,
 .theme-orange .btn-primary:not(:disabled):not(.disabled).active:focus,
 .theme-orange .btn-primary:not(:disabled):not(.disabled):active:focus,
 .theme-orange .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(255, 0, 0, .5)
 }

 .theme-orange .btn-primary:hover,
 .theme-orange .btn-primary:not(:disabled):not(.disabled).active,
 .theme-orange .btn-primary:not(:disabled):not(.disabled):active,
 .theme-orange .show>.btn-primary.dropdown-toggle {
     background-color: red;
     border-color: red
 }

 .theme-orange .btn-outline-secondary:hover,
 .theme-orange .btn-primary,
 .theme-orange .owl-theme .owl-dots .owl-dot.active span,
 .theme-orange .social-rounded a:hover {
     border-color: #ff3600
 }

 .theme-yellow .brand-name,
 .theme-yellow .menu-lang-item.active,
 .theme-yellow .menu-lang-item:hover,
 .theme-yellow .menu-main a:before,
 .theme-yellow .nav-toggle-btn:hover,
 .theme-yellow .navbar-nav a:before,
 .theme-yellow .social:not(.social-rounded) a:hover,
 .theme-yellow .text-primary {
     color: #ff9000 !important
 }

 .theme-yellow .btn-play:hover,
 .theme-yellow .btn-primary,
 .theme-yellow .nav-toggle-btn:hover .stick,
 .theme-yellow .social-rounded a:hover {
     background-color: #ff9000
 }

 .theme-yellow .btn-play,
 .theme-yellow .btn-primary,
 .theme-yellow .social-rounded a:hover {
     border-color: #ff9000
 }

 .theme-white .brand-name,
 .theme-white .navbar-nav>ul>li>a:before,
 .theme-white .text-primary {
     color: #fff !important
 }

 .theme-white .btn-play:hover,
 .theme-white .btn-primary,
 .theme-white .nav-toggle-btn:hover .stick,
 .theme-white .social-rounded a:hover {
     background-color: #fff;
     color: #242424
 }

 .theme-white .menu-lang-item.active,
 .theme-white .menu-lang-item:hover,
 .theme-white .menu-main a:before {
     color: #242424
 }

 .body-menu-opened .theme-white .nav-toggle-btn:hover .stick {
     background-color: #242424
 }

 .theme-white .btn-play,
 .theme-white .btn-primary,
 .theme-white .social-rounded a:hover {
     border-color: #fff
 }

 .body-menu-opened .theme-white .social-rounded a:hover {
     border-color: #242424
 }

 .skyline-container {
     background-image: url(../img/about/background.webp);
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative
 }

 .skyline-container:before {
     content: '';
     background: -webkit-linear-gradient(90deg, #242424a6 0, #4e4e4e00 48%, #4e4e4e26 100%);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     z-index: 1
 }

 .skyline-container .container {
     height: 100%
 }

 .skyline-container .details {
     display: flex;
     height: 100%;
     flex-direction: column;
     justify-content: flex-start;
     padding: 10% 0;
     align-items: center;
     text-align: center;
     gap: 20px;
     position: relative;
     z-index: 2;
     color: #fff
 }

 .skyline-container h5 {
     font-size: 1.275rem;
     font-weight: 400;
     line-height: 1.1
 }

 .skyline-container p {
     font-size: 1.275rem;
     font-weight: 400;
     line-height: 1.25;
     width: 80%
 }

 .inner_page .button_wrapper {
     margin-top: 55px
 }

 .inner_page h1 {
     font-weight: 500;
     font-size: 5rem;
     background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: #b9762700;
     margin-top: 30px;
     font-family: proxima-nova, sans-serif
 }

 .inner_page .thank-you {
     color: #b97627;
     font-weight: 400;
     font-size: 1.4rem
 }

 @media (min-width:768px) {
     html {
         font-size: 13px
     }
 }

 @media (min-width:992px) {
     html {
         font-size: 14px
     }
 }

 @media (min-width:1280px) {
     html {
         font-size: 15px
     }
 }

 @media (min-width:1600px) {
     html {
         font-size: 16px
     }
 }

 .section-gallery {
     overflow-x: hidden
 }

 .whatsapp {
     min-width: 130px !important;
     margin-left: 2%
 }

 .whatsapp i {
     font-size: 18px
 }

 .whatsapp::before {
     background-color: #25d366 !important;
     border: none !important
 }

 .section-item .services-item-video {
     height: 200px
 }

 .declimer {
     margin: 55px 0 10px;
     text-align: center;
     font-size: 14px
 }

 @media(max-width:767px) {
     .declimer {
         display: none
     }
 }

 .footer .section_form .copyright_text .declimer p {
     font-size: 12px
 }

 .button2 {
     display: inline-block;
     transition: all .2s ease-in;
     position: relative;
     overflow: hidden;
     z-index: 1;
     color: #090909;
     height: 50px;
     min-width: 140px;
     padding: 0 3.3em 0 1.7em;
     font-size: 18px;
     border: 1px solid #000;
     background: 0 0
 }

 .button2>svg {
     height: 30px;
     position: absolute;
     padding: 0 5px;
     margin-top: -4px
 }

 .button2:active {
     color: #666;
     box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #fff
 }

 .button2:before {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%) scaleY(1) scaleX(1.25);
     top: 100%;
     width: 140%;
     height: 180%;
     background-color: rgba(0, 0, 0, .05);
     border-radius: 50%;
     display: block;
     transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
     z-index: -1
 }

 .button2:after {
     content: "";
     position: absolute;
     left: 55%;
     transform: translateX(-50%) scaleY(1) scaleX(1.45);
     top: 180%;
     width: 160%;
     height: 190%;
     background-color: #009087;
     border-radius: 50%;
     display: block;
     transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
     z-index: -1
 }

 .button2:hover {
     color: #fff;
     border: 1px solid #009087
 }

 .button2:hover:before {
     top: -35%;
     background-color: #009087;
     transform: translateX(-50%) scaleY(1.3) scaleX(.8)
 }

 .button2:hover:after {
     top: -45%;
     background-color: #009087;
     transform: translateX(-50%) scaleY(1.3) scaleX(.8)
 }

 .button_wrapper {
     display: flex;
     justify-content: center;
     gap: 7px
 }

 .button-style1 {
     display: inline-block;
     transition: all .2s ease-in;
     position: relative;
     overflow: hidden;
     z-index: 1;
     color: #090909;
     height: 50px;
     min-width: 140px;
     padding: 0 40px;
     font-size: 18px;
     border: 1px solid #000;
     background: 0 0;
     -webkit-font-smoothing: antialiased
 }

 .button-style1>svg {
     height: 30px;
     position: absolute;
     padding: 0 5px;
     margin-top: -4px
 }

 .button-style1:active {
     color: #666;
     box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #fff
 }

 .button-style1:before {
     content: "";
     position: absolute;
     left: 50%;
     transform: translateX(-50%) scaleY(1) scaleX(1.25);
     top: 100%;
     width: 140%;
     height: 180%;
     background-color: rgba(0, 0, 0, .05);
     border-radius: 50%;
     display: block;
     transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
     z-index: -1
 }

 .button-style1:after {
     content: "";
     position: absolute;
     left: 55%;
     transform: translateX(-50%) scaleY(1) scaleX(1.45);
     top: 180%;
     width: 160%;
     height: 190%;
     background-color: #d8953c;
     border-radius: 50%;
     display: block;
     transition: all .5s .1s cubic-bezier(.55, 0, .1, 1);
     z-index: -1
 }

 .button-style1:hover {
     color: #fff;
     border: 1px solid #d8953c
 }

 .button-style1:hover:before {
     top: -35%;
     background-color: #d8953c;
     transform: translateX(-50%) scaleY(1.3) scaleX(.8)
 }

 .button-style1:hover:after {
     top: -45%;
     background-color: #d8953c;
     transform: translateX(-50%) scaleY(1.3) scaleX(.8)
 }

 .v2 {
     display: none
 }

 @media only screen and (max-width:700px) and (min-width:100px) {
     .service-item-title {
         margin-top: .625rem
     }

     .service-item-descr {
         margin-top: .625rem;
         line-height: 1.625;
         margin-bottom: 40px
     }

     .f-space {
         margin-bottom: 60px
     }

     .icon.icon_solid_2 {
         width: 48px !important;
         height: 48px
     }

     .skyline-container {
         min-height: 60vh
     }

     .v1 {
         display: none
     }

     .v2 {
         display: block
     }

     .button-style1 {
         font-size: 16px !important;
         height: 40px !important;
         padding: 0 25px !important
     }

     .button2 {
         font-size: 16px !important;
         height: 40px !important;
         min-width: 140px !important
     }
 }

 /* 12-11-2024 */

 .pdf-container .nav {
     justify-content: left;
     border: none;
     margin-top: 50px;
     gap: 10px 15px;

 }


 .pdf-container .nav .nav-item .nav-link,
 .nav-pills-home .nav-link {
     font-family: Metropolis, sans-serif;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-transform: uppercase;
     border: none;
     color: #888;
     border-bottom: 2px solid transparent;
 }

 .pdf-container .nav .nav-item .nav-link:hover,
 .pdf-container .nav .nav-item.active .nav-link,
 .nav-pills-home .nav-link.active {
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     border-bottom: 2px solid var(--heading, #F3B862);
 }

 .pdf-container .tab-content .heading {
     text-align: center;
     margin-top: 50px;
 }

 .pdf-container .tab-content .heading h2 {
     font-family: Metropolis, sans-serif;
     font-size: 32px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
     text-transform: uppercase;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .pdf-container .tab-content .pdf-container {
     margin-top: 40px;
 }

 .pdf-container .tab-content .pdf-container .card {
     margin-bottom: 25px;
     border: none;
     border-radius: 10px;
     background: #FFF5E7;
 }

 .pdf-container .tab-content .pdf-container .card .card-header {
     padding: 0;
     border: none;
 }

 .pdf-container .tab-content .pdf-container .card .card-header .btn:hover,
 .pdf-container .tab-content .pdf-container .card .card-header .btn:focus {
     text-decoration: none;
 }

 .pdf-container .tab-content .pdf-container .card .card-header .btn {
     border-radius: 10px;
     padding: 19px 45px 19px 19px;
     background: #FFF5E7;
     font-family: Metropolis, sans-serif;
     width: 100%;
 }

 .pdf-container .tab-content .pdf-container .card .card-header .btn h5 {
     text-align: left;
     font-family: Metropolis, sans-serif;
     font-size: 20px;
     font-style: normal;
     padding: 0;
     font-weight: 600;
     line-height: 26px;
     /* 130% */
     text-transform: uppercase;
     background: var(--heading, linear-gradient(180deg, #F3B862 0%, #D28E37 100%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .pdf-container .tab-content .pdf-container .card .collapse {
     background: #FFF5E7;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul {
     padding: 0px 0 0 27px;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li {
     margin-bottom: 10px;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a h5 {
     transition: all 0.3s linear;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a {
     display: flex;
     justify-content: space-between;

     transition: all 0.3s linear;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     position: relative;
     padding-right: 40px;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body {
     padding-top: 0;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a h5 {
     color: #000;
     font-family: Metropolis, sans-serif;
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 46px;
     /*255.556%*/
     text-transform: uppercase;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a svg {
     height: 32px;
     width: 32px;
     position: absolute;
     right: 0px;
     transform: translateY(-50%);
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a:hover {
     text-decoration: none;
 }

 .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a:hover h5 {
     color: #D28E37;
 }


 .single-pdf .card .card-header .btn {
     position: relative;
 }

 .pdf-container .multi-pdf .card-header .btn {
     position: relative;
 }

 .pdf-container .multi-pdf .card-header .btn::after {
     content: "";
     position: absolute;
     top: 20%;
     right: 27px;
     display: block;
     width: 19px;
     height: 19px;
     background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"%3E%3Cpath d="M9.49995 14.9155C9.15943 14.9155 8.81895 14.7855 8.55934 14.526L0.389769 6.35633C-0.129923 5.83664 -0.129923 4.99405 0.389769 4.47457C0.90925 3.95509 1.75167 3.95509 2.27141 4.47457L9.49995 11.7035L16.7285 4.47482C17.2482 3.95534 18.0906 3.95534 18.61 4.47482C19.1299 4.99431 19.1299 5.8369 18.61 6.35659L10.4406 14.5262C10.1808 14.7858 9.84034 14.9155 9.49995 14.9155Z" fill="url(%23paint0_linear_184_4)"/%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_184_4" x1="9.49998" y1="4.08496" x2="9.49998" y2="14.9155" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23F3B862"/%3E%3Cstop offset="1" stop-color="%23D28E37"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transition: all 0.3s linear;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     rotate: 180deg;
 }

 .pdf-container .multi-pdf .card-header .btn.collapsed::after {
     transform: rotate(180deg);
     top: 35%;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
 }

 .single-pdf .card .card-header .btn {
     display: flex;
     justify-content: space-between;
     position: relative;
 }

 .single-pdf .card .card-header .btn svg {
     height: 32px;
     width: 32px;
     position: absolute;
     right: 20px;
     transform: translateY(-50%);
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
 }

 @media only screen and (max-width:991px) and (min-width:700px) {
     .pdf-container .nav {
         justify-content: left;
         gap: 10px 16px;
     }
 }

 @media only screen and (max-width:430px) {
     .pdf-container .nav {
         flex-direction: column;
     }
 }

 #myTab {
     top: 90px;
     z-index: 9996;
     width: 100%;
     width: 100%;
     background: #fff;
     left: 0;
     position: sticky;
     /* position: static; */
     padding: 10px 0;
 }

 @media only screen and (max-width:991px) {
     #myTab {
         position: static;
     }
 }

 @media only screen and (max-width:700px) and (min-width:100px) {
     .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li a h5 {
         line-height: 30px;
     }

     .pdf-container .tab-content .pdf-container .card .pdf-list .card-body ul li {
         margin-bottom: 10px;
     }
 }


 .nav-pills-home {
     gap: 20px;
     justify-content: center;
 }

 .nav-pills-home .nav-link {
     background: transparent;
     border-radius: 0;
 }

 .projects .section-sub-heading {
     font-size: 28px;
     font-weight: 500;
     text-transform: uppercase;
     margin-top: 40px;
     margin-bottom: 30px;
 }

 /* 


.nav-pills-home .nav-link.active{
    border: 1px solid #e7a245;
    border-radius: 0;
    background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
    color: var(--dark);
} */


 /* #residential .nav-link{
    border: 1px solid #e7a245;
    border-radius: 0;
    background: -webkit-linear-gradient(90deg, #b97627 0, #e7a245 48%, #f9c270 100%);
    color: var(--dark);
} */

 .backtotop {
     position: fixed;
     bottom: 20px;
     right: 40px;
     z-index: 11111;
     background-color: #ffffff36;
     height: 50px;
     width: 50px;
     display: flex;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     border: #f9c270 1px solid;
 }

 .backtotop a .arrow {
     rotate: -90deg;
     transform: translateY(-50%);
     -webkit-transform: translate(-130%, -10%);
 }

 .projects .discl {
     gap: 50px;
     display: flex;
     justify-content: center;
 }

 .projects .discl label {
     font-weight: 600;
 }

 .leadership .lead-img {
     height: 100%;
     /* min-height: 300px; */
 }

 .leadership .lead-img img {
     object-fit: cover;
     object-position: center;
     /* width: 100%; */
     /* height: 100%; */
 }

 .leadership .lead-details {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .leadership .lead-details .lead-name {
     color: #e7a245;
     text-align: left;
     font-family: Metropolis, sans-serif;
 }

 .leadership .second .lead-details .lead-name {
     text-align: left;
 }

 .leadership .lead-details p {
     /* text-align: left; */
     text-align: justify;
 }

 .leadership .second .lead-details p {
     /* text-align: left; */
     text-align: justify;
 }

 .leadership .lead-details p strong {
     color: #e7a245;

 }

 @media (max-width:991px) {
     .leadership .second {
         flex-direction: column-reverse
     }

     .leadership .second .lead-details .lead-name {
         text-align: left;
     }

     .leadership .second .lead-details p {
         text-align: left;
     }

     .leadership .lead-details {
         margin-top: 15px;
     }
 }

 .diclemer-btn {
     padding: 0;
     margin-left: 3px;
     color: #e7a245;
     text-align: center;
     font-size: 12px;
     line-height: 1.8;
     margin: 0;

 }

 .diclemer-btn:focus {
     box-shadow: none;
 }

 .popup-close {}

 .popup-close .nav-toggle {}

 .popup-close .nav-toggle .stick-1 {
     width: 29px;
     transform: translate(1px, 10px) rotate(45deg);

 }

 .popup-close .nav-toggle .stick-2 {
     width: 29px;
     transform: translate(0px, -1px) rotate(-45deg);
 }

 .modal-body p a {
     color: #e7a245;
 }

 .modal-content {
     position: relative;
 }

 .modal-header {
     position: absolute;
     top: -4%;
     width: 100%;
     border-bottom: none;
     transform: translate(3%, 6%);
     z-index: 1111;
 }

 .modal-header .popup-close {
     background-color: #fff;
     opacity: 1;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     height: 50px;
     width: 50px;
     display: flex;
     align-content: center;
     justify-content: center;
     align-items: center;
 }

 .diclemer .modal-body, #form-modal .modal-body {
     padding: 1.5rem 2rem;
 }

 .diclemer .modal-body h3, #form-modal .modal-body h3 {
     color: #e7a245;
     font-weight: 500;
     margin-bottom: 25px;
 }

 .diclemer .modal-body ul, #form-modal .modal-body ul {
     padding: 0 0 0 19px;
 }

 #form-modal input, #form-modal textarea {
     background: rgba(255, 245, 231, 1);
 }

 .sticky-btn {
     transform: rotate(270deg);
     position: fixed;
     right: 15px;
     transform-origin: right;
     top: 50%;
     background: #e7a245;
     color: #fff;
     font-size: 16px;
     font-weight: normal;
     z-index: 999;
 }

 @media (max-width: 767px) {
     .pdf-container .tab-content .heading h2 {
         font-size: 2.199rem;
         text-align: left;
     }
 }

 .pdf-container .tab-content .heading h2 {
     font-weight: 500;
 }

 .regulations-heading h3 {
     text-transform: uppercase;
 }

 .leadership .lead-details .designation {
     font-weight: 600;
 }

 .management .lead-details h4 {
     margin-bottom: 5px;
 }

 a.button-style1 {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .management-padding {
     padding-top: 43px;
 }

 @media (max-width: 767px) {
     .management-padding {
         padding-top: 100px;
     }
 }

 .invester-regulation .wrapper header.header-fixed {
     background-color: #ffffff !important;
 }

 .invester-regulation .header-fixed .row {
     padding: 1.925rem 2.625rem .925rem;
 }

 .invester-regulation .header-fixed.fixed .row {
     padding: 1.625rem 2.625rem .625rem;
 }

 @media (max-width: 767px) {
     .invester-regulation .header-fixed .row {
         padding: 2.625rem 2.625rem;
     }

     .invester-regulation .header-fixed.fixed .row {
         padding: .625rem 2.625rem .625rem;
     }

 }

 .headerrr {
     padding: 50px 80px;
     text-align: center;
 }

 .headerrr h1 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 3.575rem;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;
     text-transform: uppercase;

     color: #EAAD57;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 30px;

 }

 .headerrr p {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 1%;
     color: #000000;
     /* text-align: left; */
 }

 /* ****************************************************************************************************** */
 .newdesign {}

 .newdesign .nav-pills .nav-link {
     background-color: transparent;
     font-family: Metropolis;
     font-weight: 500;
     font-style: Medium;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 26px;
     letter-spacing: 0%;
     text-transform: uppercase;
 }

 .newdesign .nav-pills .nav-link.active {
     color: #EAAD57;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     border-bottom: 2px solid var(--heading, #F3B862);



 }

 .newdesign .nav-pills {
     gap: 26px;
 }

 .newdesign .nav-pills {}

 .newdesign .tab-content {
     text-align: center;
 }

 .newdesign .tab-content h2 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 32px;
     leading-trim: NONE;
     line-height: 26px;
     letter-spacing: 0%;
     text-align: center;
     text-transform: uppercase;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

 }

 .newdesign .tab-content .result {
     display: flex;
     justify-content: space-between;
     margin-top: 60px;
     align-items: center;
 }

 .newdesign .tab-content .result h4 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 26px;
     letter-spacing: 0%;
     text-transform: capitalize;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 0;

 }

 .newdesign .tab-content .result select {
     border: none;
     border-bottom: 2px solid var(--heading, #F3B862);
     font-family: Metropolis;
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 26px;

     letter-spacing: 0%;
     text-transform: uppercase;
     height: 100%;
     max-height: 100%;
     padding-bottom: 9px;

 }

 .newdesign .tab-content .result select::focus,
 .newdesign .tab-content .result select:focus-visible {
     box-shadow: none;
     border: none;
     border-bottom: 2px solid var(--heading, #F3B862);
 }

 .newdesign .tab-content .result {}

 .pdf-container {}

 .pdf-container1 h3 {
     font-family: Metropolis;
     font-weight: 500;
     font-style: Medium;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     color: #575757;
     text-align: left;
     margin-top: 30px;

 }

 .pdfbox {
     border: 1px solid var(--heading, #F3B862);
     position: relative;
     min-height: 145px;
     display: flex;
     justify-content: center;
     align-self: center;
     flex-direction: column;
 }

 .pdfbox figure {
     position: absolute;
     top: 10px;
     right: 20px;
 }

 a.pdfbox {
     text-decoration: none;
     color: #000;
 }

 .pdfbox h1 {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 35px;
     margin-bottom: 0;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

 }

 .pdfbox h2 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 24px !important;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 0;

 }

 .pdfbox h4 {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     margin-bottom: 0;

 }

 .fixbox {
     position: sticky;
     top: 50px;
     /* sticks to top of viewport */
     align-self: flex-start;
     /* prevents stretch inside flex/grid */
     z-index: 2;
 }

 .result.anual {
     justify-content: flex-end !important;
 }

 .condeta {
     text-align: left;
     margin-top: 50px;
 }

 .condeta h3 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 26px;
     letter-spacing: 0%;
     text-transform: capitalize;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 0;

 }

 .condeta h4 {
     font-family: Metropolis;
     font-weight: 600;
     font-style: Semi Bold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 26px;
     letter-spacing: 0%;
     text-transform: capitalize;
     color: #1E1E1E;
     margin-top: 20px;
     margin-bottom: 0;
 }

 .condeta p {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;
     color: #1E1E1E;
 }

 .condeta ul {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-top: 30px;
 }

 .condeta ul li {
     margin-bottom: 10px;
 }

 .condeta ul li a {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;
     text-decoration: none;
     display: flex;
     gap: 20px;

 }

 .teamp {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 140%;
     letter-spacing: 2%;
     color: rgba(0, 0, 0, 1);
     max-width: 935px;
     margin: 60px auto 0;
 }

 .teambox {
     max-width: 935px;
     margin: 60px auto 0;
     gap: 40px 0;
 }

 .team-img {
     overflow: hidden;
     position: relative;
     display: flex;
     height: 100%;
     flex-direction: column;
     justify-content: flex-start;
 }

 .team-img:hover {
     text-decoration: none;
 }

 .team-img>div {
     transition: all .3s linear;
     opacity: 1;
     margin-top: 10px;
 }

 .team-img:hover>div {
     /* opacity: 0; */
 }

 .team-img h3 {
     text-decoration: none;
     font-weight: 500;
     font-style: Medium;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;
     color: rgba(30, 30, 30, 1);
 }

 .team-img:hover p {
     text-decoration: none;
 }

 .team-img p {
     text-decoration: none;
     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;
     color: rgba(30, 30, 30, 1);
 }

 .team-img figure {
     height: 200px;
     width: auto;
     transition: all .3s linear;
     margin-bottom: 0;
     position: relative;
     overflow: hidden;

 }

 .team-img figure img {
     height: 100%;
     width: 100%;
     object-fit: contain;
     transition: all .3s linear;
 }

 .team-img:hover figure img {
     transform: scale(1.1);
 }

 .team-img figure::after {
     content: "";
     position: absolute;
     inset: 0;
     background-color: #000;
     opacity: 0;
     transition: all .3s linear;
 }

 .team-img:hover figure::after {
     content: "";
     position: absolute;
     inset: 0;
     background-color: #000;
     opacity: 0.8;
 }

 .team-img figure::before {
     content: "";
     position: absolute;
     inset: 0;
     background-repeat: no-repeat;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 100%;
     background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 3.33203H37.3333M37.3333 3.33203V36.6654M37.3333 3.33203L4 36.6654" stroke="white" stroke-width="4" stroke-linecap="square"/></svg>');
     opacity: 0;
     z-index: 11;
     background-position: center;
 }

 .team-img:hover figure::before {
     opacity: 1;
 }

 .modal-body {
     background-color: rgba(255, 245, 231, 1);
 }

 .teabmody {
     padding: 20px;
     padding-top: 60px;
     text-align: center;
     position: relative;

 }

 .teabmody figure {
     height: 200px;
     width: auto;
     display: flex;
     align-items: center;
     justify-content: center;

 }

 .teabmody figure img {
     height: 100%;
     object-fit: contain;
 }

 .teabmody h3 {

     font-weight: 600;
     font-style: SemiBold;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;
     margin-bottom: 0;

 }

 .teabmody .designation {

     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;

 }

 .teabmody p {

     font-weight: 400;
     font-style: Regular;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;

 }

 .cldbtn {
     position: absolute;
     top: 20px;
     right: 20px;
 }

 .letrestnewsbox h2 {
     text-align: left;
     color: rgba(72, 72, 72, 1);
     font-weight: 600;
     font-style: SemiBold;
     font-size: 40px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;
     margin-bottom: 40px;

 }

 .letrestnewsbox .neswbox {
     text-align: left;
 }

 .letrestnewsbox .neswbox figure {
     height: 200px;
     width: 100%;
 }

 .letrestnewsbox .neswbox figure img {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .letrestnewsbox .neswbox ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     list-style: none;
     padding: 0;
 }

 .letrestnewsbox .neswbox ul li:first-child {
     font-family: "DM Sans", sans-serif;
     font-weight: 700;
     font-style: Bold;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     text-transform: capitalize;
     color: rgba(72, 72, 72, 1);
 }

 .letrestnewsbox .neswbox ul li {
     font-family: "DM Sans", sans-serif;
     font-weight: 400;
     font-style: Regular;
     font-size: 14px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     text-transform: capitalize;

 }

 .letrestnewsbox .neswbox p {
     font-family: "Metrophobic", sans-serif;
     font-weight: 400;
     font-style: Regular;
     font-size: 24px;
     leading-trim: NONE;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;
     text-align: left;

 }

 .letrestnewsbox .neswbox a {
     background: rgba(255, 245, 231, 1);
     font-family: "DM Sans", sans-serif;
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 120%;
     letter-spacing: 0%;
     text-align: left;
     text-decoration: none;
     color: rgba(54, 54, 54, 1);
     padding: 10px 16px;
     margin-top: 14px;
     display: block;
     width: fit-content;
     box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.1);
     transition: all .3s linear;

 }

 .letrestnewsbox .neswbox a:hover {
     font-weight: 600;
 }

 .allnews {
     margin-top: 150px;
     margin-bottom: 100px;
 }

 #owl-carousel1 {
     /* overflow-X: hidden; */
 }

 #owl-carousel1 .owl-nav {
     top: auto;
     bottom: -40px;
     width: 60px;
 }

 select {
     background-color: rgba(255, 255, 255, 1);
     /* padding: 24px; */
     padding: 17px 15px;
     font-family: var(--font-family-albert-sans);
     font-weight: 500;
     font-style: Medium;
     font-size: 16px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: left;

 }

 .select-wrapper {
     position: relative;
     /* width: 104px; */
     display: inline-block;
 }

 .select-wrapper select:focus,
 .select-wrapper select:focus-visible {
     outline: none;
     box-shadow: transparent;
 }

 /* Style the select box */
 .select-wrapper select {
     width: 100%;
     padding: 12px 24px;
     padding-right: 35px;
     /* border-radius: 5px; */
     border: 1px solid #000000;
     font-family: DM Sans;
     font-weight: 500;
     font-style: Medium;
     font-size: 20px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     text-transform: capitalize;
     background-color: rgba(255, 245, 231, 1);
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     cursor: pointer;
     color: rgba(72, 72, 72, 1);
 }

 .select-wrapper::after {
     content: "";
     position: absolute;
     right: 12px;
     top: 30%;
     transform: translateY(-50%);
     pointer-events: none;
     font-size: 12px;
     color: #555;
     background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="%23484848" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
     height: 20px;
     width: 100%;
     background-repeat: no-repeat;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     background-position: right;
 }

 .letrestnewsbox .row {
     gap: 34px 0;
 }

 @media (max-width:430px) {
     #owl-carousel1 .owl-nav {
         width: 100px;
     }

     .allnews {
         margin-bottom: 108px;
     }

     .letrestnewsbox h2 {
         margin-bottom: 30px;
         font-size: 32px;

     }

     .letrestnewsbox .neswbox p {
         font-size: 21px;
     }
 }

 .dropdown a svg {
     height: 20px;
     width: 20px;
     margin-left: 10px;
 }

 .dropdown .dropdiv {
     max-height: 0;
     overflow: hidden;
     transition: all .3s ease-in-out;
 }

 .dropdown:hover .dropdiv {
     max-height: 500px;
 }

 .dropdown .dropdiv ul li a {

     font-weight: 400;
     font-style: Regular;
     font-size: 22px;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: left;
     text-transform: capitalize;
     color: #363636;
     margin-bottom: 16px;
     display: block;
     transition: all .3s ease-in-out;
 }

 .dropdown .dropdiv ul li:hover a {
     color: #EAAD57;
 }

 h4.anual {
     font-family: Metropolis;
     font-weight: 400;
     font-style: Regular;
     font-size: 30px;
     margin-bottom: 0;
     leading-trim: NONE;
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     background: linear-gradient(180deg, #F3B862 0%, #D28E37 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .tab-content .main-cont.item {
     transform: scale(1) !important
 }

 @media (max-width: 768px) {
     .section-padding {
         scroll-margin-top: 100px;
     }
 }