@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:700&display=swap');
:root { --purple: #4c3b4d; --green: #61c9a8; --red: #a53860; --creme: #ffeedb; --silver: #ada8b6; }
@font-face {  font-family: "Hurme";  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/HurmeGeometricSans2-Bold.woff2") format("woff2"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/HurmeGeometricSans2-Bold.woff") format("woff");  font-weight: bold;  font-style: normal;}
.view-home .logoMain {display:none}
.view-home .sfm-body-pushed .loglangdonhead.don, .view-blog .sfm-body-pushed .loglangdonhead.don, .view-usrdash .sfm-body-pushed .loglangdonhead.don {height:1px;}
* {  box-sizing: border-box;}
html {margin: 0; }
html.sfm-desktop body .mhas-header-content > .mhas-lang-block {display:none !important;}
.view-home body {  background: #061833;}
body {  background: #ffffff;  background-size: cover !important;  font-family: "Hurme";  font-weight: 500;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  margin: 0;  height: 100vh;  color: var(--green); }
body iframe {  opacity: 0;  -webkit-animation: fadeInVid 1s 1s forwards;animation: fadeInVid 1s 1s forwards;}
body .portfolio .slider_note {  width: 100%;  position: absolute;  color: black;  left: 0;  top: 640px;  z-index: 2;  text-align: center;}
body .portfolio .slideClone {  width: 700px;  height: 450px;  margin: 0 auto;  top: 160px;  display: none;  position: fixed;  left: 0;  transition: all 0.5s;  right: 0;}
body .portfolio .slideClone .overlay, body .portfolio .slideClone .cats, body .portfolio .slideClone .title {  opacity: 1 !important;}
body .portfolio .slideClone .button {  display: none;}
body .portfolio .slideClone .title {  font-weight: 800;  color: #ffdc25;  position: relative;  z-index: 10;  font-size: 22px;  transform-style: preserve-3d;  left: 0;}
body .portfolio .slideClone .f {  position: relative;  top: 0;  transition: all 0.7s 0s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio .slideClone .image {  position: relative;  margin-top: 10px;  padding: 94px 94px;  height: 380px;  transform-style: preserve-3d;}
body .portfolio .slideClone .image img {  position: absolute;  left: 0;  z-index: -1;  top: 0;  transition: all 0.8s 0.1s cubic-bezier(0.79, -0.01, 0, 0.99);  height: 100%;}
body .portfolio .slideClone .image .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(11, 18, 27, 0.6);  z-index: -1;  opacity: 0;  transition: opacity 0.1s, transform 0.8s 0.1s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio .slideClone .image .cats {  color: #ffdc25;  font-weight: 700;  font-size: 12px;  transform-style: preserve-3d;  opacity: 0;  left: 0;  position: relative;  transition: all 0.8s 0.16s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio .slideClone .image .title {  font-weight: 800;  color: white;  width: 350px;  font-size: 28px;  margin-top: 10px;  line-height: 35px;  transform-style: preserve-3d;  position: relative;  transition: all 0.6s 0.2s;  margin: 22px 0 16px 0;  opacity: 0;}
body .portfolio .slideClone .image .button {  color: #07101d;  font-size: 14px;  cursor: pointer;  margin-top: 14px;  background: #ffdc25;  float: left;  padding: 12px 20px;  transform-style: preserve-3d;  position: relative;  transition: all 0.6s 0.3s;  opacity: 0;}
body .portfolio_home__work {  background: transparent;  padding: 40px;  position: fixed;  width: 100%;  z-index: 3;  position: fixed;  height: 100%;  pointer-events: none;  opacity: 0;  top: 0;  z-index: 4;  left: 0;  -webkit-clip-path: polygon(calc(50% - 353px) 613px, calc(50% + 359px) 613px, calc(50% + 359px) 226px, calc(50% - 353px) 225px); clip-path: polygon(calc(50% - 353px) 613px, calc(50% + 359px) 613px, calc(50% + 359px) 226px, calc(50% - 353px) 225px);  transition: opacity 0.5s 0.67s, -webkit-clip-path 0.8s 0.1s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__work.expand {  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0%, 0 0%); clip-path: polygon(0 100%, 100% 100%, 100% 0%, 0 0%);  pointer-events: all;  opacity: 1;  transition: opacity 0.1s, -webkit-clip-path 0.8s 0.23s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__work.expand .scroll {  opacity: 1;  transition: all 0.8s 0.5s;}
body .portfolio_home__work.expand .slideClone img {  transition: all 0.8s 0.23s cubic-bezier(0.79, -0.01, 0, 0.99);  transform: scale(2.9);}
body .portfolio_home__work.expand .slideClone .overlay {  transition: opacity 0.1s, transform 0.8s 0.23s cubic-bezier(0.79, -0.01, 0, 0.99);  transform: scale(2.9);}
body .portfolio_home__work.expand .slideClone .title.f {  position: relative;  top: 72px;  left: 0;  transition: all 0.8s 0.4s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__work.expand .slideClone .cats, body .portfolio_home__work.expand .slideClone .title {  left: -93px;  position: relative;}
body .portfolio_home__work.expand .slideClone .cats {  transition: all 0.8s 0.16s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__work.expand .slideClone .title {  transition: all 0.8s 0.19s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__slider {  position: relative;  transform: translateX(-800px);  perspective: 900px;  perspective-origin: 50% 200px;}
body .portfolio_home__slider .slider_inner {  transform: translateY(120px);  position: absolute;  left: 0;  right: 0;  width: 30000px;  transition: all 0.8s cubic-bezier(0, 0.6, 0.25, 1);  transform-style: preserve-3d;  pointer-events: none;}
body .portfolio_home__slider .slider_inner.in {  pointer-events: all;}
body .portfolio_home__slider .slider_inner.in .slider_inner__slide {  -webkit-animation: sliderIn 1.1s 0.65s cubic-bezier(0.79, -0.01, 0, 0.99) forwards; animation: sliderIn 1.1s 0.65s cubic-bezier(0.79, -0.01, 0, 0.99) forwards;}
body .portfolio_home__slider .slider_inner__slide {  width: 700px;  height: 750px;  float: left;  margin-right: 60px;  transition: all 0.5s;  transform-style: preserve-3d;  transform: scale(0);}
body .portfolio_home__slider .slider_inner__slide .title {  font-weight: 800;  color: #060608;  position: relative;  font-size: 22px;  transform-style: preserve-3d;}
body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .overlay, body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .cats,
body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .title, body .portfolio_home__slider .slider_inner__slide:nth-of-type(2) .image .button {  opacity: 1;}
body .portfolio_home__slider .slider_inner__slide .image {  position: relative;  margin-top: 10px;  padding: 94px 94px;  height: 380px;  transform-style: preserve-3d;}
body .portfolio_home__slider .slider_inner__slide .image img {  position: absolute;  left: 0;  z-index: -1;  top: 0;  height: 100%;}
body .portfolio_home__slider .slider_inner__slide .image .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(11, 18, 27, 0.7);  z-index: -1;  opacity: 0;  transition: opacity 0.1s, transform 0.8s 0.7s cubic-bezier(0.79, -0.01, 0, 0.99);}
body .portfolio_home__slider .slider_inner__slide .image .cats {  color: #ffdc25;  font-weight: 700;  font-size: 12px;  left: 0;  transition: all 0.8s 0.16s cubic-bezier(0.79, -0.01, 0, 0.99);  transform-style: preserve-3d;  opacity: 0;}
body .portfolio_home__slider .slider_inner__slide .image .title {  font-weight: 800;  color: white;  width: 350px;  font-size: 28px;  margin-top: 10px;  line-height: 35px;  transform-style: preserve-3d;  position: relative;  transition: all 0.6s 0.2s;  margin: 22px 0 16px 0;  opacity: 0;}
body .portfolio_home__slider .slider_inner__slide .image .button {  color: #07101d;  font-size: 14px;  cursor: pointer;  margin-top: 14px;  background: #ffdc25;  float: left;  padding: 12px 40px 14px 20px;  transform-style: preserve-3d;  position: relative;  transition: all 0.6s 0.3s;  opacity: 0;}
body .portfolio_home__slider .slider_inner__slide .image .button img {  width: 14px;  height: auto;  position: absolute;  right: 17px;  left: auto;  top: 16px;}
body .portfolio_home__header {  float: right;  width: 100%; display:none; }
body .portfolio_home__header.work {  position: relative;  z-index: 1;}
body .portfolio_home__header.work ul li {  color: #fff;}
body .portfolio_home__header.work ul li.active {  border-bottom: 2px solid #ffdc25;  color: #ffdc25;}
body .portfolio_home__header ul {  padding: 0;  margin: 0;}
body .portfolio_home__header ul li {  display: inline;  margin-right: 10px;}
body .portfolio_home__header ul li.active {  font-size: 20px;  border-bottom: 2px solid #07101d;}
body .portfolio_home__header ul li:hover {  border-bottom: 2px solid #07101d;}
body .portfolio_home__header .nav {  position: absolute;  left: 0;  right: 0;  margin: auto;  width: 400px;  padding: 0;}
body .logoMain {  width: 200px;  position: fixed;  top: 25px;  left: 54px;z-index:9000;}
body .logoMain img { position: absolute;  width: 100% !important;  opacity: 1 !important;transition:opacity 1s}
html body.sfm-body-pushed .logoMain img:first-child {opacity: 0 !important;}
html.view-home body.homeHasScrolled .logoMain img:first-child {opacity: 0 !important;}
.view-portfolio :not(.sfm-body-pushed) .logoMain img:last-of-type {opacity: 0 !important;}
body .portfolio_home__header .number {  color: white;  -webkit-animation: fade 1s 2.3s forwards;  animation: fade 1s 2.3s forwards;  opacity: 0;  float: right;  position: relative;  margin-right: 80px;  top: 5px;}
body .portfolio_home__header .number.black {  color: #07101d;  -webkit-animation: none; animation: none;  opacity: 1;}
body .portfolio_home__header .number.white {  color: #fff;  -webkit-animation: none; animation: none;  opacity: 1;}
body .portfolio_home__header .hamburger {  float: right;  position: absolute;  right: 40px;  top: 45px;  -webkit-animation: fade 1s 2.3s forwards; animation: fade 1s 2.3s forwards;  opacity: 0;  height: 20px;  width: 30px;}
body .portfolio_home__header .hamburger.black {  opacity: 1 !important;}
body .portfolio_home__header .hamburger.black .hamburger_part {  background: #07101d;}
body .portfolio_home__header .hamburger.white {  opacity: 1 !important;  right: 0;  top: 5px;}
body .portfolio_home__header .hamburger.white .hamburger_part {  background: #ffdc25;}
body .portfolio_home__header .hamburger_part {  width: 30px;  height: 2px;  position: absolute;  background: #ffdc25;  right: 0;}
body .portfolio_home__header .hamburger_part:nth-of-type(1) {  top: 0px;}
body .portfolio_home__header .hamburger_part:nth-of-type(2) {  top: 8px;}
body .portfolio_home__header .hamburger_part:nth-of-type(3) {  top: 16px;}
body .portfolio_home__header .hamburger_part:last-child {  width: 20px;}
body .portfolio_home__title {position: relative;  top: calc(100vh - 230px - 80px); /*left: calc(-100vw + 80px);*/ left:30px; z-index: 150; width: 300px; height: 230px;}
body .portfolio_home__title .logoHome1 {  margin-bottom: 30px;width: 280px;  height: auto;  transition: all 0.3s ease; left:-10px;position: relative;}
body .portfolio_home__title .logoHome1 img.first     {  margin-right: 0px;  position: relative;  top: 3px;  width: 135px;  opacity: 0;  -webkit-animation: fade 1s 1s forwards;  animation: fade 1s 1s forwards;}
body .portfolio_home__title .logoHome1 img.first.out {  -webkit-animation: fadeOut 0.4s 0.6s forwards; animation: fadeOut 0.4s 0.6s forwards;  opacity: 1;}
body .portfolio_home__title .logoHome1 img.second    { width:100%;height:auto;transition:width 350ms linear, height, 210ms linear; -webkit-animation: spark 1.3s 1.1s cubic-bezier(0.76, 0.01, 0.21, 1.02) forwards; animation: spark 1.3s 1.1s cubic-bezier(0.76, 0.01, 0.21, 1.02) forwards; -webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);}
body .portfolio_home__title hr {  width: 80px;  background: #359afe;  height: 2px;  border: none;  position: absolute;  left: 0;  width: 0;  top: 110px;  -webkit-animation: hr 1.3s 1.4s cubic-bezier(0.76, 0.01, 0.21, 1.02) forwards; animation: hr 1.3s 1.4s cubic-bezier(0.76, 0.01, 0.21, 1.02) forwards;}
body .portfolio_home__title hr.out {  -webkit-animation: hrOut 0.4s 0.4s forwards; animation: hrOut 0.4s 0.4s forwards;  width: 70px;}
body .portfolio_home__title .trigger {  opacity: 0;  -webkit-animation: fade 1s 2.5s forwards; animation: fade 1s 2.5s forwards;}
body .portfolio_home__title .trigger.out {  -webkit-animation: fadeOut 0.4s 0s forwards; animation: fadeOut 0.4s 0s forwards;}
body .portfolio_home__title h1 {  color: white;  margin-top: 20px;  line-height: 30px;  font-weight: normal;  font-size: 18px;  opacity: 0;  margin-bottom: 30px;  -webkit-animation: fade 1s 1.9s forwards; animation: fade 1s 1.9s forwards;}
body .portfolio_home__title h1.out {  -webkit-animation: fadeOut 0.4s 0.2s forwards; animation: fadeOut 0.4s 0.2s forwards;  opacity: 1;}
body .portfolio_home__title h1 span {  color: #359afe;}
body .portfolio_home__title .page_portfolio {  background: #fff;  padding: 40px;  position: fixed;  width: 100%;  z-index: 3;  position: fixed;  height: 100%;  opacity: 0;  top: 0;  left: 0;
    -webkit-clip-path: polygon(226px calc(100% - 262px), 227px calc(100% - 262px), 227px calc(100% - 263px), 226px calc(100% - 263px));
    clip-path: polygon(226px calc(100% - 262px), 227px calc(100% - 262px), 227px calc(100% - 263px), 226px calc(100% - 263px));
    transition: opacity 0.6s 0.2s, -webkit-clip-path 1s 0.6s cubic-bezier(0.79, -0.01, 0, 0.99);
    transition: opacity 0.6s 0.2s, clip-path 1s 0.6s cubic-bezier(0.79, -0.01, 0, 0.99);
    transition: opacity 0.6s 0.2s, clip-path 1s 0.6s cubic-bezier(0.79, -0.01, 0, 0.99), -webkit-clip-path 1s 0.6s cubic-bezier(0.79, -0.01, 0, 0.99);
}
@-webkit-keyframes sliderIn {  from {transform: scale(0);  }  to {transform: scale(1);  }}
@keyframes sliderIn {  from {transform: scale(0);  }  to {transform: scale(1);  }}
@-webkit-keyframes fade {  from {opacity: 0;  }  to {opacity: 1;  }}
@keyframes fade {  from {opacity: 0;  }  to {opacity: 1;  }}
@-webkit-keyframes fadeOut {  from {opacity: 1;  }  to {opacity: 0;  }}
@keyframes fadeOut {  from {opacity: 1;  }  to {opacity: 0;  }}
@-webkit-keyframes fadeInVid {  from {opacity: 0;  }  to {opacity: 0.1;  }}
@keyframes fadeInVid {  from {opacity: 0;  }  to {opacity: 0.1;  }}
@-webkit-keyframes hr {  from {width: 0;  }  to {width: 70px;  }}
@keyframes hr {  from {width: 0;  }  to {width: 70px;  }}
@-webkit-keyframes hrOut {  from {width: 70px;  }  to {width: 0px;  }}
@keyframes hrOut {  from {width: 70px;  }  to {width: 0px;  }}
@-webkit-keyframes spark {  from {-webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);  }  to {    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);  }}
@keyframes spark {  from {-webkit-clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 0% 0%, 0% 100%, 0% 100%);  }  to {    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);  }}
.scroll {  position: absolute;  left: calc(50% - 348px);  top: 458px;  transition: all 0.8s 0s;  opacity: 0;}
.back {  position: absolute;  height: 100vh;}
.back img {  -webkit-animation: none !important; animation: none !important;  opacity: 1 !important;  transform: rotate(90deg);  bottom: 73px !important;  position: absolute;}
.portfolio.homesections {transform: all 300ms ease-in;}
.homesections .homesection {  width: 100vw;  height: 100vh;  margin: 0;  padding: 0;  position: relative; display: flex; }
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection h1 {  margin: 0;  padding: 0;  position: absolute;  }
*/
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection:nth-child(2n) {  background-color: #6975A6;}
*/
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection:nth-child(3n) {  background-color: #F3E96B;}
*/
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection:nth-child(4n) {  background-color: #F28A30;}
*/
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection:nth-child(5n) {  background-color: #F05837;}
*/
h1 {font-size: 70px;}
/* MHAS2026 UNUSED: hard-coded demo filler rule replaced by Elementor slide content
.homesections .homesection:not(:first-child) h1 {margin-top: 15%;}
*/
@media (max-width: 800px) {
#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-widget, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1, .sfm-sub-swipe #sfm-sidebar .sfm-view-level-2, .sfm-sub-swipe #sfm-sidebar .sfm-view-level-3, .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom, .sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom, .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-custom-content, .sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom .sfm-content-wrapper,
.sfm-sub-swipe #sfm-sidebar .sfm-menu,
.view-portfolio #sfm-sidebar .sfm-view-level-1,
#sfm-sidebar .sfm-view-level-1 .sfm-menu,
#sfm-sidebar .sfm-view-level-2 .sfm-menu,
#sfm-sidebar .sfm-view-level-3 .sfm-menu {width: 100vw;}
.view-usrdash #sfm-sidebar .sfm-view-level-1,.view-home #sfm-sidebar .sfm-view-level-1, .view-blog #sfm-sidebar .sfm-view-level-1 {	left: auto; right: 100vw; width: 100vw; -webkit-transform: translate3d(100vw,0,0); transform: translate3d(100vw,0,0);}
.view-portfolio #sfm-sidebar .sfm-view-level-2 { left: 200vw; width: 100vw; -webkit-transform: translate3d(-300vw,0,0);	transform: translate3d(-300vw,0,0);}
.view-usrdash #sfm-sidebar .sfm-view-level-2, .view-home #sfm-sidebar .sfm-view-level-2, .view-blog #sfm-sidebar .sfm-view-level-2{ left: auto; right: 200vw; width: 100vw; -webkit-transform: translate3d(300vw,0,0); transform: translate3d(300vw,0,0);}
.view-portfolio #sfm-sidebar .sfm-view-level-3 { left: 300vw; width: 100vw; -webkit-transform: translate3d(-400vw,0,0);	transform: translate3d(-400vw,0,0);}
.view-usrdash #sfm-sidebar .sfm-view-level-3, .view-home #sfm-sidebar .sfm-view-level-3, .view-blog #sfm-sidebar .sfm-view-level-3 { left: auto;	right: 300vw; width: 100vw;-webkit-transform: translate3d(300vw,0,0);	transform: translate3d(300vw,0,0);}
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-3,
.sfm-sub-swipe #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-dropdown #sfm-sidebar .sfm-view-level-custom {left: 100vw; width: 100vw}
#sfm-sidebar,
.view-usrdash .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar,
.view-home .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar,
/* MHAS2026 UNUSED: legacy view-blog/view-usrdash selector not used by MHAS2026
.view-blog .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {-webkit-transform: translate3d(-100vw,0,0);transform: translate3d(-100vw,0,0);}
*/
.sfm-sub-swipe.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3,
.sfm-sub-dropdown.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom,
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-custom {-webkit-transform: translate3d(-100vw,0,0) !important;transform: translate3d(-100vw,0,0) !important;}
.view-usrdash #sfm-sidebar, .view-home #sfm-sidebar, .view-blog #sfm-sidebar, .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {-webkit-transform: translate3d(100vw,0,0);transform: translate3d(100vw,0,0);}
#sfm-sidebar .sfm-view .sfm-menu li, #sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li {  max-width: 400px;  margin: 0 auto;}
.view-home .sfm-body-pushed .gradientbar.bottom {min-width:100vw;}
.sfm-sub-swipe.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe.sfm-view-pushed-custom #sfm-sidebar .sfm-view-level-1,
.sfm-sub-swipe.sfm-view-pushed-custom.sfm-view-pushed-2 #sfm-sidebar .sfm-view-level-2,
.sfm-sub-swipe.sfm-view-pushed-custom.sfm-view-pushed-3 #sfm-sidebar .sfm-view-level-3 { -webkit-transform: translate3d(-200vw, 0, 0) !important; transform: translate3d(-200vw, 0, 0) !important; }
#sfm-sidebar .sfm-scroll-main,
#sfm-sidebar .sfm-view { -webkit-transition: -webkit-transform 0.4s cubic-bezier(.215, .61, .355, 1); transition: transform 0.4s cubic-bezier(.215, .61, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform;}

}