.tabing-main-sec { width: 100%; position: relative; display: inline-block; padding: 164px 0 180px; }
.tabing-main-sec:before { content: ''; position: absolute; display: block; left: -50vw; right: -50vw; top: 90px; bottom: 0; margin: 0 50%; background: #ffffff; z-index: -1; transform: skewY(5deg); }
.tabing-main-sec .wrap { width: 100%; display: inline-block; }
.tabing-main-sec .wrap .title { width: 100%; display: inline-block; }
.tabing-main-sec .wrap .title h2 { width: 100%; display: inline-block; margin-bottom: 40px; }
.tabing-sec { width: 100%; display: inline-block; }
.tabing-sec .finishes_buttons { display: flex; align-items: center; justify-content: space-between; margin-bottom: 45px; gap: 30px; }
.tabing-sec .finishes_buttons span { text-transform: capitalize; padding: 17px; width: calc(100%/2 - 15px); text-align: center; font-size: 28px; line-height: 28px; position: relative; display: inline-block; cursor: pointer; }
.tabing-sec .finishes_buttons span.active { background: #e5a72e; }
.tabing-sec .finishes_buttons span.active:after { content: ''; position: absolute; width: 23px; height: 23px; background: #e5a72e; bottom: -12px; left: 50%; transform: translate(-50%, 0) rotate(45deg); }
.tabing-sec ul.finish_breadcrumbs { display: flex; list-style: none; background: #efefef; border-radius: 10px; padding: 0 20px; margin: 32px 0; flex-wrap: wrap; list-style-type: none; }
.tabing-sec ul.finish_breadcrumbs li { color: gray; cursor: pointer; font-weight: 700; text-transform: uppercase; margin: 16px 0; font-family: Proxima Nova Bold; }
.tabing-sec ul.finish_breadcrumbs li:last-child { color: #e5a72e; }
.tabing-sec ul.finish_breadcrumbs li:not(:last-child):after { content: '>>'; display: inline; margin: 0 10px; }
.tabing-main-sec .finishes_step1 { width: 100%; display: inline-block; }
.tabing-main-sec .finishes_step1 .browse_list { margin-bottom: 30px; display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 30px; grid-row-gap: 40px; width: 100%; }
.tabing-main-sec .box { width: 100%; display: flex; cursor: pointer; text-align: center; flex-direction: column; }
.tabing-main-sec .box .image { width: 100%; display: inline-block; line-height: 0; }
.tabing-main-sec .box .image img { width: 100%; display: block; object-fit: cover; }
.tabing-main-sec .box p.finish_title { margin: 5px 0; color: #000000; text-transform: uppercase; font-weight: 900; font-family: Proxima Nova black; }
.finishes_step_title {color: #1c1c1c ;font-family: 'Proxima Nova Black'; background: #e5a72e;  font-weight: 900; font-size: 35px; line-height: 1; margin: 0; text-align: center; padding: 20px 0; border-radius: 10px; margin-bottom: 53px; position: relative; }
.box.inactive { opacity: .25; }
.box.product-item { opacity: 1 !important; }
.level1_boxes, .level2_boxes, .level3_boxes, .browse_list_title { display: none; }

/* popup css */
.custom-model-main { padding: 20px; display: none; text-align: center; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; }
.model-open { display: flex; align-items: center; justify-content: center; z-index: 99999; opacity: 1; overflow: hidden; }
.custom-model-inner { max-width: 1410px; align-items: flex-start; max-height: 720px; height: 100%; overflow-y: auto; display: flex; justify-content: center; vertical-align: middle; width: 100%; }
.custom-model-wrap { overflow: hidden; width: 100%; display: block; width: 100%; position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; text-align: left; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.model-open .custom-model-inner { position: relative; z-index: 999; }
.finishes_step_title:after { content: ''; position: absolute; width: 23px; height: 23px; background: #e5a72e; bottom: -12px; left: 50%; transform: translate(-50%, 0) rotate(45deg); }
.model-open .bg-overlay { background: rgba(0, 0, 0, 0.6); z-index: 99; }
.custom-model-inner .model-inner { display: block; height: fit-content; margin:  auto; max-width: 1410px; position: relative; width: 100%; z-index: 999; }
.bg-overlay { background: rgba(0, 0, 0, 0); height: 100vh; width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transition: background 0.15s linear; -o-transition: background 0.15s linear; transition: background 0.15s linear; }
.custom-model-main .custom-model-inner .custom-model-wrap { display: flex; padding: 0; }
.custom-model-main .custom-model-inner .custom-model-wrap .pop-up-content-wrap { width: 50%; padding: 97px 42px 42px; }
.custom-model-main .custom-model-inner .custom-model-wrap .image { width: 50%; position: relative; z-index: 2; overflow: hidden; line-height: 0; }
.custom-model-main .custom-model-inner .custom-model-wrap .image img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%; }
.custom-model-main .custom-model-inner .custom-model-wrap:before { content: ''; position: absolute; left: 0; top: 0; height: 56px; background: #000000; width: 100%; }
.custom-model-main .custom-model-inner .close-btn { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: 0 0; z-index: 10; cursor: pointer; font-size: 50px; display: flex; align-items: center; justify-content: center; }
.custom-model-main .pop-up-content-wrap h3 { color: #1c1c1c; margin: 0 0 43px; font-size: 35px; line-height: 1; font-weight: 900; text-transform: capitalize; }
.custom-model-main .pop-up-content-wrap .info-product-wrap { border: 1px solid #bababa; border-radius: 10px; margin-bottom: 40px; padding: 29px 9px 26px 25px; width: 100%; }
.custom-model-main .pop-up-content-wrap .info-product-wrap .label { margin-bottom: 26px; width: max-content; display: inline-block; color: #e5a72e; font-weight: 700; font-size: 20px; line-height: 1; text-transform: uppercase; font-family: 'Proxima Nova Bold'; }
.custom-model-main .pop-up-content-wrap .info-product-wrap .value { margin-bottom: 26px; width: max-content; display: inline-block; color: #000000; margin-left: 10px; font-weight: 700; font-size: 20px; line-height: 1; font-family: 'Proxima Nova Bold'; text-transform: uppercase; }
.custom-model-main .pop-up-content-wrap .info-product-wrap .label:after { content: ':'; }
.custom-model-main .fmodal_btm { display: flex; align-items: center; gap: 20px; }
.custom-model-main .fmodal_btm button.tofavorite { gap: 12px; display: flex; align-items: center; padding: 6px 24px 8px 18px; background: #e5a72e; border-radius: 5px; font-weight: 700; line-height: 19px; text-transform: uppercase; color: #ffffff; cursor: pointer; width: max-content; }
.custom-model-main .fmodal_btm p.fmodal_politic { width: auto; max-width: 267px; margin: 0; font-size: 14px; line-height: 17px; color: #6c6c6c; width: 267px; }
.custom-model-main .fmodal_btm button.tofavorite:hover { color: #000000; }
.custom-model-main .fmodal_btm p.fmodal_politic a { color: #e5a72e; font-weight: 400; font-family: inherit; }
.custom-model-main .fmodal_btm .fmodal_tooltip { position: relative; cursor: pointer; line-height: 0; }
.custom-model-main .fmodal_btm .fmodal_tooltip .fmodal_tooltip_txt { display: none; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translate(-50%, 0); padding: 12px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, .25); border-radius: 3px; background: #363636; width: 282px; }
.custom-model-main .fmodal_btm .fmodal_tooltip:hover .fmodal_tooltip_txt { display: block; }
.custom-model-main .fmodal_btm .fmodal_tooltip .fmodal_tooltip_txt:after { content: ''; position: absolute; width: 23px; height: 23px; background: #363636; bottom: -6px; left: 50%; transform: translate(-50%, 0) rotate(45deg) }
.custom-model-main .fmodal_btm .fmodal_tooltip .fmodal_tooltip_txt p { margin: 0; color: #fff; font-size: 17px; line-height: 1; }
.custom-model-main .fmodal_btm .fmodal_tooltip .fmodal_tooltip_txt p.tooltip_title { font-weight: 700; color: #e5a72e; margin-bottom: 25px; text-transform: uppercase; font-family: Proxima Nova bold; }
body.body-fixed { overflow:hidden;}
.custom-model-main .fmodal_btm button.tofavorite svg { height: 30px; width: 30px; }

.custom-model-main .pop-up-content-wrap .info-product-wrap table { border: none; width: 100% !important; height: 100% !important; margin: 0; }
.custom-model-main .pop-up-content-wrap .info-product-wrap td { border: none; width: auto !important; padding: 0 !important; margin-bottom: 26px; display: inline-block; color: #000000; margin-left: 10px; font-weight: 700; font-size: 20px; line-height: 1; font-family: 'Proxima Nova Bold'; text-transform: uppercase; height: auto !important; }
.custom-model-main .pop-up-content-wrap .info-product-wrap th { border: none; }
.custom-model-main .pop-up-content-wrap .info-product-wrap table tr { height: auto !important; }
.custom-model-main .pop-up-content-wrap .info-product-wrap tr td:first-child:after { content: ':'; }
.custom-model-main .pop-up-content-wrap .info-product-wrap td:first-child { margin-left: 0; color: #e5a72e; }
button.favorites_btn { position: fixed; right: 20px; bottom: 70px; background: #e5a72e; color: #ffffff; text-transform: uppercase; border-radius: 5px; font-weight: 700; line-height: 19px; padding: 6px 10px 8px; cursor: pointer; z-index: 99; font-size: 14px; 12px; border: 1px solid #e5a72e; height: 46px; }
button.favorites_btn svg { height: 30px; width: 30px; }
button.favorites_btn:hover { color: #000; }
button.favorites_btn span { vertical-align: middle; float: right; line-height: 30px; margin-left: 10px; }
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999; display: none; }
.popup-message, .favorites-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #4CAF50; color: #fff; padding: 15px 30px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); font-size: 16px; z-index: 1000; display: none; text-align: center; min-width: 250px; z-index: 99999 }

.favorites-popup { background: transparent; padding: 0; border-radius: 0; }
.favorites-popup .popup_inner {background: white;overflow-y: auto;max-height: 100vh;height: 100%; position: relative; width: 1055px; padding: 82px 33px 24px; }
.favorites-popup .popup_inner h3.fvmodal_title { position: absolute; left: 0; top: 0; width: 100%; background: #1c1c1c; font-weight: 900; font-size: 35px; line-height: .96; text-transform: uppercase; padding: 11px 33px; right: 0; text-align: left; color: #ffffff; }
.favorites-popup .popup_inner span.close-popup { position: absolute; top: 6px; right: 10px; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: 0 0; z-index: 10; cursor: pointer; font-size: 50px; display: flex; align-items: center; justify-content: center; }
.favorites-popup .popup_inner .fmodal_wrap { display: flex; width: 100%; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_left { width: 59%; max-width: 578px; border-right: 1px solid #d3d3d3; padding: 0 24px 43px 0; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right { padding-left: 22px; width: 41.5%; max-width: 407px; }
.favorites-popup .popup_inner .fmodal_wrap  h4.fmodal_title { text-transform: uppercase; text-align: left; color: #000; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_left .favorites-list { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 13.5px; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_left .favorites-list .favorite_item { height: 100px; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_left .favorites-list .favorite_item img { height: 100%; object-fit: cover; width: 100%; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form { width: 100%; display: inline-block; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form h3.form-title { display: none; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form form { background-color: transparent; border: none; text-align: left; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form .hs-form-field input[type^=email] { border: none; border-bottom: 2px solid #d1d6dc; padding: 12px 9px; font-size: 16px; text-transform: uppercase; color: #6c6c6c; line-height: 24px; text-align: left; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input::-webkit-input-placeholder { color: #6c6c6c; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input::-moz-placeholder { color: #6c6c6c; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input:-ms-input-placeholder { color: #6c6c6c; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input:-moz-placeholder { color: #6c6c6c; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form ul.no-list.hs-error-msgs.inputs-list li { margin: 0; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form label.hs-error-msg.hs-main-font-element { line-height: 10px; margin: 5px 0; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form p { margin: 0; font-size: 14px; line-height: 17px; color: #6c6c6c; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form p a { color: #e5a72e; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form input.hs-button.primary.large { display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #ffffff; border-radius: 5px; background: #e5a72e; padding: 12px 25px 9px 60px; font-weight: 700; font-size: 16px; line-height: 19px; margin: 0; cursor: pointer; font-family: Proxima Nova Bold; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form input.hs-button.primary.large:hover { color: #000; }
.favorites-popup .popup_inner .fmodal_wrap .fvmodal_right .fvmodal_form input.hs-button.primary.large { background-image: url(https://20543240.fs1.hubspotusercontent-na1.net/hubfs/20543240/Security_Doors/gmail.svg); background-size: 10%; background-repeat: no-repeat; background-position: 20px 11px; }
.tabing-main-sec .box .image { position: relative; }
.tabing-main-sec .box .image .lvl { position: absolute; display: inline-block; font-weight: 700; font-size: 17px; line-height: 1; color: #000000; text-align: center; background: #ffffff; bottom: -7px; right: -8.5px; padding: 3px 18.5px 9px 5px; }
.tabing-main-sec .box .image .lvl:before { content: ''; border-bottom: 29px solid #ffffff; border-left: 25px solid transparent; height: 29px; width: 0; display: inline-block; position: absolute; left: -24px; top: 0; box-sizing: border-box; }
.tabing-main-sec .box:hover { opacity: 1;}
@media screen and (max-width:1500px) {
  .tabing-main-sec .finishes_step1 .browse_list { grid-template-columns: repeat(5, 1fr); }
}
@media screen and (max-width:1279px) {
  .tabing-main-sec { padding: 164px 0 100px 0; }
  .tabing-main-sec .finishes_step1 .browse_list { grid-template-columns: repeat(4, 1fr); }
  .custom-model-main .custom-model-inner .custom-model-wrap .pop-up-content-wrap { padding: 70px 30px 30px; }
  .custom-model-main .pop-up-content-wrap h3 { margin: 0 0 30px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap { padding: 20px; margin: 0 0 30px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap .label { font-size: 17px; margin-bottom: 16px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap .value { font-size: 17px; margin-bottom: 16px; }
  .custom-model-main .fmodal_btm button.tofavorite { width: 225px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap td {margin-bottom: 16px; font-size: 17px;margin-bottom: 16px; }

  .favorites-popup .popup_inner { width: 100%; background: white; border-radius: 0; }
  .favorites-popup .popup_inner { width: 860px; }
  .favorites-popup .popup_inner .fmodal_wrap .fvmodal_left .favorites-list { grid-template-columns: repeat(4, 1fr); }

}
@media screen and (max-width:991px) {
  .tabing-main-sec { padding: 150px 0 80px 0; }
  .finishes_step_title { padding: 16px 0; font-size: 30px; }
  .tabing-main-sec .finishes_step1 .browse_list { grid-template-columns: repeat(3, 1fr); }
  .tabing-sec .finishes_buttons span { font-size: 24px; line-height: 24px; padding: 15px; }
  .custom-model-main .fmodal_btm { gap: 4px; }
  .custom-model-main .pop-up-content-wrap h3 { margin: 0 0 20px; font-size: 25px; }
  .custom-model-main .custom-model-inner .custom-model-wrap .pop-up-content-wrap { padding: 66px 20px 20px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap { padding: 12px; margin: 0 0 20px; }

  .favorites-popup .popup_inner {width: 730px;}
  .favorites-popup .popup_inner .fmodal_wrap { flex-wrap: wrap;gap: 40px; }
  .favorites-popup .popup_inner .fmodal_wrap .fvmodal_left { width: 100%; border: none; max-width: 100%; padding: 0; }
  .favorites-popup .popup_inner .fmodal_wrap .fvmodal_right { width: 100%; padding: 0; max-width: 100%; }

}
@media screen and (max-width:767px) {
  .finishes_step_title { font-size: 24px; }
  .tabing-main-sec { padding: 140px 0 50px 0; }
  .tabing-sec ul.finish_breadcrumbs li { margin: 6px 0; }
  .tabing-main-sec .finishes_step1 .browse_list { grid-gap: 20px; grid-template-columns: repeat(2, 1fr); }
  .tabing-sec .finishes_buttons span { font-size: 20px; line-height: 20px; padding: 15px; width: calc(100%/2 - 10px); }
  .tabing-sec .finishes_buttons { gap: 20px; }
  .tabing-sec .finishes_buttons span.active:after { width: 18px; height: 18px; }
  .custom-model-main .custom-model-inner .custom-model-wrap { flex-direction: column; }
  .custom-model-main .custom-model-inner .custom-model-wrap:before { display: none; }
  .custom-model-main .custom-model-inner .close-btn {	color: #000;}
  .custom-model-main .custom-model-inner .custom-model-wrap .image {background-color:white; width: 100%; padding-top: 60px; }
  .custom-model-main .custom-model-inner .custom-model-wrap .image img {position: unset; max-width: 300px; margin: 0 auto; }
  .custom-model-main .custom-model-inner .custom-model-wrap .pop-up-content-wrap { padding: 40px 20px 20px; width: 100%; }
  .favorites-popup .popup_inner { width: 100%; }
  .favorites-popup { width: 96%; }

}
@media screen and (max-width:480px) {
  .finishes_step_title { font-size: 18px; }
  .tabing-sec ul.finish_breadcrumbs li { margin: 5px 0; }
  .tabing-main-sec .finishes_step1 .browse_list { grid-gap: 10px; }
  .tabing-sec .finishes_buttons { gap: 10px; }
  .tabing-sec .finishes_buttons span { padding: 10px; width: calc(100%/2 - 5px); font-size: 16px; line-height: 16px; }
  .custom-model-main .fmodal_btm { flex-direction: column; align-items: flex-start; gap: 10px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap .label { font-size: 16px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap .value { font-size: 16px; }
  .custom-model-main .pop-up-content-wrap .info-product-wrap td { font-size: 16px; }

}