:root {
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-color-7673fa18: #4054B2;
    --e-global-color-16eb70b7: #23A455;
    --e-global-color-7e757b7f: #000;
    --e-global-color-20a458e: #FFF;
    --e-global-color-107ecbff: #333333;
    --e-global-color-e484a54: #0201011C;
    --e-global-color-af152da: #EF4B24;
    --e-global-color-5dec54e: #FFFFFF;
    --e-global-color-b821e9c: #081F2D;
    --e-global-color-d4a2988: #FF4814;
    --e-global-color-7dc2114: #F14B25;
    --e-global-color-075af80: #69B445;
    --e-global-color-bd1efcc: #FFFFFFBF;
    --e-global-color-408c174: #69B445;
    --e-global-color-d85fc90: #BFBFC3;
    --e-global-color-e5c76b4: #EF4B24;
    --e-global-color-0449ed8: #DA360E;
    --e-global-color-e3ab20e: #EF4B24;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-weight: 500;
}

.elementor-section.elementor-section-boxed > .elementor-container               { max-width: 1140px; }
h1.entry-title { display: var(--page-title-display); }

@media( max-width: 1024px ) {
    .elementor-section.elementor-section-boxed > .elementor-container           { max-width: 1024px; }
}

@media( max-width: 767px ) {
    .elementor-section.elementor-section-boxed > .elementor-container           { max-width: 767px; }
}

.elementor-wrapper                                                              { margin-top: 50px; margin-bottom: 50px; padding: 0 50px 0 60px; }

.elementor-widget-wrap section:not(:last-child)                                 { border-style: solid; border-color: var( --e-global-color-e484a54 ); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
.elementor-element.elementor-element-blueprint                                  { background-color: #ECEDEF; border-width: 1px 1px 0 1px; padding: 20px 20px 20px 20px; }
.elementor-element.elementor-element-icons                                      { background-color: var( --e-global-color-20a458e ); border-width: 1px; padding: 20px 20px 20px 20px; }
.elementor-element.elementor-element-canvas                                     { background-color: var( --e-global-color-20a458e ); border-width: 0 1px 1px 1px; padding: 0 20px 40px 20px; }

.grid-creation-layout h2,
.grid-canvas-layout h2                                                          { color: var( --e-global-color-b821e9c ); font-size: 16px; margin: 0 0 20px 0; }
.grid-canvas-layout h3                                                          { color: var( --e-global-color-b821e9c ); font-size: 13px; font-weight: normal; margin: 10px 0 20px 0; }

.elementor-widget-image-box .elementor-image-box-img                            { width: 50%; }
.elementor-widget-image-box .elementor-image-box-img img                        { transition-duration: 0.3s; }
.elementor-widget-image-box .elementor-image-box-title                          { color: var( --e-global-color-b821e9c ); font-size: 16px; font-weight: normal; }
.elementor-widget-image-box > .elementor-widget-container                       { min-height: 107px; padding: 10px; border: solid 1px var( --e-global-color-e484a54 ); }


@media( max-width: 767px ) {
    .elementor-5734441 .elementor-element.elementor-element-9330b22 .elementor-image-box-img { margin-bottom: 15px; }
    .elementor-5734441 .elementor-element.elementor-element-1b23348 .elementor-image-box-img { margin-bottom: 15px; }
    .elementor-5734441 .elementor-element.elementor-element-5468288 .elementor-image-box-img { margin-bottom: 15px; }
    .elementor-5734441 .elementor-element.elementor-element-c169554 .elementor-image-box-img { margin-bottom: 15px; }
}

@media ( min-width: 768px ) {
    .elementor-5734441 .elementor-element.elementor-element-e531991 { width:24.527%; }
    .elementor-5734441 .elementor-element.elementor-element-5fcb2bb { width:50%; }
    .elementor-5734441 .elementor-element.elementor-element-70fa020 { width:10%; }
    .elementor-5734441 .elementor-element.elementor-element-71ee9f8 { width:10%; }
    .elementor-5734441 .elementor-element.elementor-element-34bdc68 { width:79.332%; }
    .elementor-5734441 .elementor-element.elementor-element-271afe2 { width:10%; }
    .elementor-5734441 .elementor-element.elementor-element-1fd5a22 { width:10%; }
    .elementor-5734441 .elementor-element.elementor-element-8dd2682 { width:79.664%; }
}

/*! elementor - v3.2.4 - 26-05-2021 */
.dialog-close-button: not(:hover) { opacity: .4 }
.elementor-templates-modal__header__item>i: not(:hover) { color: #a4afb7 }
.elementor-templates-modal__header__close--skip>i: not(:hover) { color: #fff }
.elementor-clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0}
.elementor { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual}
.elementor *,.elementor:after,.elementor:before { -webkit-box-sizing: border-box; box-sizing: border-box}
.elementor img { height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none}
.elementor .elementor-widget: not(.elementor-widget-text-editor): not(.elementor-widget-theme-post-content) figure { margin: 0}

:root { --page-title-display: block }

.elementor-section { position: relative}
.elementor-section .elementor-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative}


@media (max-width:1024px) {
    .elementor-section .elementor-container { -ms-flex-wrap: wrap; flex-wrap: wrap}
}

.elementor-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex}

@media (max-width:1024px) {
    .elementor-row { -ms-flex-wrap: wrap; flex-wrap: wrap}
}

/* Use by the JavaScript to center rendered element */
.elementor-widget-wrap { position: relative; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: -webkit-box; display: -ms-flexbox; display: flex }

.elementor-widget-wrap>.elementor-element {	width: 100% }
.elementor-widget { position: relative }
.elementor-column { min-height: 1px }
.elementor-column,.elementor-column-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex}
.elementor-column-wrap { width: 100%}

@media (min-width:768px) {
    /* .elementor-column.elementor-col-33 { width: 33.333%} */
    .elementor-column.elementor-col-100 { width: 100%}
}

@media (max-width:767px) {
	.elementor-column { width: 100% }
}

.elementor-element .elementor-widget-container { -webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s; -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s}
.elementor-heading-title { padding: 0; margin: 0; line-height: 1}
.elementor-widget-image-box .elementor-image-box-content { width: 100%}

@media (min-width:768px) {
    .elementor-widget-image-box.elementor-position-top .elementor-image-box-img { margin: auto}
    .elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
}

@media (max-width:767px) {
    .elementor-widget-image-box .elementor-image-box-img { margin-left: auto!important; margin-right: auto!important; margin-bottom: 15px}
}

.elementor-widget-image-box .elementor-image-box-img { display: inline-block}
.elementor-widget-image-box .elementor-image-box-wrapper { text-align: center}

/*! elementor - v3.2.4 - 26-05-2021 */

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 10px}

@media (max-width: 767px) {
  .elementor-column { width: 100% }
}

.page-loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background: rgba(255, 255, 255, .5); z-index: 9999;}
.sk-three-bounce { margin: 40px auto; width: 80px; text-align: center;}
.sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;}
.sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); }
}

#content-box { box-sizing: content-box;  border: 1px solid #333;  overflow: hidden;  position: relative; }
.wall-list .ceiling-list { transition: padding-top 0.3s; }
#model-box .elementor-widget-wrap { position: relative;  background-image: -webkit-linear-gradient(90deg, #e2e2e2 2px, transparent 2px), -webkit-linear-gradient(0, #e2e2e2 2px, transparent 2px);  border: 2px solid #e2e2e2;  align-content: center;  justify-content: center;  align-items: center!important;  align-self: center; }
.unit-display { position: absolute;  text-align: center;  border-bottom: 1px solid #666; }
.unit-display span { font-size: 20px;  font-weight: blod; }
#diagrammatic { overflow: hidden;  border: 1px solid #333;  position: relative; }
.no-event { pointer-events: none; }
.img-box { position: absolute;  display: inline-block;  vertical-align: top; }
.img-box.ceiling-rotate { transform: rotate(270deg); }
.img-box:hover .box-close { display: block; }
.img-box:hover .box-rotate { display: block; }
.img-box img { width: 100%; }
.img-box[data-type=wall] { z-index: 2; }
.img-box[data-type=ceiling] { z-index: 3; }
.img-box .box-close { display: none;  cursor: pointer;  text-align: center;  line-height: 25px;  font-style: normal;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  font-size: 16px;  width: 25px;  height: 25px;  overflow: hidden;  color: #666;  border: 1px solid #666;  background: #fff;  border-radius: 50%;  position: absolute; }
.img-box .box-rotate { display: none;  cursor: pointer;  text-align: center;  line-height: 25px;  font-style: normal;  top: 70%;  left: 50%;  transform: translate(-50%,-50%);  font-size: 16px;  width: 25px;  height: 25px;  overflow: hidden;  color: #666;  border: 1px solid #666;  background: #fff;  border-radius: 50%;  position: absolute; }
.dimension { display: flex; }
.dimension-left { min-width: 220px; }
.dimension-right { justify-content: flex-end;  display: flex;  flex-direction: column; }
.custom-design { margin-bottom: 10px; }
.custom-design button { border: 1px solid #333;  outline: none;  width: 100%; }
.custom-design button:hover { color: #fff;  background-color: #333; }
.custom-button-list { display: flex;  width: 350px;  justify-content: space-between; }
.custom-button-list div { }

@media(max-width: 1200px) {
    .custom-button-list { display: inline-flex;  justify-content: space-around;  flex-wrap: wrap;  width: auto; }
}

.design-box { margin: 10px; }
.design-box h2 { font-size: 18px; }
.design-box .design-form { margin: 10px 0; }
.design-box .design-form label: not(.photo-trigger,.pdf-trigger) { display: block;  color: #081F2D; }
.design-required { margin-left: 10px;  color: #FF0000; }
.design-box small { color: #7A7A7A;  font-style: italic;  font-family: 'Roboto';  font-size: 13px;  font-weight: normal;  line-height: 1.1; }
.design-group-50 { width: 45%;  display: inline-block; }
#design-photo,#design-pdf { display: none; }
.photo-trigger,.pdf-trigger { display: inline-block;  font-size: 16px;  border: 1px solid #081F2D;  padding: 5px 15px;  color: #081F2D!important;  cursor: pointer;  transition: all 0.5s;  margin-right: 10px; }
.photo-trigger:hover,.pdf-trigger:hover { background-color: #081F2D;  transition: all 0.5s;  color: #fff!important; }
.design-group-50:nth-child(odd) { margin-right: 30px; }
.design-group-100 { width: 100%;  display: inline-block; }
.design-group-50 input { width: 100%;  background-color: #f2f2f2;  border-width: 0 0 1px 0; }
.design-group-100 textarea { width: calc(100% - 20px);  background-color: #f2f2f2;  border-width: 0 0 1px 0; }
.design-group-50 label { display: block;  color: #081F2D; }
.design-group-100 label { display: block;  color: #081F2D; }
#design-form-submit button { color: #fff;  background-color: #FF4814;  border: none;  padding: 6px 12px; }
#design-form-submit button.loading { background-color: rgb(102,102,102); }
.design-box .design-tips { color: red; }
.design-box .design-success-tips { color: #3c763d; }

.btn-create, .btn-create:hover          { background: #FF4814; color: #fff; border: none; }
.btn-clear, .btn-clear:hover            { background: #666; color: #fff; border: none; }
.btn-download, .btn-download:hover      { background: #081F2D; color: #fff; border: none; }
.grid-creation-layout                   { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 10px; position: relative; }
.dimension-label                        { width: 60px; color: #081F2D; }
.dimension-form-element                 { width: 80px; padding: 2px 5px; text-align: center; }
.grid-canvas-layout                     { display: grid; grid-template-columns: 1fr 1fr 10fr; column-gap: 10px; position: relative; }