/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/6103(这个备注仅在演示页面有，源代码里没有)*/@charset "UTF-8";/*-----------------------------------------------------------  Template Name: Lida    最新最全最好的Bootstrap模板：http://www.bootstrapmb.com  Version: 1.0.0-------------------------------------------------------------*//*-----------------------------------------------------------    1.  variables    2.  mixins    3.  helpers    4.  typography    5.  Core    6.  Menu    7.  header    8.  slider    9.  Work    10. project    11. About    12. contact    13. Footer-------------------------------------------------------------*//* -------------------------------------------------------                   Variables-------------------------------------------------------- *//* -------------------------------------------------------                     mixins-------------------------------------------------------- */[data-overlay]:before {  content: '';  position: absolute;  background: #000;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 0;}[data-overlay="0"]:before {  opacity: 0;}[data-overlay="1"]:before {  opacity: 0.1;}[data-overlay="2"]:before {  opacity: 0.2;}[data-overlay="3"]:before {  opacity: 0.3;}[data-overlay="4"]:before {  opacity: 0.4;}[data-overlay="5"]:before {  opacity: 0.5;}[data-overlay="6"]:before {  opacity: 0.6;}[data-overlay="7"]:before {  opacity: 0.7;}[data-overlay="8"]:before {  opacity: 0.8;}[data-overlay="9"]:before {  opacity: 0.9;}[data-overlay="10"]:before {  opacity: 1;}.cover-bg {  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  background-position: center center;  background-repeat: no-repeat;}.v-middle {  position: absolute;  top: 50%;  left: 0;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}/* -------------------------------------------------------                     helpers-------------------------------------------------------- */.display-table-cell {  display: table-cell !important;}.vertical-align-middle {  vertical-align: middle;}.line-height-5 {  line-height: 1.5 !important;}.line-height-6 {  line-height: 1.6 !important;}.line-height-7 {  line-height: 1.7 !important;}.line-height-8 {  line-height: 1.8 !important;}.uppercase {  text-transform: uppercase !important;}.lowercase {  text-transform: lowercase !important;}.capitalize {  text-transform: capitalize !important;}.nott {  text-transform: none !important;}.fright {  float: right !important;}.fleft {  float: left !important;}.fnone {  float: none !important;}.center {  text-align: center !important;}.nobg {  background: none !important;}.nobgcolor {  background-color: transparent !important;}.fw300 {  font-weight: 300 !important;}.fw400 {  font-weight: 400 !important;}.fw500 {  font-weight: 500 !important;}.fw600 {  font-weight: 600 !important;}.fw700 {  font-weight: 700 !important;}.ls0 {  letter-spacing: 0px !important;}.ls1 {  letter-spacing: 1px !important;}.ls2 {  letter-spacing: 2px !important;}.ls3 {  letter-spacing: 3px !important;}.ls4 {  letter-spacing: 4px !important;}.ls5 {  letter-spacing: 5px !important;}.fz-12 {  font-size: 12px !important;}.fz-14 {  font-size: 14px !important;}.fz-15 {  font-size: 15px !important;}.fz-16 {  font-size: 16px !important;}.fz-18 {  font-size: 18px !important;}.fz-20 {  font-size: 20px !important;}.fz-30 {  font-size: 30px !important;}.mpl-0 {  margin-left: 0 !important;  padding-left: 0 !important;}.mpr-0 {  margin-right: 0 !important;  padding-right: 0 !important;}.m-auto {  margin: auto !important;}.no-margin {  margin: 0 !important;}.m-0 {  margin: 0 !important;}.mbl-0 {  margin-left: 0 !important;  padding-left: 0 !important;}.mbr-0 {  margin-right: 0 !important;  padding-right: 0 !important;}.m-0 {  margin: 0 !important;}.ml-0 {  margin-left: 0 !important;}.mr-0 {  margin-right: 0 !important;}.mt-0 {  margin-top: 0 !important;}.mt-5 {  margin-top: 5px !important;}.mt-10 {  margin-top: 10px !important;}.mt-15 {  margin-top: 15px !important;}.mt-20 {  margin-top: 20px !important;}.mt-25 {  margin-top: 25px !important;}.mt-30 {  margin-top: 30px !important;}.mt-35 {  margin-top: 35px !important;}.mt-40 {  margin-top: 40px !important;}.mt-45 {  margin-top: 45px !important;}.mt-50 {  margin-top: 50px !important;}.mt-55 {  margin-top: 55px !important;}.mt-60 {  margin-top: 60px !important;}.mt-62 {  margin-top: 62px !important;}.mt-65 {  margin-top: 65px !important;}.mt-70 {  margin-top: 70px !important;}.mt-75 {  margin-top: 75px !important;}.mt-80 {  margin-top: 80px !important;}.mt-85 {  margin-top: 85px !important;}.mt-90 {  margin-top: 90px !important;}.mt-95 {  margin-top: 95px !important;}.mt-100 {  margin-top: 100px !important;}/*-------------------------------------------------------           Custom Margin Bottom-------------------------------------------------------*/.mb-0 {  margin-bottom: 0 !important;}.mb-5 {  margin-bottom: 5px !important;}.mb-10 {  margin-bottom: 10px !important;}.mb-15 {  margin-bottom: 15px !important;}.mb-20 {  margin-bottom: 20px !important;}.mb-25 {  margin-bottom: 25px !important;}.mb-30 {  margin-bottom: 30px !important;}.mb-35 {  margin-bottom: 35px !important;}.mb-40 {  margin-bottom: 40px !important;}.mb-45 {  margin-bottom: 45px !important;}.mb-50 {  margin-bottom: 50px !important;}.mb-55 {  margin-bottom: 55px !important;}.mb-60 {  margin-bottom: 60px !important;}.mb-62 {  margin-bottom: 62px !important;}.mb-65 {  margin-bottom: 65px !important;}.mb-70 {  margin-bottom: 70px !important;}.mb-75 {  margin-bottom: 75px !important;}.mb-80 {  margin-bottom: 80px !important;}.mb-85 {  margin-bottom: 85px !important;}.mb-90 {  margin-bottom: 90px !important;}.mb-95 {  margin-bottom: 95px !important;}.mb-100 {  margin-bottom: 100px !important;}/*-------------------------------------------------------           Custom Padding Top-------------------------------------------------------*/.pt-0 {  padding-top: 0 !important;}.pt-5 {  padding-top: 5px !important;}.pt-10 {  padding-top: 10px !important;}.pt-15 {  padding-top: 15px !important;}.pt-20 {  padding-top: 20px !important;}.pt-25 {  padding-top: 25px !important;}.pt-30 {  padding-top: 30px !important;}.pt-35 {  padding-top: 35px !important;}.pt-40 {  padding-top: 40px !important;}.pt-45 {  padding-top: 45px !important;}.pt-50 {  padding-top: 50px !important;}.pt-55 {  padding-top: 55px !important;}.pt-60 {  padding-top: 60px !important;}.pt-65 {  padding-top: 65px !important;}.pt-70 {  padding-top: 70px !important;}.pt-75 {  padding-top: 75px !important;}.pt-80 {  padding-top: 80px !important;}.pt-85 {  padding-top: 85px !important;}.pt-90 {  padding-top: 90px !important;}.pt-95 {  padding-top: 95px !important;}.pt-100 {  padding-top: 100px !important;}/*-------------------------------------------------------           Custom Padding bottom-------------------------------------------------------*/.pb-0 {  padding-bottom: 0 !important;}.pb-5 {  padding-bottom: 5px !important;}.pb-10 {  padding-bottom: 10px !important;}.pb-15 {  padding-bottom: 15px !important;}.pb-20 {  padding-bottom: 20px !important;}.pb-25 {  padding-bottom: 25px !important;}.pb-30 {  padding-bottom: 30px !important;}.pb-35 {  padding-bottom: 35px !important;}.pb-40 {  padding-bottom: 40px !important;}.pb-45 {  padding-bottom: 45px !important;}.pb-50 {  padding-bottom: 50px !important;}.pb-55 {  padding-bottom: 55px !important;}.pb-60 {  padding-bottom: 60px !important;}.pb-65 {  padding-bottom: 65px !important;}.pb-70 {  padding-bottom: 70px !important;}.pb-75 {  padding-bottom: 75px !important;}.pb-80 {  padding-bottom: 80px !important;}.pb-85 {  padding-bottom: 85px !important;}.pb-90 {  padding-bottom: 90px !important;}.pb-95 {  padding-bottom: 95px !important;}.pb-100 {  padding-bottom: 100px !important;}.b-shadow {  -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);  box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);}.t-shadow-1 {  text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.1);}.t-shadow-2 {  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}.w-100 {  width: 100%;}.height-100 {  height: 100%;}.color-white {  color: #fff !important;}.noheight {  height: 0 !important;}.nolineheight {  line-height: 0 !important;}.ohidden {  position: relative;  overflow: hidden !important;}.no-padding {  padding: 0 !important;}.p-relative {  position: relative !important;}.p-absolute {  position: absolute !important;}.hidden {  display: none !important;}.nothidden {  display: block !important;}.inline-block {  float: none !important;  display: inline-block !important;}.o-hidden {  overflow: hidden !important;}.p-op {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}.l-auto {  left: auto !important;}.r-auto {  right: auto !important;}.b-auto {  bottom: auto !important;}.dsn-video {  -o-object-fit: cover;  object-fit: cover;  z-index: -20 !important;  width: 100%;}/* -------------------------------------------------------                   typography-------------------------------------------------------- */dl, dt, dd, ol, ul, li {  margin: 0;  padding: 0;}.clear {  clear: both;  display: block;  font-size: 0px;  height: 0px;  line-height: 0;  width: 100%;  overflow: hidden;}::-moz-selection {  background: #B0976D;  color: #fff;}::selection {  background: #B0976D;  color: #fff;}/* ----------------------------------------------------------------	Typography-----------------------------------------------------------------*/* {  -webkit-box-sizing: border-box;  box-sizing: border-box;  text-decoration: none !important;  list-style: none !important;  outline: none !important;  margin: 0;  padding: 0;}html {  height: 100%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  margin-right: 0px !important;  overflow: visible !important;}body {  line-height: 1.2;  color: #212529;  font-size: 16px;  font-family: "Roboto", sans-serif;  height: 100%;  overflow-x: hidden;  -webkit-transition: opacity 0.2s ease-in-out 0.2s;  -o-transition: opacity 0.2s ease-in-out 0.2s;  transition: opacity 0.2s ease-in-out 0.2s;  -webkit-font-smoothing: antialiased;}body.hidden {  opacity: 0;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  border: 0;  margin: 0;  outline: 0;  padding: 0;  vertical-align: baseline;}article,aside,details,figcaption,footer,header,hgroup,nav,section {  display: block;}audio {  display: inline-block;  max-width: 100%;}address {  font-style: italic;  margin-bottom: 24px;}cite,dfn,em,i {  font-style: italic;}a {  text-decoration: none !important;  color: #B0976D;}img {  width: 100%;  max-width: 100%;  height: auto;  vertical-align: middle;}span, a {  display: inline-block;  color: inherit;}iframe {  border: none !important;}button {  background: inherit;  border: none;}/* ----------------------------------------------------------------	Basic Layout Styles-----------------------------------------------------------------*/h1,h2,h3,h4,h5,h6 {  color: #fff;  font-weight: 600;  line-height: 1.2;  font-family: "Open Sans", sans-serif;  margin: 0;}h1 {  font-size: 55px;}h2 {  font-size: 40px;}h3 {  font-size: 35px;}h4 {  font-size: 30px;}h5 {  font-size: 16px;}h6 {  font-size: 18px;}h4 {  font-weight: 400;}p {  line-height: 1.7;  font-weight: 400;  margin: 0;}/* -------------------------------------------------------                   Core-------------------------------------------------------- */body {  background-color: #0d0d0d !important;  overflow: hidden;  color: #999;}body.dsn-mobile {  overflow-y: auto;}main.root {  width: 100%;  height: 100%;}.container {  max-width: 1240px;}.bg-white {  background-color: #121212 !important;}.section-padding {  padding-top: 9rem;  padding-bottom: 9rem;}.section-margin {  margin-top: 9rem;}.section-container {  margin-bottom: 9rem;}.section-container + .section-margin {  margin-top: 0;}.m-section {  margin-top: 9rem;}.section-top {  padding-top: 9rem;}.section-bottom {  padding-bottom: 9rem;}.heading {  position: relative;}.heading.heading-light h6 {  color: #000;}.heading.heading-light h6:after {  background-color: #000;}.heading.heading-light h2 {  color: #000;}.heading h6 {  position: relative;  font-size: 12px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 2px;  margin-bottom: 15px;  padding-left: 50px;  opacity: .8;}.heading h6:after {  content: '';  position: absolute;  left: 0;  top: 50%;  width: 40px;  height: 1px;  background-color: #fff;  opacity: .8;}.heading h2 {  position: relative;  font-size: 42px;  font-weight: 600;  line-height: 1;  padding-bottom: 15px;}.section-title {  position: relative;}.section-title .subtitle {  font-size: 11px;  letter-spacing: 1.83px;  line-height: 22px;  text-transform: uppercase;  font-weight: 300;}.section-title h1, .section-title h2 {  color: transparent;  -webkit-text-stroke: 1px #fff;  -webkit-transition: all .7s ease-in-out;  -o-transition: all .7s ease-in-out;  transition: all .7s ease-in-out;  font-size: 42px;  line-height: 48px;  font-weight: 800;  margin-top: 30px;  margin-bottom: 30px;  letter-spacing: 2px;}.content-background {  -webkit-transition: margin-top 400ms cubic-bezier(0, 1, 0.15, 1), opacity 400ms cubic-bezier(0, 1, 0.15, 1), -webkit-transform 100ms;  transition: margin-top 400ms cubic-bezier(0, 1, 0.15, 1), opacity 400ms cubic-bezier(0, 1, 0.15, 1), -webkit-transform 100ms;  -o-transition: margin-top 400ms cubic-bezier(0, 1, 0.15, 1), opacity 400ms cubic-bezier(0, 1, 0.15, 1), transform 100ms;  transition: margin-top 400ms cubic-bezier(0, 1, 0.15, 1), opacity 400ms cubic-bezier(0, 1, 0.15, 1), transform 100ms;  transition: margin-top 400ms cubic-bezier(0, 1, 0.15, 1), opacity 400ms cubic-bezier(0, 1, 0.15, 1), transform 100ms, -webkit-transform 100ms;  margin-top: -80px;  opacity: 1;  width: 100%;  background-color: #121212;  height: 100vh;  -webkit-transform: scale(0.91667);  -ms-transform: scale(0.91667);  transform: scale(0.91667);  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;  -webkit-box-sizing: border-box;  box-sizing: border-box;  color: #000;  position: absolute;  z-index: 1;}.page-content {  margin-top: -80px;  position: relative;  z-index: 2;  min-height: 100vh;  overflow: hidden;  -webkit-transition: opacity 2000ms cubic-bezier(0.75, 0.01, 0.25, 1);  -o-transition: opacity 2000ms cubic-bezier(0.75, 0.01, 0.25, 1);  transition: opacity 2000ms cubic-bezier(0.75, 0.01, 0.25, 1);}.loading-page {  position: fixed;  width: 100%;  height: 100%;  left: 0;  top: 0;  bottom: 0;  background-color: #151515;  z-index: 999999999999;}.loading-page .loadin-wrapper .dsn-progress {  position: relative;  width: 25vw;}.loading-page .loadin-wrapper .dsn-progress .loading-text {  position: relative;  color: #fff;  font-size: 24px;  font-weight: 600;  letter-spacing: 2px;  text-align: center;  padding-top: 20px;  text-transform: uppercase;}.loading-page .loadin-wrapper .dsn-progress .progress-number {  position: relative;  color: #fff;  font-size: 24px;  font-weight: 600;  letter-spacing: 2px;  text-align: center;  margin-bottom: 20px;}.loading-page .loadin-wrapper .dsn-progress .progress-fill-left {  width: 0;  right: 50%;  position: absolute;  height: 1px;  background-color: #fff;}.loading-page .loadin-wrapper .dsn-progress .progress-fill-right {  width: 0;  position: absolute;  left: 50%;  height: 1px;  background-color: #fff;}.btn-custom {  position: relative;  border: 1px solid #64666c;  font-size: 12px;  color: #d2d2d2;  width: 186px;  padding: 12px;  display: block;  letter-spacing: 2.3px;  text-align: left;  z-index: 2;}.btn-custom:before {  content: attr(data-hover);  position: absolute;  left: 12px;  top: 12px;  width: 0;  height: calc(100% - 20px);  -webkit-transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  -o-transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  overflow: hidden;}.btn-custom span {  opacity: 0.7;  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.btn-custom div {  position: absolute;  right: 12px;  top: 19px;  background: #64666c;  width: 35px;  height: 1px;}.btn-custom div:after {  content: "";  height: 1px;  width: 100%;  top: 0;  left: 0;  background: #fff;  position: absolute;  -webkit-transform-origin: 0 0;  -ms-transform-origin: 0 0;  transform-origin: 0 0;  transform: scaleX(0);  -webkit-transform: scaleX(0);  -ms-transform: scaleX(0);  -webkit-transition: 0.4s cubic-bezier(1, 0, 0, 1);  -o-transition: 0.4s cubic-bezier(1, 0, 0, 1);  transition: 0.4s cubic-bezier(1, 0, 0, 1);  overflow: hidden;}.btn-custom:hover {  color: #fff;}.btn-custom:hover span {  opacity: 0;}.btn-custom:hover:before {  width: calc(100% - 23px);}.btn-custom:hover div:after {  transform: scaleX(1);  -webkit-transform: scaleX(1);  -ms-transform: scaleX(1);}.global-cursor {  position: fixed;  pointer-events: none;  z-index: 9004;}.global-cursor .custom-cursor {  position: absolute;  top: 150px;  left: 50%;  transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.4s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;}.global-cursor .custom-cursor.single-cursor .cursor-container {  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);  -webkit-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor.single-cursor .cursor-container .cursor-text {  -webkit-transform: rotate(270deg);  -moz-transform: rotate(270deg);  -ms-transform: rotate(270deg);  -o-transform: rotate(270deg);  transform: rotate(270deg);  top: 50%;  left: -110%;}.global-cursor .custom-cursor.single-cursor .cursor-container .cursor-text .nth-2 {  display: none;}.global-cursor .custom-cursor.ui-light .cursor-container .cursor-text {  top: -31px;}.global-cursor .custom-cursor.ui-light .cursor-container .nth-2 {  display: none;}.global-cursor .custom-cursor.custom-cursor-link .cursor-container .cursor-text {  opacity: 0;  -webkit-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor.custom-cursor-link .cursor-container .cursor-part i {  opacity: 0;  -webkit-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.3s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor.custom-cursor-link .cursor-container .cursor-part .cursor-item {  width: 70px !important;  height: 70px !important;  background-color: rgba(79, 76, 58, 0.6);}.global-cursor .custom-cursor.effect-cursor .cursor-container .cursor-text .cursor-text-wrapper .cursor-text-value {  -webkit-transform: rotate(0) translateY(100%);  -ms-transform: rotate(0) translateY(100%);  transform: rotate(0) translateY(100%);  -webkit-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  opacity: 1;  -webkit-transition-delay: .3s;  -o-transition-delay: .3s;  transition-delay: .3s;}.global-cursor .custom-cursor.effect-cursor .cursor-container .cursor-text .cursor-text-wrapper .cursor-text-value.nth-2 {  -webkit-transition-delay: .6s;  -o-transition-delay: .6s;  transition-delay: .6s;}.global-cursor .custom-cursor.effect-cursor .cursor-container .cursor-part.cursor-right i {  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);}.global-cursor .custom-cursor.effect-cursor .cursor-container .cursor-part.cursor-left i {  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);}.global-cursor .custom-cursor.effect-cursor .cursor-container .cursor-part .cursor-item {  width: 40px;  height: 40px;  -webkit-transition: width 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: width 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: width 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: width 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: width 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor .cursor-container {  position: relative;  width: 50px;  height: 50px;}.global-cursor .custom-cursor .cursor-container .cursor-text {  position: absolute;  bottom: calc(100% + 22px);  left: 0;  color: #fff;  pointer-events: none;  width: 50px;  -webkit-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor .cursor-container .cursor-text .cursor-text-wrapper .cursor-text-value {  text-transform: uppercase;  font-size: 10px;  font-weight: bold;  font-family: "Open Sans", sans-serif;  line-height: 1.5;  text-align: center;  color: #fff;  -webkit-transform: rotate(8deg) translateY(30px);  -ms-transform: rotate(8deg) translateY(30px);  transform: rotate(8deg) translateY(30px);  -webkit-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  opacity: 0;}.global-cursor .custom-cursor .cursor-container .cursor-part {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}.global-cursor .custom-cursor .cursor-container .cursor-part i {  color: #fff;  -webkit-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -webkit-transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), opacity 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9), -webkit-transform 0.5s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor .cursor-container .cursor-part.cursor-right i {  -webkit-transform: translateX(5px);  -ms-transform: translateX(5px);  transform: translateX(5px);}.global-cursor .custom-cursor .cursor-container .cursor-part.cursor-left i {  -webkit-transform: translateX(-5px);  -ms-transform: translateX(-5px);  transform: translateX(-5px);}.global-cursor .custom-cursor .cursor-container .cursor-part .cursor-item {  width: 50px;  height: 50px;  background-color: rgba(23, 22, 15, 0.6);  border-radius: 50%;  -webkit-transform: translateY(-2px);  -moz-transform: translateY(-2px);  -ms-transform: translateY(-2px);  -o-transform: translateY(-2px);  transform: translateY(-2px);  -webkit-transition: width 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -moz-transition: width 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -ms-transition: width 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  -o-transition: width 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);  transition: width 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9), height 0.2s cubic-bezier(0.32, 0.05, 0.73, 0.9);}.global-cursor .custom-cursor .cursor-container .cursor-left {  -webkit-transform: translate(calc(-50% - 5px), calc(-50% - 2px));  -ms-transform: translate(calc(-50% - 5px), calc(-50% - 2px));  transform: translate(calc(-50% - 5px), calc(-50% - 2px));}.global-cursor .custom-cursor .cursor-container .cursor-right {  -webkit-transform: translate(calc(-50% + 5px), calc(-50% - 2px));  -ms-transform: translate(calc(-50% + 5px), calc(-50% - 2px));  transform: translate(calc(-50% + 5px), calc(-50% - 2px));}[data-dsn-grid="move-up"] {  height: 80vh;  overflow: hidden;}[data-dsn-grid="move-up"] .cover-bg {  height: 120%;}/* -------------------------------------------------------                  section contact in page-------------------------------------------------------- */.next-up {  display: block;  position: relative;  z-index: 2;  background-color: #0d0d0d;  text-align: center;}.next-up .bg-next {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: -1;  transition: -webkit-transform 2s cubic-bezier(0.15, 0.15, 0, 1);  -webkit-transition: -webkit-transform 2s cubic-bezier(0.15, 0.15, 0, 1);  -o-transition: transform 2s cubic-bezier(0.15, 0.15, 0, 1);  transition: transform 2s cubic-bezier(0.15, 0.15, 0, 1);  transition: transform 2s cubic-bezier(0.15, 0.15, 0, 1), -webkit-transform 2s cubic-bezier(0.15, 0.15, 0, 1);  background-color: #0d0d0d;  -webkit-transform-origin: bottom;  -ms-transform-origin: bottom;  transform-origin: bottom;}.next-up .next-content {  transition: transform 2.5s cubic-bezier(0.34, 0.14, 0, 1) 250ms, -webkit-transform 1.7s cubic-bezier(0.34, 0.14, 0, 1) 250ms;}.next-up .next-content img {  width: 32px;}.next-up.dsn-animate .bg-next {  -webkit-transform: translateY(-50vh);  -ms-transform: translateY(-50vh);  transform: translateY(-50vh);}.next-up.dsn-animate .next-content {  -webkit-transform: translateY(-20vh);  -ms-transform: translateY(-20vh);  transform: translateY(-20vh);}.next-up.dsn-animate h2 {  color: #fff;  -webkit-text-stroke: 1px transparent;}.next-up.dsn-animate img {  -webkit-animation: translatearrow 2s infinite normal;  animation: translatearrow 2s infinite normal;}@-webkit-keyframes translatearrow {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  25% {    -webkit-transform: translateX(15px);    transform: translateX(15px);  }  25% {    -webkit-transform: translateX(30px);    transform: translateX(30px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@-moz-keyframes translatearrow {  0% {    transform: translateX(0);  }  25% {    transform: translateX(15px);  }  25% {    transform: translateX(30px);  }  100% {    transform: translateX(0);  }}@keyframes translatearrow {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  25% {    -webkit-transform: translateX(15px);    transform: translateX(15px);  }  25% {    -webkit-transform: translateX(30px);    transform: translateX(30px);  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}/** Mouse Video */.content-block {  position: relative;}.content-block .dsn-image {  position: relative;}.content-block .box-im {  height: 100%;}.content-block .dsn-video {  position: relative;  cursor: none;  z-index: 0 !important;}.content-block .dsn-video img {  pointer-events: none;  cursor: none;}.content-block .dsn-video iframe {  width: 100%;  height: 80vh;  border-radius: 3px;}.content-block .dsn-video .play-button {  width: 80px;  height: 80px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-65%, -50%);  -ms-transform: translate(-65%, -50%);  transform: translate(-65%, -50%);  cursor: none;  z-index: 5;}.content-block .dsn-video .play-btn {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 4;}.content-block .dsn-video .play-btn i {  color: #fff;  font-size: 40px;}.content-block .dsn-video .play-circles {  display: block;  width: 100%;  height: 100%;}[data-dsn-grid="progress-circle"] svg {  stroke-width: 2px;}[data-dsn-grid="progress-circle"] .icon__fixed {  position: absolute;  width: 100%;  height: 100%;  padding-top: 19px;  padding-left: 22px;  cursor: pointer;  -webkit-transition: all 900ms cubic-bezier(0.4, 0.8, 0.74, 1);  -o-transition: all 900ms cubic-bezier(0.4, 0.8, 0.74, 1);  transition: all 900ms cubic-bezier(0.4, 0.8, 0.74, 1);}[data-dsn-grid="progress-circle"] .icon__fixed:hover {  font-size: 15px;}[data-dsn-grid="progress-circle"] .icon__fixed:hover i.fa-angle-up::before {  content: "\f062";}[data-dsn-grid="progress-circle"] .icon__fixed i {  color: #fff;}/* -------------------------------------------------------                   Menu-------------------------------------------------------- *//* -------------------------------------------------------                   Navbar primary-------------------------------------------------------- */.site-header {  display: block;  position: fixed;  width: 100%;  padding-top: 30px;  padding-bottom: 20px;  z-index: 9000;  -webkit-transition: all .2s ease-out;  -o-transition: all .2s ease-out;  transition: all .2s ease-out;  top: 0;}.site-header.header-stickytop {  height: auto !important;}.site-header .extend-container {  display: -ms-flexbox;  display: -webkit-box;  display: flex;  width: 100%;  padding: 0 50px;  max-width: none;  margin: 0 auto;}.site-header .extend-container .inner-header {  position: relative;}.site-header .extend-container .inner-header .main-logo {  width: 96px;  padding-top: 4px;  position: relative;  z-index: 9999;  -webkit-transition: width .5s ease-in-out 0s;  -o-transition: width .5s ease-in-out 0s;  transition: width .5s ease-in-out 0s;}.site-header .extend-container .main-navigation {  position: relative;  background: transparent !important;  height: 0%;  width: 100%;  left: 0;  top: 0;  display: -ms-flexbox;  display: -webkit-box;  display: flex;  -ms-flex-align: center;  -webkit-box-align: center;  align-items: center;  -webkit-transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s;  -o-transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s;  transition: background-color .5s ease-in-out .5s, height .5s ease-in-out .5s;}.site-header .extend-container .main-navigation ul {  width: 100%;  max-width: none;  margin: 0;  display: -ms-flexbox;  display: -webkit-box;  display: flex;  padding: 0;  -ms-flex-pack: end;  -webkit-box-pack: end;  justify-content: flex-end;}.site-header .extend-container .main-navigation ul li {  color: #fff;  font-size: 13px;  font-weight: 400;  line-height: 1;  padding-right: 25px;  padding-top: 12px;  position: relative;  text-align: center;}.site-header .extend-container .main-navigation ul li:last-child {  padding-bottom: 5px;}.site-header .extend-container .main-navigation ul li a {  -webkit-transform: translate(0);  -ms-transform: translate(0);  transform: translate(0);  text-transform: uppercase;  letter-spacing: 2px;  position: relative;  padding: 10px 0;  margin-top: -10px;  -webkit-animation: shine 1s infinite;  animation: shine 1s infinite;  line-height: 15px;}.site-header .extend-container .main-navigation ul li a:hover {  -webkit-mask-image: -webkit-linear-gradient(165deg, rgba(0, 0, 0, 0.6) 30%, #000 50%, rgba(0, 0, 0, 0.6) 70%);  -webkit-mask-size: 200%;  -webkit-animation: shine 1s infinite;  animation: shine 1s infinite;  color: inherit;}.site-header .extend-container .main-navigation ul li ul {  -webkit-transform: translate3d(0px, 20px, 0px);  transform: translate3d(0px, 20px, 0px);  display: block;  opacity: 0;  min-width: 200px;  position: absolute;  width: 100%;  left: -20px;  height: inherit;  overflow: visible;  visibility: hidden;  top: 40px;  padding-top: 20px;  padding-bottom: 10px;  background: #151515;  border-radius: 3px;  -webkit-transition: all .7s ease-in-out;  -o-transition: all .7s ease-in-out;  transition: all .7s ease-in-out;}.site-header .extend-container .main-navigation ul li ul li {  overflow: visible;  position: relative;  list-style: none;  text-align: left;  float: left;  display: block;  padding-left: 20px;  width: 100%;}.site-header .extend-container .main-navigation ul li ul li a {  line-height: 20px;}.site-header .extend-container .main-navigation ul.extend-container >li {  padding-right: 30px;}.site-header .extend-container .main-navigation .custom-drop-down:hover ul {  opacity: 1;  visibility: visible;  top: 15px;}.site-header ul li a:after {  content: '';  position: absolute;  left: 0;  top: 50%;  width: 0;  height: 3px;  background-color: #212121;  -webkit-transition: 0.5s;  -moz-transition: 0.5s;  -ms-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;}@media (min-width: 991px) {  .nav-mobile {    visibility: hidden;  }}/* -------------------------------------------------------                   Navbar Overlay-------------------------------------------------------- */.header-top {  position: fixed;  top: 0;  left: 0;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  width: 100%;  z-index: 999999;}.header-top.header-stickytop {  z-index: 999;}.header-top .header-container {  position: relative;  width: 100%;  max-width: 2560px;  padding: 0 80px;  margin: auto;}.header-top .header-container .logo {  position: relative;  display: table;  pointer-events: auto;  color: red;  top: 10px;  float: left;  z-index: 99999;}.header-top .header-container .logo.dark_logo {  display: none;}.header-top .header-container .logo img {  width: 80px;  height: 50px;}.header-top .header-container .menu-icon {  position: relative;  height: 100px;  width: 100px;  z-index: 999;  float: right;}.header-top .header-container .menu-icon .icon-circle {  width: 50px;  height: 50px;  border-radius: 32px;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: 2px solid #fff;  position: absolute;  left: 50%;  top: 50%;  opacity: .2;  margin-top: -20px;  margin-left: -20px;  cursor: pointer;  z-index: 4;}.header-top .header-container .menu-icon .icon-m {  position: relative;  top: 50px;  left: 45px;  width: 22px;}.header-top .header-container .menu-icon .menu-icon-close {  display: none;}.header-top .header-container .menu-icon__line {  height: 2px;  width: 22px;  display: block;  background-color: #ffffff;  margin-bottom: 4px;  -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;  transition: background-color .5s ease, -webkit-transform .2s ease;  -o-transition: transform .2s ease, background-color .5s ease;  transition: transform .2s ease, background-color .5s ease;  transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}.header-top .header-container .menu-icon__line-left {  width: 11px;}.header-top .header-container .menu-icon__line-right {  width: 11px;  position: absolute;  right: 2px;}.nav {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  opacity: 0;  visibility: hidden;  text-align: center;  -webkit-transition: all 1.5s ease-in-out 2s;  -o-transition: all 1.5s ease-in-out 2s;  transition: all 1.5s ease-in-out 2s;  z-index: 15;}.nav:before, .nav:after {  content: "";  position: fixed;  width: 100%;  height: 100vh;  background: rgba(21, 21, 21, 0.5);  z-index: -1;  -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s;  transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s;  -o-transition: transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s;  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s;  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 1.3s;  -webkit-transform: translateX(-100%) translateY(0%);  -ms-transform: translateX(-100%) translateY(0%);  transform: translateX(-100%) translateY(0%);}.nav:after {  background: #151515;  -webkit-transition-delay: .1s;  -o-transition-delay: .1s;  transition-delay: .1s;}.nav:before {  -webkit-transition-delay: .8s;  -o-transition-delay: .8s;  transition-delay: .8s;}.nav .inner {  display: table-cell;  vertical-align: middle;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  width: 100%;  margin: auto;  opacity: 0;  -webkit-transition: all .2s ease;  -o-transition: all .2s ease;  transition: all .2s ease;  top: 100%;  height: unset;  position: relative;}.nav .inner .logo {  position: absolute;  top: 9px;  left: 78px;  pointer-events: auto;  padding-top: 18px;}.nav .inner .logo img {  width: 80px;  height: 50px;}.nav .inner address {  margin-top: 30px;  font-size: 18px;  font-weight: 500;  line-height: 1.7;}.nav .inner address span {  display: block;}.nav__content {  position: relative;  width: 100%;  height: 500px;  opacity: 0;  text-align: center;  -webkit-transition: opacity .8s ease, -webkit-transform .3s ease;  transition: opacity .8s ease, -webkit-transform .3s ease;  -o-transition: opacity .8s ease, transform .3s ease;  transition: opacity .8s ease, transform .3s ease;  transition: opacity .8s ease, transform .3s ease, -webkit-transform .3s ease;  overflow: auto;}.nav__list-item {  position: relative;  display: block;  padding: 0 5px;  -webkit-transition-delay: 0.8s;  -o-transition-delay: 0.8s;  transition-delay: 0.8s;  -webkit-transform: translateX(-100%);  -ms-transform: translateX(-100%);  transform: translateX(-100%);  -webkit-transition: opacity 1s ease, color .7s ease, -webkit-transform .7s ease;  transition: opacity 1s ease, color .7s ease, -webkit-transform .7s ease;  -o-transition: opacity 1s ease, transform .7s ease, color .7s ease;  transition: opacity 1s ease, transform .7s ease, color .7s ease;  transition: opacity 1s ease, transform .7s ease, color .7s ease, -webkit-transform .7s ease;  font-size: 1.8rem;  font-weight: bold;  margin-bottom: 15px;  cursor: pointer;}.nav__list-item a {  position: relative;  display: block;  color: #fff;}.nav__list-item a:hover {  opacity: .7;}.nav__list-item ul {  display: none;  margin-top: 15px;}.nav__list-item ul li {  font-size: 16px;  font-weight: 400;  margin-bottom: 10px;}body.nav-active {  overflow: hidden !important;}body.nav-active .menu-icon .icon-circle {  border: 2px solid #ccc;}body.nav-active .menu-icon .menu-icon-close {  display: block !important;  width: 22px;  color: #fff !important;  -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;  transition: background-color .5s ease, -webkit-transform .2s ease;  -o-transition: transform .2s ease, background-color .5s ease;  transition: transform .2s ease, background-color .5s ease;  transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}body.nav-active .menu-icon__line {  display: none !important;  background-color: #151515 !important;  -webkit-transform: translateX(0px) rotate(-45deg);  -ms-transform: translateX(0px) rotate(-45deg);  transform: translateX(0px) rotate(-45deg);}body.nav-active .menu-icon__line-left {  -webkit-transform: translateX(1px) rotate(45deg);  -ms-transform: translateX(1px) rotate(45deg);  transform: translateX(1px) rotate(45deg);}body.nav-active .menu-icon__line-right {  -webkit-transform: translateX(2px) rotate(45deg);  -ms-transform: translateX(2px) rotate(45deg);  transform: translateX(2px) rotate(45deg);  top: 10px;}body.nav-active .nav {  visibility: visible;  opacity: 1;  -webkit-transition: all 0.2s ease-in-out 0.5s;  -o-transition: all 0.2s ease-in-out 0.5s;  transition: all 0.2s ease-in-out 0.5s;}body.nav-active .nav:before, body.nav-active .nav:after {  -webkit-transform: translateX(0%) translateY(0%);  -ms-transform: translateX(0%) translateY(0%);  transform: translateX(0%) translateY(0%);}body.nav-active .nav:after {  -webkit-transition-delay: .4s;  -o-transition-delay: .4s;  transition-delay: .4s;}body.nav-active .nav:before {  -webkit-transition-delay: 0s;  -o-transition-delay: 0s;  transition-delay: 0s;}body.nav-active .nav .inner {  opacity: 1;  -webkit-transition-delay: .8s;  -o-transition-delay: .8s;  transition-delay: .8s;}body.nav-active .nav__content {  opacity: 1;  -webkit-transition-delay: .8s;  -o-transition-delay: .8s;  transition-delay: .8s;}body.nav-active .nav__list-item {  -webkit-transform: translateX(0%);  -ms-transform: translateX(0%);  transform: translateX(0%);  -webkit-transition: opacity 1s ease, color .7s ease, -webkit-transform .7s ease;  transition: opacity 1s ease, color .7s ease, -webkit-transform .7s ease;  -o-transition: opacity 1s ease, transform .7s ease, color .7s ease;  transition: opacity 1s ease, transform .7s ease, color .7s ease;  transition: opacity 1s ease, transform .7s ease, color .7s ease, -webkit-transform .7s ease;}body.nav-active .nav__list-item:nth-child(0) {  -webkit-transition-delay: 0.7s;  -o-transition-delay: 0.7s;  transition-delay: 0.7s;}body.nav-active .nav__list-item:nth-child(1) {  -webkit-transition-delay: 0.8s;  -o-transition-delay: 0.8s;  transition-delay: 0.8s;}body.nav-active .nav__list-item:nth-child(2) {  -webkit-transition-delay: 0.9s;  -o-transition-delay: 0.9s;  transition-delay: 0.9s;}body.nav-active .nav__list-item:nth-child(3) {  -webkit-transition-delay: 1s;  -o-transition-delay: 1s;  transition-delay: 1s;}body.nav-active .nav__list-item:nth-child(4) {  -webkit-transition-delay: 1.1s;  -o-transition-delay: 1.1s;  transition-delay: 1.1s;}body.nav-active .nav__list-item:nth-child(5) {  -webkit-transition-delay: 1.2s;  -o-transition-delay: 1.2s;  transition-delay: 1.2s;}body.nav-active .nav__list-item:nth-child(6) {  -webkit-transition-delay: 1.3s;  -o-transition-delay: 1.3s;  transition-delay: 1.3s;}body.nav-active .nav__list-item:nth-child(7) {  -webkit-transition-delay: 1.4s;  -o-transition-delay: 1.4s;  transition-delay: 1.4s;}body.nav-active .nav__list-item:nth-child(8) {  -webkit-transition-delay: 1.5s;  -o-transition-delay: 1.5s;  transition-delay: 1.5s;}body.nav-active .nav__list-item:nth-child(9) {  -webkit-transition-delay: 1.6s;  -o-transition-delay: 1.6s;  transition-delay: 1.6s;}body.nav-active .nav__list-item:nth-child(10) {  -webkit-transition-delay: 1.7s;  -o-transition-delay: 1.7s;  transition-delay: 1.7s;}/* -------------------------------------------------------                   Navbar Fixed Top-------------------------------------------------------- */.header-stickytop {  position: fixed;  top: 0;  background: #151515;  padding: 15px 0;}.header-stickytop .header-bg {  background: #151515;}.header-stickytop .header-bg img.header-bg-img {  top: 0;  -webkit-transform: translateY(-25%);  -ms-transform: translateY(-25%);  transform: translateY(-25%);  opacity: 0;}.by-now a {  background: #fff;  font-weight: 600;  text-transform: uppercase;  color: #525252;  font-size: 12px;  margin-top: 5px;  letter-spacing: .9px;  padding: 8px 18px 6px;  -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}.by-now a:hover {  background: #B0976D;  color: #fff;}/* -------------------------------------------------------                   Header Page-------------------------------------------------------- */.dsn-header-hero {  position: fixed;  width: 100%;  height: 100vh;  background-color: #000000;  overflow: hidden;}.dsn-header-hero .hero-img {  position: absolute;  height: 100%;  width: 100%;}.dsn-header-hero .hero-img::before {  content: '';  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background-image: -webkit-linear-gradient(to top, #000000e3 15%, transparent 100%);  background-image: -o-linear-gradient(to top, #000000e3 15%, transparent 100%);  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #000000e3), to(transparent));  background-image: -webkit-linear-gradient(bottom, #000000e3 15%, transparent 100%);  background-image: -o-linear-gradient(bottom, #000000e3 15%, transparent 100%);  background-image: linear-gradient(to top, #000000e3 15%, transparent 100%);}.dsn-header-hero .name-title, .dsn-header-hero .subtitle {  opacity: 0;  visibility: hidden;  -webkit-transform: translateY(50px);  -moz-transform: translateY(50px);  -ms-transform: translateY(50px);  -o-transform: translateY(50px);  transform: translateY(50px);  -webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}.dsn-header-hero .name-title {  position: relative;  z-index: 1;  width: 100%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  display: -webkit-flex;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-align-items: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  margin: auto;  -webkit-transition-delay: 0.2s;  -o-transition-delay: 0.2s;  transition-delay: 0.2s;}.dsn-header-hero .name-title:before {  content: '';  width: 3vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;  vertical-align: middle;}.dsn-header-hero .name-title:after {  content: '';  width: 3vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;  vertical-align: middle;}.dsn-header-hero .name-title h1 {  position: relative;  padding: 15px 30px;  font-size: 5vw;  text-transform: uppercase;  color: #fff;  max-width: 100vw;  overflow: hidden;  text-align: center;}.dsn-header-hero .name-title h1:before {  content: '';  right: 0;  top: 50%;  width: 2px;  height: 3.7vh;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  background: rgba(255, 255, 255, 0.15);  position: absolute;}.dsn-header-hero .name-title h1:after {  content: '';  left: 0;  top: 50%;  width: 2px;  height: 3.7vh;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  background: rgba(255, 255, 255, 0.15);  position: absolute;}.dsn-header-hero .name-title h1 span {  display: block;}.dsn-header-hero .subtitle {  font-size: 12px;  font-weight: 600;  letter-spacing: .2em;  text-transform: uppercase;  color: #fff;  -webkit-transform: translateY(70px);  -moz-transform: translateY(70px);  -ms-transform: translateY(70px);  -o-transform: translateY(70px);  transform: translateY(70px);}.dsn-header-hero .hero__down {  display: block;  position: absolute;  text-decoration: none;  color: inherit;  top: 50%;  left: 50%;  opacity: 0;  width: 2em;  height: 2em;  margin-left: -1em;  margin-top: -1em;  -webkit-transform: translateY(1em);  -ms-transform: translateY(1em);  transform: translateY(1em);  text-align: center;  line-height: 2em;  font-size: 1.25em;  color: #666;  cursor: pointer;  transition: opacity 3000ms cubic-bezier(0, 1, 0.15, 1), transform 5000ms cubic-bezier(0, 1, 0.15, 1), color 200ms ease-out, -webkit-transform 5000ms cubic-bezier(0, 1, 0.15, 1);  -webkit-transform: translateY(25vh) translateZ(120px);  transform: translateY(25vh) translateZ(120px);  opacity: 1;  z-index: 1;}.dsn-header-hero .hero__down:hover {  color: #fff;}.dsn-header-hero .hero__down svg {  fill: currentColor;  position: absolute;  width: 1em;  margin-left: -0.5em;  margin-top: 0.5em;}.dsn-header-height {  position: relative;  height: 100vh;  z-index: -1;}.content-background, .page-content {  margin-top: 2px;}main.root.dsn-animate .subtitle, main.root.dsn-animate .name-title {  opacity: 1;  visibility: visible;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0);}main.root.dsn-animate .content-background, main.root.dsn-animate .page-content {  -webkit-transition-delay: 1s;  -o-transition-delay: 1s;  transition-delay: 1s;  margin-top: -80px;  -webkit-transition: margin-top 1s ease-in-out 1s;  -moz-transition: margin-top 1s ease-in-out 1s;  -ms-transition: margin-top 1s ease-in-out 1s;  -o-transition: margin-top 1s ease-in-out 1s;  transition: margin-top 1s ease-in-out 1s;}/* -------------------------------------------------------                   Slider-------------------------------------------------------- */.sections-wrapper {  position: absolute;  white-space: nowrap;  width: 100%;  left: 0;  top: 0;  min-width: 100%;  height: 100%;  overflow: hidden;}.sections-wrapper .dsn-nav-light {  visibility: hidden;  opacity: 0;  padding-left: 12vw;  height: 0;}.sections-wrapper .popover-list-slid {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 4;}.sections-wrapper.dsn-next.dsn-demo {  display: none;  opacity: 0;  visibility: hidden;}.sections-wrapper.ui-nav-light {  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}.sections-wrapper.ui-nav-light .popover-list-slid {  z-index: 9003;}.sections-wrapper.ui-nav-light .section-slider {  position: absolute;}.sections-wrapper.ui-nav-light .dsn-nav-light {  position: fixed;  top: 0;  left: 0;  background-color: #121212;  width: 100vw;  height: 100% !important;  z-index: 900;  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.5s ease-in 0.5s;  -moz-transition: opacity 0.5s ease-in 0.5s;  -ms-transition: opacity 0.5s ease-in 0.5s;  -o-transition: opacity 0.5s ease-in 0.5s;  transition: opacity 0.5s ease-in 0.5s;  overflow: auto;}.sections-wrapper.ui-nav-light .dsn-nav-light .arrow-active {  content: '';  position: fixed;  width: 2px;  height: 100%;  background: #efdbdb;  margin-left: 53px;}.sections-wrapper.ui-nav-light .dsn-nav-light .name-title {  position: relative;  display: inline-block;  padding: 0 50px;  top: 43%;}.sections-wrapper.ui-nav-light .dsn-nav-light .name-title span {  font-size: 5vw;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-background-clip: text;  -webkit-text-fill-color: #fff;}.sections-wrapper.ui-nav-light .dsn-nav-light .dsn-bg-text span {  color: transparent;  background-position: center;  background-size: cover;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent !important;  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.3);}.sections-wrapper .inner {  position: relative;  height: 100%;  width: 100%;  margin: 0 auto;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.sections-wrapper.dsn-parent-slide .section-slider:not(.dsn-active) {  left: 100%;}.sections-wrapper .section-slider {  position: absolute;  height: 100%;  width: 100%;  overflow: hidden;}.sections-wrapper .section-slider .cover-bg {  position: absolute;  width: 100%;  height: 100%;  background-attachment: unset;  z-index: 0;}.sections-wrapper .section-slider .cover-bg:before {  z-index: 1;}.sections-wrapper .section-slider .project {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  position: absolute;  top: 50%;  width: 75%;  height: 100%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  padding: 0 55px;}.sections-wrapper .section-slider .project .project-info {  position: relative;  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;}.sections-wrapper .section-slider .project .project-info .subtitle {  position: absolute;  bottom: 100%;  left: 0;  font-size: 10px;  font-weight: 600;  letter-spacing: .2em;  text-transform: uppercase;  color: #fff;  z-index: 1;}.sections-wrapper .section-slider .project .project-info .subtitle .dsn-word-wrapper {  top: 8px;}.sections-wrapper .section-slider .project .project-info .subtitle:before {  content: '';  width: 3vw;  display: inline-block;  vertical-align: middle;  height: 1px;  background: rgba(255, 255, 255, 0.15);  margin-right: 2.1vw;}.sections-wrapper .section-slider .project .project-info .name-title {  position: relative;  z-index: 1;  width: 100%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  display: -webkit-flex;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-align-items: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.sections-wrapper .section-slider .project .project-info .name-title:before {  content: '';  width: 3vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;  vertical-align: middle;}.sections-wrapper .section-slider .project .project-info .name-title:after {  content: '';  width: auto;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: block;  -webkit-flex-grow: 1;  -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1;}.sections-wrapper .section-slider .project .project-info h1 {  position: relative;  padding: 3.125vw 2.1875vw 3.125vw 2vw;  font-size: 4vw;  text-transform: uppercase;  color: #fff;  max-width: 100vw;  overflow: hidden;}.sections-wrapper .section-slider .project .project-info h1:before {  display: none;  content: '';  right: 0;  top: 50%;  width: 2px;  height: 3.7vh;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  background: rgba(255, 255, 255, 0.15);  position: absolute;}.sections-wrapper .section-slider .project .project-info h1:after {  content: '';  left: 0;  top: 50%;  width: 2px;  height: 3.7vh;  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  background: rgba(255, 255, 255, 0.15);  position: absolute;}.sections-wrapper .section-slider .project .project-info .project-details {  list-style: none;  width: 100%;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  padding: 0;  padding-left: 2px;  margin: 0;}.sections-wrapper .section-slider .project .project-info .project-details li {  margin-bottom: 10px;  position: relative;  margin-right: 20px;  text-transform: uppercase;  font-family: "Open Sans", sans-serif;  font-size: 16px;  font-weight: 600;  color: #212529;}.sections-wrapper .section-slider .project .project-info .project-details li small {  color: #fff;  font-size: 10px;  font-weight: 800;  letter-spacing: 2px;  display: block;  text-transform: uppercase;  margin-bottom: 10px;}.sections-wrapper.dsn-demo .section-slider .project, .sections-wrapper.dsn-demo .section-footer {  width: 100%;}.sections-wrapper .section-footer {  position: absolute;  bottom: 20px;  width: 75%;  z-index: 103;  padding: 0 55px;}.sections-wrapper .section-footer .social-network {  line-height: 30px;  width: 50%;  position: relative;  -webkit-box-sizing: border-box;  box-sizing: border-box;  display: -webkit-flex;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-align-items: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  text-align: center;}.sections-wrapper .section-footer .social-network h5 {  display: inline-block;  position: relative;  font-size: 10px;  font-weight: 600;  letter-spacing: .2em;  text-transform: uppercase;  color: #fff;}.sections-wrapper .section-footer .social-network ul {  position: relative;  padding-left: 20px;}.sections-wrapper .section-footer .social-network ul:before {  content: '';  width: 3vw;  top: 50%;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;}.sections-wrapper .section-footer .social-network li {  margin-right: 0px;  margin-left: 10px;  list-style: none;  color: #fff;  font-size: 15px;  margin-bottom: 0;  line-height: 40px;  position: relative;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  height: 40px;  width: 40px;  float: right;  z-index: 2;  -webkit-transition: background 0.4s ease-in-out 0s;  -o-transition: background 0.4s ease-in-out 0s;  transition: background 0.4s ease-in-out 0s;}.sections-wrapper .section-footer .social-network li a {  color: #fff;  font-size: 12px;  font-weight: 600;  display: block;  height: 40px;  width: 40px;  line-height: 40px;  text-align: center;  -webkit-transition: opacity 0.2s ease-in-out;  -o-transition: opacity 0.2s ease-in-out;  transition: opacity 0.2s ease-in-out;}.sections-wrapper .section-footer .dsn-grid-nav-box {  position: absolute;  right: 0;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  color: #fff;  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);  bottom: 0;  height: 40px;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-flex: 0;  -ms-flex: none;  flex: none;  -webkit-box-ordinal-group: 3;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding: .5rem;  background: 0 none;  border: 0;}.sections-wrapper .section-footer .dsn-grid-nav-box .to-next, .sections-wrapper .section-footer .dsn-grid-nav-box .to-prev {  cursor: pointer;}.sections-wrapper .section-footer .dsn-grid-nav-box .to-next i, .sections-wrapper .section-footer .dsn-grid-nav-box .to-prev i {  color: #fff;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress {  position: relative;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .boxnav-progress {  position: relative;  display: block;  width: 8vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .boxnav-progress .progress-item {  position: absolute;  background: #fff;  width: 0;  max-width: 100%;  height: 100%;  top: 0;  z-index: 1;  -webkit-transition: all 0.5;  -moz-transition: all 0.5;  -ms-transition: all 0.5;  -o-transition: all 0.5;  transition: all 0.5;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number {  position: relative;  padding: 0 15px;  margin: 0 15px;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number:before, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number:after, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:before, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:after {  content: '';  position: absolute;  width: 2.5px;  height: 2.5px;  background: rgba(255, 255, 255, 0.15);  border-radius: 100%;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number:before, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:before {  left: 0;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number:after, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:after {  right: 0;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span {  text-transform: uppercase;  font-size: 18px;  font-weight: 600;  letter-spacing: 2px;}.sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:after, .sections-wrapper .section-footer .dsn-grid-nav-box .boxnav-item-progress .number span:before {  bottom: 0;}.dsn-chars-wrapper {  display: inline-block;  overflow: hidden;  padding-bottom: 5px;  padding-top: 5px;  visibility: hidden;  opacity: 0;}.dsn-word-wrapper {  position: relative;  display: inline-block;  top: 5px;}.sections-wrapper.dsn-next {  position: absolute;  top: 0;}.sections-wrapper.dsn-next .cover-bg {  background-attachment: unset !important;}.sections-wrapper.dsn-next .section-slider {  opacity: 0;  right: 0;}.sections-wrapper.dsn-next .section-slider.section-slider-next {  width: 25% !important;  background: #0E0E0E;  z-index: 3;  opacity: 1;}.sections-wrapper.dsn-next .section-slider.section-slider-next .dsn-chars-wrapper {  visibility: visible;  opacity: 1;}.sections-wrapper.dsn-next .section-slider.section-slider-next .dsn-video {  position: absolute !important;}.sections-wrapper.dsn-next .section-slider.section-slider-next .dsn-box-shadow {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background-image: -webkit-gradient(linear, left top, right top, from(#0E0E0E), to(#000000c9));  background-image: -webkit-linear-gradient(left, #0E0E0E 0%, #000000c9 100%);  background-image: -o-linear-gradient(left, #0E0E0E 0%, #000000c9 100%);  background-image: linear-gradient(to right, #0E0E0E 0%, #000000c9 100%);}.sections-wrapper.dsn-next .section-slider.section-slider-next .inner {  width: 100%;}.sections-wrapper.dsn-next .section-slider.section-slider-next .projects__headline-enter {  display: none;}.sections-wrapper.dsn-next .section-slider.section-slider-next .inner {  display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;  width: 100% !important;  height: 100% !important;  position: relative !important;  -webkit-transform: none !important;  -ms-transform: none !important;  transform: none !important;  z-index: 1;}.sections-wrapper.dsn-next .section-slider.section-slider-next .inner .project {  display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;  -webkit-box-align: center !important;  -ms-flex-align: center !important;  align-items: center !important;  -webkit-box-pack: center !important;  -ms-flex-pack: center !important;  justify-content: center !important;  width: 100%;  padding: 0;}.sections-wrapper.dsn-next .section-slider.section-slider-next .inner .project .project-info {  -webkit-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  transform: rotate(-90deg);  position: relative;  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  color: #fff;  left: 10%;}.sections-wrapper.dsn-next .section-slider.section-slider-next .inner .project .project-info h1 {  font-size: 2.5vw;}.projects__headline-enter {  position: absolute;  right: 30%;  top: 65%;  vertical-align: baseline;  color: #fff;  background-color: transparent;  z-index: 11;}.projects__headline-enter .click_and_hold {  color: #fff;  z-index: 2;  cursor: pointer;  -webkit-transition: opacity 0.4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 1s;  -moz-transition: opacity 0.4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 1s;  -ms-transition: opacity 0.4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 1s;  -o-transition: opacity 0.4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 1s;  transition: opacity 0.4s cubic-bezier(0.65, -0.14, 0.52, 0.99) 1s;  -webkit-transform: translateY(-16%);  -moz-transform: translateY(-16%);  -ms-transform: translateY(-16%);  -o-transform: translateY(-16%);  transform: translateY(-16%);  -webkit-tap-highlight-color: transparent;}.projects__headline-enter .click_and_hold .circlehold {  position: relative;  display: inline-block;  width: 39px;  height: 39px;}.projects__headline-enter .click_and_hold .circlehold span, .projects__headline-enter .click_and_hold .circlehold svg {  width: 100%;  height: 100%;  position: absolute;  left: -10px;  border: 5px solid rgba(255, 255, 255, 0.15);  border-radius: 100%;  z-index: 2;}.projects__headline-enter .click_and_hold .circlehold svg {  stroke-width: 20px;  border: 0;}.projects__headline-enter .click_and_hold .circlehold:after {  content: '';  position: absolute;  right: 0;  top: 50%;  width: 30px;  height: 2px;  background-color: rgba(255, 255, 255, 0.5);  z-index: -1;}.projects__headline-enter .click_and_hold .circlehold:before {  content: '';  position: absolute;  left: 8px;  top: 18px;  width: 5px;  height: 5px;  background-color: white;  border-radius: 100%;}.projects__headline-enter .click_and_hold i {  display: inline-block;  width: 1px;  height: 50px;  background: rgba(255, 255, 255, 0.15);  position: relative;  top: 2px;  margin: 0 8px;  -webkit-transform: scaleY(1);  -moz-transform: scaleY(1);  -ms-transform: scaleY(1);  -o-transform: scaleY(1);  transform: scaleY(1);  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}.projects__headline-enter .click_and_hold .hold_span {  display: inline-block;  overflow: hidden;  width: 70px;}.projects__headline-enter .click_and_hold .hold_span span {  position: absolute;  font-size: 12px;  font-weight: 700;  -webkit-transform: translateY(-40%) translateX(0);  -moz-transform: translateY(-40%) translateX(0);  -ms-transform: translateY(-40%) translateX(0);  -o-transform: translateY(-40%) translateX(0);  transform: translateY(-40%) translateX(0);  -webkit-transition: all 0.35s ease-out;  -moz-transition: all 0.35s ease-out;  -ms-transition: all 0.35s ease-out;  -o-transition: all 0.35s ease-out;  transition: all 0.35s ease-out;  top: 50%;  margin-left: -5px;}.projects__headline-enter .click_and_hold .hold_span span.dsn-view {  opacity: 0;  visibility: hidden;  -webkit-transform: translateX(-15px) rotate(-10deg);  -moz-transform: translateX(-15px) rotate(-10deg);  -ms-transform: translateX(-15px) rotate(-10deg);  -o-transform: translateX(-15px) rotate(-10deg);  transform: translateX(-15px) rotate(-10deg);}.projects__headline-enter .click_and_hold:hover .hold_span span.dsn-hold {  opacity: 0;  visibility: hidden;  -webkit-transform: translate(-15px, -40%) rotate(-10deg);  -moz-transform: translate(-15px, -40%) rotate(-10deg);  -ms-transform: translate(-15px, -40%) rotate(-10deg);  -o-transform: translate(-15px, -40%) rotate(-10deg);  transform: translate(-15px, -40%) rotate(-10deg);}.projects__headline-enter .click_and_hold:hover .hold_span span.dsn-view {  opacity: 1;  visibility: visible;  -webkit-transform: translate(0px, -2px);  -moz-transform: translate(0px, -2px);  -ms-transform: translate(0px, -2px);  -o-transform: translate(0px, -2px);  transform: translate(0px, -2px);}.class-ajax-loader {  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  background-color: #1b1b1b;  z-index: 9001;  -webkit-transform: translateY(100%);  -ms-transform: translateY(100%);  transform: translateY(100%);}.dsn-demo .projects__headline-enter {  right: 15px !important;}/* -------------------------------------------------------                   09 - portfolio-------------------------------------------------------- */.filter-btn {  position: fixed;  display: block;  right: 3.45%;  bottom: 50%;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  cursor: pointer;  line-height: 0;  padding: 7px 5px;  -webkit-transition: all 0.3s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -moz-transition: all 0.3s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -ms-transition: all 0.3s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -o-transition: all 0.3s cubic-bezier(0.9, 0.03, 0.41, 0.49);  transition: all 0.3s cubic-bezier(0.9, 0.03, 0.41, 0.49);  z-index: 10;}.filter-btn span {  display: inline-block;  width: 6px;  height: 6px;  border-radius: 3px;  background-color: currentColor;  cursor: pointer;  line-height: 0;  color: #ffffff;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  -webkit-transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;  -moz-transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;  -ms-transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;  -o-transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;  transition: height 0.25s ease, width 0.25s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;  transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease;  transition: height 0.25s ease, transform 0.25s ease, width 0.25s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;}.filter-btn:hover span:nth-child(1) {  -webkit-transform: translateY(-1px);  -ms-transform: translateY(-1px);  transform: translateY(-1px);  -webkit-transition-delay: unset;  -o-transition-delay: unset;  transition-delay: unset;}.filter-btn:hover span:nth-child(2) {  height: 10px;  -webkit-transform: translateY(4px);  -ms-transform: translateY(4px);  transform: translateY(4px);  -webkit-transition-delay: unset;  -o-transition-delay: unset;  transition-delay: unset;}.filter-btn:hover span:nth-child(3) {  height: 10px;  -webkit-transition-delay: unset;  -o-transition-delay: unset;  transition-delay: unset;}.filters-content {  background-color: rgba(0, 0, 0, 0.91098);  position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding-left: 8.82353%;  padding-right: 8.82353%;  z-index: 9999;  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}.filters-content .close-filters {  position: fixed;  cursor: url(../img/close_fliter.png) 3 3, auto !important;  height: 100vh;  width: 100vw;  top: 0;  left: 0;}.filters-content .menu-close {  display: block;  padding: 20px;  width: 62px;  height: 58px;  cursor: pointer;  position: absolute;  left: 30px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}.filters-content .menu-close i {  color: #fff;  font-size: 20px;}.filters-content .filtering {  position: fixed;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}.filters-content .filtering button {  color: #fff;  display: block;  position: relative;  cursor: pointer;  font-size: 24px;  text-transform: uppercase;  letter-spacing: 2px;  font-weight: 400;  line-height: 1;  -webkit-box-shadow: none;  box-shadow: none;  text-shadow: none;  -webkit-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;  font-family: "Open Sans", sans-serif;}.filters-content .filtering button.active span.text {  opacity: 1;}.filters-content .filtering button span.text {  position: relative;  font-family: inherit;  opacity: 0.5;  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.filters-content .filtering button span.text:before {  content: attr(data-hover);  position: absolute;  width: 0;  left: 0;  -webkit-transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  -o-transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);  overflow: hidden;  height: 24px;}.filters-content .filtering button span.counter {  position: absolute;  right: -20px;  top: -10px;  font-size: 12px;  font-weight: 600;  color: #fff;}.filters-content .filtering button:not(:last-child) {  margin-bottom: 30px;}.filters-content .filtering button:hover {  color: #fff;}.filters-content .filtering button:hover span.text {  opacity: 1;}.filters-content .filtering button:hover span.text:before {  width: 100%;  opacity: 1;  z-index: 11;}.portfolio {  position: relative;  overflow: hidden;  padding-bottom: 0 !important;}.portfolio .gallery .projs-item {  position: relative;  overflow: hidden;  width: calc(50% - 100px);  margin: 0 50px 65px 50px;  -webkit-perspective: 800px;  perspective: 800px;}.portfolio .gallery .projs-item .projs-item-img-container {  position: relative;  background-color: #212529;  width: 100%;  height: 100%;  overflow: hidden;  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.portfolio .gallery .projs-item .projs-item-img-container img {  width: 100%;  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.portfolio .gallery .projs-item .projs-item-title {  position: relative;  padding: 35px 0;  -webkit-perspective: 800px;  perspective: 800px;}.portfolio .gallery .projs-item .projs-item-title:before {  content: '';  position: absolute;  left: 0;  top: 44px;  width: 25px;  height: 2px;  -webkit-transform: translateX(-50%) scaleX(0);  -ms-transform: translateX(-50%) scaleX(0);  transform: translateX(-50%) scaleX(0);  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);  background-color: #fff;}.portfolio .gallery .projs-item .projs-item-title h2 {  color: #fff;  font-size: 16px;  letter-spacing: 3px;  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);  opacity: 0.5;}.portfolio .gallery .projs-item:hover .projs-item-img-container {  -webkit-transform: scale(0.97) rotateX(-3deg);  transform: scale(0.97) rotateX(-3deg);}.portfolio .gallery .projs-item:hover .projs-item-img-container img {  opacity: 0.7;}.portfolio .gallery .projs-item:hover .projs-item-title:before {  -webkit-transform: translateX(0%) scaleX(1);  -ms-transform: translateX(0%) scaleX(1);  transform: translateX(0%) scaleX(1);  -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);  -o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);}.portfolio .gallery .projs-item:hover .projs-item-title h2 {  opacity: 1;  -webkit-transform: translateX(45px);  -ms-transform: translateX(45px);  transform: translateX(45px);}/* -------------------------------------------------------                   Project-------------------------------------------------------- */.page-content {  position: relative;  overflow: hidden;}.page-content .detl-project {  position: relative;  height: 100%;}.page-content .detl-project h5 {  line-height: 27px;}.page-content .detl-project .t-link {  position: relative;  display: inline-block;  margin-top: 15px;}.page-content .detl-project .t-link div {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}.page-content .detl-project .t-link div span {  text-transform: uppercase;  color: #fff;  font-weight: 700;  font-size: 12px;  line-height: 1.5;  letter-spacing: 2px;}.page-content .detl-project .t-link div img {  width: 30px;  margin-left: 20px;}.page-content .img-fullscreen {  overflow: hidden;  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  height: 80vh;}.page-content .img-fullscreen .cover-bg {  width: 100%;  height: 150%;}.page-content .content-block h2 {  margin-top: 15px;  margin-bottom: 30px;  font-size: 42px;  font-weight: 700;  color: #fff;}.page-content .content-block p {  max-width: 590px;}.page-content .box-seat {  background-color: #151515;  position: relative;}.page-content .box-seat + .section-margin:not(.section-container),.page-content .box-seat + .section-padding {  margin-top: 0;  padding-top: 0;}.page-content .box-seat .inner_prev {  height: 10vw;  overflow: hidden;  position: relative;}.page-content .box-seat .inner_prev .photo-item {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;}.page-content .box-seat .inner_middle {  height: 28vw;  position: relative;  overflow: hidden;}.page-content .box-seat .inner_middle .photo-item {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;}.page-content .box-seat .inner-img {  position: relative;  height: 40vw;  overflow: hidden;  margin: auto;}.page-content .box-seat .inner-img .bg-img {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;}.page-content .box-seat .pro-text {  position: relative;  background-color: #0d0d0d;  max-width: 600px;  padding: 80px;  float: right;  margin-top: -120px;  margin-right: 80px;  z-index: 1;}.page-content .box-seat .pro-text p {  margin-left: 70px;}.page-content .box-gallery-vertical {  position: relative;}.page-content .box-gallery-vertical .box-im {  position: relative;  margin-top: -170px;  z-index: 2;}.page-content .box-gallery-vertical .box-info h4 {  font-weight: 700;}.page-content .dsn-quote {  position: relative;  overflow: hidden;}.page-content .dsn-quote .quote-content {  position: relative;  text-align: center;}.page-content .dsn-quote .quote-content .icon--quote {  width: 55px;  height: 55px;  display: inline-block;  vertical-align: middle;}.page-content .dsn-quote .quote-content .icon--quote .ring {  fill: #5f6063;}.page-content .dsn-quote .quote-content .icon--quote .marks {  fill: #fff;}.page-content .dsn-quote .quote-content p {  color: #fff;  font-size: 24px;  line-height: 32px;  margin: 30px 0 30px;}.page-content .dsn-quote .quote-content h5 {  color: #fff;  font-family: "Roboto", sans-serif;  font-weight: 400;}.page-content .slider-project {  background-color: #151515;  position: relative;}.page-content .slider-project.slider-project-full .slick-list {  padding: 0 !important;}.page-content .slider-project .slick-slide {  text-align: center;  margin: 10px;  overflow: hidden;}.page-content .slider-project .slick-slide img {  -webkit-transition: all 1.2s cubic-bezier(1, -0.63, 0.5, 0.51) !important;  -moz-transition: all 1.2s cubic-bezier(1, -0.63, 0.5, 0.51) !important;  -ms-transition: all 1.2s cubic-bezier(1, -0.63, 0.5, 0.51) !important;  -o-transition: all 1.2s cubic-bezier(1, -0.63, 0.5, 0.51) !important;  transition: all 1.2s cubic-bezier(1, -0.63, 0.5, 0.51) !important;  pointer-events: none;  -webkit-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}.page-content .slider-project .slick-slide.slick-current img {  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}.page-content .slider-project .slick-list {  padding: 0 20% 0 20%;}.page-content .slider-project .item-project {  position: relative;}.page-content .slider-project .item-project img {  width: 100%;  padding-left: 30px;  padding-right: 30px;}.block-first {  padding-top: 9rem;  width: 80%;  margin: auto;}.next-proj {  position: relative;  background-color: #0d0d0d;  padding-left: 170px;}.next-proj .slick-list {  padding: 0 20% 0 0;}.next-proj .item {  display: inline-block;}.next-proj .item .number-proj {  position: relative;  font-size: 12px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 2px;  margin-bottom: 15px;  padding-left: 10px;}.next-proj .item h2 {  font-weight: 600;  font-size: calc(47px + 48 * (100vw - 320px) / 1120);  line-height: 1.15;  white-space: nowrap;  position: relative;  opacity: .2;  -webkit-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -moz-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -ms-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-background-clip: text;  background-size: cover;}.next-proj .item h2:hover {  color: transparent;  -webkit-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -moz-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -ms-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent !important;}.next-proj .slick-active {  -webkit-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  -moz-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  -ms-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}.next-proj .slick-active h2 {  opacity: 1 !important;}.next-proj .button-next,.proj-slider-image .button-next {  position: absolute;  top: 50%;  left: 0;  margin-left: 3.5vw;  z-index: 1;  width: 95px;  height: 95px;  border-radius: 50%;  background: transparent;  outline: none;  border: none;  cursor: pointer;  font-size: 1rem;  line-height: 1rem;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}.next-proj .button-next.next-right,.proj-slider-image .button-next.next-right {  right: 14%;  left: unset;}.next-proj .button-next:before,.proj-slider-image .button-next:before {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: -1;  border-radius: 50%;  background: #151515;  -webkit-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);  -moz-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);  -ms-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);  -o-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);  transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);}.next-proj .button-next svg,.proj-slider-image .button-next svg {  position: absolute;  top: 0;  left: -10%;  fill: #fff;  z-index: 1;  width: 30px;  height: 100%;  opacity: 0;  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  vertical-align: middle;}.next-proj .button-next span,.proj-slider-image .button-next span {  display: block;  z-index: 2;  font-weight: 600;  font-size: 12px;  color: #fff;  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}.next-proj .button-next:hover,.proj-slider-image .button-next:hover {  z-index: 1;}.next-proj .button-next:hover:before,.proj-slider-image .button-next:hover:before {  -webkit-transform: scale(0.7);  -moz-transform: scale(0.7);  -ms-transform: scale(0.7);  -o-transform: scale(0.7);  transform: scale(0.7);}.next-proj .button-next:hover svg,.proj-slider-image .button-next:hover svg {  opacity: 1;  -webkit-transform: translateX(51%);  -moz-transform: translateX(51%);  -ms-transform: translateX(51%);  -o-transform: translateX(51%);  transform: translateX(51%);}.next-proj .button-next:hover span,.proj-slider-image .button-next:hover span {  -webkit-transform: translateX(9%);  -moz-transform: translateX(9%);  -ms-transform: translateX(9%);  -o-transform: translateX(9%);  transform: translateX(9%);}.mfp-bg, .mfp-wrap {  z-index: 9001;}/* -------------------------------------------------------                   About-------------------------------------------------------- */section.hero {  position: relative;  overflow: hidden;}section.hero .intro-about {  position: relative;  margin-top: 70px;  height: 100%;}section.hero .intro-about h5 {  line-height: 27px;}section.hero .hero-mediawrap {  position: relative;  overflow: hidden;}section.hero .hero-mediawrap::after {  content: '';  position: absolute;  right: 0;  top: 0;  bottom: 0;  width: 50%;  height: 100%;  background-color: #fff;  z-index: -1;}section.hero .hero-mediawrap .hero-media {  overflow: hidden;  background-color: #fff;  color: #000;}section.hero .hero-mediawrap .hero-media .heading h2 {  color: #000;}section.hero .hero-mediawrap .hero-media .text-part h5 {  color: #000;  line-height: 27px;}.services {  position: relative;  overflow: hidden;}.services .services-wp {  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;}.services .services-wp .box-title-services {  position: relative;  width: 45%;}.services .services-wp .box-title-services ul {  position: relative;}.services .services-wp .box-title-services ul li {  font-size: 38px;  margin-bottom: 15px;  letter-spacing: 2px;  cursor: pointer;  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);  -o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);}.services .services-wp .box-title-services ul li.active {  color: #fff;}.services .services-wp .content {  position: relative;  width: 55%;}.services .services-wp .content .services-item-info {  position: relative;  display: none;}.services .services-wp .content .services-item-info h4 {  font-size: 22px;}.services .services-wp .content .services-item-info ul {  margin-top: 20px;}.services .services-wp .content .services-item-info ul li {  position: relative;  padding-left: 15px;  margin-bottom: 15px;  font-size: 18px;}.services .services-wp .content .services-item-info ul li:last-child {  margin-bottom: 0;}.services .services-wp .content .services-item-info ul li:after {  content: "";  position: absolute;  left: 0;  top: 8px;  width: 5px;  height: 5px;  border-radius: 50%;  border-radius: 100%;  background: #B0976D;}.services .services-wp .content .services-item-info:first-child {  display: block;}.client {  position: relative;  overflow: hidden;}.client::after {  content: '';  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 50%;  height: 100%;  background-color: #fff;  z-index: -1;}.client .content-client {  background-color: #fff;}.client .content-client .client-curs {  position: relative;  width: 100%;}.client .content-client .client-curs .client-item {  position: relative;  margin-bottom: 40px;}.client .content-client .client-curs .client-item div {  position: relative;  padding-left: 50px;}.client .content-client .client-curs .client-item div:before {  content: "“";  position: absolute;  top: -8px;  left: -2px;  font-family: Arial;  font-size: 70px;  font-weight: bold;  font-style: normal;}.client .content-client .client-curs .client-item h5 {  font-size: 12px;  color: #434343;  letter-spacing: 2px;  margin-top: 15px;}.client .content-client .client-curs .client-item h3 {  position: relative;  color: #000;  font-size: 26px;  font-weight: 400;}.client .content-client .client-curs .slick-arrow {  bottom: -40px;  line-height: 50px;  text-align: center;  border-radius: 100%;  color: #000;  position: absolute;  display: block;  cursor: pointer;  z-index: 2;}.client .content-client .client-curs .slick-arrow.fa-angle-right {  left: 100px;}.client .content-client .client-curs .slick-arrow.fa-angle-left {  left: 50px;}.client .content-client .client-curs .slick-arrow:before {  line-height: 50px;  text-align: center;}.client-brand {  position: relative;  overflow: hidden;}.client-brand .brand-container {  position: relative;  border-left: 1px solid #151515;}.client-brand .brand-container .brand-item {  position: relative;  padding: 30px;  width: 33%;  display: inline-block;}.client-brand .brand-container .brand-item .logo-client {  margin-bottom: 30px;  max-width: 120px;}.client-brand .brand-container .brand-item .client-text {  margin-bottom: 10px;}.client-brand .brand-container .brand-item .client-text h4 {  color: #fff;  font-size: 14px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 2px;}.client-brand .brand-container .brand-item .client-link a {  font-size: 14px;  letter-spacing: 2px;}/* -------------------------------------------------------                  contact-------------------------------------------------------- */#map .gm-fullscreen-control,#map .gm-bundled-control,#map .gm-bundled-control-on-bottom,#map .gmnoprint,#map .gm-style-cc {  display: none !important;}.hdev-hero.contact-header .hero-img::before {  display: none;}.contact-header .module {  position: relative;  padding: 30px 15px;  /* The toggle */}.contact-header .module span {  vertical-align: top;  line-height: 26px;  font-weight: 400;  color: #fff;  margin-right: 10px;}.contact-header .module label {  display: inline-block;  width: 48px;  height: 26px;  margin: 0 auto;  border-radius: 100px;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;  background-color: rgba(230, 233, 236, 0.18);}.contact-header .module input {  display: none;}.contact-header .module i {  height: 20px;  width: 20px;  background: #ffffff;  display: inline-block;  border-radius: 100%;  margin-top: 3px;  margin-left: -18px;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  -webkit-transition: all 0.2s ease-in-out;  pointer-events: none;  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);}.contact-header .module label:hover >i {  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);  -webkit-transform: scale(1.01);  -ms-transform: scale(1.01);  transform: scale(1.01);}.contact-header .module input:checked + label >i {  margin-left: 18px;}.contact-header .module label:active {  background-color: rgba(0, 142, 255, 0.35);}.contact-header .module label:active >i {  width: 34px;  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}.contact-header .module input:checked + label:active >i {  margin-left: 18px;}.contact-header .module input:checked + label {  background-color: #008FFF;}.content-block:hover h1 {  color: #fff;  -webkit-text-stroke: 1px transparent;}#toggle {  width: 160px;  height: 36px;  margin: auto;  position: relative;  border-radius: 6px;  overflow: hidden;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  cursor: pointer;  z-index: 10;}.inner-container {  position: absolute;  left: 0;  top: 0;  width: inherit;  height: inherit;  text-transform: uppercase;  font-size: .6em;  letter-spacing: .2em;}.inner-container:first-child {  background: #121212;  -webkit-box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.65);  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.65);  color: #fff;}.inner-container:nth-child(2) {  background: dodgerblue;  color: white;  -webkit-clip-path: inset(0 50% 0 0);  clip-path: inset(0 50% 0 0);  -webkit-transition: 0.3s cubic-bezier(0, 0, 0, 1);  -o-transition: 0.3s cubic-bezier(0, 0, 0, 1);  transition: 0.3s cubic-bezier(0, 0, 0, 1);}.toggle {  width: 50%;  position: absolute;  height: inherit;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-sizing: border-box;  box-sizing: border-box;}.toggle p {  margin: auto;}.toggle:nth-child(1) {  right: 0;}.box-info-wrap {  height: 100%;  position: relative;}.box-info-wrap:before {  content: '';  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background-image: -webkit-linear-gradient(to top, #000000e3 15%, transparent 100%);  background-image: -o-linear-gradient(to top, #000000e3 15%, transparent 100%);  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #000000e3), to(transparent));  background-image: -webkit-linear-gradient(bottom, #000000e3 15%, transparent 100%);  background-image: -o-linear-gradient(bottom, #000000e3 15%, transparent 100%);  background-image: linear-gradient(to top, #000000e3 15%, transparent 100%);  -webkit-transition: all 1s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -moz-transition: all 1s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -ms-transition: all 1s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -o-transition: all 1s cubic-bezier(0.9, 0.03, 0.41, 0.49);  transition: all 1s cubic-bezier(0.9, 0.03, 0.41, 0.49);}.box-info-wrap.show-map:before {  opacity: 0;  visibility: hidden;}.location__address-container {  background-color: #121212;  padding: 50px;  -webkit-box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.65);  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.65);  width: 80vw;  max-width: 35rem;  margin: auto;  z-index: 10;  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -moz-transition: all 0.5s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -ms-transition: all 0.5s cubic-bezier(0.9, 0.03, 0.41, 0.49);  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0.41, 0.49);  transition: all 0.5s cubic-bezier(0.9, 0.03, 0.41, 0.49);}.location__address-container h5 {  position: relative;  font-size: 28px;  margin-bottom: 30px;}.location__address-container h5 span {  padding: 0 15px;}.location__address-container h5:before {  content: '';  width: 3vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;  vertical-align: middle;}.location__address-container h5:after {  content: '';  width: 3vw;  height: 1px;  background: rgba(255, 255, 255, 0.15);  position: relative;  display: inline-block;  vertical-align: middle;}.location__address-container ul .contact-info-item {  font-family: "Open Sans", sans-serif;  letter-spacing: 2px;  color: #fff;  font-size: 14px;  margin-bottom: 15px;  line-height: 1.7;  text-align: center;}.location__address-container ul .contact-info-item:last-child {  margin-bottom: 0;}.location__address-container ul .contact-info-item .icon {  display: inline-block;  width: 24px;  height: 19px;  background: url(../img/icon_01.png) no-repeat 0 0;  background-size: auto 19px;  vertical-align: top;}.location__address-container ul .contact-info-item div,.location__address-container ul .contact-info-item a {  display: inline-block;  color: #fff;}input,textarea,.form-control,.form-box input,.form-box textarea {  width: 100%;  background: inherit;  font-size: 16px;  font-weight: 500;  height: 50px;  padding: 12px 20px 12px 0;  color: #fff !important;  border: none;  opacity: 1 !important;  border-radius: 0;  border-bottom: 1px solid #fff;  margin-bottom: 30px;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,.form-control::-webkit-input-placeholder,.form-box input::-webkit-input-placeholder,.form-box textarea::-webkit-input-placeholder {  color: #fff;  font-weight: 400;  font-size: 16px;}input:-ms-input-placeholder,textarea:-ms-input-placeholder,.form-control:-ms-input-placeholder,.form-box input:-ms-input-placeholder,.form-box textarea:-ms-input-placeholder {  color: #fff;  font-weight: 400;  font-size: 16px;}input::-ms-input-placeholder,textarea::-ms-input-placeholder,.form-control::-ms-input-placeholder,.form-box input::-ms-input-placeholder,.form-box textarea::-ms-input-placeholder {  color: #fff;  font-weight: 400;  font-size: 16px;}input::placeholder,textarea::placeholder,.form-control::placeholder,.form-box input::placeholder,.form-box textarea::placeholder {  color: #fff;  font-weight: 400;  font-size: 16px;}input:focus,textarea:focus,.form-control:focus,.form-box input:focus,.form-box textarea:focus {  background: inherit;  border: none;  border-bottom: 1px solid #fff;  -webkit-box-shadow: none;  box-shadow: none;}textarea,.form-control,.form-box textarea {  height: 180px;  max-height: 180px;}input[type="submit"] {  width: auto;  color: #fff;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  display: inline-block;  font-size: 14px;  font-weight: 400;  font-family: inherit;  letter-spacing: 3px;  line-height: 14px;  text-transform: uppercase;  cursor: pointer;  border-radius: 0;  margin-top: 20px;  margin-bottom: 0 !important;  padding: 17px 41px;  -webkit-transition: background .3s, color .3s;  -o-transition: background .3s, color .3s;  transition: background .3s, color .3s;  border: 2px solid #fff;}.help-block {  color: red;  font-weight: 600;}/* -------------------------------------------------------                   Footer-------------------------------------------------------- */.footer {  position: relative;  background-color: transparent;  padding: 0 50px 40px;  background-color: #0d0d0d;}.footer .copyright-social {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;}.footer .copyright-social p, .footer .copyright-social a {  color: rgba(255, 255, 255, 0.6);  margin-bottom: 0;  font-size: 10px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 4px;  line-height: 1.6;  font-variant-numeric: proportional-nums;}.footer .copyright-social li + li {  margin-left: 40px;}.footer .copyright-social a {  -webkit-transition: color 600ms cubic-bezier(0.75, 0.01, 0.25, 1);  -o-transition: color 600ms cubic-bezier(0.75, 0.01, 0.25, 1);  transition: color 600ms cubic-bezier(0.75, 0.01, 0.25, 1);}.footer .copyright-social a:hover {  color: #fff;}.footer-color {  background-color: #121212 !important;}/*# sourceMappingURL=style.css.map *//*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/6103(这个备注仅在演示页面有，源代码里没有)*/