/* Calc Gate Form */

#customer-form-wrap { position: fixed; top: 172px; left: 0; right: 0; bottom: 0; padding-top: 50px; background: white; z-index: 1000; overflow-y: auto; }
#customer-type-gate { display: flex; flex-direction: column; align-items: center; padding-top: 50px; position: fixed; top: 172px; left: 0; right: 0; bottom: 0; background: white; z-index: 999; }
#customer-type-gate h1 { font-family: helvetica; }
#customer-type-gate input[type="submit"] {  background: #193047; border-color: #193047; color: #ffffff; font-size: 18px; font-family: helvetica;margin: 0; cursor: pointer; display: inline-block; font-weight: 700; line-height: 12px; position: relative; text-align: center; color: #fff; border-radius: 3px; border-style: solid; border-width: 1px; padding: 22px 34px; }
#customer-type-gate form { max-width: 180px; }
#customer-type-gate ul { padding-left: 0; }
#customer-type-gate li { list-style: none; margin-bottom: 20px;  }
#customer-type-gate input[type="radio"] { width: 20px; height: 20px; }
#customer-type-gate label span { font-size: 24px; font-family: helvetica; padding-left: 15px;}
#customer-type-gate .hs-submit .actions { text-align: center; margin-top: 30px; }

/* Calculator Listing */

.calc-listings-container * { box-sizing: border-box; }
.calc-listings-container { display: flex; flex-wrap: wrap; margin: 50px 0; font-family: 'helvetica'; }
.calc-list-wrapper { padding: 0 15px 30px; width: 33.33%; }
a.calc-list { display: block; text-decoration: none; text-align: center;padding: 20px; border: 1px solid; border-radius: 5px; }
a.calc-list h2 { line-height: 1.2; margin: margin: 30px 0 15px;}
.calc-list-img { width: 100%; padding-top: 40%; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;}

.inside-item { border-radius: 10px !important; }

@media(max-width: 991px) {
   .calc-list-wrapper { width: 50%; }
}

@media(max-width: 767px) {
   .calc-list-wrapper { width: 100%; }
}

/* Kenyon Green Bar */

.kenyon-bar { background: #4c7731; height: 61px; }

/* New Customer Form */

.kenyons-form-wrap { width: 700px; max-width: 100%; margin: 0 auto !important; }


/* Jamb Module */

#jamb-table-wrapper { display: none; }
#jamb-table-wrapper .caming { min-width: 100% !important; }
#jamb-table-wrapper td { min-width: 150px !important; }
#jamb-table-wrapper tr td:nth-child(1) { padding-left: 15px; }
#jamb-table-wrapper .mobile-table .design { width: 200px; }
#frame-adder-text { margin-top: 50px; }
#frame-adder-text tr { max-width: 100%; }
#frame-adder-text td { padding: 10px 10px 10px 15px; }
#frame-adder-text table { background: white; margin: auto; }
#frame-adder-text tr td:nth-child(2) { padding: 10px;border-left: 1px solid #e8e8e8; }
.jamb-more-link { margin-top: 10px; text-align: center; }
/* .jamb-more-link a { color: white; }
.jamb-more-link a:hover { font-weight: bold; } */
#jamb-table-wrapper #price-calc tr td:nth-child(1) { border-left: 0; }
#jamb-table-wrapper #price-calc tr td:nth-child(2) { border-right: 0; }

.frame-adder .design-name-pop  { color: white; cursor: pointer; transition: all .2s; }
.frame-adder .design-name-pop:hover { color: #193047; font-weight: bold; }
tr.frame-option { cursor: pointer; transition: .3s all; }
tr.frame-option:hover { background: #ccc !important; }
.frame-op-text { color: white; font-style: italic; }
.frame-adder .design-name-pop { color: white; }


/* Price Calculator */

/* Calc Header */
.calc-header { padding-top: 30px; }
.calc-header img { width: 160px !important;  }

body * { box-sizing: border-box; }
.any-wrapper, .any-wrapper .module-overlay, .any-column-item, .any-column-item .inside-item { transform: none !important; }


.calculator { padding: 0 0 80px; }
.price { cursor: pointer; }
.submit-price { text-align: center;  }

.input-form { width: 900px;max-width: 100%;padding: 50px 10%;box-sizing: border-box;margin: 0 auto;border: 1px solid #e8e8e8;box-shadow: 2px 2px 10px rgba(0,0,0, .2);border-radius: 4px;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; }
.input-form .hs_cos_wrapper { padding-bottom: 30px;width: 100%; }
.input-form .hs_cos_wrapper h1 { font-size: 22px;line-height: 1.3em;text-transform: uppercase; }
.input-form .hs_cos_wrapper h2 { font-size: 18px;line-height: 1.3em;text-transform: uppercase; }
/* .input-form input { font-family: FrutigerLTW01-45Light; } */
.input-form .input { padding: 10px;box-sizing: border-box;font-size: 14px; }
.input-form .input input { border: 1px solid rgb(118, 118, 118);border-radius: 4px;background: white;padding: 5px 15px;min-height: 50px; }
.input-form .input.w-0 { width: 25%; }
.input-form .input.w-1 { width: 33.33%; }
.input-form .input.w-2 { width: 100%; }
/* .input-form input[type="button"] { font-family: 'FrutigerLTW01-55Roman',Helvetica,Arial,sans-serif;padding: 5px 15px;min-height: 50px;background: black;color: white;border: none;border-radius: 4px;margin: 10px;cursor: pointer; }
.input-form input[type="button"]:hover { background: #343434; } */

.multi-select { position: relative;z-index: 1; }
.multi-select .fa-chevron-down { position: absolute;right: 20px;top: 18px;cursor: pointer; }
.multi-select .active { border: 1px solid rgb(118, 118, 118);border-radius: 4px;background: white;padding: 5px 50px 5px 5px;min-height: 40px; }
.multi-select .active .show-all { display: inline-block;padding: 7px 15px; }
.multi-select .active .on ~ .show-all { display: none; }
.multi-select .active .design-item { transform: scale(0);width: 0;display: none;font-size: 14px;background: #193047;color: white;padding: 3px 7px;border-radius: 3px;margin: 3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.multi-select .active .design-item i { cursor: pointer;margin-left: 5px; }
.multi-select .active .design-item.on { display: inline-block;transform: scale(1);width: auto; }
.multi-select .list { position: absolute;display: none;background: white;padding: 3px 0;width: 100%;height: 300px;max-height: 60vh;overflow: auto !important;margin-top: -4px;border: 1px solid rgb(118, 118, 118);border-top: none;border-radius: 0 0 4px 4px;box-sizing: border-box; }
.multi-select .list .design-item { padding: 3px 10px;cursor: pointer; }
.multi-select .list .design-item:hover { background: #e8e8e8; }

.input-form .sub { width: 100%; }

table { border-color: #e8e8e8 !important; border: none; }
.any-column-wrapper table tr:first-child { background: black !important; color: white; }
table tr:nth-child(even) { background: #f5f5f5; }
table tr:nth-child(odd) { background: white; }

#to-table { padding-top: 50px; }
#price-calc { margin: 0 auto;padding-top: 50px; }
#price-calc, #price-calc tr, #price-calc td { border: none;border-collapse: collapse; }
#price-calc tr:nth-child(even) { background: #f5f5f5; }
#price-calc tr:nth-child(odd) { background: white; }
#price-calc tr td:nth-child(1) { padding: 10px;border-left: 1px solid #e8e8e8; max-width: 340px; }
#price-calc tr.head td:nth-child(1), #price-calc tr.subhead td:nth-child(1) { border-left: none; }
#price-calc tr.head td:not(.dig-tig) { padding: 20px;text-align: center;width: 215px; }
html .row-fluid #price-calc tr.head td.dig-tig { background: white !important; border: 0 !important; }
html .row-fluid #price-calc tr.subhead td.dig-tig { padding: 5px 10px !important; border: 0 !important; }
html .row-fluid #price-calc tr td.dig-tig { padding: 5px 10px !important; border: 0 !important; position: relative; }
html .row-fluid #price-calc tr td.dig-tig > div { text-align: center; font-size: 24px; }
html .row-fluid #price-calc tr td.dig-tig:nth-child(3) > div { border-right: 1px solid #e8e8e8 !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 10px 5px 5px; }
#price-calc tr.head td:nth-child(3n + 2) { background: #e6e7e8; }
#price-calc tr.head td:nth-child(3n + 3) { background: #707070;color: white; }
#price-calc tr.head td:nth-child(3n + 1) { background: #343434;color: white; }
#price-calc tr.head td:nth-child(1) { background: transparent;width: auto; }
#price-calc tr.subhead { background: black;color: white; }
#price-calc tr.subhead td:nth-child(1) { padding: 3px 15px; }
.caming-wrap { display: flex; align-items: center; }
#price-calc tr.subhead .caming { min-width: 33.33%;float:left;padding: 3px 15px;box-sizing: border-box;text-align: center; }
#price-calc td { border-left: 10px solid white; position: relative;  }
#price-calc td:nth-child(1), #price-calc td:nth-child(2) { border-left: none;  }
/* #jamb-table .caming { position: absolute; top: 0; bottom: 0; } */
#jamb-table  td { padding:0px; }
.caming { position: relative; min-width: 33.33%;float:left; text-align: center;box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.caming.annealed { border-left: 1px solid #e8e8e8; }
/* .caming.tempered { border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8; } */
.caming > div { width: 100%; padding: 10px;position: relative; height: 100%; display: flex;align-items: center; justify-content: center; }
.caming .price:after { content: '';position:absolute;opacity: .2;top:0;right: 0;width: 0;height: 0; border-left: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #707070;border-top: 8px solid #707070; }
.caming:hover .price:after { opacity: 1; }
.caming .per-sqf { position: absolute;overflow: hidden;background: #707070;color: white;padding: 0px 10px;top: 0px;font-size: 14px;line-height: 1.3em;width: 100%;box-sizing: border-box;height: 0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.caming:hover .per-sqf { height: 27px;padding: 5px 10px;top: -27px; }
.caming .per-sqf span { font-size: 12px; }
.b4-style { display: none; }
#price-calc tr:nth-last-child(1) td { border-bottom: 1px solid #e8e8e8; }
.any-column-wrapper #jamb-table table tr:first-child { background: white !important; color: black !important; }

.finish-pop-wrap {  z-index: 9999; display: none; background: rgba(0,0,0,.6); position: fixed; top: 0; bottom: 0; right: 0; left: 0; padding: 50px 25px 25px; }
.finish-pop { animation: slideUp .3s; display: flex; justify-content: center; width: 800px; max-width: 100%; margin: auto; }
.finish-pop::before { cursor: pointer; content: '';  
  background:url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1L1 16M16 16L1 1" stroke="white" stroke-width="2"/></svg>');
  background-size:contain;width:20px;
  background-repeat:no-repeat;
  height: 20px; color: #aaa; opacity: .8; position: absolute; top: -20px; right: 20px; }
.finish-img { padding-top: 150%; background-size: cover !important; background-position: center !important; }
.finish-img-wrap { padding: 0 10px; flex: 1; max-width: 200px; }
.finish-heading { cursor: default; }

.mobile-table { display: none;-webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center;justify-content: center; }
.mobile-table .design { width: 300px;max-width: 100%;margin: 10px; }
.mobile-table .name { background: black;color: white;padding: 15px; }
.mobile-table .cat-name { background: #e6e7e8;padding: 5px 15px; }
.mobile-table table { width: 100%; }
.mobile-table table, .mobile-table tr, .mobile-table td { border: 1px solid #e8e8e8;border-collapse: collapse; }
.mobile-table td { padding: 5px 15px; }
.calc-finish-icon-img { width: 25px; height: 25px; margin: 10px 5px 0 10px; }
.submit-price-wrap { padding: 30px; width: 900px; max-width: 100%; border: 1px solid #e8e8e8;box-shadow: 2px 2px 10px rgba(0,0,0,.2);border-radius: 4px;  margin: 50px auto; }
.submit-price-inner {  position: relative; display: flex; flex-wrap: wrap; background: white; padding: 0 25px 25px;  }
.submit-price-value { margin-bottom: 10px; color: 333; font-weight: 700; }
.submit-price-wrap form .form-columns-1 input[type=text], .submit-price-wrap form .form-columns-1 input[type=email], .submit-price-wrap form .form-columns-1 input[type=tel]
, .submit-price-wrap form .form-columns-1 textarea { width: 100% !important; }
.submit-price-wrap form input[type=text], .submit-price-wrap form input[type=email], .submit-price-wrap form input[type=tel]
  , .submit-price-wrap form textarea {  margin: 10px 0;  }
.submit-price-wrap input, .submit-price-wrap textarea {font-size: 18px; }
.submit-price-wrap form fieldset { max-width: 700px !important; }
/* .submit-price-wrap form input[type=submit] { transition: .3s all; cursor: pointer; font-weight: 700; border: none; outline: none; padding: 10px 30px; background: #731f1c; color: white; text-transform: uppercase; font-size: 18px; } */
/* .submit-price-wrap form input[type=submit]:hover { opacity: .7; } */
.submit-price-inner > div { width: 50%; }
.submit-price-inner > div:first-child { padding-right: 50px; }
.hs-kenyons_customer_type { display: none !important; }
.quote-label { font-size: 26px; font-weight: bold; text-decoration: underline; }
.quote-value { font-size: 32px; margin-top: 10px; }
.quote-box { border: 2px solid #707070; padding: 5px; display: inline-block; margin: 10px 0; }

.jamb-conv { width: 100%; display: flex; }
#show-jamb-conv { transition: .3s all; cursor: pointer; }
#show-jamb-conv:hover { text-decoration: underline; }

@keyframes slideup {
  from { transform: translateY(200px); opacity: 0; }
	to { transform: translateY(0); opacity: 1;}
}

@media (max-width: 900px) {
  #jamb-table-wrapper .mobile-table .design { width: 100%; }
  #price-calc { display: none; }
  .mobile-table { display: -webkit-flex; display: flex; }
  .input-form .input.w-1 { width: 100%; }
  .submit-price-inner > div { width: 100%; }
  .submit-price{ background: white; }
}

@media(max-width: 767px) {
  .header-container-wrapper { padding-top: 0 !important; padding-bottom: 50px !important; }
}

@keyframes slideUp {
  from { transform: translateY(100px) }
  to { transform: translateY(0) }
}



body.frame-pop-open [data-global-resource-path="odl-theme-s2/templates/partials/header.html"] {
  display:none;
}
.finish-pop {
  position: relative;
}
@media (min-width:992px) {
  body.frame-pop-open [data-global-resource-path="odl-theme-s2/templates/partials/header.html"] {
    display:none;
  }
  .finish-pop {
    position: relative;
  }
}