.gb-sm-visible {
  display: none; }

.root-layout__work_zen .nb-row__main {
  position: relative;
  margin: -120px 0 48px;
  padding: 120px 0 68px;
  color: #FFF;
  background: #F65C5C; }

.root-layout__work_zen .b-workpage-desc {
  padding: 0;
  background: 0 0; }

.root-layout__work_zen .wide-image {
  position: relative;
  overflow: hidden;
  height: 400px;
  margin: 0 -20px 16px; }

.root-layout__work_zen .wide-image img {
  position: absolute;
  left: 50%;
  margin-left: -990px; }

.root-layout__work_zen .btn-primary {
  color: #fe5e72;
  border-color: #fe5e72; }

.root-layout__work_zen .btn-primary:hover {
  color: #FFF;
  background: #fe5e72; }

.zen-bg {
  background: url(/local/templates/nopreset/works/assets/zen/zen-sticks.jpg) right bottom no-repeat; }

@media screen and (min-width: 1000px) {
  .u-figure__left {
    max-width: 620px; }
  .u-figure__left .b-browser-base {
    margin-left: -360px; } }

@media screen and (max-width: 1000px) {
  .u-figure__left .sm-browser-responsive {
    margin-right: 20px; }
  .sm-browser-responsive img {
    width: 100%; } }

.root-layout__work_energo .b-browser-wrap {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.root-layout__work_energo .nb-row__cover {
  position: relative;
  height: 662px;
  margin: -112px 0 0;
  padding-top: 112px; }

.root-layout__work_energo .b-workpage-header {
  position: relative;
  z-index: 2;
  color: #FFF; }

.root-layout__work_energo .b-workpage-desc {
  background: 0 0; }

.root-layout__work_energo .btn-primary {
  color: #29b3f8;
  border-color: #29b3f8; }

.root-layout__work_energo .btn-primary:hover {
  color: #FFF;
  border-color: #5cbae5;
  background: #5cbae5; }

.root-layout__work_energo .b-workpage-header-hero {
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase; }

.root-layout__work_energo .row__brand {
  color: #FFF;
  background: #29b3f8; }

.root-layout__work_energo .b-browser-base__responsive {
  margin: 0; }

.root-layout__work_energo .page-layout .col-group {
  margin-right: -15px;
  margin-left: -15px; }

.root-layout__work_energo .page-layout .col-group .col-1, .root-layout__work_energo .page-layout .col-group .col-10, .root-layout__work_energo .page-layout .col-group .col-11, .root-layout__work_energo .page-layout .col-group .col-12, .root-layout__work_energo .page-layout .col-group .col-2, .root-layout__work_energo .page-layout .col-group .col-3, .root-layout__work_energo .page-layout .col-group .col-4, .root-layout__work_energo .page-layout .col-group .col-5, .root-layout__work_energo .page-layout .col-group .col-6, .root-layout__work_energo .page-layout .col-group .col-7, .root-layout__work_energo .page-layout .col-group .col-8, .root-layout__work_energo .page-layout .col-group .col-9 {
  padding: 0 15px; }

.section-cover-image {
  position: relative;
  margin-top: -320px; }

.animation-layout {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 662px;
  background: #000; }

.animation-layout .blur {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

.animation-layout .blur img {
  vertical-align: top; }

.animation-layout .active {
  transition: all 5s ease-in;
  opacity: 1; }

.animation-layout .last-active {
  transition: all 5s ease-in;
  opacity: 0; }

.root-layout__work_orange .nb-row__cover {
  height: 740px;
  background: url(/local/templates/nopreset/works/assets/orange/orange-cover.jpg) 50% bottom no-repeat #f0efe3; }

.root-layout__work_orange .nb-row__main {
  position: relative;
  margin: -138px 0 48px;
  padding: 140px 0 68px;
  color: #FFF; }

.root-layout__work_orange .b-workpage-header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .9; }

.root-layout__work_orange .b-workpage-header-hero {
  letter-spacing: 5px;
  text-transform: uppercase; }

.root-layout__work_orange .b-workpage-desc {
  padding: 0;
  background: 0 0; }

.root-layout__work_orange .nb-row__colored {
  background: #f0efe3; }

.root-layout__work_orange .nb-row__pattern {
  background: url(/local/templates/nopreset/works/assets/orange/orange-pattern.jpg); }

.root-layout__work_orange .g-offset {
  display: block;
  height: 42px; }

.root-layout__work_orange .btn-primary {
  color: #e27f21;
  border-color: #e27f21; }

.root-layout__work_orange .btn-primary:hover {
  color: #FFF;
  background: #e27f21; }

.root-layout__work_sdesign ::-moz-selection {
  color: #FFF;
  background: #bc0000; }

.root-layout__work_sdesign ::selection {
  color: #FFF;
  background: #bc0000; }

.root-layout__work_sdesign .col-item {
  padding: 0 15px; }

.root-layout__work_sdesign .col-item-fix {
  margin-top: -312px;
  text-align: left; }

.root-layout__work_sdesign .nb-row__cover {
  position: relative;
  box-sizing: content-box;
  min-height: 680px;
  margin: -80px 0 0;
  padding: 80px 0 0;
  background: url(/local/templates/nopreset/works/assets/sdesign/cover/dot_pattern.png) center top; }

.root-layout__work_sdesign .nb-row__cover .workpage-logo {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 287px;
  margin: -164px 0 0 -164px;
  padding: 24px;
  text-align: center; }

.root-layout__work_sdesign .b-workpage-header {
  display: none; }

.root-layout__work_sdesign .b-workpage-desc {
  background: 0 0; }

.root-layout__work_sdesign .btn-studiodesign {
  font-size: 20px;
  font-weight: 600;
  padding: 32px 52px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000;
  border: 4px solid #000; }

.root-layout__work_sdesign .btn-studiodesign:hover {
  color: #FFF;
  background: #000; }

.root-layout__work_sdesign .btn-studiodesign:active {
  color: #FFF;
  border-color: #bc0000;
  background: #bc0000; }

.root-layout__work_sdesign .show-section__sdesign {
  border-top: 8px solid #FFF;
  background: url(/local/templates/nopreset/works/assets/sdesign/cover/cover-wall.jpg) no-repeat #ededed; }

.root-layout__work_sdesign .nb-row__features {
  position: relative;
  margin: 0;
  padding: 0;
  background: url(/local/templates/nopreset/works/assets/sdesign/cover/lg-cover.png) center top/cover fixed; }

.root-layout__work_sdesign .nb-row__features .b-showcase-hero {
  padding: 172px 0;
  text-align: center;
  color: #FFF; }

.root-layout__work_sdesign .nb-row__features .b-showcase-hero .b-workpage-desc {
  font-size: 18px;
  line-height: 28px;
  width: 100%;
  margin: 0; }

.root-layout__work_sdesign .nb-row__features .b-showcase-hero .intro {
  font: 600 32px/42px futura-pt;
  margin: 0 0 18px; }

.root-layout__work_rlight .nb-row__cover {
  height: 740px;
  margin-top: -115px;
  padding-top: 114px;
  background: url(/local/templates/nopreset/works/assets/rlight/rlight-cover.jpg) center top/cover no-repeat fixed; }

.root-layout__work_rlight .b-workpage-header {
  color: #FFF; }

.root-layout__work_rlight .b-workpage-desc {
  padding: 0;
  background: 0 0; }

.root-layout__work_rlight .b-showcase-hero__pic {
  margin: -390px 0 26px; }

.root-layout__work_rlight .btn-primary {
  color: #5cbae5;
  border-color: #5cbae5; }

.root-layout__work_rlight .btn-primary:hover {
  color: #FFF;
  border-color: #5cbae5;
  background: #5cbae5; }

.nb-row__colored-rlight {
  background: #e0e0e0; }

.work-item__conf .work-item--prev {
  position: absolute;
  top: 0;
  right: 0; }

.root-layout__work_conf .nb-row__cover {
  box-sizing: content-box;
  min-height: 720px;
  padding: 0 0 36px;
  background: url(/local/templates/nopreset/works/assets/conf/conf-cover.jpg) 100% 0 no-repeat fixed #dedede; }

.root-layout__work_conf .work-logo {
  width: 200px;
  margin-bottom: 42px; }

.root-layout__work_conf .b-workpage-header {
  padding-top: 400px;
  padding-bottom: 240px;
  color: #FFF; }

.root-layout__work_conf .b-workpage-desc h3 {
  font: 600 32px futura-pt;
  padding: 0 20px 12px; }

.root-layout__work_conf .show-headline {
  max-width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center; }

.root-layout__work_conf .nb-row__features {
  font-size: 0;
  margin: 0;
  padding: 52px 0;
  background: #efefef; }

.root-layout__work_conf .nb-row__features .b-showcase-hero {
  width: 100%;
  max-width: 1200px; }

.root-layout__work_conf .nb-row__features .intro, .root-layout__work_conf .nb-row__features .text {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  display: inline-block;
  box-sizing: border-box;
  width: 50%;
  padding: 0 20px;
  vertical-align: top; }

.root-layout__work_conf .nb-row__features .intro a, .root-layout__work_conf .nb-row__features .text a {
  color: #000; }

.root-layout__work_conf .v-item {
  padding: 0 15px; }

.root-layout__work_conf .col-group {
  margin: 0 -15px; }

.root-layout__work_conf .main_link .btn-basic {
  font-size: 18px;
  font-weight: 600;
  padding: 26px 38px;
  color: #efdbb2;
  border: 0;
  border-radius: 10px;
  background: #994223;
  box-shadow: 0 18px 23px -20px #520C0D, 0 3px #5f1213;
  text-shadow: 0 1px #570F0F; }

.root-layout__work_conf .main_link .btn-basic:hover {
  background: #77351D; }

.root-layout__work_conf .main_link .btn-basic:active {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  background: #77351D;
  box-shadow: inset 0 3px 10px #5f1213; }

.work-features--list {
  font-size: 0;
  position: absolute;
  right: 0;
  bottom: 68px;
  left: 0;
  padding: 42px 24px 0;
  text-align: center; }

.work-features--list li {
  display: inline-block;
  box-sizing: border-box;
  width: 33.333%;
  padding: 0 24px;
  text-align: center;
  vertical-align: top; }

.work-features--list-item {
  position: relative;
  display: inline-block;
  padding: 0 0 0 64px;
  text-align: left; }

.work-features--icon {
  position: absolute;
  top: 4px;
  left: 0;
  width: 50px;
  text-align: right; }

.work-features--icon img {
  display: block;
  width: 100%; }

.work-features--text {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF; }

.work-features--text h3 {
  font: 600 18px/26px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 2px;
  letter-spacing: .2em;
  text-transform: uppercase; }

.showcase-layout {
  width: 960px;
  max-width: 100%;
  padding: 56px 0;
  background: #F6F7EB; }

.showcase-carouserl--item {
  width: 960px; }

.showcase-carouserl--item .b-browser-base__responsive {
  margin: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }

.showcase-carouserl--caption {
  font-size: 16px;
  padding: 32px 0;
  text-align: center; }

.showcase-carouserl--caption h4 {
  font: 600 28px futura-pt;
  margin-bottom: 4px; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel {
  position: relative;
  z-index: 1;
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "."; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  display: block;
  opacity: 0; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  float: left;
  min-height: 1px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  height: auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.no-js .owl-carousel {
  display: block; }

.owl-carousel .owl-item .owl-lazy {
  transition: opacity .4s ease;
  opacity: 0; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  cursor: pointer;
  transition: scale .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  height: 100%;
  transition: opacity .4s ease;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

.owl-dots {
  text-align: center; }

.owl-dot {
  display: inline-block;
  padding: 0 8px;
  vertical-align: middle; }

.owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #B0AAA2;
  border-radius: 50%; }

.owl-dot.active span {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.owl-next, .owl-prev {
  font-size: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  width: 50%;
  height: 650px; }

.owl-prev {
  left: 0; }

.owl-next {
  right: 0; }

.touch .owl-nav {
  display: none; }

.root-layout__work_bajjo {
  min-width: 1000px;
  color: #000; }

.root-layout__work_bajjo a, .root-layout__work_bajjo a:hover {
  text-decoration: none; }

.root-layout__work_bajjo .project-intro {
  background: url(/local/templates/nopreset/works/assets/bajjo/cover.jpg) left top no-repeat #5f4876;
  background-size: cover; }

.bajjo-intro {
  display: table;
  max-width: 760px;
  height: 100%;
  margin: 0 auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.bajjo-intro__content {
  font: 300 24px/36px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  vertical-align: middle;
  color: #FFF; }

.bajjo-intro__content:before {
  display: inline-block;
  width: 338px;
  height: 95px;
  content: '';
  background: url(/local/templates/nopreset/works/assets/bajjo/logo.png);
  background-size: 100%; }

.bajjo-intro__content p {
  margin-top: 1.3em; }

.bajjo-intro__content a {
  font-weight: 400;
  padding-bottom: 4px;
  transition: color .3s ease;
  color: #fff;
  border-bottom: 2px solid #5f4876; }

.bajjo-intro__content a:hover {
  color: #5f4876; }

.bajjo-elements {
  text-align: center; }

.bajjo-elements img {
  max-width: 100%; }

.bajjo-mainscreen {
  position: relative;
  max-width: 1360px;
  margin: -75px auto 32px;
  padding: 0 20px;
  text-align: center; }

.bajjo-mainscreen img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }

.bajjo-mainscreen__content {
  font: 400 20px/30px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 100;
  float: right;
  width: 580px;
  margin-top: -110px;
  padding: 28px 30px 24px;
  text-align: left;
  color: #FFF;
  background: #a3b422; }

.bajjo-mainscreen__content h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase; }

.bajjo-container {
  position: relative;
  max-width: 1360px;
  margin: 0 auto; }

.bajjo-container--offset {
  padding-top: 180px; }

.bajjo-section {
  margin-bottom: 80px; }

.bajjo-section:last-child {
  margin-bottom: 0; }

.bajjo-screen {
  text-align: center; }

.bajjo-screen a {
  display: inline-block; }

.bajjo-screen img {
  max-width: 100%;
  vertical-align: top;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }

.bajjo-footer {
  padding: 120px 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center; }

.bajjo-footer__link {
  font: 700 32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 32px;
  letter-spacing: .2em;
  text-transform: uppercase; }

.bajjo-footer__link a {
  color: #000;
  border-bottom: 6px solid #5f4876; }

.bajjo-footer__link a:hover {
  color: #5f4876; }

.bajjo-footer__text {
  font: 300 18px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: default;
  letter-spacing: .2em;
  text-transform: uppercase; }

.root-layout__work_mirtech {
  min-width: 1000px;
  color: #000; }

.root-layout__work_mirtech a, .root-layout__work_mirtech a:hover {
  text-decoration: none; }

.root-layout__work_mirtech .project-intro {
  background: url(/local/templates/nopreset/works/assets/mirtech/cover.jpg) left top no-repeat #333;
  background-size: cover; }

.mirtech-intro {
  display: table;
  max-width: 760px;
  height: 100%;
  margin: 0 auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.mirtech-intro__content {
  font: 300 24px/36px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  vertical-align: middle;
  color: #FFF; }

.mirtech-intro__content:before {
  display: inline-block;
  width: 424px;
  height: 116px;
  margin-left: -76px;
  content: '';
  background: url(/local/templates/nopreset/works/assets/mirtech/mirtech-logo.png); }

.mirtech-intro__content p {
  margin-top: 1.3em; }

.mirtech-intro__content a {
  font-weight: 400;
  padding-bottom: 4px;
  transition: color .3s ease;
  color: #fff;
  border-bottom: 2px solid #a3b422; }

.mirtech-intro__content a:hover {
  color: #a3b422; }

.mirtech-mainscreen {
  position: relative;
  max-width: 1360px;
  margin: -51px auto 32px;
  padding: 0 20px;
  text-align: center; }

.mirtech-mainscreen img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); }

.mirtech-mainscreen__content {
  font: 400 20px/30px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 100;
  float: right;
  width: 580px;
  margin-top: -110px;
  padding: 28px 30px 24px;
  text-align: left;
  color: #FFF;
  background: #a3b422; }

.mirtech-mainscreen__content h2 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase; }

.mirtech-header {
  font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 898px;
  margin: 0 auto 52px;
  padding: 42px 0 0;
  text-align: center; }

.mirtech-header__icon {
  margin-bottom: 12px; }

.mirtech-header__title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 0;
  letter-spacing: .1em;
  text-transform: uppercase; }

.mirtech-header__title:after {
  display: block;
  width: 80px;
  margin: 14px auto 16px;
  content: '';
  border-bottom: 6px solid #a3b422; }

.mirtech-header p {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300; }

.mirtech-catalog {
  font-size: 0;
  overflow: hidden;
  padding: 0 20px 60px;
  text-align: center;
  white-space: nowrap; }

.mirtech-catalog a {
  display: block; }

.mirtech-catalog__wrap {
  display: inline-block; }

@media screen and (min-width: 1021px) {
  .mirtech-catalog__wrap {
    width: 1260px;
    margin-left: -1260px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%); } }

.mirtech-catalog__image {
  position: relative;
  display: inline-block;
  vertical-align: top; }

.mirtech-catalog__image a img {
  max-width: 100%;
  vertical-align: top;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); }

.mirtech-catalog__image:nth-child(2) {
  margin-top: 50px;
  margin-left: -200px; }

@media screen and (max-width: 1020px) {
  .mirtech-catalog {
    text-align: left; }
  .mirtech-catalog__image:nth-child(2) {
    margin-top: 260px;
    margin-left: -100px; } }

.mirtech-catalog__image:nth-child(3) {
  margin-top: 352px;
  margin-left: -260px; }

@media screen and (max-width: 1020px) {
  .mirtech-catalog__image:nth-child(3) {
    display: block;
    margin-top: -250px;
    margin-left: 60px; } }

.mirtech-company {
  font-size: 0;
  max-width: 1386px;
  margin: 0 auto; }

.mirtech-company .col-4 {
  box-sizing: border-box;
  padding: 0 15px;
  vertical-align: top; }

.mirtech-company__image {
  margin-bottom: 30px;
  padding-bottom: 1px;
  border: 1px solid #e5e5e5; }

.mirtech-company__image img {
  max-width: 100%;
  vertical-align: top; }

.mirtech-company__factoid {
  font: 700 28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 27px 0 46px;
  letter-spacing: .1em;
  text-transform: uppercase; }

@media screen and (max-width: 1200px) {
  .mirtech-company__factoid {
    font-size: 22px; } }

.mirtech-company__factoid span {
  color: #a3b422; }

.mirtech-detail {
  position: absolute;
  z-index: -1;
  top: 122px;
  right: -256px; }

@media screen and (max-width: 1020px) {
  .mirtech-detail {
    top: -180px;
    right: auto;
    left: 100px; } }

.mirtech-detail-2 {
  padding-top: 30px; }

.mirtech-detail-2 img {
  max-width: 100%;
  vertical-align: top; }

.mirtech-container {
  position: relative;
  max-width: 1360px;
  margin: 0 auto; }

.mirtech-container--offset {
  padding-top: 180px; }

.mirtech-screen {
  text-align: center; }

.mirtech-screen img {
  max-width: 100%;
  vertical-align: top;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15); }

.mirtech-floating img {
  position: absolute;
  z-index: 100;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }

.mirtech-footer {
  padding: 120px 0;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center; }

.mirtech-footer__link {
  font: 700 32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 32px;
  letter-spacing: .2em;
  text-transform: uppercase; }

.mirtech-footer__link a {
  color: #000;
  border-bottom: 6px solid #a3b422; }

.mirtech-footer__link a:hover {
  color: #a3b422; }

.mirtech-footer__text {
  font: 300 18px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: default;
  letter-spacing: .2em;
  text-transform: uppercase; }

.sauri-app-row {
  margin-right: -16px;
  margin-left: -16px; }

.sauri-app-row:after, .row:before {
  display: table;
  content: " "; }

.sauri-app-row:after {
  clear: both; }

.sauri-app-cover {
  position: relative;
  top: -102px;
  height: 150vh;
  background-image: linear-gradient(to top, #4c3763 0, #eb0089 100%);
  background-size: cover; }

.sauri-app-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100%;
  margin: 240px auto 172px;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.sauri-app-intro__content {
  font: 400 32px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 540px;
  vertical-align: middle;
  color: #fff; }

.sauri-app-intro__content h1 {
  font: 400 32px/48px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sauri-app-intro__content p {
  font: 400 18px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sauri-app-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none; }

.sauri-app-intro__content a:hover {
  opacity: .8; }

.sauri-app-intro__content:before {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 149px;
  height: 149px;
  content: '';
  background: url(/local/templates/nopreset/works/assets/sauri/sauri-app-store.png); }

.sauri-app-intro__mainscreen {
  display: table-cell;
  vertical-align: middle; }

.sauri-app-intro__mainscreen .sauri-app-intro__img {
  margin: 0 0 0 100px; }

.sauri-app-intro__mainscreen .sauri-app-intro__img img {
  width: 100%;
  height: auto; }

.sauri-app-download {
  display: inline-block;
  margin: 16px auto; }

.sauri-app-content {
  font: 400 24px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333; }

.sauri-app-content h2 {
  font: 400 32px/42px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sauri-app-content p {
  font: 400 18px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sauri-app-content ul {
  font: 400 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0;
  list-style-type: none; }

.sauri-app-content ul li {
  margin: 8px auto; }

.sauri-app-content ul li:before {
  position: relative;
  top: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 16px;
  content: '';
  border: 2px solid #4C3763;
  border-radius: 100px; }

.sauri-app-screen {
  text-align: center; }

.sauri-app-sales {
  position: relative;
  top: -72px; }

.sauri-app-sales .sauri-app-content {
  margin: 120px auto 120px; }

.sauri-app-sales .sauri-app-content:before {
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: -480px;
  display: inline-block;
  width: 418px;
  height: 348px;
  content: '';
  background: url(/local/templates/nopreset/works/assets/sauri/sauri-sales.png); }

.sauri-app-burger {
  position: relative;
  z-index: -10;
  height: 100%;
  padding: 320px 0 120px;
  background-image: linear-gradient(to bottom, #4c3763 0, #eb0089 100%); }

.sauri-app-burger .sauri-app-screen {
  margin: 72px auto; }

.sauri-app-burger .sauri-app-content {
  color: #fff; }

.sauri-app-burger .sauri-burger-icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: start; }

.sauri-app-burger .icon {
  margin: auto;
  padding: 24px; }

.sauri-app-burger .icon-delivery {
  width: 37px;
  height: 31px;
  background-image: url(../img/sprite.png);
  background-position: -80px -40px; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-delivery {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-action {
  width: 40px;
  height: 41px;
  background-image: url(../img/sprite.png);
  background-position: 0 0; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-action {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-profile {
  width: 38px;
  height: 40px;
  background-image: url(../img/sprite.png);
  background-position: -80px 0; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-profile {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-order {
  width: 36px;
  height: 41px;
  background-image: url(../img/sprite.png);
  background-position: 0 -80px; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-order {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-contact {
  width: 39px;
  height: 39px;
  background-image: url(../img/sprite.png);
  background-position: 0 -41px; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-contact {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-favorites {
  width: 40px;
  height: 41px;
  background-image: url(../img/sprite.png);
  background-position: -40px 0; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-favorites {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-qiality {
  width: 42px;
  height: 35px;
  background-image: url(../img/sprite.png);
  background-position: -36px -80px; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-qiality {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-burger .icon-instruction {
  width: 36px;
  height: 41px;
  background-image: url(../img/sprite.png);
  background-position: -118px 0; }

@media (-webkit-min-device-pixel-ratio: 2) {
  .sauri-app-burger .icon-instruction {
    background-image: url(../img/sprite@2x.png);
    background-size: 154px 121px; } }

.sauri-app-swype-item {
  display: inline-block;
  margin: 32px 16px; }

.sauri-app-swype {
  position: relative;
  height: 742px;
  margin: 120px auto 0;
  text-align: center; }

.owl-swype {
  margin: 172px auto;
  text-align: center; }

.owl-swype:before {
  position: absolute;
  z-index: 100;
  bottom: 0;
  display: inline-block;
  width: 434px;
  height: 556px;
  margin-left: -217px;
  content: '';
  background: url(/local/templates/nopreset/works/assets/sauri/sauri-swype.png); }

.sauri-app-category {
  padding: 132px 0;
  color: #fff;
  background: #EB008B; }

.sauri-app-category .sauri-app-content {
  margin-top: 120px;
  color: #fff; }

.sauri-app-category .sauri-app-screen--goods {
  position: relative;
  z-index: 100;
  margin-top: 320px; }

.sauri-app-category .sauri-app-screen--add-basket {
  position: relative;
  z-index: 100;
  top: 618px; }

.sauri-app-category .sauri-app-category-list {
  display: table;
  margin: 32px 0; }

.sauri-app-category .sauri-app-category-list .sauri-app-category-img {
  display: table-cell;
  vertical-align: middle; }

.sauri-app-category .sauri-app-category-list .sauri-app-category-item {
  font: 400 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  padding-left: 32px;
  vertical-align: middle;
  color: #fff; }

.sauri-app-pages--cover {
  position: relative;
  padding-top: 120px;
  background: #4C3763; }

.sauri-app-pages--cover .sauri-app-screen {
  position: relative;
  margin: 48px auto; }

.sauri-app-pages--cover .sauri-app-content p {
  margin: 60px auto 120px;
  text-align: center;
  color: #fff; }

.sauri-app-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.sauri-app-icons--cover {
  position: relative;
  text-align: center;
  background: #4C3763; }

.sauri-app-icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 172px auto 0;
  -ms-flex-align: center;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.sauri-app-icons-item {
  margin: auto; }

.sauri-app-footer {
  font: 700 32px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  margin-bottom: 32px;
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase; }

@media (max-width: 770px) {
  .sauri-app-cover {
    height: 100%; }
  .sauri-app-intro__content:before {
    position: relative; }
  .sauri-app-intro__content {
    display: block;
    width: 100%;
    text-align: center; }
  .sauri-app-intro__mainscreen {
    display: block !important;
    width: 80%;
    margin: auto; }
  .sauri-app-intro__mainscreen .sauri-app-intro__img {
    display: none; }
  .sauri-app-screen img {
    width: 100%;
    height: auto; }
  .sauri-app-sales .sauri-app-content {
    margin: 200px auto; } }

@media (max-width: 720px) {
  .gm-responsive .section-extrahero {
    font-size: 32px; }
  .sauri-app-cover {
    top: -112px; }
  .sauri-app-intro {
    margin: 120px auto; }
  .sauri-app-download {
    margin-top: 32px; }
  .sauri-app-intro__content h1 {
    font: 400 24px/32px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto; }
  .sauri-app-intro__content p {
    font: 400 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sauri-app-content h2 {
    font: 400 24px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sauri-app-content p {
    font: 400 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sauri-app-sales .sauri-app-content {
    margin: 72px auto 0; }
  .sauri-app-sales .sauri-app-content:before {
    display: none; }
  .sauri-app-sales ul {
    font: 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sauri-app-burger {
    padding: 0; }
  .sauri-app-burger .col-md-6:first-child .sauri-app-content {
    display: none; }
  .sauri-app-swype {
    height: 634px; }
  .sauri-app-swype-item {
    display: none; }
  .owl-swype {
    margin: 0 auto; }
  .owl-swype:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 320px;
    height: 410px;
    margin: auto;
    content: '';
    background: url(/local/templates/nopreset/works/assets/sauri/sauri-swype-mini.png); }
  .sauri-app-category {
    padding-bottom: 64px; }
  .sauri-app-category .sauri-app-category-list .sauri-app-category-item {
    font: 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sauri-app-category .sauri-app-content {
    margin-top: 0;
    margin-bottom: 64px; }
  .sauri-app-category .sauri-app-screen {
    display: none; }
  .sauri-app-category .sauri-app-screen--add-basket {
    top: 120px;
    display: inline-block; }
  .sauri-icon-item {
    width: 25%; }
  .sauri-app-burger .icon {
    padding: 24px 12px; }
  .sauri-icon-item img {
    width: 100%;
    height: auto; }
  .sauri-app-pages--cover {
    padding-top: 72px; } }

.root-layout__work_sauri-app .page-layout {
  padding-bottom: 40px; }

.sauri-app-intro__content p {
  margin: 10px auto; }

.csb-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  background: url(/local/templates/nopreset/works/assets/csb/cover.jpg); }

.csb-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.csb-intro__content {
  font: 400 18px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: #fff; }

.csb-intro__content h1 {
  font: 600 42px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.csb-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.csb-intro__content a:hover {
  opacity: 1; }

.csb-intro__content p {
  font-size: 20px;
  margin: 20px auto; }

@media screen and (max-width: 520px) {
  .csb-intro__content {
    font: 400 18px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .csb-intro__content h1 {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .csb-intro__content p {
    font-size: 14px;
    margin: 10px auto; } }

.csb-project-content {
  text-align: center; }

.csb-mainscreen {
  position: relative;
  top: -143px; }

.csb-mainscreen a {
  display: block; }

.csb-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.csb-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.csb-catalog {
  background: #333; }

.csb-screen {
  position: relative;
  z-index: 10; }

.csb-screen a {
  display: block;
  width: 100%;
  height: auto; }

.csb-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.csb-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center;
  color: #fff; }

.csb-screen-content p {
  max-width: 760px;
  margin: 32px auto; }

.csb-screen-title {
  font: 700 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin: 120px auto 72px;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #fff; }

.csb-screen-title:before {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: inline-block;
  width: 40%;
  height: 1px;
  margin: auto;
  content: '';
  background: #da0000; }

.csb-screen-title:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 60%;
  height: 1px;
  content: '';
  background: #6F6F6F; }

.csb-screen-floating {
  position: absolute; }

.csb-catalog .csb-pages {
  margin: 120px auto; }

.csb-catalog .csb-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.csb-catalog .csb-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 320px; }

.csb-about {
  background: #DADADA; }

.csb-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #333; }

.csb-about .csb-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.csb-about .csb-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.csb-academy {
  position: relative;
  background: #DADADA; }

.csb-academy .csb-screen-content p {
  color: #333; }

.csb-academy:before {
  position: absolute;
  z-index: 10;
  bottom: -50vh;
  display: inline-block;
  width: 100%;
  height: 100vh;
  content: '';
  background: #333; }

.csb-academy .csb-screen-title {
  margin: 120px auto 72px;
  color: #333; }

.csb-good {
  position: relative;
  color: #fff;
  background: #DADADA; }

.csb-good .csb-screen-title {
  z-index: 100;
  margin: 0 auto 72px;
  text-align: left;
  color: #fff; }

.csb-good .csb-screen-content {
  z-index: 100;
  margin: 0 auto; }

.csb-good .csb-screen-content p {
  position: relative;
  z-index: 100;
  text-align: left; }

.csb-order {
  background: #DADADA; }

.csb-order .csb-screen-title {
  color: #333; }

.csb-order .csb-screen-content {
  color: #333; }

.csb-order .csb-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.csb-order .csb-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.csb-content-pages .csb-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.csb-content-pages .csb-screen {
  width: 30%;
  margin: 32px auto; }

.csb-content-pages .csb-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.csb-content-pages .csb-screen-title {
  color: #333; }

.csb-theend {
  position: relative;
  margin-bottom: 30px;
  background: #333; }

.csb-theend-link {
  margin: 120px auto;
  text-align: center; }

.csb-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #da0000; }

.csb-theend-link a:hover {
  opacity: 1; }

.bootstrap-row {
  margin-right: -16px;
  margin-left: -16px; }

.bootstrap-row:after, .row:before {
  display: table;
  content: " "; }

.bootstrap-row:after {
  clear: both; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .csb-good .csb-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .csb-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .csb-screen-title {
    font: 700 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 2.5px; }
  .csb-content-pages .csb-screen-title, .csb-good .csb-screen-title, .csb-order .csb-screen-title {
    text-align: center; }
  .csb-pages, .csb-screen, .csb-screen-content {
    margin: 0 auto; }
  .csb-screen-floating {
    position: relative; }
  .csb-academy .csb-screen-title {
    margin: 32px auto; }
  .csb-good .csb-screen-title {
    margin-bottom: 64px; }
  .csb-about .csb-pages, .csb-academy .csb-pages, .csb-catalog .csb-pages, .csb-content-pages .csb-pages, .csb-good .csb-pages, .csb-order .csb-pages {
    margin: 32px auto 0; }
  .csb-about .csb-screen, .csb-academy .csb-screen, .csb-catalog .csb-screen, .csb-content-pages .csb-screen, .csb-good .csb-screen, .csb-order .csb-screen {
    margin: 0 auto 32px; }
  .csb-about .csb-screen--sub-1, .csb-about .csb-screen--sub-2, .csb-academy .csb-screen--sub-1, .csb-academy .csb-screen--sub-2, .csb-catalog .csb-screen--sub-1, .csb-catalog .csb-screen--sub-2, .csb-content-pages .csb-screen--sub-1, .csb-content-pages .csb-screen--sub-2, .csb-good .csb-screen--sub-1, .csb-good .csb-screen--sub-2, .csb-order .csb-screen--sub-1, .csb-order .csb-screen--sub-2 {
    position: relative;
    top: auto; }
  .csb-content-pages .csb-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .csb-content-pages .csb-screen {
    width: 80%; } }

.pancv-theend-link {
  margin: 120px auto;
  text-align: center; }

.pancv-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid white; }

.pancv-theend-link a:hover {
  opacity: 1; }

.pancv-academy {
  position: relative;
  margin-top: 100px;
  background: white; }

.pancv-academy:before {
  position: absolute;
  z-index: 10;
  bottom: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: '';
  background: #b3417a; }

.pancv-academy .row {
  z-index: 11; }

.pancv-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  background: url(/local/templates/nopreset/works/assets/pancv/cover.jpg); }

.pancv-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.pancv-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: #fff; }

.pancv-intro__content p + p {
  padding-top: 20px; }

.pancv-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pancv-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.pancv-intro__content a:hover {
  opacity: 1; }

.pancv-project-content {
  text-align: center; }

.pancv-mainscreen {
  position: relative;
  top: -155px; }

.pancv-mainscreen a {
  display: block; }

.pancv-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.pancv-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.pancv-catalog {
  padding-bottom: 10vh;
  background: #b3417a; }

.pancv-screen {
  position: relative;
  z-index: 10; }

.pancv-screen a {
  display: block;
  width: 100%;
  height: auto; }

.pancv-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.pancv-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center;
  color: #fff; }

.pancv-screen-title {
  font: 700 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin: 120px auto 32px;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #fff; }

.pancv-screen-title:before {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: inline-block;
  width: 10%;
  height: 2px;
  margin: auto;
  content: '';
  background: white; }

.pancv-good .pancv-screen-title:before {
  right: 80%;
  left: 20%;
  width: 20%;
  background: #b3417a; }

.pancv-screen-floating {
  position: absolute; }

.pancv-catalog .pancv-pages {
  margin: 120px auto; }

.pancv-catalog .pancv-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.pancv-catalog .pancv-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 320px; }

.pancv-about {
  background: white; }

.pancv-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #b3417a; }

.pancv-about .pancv-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.pancv-about .pancv-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.pancv-academy .pancv-screen-title {
  margin: 120px auto; }

.pancv-good {
  position: relative;
  padding-top: 20vh;
  background: white; }

.pancv-good .pancv-screen-title {
  z-index: 100;
  text-align: left;
  color: #000; }

.pancv-order {
  background: white; }

.pancv-order .pancv-screen-title {
  text-align: left;
  color: #333; }

.pancv-order .pancv-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.pancv-order .pancv-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.pancv-content-pages .pancv-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.pancv-content-pages .pancv-screen {
  width: 30%;
  margin: 32px auto; }

.pancv-content-pages .pancv-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.pancv-content-pages .pancv-screen-title {
  color: #333; }

.pancv-theend {
  position: relative;
  margin-bottom: 30px;
  background: #b3417a; }

.pancv-mobile .pancv-screen-title {
  color: #000; }

.pancv-mobile .pancv-screen-title:before {
  background: #b3417a; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .pancv-good .pancv-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .pancv-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .pancv-screen-title {
    font: 700 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 2.5px; }
  .pancv-content-pages .pancv-screen-title, .pancv-good .pancv-screen-title, .pancv-order .pancv-screen-title {
    text-align: center; }
  .pancv-pages, .pancv-screen, .pancv-screen-content {
    margin: 0 auto; }
  .pancv-screen-floating {
    position: relative; }
  .pancv-academy .pancv-screen-title {
    margin: 32px auto; }
  .pancv-good .pancv-screen-title {
    margin-bottom: 64px; }
  .pancv-about .pancv-pages, .pancv-academy .pancv-pages, .pancv-catalog .pancv-pages, .pancv-content-pages .pancv-pages, .pancv-good .pancv-pages, .pancv-order .pancv-pages {
    margin: 32px auto 0; }
  .pancv-about .pancv-screen, .pancv-academy .pancv-screen, .pancv-catalog .pancv-screen, .pancv-content-pages .pancv-screen, .pancv-good .pancv-screen, .pancv-order .pancv-screen {
    margin: 0 auto 32px; }
  .pancv-about .pancv-screen--sub-1, .pancv-about .pancv-screen--sub-2, .pancv-academy .pancv-screen--sub-1, .pancv-academy .pancv-screen--sub-2, .pancv-catalog .pancv-screen--sub-1, .pancv-catalog .pancv-screen--sub-2, .pancv-content-pages .pancv-screen--sub-1, .pancv-content-pages .pancv-screen--sub-2, .pancv-good .pancv-screen--sub-1, .pancv-good .pancv-screen--sub-2, .pancv-order .pancv-screen--sub-1, .pancv-order .pancv-screen--sub-2 {
    position: relative;
    top: auto; }
  .pancv-content-pages .pancv-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .pancv-content-pages .pancv-screen {
    width: 80%; } }

.sarquest-cover {
  position: relative;
  background-color: #111; }

.sarquest-screen-content {
  font: 300 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 72px;
  text-align: center;
  color: #fff; }

.sarquest-screen-title {
  font: 400 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #fff; }

.sarquest-content-pages .sarquest-screen-title {
  color: #333; }

.sarquest-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 30vh;
  margin: auto;
  padding-top: 100px;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /*height: 100vh;
		max-height: 1067px;*/ }

.sarquest-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  text-align: center;
  vertical-align: middle;
  color: #fff; }

.sarquest-intro__content p + p {
  margin-top: 20px; }

.sarquest-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.sarquest-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.sarquest-intro__content a:hover {
  opacity: 1; }

.sarquest-project-content {
  text-align: center; }

.sarquest-image {
  position: relative;
  margin-top: -102px;
  background: #111; }

.sarquest-image a {
  display: block;
  margin-bottom: 75px; }

.sarquest-image a img {
  width: 100%; }

.sarquest-theend {
  margin-bottom: -30px;
  background-color: #111; }

.sarquest-theend-link {
  margin: 60px 0 120px 0;
  text-align: center; }

.sarquest-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.sarquest-theend-link a:hover {
  opacity: 1; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5 {
    float: right; } }

@media (max-width: 420px) {
  .sarquest-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .sarquest-screen-content {
    margin: 0 auto; }
  .sarquest-screen-title {
    font: 700 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 2.5px; }
  .sarquest-content-pages .sarquest-screen-title {
    text-align: center; } }

.aviatrans-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  max-height: 1080px;
  background: url(/local/templates/nopreset/works/assets/avia/bg.jpg); }

.aviatrans-cover {
  position: relative;
  top: -102px;
  background-color: #FFF; }

.aviatrans-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  max-height: 1080px;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.aviatrans-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: #fff; }

.aviatrans-intro__content p + p {
  padding-top: 20px; }

.aviatrans-intro__content h1 {
  font: 400 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.aviatrans-intro__content a {
  font-weight: 400;
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.aviatrans-intro__content a:hover {
  opacity: 1; }

.aviatrans-project-content {
  text-align: center; }

.aviatrans-project-content > * {
  margin-bottom: 100px; }

.aviatrans-image {
  position: relative;
  background: #FFF; }

.aviatrans-image .aviatrans-project-content {
  margin-top: -137px; }

.aviatrans-image a {
  display: block; }

.aviatrans-image a img {
  width: 100%;
  box-shadow: 0 5px 80px 0 rgba(27, 27, 27, 0.3); }

.aviatrans-theend {
  margin-bottom: -30px;
  background-color: #FFF; }

.aviatrans-theend-link {
  margin: 0 auto 120px;
  text-align: center; }

.aviatrans-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: #111;
  border-bottom: 1px solid #111; }

.aviatrans-theend-link a:hover {
  opacity: 1; }

.aviatrans-screen-title {
  font: 400 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin: 120px auto 32px;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #111; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5 {
    float: right; } }

@media (max-width: 420px) {
  .aviatrans-screen-content {
    font: 300 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .aviatrans-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 2.5px; } }

.verma-theend-link {
  margin: 120px auto;
  text-align: center; }

.verma-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.verma-theend-link a:hover {
  opacity: 1; }

.verma-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  max-height: 912px;
  background: url(/local/templates/nopreset/works/assets/verma/cover.jpg); }

.verma-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  max-height: 912px;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.verma-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: black; }

.verma-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.verma-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid black; }

.verma-intro__content p + p {
  padding-top: 20px; }

.verma-intro__content a:hover {
  opacity: 1; }

.verma-project-content {
  text-align: center; }

.verma-mainscreen {
  position: relative;
  padding-top: 100px; }

.verma-mainscreen a {
  display: block; }

.verma-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.verma-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.verma-catalog p {
  color: white; }

.verma-screen {
  position: relative;
  z-index: 4; }

.verma-screen a {
  display: block;
  width: 100%;
  height: auto; }

.verma-screen a img {
  width: 100%;
  height: auto; }

.verma-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center;
  color: white; }

.verma-screen-title {
  font: 400 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
  color: white; }

.verma-screen-floating {
  position: absolute; }

.verma-catalog .verma-pages {
  margin: 60px auto; }

.verma-catalog .verma-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.verma-catalog .verma-screen--sub-2 {
  position: absolute;
  z-index: 11;
  top: 335px; }

.verma-about {
  background: white; }

.verma-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #aeb2bd; }

.verma-about .verma-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.verma-about .verma-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.verma-content-pages .verma-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.verma-content-pages .verma-screen {
  width: 30%;
  margin: 32px auto; }

.verma-content-pages .verma-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.verma-theend {
  background: #301331; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .verma-good .verma-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .verma-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .verma-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 5px; }
  .verma-content-pages .verma-screen-title, .verma-order .verma-screen-title {
    text-align: center; }
  .verma-pages, .verma-screen, .verma-screen-content {
    margin: 0 auto; }
  .verma-screen-floating {
    position: relative; }
  .verma-academy .verma-screen-title {
    margin: 32px auto; }
  .verma-good .verma-screen-title {
    margin-bottom: 64px; }
  .verma-about .verma-pages, .verma-academy .verma-pages, .verma-catalog .verma-pages, .verma-content-pages .verma-pages, .verma-good .verma-pages, .verma-order .verma-pages {
    margin: 32px auto 0; }
  .verma-about .verma-screen, .verma-academy .verma-screen, .verma-catalog .verma-screen, .verma-content-pages .verma-screen, .verma-good .verma-screen, .verma-order .verma-screen {
    margin: 0 auto 32px; }
  .verma-about .verma-screen--sub-1, .verma-about .verma-screen--sub-2, .verma-academy .verma-screen--sub-1, .verma-academy .verma-screen--sub-2, .verma-catalog .verma-screen--sub-1, .verma-catalog .verma-screen--sub-2, .verma-content-pages .verma-screen--sub-1, .verma-content-pages .verma-screen--sub-2, .verma-good .verma-screen--sub-1, .verma-good .verma-screen--sub-2, .verma-order .verma-screen--sub-1, .verma-order .verma-screen--sub-2 {
    position: relative;
    top: auto; }
  .verma-content-pages .verma-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .verma-content-pages .verma-screen {
    width: 80%; } }

.verma-folio .verma-pages {
  margin: 60px auto; }

.verma-folio .z-index {
  z-index: 3; }

.verma-folio .verma-screen--sub-1 {
  position: absolute;
  z-index: 2;
  top: -120px; }

.verma-folio .verma-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 300px; }

.verma-folio .verma-screen--sub-3 {
  z-index: 10; }

@media (max-width: 420px) {
  .verma-folio .verma-pages {
    margin: 32px auto 0; }
  .verma-folio .verma-screen {
    margin: 0 auto 32px; }
  .verma-folio .verma-screen--sub-1, .verma-folio .verma-screen--sub-2 {
    position: relative;
    top: auto; } }

.verma-line {
  margin-top: -102px; }

.verma-line section {
  position: relative;
  margin-bottom: 10vh; }

.verma-line section:nth-child(2n-1) {
  background: #66166b; }

.verma-line section:nth-child(2n-1):after {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: -10vh;
  left: -20px;
  display: inline-block;
  content: "";
  border-width: 35vh 0 0 100vw;
  border-style: solid;
  border-color: #66166b transparent transparent;
  background-color: #301331; }

.verma-line section:nth-child(2n) {
  background: #301331; }

.verma-line section:nth-child(2n):after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -10vh;
  left: -20px;
  display: inline-block;
  content: "";
  border-width: 35vh 100vw 0 0;
  border-style: solid;
  border-color: #301331 transparent transparent;
  background-color: #66166b; }

.verma-line section:last-child {
  margin-bottom: -30px;
  background: #66166b; }

.verma-line section:last-child:after {
  position: static;
  content: "";
  border: none; }

.verma-line .verma-mobile:after {
  border-width: 10vh 0 0 0 !important; }

.b-workpage-aside {
  text-align: center; }

.verma-mobile a img {
  width: 100%;
  box-shadow: 0 5px 80px 0 #1b1b1b; }

.orange-theend-link {
  margin: 120px auto;
  text-align: center; }

.orange-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid white; }

.orange-theend-link a:hover {
  opacity: 1; }

.orange-cover {
  position: relative;
  top: -102px;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: #ee642e; }

.orange-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.orange-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: white; }

.orange-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.orange-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid white; }

.orange-intro__content a:hover {
  opacity: 1; }

.orange-project-content {
  text-align: center; }

.orange-mainscreen {
  position: relative;
  padding-top: 100px; }

.orange-mainscreen a {
  display: block; }

.orange-pages {
  position: relative;
  display: inline-block;
  width: 100%; }

.orange-catalog p {
  color: white; }

.orange-screen {
  position: relative;
  z-index: 5; }

.orange-screen a {
  display: block;
  width: 100%;
  height: auto; }

.orange-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.orange-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center; }

.orange-screen-title {
  font: 400 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 5;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase; }

.orange-screen-floating {
  position: absolute; }

.orange-catalog .orange-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.orange-catalog .orange-screen--sub-2 {
  position: absolute;
  z-index: 11;
  top: 335px; }

.orange-about {
  background: white; }

.orange-about .orange-screen--sub-1 {
  position: absolute;
  z-index: 3;
  top: 300px; }

.orange-about .orange-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 20px;
  right: 0; }

.orange-content-pages .orange-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.orange-content-pages .orange-screen {
  width: 30%;
  margin: 32px auto; }

.orange-content-pages .orange-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.orange-theend {
  margin-top: -143px;
  margin-bottom: -30px;
  background: #8ab94f; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .orange-good .orange-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .orange-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .orange-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 5px; }
  .orange-content-pages .orange-screen-title, .orange-order .orange-screen-title {
    text-align: center; }
  .orange-pages, .orange-screen, .orange-screen-content {
    margin: 0 auto; }
  .orange-screen-floating {
    position: relative; }
  .orange-academy .orange-screen-title {
    margin: 32px auto; }
  .orange-good .orange-screen-title {
    margin-bottom: 64px; }
  .orange-about .orange-pages, .orange-academy .orange-pages, .orange-catalog .orange-pages, .orange-content-pages .orange-pages, .orange-good .orange-pages, .orange-order .orange-pages {
    margin: 32px auto 0; }
  .orange-about .orange-screen, .orange-academy .orange-screen, .orange-catalog .orange-screen, .orange-content-pages .orange-screen, .orange-good .orange-screen, .orange-order .orange-screen {
    margin: 0 auto 32px; }
  .orange-about .orange-screen--sub-1, .orange-about .orange-screen--sub-2, .orange-academy .orange-screen--sub-1, .orange-academy .orange-screen--sub-2, .orange-catalog .orange-screen--sub-1, .orange-catalog .orange-screen--sub-2, .orange-content-pages .orange-screen--sub-1, .orange-content-pages .orange-screen--sub-2, .orange-good .orange-screen--sub-1, .orange-good .orange-screen--sub-2, .orange-order .orange-screen--sub-1, .orange-order .orange-screen--sub-2 {
    position: relative;
    top: auto; }
  .orange-content-pages .orange-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .orange-content-pages .orange-screen {
    width: 80%; } }

.orange-folio .z-index {
  z-index: 3; }

.orange-folio .orange-screen--sub-1 {
  position: absolute;
  z-index: 2;
  top: -120px; }

.orange-folio .orange-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 300px; }

.orange-folio .orange-screen--sub-3 {
  z-index: 10; }

@media (max-width: 420px) {
  .orange-folio .orange-pages {
    margin: 32px auto 0; }
  .orange-folio .orange-screen {
    margin: 0 auto 32px; }
  .orange-folio .orange-screen--sub-1, .orange-folio .orange-screen--sub-2 {
    position: relative;
    top: auto; } }

.orange-circle {
  /*overflow: hidden;*/
  position: relative;
  top: -143px; }

.orange-circle section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 5vh 0; }

.orange-circle section:nth-child(2n) {
  background: #8ab94f; }

.orange-circle section:nth-child(2n) {
  color: white; }

.orange-circle section:nth-child(2n-1) {
  color: black; }

.orange-circle section:nth-child(2n-1):before {
  /*content: "";
  position: absolute;
  border-radius: 100%;
  right: -250px;
  top: -378px;
  width: 500px;
  height: 500px;
  border: 64px solid rgb(249, 127, 48);
  z-index: 1;*/ }

.orange-circle section:nth-child(2n-1):after {
  position: absolute;
  z-index: 1;
  right: -200px;
  bottom: -200px;
  width: 400px;
  height: 400px;
  content: "";
  border: 64px solid #f97f30;
  border-radius: 100%; }

.orange-circle section:nth-child(2n-1) .container:before {
  /*content: "";
  position: absolute;
  border-radius: 100%;
  top: 29%;
  left: -200px;
  width: 400px;
  height: 400px;
  border: 64px solid rgb(249, 127, 48);
  z-index: 1;*/ }

.orange-circle .container {
  position: relative; }

.orange-circle section:nth-child(2n):after {
  position: absolute;
  z-index: 1;
  top: -150px;
  left: -170px;
  width: 420px;
  height: 420px;
  content: "";
  border: 64px solid white;
  border-radius: 100%; }

.orange-circle section:first-child {
  padding-top: 0; }

.orange-cover:after {
  position: absolute;
  top: -180px;
  right: -300px;
  width: 630px;
  height: 630px;
  content: "";
  border: 64px solid white;
  border-radius: 100%; }

@media (max-width: 1200px) {
  .orange-cover:after {
    width: 500px;
    height: 500px; } }

.orange-cover:before {
  position: absolute;
  bottom: -200px;
  left: -200px;
  width: 350px;
  height: 350px;
  content: "";
  border: 64px solid white;
  border-radius: 100%; }

@media screen and (max-width: 768px) {
  .orange-cover:before, .orange-cover:after {
    content: none; } }

.orange-circle section:nth-child(2):after {
  content: none; }

.orange-circle section:nth-child(3) .container:before {
  content: none; }

.orange-circle section:nth-child(3):after {
  content: none; }

.orange-circle section:nth-child(4) .orange-pages:before {
  position: absolute;
  z-index: 1;
  top: -180px;
  left: -210px;
  width: 400px;
  height: 400px;
  content: "";
  border: 64px solid white;
  border-radius: 100%; }

@media (max-width: 1200px) {
  .orange-circle section:nth-child(4) .orange-pages:before {
    top: -140px;
    left: -260px; } }

.orange-circle section:nth-child(4):after {
  content: none; }

.orange-circle section:nth-child(5):after {
  position: absolute;
  z-index: 1;
  top: -200px;
  right: -200px;
  width: 400px;
  height: 400px;
  content: "";
  border: 64px solid #f97f30;
  border-radius: 100%; }

.orange-circle section:nth-child(6):after {
  content: none; }

.orange-circle section:nth-child(8):after {
  content: none; }

.orange-circle section:nth-child(9):after {
  content: none; }

.orange-circle section:nth-child(10):after {
  content: none; }

.orange-circle section:nth-child(11):after {
  position: absolute;
  z-index: 1;
  top: -200px;
  left: -200px;
  width: 500px;
  height: 500px;
  content: "";
  border: 64px solid #f97f30;
  border-radius: 100%; }

.orange-circle section:nth-child(12):after {
  content: none; }

.orange-circle section .orange-screen-header {
  z-index: 10; }

.background_tc-orange {
  background: #ee642e; }

.orange-intro__content p + p {
  padding-top: 20px; }

.verma-line .orange-mobile:after {
  border-width: 10vh 0 0 0 !important; }

.orange-mobile a img {
  width: 100%; }

.orange-mobile:after {
  content: none !important; }

.markelov-intro__content p + p {
  padding-top: 20px; }

.markelov-theend-link {
  margin: 120px auto;
  text-align: center; }

.markelov-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid; }

.markelov-theend-link a:hover {
  opacity: 1; }

.markelov-cover {
  position: relative;
  top: -102px;
  width: 100%;
  height: 100vh;
  max-height: 1080px;
  background: #c5c5c6; }

.markelov-cover .cover_image {
  position: absolute;
  bottom: -4px;
  left: 0; }

@media screen and (max-width: 520px) {
  .markelov-cover .cover_image {
    bottom: 0;
    height: 100%; }
  .markelov-cover .cover_image img {
    width: auto;
    height: 100%; } }

.markelov-intro {
  position: relative;
  left: 50%;
  display: table;
  width: 50%;
  max-width: 1280px;
  height: 100vh;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.markelov-container {
  position: relative;
  width: 1200px;
  max-height: 1080px;
  margin: auto; }

@media (max-width: 1200px) {
  .markelov-container {
    width: 100%; } }

.markelov-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 100%;
  vertical-align: middle; }

.markelov-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1200px) {
  .markelov-intro__content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .markelov-intro__content h1 {
    font: 600 38px/50px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.markelov-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid; }

.markelov-intro__content a:hover {
  opacity: 1; }

.markelov-project-content {
  text-align: center; }

.markelov-mainscreen {
  position: relative;
  padding-top: 100px; }

.markelov-mainscreen a {
  display: block; }

.markelov-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.markelov-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.markelov-screen {
  position: relative;
  z-index: 4; }

.markelov-screen a {
  display: block;
  width: 100%;
  height: auto; }

.markelov-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.markelov-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center; }

.markelov-screen-title {
  font: 600 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 5;
  display: table;
  margin: auto;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase; }

.markelov-screen-floating {
  position: absolute; }

.markelov-catalog .markelov-pages {
  margin: 60px auto; }

.markelov-catalog .markelov-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.markelov-catalog .markelov-screen--sub-2 {
  position: absolute;
  z-index: 11;
  top: 335px; }

.markelov-about {
  background: white; }

.markelov-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #aeb2bd; }

.markelov-about .markelov-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.markelov-about .markelov-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.markelov-content-pages .markelov-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.markelov-content-pages .markelov-screen {
  width: 30%;
  margin: 32px auto; }

.markelov-content-pages .markelov-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .markelov-good .markelov-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .markelov-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .markelov-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 5px; }
  .markelov-content-pages .markelov-screen-title, .markelov-order .markelov-screen-title {
    text-align: center; }
  .markelov-pages, .markelov-screen, .markelov-screen-content {
    margin: 0 auto; }
  .markelov-screen-floating {
    position: relative; }
  .markelov-academy .markelov-screen-title {
    margin: 32px auto; }
  .markelov-good .markelov-screen-title {
    margin-bottom: 64px; }
  .markelov-about .markelov-pages, .markelov-academy .markelov-pages, .markelov-catalog .markelov-pages, .markelov-content-pages .markelov-pages, .markelov-good .markelov-pages, .markelov-order .markelov-pages {
    margin: 32px auto 0; }
  .markelov-about .markelov-screen, .markelov-academy .markelov-screen, .markelov-catalog .markelov-screen, .markelov-content-pages .markelov-screen, .markelov-good .markelov-screen, .markelov-order .markelov-screen {
    margin: 0 auto 32px; }
  .markelov-about .markelov-screen--sub-1, .markelov-about .markelov-screen--sub-2, .markelov-academy .markelov-screen--sub-1, .markelov-academy .markelov-screen--sub-2, .markelov-catalog .markelov-screen--sub-1, .markelov-catalog .markelov-screen--sub-2, .markelov-content-pages .markelov-screen--sub-1, .markelov-content-pages .markelov-screen--sub-2, .markelov-good .markelov-screen--sub-1, .markelov-good .markelov-screen--sub-2, .markelov-order .markelov-screen--sub-1, .markelov-order .markelov-screen--sub-2 {
    position: relative;
    top: auto; }
  .markelov-content-pages .markelov-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .markelov-content-pages .markelov-screen {
    width: 80%; } }

.markelov-folio .z-index {
  z-index: 3; }

.markelov-folio .markelov-screen--sub-1 {
  position: absolute;
  z-index: 2;
  top: -120px; }

.markelov-folio .markelov-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 300px; }

.markelov-folio .markelov-screen--sub-3 {
  z-index: 10; }

@media (max-width: 420px) {
  .markelov-folio .markelov-pages {
    margin: 32px auto 0; }
  .markelov-folio .markelov-screen {
    margin: 0 auto 32px; }
  .markelov-folio .markelov-screen--sub-1, .markelov-folio .markelov-screen--sub-2 {
    position: relative;
    top: auto; } }

.markelov-line {
  margin-top: -102px; }

.markelov-line section {
  position: relative; }

.markelov-screen-title:before {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 15px;
  left: 0;
  content: '';
  border-top: 10px solid #ebe5d9; }

.markelov-folio_back:after {
  position: absolute;
  top: 2085px;
  bottom: 0;
  width: 100%;
  content: "";
  background-color: #f9f9f9; }

@media (max-width: 1200px) {
  .markelov-folio_back:after {
    top: 1759px; } }

.markelov-line section:nth-child(n+4) {
  background-color: #f9f9f9; }

.markelov-theend {
  margin-bottom: -30px; }

.euro-theend-link {
  margin: 120px auto;
  text-align: center; }

.euro-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid black; }

.euro-theend-link a:hover {
  opacity: 1; }

.euro-cover {
  position: relative;
  top: -102px;
  width: 100%;
  height: 100vh;
  max-height: 912px;
  background: url(/local/templates/nopreset/works/assets/europisol/cover.jpg);
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: color; }

.euro-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  max-height: 912px;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.euro-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: white; }

.euro-intro__content p + p {
  padding-top: 20px; }

.euro-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.euro-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid white; }

.euro-intro__content a:hover {
  opacity: 1; }

.euro-project-content {
  text-align: center; }

.euro-mainscreen {
  position: relative;
  padding-top: 100px; }

.euro-mainscreen a {
  display: block; }

.euro-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.euro-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.euro-screen {
  position: relative;
  z-index: 4; }

.euro-screen a {
  display: block;
  width: 100%;
  height: auto; }

.euro-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.euro-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center; }

.euro-screen-title {
  font: 400 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 2;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase; }

.euro-screen-floating {
  position: absolute; }

.euro-catalog .euro-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.euro-catalog .euro-screen--sub-2 {
  position: absolute;
  z-index: 11;
  top: 335px; }

.euro-about {
  background: white; }

.euro-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #aeb2bd; }

.euro-about .euro-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.euro-about .euro-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.euro-content-pages .euro-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.euro-content-pages .euro-screen {
  width: 30%;
  margin: 32px auto; }

.euro-content-pages .euro-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .euro-good .euro-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .euro-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .euro-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 5px; }
  .euro-content-pages .euro-screen-title, .euro-order .euro-screen-title {
    text-align: center; }
  .euro-pages, .euro-screen, .euro-screen-content {
    margin: 0 auto; }
  .euro-screen-floating {
    position: relative; }
  .euro-academy .euro-screen-title {
    margin: 32px auto; }
  .euro-good .euro-screen-title {
    margin-bottom: 64px; }
  .euro-about .euro-pages, .euro-academy .euro-pages, .euro-catalog .euro-pages, .euro-content-pages .euro-pages, .euro-good .euro-pages, .euro-order .euro-pages {
    margin: 32px auto 0; }
  .euro-about .euro-screen, .euro-academy .euro-screen, .euro-catalog .euro-screen, .euro-content-pages .euro-screen, .euro-good .euro-screen, .euro-order .euro-screen {
    margin: 0 auto 32px; }
  .euro-about .euro-screen--sub-1, .euro-about .euro-screen--sub-2, .euro-academy .euro-screen--sub-1, .euro-academy .euro-screen--sub-2, .euro-catalog .euro-screen--sub-1, .euro-catalog .euro-screen--sub-2, .euro-content-pages .euro-screen--sub-1, .euro-content-pages .euro-screen--sub-2, .euro-good .euro-screen--sub-1, .euro-good .euro-screen--sub-2, .euro-order .euro-screen--sub-1, .euro-order .euro-screen--sub-2 {
    position: relative;
    top: auto; }
  .euro-content-pages .euro-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .euro-content-pages .euro-screen {
    width: 80%; } }

.euro-folio .z-index {
  z-index: 3; }

.euro-folio .euro-screen--sub-1 {
  position: absolute;
  z-index: 2;
  top: -120px; }

.euro-folio .euro-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 300px; }

.euro-folio .euro-screen--sub-3 {
  z-index: 10; }

@media (max-width: 420px) {
  .euro-folio .euro-pages {
    margin: 32px auto 0; }
  .euro-folio .euro-screen {
    margin: 0 auto 32px; }
  .euro-folio .euro-screen--sub-1, .euro-folio .euro-screen--sub-2 {
    position: relative;
    top: auto; } }

.euro-line {
  margin-top: -102px; }

.euro-theend {
  margin-bottom: -30px; }

.stel-intro__content p + p {
  padding-top: 20px; }

.stel-theend-link {
  margin: 120px auto;
  text-align: center; }

.stel-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid; }

.stel-theend-link a:hover {
  opacity: 1; }

.stel-cover {
  position: relative;
  top: -102px;
  width: 100%;
  max-height: 1080px;
  background-color: #030303; }

.stel-cover .cover_image {
  font-size: 0; }

.stel-cover img {
  width: 100%;
  height: auto;
  opacity: .6; }

.stel-intro {
  position: absolute;
  left: 50%;
  display: table;
  width: 50%;
  height: 100%;
  cursor: default; }

.stel-container {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1200px;
  height: 100%;
  max-height: 1080px;
  margin: auto; }

@media (max-width: 1200px) {
  .stel-container {
    width: 100%; } }

.stel-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  color: white; }

.stel-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1200px) {
  .stel-intro__content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .stel-intro__content h1 {
    font: 600 38px/50px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.stel-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid; }

.stel-intro__content a:hover {
  opacity: 1; }

.stel-project-content {
  text-align: center; }

.stel-mainscreen {
  position: relative;
  top: -60px;
  margin-bottom: -60px; }

.stel-mainscreen a {
  display: block; }

.stel-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.stel-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.stel-screen {
  position: relative;
  z-index: 4; }

.stel-screen a {
  display: block;
  width: 100%;
  height: auto; }

.stel-screen a img {
  width: 100%;
  height: auto;
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

.stel-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center; }

.stel-screen-title {
  font: 600 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 5;
  display: table;
  margin: auto;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase; }

.stel-catalog .stel-pages {
  margin: 60px auto; }

.stel-catalog .stel-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: -120px; }

.stel-catalog .stel-screen--sub-2 {
  position: absolute;
  z-index: 11;
  top: 335px; }

.stel-about {
  background: white; }

.stel-about:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70vh;
  content: '';
  background: #aeb2bd; }

.stel-about .stel-screen--sub-1 {
  position: absolute;
  z-index: 5;
  top: 20px; }

.stel-about .stel-screen--sub-2 {
  position: absolute;
  z-index: 0;
  top: 20px;
  right: 0; }

.stel-content-pages .stel-pages {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-align: start;
  -ms-flex-line-pack: start;
  -ms-flex-pack: distribute; }

.stel-content-pages .stel-screen {
  width: 30%;
  margin: 32px auto; }

.stel-content-pages .stel-screen img {
  box-shadow: 0 5px 40px 0 rgba(27, 27, 27, 0.4); }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5, .stel-good .stel-pages .col-sm-5 {
    float: right; } }

@media (max-width: 420px) {
  .stel-screen-content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .stel-screen-title {
    font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 5px; }
  .stel-content-pages .stel-screen-title, .stel-order .stel-screen-title {
    text-align: center; }
  .stel-pages, .stel-screen, .stel-screen-content {
    margin: 0 auto; }
  .stel-academy .stel-screen-title {
    margin: 32px auto; }
  .stel-good .stel-screen-title {
    margin-bottom: 64px; }
  .stel-about .stel-pages, .stel-academy .stel-pages, .stel-catalog .stel-pages, .stel-content-pages .stel-pages, .stel-good .stel-pages, .stel-order .stel-pages {
    margin: 32px auto 0; }
  .stel-about .stel-screen, .stel-academy .stel-screen, .stel-catalog .stel-screen, .stel-content-pages .stel-screen, .stel-good .stel-screen, .stel-order .stel-screen {
    margin: 0 auto 32px; }
  .stel-about .stel-screen--sub-1, .stel-about .stel-screen--sub-2, .stel-academy .stel-screen--sub-1, .stel-academy .stel-screen--sub-2, .stel-catalog .stel-screen--sub-1, .stel-catalog .stel-screen--sub-2, .stel-content-pages .stel-screen--sub-1, .stel-content-pages .stel-screen--sub-2, .stel-good .stel-screen--sub-1, .stel-good .stel-screen--sub-2, .stel-order .stel-screen--sub-1, .stel-order .stel-screen--sub-2 {
    position: relative;
    top: auto; }
  .stel-content-pages .stel-pages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-align: start;
    -ms-flex-line-pack: start;
    -ms-flex-pack: distribute; }
  .stel-content-pages .stel-screen {
    width: 80%; } }

.stel-folio .z-index {
  z-index: 3; }

.stel-folio .stel-screen--sub-1 {
  position: absolute;
  z-index: 2;
  top: -120px; }

.stel-folio .stel-screen--sub-2 {
  position: absolute;
  z-index: 4;
  top: 300px; }

.stel-folio .stel-screen--sub-3 {
  z-index: 10; }

@media (max-width: 420px) {
  .stel-folio .stel-pages {
    margin: 32px auto 0; }
  .stel-folio .stel-screen {
    margin: 0 auto 32px; }
  .stel-folio .stel-screen--sub-1, .stel-folio .stel-screen--sub-2 {
    position: relative;
    top: auto; } }

.stel-line {
  margin-top: -102px; }

.stel-line section {
  position: relative; }

.stel-screen-title:before {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 15px;
  left: 0;
  content: '';
  border-top: 10px solid #ebe5d9; }

.stel-folio_back:after {
  position: absolute;
  top: 2085px;
  bottom: 0;
  width: 100%;
  content: "";
  background-color: #f9f9f9; }

@media (max-width: 1200px) {
  .stel-folio_back:after {
    top: 1759px; } }

.stel-theend {
  margin-bottom: -30px; }

.hermesapp-intro__content p + p {
  padding-top: 20px; }

.hermesapp-theend-link a {
  font: 400 32px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid; }

.hermesapp-theend-link a:hover {
  opacity: 1; }

.hermesapp-cover {
  position: relative;
  width: 100%;
  height: calc((100vw - 10px) / 16 * 9);
  margin-bottom: 30px;
  background-color: #030303; }

@media screen and (max-width: 980px) {
  .hermesapp-cover {
    height: calc(950px / 16 * 9); } }

.hermesapp-cover .cover_image {
  font-size: 0;
  height: 100%;
  background-color: #030303; }

.hermesapp-cover .cover_image iframe {
  opacity: .3; }

.hermesapp-intro {
  position: absolute;
  top: 20%;
  left: 10%;
  display: table;
  width: 50%;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.hermesapp-container {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

@media (max-width: 1200px) {
  .hermesapp-container {
    width: 100%; } }

.hermesapp-intro__content {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  color: white; }

.hermesapp-intro__content h1 {
  font: 600 52px/62px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media (max-width: 1200px) {
  .hermesapp-intro__content {
    font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .hermesapp-intro__content h1 {
    font: 600 38px/50px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; } }

.hermesapp-intro__content a {
  transition: opacity .3s ease;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid; }

.hermesapp-intro__content a:hover {
  opacity: 1; }

.hermesapp-container .badges {
  margin-top: 40px; }

.hermesapp-container .badges a:first-child {
  margin-left: 0;
  padding-left: 0; }

.hermesapp-container .badges a {
  float: left;
  margin: 0 20px;
  padding: 5px;
  opacity: 1;
  border: none; }

.hermesapp-container .badges a img {
  max-width: 140px; }

.hide-text {
  display: none; }

@media screen and (max-width: 980px) {
  .hermesapp-intro__content {
    font: 400 16px/22px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 20px; }
  .hermesapp-intro__content h1 {
    font: 600 34px/38px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .hermesapp-intro__content p + p {
    padding-top: 10px; }
  .hermesapp-intro {
    position: relative;
    left: 0;
    width: auto;
    margin-top: 30px;
    padding: 20px; }
  .hermesapp-cover {
    width: auto;
    height: auto; }
  .hermesapp-cover .cover_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4;
    background-image: url(/local/templates/nopreset/works/assets/hermesapp/hermesapp_back.jpg);
    background-position: center;
    background-size: cover; }
  .hermesapp-cover .cover_image iframe {
    display: none; }
  .hermesapp-container {
    position: relative;
    padding-top: 20px; }
  .hermesapp-container .badges {
    margin-top: 10px; }
  .hermesapp-container .badges a {
    width: 40%;
    margin: 0; }
  .hermesapp-container .badges a img {
    width: 100%; }
  .hide-text {
    display: block; } }

.artefact-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  margin-bottom: -102px;
  background-color: #131313;
  background-size: cover; }

.artefact-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  user-select: none; }

.artefact-intro__content {
  font: 200 1.5rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 820px;
  text-align: center;
  vertical-align: middle;
  color: #fff; }

.artefact-intro__content h1 {
  font: 400 3rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.artefact-intro__content a {
  transition: opacity 300ms ease;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.artefact-intro__content a:hover {
  opacity: 1; }

.artefact-mainscreen {
  position: relative;
  top: -54px; }

.artefact-mainscreen a {
  display: block; }

.artefact-mainscreen a img {
  width: 100%; }

.artefact-screen img {
  width: 100%; }

.artefact-screen-layout {
  display: flex;
  flex-flow: column;
  justify-content: center; }

.artefact-screen-item {
  margin: 4rem auto; }

.artefact-screen-item a {
  display: block;
  width: 100%; }

.artefact-screen-item img {
  width: 100%; }

.artefact-pages {
  background: #131313; }

.artefact-theend {
  margin-bottom: -27px;
  background: #131313; }

.artefact-theend-link {
  margin: 120px auto;
  text-align: center; }

.artefact-theend-link a {
  font: 200 32px/32px "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #E07820; }

.artefact-theend-link a:hover {
  opacity: 1; }

.template--hp {
  position: relative;
  top: -112px;
  margin-bottom: -122px; }

.template-carousel + .template-content {
  margin-bottom: 0; }

.template-cover {
  height: 100vh;
  background-size: cover; }

.template-cover--hp {
  background-color: #a71c23; }

.template-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default; }

.template-intro__content {
  font: 200 1.5rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 820px;
  text-align: center;
  vertical-align: middle;
  color: #fff; }

.template-intro__content h1 {
  font: 400 3rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.template-intro__content a {
  font-weight: bold;
  transition: opacity 300ms ease;
  text-decoration: none;
  opacity: 1;
  color: #fff;
  border-bottom: 1px solid #fff; }

.template-intro__content a:hover {
  opacity: .6; }

.template-mainscreen {
  position: relative;
  top: -54px; }

.template-mainscreen a {
  display: block; }

.template-mainscreen a img {
  max-width: 100%; }

.template-screen-layout {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: auto 2rem; }

.template-screen-layout .template-screen-item {
  width: calc(50% - 2rem); }

.template-mobile-layout {
  max-width: 1360px;
  margin: auto;
  padding: 0 2rem;
  columns: 3; }

.template-mobile-layout .template-content {
  width: 100%; }

.template-mobile-layout .template-screen-item {
  margin: 0 auto 2rem;
  padding: 0; }

.template-screen-item {
  margin: 4rem auto; }

.template-screen-item a {
  display: block;
  width: 100%;
  text-align: center; }

.template-screen-item img {
  display: block;
  max-width: 100%;
  margin: auto; }

.template-pages {
  padding: 0 2rem; }

.template-content {
  max-width: 820px;
  margin: 4rem auto; }

.template-content--hp {
  margin: 92px auto 64px; }

.template-content--hp h3 {
  font-size: 2.5rem;
  color: #a71c23; }

.template-content--hp p {
  font-size: 1.25rem;
  line-height: 1.7777777; }

.template-pages {
  display: flex;
  align-content: center;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  max-width: 1280px;
  margin: auto; }

.template-theend {
  margin-bottom: -27px;
  background: #131313; }

.template--hp .template-screen-item img, .template-pages img {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }

.template-theend--hp {
  background: #a71c23; }

.template-theend-link {
  margin: 120px auto;
  text-align: center; }

.template-theend-link a {
  font: 200 32px/32px "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: #fff;
  border-bottom: 1px solid #fff; }

.template-theend-link a:hover {
  opacity: 1; }

.template-screen-item--hp-window {
  position: relative; }

.template-screen-item--hp-window:before {
  position: absolute;
  content: '';
  background-image: url("assets-work/happy-cinema/bg.svg"); }

.template-features-layout {
  display: flex;
  align-items: flex-start;
  flex-flow: row;
  justify-content: space-between;
  max-width: 1440px;
  margin: 4rem auto; }

.template-features-layout .template-content {
  margin: 2rem auto; }

.carousel-hp {
  margin-top: 4rem; }

.carousel-item {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  height: 500px; }

.carousel-item img {
  width: auto !important;
  height: 100%; }

.template-features-layout--hp .template-content {
  max-width: 420px; }

.template-features-layout--hp .template-features-item {
  max-width: calc(33.33% - 2rem);
  margin: auto 1rem;
  text-align: center; }

.template-features-layout--hp .template-features-item p {
  font-size: 1rem; }

.template-features-layout--hp .template-features-item img {
  max-width: 100%; }

.template-pages--hp-tickets {
  margin: 4rem auto; }

.template-pages--hp-tickets img {
  box-shadow: none; }

.efes-cover {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60vh;
  max-height: 912px;
  margin-bottom: 5vh;
  -ms-flex-pack: justify; }

.efes-cover > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 50%;
  -ms-flex-pack: justify; }

.efes-intro {
  position: relative;
  margin: auto;
  cursor: default;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.efes-intro__content {
  font: 400 22px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 720px;
  vertical-align: middle;
  color: black; }

.efes-intro__content h1 {
  font: 600 40px/48px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.efes-intro__content a {
  margin: 0 20px;
  text-decoration: none;
  color: black; }

.efes-intro__content p + p {
  padding-top: 20px; }

.efes-project-content {
  text-align: center; }

.efes-mainscreen {
  position: relative;
  padding-top: 100px; }

.efes-mainscreen a {
  display: block; }

.efes-mainscreen a img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.6); }

.efes-pages {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto 120px; }

.efes-screen {
  position: relative;
  z-index: 4;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60vh;
  -ms-flex-pack: justify; }

.efes-screen a {
  display: block;
  width: 100%;
  height: auto; }

.efes-screen img {
  width: 100%;
  height: auto; }

.efes-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 72px auto;
  text-align: center;
  color: black; }

.efes-header .efes-screen-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: justify; }

.efes-screen-title {
  font: 400 24px/32px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase; }

@media (min-width: 760px) {
  .col-lg-5, .col-md-5 {
    float: right; } }

@media (max-width: 420px) {
  .efes-screen-content {
    font: 400 18px/24px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .efes-screen-title {
    font: 400 18px/24px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 32px auto;
    padding: 32px 0;
    text-align: center;
    letter-spacing: 3px; }
  .efes-pages, .efes-screen, .efes-screen-content {
    margin: 0 auto; } }

.efes-cover .badges {
  margin-top: 40px; }

.efes-cover .badges a:first-child {
  margin-left: 0;
  padding-left: 0; }

.efes-cover .badges a {
  float: left;
  margin: 0 20px;
  padding: 5px;
  opacity: 1;
  border: none; }

.efes-cover .badges a img {
  max-width: 140px; }

@media screen and (max-width: 980px) {
  .efes-cover .badges {
    margin-top: 10px; }
  .efes-cover .badges a {
    width: 40%;
    margin: 0; }
  .efes-cover .badges a img {
    width: 100%; }
  .hide-text {
    display: block; } }

.efes-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 40px;
  -ms-flex-pack: justify; }

.efes-flex .efes-screen img {
  width: auto;
  height: 100%;
  max-height: 569px;
  box-shadow: 0 5px 20px 0 rgba(27, 27, 27, 0.2); }

.efes-flex .col-1_6 {
  position: relative;
  box-sizing: border-box;
  width: 40%;
  height: 60vh;
  margin: 40px 0;
  padding: 0 30px; }

.efes-flex .col_img {
  padding: 0; }

.efes-cover .container {
  position: relative; }

.efes-cover .cover_image {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60vh;
  -ms-flex-pack: justify; }

.efes-cover .cover_image img {
  width: auto;
  height: 80%; }

@media screen and (max-width: 320px) {
  .efes-cover .cover_image {
    bottom: 0;
    height: 100%; } }

.efes-intro__content .badges {
  margin-top: 20px; }

.efes-flex .efes-header {
  flex: 1 100%;
  height: auto; }

.about-section {
  font-size: 0;
  box-sizing: border-box;
  width: 960px;
  max-width: 100%;
  margin-bottom: -24px;
  padding: 50px 4px 50px 50px;
  background: #fff; }

.about-section .b-pagehero-intro {
  font-size: 16px;
  text-align: left; }

.about-section .b-pagehero-intro p {
  margin-bottom: 15px; }

.template--saurisushi {
  background-color: #090011; }

.template-swiper {
  background: #090011; }

.template-swiper--saurisushi {
  position: relative;
  overflow: hidden;
  height: 80vh; }

.template-swiper--saurisushi .swiper-slide {
  position: relative;
  color: #fff; }

.template-swiper--saurisushi .swiper-slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 40%;
  padding: 4rem 6rem; }

.template-swiper--saurisushi .swiper-slide-title {
  font-size: 2rem; }

.template-swiper--saurisushi p {
  font-size: 1rem;
  line-height: 170%; }

.parallax-bg {
  position: absolute;
  width: 100%;
  height: 3110px;
  background-repeat: no-repeat;
  background-size: contain; }

.template-cover--saurisushi {
  background-color: #190f27; }

.template-theend--saurisushi {
  background: #190f27; }

.template-video--saurisushi {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  padding: 4rem 4rem 8rem;
  background: #eb046f; }

.template-video--saurisushi video {
  border-radius: 10px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5); }

.template-content--saurisushi {
  max-width: 720px;
  margin: 0 auto 2rem;
  color: #fff; }

.template-content--saurisushi h3 {
  font-size: 2rem; }

.template-content--saurisushi p {
  line-height: 170%; }

.template-main-video {
  max-width: 1220px;
  margin: auto;
  margin-top: -2rem;
  padding: 0 2rem; }

.template-iframe {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%; }

.template-iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.afazotron-cover {
  position: relative;
  height: 100vh;
  color: white;
  /*background-image: url('/local/templates/nopreset/works/assets/afazotron/portfolig-fazotron-lagre.jpg');*/
  background-color: #167392;
  background-position: 50% 100%;
  /*top: -102px;*/
  background-size: cover; }

.afazotron-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  user-select: none; }

.afazotron-intro__content {
  font: 200 1.5rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 900px;
  text-align: center;
  vertical-align: middle; }

.afazotron-intro__content p {
  margin-bottom: 20px; }

.afazotron-intro__content h1 {
  font: 400 3rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.afazotron-intro__content a {
  transition: opacity 300ms ease;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid #fff; }

.afazotron-intro__content a:hover {
  opacity: 1; }

.afazotron-mainscreen {
  position: relative;
  top: -68px;
  margin-bottom: calc(4rem - 68px); }

.afazotron-pages img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.2); }

.afazotron-screen-layout {
  display: flex;
  flex-flow: column;
  justify-content: center; }

.afazotron-screen-item {
  margin: 4rem auto; }

.afazotron-screen-item a {
  display: block;
  width: 100%; }

.afazotron-pages {
  margin-bottom: 4rem; }

.afazotron-theend {
  margin-bottom: -27px;
  background-color: #167392; }

.afazotron-theend-link {
  margin: 120px auto;
  text-align: center; }

.afazotron-theend-link a {
  font: 400 32px/32px "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: white;
  border-bottom: 1px solid #fff; }

.afazotron-theend-link a:hover {
  opacity: 1; }

.afazotron-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }

.afazotron-screen-title {
  font: 700 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase; }

.markamebeli-cover {
  position: relative;
  top: -102px;
  height: 100vh;
  margin-bottom: -102px;
  color: white;
  background-image: url("/local/templates/nopreset/works/assets/markamebeli/cover-mm.jpg");
  background-position: 50% 100%;
  background-size: cover; }

.markamebeli-intro {
  position: relative;
  display: table;
  max-width: 1280px;
  height: 100vh;
  margin: auto;
  cursor: default;
  user-select: none;
  color: black; }

.markamebeli-intro__content {
  font: 200 1.5rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: table-cell;
  width: 900px;
  padding-bottom: 13vw;
  text-align: center;
  vertical-align: middle; }

.markamebeli-intro__content p {
  margin-bottom: 20px; }

.markamebeli-intro__content h1 {
  font: 400 3rem/1.5 "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.markamebeli-intro__content a {
  transition: opacity 300ms ease;
  text-decoration: none;
  opacity: .6;
  color: black;
  border-bottom: 1px solid #000; }

.markamebeli-intro__content a:hover {
  opacity: 1; }

.markamebeli-mainscreen {
  position: relative;
  top: -175px;
  margin-bottom: calc(4rem - 175px); }

.markamebeli-pages img {
  width: 100%;
  box-shadow: 0 5px 100px 0 rgba(27, 27, 27, 0.2); }

.markamebeli-screen-layout {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%; }

.markamebeli-screen-item {
  margin: 4rem auto; }

.markamebeli-screen-item a {
  display: block;
  width: 100%; }

.markamebeli-theend {
  position: relative;
  margin-bottom: -27px; }

.markamebeli-theend-link {
  margin: 120px auto;
  text-align: center; }

.markamebeli-theend:before {
  position: absolute;
  z-index: -1;
  top: -20rem;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  -webkit-transform: skewY(-12deg) translateY(30vh);
  transform: skewY(-12deg) translateY(30vh);
  outline: transparent solid 1px;
  background: #b3004c; }

.markamebeli-theend:after {
  position: absolute;
  z-index: -1;
  top: -20rem;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  -webkit-transform: skewY(3deg) translateY(30vh);
  transform: skewY(3deg) translateY(30vh);
  outline: transparent solid 1px;
  background: rgba(227, 0, 97, 0.5); }

.markamebeli-theend-link a {
  font: 400 32px/32px "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  opacity: .6;
  color: white; }

.markamebeli-theend-link a:hover {
  opacity: 1; }

.markamebeli-screen-content {
  font: 400 20px/28px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }

.markamebeli-screen-title {
  font: 500 52px/72px futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 32px 0;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase; }

.root-layout__work_hermesapp {
  min-height: 0; }

.root-layout__work_gorelov .main_link-gorelov .btn {
  height: auto; }

.root-layout__work_gorelov .header-main .btn {
  font: 13px/1.428 open-sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 10px 22px;
  color: #113f8a;
  border: none;
  background: #f1f4f9; }

.date {
  display: block;
  margin-top: 20px; }