/* How to measure guide
-------------------------------------------------- */
/* How to measure guide CMS pages
-------------------------------------------------- */
/* Breakpoints */
/* Media width mixin used to group styles output based on media queries */
@media screen and (max-width: 1023px) {
  /* Popup */
  .modal-popup-htm.modal-popup {
    padding-left: 16px;
    padding-right: 16px;
  }
  .modal-popup-htm.modal-popup .modal-inner-wrap {
    min-height: 100%;
  }
  /* Break Line */
  .like-br-desktop {
    display: none;
  }
  .like-br-tablet {
    display: block;
  }
  /* Utilities */
  .htm-hide-on-tablet {
    display: none !important;
  }
  .htm-show-on-tablet {
    display: block !important;
  }
  /* Start */
  .htm-start-title {
    margin-bottom: 16px;
  }
  .htm-start-text {
    margin-bottom: 25px;
  }
  .htm-start-subtitle {
    margin-bottom: 47px;
  }
  .htm-start-actions .htm-button {
    min-width: 236px;
  }
  /* Step 1 */
  .htm-window {
    margin-top: 0;
  }
  .htm-window:not(.slick-slider) {
    max-width: 522px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
  }
  .htm-window:not(.slick-slider) .htm-window-item {
    max-width: 249px;
    width: calc(50% - 12px);
    margin-bottom: 33px;
  }
  .htm-window.slick-slider .htm-window-item {
    width: 256px !important;
    max-width: 256px;
    padding: 8px 0;
    margin: 0 12px;
  }
  .htm-window.slick-slider .htm-window-item:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  /* Step 2 */
  .htm-blinds-type {
    margin-left: -16px;
    margin-right: -16px;
  }
  .htm-blinds-type-item:hover .htm-blinds-type-item-img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .htm-blinds-type-item:active .htm-blinds-type-item-img {
    border-color: rgba(20, 23, 41, 0.1);
  }
  .htm-blinds-type-item-img {
    margin-bottom: 18px;
  }
  /* Step 3 */
  .htm-installation-method {
    display: block;
    max-width: 522px;
    margin: 0 auto;
    padding-top: 15px;
  }
  .htm-installation-method._big {
    max-width: 512px;
  }
  .htm-installation-method._big .htm-installation-method-item {
    width: 100%;
  }
  .htm-installation-method-item {
    width: 100%;
  }
  .htm-installation-method-item:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .htm-installation-method-item:active {
    border-color: #f2f2f2;
  }
  .htm-installation-method-img {
    width: 41.8511%;
  }
  .htm-installation-method-info {
    width: 58.1489%;
    padding-right: 16px;
  }
  /* Step 4 */
  .htm-video-wrap {
    max-width: 522px;
    margin-top: 16px;
  }
  /* Step 7 = Measure the width */
  .htm-measure-width {
    max-width: 662px;
  }
  .htm-measure-width-with-info {
    max-width: 662px;
  }
  .htm-measure-width-with-info .htm-measure-width-left {
    width: 293px;
    padding-right: 42px;
  }
  .htm-measure-width-with-info .htm-measure-width-right {
    width: calc(100% - 325px);
  }
  .htm-measure-width-with-info .htm-measure-width-left-content {
    display: block;
  }
  .htm-measure-width-with-info .htm-measure-width-left-block {
    width: auto;
  }
  .htm-measure-width-with-info .htm-measure-width-left-block + .htm-measure-width-left-block {
    margin-top: 18px;
  }
  .htm-measure-width-right-blocks {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .htm-measure-width-right-block {
    width: 100%;
    max-width: none;
  }
  .htm-measure-width-right-block + .htm-measure-width-right-block {
    margin-top: 24px;
  }
  .htm-measure-width-right-block-img,
  .htm-measure-width-left-block-alt-img {
    max-width: 288px;
  }
  .htm-measure-width-right-block-info,
  .htm-measure-width-left-block-alt-info {
    max-width: 288px;
  }
  .htm-measure-note {
    max-width: 288px;
  }
  .obstruction-checks-container .htm-measure-width-right-blocks {
    max-width: 256px;
  }
  .obstruction-checks-container .htm-measure-width-right-block {
    display: block;
  }
  .obstruction-checks-container .htm-measure-width-right-block-img {
    width: auto;
    margin-bottom: 26px;
  }
  .obstruction-checks-container .htm-measure-width-right-block-info {
    width: auto;
  }
  .htm-measure-width-big-left {
    max-width: 662px;
  }
  .htm-measure-width-big-left .htm-measure-width-left {
    width: 51%;
    padding-top: 0;
    margin-right: 32px;
    padding-right: 7%;
  }
  .htm-measure-width-big-left .htm-measure-width-left-block {
    display: block;
  }
  .htm-measure-width-big-left .htm-measure-width-left-img {
    width: 100%;
  }
  .htm-measure-width-big-left .htm-measure-width-left-text {
    width: 100%;
  }
  .htm-measure-width-big-left .htm-measure-width-right {
    width: 43.5%;
  }
  .htm-measure-width-big-right .htm-measure-width-right-blocks {
    padding-left: 0;
    position: static;
  }
  .htm-measure-width-big-right .htm-measure-width-right-blocks._small {
    padding-left: 0;
  }
  .htm-measure-width-big-right .htm-measure-width-right-blocks._small .htm-measure-width-right-block-img {
    max-width: 256px;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block-img {
    position: static;
    max-width: 288px;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block + .htm-measure-width-right-block._no-border {
    margin-top: 9px;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note):not(._no-border) {
    margin-top: 0;
    padding-top: 16px;
    position: relative;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note):not(._no-border):before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 152px;
    height: 1px;
    background: #c4c4c4;
  }
  /* Step-8 = Measure the drop */
  .htm-measure-drop .htm-measure-width-right-block + .htm-measure-width-right-block {
    margin: 24px 0 0;
  }
  .htm-measure-drop .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note) {
    -ms-flex-order: -10;
    -webkit-order: -10;
    order: -10;
    margin: 0 0 27px;
  }
  /* Step 9 */
  .htm-final-block {
    max-width: none;
    margin-top: 12px;
  }
  .htm-final-block-img {
    margin: 0 auto 74px;
  }
  .htm-final-block-form {
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0;
  }
  .htm-final-block-form-input {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .htm-final-block-form-action {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .htm-final-block-form-note {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .htm-final-block-success {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: -34px;
  }
  .htm-final-block-success .htm-final-block-success-ico {
    display: block;
    margin: 0 auto 20px;
  }
  .htm-final-block-success .htm-final-block-success-text {
    display: block;
    width: 100%;
  }
  .htm-step-actions-text {
    margin-bottom: 0;
  }
  body[class*="page-layout-measure"] {
    /* Start */
    /* Steps */
  }
  body[class*="page-layout-measure"]._fixed-header .htm-nav-container._sticky .htm-nav-wrap .htm-nav.container {
    padding-left: 0;
    padding-right: 0;
  }
  body[class*="page-layout-measure"] .htm-start-text {
    font-size: 16px;
    line-height: 1.5;
    max-width: 522px;
    margin-left: auto;
    margin-right: auto;
  }
  body[class*="page-layout-measure"] .htm-start-blocks {
    max-width: 522px;
  }
  body[class*="page-layout-measure"] .htm-start-block {
    width: 158px;
  }
  body[class*="page-layout-measure"] .htm-start-block-img {
    height: 158px;
    margin-bottom: 24px;
  }
  body[class*="page-layout-measure"] .htm-start-block-img svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body[class*="page-layout-measure"] .htm-start-block-title {
    font-size: 16px;
  }
  body[class*="page-layout-measure"] .htm-window:not(.slick-slider) .htm-window-item:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  body[class*="page-layout-measure"] .htm-window:not(.slick-slider) .htm-window-item:active .htm-window-item-img {
    border-color: rgba(20, 23, 41, 0.1);
  }
  body[class*="page-layout-measure"] .htm-measure-width {
    max-width: 597px;
  }
  body[class*="page-layout-measure"] .htm-measure-width-big-right .htm-measure-width-right-block-img {
    max-width: none;
  }
  body[class*="page-layout-measure"] .htm-measure-width-big-left .htm-measure-width-left {
    width: 51%;
    padding-right: 7%;
    margin-right: 32px;
  }
  body[class*="page-layout-measure"] .htm-measure-width-big-left .htm-measure-width-right {
    width: 43.5%;
  }
  /* Navigation
    -------------------------------------------------- */
  .htm-nav-container._sticky .htm-nav-wrap .htm-nav.container {
    padding-left: 0;
    padding-right: 0;
  }
  .htm-nav-container:not(._sticky) .htm-nav-wrap {
    margin: 0 -20px;
  }
  /* Selects */
  .htm-nav-selects-wrap {
    width: 100%;
    padding: 16px 0;
    background: #f1f1f1;
  }
  .htm-nav-selects {
    max-width: 524px;
    margin: 0 auto;
  }
  .htm-nav-select-toggle:after {
    right: 8px;
  }
  .htm-nav-select-toggle span {
    font-size: 16px;
  }
  .htm-nav-select-toggle.active:after {
    right: 8px;
  }
  .htm-nav-select-popup {
    max-height: calc(100vh - 178px);
  }
  .htm-nav-select-popup-list-item span,
  .htm-nav-select-popup-list-item a {
    font-size: 16px;
  }
  /* Anchors */
  .htm-nav-anchors-wrap {
    margin: 0;
    padding: 16px 0;
  }
  .htm-nav-anchors {
    margin: 0 auto;
    position: relative;
  }
  .htm-nav-anchor:not(:last-child) {
    margin-right: 15px;
  }
  .htm-nav-anchor a {
    padding-left: 16px;
    padding-right: 16px;
  }
  .htm-nav-anchor a:hover {
    border-width: 1px;
    padding: 2px 16px 4px;
  }
}
@media screen and (max-width: 768px) {
  body[class*="page-layout-measure"]._fixed-header .htm-nav-container._sticky .htm-nav-wrap {
    top: 105px;
  }
}
@media screen and (max-width: 767px) {
  /* Trigger */
  .htm-trigger {
    text-align: center;
  }
  /* Popup */
  .modal-popup-htm.modal-popup {
    padding: 0;
    background: #fff;
    pointer-events: auto;
  }
  .modal-popup-htm.modal-popup._show ~ .modals-overlay {
    background: #fff;
  }
  .modal-popup-htm.modal-popup .modal-inner-wrap {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
  }
  .modal-popup-htm.modal-popup .action-close {
    top: 4px;
    height: 40px;
  }
  /* Break Line */
  .like-br-phone {
    display: block;
  }
  /* Utilities */
  .htm-hide-on-mobile {
    display: none !important;
  }
  .htm-show-on-mobile {
    display: block !important;
  }
  /* Start */
  .htm-start {
    padding: 51px 16px 34px;
  }
  .htm-start-title {
    font-size: 20px;
  }
  .htm-start-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 19px;
  }
  .htm-start-text p {
    margin: 0 0 24px;
  }
  .htm-start-subtitle {
    margin-bottom: 24px;
  }
  .htm-start-blocks {
    max-width: 288px;
  }
  .htm-start-block {
    width: 88px;
  }
  .htm-start-block-img img,
  .htm-start-block-img svg {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .htm-start-block-title {
    font-size: 12px;
  }
  /* Progress */
  .htm-progress-bar {
    border-radius: 0;
    height: 4px;
  }
  .htm-progress-bar span {
    border-radius: 0;
    height: 4px;
  }
  .htm-progress-bar._full span {
    border-radius: 0;
  }
  .htm-progress-back {
    height: 40px;
    top: 4px;
  }
  .htm-progress-step {
    padding-top: 10px;
    padding-bottom: 9px;
  }
  /* Steps */
  .htm-steps {
    padding-top: 16px;
  }
  .htm-step {
    padding-left: 16px;
    padding-right: 16px;
  }
  .htm-step-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .htm-step-title._mb8-on-mob {
    margin-bottom: 8px;
  }
  .htm-step-title span {
    font-size: 20px;
  }
  .htm-step-subtitle {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .15px;
    margin-bottom: 16px;
  }
  .htm-step-actions .htm-button-continue {
    min-width: 240px;
  }
  .htm-step-actions-text span {
    display: block;
  }
  /* Step 1 */
  .htm-window:not(.slick-slider) {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-left: 30px;
    margin-left: -16px;
    margin-right: -16px;
    overflow: hidden;
    max-width: none;
  }
  .htm-window:not(.slick-slider) .htm-window-item {
    width: 256px;
    margin: 0 0 0 24px;
    -ms-flex-negative: 0;
    -webkit-flex: 0 0 256px;
    flex: 0 0 256px;
    max-width: none;
  }
  /* Step 2 */
  .htm-blinds-type {
    margin-top: 8px;
  }
  .htm-blinds-type-item {
    width: 224px;
    padding-left: 8px;
    margin-left: 12px;
  }
  .htm-blinds-type-item:first-child {
    width: 224px;
    padding-left: 8px;
  }
  .htm-blinds-type-item-img {
    margin-bottom: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .htm-blinds-type-item-title {
    font-size: 12px;
    line-height: 1.5;
  }
  /* Step 3 */
  .htm-installation-method {
    max-width: none;
    padding-top: 0;
  }
  .htm-installation-method._big {
    max-width: none;
  }
  .htm-installation-method._big .htm-installation-method-img {
    width: 45.5%;
  }
  .htm-installation-method._big .htm-installation-method-info {
    width: 54.5%;
  }
  .htm-installation-method-item {
    margin-bottom: 32px;
  }
  .htm-installation-method-item:last-child {
    margin-bottom: 0;
  }
  .htm-installation-method-img {
    width: 41.67%;
  }
  .htm-installation-method-info {
    width: 58.33%;
    padding: 10px 8px 7px 16px;
  }
  .htm-installation-method-title {
    font-family: 'Mulish', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1875;
    margin-bottom: 4px;
    letter-spacing: .15px;
  }
  .htm-installation-method-text {
    font-size: 12px;
    line-height: 1.33;
    margin-bottom: 4px;
  }
  .htm-installation-method-badge {
    margin-top: 9px;
  }
  .htm-installation-method-badge span {
    font-size: 10px;
    line-height: 1.5;
    padding: 2px 8px;
  }
  /* Step 4 */
  .htm-step-4 .htm-step-subtitle {
    line-height: 18px;
  }
  .htm-video-wrap {
    margin-top: 12px;
  }
  .htm-video-placeholder .htm-video-placeholder-img {
    height: 248px;
  }
  .htm-video-placeholder img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 248px !important;
    width: auto;
    max-width: none !important;
  }
  .htm-video-placeholder .htm-button-video {
    bottom: 20%;
  }
  .htm-video {
    padding: 0;
    height: 248px;
  }
  /* Step 5 = Splitting Window Measuring */
  .htm-swm-img {
    max-width: 256px;
    min-height: 0;
  }
  .htm-swm-img._alt {
    max-width: 256px;
    min-height: 0;
  }
  .htm-swm-img._big {
    max-width: 256px;
    min-height: 0;
  }
  .htm-swm-img._no-width {
    max-width: 256px;
  }
  .htm-swm-img._no-padding {
    padding: 0;
  }
  .htm-swm-img img {
    display: block;
    width: 100%;
  }
  /* Step 7 = Measure the width */
  .htm-measure-width {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-bottom: 0;
    min-height: 100%;
    margin-top: 0;
    max-width: none;
  }
  .htm-measure-width-with-info {
    max-width: none;
  }
  .htm-measure-width-with-info .htm-measure-width-left {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .htm-measure-width-with-info .htm-measure-width-right {
    width: auto;
  }
  .htm-measure-width-left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    min-height: 100%;
  }
  .htm-measure-width-left-img {
    max-width: 256px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background: none;
    border-radius: 0;
  }
  .htm-measure-width-left-text {
    -ms-flex-order: -10;
    -webkit-order: -10;
    order: -10;
    text-align: center;
    line-height: 1.5;
    letter-spacing: .15px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
    margin: 0 0 16px;
  }
  .htm-measure-width-left-text._big-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
  }
  .htm-measure-width-left-text._mb8-on-mob {
    margin-bottom: 8px;
  }
  .htm-measure-width-left-text br {
    display: none;
  }
  .htm-measure-width-left-action {
    display: block;
    padding-top: 10px;
    margin-top: auto;
  }
  .htm-measure-width-left-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    min-height: 100%;
  }
  .htm-measure-width-left-block-alt {
    display: none;
  }
  .htm-measure-width-left-block-alt._show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0 !important;
  }
  .htm-measure-width-left-block-alt._show .htm-measure-width-left-block-alt-title {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 16px;
    text-align: center;
  }
  .htm-measure-width-left-block-alt._show .htm-measure-width-left-block-alt-text {
    font-size: 16px;
    line-height: 1.5;
  }
  .htm-measure-width-left-block-alt .htm-measure-width-left-block-alt-img {
    margin-left: auto;
    margin-right: auto;
    max-width: 256px;
  }
  .htm-measure-width-left-block-alt .htm-measure-width-left-block-alt-info {
    -ms-flex-order: -10;
    -webkit-order: -10;
    order: -10;
    padding: 0;
    margin: 0 0 12px;
  }
  .htm-measure-width-left-block-alt .htm-measure-width-left-block-alt-info:after {
    display: none;
  }
  .htm-measure-width-left-block-alt .htm-measure-width-left-block-alt-text {
    text-align: center;
    line-height: 1.125;
    letter-spacing: .15px;
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
  }
  .htm-measure-width-right {
    display: none;
    width: auto;
  }
  .htm-measure-width-right._show {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .htm-measure-width-right._show .htm-measure-width-right-action {
    display: block;
    padding-top: 16px;
    margin-top: auto;
    text-align: center;
  }
  .htm-measure-width-right._show .htm-measure-width-right-action .htm-button {
    min-width: 240px;
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .htm-measure-width-right-title {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Mulish', sans-serif;
    margin-bottom: 24px;
  }
  .htm-measure-width-right-blocks {
    overflow: auto;
    max-height: calc(100vh - 220px);
    max-height: calc(var(--vh, 1vh) * 100 - 204px);
  }
  .htm-measure-width-right-blocks._no-overflow {
    overflow: visible;
    max-height: none;
  }
  .htm-measure-width-right-block {
    margin-bottom: 15px;
  }
  .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note) {
    margin-top: 0;
    padding-top: 16px;
    position: relative;
  }
  .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note):before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 152px;
    height: 1px;
    background: #c4c4c4;
  }
  .htm-measure-width-right-block._alt {
    margin: 0 0 16px !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .htm-measure-width-right-block._alt .htm-measure-width-right-block-img {
    margin: 0 auto;
    max-width: 256px !important;
  }
  .htm-measure-width-right-block._alt .htm-measure-width-right-block-info {
    padding: 0;
    -ms-flex-order: -10;
    -webkit-order: -10;
    order: -10;
    margin: -6px 0 16px;
  }
  .htm-measure-width-right-block._alt .htm-measure-width-right-block-info:after {
    display: none;
  }
  .htm-measure-width-right-block._alt .htm-measure-width-right-block-title {
    display: none;
  }
  .htm-measure-width-right-block._alt .htm-measure-width-right-block-text {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .15px;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
  }
  .htm-measure-width-right-block-img,
  .htm-measure-width-left-block-alt-img {
    max-width: none;
  }
  .htm-measure-width-right-block-info,
  .htm-measure-width-left-block-alt-info {
    max-width: none;
  }
  .htm-measure-width-right-block-text,
  .htm-measure-width-left-block-alt-text {
    font-size: 14px;
  }
  .important-checks-container .htm-step-actions {
    display: none;
  }
  .important-checks-container .htm-step-actions._show {
    display: block;
  }
  .htm-measure-note {
    background: #f3efee;
    border: 0;
    padding: 16px;
    max-width: none;
  }
  .obstruction-checks-container .htm-step-title {
    display: none;
  }
  .obstruction-checks-container .htm-measure-width-right-blocks {
    max-width: none;
  }
  .obstruction-checks-container .htm-measure-width-right-block-img {
    width: auto;
    margin-bottom: 16px;
  }
  .htm-measure-width-big-left {
    max-width: none;
  }
  .htm-measure-width-big-left .htm-measure-width-left {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  .htm-measure-width-big-left .htm-measure-width-left-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .htm-measure-width-big-left .htm-measure-width-left-img {
    margin-bottom: 0;
  }
  .htm-measure-width-big-left .htm-measure-width-right {
    width: 100%;
  }
  .htm-measure-width-big-left .htm-measure-width-right-block + .htm-measure-width-right-block {
    margin-top: 0;
  }
  .htm-measure-width-big-right .htm-measure-width-right-blocks._small .htm-measure-width-right-block-img {
    max-width: none;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block-img {
    max-width: none;
  }
  .htm-measure-width-big-right .htm-measure-width-right-block + .htm-measure-width-right-block._no-border {
    margin-top: 0;
  }
  .htm-measure-width-small {
    width: 100%;
  }
  .htm-measure-width-small .htm-measure-width-left {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  .htm-measure-width-small .htm-measure-width-right {
    width: 100%;
  }
  .htm-measure-width-small-no-mob {
    display: block;
    max-height: calc(100vh - 204px);
    max-height: calc(var(--vh, 1vh) * 100 - 204px);
    overflow: auto;
    min-height: 0;
    max-width: none;
  }
  .htm-measure-width-small-no-mob .htm-measure-width-left {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px;
    min-height: 0;
  }
  .htm-measure-width-small-no-mob .htm-measure-width-left:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 152px;
    height: 1px;
    background: #c4c4c4;
  }
  .htm-measure-width-small-no-mob .htm-measure-width-left-img {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .important-checks-small-container .htm-step-title {
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  /* Step-8 = Measure the drop */
  .htm-measure-drop .htm-measure-width-right-blocks {
    max-height: calc(100vh - 164px);
    max-height: calc(var(--vh, 1vh) * 100 - 164px);
  }
  .htm-measure-drop .htm-measure-width-right-title {
    display: none;
  }
  .htm-measure-drop .htm-measure-width-right-block:first-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .htm-measure-drop .htm-measure-width-right-block:first-child .htm-measure-width-right-block-info {
    -ms-flex-order: -10;
    -webkit-order: -10;
    order: -10;
    padding: 0;
    text-align: center;
    margin: 0 0 36px;
  }
  .htm-measure-drop .htm-measure-width-right-block:first-child .htm-measure-width-right-block-info:after {
    display: none;
  }
  .htm-measure-drop .htm-measure-width-right-block:first-child .htm-measure-width-right-block-info .htm-measure-width-right-block-title {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: .15px;
  }
  .htm-measure-drop .htm-measure-width-right-block:first-child .htm-measure-width-right-block-info .htm-measure-width-right-block-text {
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
  }
  .htm-measure-drop .htm-measure-width-right-block + .htm-measure-width-right-block {
    margin: 0;
  }
  .htm-measure-drop .htm-measure-width-right-block + .htm-measure-width-right-block:not(._note) {
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10;
  }
  .htm-measure-width-right-form {
    background: none;
    padding: 0;
    border: 0;
    min-height: 0;
    max-width: none;
  }
  .htm-measure-width-right-form-radio-input .field.choice {
    margin-right: 20px;
  }
  .htm-final-step {
    max-width: none;
    max-height: calc(100vh - 284px);
    max-height: calc(var(--vh, 1vh) * 100 - 284px);
    overflow: auto;
  }
  .htm-final-step .htm-measure-width-right-form {
    margin-bottom: 16px;
  }
  /* Step 9 */
  .htm-step-9 .htm-step-subtitle {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .htm-final-block {
    background: #f6f2f1;
    border-radius: 8px;
    margin: 0 0 16px;
  }
  .htm-final-block-img {
    width: 100%;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 16px 0;
    min-height: 177px;
  }
  .htm-final-block-img img {
    border: 0;
    border-radius: 0;
    max-width: 132px !important;
    margin: 0 auto;
  }
  .htm-final-block-img img._big {
    max-width: 166px !important;
  }
  .htm-final-block-img._no-padding {
    padding: 16px 0;
    min-height: 177px;
  }
  .htm-final-block-img._brad img {
    border-radius: 0;
    border: 0;
  }
  .htm-final-block-form {
    padding: 0 24px 24px;
  }
  .htm-final-block-form-input {
    max-width: none;
    margin-bottom: 8px;
  }
  .htm-final-block-form-input .htm-measure-input-email.mage-error ~ .htm-error-ico {
    display: none;
  }
  .htm-final-block-form-action {
    max-width: none;
    margin-bottom: 8px;
  }
  .htm-final-block-form-note {
    font-size: 10px;
    font-weight: 500;
    max-width: none;
  }
  .htm-final-block-success {
    padding: 16px 37px 47px;
    font-weight: 500;
    margin-top: 0;
  }
  .htm-final-block-success .htm-final-block-success-ico {
    width: 29px;
    height: 29px;
    background-size: 29px;
    margin-bottom: 24px;
  }
  body[class*="page-layout-measure"] {
    /* Start */
    /* Steps */
  }
  body[class*="page-layout-measure"]._fixed-header .htm-nav-container._sticky .htm-nav-wrap .htm-nav.container {
    padding-left: 8px;
    padding-right: 8px;
  }
  body[class*="page-layout-measure"] .htm-start-blocks {
    max-width: 288px;
  }
  body[class*="page-layout-measure"] .htm-start-block {
    width: 88px;
  }
  body[class*="page-layout-measure"] .htm-start-block-img {
    height: 88px;
    margin-bottom: 10px;
  }
  body[class*="page-layout-measure"] .htm-start-block-img svg {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  body[class*="page-layout-measure"] .htm-start-block-title {
    font-size: 12px;
  }
  body[class*="page-layout-measure"] .htm-step {
    padding: 32px 0;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="inside_recess.installation_method"] .htm-step-title:before,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="exact_size.installation_method"] .htm-step-title:before,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.measuring"] .htm-step-title:before {
    width: 125px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.measuring"] .htm-step-title:after {
    font-size: 20px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="inside_recess.measure_the_width"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="inside_recess.measure_the_drop"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="inside_recess.enter_your_measurements"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="exact_size.measure_the_width"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="exact_size.measure_the_drop"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="exact_size.enter_your_measurements"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.split_point"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.measure_the_width"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.measure_the_drop"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="split_your_blinds.enter_your_measurements"] .htm-step-title {
    font-size: 20px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.guide_template"] .htm-step-title {
    font-size: 20px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.video"] .htm-step-title span {
    margin-top: 16px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.total_depth"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.calculate_total_depth"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.got_the_guide"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.my_own"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.measure_the_width"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.calculate_total_depth"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.mark_total_depth"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.measure_side"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.measure_the_drop"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.enter_your_measurements"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="perfect_fit_blind"]:not([data-htm-step*="video"]) .htm-step-title {
    font-size: 20px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="primary.measuring"] .htm-step-title {
    font-size: 20px;
  }
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.got_the_guide.installation_method"] .htm-step-title,
  body[class*="page-layout-measure"] .htm-step[data-htm-step*="angled_bay.my_own.installation_method"] .htm-step-title {
    margin-top: 24px;
  }
  body[class*="page-layout-measure"] .htm-step-title {
    max-width: 288px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
  body[class*="page-layout-measure"] .htm-step-subtitle {
    max-width: 288px;
  }
  body[class*="page-layout-measure"] .htm-step-content {
    max-width: 288px;
    margin-left: auto;
    margin-right: auto;
  }
  body[class*="page-layout-measure"] .htm-measure-width {
    padding-top: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left {
    min-height: 0;
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-text {
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10;
    margin-top: 16px;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-text._big-text {
    font-size: 16px;
    line-height: 1.5;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-action {
    display: none;
  }
  body[class*="page-layout-measure"] .htm-measure-width-right {
    display: block;
    padding-top: 16px;
    width: 100%;
  }
  body[class*="page-layout-measure"] .htm-measure-width-right-blocks {
    max-height: none;
    overflow: visible;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-block {
    min-height: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-block-alt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px;
  }
  body[class*="page-layout-measure"] .htm-measure-width-left-block-alt-img {
    max-width: 256px;
  }
  body[class*="page-layout-measure"] .htm-final-step {
    max-height: none;
    overflow: visible;
  }
  body[class*="page-layout-measure"] .htm-measure-width-with-info .htm-measure-width-left {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-with-info .htm-measure-width-right {
    width: 100%;
  }
  body[class*="page-layout-measure"] .htm-measure-width-big-left .htm-measure-width-left {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-big-left .htm-measure-width-right {
    width: 100%;
  }
  body[class*="page-layout-measure"] .htm-measure-width-small .htm-measure-width-left {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  body[class*="page-layout-measure"] .htm-measure-width-small .htm-measure-width-right {
    width: 100%;
  }
  body[class*="page-layout-measure"] .htm-measure-width-small-no-mob {
    max-height: none;
    overflow: visible;
  }
  body .htm-blind-link {
    padding: 16px 0 48px;
  }
  body .obstruction-checks-container .htm-measure-width-right-title {
    margin-bottom: 24px;
  }
  /* Navigation
    -------------------------------------------------- */
  .htm-nav-container._sticky .htm-nav-wrap .htm-nav.container {
    padding-left: 8px;
    padding-right: 8px;
  }
  .htm-nav-container._sticky + .htm-nav-padder {
    background: #f1f1f1;
    margin-left: -20px;
    margin-right: -20px;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-selects-toggle {
    display: block;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-selects {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select {
    width: auto;
    margin: 0 16px 0 0;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select:last-child {
    margin-right: 0;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle {
    padding: 0;
    background-color: #f1f1f1;
    border: 0;
    box-shadow: none;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle:after {
    display: none;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle span {
    font-size: 12px;
    line-height: 18px;
    padding-right: 0;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle span.htm-nav-select-icon {
    padding-left: 20px;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle span.htm-nav-select-icon:before {
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-top: -8px;
  }
  .htm-nav-container._sticky:not(._opened) .htm-nav-select-toggle span.htm-nav-select-icon[class="htm-nav-select-icon"] {
    padding-left: 0;
  }
  .htm-nav-container._sticky:not(._opened)._no-anchors .htm-nav.container {
    padding-bottom: 0;
  }
  .htm-nav-container:not(._sticky) .htm-nav-wrap {
    margin: 0 -16px;
  }
  .htm-nav-container._opened .htm-nav-selects-toggle {
    display: none;
  }
  /* Selects */
  .htm-nav-selects-wrap {
    background: none;
    padding: 0;
    transition: all .4s;
  }
  .htm-nav-selects-toggle {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    bottom: -8px;
  }
  .htm-nav-selects-toggle:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -12px 0 0;
    width: 24px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjU5IDguNTkwMDNMMTIgMTMuMTdMNy40MSA4LjU5MDAzTDYgMTBMMTIgMTZMMTggMTBMMTYuNTkgOC41OTAwM1oiIGZpbGw9IiMwRDBGMUMiLz48L3N2Zz4=) no-repeat 50% 50%;
    background-size: 24px;
  }
  .htm-nav-selects {
    max-width: none;
    margin: 0;
  }
  .htm-nav-select {
    width: 100%;
    transition: all .4s;
  }
  .htm-nav-select:not(:last-child) {
    margin-bottom: 16px;
  }
  .htm-nav-select-toggle {
    padding-left: 8px;
    padding-right: 8px;
    transition: width .4s, height .4s, padding .4s, border .4s;
  }
  .htm-nav-select-toggle.active {
    border-width: 1px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .htm-nav-select-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    margin-top: 0;
    border-radius: 0;
    border: 0;
    max-height: none;
  }
  .htm-nav-select-popup-header {
    display: block;
  }
  .htm-nav-select-icon {
    padding-left: 32px;
  }
  .htm-nav-select-popup-list-item {
    padding-left: 8px;
    padding-right: 8px;
  }
  .htm-nav-select-popup-list-item:not(:last-child):after {
    left: 8px;
    right: 8px;
  }
  .htm-nav-select-popup-list-item:last-child:after {
    left: 8px;
    right: 8px;
  }
  .htm-nav-select-popup-list-item span,
  .htm-nav-select-popup-list-item a {
    border-radius: 0;
  }
  .htm-nav-select-popup-list-item span:hover,
  .htm-nav-select-popup-list-item a:hover {
    background: none;
  }
  .htm-nav-select-popup-list-item span:active,
  .htm-nav-select-popup-list-item a:active {
    background: rgba(13, 15, 28, 0.1);
  }
  .htm-nav-select-popup-list-item span.htm-nav-select-icon,
  .htm-nav-select-popup-list-item a.htm-nav-select-icon {
    padding-left: 40px;
  }
  /* Anchors */
  .htm-nav-anchors-wrap {
    padding-bottom: 8px;
  }
  .htm-nav-anchors {
    max-width: none;
    margin: 0;
  }
  .htm-nav-anchor {
    margin: 0 0 8px;
  }
  .htm-nav-anchor:not(:last-child) {
    margin-right: 9px;
  }
  .htm-nav-anchor a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }
  .htm-nav-anchor a:hover {
    padding: 2px 8px 4px;
  }
}