a.mobile-only.no-animate {
  background-image: none !important;
  background: none;
}
.scrollable-menu {
  background: #000000;
  height: 60px;
  overflow-x: auto;
  padding: 10px 0 10px 40px;
  margin: 0;
  /* Landscape */
}
@media (max-width: 768px) {
  .scrollable-menu {
    top: 146px;
  }
}
html.ipad.portrait .scrollable-menu {
  top: 146px;
}
html.legacy-ipad .scrollable-menu {
  top: 146px;
}
@media (min-width: 768px) {
  html:not(.ipad) .scrollable-menu {
    top: 131px;
  }
}
html.ipad.landscape .scrollable-menu {
  top: 131px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .scrollable-menu {
    top: 131px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .scrollable-menu {
    top: 131px;
  }
}
.scrollable-menu ul {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0;
  margin: 0;
  -ms-flex-pack: justify;
      justify-content: space-between;
  list-style: none;
  max-width: unset !important;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .scrollable-menu ul {
    width: 230vw !important;
  }
}
html.ipad.portrait .scrollable-menu ul {
  width: 230vw !important;
}
html.legacy-ipad .scrollable-menu ul {
  width: 230vw !important;
}
html.ipad .scrollable-menu ul {
  width: 200vw !important;
}
html.ipad.portrait .scrollable-menu ul {
  width: 180vw;
}
.scrollable-menu ul li {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 10px;
  color: #ffffff;
  display: inline-block;
  padding: 0;
  position: relative;
  margin: 0 0 0 0 !important;
  line-height: 40px;
  z-index: 1;
}
.scrollable-menu ul li a {
  color: #ffffff;
  text-transform: uppercase;
}
.tnc-products-widget-section h1,
.tnc-products-widget-section h4 {
  text-align: center;
  color: #000000;
}
.tnc-products-widget-section h1 {
  font-size: 24px;
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  margin: 0;
  margin-bottom: 30px;
  font-weight: 200;
}
.tnc-products-widget-section h4 {
  font-size: 11px;
  margin-top: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
}
.tnc-products-widget-section > .cta {
  position: relative;
  width: 260px;
  margin: 0 auto;
  margin-top: 6vh;
}
.tnc-products-widget-section > .cta a {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 13px 0;
  color: #ffffff;
  background-color: #000000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #000000;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
}
.tnc-products-widget-section > .cta a:hover {
  color: #000000;
  background-color: #ffffff;
}
.tnc-products-widget-section .products-row:nth-of-type(2) {
  margin-top: 50px;
}
.tnc-products-widget-section .products-row .product .product-img > div.cta {
  margin: 0 !important;
}
.tnc-products-widget-section #products-row .product .product-data-pricing .price-box > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.tnc-products-widget-section #products-row .product .product-data-pricing .price-box > div .price-label strong,
.tnc-products-widget-section #products-row .product .product-data-pricing .price-box > div .price-label span {
  display: inline;
}
.tnc-products-widget-section #products-row .product .product-data-pricing .price-box > div .price-label span {
  margin-left: 3px;
  margin-right: 3px;
}
.cta-styles-black {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -webkit-appearance: none;
}
.cta-styles-black:hover {
  color: #000000;
  background-color: #ffffff;
}
.cta-styles-white {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
  -moz-appearance: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -webkit-appearance: none;
}
.cta-styles-white:hover {
  color: #ffffff;
  background-color: #000000;
}
@media (max-width: 768px) {
  .invert-positions {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .invert-positions > div:first-of-type {
    -ms-flex-order: 2;
        order: 2;
  }
  .invert-positions > div:last-of-type {
    -ms-flex-order: 1;
        order: 1;
  }
}
html.ipad.portrait  .invert-positions {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
}
html.ipad.portrait  .invert-positions > div:first-of-type {
  -ms-flex-order: 2;
      order: 2;
}
html.ipad.portrait  .invert-positions > div:last-of-type {
  -ms-flex-order: 1;
      order: 1;
}
html.legacy-ipad  .invert-positions {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
}
html.legacy-ipad  .invert-positions > div:first-of-type {
  -ms-flex-order: 2;
      order: 2;
}
html.legacy-ipad  .invert-positions > div:last-of-type {
  -ms-flex-order: 1;
      order: 1;
}
html.ipad.portrait  .invert-positions {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
}
html.ipad.portrait  .invert-positions > div:first-of-type {
  -ms-flex-order: 2;
      order: 2;
}
html.ipad.portrait  .invert-positions > div:last-of-type {
  -ms-flex-order: 1;
      order: 1;
}
@media (max-width: 768px) {
  .padding-top-mobile-50 {
    padding-top: 50px !important;
  }
}
html.ipad.portrait .padding-top-mobile-50 {
  padding-top: 50px !important;
}
html.legacy-ipad .padding-top-mobile-50 {
  padding-top: 50px !important;
}
@media (max-width: 768px) {
  .margin-top-mobile-50 {
    margin-top: 50px !important;
  }
}
html.ipad.portrait .margin-top-mobile-50 {
  margin-top: 50px !important;
}
html.legacy-ipad .margin-top-mobile-50 {
  margin-top: 50px !important;
}
@media (max-width: 768px) {
  .margin-bottom-mobile-50 {
    margin-bottom: 50px !important;
  }
}
html.ipad.portrait .margin-bottom-mobile-50 {
  margin-bottom: 50px !important;
}
html.legacy-ipad .margin-bottom-mobile-50 {
  margin-bottom: 50px !important;
}
@media (max-width: 768px) {
  .padding-bottom-mobile-50 {
    padding-bottom: 50px !important;
  }
}
html.ipad.portrait .padding-bottom-mobile-50 {
  padding-bottom: 50px !important;
}
html.legacy-ipad .padding-bottom-mobile-50 {
  padding-bottom: 50px !important;
}
@media (max-width: 768px) {
  .padding-bottom-mobile-0 {
    padding-bottom: 0 !important;
  }
}
html.ipad.portrait .padding-bottom-mobile-0 {
  padding-bottom: 0 !important;
}
html.legacy-ipad .padding-bottom-mobile-0 {
  padding-bottom: 0 !important;
}
@-webkit-keyframes bounce2 {
  0%,
  20%,
  53%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce2 {
  0%,
  20%,
  53%,
  80%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
.bounce2 {
  -webkit-animation-name: bounce2;
          animation-name: bounce2;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
/*
 * Sample HTML structure
 * <div class="select-option">
 * 	<div class="option-item">
 * 		<input class="option-input" type="radio" name="optname" /><span class="option-item-name">Option 1</span>
 * 	</div>
 * 	<div class="option-item">
 * 		<input class="option-input" type="radio" name="optname" /><span class="option-item-name">Option 2</span>
 * 	</div>
 * 	<i class="arrow glyphicon glyphicon-chevron"></i>
 * </div>
 */
.select-option {
  border: 1px solid #333333;
  color: #333333;
  display: block;
  font-size: 10px;
  line-height: 1.2;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.select-option .option-item {
  position: relative;
}
.select-option .option-item .option-input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.select-option .option-item .option-name {
  position: relative;
  width: 100%;
}
.select-option .arrow {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
select.form-control {
  padding: 8px 14px;
}
select.form-control + .fa-angle-right {
  display: block;
  color: #666666;
  font-size: 25px;
  position: absolute;
  top: 6px;
  right: 13px;
  pointer-events: none;
  z-index: 2;
  transition: -webkit-transform 400ms linear;
  transition: transform 400ms linear;
  transition: transform 400ms linear, -webkit-transform 400ms linear;
}
select.form-control:focus + .fa-angle-right {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.wcrumb:before,
.wcrumb:after {
  content: " ";
  display: table;
}
.wcrumb:after {
  clear: both;
}
.error-text {
  color: #a94442;
}
textarea::-webkit-input-placeholder {
  color: #333333;
  transition: color 200ms linear;
}
textarea::-moz-placeholder {
  color: #333333;
  transition: color 200ms linear;
}
textarea::-ms-input-placeholder {
  color: #333333;
  transition: color 200ms linear;
}
textarea::placeholder {
  color: #333333;
  transition: color 200ms linear;
}
textarea:focus {
  box-shadow: none;
}
.btn-white {
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 0;
  color: #333333;
  font-weight: 300;
}
.btn-white:focus,
.btn-white:hover {
  color: #333333;
}
.btn-black {
  background: #333333;
  border: 1px solid #333333;
  border-radius: 0;
  color: #ffffff;
  font-weight: 300;
}
.btn-black:focus,
.btn-black:hover {
  color: #ffffff;
}
.page-main .action.primary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #444444;
  color: #ffffff;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 14px;
  margin: 0 auto;
  text-transform: uppercase;
  vertical-align: baseline;
}
.page-main .action.primary:hover,
.page-main .action.primary:focus,
.page-main .action.primary:active {
  border: none;
  background: #333333;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .actions-toolbar .secondary .page-main .action.primary {
    margin-top: 0;
  }
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.ves-widget,
.vesbuilder-block,
.block-product-link.widget,
.block-category-link.widget {
  margin-top: 60px;
}
.block-category-link.widget {
  margin-bottom: 0;
}
.block-category-link.widget .category-name {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}
.block-category-link.widget a {
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .block-category-link.widget {
    text-align: center;
  }
}
.ves-widget.widget-slider .block-title {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
}
.ves-widget.widget-slider .slick-dots li {
  margin: 0;
}
.ves-widget.widget-slider .slick-dots li button:before {
  font-size: 24px;
}
.widget-images {
  margin-bottom: 0;
}
.widget-images .block-title {
  display: none;
}
.widget-images .image-description {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 35px;
}
.widget-images .image-description h2,
.widget-images .image-description h3 {
  margin: 0;
}
.widget-images .image-description hr {
  margin: 25px 0;
  max-width: 100px;
  border-top-color: #999999;
}
.waterworks-newsletter-block > .block-title {
  display: none;
}
.scrollup {
  background-color: #333333 !important;
  border-radius: 0;
}
.scrollup .fa.fa-angle-up {
  color: #ffffff !important;
  font-size: 18px;
  line-height: 33px;
}
.scrollup .fa.fa-angle-up:before {
  content: "\e621";
  font-family: 'luma-icons';
  font-size: 18px !important;
  color: #ffffff !important;
}
.modal-popup .modal-inner-wrap {
  max-width: 320px;
}
.modal-popup .modal-inner-wrap .modal-content,
.modal-popup .modal-inner-wrap .modal-footer {
  padding: 15px;
}
.modal-popup .modal-inner-wrap .modal-content > button,
.modal-popup .modal-inner-wrap .modal-footer > button {
  width: 50%;
  float: left;
  text-transform: uppercase;
  font-size: 12px;
}
.modal-popup .modal-inner-wrap .modal-content > button:after,
.modal-popup .modal-inner-wrap .modal-footer > button:after {
  display: none !important;
}
.modal-popup .modal-inner-wrap .modal-content > button.action-dismiss,
.modal-popup .modal-inner-wrap .modal-footer > button.action-dismiss {
  background-color: transparent;
}
.modal-popup .modal-inner-wrap .modal-content > button.action-dismiss > span,
.modal-popup .modal-inner-wrap .modal-footer > button.action-dismiss > span {
  color: #333333;
}
.modal-popup .modal-inner-wrap .modal-content > button.action-accept > span,
.modal-popup .modal-inner-wrap .modal-footer > button.action-accept > span {
  color: #ffffff;
}
.modal-popup .modal-inner-wrap .modal-content > button:only-child,
.modal-popup .modal-inner-wrap .modal-footer > button:only-child {
  width: 100%;
}
.mt-150 {
  margin-top: 150px;
}
.mt-145 {
  margin-top: 145px;
}
.mt-140 {
  margin-top: 140px;
}
.mt-135 {
  margin-top: 135px;
}
.mt-130 {
  margin-top: 130px;
}
.mt-125 {
  margin-top: 125px;
}
.mt-120 {
  margin-top: 120px;
}
.mt-115 {
  margin-top: 115px;
}
.mt-110 {
  margin-top: 110px;
}
.mt-105 {
  margin-top: 105px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-95 {
  margin-top: 95px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-85 {
  margin-top: 85px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-75 {
  margin-top: 75px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-65 {
  margin-top: 65px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-55 {
  margin-top: 55px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-0 {
  margin-top: 0px;
}
.mb-150 {
  margin-bottom: 150px;
}
.mb-145 {
  margin-bottom: 145px;
}
.mb-140 {
  margin-bottom: 140px;
}
.mb-135 {
  margin-bottom: 135px;
}
.mb-130 {
  margin-bottom: 130px;
}
.mb-125 {
  margin-bottom: 125px;
}
.mb-120 {
  margin-bottom: 120px;
}
.mb-115 {
  margin-bottom: 115px;
}
.mb-110 {
  margin-bottom: 110px;
}
.mb-105 {
  margin-bottom: 105px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mb-95 {
  margin-bottom: 95px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-85 {
  margin-bottom: 85px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-75 {
  margin-bottom: 75px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-65 {
  margin-bottom: 65px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-55 {
  margin-bottom: 55px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-150 {
  margin-left: 150px;
}
.ml-145 {
  margin-left: 145px;
}
.ml-140 {
  margin-left: 140px;
}
.ml-135 {
  margin-left: 135px;
}
.ml-130 {
  margin-left: 130px;
}
.ml-125 {
  margin-left: 125px;
}
.ml-120 {
  margin-left: 120px;
}
.ml-115 {
  margin-left: 115px;
}
.ml-110 {
  margin-left: 110px;
}
.ml-105 {
  margin-left: 105px;
}
.ml-100 {
  margin-left: 100px;
}
.ml-95 {
  margin-left: 95px;
}
.ml-90 {
  margin-left: 90px;
}
.ml-85 {
  margin-left: 85px;
}
.ml-80 {
  margin-left: 80px;
}
.ml-75 {
  margin-left: 75px;
}
.ml-70 {
  margin-left: 70px;
}
.ml-65 {
  margin-left: 65px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-55 {
  margin-left: 55px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-45 {
  margin-left: 45px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-35 {
  margin-left: 35px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-0 {
  margin-left: 0px;
}
.mr-150 {
  margin-right: 150px;
}
.mr-145 {
  margin-right: 145px;
}
.mr-140 {
  margin-right: 140px;
}
.mr-135 {
  margin-right: 135px;
}
.mr-130 {
  margin-right: 130px;
}
.mr-125 {
  margin-right: 125px;
}
.mr-120 {
  margin-right: 120px;
}
.mr-115 {
  margin-right: 115px;
}
.mr-110 {
  margin-right: 110px;
}
.mr-105 {
  margin-right: 105px;
}
.mr-100 {
  margin-right: 100px;
}
.mr-95 {
  margin-right: 95px;
}
.mr-90 {
  margin-right: 90px;
}
.mr-85 {
  margin-right: 85px;
}
.mr-80 {
  margin-right: 80px;
}
.mr-75 {
  margin-right: 75px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-65 {
  margin-right: 65px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-55 {
  margin-right: 55px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-45 {
  margin-right: 45px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-35 {
  margin-right: 35px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-0 {
  margin-right: 0px;
}
/* ---------------------------------- Mixin --------------------------------------- */
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.underline {
  text-decoration: underline;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-top {
  vertical-align: text-top;
}
.text-middle,
.v-middle {
  vertical-align: middle;
}
.v-bottom,
.text-bottom {
  vertical-align: bottom;
}
.v-top {
  vertical-align: top;
}
.v-super {
  vertical-align: super;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.f-none {
  float: none;
}
.hidden {
  display: none !important;
}
.full-width {
  width: 100%;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.font-alt1 {
  font-family: "Mercury Display A", "Mercury Display B", Georgia, serif !important;
}
.vat-label {
  font-size: 12px;
  line-height: 1.2;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1;
}
.generic-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  display: block;
  font-size: 11px;
  font-weight: inherit;
  height: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  width: 280px;
  border-radius: 0;
}
.ctas-block.cms .button.cta {
  margin: 0 10px;
}
.ctas-block.cms .button.cta.black {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  display: block;
  font-size: 11px;
  font-weight: inherit;
  height: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  width: 280px;
  border-radius: 0;
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.ctas-block.cms .button.cta.black:hover {
  background-color: #ffffff;
  color: #000000;
}
.ctas-block.cms .button.cta:first-of-type {
  margin-left: 0;
}
.ctas-block.cms .button.cta:last-of-type {
  margin-right: 0;
}
@media (max-width: 768px) {
  .ctas-block.cms .flex-block {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ctas-block.cms .flex-block a {
    margin: 0;
    margin-top: 10px;
  }
}
html.ipad.portrait  .ctas-block.cms .flex-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
html.ipad.portrait  .ctas-block.cms .flex-block a {
  margin: 0;
  margin-top: 10px;
}
html.legacy-ipad  .ctas-block.cms .flex-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
html.legacy-ipad  .ctas-block.cms .flex-block a {
  margin: 0;
  margin-top: 10px;
}
body {
  /*
  #projectfolder-tour-dashboard-wrapper {
    .projectfolder-tour-container .tour-step-block {

      .tip-wrapper {
        .content-wrapper {
          height: ~"calc(100% - 115px)";

          .content {
            max-height: 100% !important;
            padding-bottom: 0;

            p {
              margin-bottom: 0;
            }
          }
        }
      }

      &.tour-step1 {
        max-width: 927px;

        .arrow-container {
          top: 37%;
          left: 68%;
          height: 26px;
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 39%;
            left: 27%;
            height: 42%;
            max-height: 255px;
          });
        }
      }

      &.tour-step2 {
        width: 100%;
        max-width: 1536px;
        .background-image {
          width: 36%;
          max-width: 550px;
          margin: 0 auto 0;
        }
        .arrow-container {
          top: 48%;
          left: 21%;
          height: 26px;
          transform: none;
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 55%;
            left: 4%;
            width: 26.2%;
            height: 56%;
            min-height: 200px;
            max-height: 237px;
          });
        }
      }

      &.tour-step3 {
        width: 100%;
        max-width: 1536px;
        .background-image {
          width: 20.5%;
          max-width: 381px;
          margin: 0 0 0 23%;
        }
        .arrow-container {
          .isDesktopOrLandscape({
            top: 29%;
            left: 44%;
            height: 26px;
            width: 8.6%;
            max-width: 163px;
            transform: scaleX(-1);
          });
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 29%;
            left: 53%;
            width: 26.2%;
            max-height: 457px;
            height: 76.5%;
          });

          .content-wrapper {
            .content {
              padding-left: 35px;
              padding-right: 35px;
              max-height: 330px;

              h1 {
                text-align: left;
              }

              p {
                text-align: left;
                margin-bottom: 18px;

                &:last-of-type {
                  padding-bottom: 0;
                  margin-bottom: 0;
                }
              }
            }
          }
        }
      }

      &.tour-step4 {
        width: 100%;
        max-width: 1536px;
        .background-image {
          width: 764px;
          max-width: 43.8%;
          margin: 0 auto 0;
        }
        .arrow-container {
          .isDesktopOrLandscape({
            top: 29%;
            left: 42.2%;
            width: 5.9%;
            height: 23.8%;
            max-width: 112px;
            max-height: 173.5px;
            transform: none;
            background: url('../Waterworks_ProjectFolder/images/tour/pf-arrow-sep4.png') center center no-repeat;
            background-size: contain;
          });
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 55%;
            left: 24.3%;
            width: 26.2%;
            height: 41%;
            min-height: 230px;
            max-height: 265px;
          });

        }
      }

      &.tour-step5 {
        width: 100%;
        max-width: 100%;

        .background-image {
          margin: 0 auto 0;
          max-width: 1059px;
          width: 55%;

          .isDesktopSmall({
            width: 80%;
          });
        }
        .arrow-container {
          display: none;
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 53%;
            left: 26%;
            width: 20.9%;
            height: 40%;
            min-height: 200px;
            max-height: 250px;
          });
          .isDesktopSmall({
            width: 31%;
          });
        }
      }

      &.tour-step6 {
        width: 100%;
        max-width: 100%;

        .background-image {
          margin: 0 auto 0;
          max-width: 936px;
          width: 49.2466%;
        }
        .arrow-container {
          display: none;
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 59%;
            left: 7%;
            width: 20.9%;
            max-height: 228px;
            height: 44%;
          });
        }
      }

      &.tour-step7 {
        width: 100%;
        max-width: 100%;

        .background-image {
          margin: 0 auto 0;
          width: 54%;
          max-width: 1028px;
        }
        .arrow-container {
          top: 10%;
          left: 36%;
          width: 5.475%;
          height: 5.44%;
          max-width: 105.5px;
          max-height: 44px;
          background: url('../Waterworks_ProjectFolder/images/tour/pf-arrow-sep7.png') center center no-repeat;
          background-size: contain;
        }
        .tip-wrapper {
          .isDesktopOrLandscape({
            top: 16%;
            left: 17.5%;
            width: 20.84%;
            height: 51%;
            min-height: 240px;
            max-height: 269px;
          });

          .content-wrapper {
            .content {
              p {
                &:first-of-type {
                  margin-bottom: 18px;
                }
              }
            }
          }
        }
      }
    }
  }
   */
}
body.tour-opened {
  overflow: hidden;
}
body #folder-newfature-modal-wrapper {
  display: none;
}
body #projectfolder-tour-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999;
  display: none;
  overflow: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
body #projectfolder-tour-wrapper.active {
  display: -ms-flexbox;
  display: flex;
  /* Landscape */
}
@media only screen and (max-height: 640px) {
  html:not(.ipad) body #projectfolder-tour-wrapper.active {
    display: block;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper.active {
  display: -ms-flexbox;
  display: flex;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /* Landscape */
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: initial;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container {
  position: relative;
  top: 0;
  width: 100%;
  height: initial;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: initial;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: initial;
  }
}
@media only screen and (max-height: 640px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container {
    display: block;
    margin-top: 1%;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .arrow-container {
  position: absolute;
  top: 11.5%;
  left: 58.5%;
  background: url('../Waterworks_ProjectFolder/images/tour/arrow.png') center center no-repeat;
  background-size: contain;
  width: 10.5%;
  height: 20px;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
  max-width: 1009px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
    height: initial;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
  height: initial;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
    height: initial;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
    height: initial;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .background-image,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .arrow-container {
    display: none !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 40%;
    height: 49%;
    max-width: 402px;
    max-height: 313px;
    overflow: hidden;
    background: white;
    border-radius: 4px;
    top: 11.5%;
    left: 17.5%;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  width: 40%;
  height: 49%;
  max-width: 402px;
  max-height: 313px;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  top: 11.5%;
  left: 17.5%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 40%;
    height: 49%;
    max-width: 402px;
    max-height: 313px;
    overflow: hidden;
    background: white;
    border-radius: 4px;
    top: 11.5%;
    left: 17.5%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 40%;
    height: 49%;
    max-width: 402px;
    max-height: 313px;
    overflow: hidden;
    background: white;
    border-radius: 4px;
    top: 11.5%;
    left: 17.5%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 950px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    height: 56%;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    max-height: inherit !important;
    width: 100% !important;
  }
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  max-height: inherit !important;
  width: 100% !important;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  max-height: inherit !important;
  width: 100% !important;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
  background: #000000;
  height: 44px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 44px;
  color: #ffffff;
  padding-left: 20px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 0;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
  text-align: center;
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-left: 0;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    font-size: calc(4px + 6 * ((100vw - 320px) / 680));
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 44px !important;
    color: #ffffff !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.close {
  float: right;
  color: white;
  background: url('../Waterworks_ProjectFolder/images/tour/close.png') center center no-repeat;
  height: 17px;
  width: 17px;
  display: block;
  margin: 0;
  padding: 22px;
  cursor: pointer;
  opacity: 1 !important;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
  float: left;
  color: white;
  background: url('../images/icons/arrow_left_white.png') center center no-repeat;
  height: 17px;
  width: 22px;
  display: none;
  margin: 13px 0 0 14px;
  cursor: pointer;
  opacity: 1 !important;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
  display: block;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back.off {
  background: transparent;
  cursor: default;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
  overflow: hidden;
  height: 100%;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
  text-align: center;
  max-height: 270px;
  overflow: auto;
  padding: 20px 20px 0;
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    padding: 20px 20px 0;
    max-height: calc(100% - 108px);
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    max-height: calc(100% - 140px) !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 16px;
  font-weight: 375;
  line-height: 19px;
  color: #000000;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 19px;
    font-weight: 375;
    line-height: 23px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 19px;
  font-weight: 375;
  line-height: 23px;
  color: #000000;
  margin: 0 auto 13px auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 19px;
    font-weight: 375;
    line-height: 23px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 19px;
    font-weight: 375;
    line-height: 23px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-size: calc(6px + 11 * ((100vw - 320px) / 680));
    line-height: calc(6px + 11 * ((100vw - 320px) / 680));
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif !important;
    font-size: 16px !important;
    font-weight: 375 !important;
    line-height: 19px !important;
    color: #000000 !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content p {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  color: #707070;
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 0;
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content p {
    margin-bottom: 20px;
    font-size: calc(6px + 6 * ((100vw - 320px) / 680));
    line-height: calc(12px + 6 * ((100vw - 320px) / 680));
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content p {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
    color: #707070 !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
  padding-top: 20px;
  display: block;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px;
  padding: 0 13.5%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
  width: 104px;
  max-width: 100px;
  margin-right: 6px;
  border: 1px solid #000000;
  height: 50px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 26px;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  /* Landscape */
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn span {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
  text-decoration: none !important;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:hover span,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.selected span {
  text-decoration: none !important;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    height: 40px;
    width: calc(50% - 6px);
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
  height: 40px;
  width: calc(50% - 6px);
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    height: 40px;
    width: calc(50% - 6px);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    height: 40px;
    width: calc(50% - 6px);
  }
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    height: 4vw;
    line-height: calc(6px + 31 * ((100vw - 320px) / 680));
    font-size: calc(6px + 4 * ((100vw - 320px) / 680));
    padding: 0;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    font-size: 12px !important;
    line-height: 45px !important;
    height: 50px !important;
    width: 104px !important;
    max-width: 100px !important;
    margin-right: auto !important;
    margin-left: 6px !important;
    padding-left: 14px !important;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn span {
  margin-top: auto;
  margin-bottom: auto;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
  display: none;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
  display: inline-block;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
  margin-left: 6px;
  background: #000000;
  color: #ffffff;
  text-align: left;
  margin-right: auto;
  /* Landscape */
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
    width: 104px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
  }
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
  width: 104px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
  width: 104px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type:after {
  content: '';
  background: url('../Waterworks_ProjectFolder/images/tour/next-arrow-mobile.png') center center no-repeat;
  height: 24px;
  width: 9px;
  display: block;
  float: right;
  margin: 10px 10px 0 0;
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
    text-align: center;
    margin-right: 0;
  }
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type:after {
    content: none;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
  text-align: center;
  margin-right: 0;
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type:after {
  content: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
    text-align: center;
    margin-right: 0;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type:after {
    content: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type {
    text-align: center;
    margin-right: 0;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:last-of-type:after {
    content: none;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
  width: 52px;
  margin-right: 0;
  border: 1px solid #000000;
  height: 50px;
  display: inline-block;
  margin-left: auto;
  background: url('../Waterworks_ProjectFolder/images/tour/back-arrow-mobile.png') center center no-repeat;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 {
  display: none;
  max-width: 721px;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6 .tip-wrapper,
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper,
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper,
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper,
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper,
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6 .tip-wrapper,
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper {
    width: 56%;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper,
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper,
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper,
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper,
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6 .tip-wrapper,
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper {
  width: 56%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper {
    width: 56%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step6 .tip-wrapper,
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper {
    width: 56%;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .actions-wrapper span.btn.next-tour {
    margin: 0 auto !important;
  }
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .actions-wrapper span.btn.next-tour {
  margin: 0 auto !important;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .actions-wrapper span.btn.next-tour {
  margin: 0 auto !important;
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow1 {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow1 {
    top: 26.5%;
    left: 38%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow1 {
  top: 26.5%;
  left: 38%;
  width: 16%;
  height: 30px;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow1 {
    top: 26.5%;
    left: 38%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow1 {
    top: 26.5%;
    left: 38%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow2 {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow2 {
    top: 43%;
    left: 64%;
    width: 16%;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow2 {
  top: 43%;
  left: 64%;
  width: 16%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow2 {
    top: 43%;
    left: 64%;
    width: 16%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .arrow-container.arrow2 {
    top: 43%;
    left: 64%;
    width: 16%;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper {
    top: 36%;
    left: 7.5%;
    width: 56%;
    height: 32%;
    max-height: 243px;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper {
  top: 36%;
  left: 7.5%;
  width: 56%;
  height: 32%;
  max-height: 243px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper {
    top: 36%;
    left: 7.5%;
    width: 56%;
    height: 32%;
    max-height: 243px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper {
    top: 36%;
    left: 7.5%;
    width: 56%;
    height: 32%;
    max-height: 243px;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .arrow-container {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .arrow-container {
    top: 47.5%;
    left: 71.5%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .arrow-container {
  top: 47.5%;
  left: 71.5%;
  width: 16%;
  height: 30px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .arrow-container {
    top: 47.5%;
    left: 71.5%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .arrow-container {
    top: 47.5%;
    left: 71.5%;
    width: 16%;
    height: 30px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper {
    top: 25%;
    left: 15%;
    width: 56%;
    height: 32%;
    max-height: 261px;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper {
  top: 25%;
  left: 15%;
  width: 56%;
  height: 32%;
  max-height: 261px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper {
    top: 25%;
    left: 15%;
    width: 56%;
    height: 32%;
    max-height: 261px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper {
    top: 25%;
    left: 15%;
    width: 56%;
    height: 32%;
    max-height: 261px;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .arrow-container {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .arrow-container {
    top: 52.5%;
    left: 4.5%;
    width: 12%;
    height: 23%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step4.png') center center no-repeat;
    background-size: contain;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .arrow-container {
  top: 52.5%;
  left: 4.5%;
  width: 12%;
  height: 23%;
  background: url('../Waterworks_ProjectFolder/images/tour/arrow-step4.png') center center no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .arrow-container {
    top: 52.5%;
    left: 4.5%;
    width: 12%;
    height: 23%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step4.png') center center no-repeat;
    background-size: contain;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .arrow-container {
    top: 52.5%;
    left: 4.5%;
    width: 12%;
    height: 23%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step4.png') center center no-repeat;
    background-size: contain;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper {
    top: 21.5%;
    left: 18.5%;
    width: 56%;
    height: 37%;
  }
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper .content .actions-wrapper {
    margin-top: 40px;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper {
  top: 21.5%;
  left: 18.5%;
  width: 56%;
  height: 37%;
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper .content .actions-wrapper {
  margin-top: 40px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper {
    top: 21.5%;
    left: 18.5%;
    width: 56%;
    height: 37%;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper .content .actions-wrapper {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper {
    top: 21.5%;
    left: 18.5%;
    width: 56%;
    height: 37%;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper .content .actions-wrapper {
    margin-top: 40px;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .arrow-container {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .arrow-container {
    top: 13%;
    left: 24%;
    width: 18%;
    height: 14%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step5.png') center center no-repeat;
    background-size: contain;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .arrow-container {
  top: 13%;
  left: 24%;
  width: 18%;
  height: 14%;
  background: url('../Waterworks_ProjectFolder/images/tour/arrow-step5.png') center center no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .arrow-container {
    top: 13%;
    left: 24%;
    width: 18%;
    height: 14%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step5.png') center center no-repeat;
    background-size: contain;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .arrow-container {
    top: 13%;
    left: 24%;
    width: 18%;
    height: 14%;
    background: url('../Waterworks_ProjectFolder/images/tour/arrow-step5.png') center center no-repeat;
    background-size: contain;
  }
}
body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
    top: 27.5%;
    left: 26.5%;
    width: 56%;
    height: 45%;
    max-height: 329px;
  }
}
html.ipad.landscape body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
  top: 27.5%;
  left: 26.5%;
  width: 56%;
  height: 45%;
  max-height: 329px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
    top: 27.5%;
    left: 26.5%;
    width: 56%;
    height: 45%;
    max-height: 329px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
    top: 27.5%;
    left: 26.5%;
    width: 56%;
    height: 45%;
    max-height: 329px;
  }
}
@media (max-width: 992px) {
  html:not(.ipad) body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
    height: 38%;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper {
    height: 100% !important;
  }
}
@media (max-width: 768px) {
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn {
    display: inline-block !important;
    width: calc(50% - 6px) !important;
    max-width: initial;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.end-tour {
    padding: 0 !important;
  }
  body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.learn-more {
    max-width: initial !important;
    width: 140px !important;
  }
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn {
  display: inline-block !important;
  width: calc(50% - 6px) !important;
  max-width: initial;
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.end-tour {
  padding: 0 !important;
}
html.ipad.portrait body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.learn-more {
  max-width: initial !important;
  width: 140px !important;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn {
  display: inline-block !important;
  width: calc(50% - 6px) !important;
  max-width: initial;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.end-tour {
  padding: 0 !important;
}
html.legacy-ipad body #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .actions-wrapper span.btn.learn-more {
  max-width: initial !important;
  width: 140px !important;
}
.quote-tour-btn {
  display: none;
  float: right;
  width: 133px;
  height: 48px;
  border: 1px solid #CCCCCC;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 46px;
  color: #000000;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: url('../Waterworks_ProjectFolder/images/tour/opentour-btn.png') 17px center no-repeat;
  padding-left: 35px;
  margin-right: 14px;
  cursor: pointer;
  text-align: left;
  /* Landscape */
}
.quote-tour-btn span {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
  text-decoration: none !important;
}
.quote-tour-btn:hover span,
.quote-tour-btn.selected span {
  text-decoration: none !important;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  html:not(.ipad) .quote-tour-btn {
    display: block;
  }
}
html.ipad.landscape .quote-tour-btn {
  display: block;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .quote-tour-btn {
    display: block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .quote-tour-btn {
    display: block;
  }
}
body.projectfolder-index-index .quote-tour-btn {
  padding-left: 35px;
  margin-right: 0;
}
@media (max-width: 768px) {
  body.projectfolder-index-index .quote-tour-btn {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
        justify-content: left;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto 20px auto !important;
  }
}
html.ipad.portrait body.projectfolder-index-index .quote-tour-btn {
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto 20px auto !important;
}
html.legacy-ipad body.projectfolder-index-index .quote-tour-btn {
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: left;
      justify-content: left;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto 20px auto !important;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.projectfolder-index-index .quote-tour-btn {
    float: right !important;
  }
}
body.catalog-category-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step1.step1pdp {
  display: none !important;
}
body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.tour-step1.step1plp {
  display: none !important;
}
body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .arrow-container {
  top: inherit;
  bottom: 14%;
  left: 48%;
  height: 140px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .tip-wrapper {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .tip-wrapper {
    top: inherit;
    bottom: 5%;
    left: 7%;
  }
}
html.ipad.landscape body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .tip-wrapper {
  top: inherit;
  bottom: 5%;
  left: 7%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .tip-wrapper {
    top: inherit;
    bottom: 5%;
    left: 7%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view #projectfolder-tour-wrapper .projectfolder-tour-container .tour-step-block.step1pdp .tip-wrapper {
    top: inherit;
    bottom: 5%;
    left: 7%;
  }
}
body.catalog-product-view .quote-tour-btn {
  height: 38px;
  line-height: 37px;
  margin-right: 0;
  display: none;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) body.catalog-product-view .quote-tour-btn {
    display: block;
  }
}
html.ipad.landscape body.catalog-product-view .quote-tour-btn {
  display: block;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view .quote-tour-btn {
    display: block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view .quote-tour-btn {
    display: block;
  }
}
html.ipad body.catalog-product-view .quote-tour-btn {
  display: block;
}
body.catalog-product-view .quote-tour-btn.mobile-only {
  display: block;
  float: none;
  margin-left: auto;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
  /* Landscape */
}
@media (max-width: 992px) {
  html:not(.ipad) body.catalog-product-view .quote-tour-btn.mobile-only {
    display: none;
  }
}
@media (min-width: 768px) {
  html:not(.ipad) body.catalog-product-view .quote-tour-btn.mobile-only {
    display: none;
  }
}
html.ipad.landscape body.catalog-product-view .quote-tour-btn.mobile-only {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view .quote-tour-btn.mobile-only {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  body.catalog-product-view .quote-tour-btn.mobile-only {
    display: none;
  }
}
@media (max-width: 768px) {
  body.catalog-product-view .quote-tour-btn.mobile-only {
    display: block !important;
  }
}
html.ipad body.catalog-product-view .quote-tour-btn.mobile-only {
  display: none !important;
}
/*
body #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 {
  .tip-wrapper .actions-wrapper span.btn.end-tour {
    .isMobileOrPortrait({
      display: none !important;
    });
  }.tip-wrapper .actions-wrapper span.btn.next-tour {
    .isMobileOrPortrait({
      width: 104px !important;
    });
  }

}
body #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 {
  .tip-wrapper .actions-wrapper {
    span.btn {
      &.end-tour, &.learn-more {
        .isMobile({
          display: none !important
        });
      }
      &.next-tour {
        .isMobile({
          margin-left: auto !important
        });
      }
    }
  }
}
body #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 {
  .tip-wrapper .actions-wrapper {
    .back {
      .isMobileOrPortrait({
        display: none !important;
      })
    }
    span.btn {
      &.end-tour, &.learn-more {
        .isMobileOrPortrait({
          display: inline-block !important;
          width: ~"calc(50% - 6px)" !important;
          max-width: 140px !important;
        });
      }
      &.end-tour {
        .isMobile({
          margin-left: auto !important;
          padding-left: 0 !important;
          margin-right: 0 !important;
        });
      }
      &.learn-more {
        .isMobile({
          margin-right: auto !important;
        });
      }
    }
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content div.image-mobile {
  .isMobileOrPortrait({
    padding-top: 20px;
  });
}
*/
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
  width: 100%;
  height: initial;
  max-width: 100% !important;
  min-height: initial;
  bottom: 0;
  position: absolute;
  /* Landscape */
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
    height: calc(100% - 80px);
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
  height: calc(100% - 80px);
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
  height: calc(100% - 80px);
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
    position: absolute;
    width: 972px;
    max-width: 972px !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: initial;
    top: 50%;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
  position: absolute;
  width: 972px;
  max-width: 972px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: initial;
  top: 50%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
    position: absolute;
    width: 972px;
    max-width: 972px !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: initial;
    top: 50%;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap {
    position: absolute;
    width: 972px;
    max-width: 972px !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: initial;
    top: 50%;
    -webkit-transform: translateY(-55%);
            transform: translateY(-55%);
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header {
  background: #FBFBFB;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header .action-close {
  padding: 13px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header .action-close {
    padding: 20px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header .action-close {
  padding: 20px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header .action-close {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-header .action-close {
    padding: 20px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content {
  background: #FBFBFB;
  padding: 0;
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content {
    overflow: hidden;
    height: calc(100% - 30px);
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content {
  overflow: hidden;
  height: calc(100% - 30px);
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content {
  overflow: hidden;
  height: calc(100% - 30px);
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper {
    height: 100%;
    overflow: hidden;
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper {
  height: 100%;
  overflow: hidden;
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper {
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper .folder-modal-content-wrapper {
    height: 100%;
    overflow: hidden;
    padding-bottom: 100px;
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper .folder-modal-content-wrapper {
  height: 100%;
  overflow: hidden;
  padding-bottom: 100px;
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content #folder-newfature-modal-wrapper .folder-modal-content-wrapper {
  height: 100%;
  overflow: hidden;
  padding-bottom: 100px;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 20px;
  margin-bottom: 20px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header {
    margin: 0 0 35px 0;
    padding-bottom: 40px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header {
  margin: 0 0 35px 0;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header {
    margin: 0 0 35px 0;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header {
    margin: 0 0 35px 0;
    padding-bottom: 40px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header p {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  color: #333333;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header p {
    font-size: 18px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header p {
  font-size: 18px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header p {
    font-size: 18px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 24px;
  font-weight: 325;
  line-height: 29px;
  color: #000000;
  padding: 0;
  margin: 0 auto 20px auto;
  text-align: center;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 46px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
    margin: 5px auto 32px auto;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 46px;
  font-weight: 325;
  line-height: 46px;
  color: #000000;
  margin: 5px auto 32px auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 46px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
    margin: 5px auto 32px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-header h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 46px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
    margin: 5px auto 32px auto;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
  /* Landscape */
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
    overflow: auto;
    height: calc(100% - 20px);
    padding-bottom: 0;
    padding-top: 10px;
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
  overflow: auto;
  height: calc(100% - 20px);
  padding-bottom: 0;
  padding-top: 10px;
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
  overflow: auto;
  height: calc(100% - 20px);
  padding-bottom: 0;
  padding-top: 10px;
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
    padding: 0 0 20px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
  padding: 0 0 20px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
    padding: 0 0 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content {
    padding: 0 0 20px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 20px;
  font-weight: 325;
  line-height: 24px;
  color: #000000;
  margin: 0 auto 20px auto;
  text-align: center;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 35px;
    font-weight: 325;
    line-height: 35px;
    color: #000000;
    margin: 0 auto 32px auto;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 35px;
  font-weight: 325;
  line-height: 35px;
  color: #000000;
  margin: 0 auto 32px auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 35px;
    font-weight: 325;
    line-height: 35px;
    color: #000000;
    margin: 0 auto 32px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 35px;
    font-weight: 325;
    line-height: 35px;
    color: #000000;
    margin: 0 auto 32px auto;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container {
  margin: 20px 3px 60px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 32px 10px 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container {
  display: -ms-flexbox;
  display: flex;
  margin: 0 32px 10px 32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 32px 10px 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 32px 10px 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -ms-flex-align: center;
      align-items: center;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric {
    width: 33.3%;
    margin-bottom: 45px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric {
  width: 33.3%;
  margin-bottom: 45px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric {
    width: 33.3%;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric {
    width: 33.3%;
    margin-bottom: 45px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .number {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 34px;
  font-weight: 325;
  line-height: 46px;
  color: #000000;
  width: 51px;
  height: 51px;
  border-radius: 90px;
  border: 1px solid #D9D9D9;
  text-align: center;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .number {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 27px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .number {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 27px;
  font-weight: 325;
  line-height: 46px;
  color: #000000;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .number {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 27px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .number {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 27px;
    font-weight: 325;
    line-height: 46px;
    color: #000000;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric .content {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  color: #333333;
  width: calc(100% - 116px);
  margin-left: 19px;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .block-numeric-container .block-numeric:last-of-type .content {
  padding-right: 0 !important;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container:after {
  content: '';
  clear: both;
  display: block;
  padding-bottom: 0;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container h3 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 24px;
  font-weight: 325;
  line-height: 29px;
  color: #000000;
  text-align: center;
  padding: 0;
  margin: 0 auto 20px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 22px;
    font-weight: 325;
    line-height: 27px;
    color: #000000;
    margin: 0 auto 16px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container h3 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 22px;
  font-weight: 325;
  line-height: 27px;
  color: #000000;
  margin: 0 auto 16px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 22px;
    font-weight: 325;
    line-height: 27px;
    color: #000000;
    margin: 0 auto 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 22px;
    font-weight: 325;
    line-height: 27px;
    color: #000000;
    margin: 0 auto 16px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature {
  padding: 0;
  margin: 0 10px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature {
    background: #FBFBFB;
    padding: 15px 40px;
    margin: 0 32px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature {
  background: #FBFBFB;
  padding: 15px 40px;
  margin: 0 32px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature {
    background: #FBFBFB;
    padding: 15px 40px;
    margin: 0 32px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature {
    background: #FBFBFB;
    padding: 15px 40px;
    margin: 0 32px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots {
  bottom: initial;
  position: inherit;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 40px auto;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots {
    margin: 0 auto 32px auto;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots {
  margin: 0 auto 32px auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots {
    margin: 0 auto 32px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots {
    margin: 0 auto 32px auto;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li {
  margin: 0;
  width: 20%;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 12px;
  font-weight: 375;
  line-height: 22px;
  color: #A4A4A4;
  padding: 8px 2px;
  border-bottom: 1px solid #ffffff;
  text-decoration: none !important;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 13px;
    font-weight: 375;
    line-height: 18px;
    color: #A4A4A4;
    padding: 10px 20px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 13px;
  font-weight: 375;
  line-height: 18px;
  color: #A4A4A4;
  padding: 10px 20px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 13px;
    font-weight: 375;
    line-height: 18px;
    color: #A4A4A4;
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 13px;
    font-weight: 375;
    line-height: 18px;
    color: #A4A4A4;
    padding: 10px 20px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li a:hover {
  text-decoration: none !important;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-dots li.slick-active a {
  color: #000000 !important;
  border-bottom: 1px solid #000000;
  text-decoration: none;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list {
  margin: 0 auto;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide {
  /* Landscape */
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #000000;
  text-align: center;
  margin: 0 0 10px 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #000000;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.big {
  font-size: 14px;
  margin: 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.big {
    font-size: 14px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.big {
  font-size: 14px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.big {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.big {
    font-size: 14px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.small {
  font-size: 10px;
  color: #A4A4A4 !important;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.small {
    font-size: 10px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.small {
  font-size: 10px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.small {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide p.small {
    font-size: 10px;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
  margin: 19px auto 0 auto;
  max-width: 100%;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
    max-width: 589px;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
  max-width: 589px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
    max-width: 589px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
    max-width: 589px;
  }
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
    display: none;
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
  display: none;
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img {
  display: none;
}
@media (max-width: 768px) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img.mobile-only {
    display: block !important;
    max-width: 100%;
  }
}
html.ipad.portrait .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img.mobile-only {
  display: block !important;
  max-width: 100%;
}
html.legacy-ipad .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide img.mobile-only {
  display: block !important;
  max-width: 100%;
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step2 img {
    max-width: 283px !important;
  }
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step3 img {
    max-width: 520px !important;
  }
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step4 img {
    max-width: 447px !important;
  }
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step5 img {
    max-width: 507px !important;
  }
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step6 img {
    max-width: 405px !important;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step2 img {
  max-width: 283px !important;
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step3 img {
  max-width: 520px !important;
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step4 img {
  max-width: 447px !important;
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step5 img {
  max-width: 507px !important;
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step6 img {
  max-width: 405px !important;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step2 img {
    max-width: 283px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step3 img {
    max-width: 520px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step4 img {
    max-width: 447px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step5 img {
    max-width: 507px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step6 img {
    max-width: 405px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step2 img {
    max-width: 283px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step3 img {
    max-width: 520px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step4 img {
    max-width: 447px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step5 img {
    max-width: 507px !important;
  }
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-list .slick-slide.step6 img {
    max-width: 405px !important;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev {
  top: calc(100% + 25px);
  bottom: 0;
  left: 40%;
  z-index: 3;
  background: url('../images/icons/folder-left-arrow.png') center center no-repeat;
  height: 26px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev {
    left: 0;
    top: 50%;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev {
  left: 0;
  top: 50%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev {
    left: 0;
    top: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev {
    left: 0;
    top: 50%;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev:before {
  content: none;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
  top: calc(100% + 25px);
  bottom: 0;
  right: 40%;
  z-index: 3;
  background: url('../images/icons/folder-right-arrow.png') center center no-repeat;
  height: 26px;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
    right: 0;
    top: 50%;
  }
}
html.ipad.landscape .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
  right: 0;
  top: 50%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
    right: 0;
    top: 50%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
    right: 0;
    top: 50%;
  }
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next:before {
  content: none;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev,
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next {
  box-shadow: none !important;
  border: 0 !important;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev:hover,
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next:hover {
  border-radius: 0;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev:after,
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next:after {
  display: block;
  content: '';
  background-image: linear-gradient(black, black);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.3s;
  margin-top: 28px;
  height: 2px;
}
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-prev:hover:after,
.modals-wrapper aside.modal-popup.folder-action-modal.newfeature-folder-modal .modal-inner-wrap .modal-content .folder-modal-content .slider-container .slider-new-feature .slick-next:hover:after {
  background-size: 100% 2px;
}
#projectfolder-tour-dashboard-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999;
  display: none;
  overflow: auto;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
#projectfolder-tour-dashboard-wrapper.active {
  display: -ms-flexbox;
  display: flex;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block {
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  /* Landscape */
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 100%;
    max-width: 1270px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 639px;
    top: initial;
    left: initial;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  width: 100%;
  max-width: 1270px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 639px;
  top: initial;
  left: initial;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 100%;
    max-width: 1270px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 639px;
    top: initial;
    left: initial;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    width: 100%;
    max-width: 1270px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 639px;
    top: initial;
    left: initial;
  }
}
@media (max-width: 768px) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    max-height: inherit !important;
    width: 100% !important;
    overflow: hidden;
  }
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  max-height: inherit !important;
  width: 100% !important;
  overflow: hidden;
}
html.legacy-ipad #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
  max-height: inherit !important;
  width: 100% !important;
  overflow: hidden;
}
@media only screen and (max-height: 640px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper {
    height: 100%;
    max-height: 100%;
    width: calc(202vh - 16px);
    max-width: 100%;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
  background: #000000;
  height: 60px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
  padding-left: 20px;
  text-transform: uppercase;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    padding-left: 0;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
    color: #ffffff;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
  text-align: center;
  padding-left: 0;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 60px;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    padding-left: 0;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
    color: #ffffff;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title {
    text-align: center;
    padding-left: 0;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
    color: #ffffff;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.close {
  float: right;
  color: white;
  background: url('../Waterworks_ProjectFolder/images/tour/close.png') center center no-repeat;
  height: 17px;
  width: 17px;
  display: block;
  margin: 0;
  padding: 30px;
  cursor: pointer;
  opacity: 1 !important;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
  float: left;
  color: white;
  background: url('../images/icons/arrow_left_white.png') center center no-repeat;
  height: 17px;
  width: 22px;
  display: none;
  margin: 0;
  padding: 30px;
  background-size: 13px;
  cursor: pointer;
  opacity: 1 !important;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
  display: block;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back {
    display: block;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .title span.back.off {
  background: transparent;
  cursor: default;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
  display: block;
  /* Landscape */
  /* Landscape */
}
@media (max-width: 768px) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
    height: 100%;
  }
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
  height: 100%;
}
html.legacy-ipad #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
  height: 100%;
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-height: 640px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper {
    max-height: calc(100% - 60px);
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
  text-align: center;
  overflow: auto;
  padding: 4% 0 0;
  position: relative;
  /* Landscape */
}
@media (max-width: 768px) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    height: calc(100% - 150px);
    overflow: auto;
    position: initial;
    padding: 30px;
  }
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    width: 35.3%;
    position: relative;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
  width: 35.3%;
  position: relative;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    width: 35.3%;
    position: relative;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
    width: 35.3%;
    position: relative;
  }
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content {
  position: initial;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 20px;
  font-weight: 375;
  line-height: 24px;
  color: #000000;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 0;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 20px;
    font-weight: 375;
    line-height: 24px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1:after {
    display: block;
    width: 107px;
    height: 1px;
    background: black;
    content: '';
    margin: 20px auto;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
  font-family: "Chronicle Display A", "Chronicle Display B", serif;
  font-size: 20px;
  font-weight: 375;
  line-height: 24px;
  color: #000000;
  margin: 0 auto 13px auto;
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1:after {
  display: block;
  width: 107px;
  height: 1px;
  background: black;
  content: '';
  margin: 20px auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 20px;
    font-weight: 375;
    line-height: 24px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1:after {
    display: block;
    width: 107px;
    height: 1px;
    background: black;
    content: '';
    margin: 20px auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1 {
    font-family: "Chronicle Display A", "Chronicle Display B", serif;
    font-size: 20px;
    font-weight: 375;
    line-height: 24px;
    color: #000000;
    margin: 0 auto 13px auto;
  }
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content h1:after {
    display: block;
    width: 107px;
    height: 1px;
    background: black;
    content: '';
    margin: 20px auto;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content p {
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #707070;
  text-align: center;
  margin: 0 auto 0 auto;
  padding: 0;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .content-body {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .content-body {
    height: calc(100% - 100px);
    overflow: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .content-body {
  height: calc(100% - 100px);
  overflow: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .content-body {
    height: calc(100% - 100px);
    overflow: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .content-body {
    height: calc(100% - 100px);
    overflow: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
  padding-top: 20px;
  display: block;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .image-mobile {
    display: none;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 25px;
  padding: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
    width: 100%;
    bottom: 7%;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
  width: 100%;
  bottom: 7%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
    width: 100%;
    bottom: 7%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper {
    width: 100%;
    bottom: 7%;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
  width: 104px;
  max-width: 100px;
  margin-right: 6px;
  border: 1px solid #000000;
  height: 50px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
  /* Landscape */
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn span {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size 0.3s;
  text-decoration: none !important;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn:hover span,
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.selected span {
  text-decoration: none !important;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    width: calc(41% - 6px);
    max-width: 177px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 35px;
    color: #000000;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
  width: calc(41% - 6px);
  max-width: 177px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    width: calc(41% - 6px);
    max-width: 177px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 35px;
    color: #000000;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn {
    width: calc(41% - 6px);
    max-width: 177px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 35px;
    color: #000000;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn span {
  margin-top: auto;
  margin-bottom: auto;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
  display: none;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
    margin-left: auto;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
  display: inline-block;
  margin-left: auto;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.end-tour {
    display: inline-block;
    margin-left: auto;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
  background: #000000;
  color: #ffffff !important;
  text-align: left;
  width: 104px;
  margin-left: 6px;
  margin-right: auto;
  padding-left: 16px;
  /* Landscape */
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    padding: 6px 0;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
  padding: 6px 0;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    padding: 6px 0;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    padding: 6px 0;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour:after,
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
  content: '';
  background: url('../Waterworks_ProjectFolder/images/tour/next-arrow-mobile.png') center center no-repeat;
  height: 24px;
  width: 9px;
  display: block;
  float: right;
  margin: 5px 5px 0 0;
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    text-align: center;
    margin-right: auto;
    margin-left: 6px;
  }
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour:after,
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
    content: none;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
  text-align: center;
  margin-right: auto;
  margin-left: 6px;
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour:after,
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
  content: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    text-align: center;
    margin-right: auto;
    margin-left: 6px;
  }
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour:after,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
    content: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    text-align: center;
    margin-right: auto;
    margin-left: 6px;
  }
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour:after,
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
    content: none;
  }
}
@media (max-width: 768px) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
    width: 124px;
    max-width: inherit;
  }
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
  width: 124px;
  max-width: inherit;
}
html.legacy-ipad #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more {
  width: 124px;
  max-width: inherit;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.learn-more:after {
  content: none;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
  width: 52px;
  margin-right: 6px;
  border: 1px solid #000000;
  height: 50px;
  display: inline-block;
  margin-left: auto;
  background: url('../Waterworks_ProjectFolder/images/tour/back-arrow-mobile.png') center center no-repeat;
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
  display: none;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .content .actions-wrapper span.back {
    display: none;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
  display: none;
  /* Landscape */
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
    display: block;
    position: relative;
    width: 64.75%;
    background: #FBFBFB;
    text-align: center;
    padding: 5.2% 6.77%;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
  display: block;
  position: relative;
  width: 64.75%;
  background: #FBFBFB;
  text-align: center;
  padding: 5.2% 6.77%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
    display: block;
    position: relative;
    width: 64.75%;
    background: #FBFBFB;
    text-align: center;
    padding: 5.2% 6.77%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
    display: block;
    position: relative;
    width: 64.75%;
    background: #FBFBFB;
    text-align: center;
    padding: 5.2% 6.77%;
  }
}
@media only screen and (max-height: 640px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop {
    max-height: 100%;
  }
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop img {
    max-height: 100%;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop .arrow-container {
  position: absolute;
  width: 664px;
  max-width: 80.786%;
  top: 10%;
  left: 1%;
  height: 26.64%;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block .tip-wrapper .content-wrapper .image-desktop .arrow-container img {
  max-height: 100%;
}
@media (max-width: 768px) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour {
    margin-left: auto;
    margin-right: auto;
  }
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour {
  margin-left: auto;
  margin-right: auto;
}
html.legacy-ipad #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour {
  margin-left: auto;
  margin-right: auto;
}
html.ipad.portrait #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step1 .tip-wrapper .content-wrapper .content .actions-wrapper span.btn.next-tour {
  margin-left: auto;
  margin-right: auto;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper .content-wrapper .image-desktop {
  /* Landscape */
}
@media (min-width: 768px) {
  html:not(.ipad) #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper .content-wrapper .image-desktop {
    padding: 5.37% 7%;
  }
}
html.ipad.landscape #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper .content-wrapper .image-desktop {
  padding: 5.37% 7%;
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper .content-wrapper .image-desktop {
    padding: 5.37% 7%;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  #projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step2 .tip-wrapper .content-wrapper .image-desktop {
    padding: 5.37% 7%;
  }
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper .content-wrapper .content h1:last-of-type {
  margin-top: 12%;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step3 .tip-wrapper .content-wrapper .image-desktop .arrow-container {
  width: 313.5px;
  max-width: 38.082%;
  left: 2%;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step4 .tip-wrapper .content-wrapper .image-desktop .arrow-container {
  width: 375px;
  max-width: 45.42%;
  left: 3%;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step5 .tip-wrapper .content-wrapper .image-desktop .arrow-container {
  width: 669px;
  max-width: 81.394%;
  height: 69%;
  left: 3%;
}
#projectfolder-tour-dashboard-wrapper .projectfolder-tour-container .tour-step-block.tour-step7 .tip-wrapper .content-wrapper .image-desktop .arrow-container {
  width: 388.5px;
  max-width: 47.267%;
  height: 159.5px;
  left: 3%;
  top: 9%;
}
html.ipad.portrait body.catalog-category-view.tour-opened {
  overflow: initial;
}
@media (max-width: 768px) {
  body.catalog-category-view.tour-opened {
    overflow: initial;
  }
}
html.ipad.portrait body.catalog-category-view.tour-opened {
  overflow: initial;
}
html.legacy-ipad body.catalog-category-view.tour-opened {
  overflow: initial;
}
body.catalog-category-view #projectfolder-tour-wrapper.active {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  body.catalog-category-view #projectfolder-tour-wrapper.active {
    display: none;
  }
}
html.ipad.portrait body.catalog-category-view #projectfolder-tour-wrapper.active {
  display: none;
}

/*# sourceMappingURL=projectfolder-tour.css.map */