.elementor-5734441 .elementor-element.elementor-element-3994bf6 {
    /* margin-top: 50px; */
    /* margin-bottom: 50px; */
    padding: 200px 50px 50px 60px;
}
*{
    margin: 0;
    padding: 0;
}
.elementor-5734441 .elementor-element.elementor-element-ad28630:not(.elementor-motion-effects-element-type-background), .elementor-5734441 .elementor-element.elementor-element-ad28630 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ECEDEF;
}
.elementor-kit-5554 {
    --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-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
}
.elementor-heading-title.elementor-size-default{
    margin-bottom: 20px;
}
/* .elementor-column-wrap.elementor-element-populated{
    background:#ECEDEF !important;
} */
.elementor-5734441 .elementor-element.elementor-element-ad28630 {
    border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
    border-color: #0201011C !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 20px 20px 20px;
}

.elementor-5734441 .elementor-element.elementor-element-ad28630 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-021dc37 .elementor-heading-title {
    color: var( --e-global-color-b821e9c );
    font-family: "Roboto", Helvetica Neue LT Std;
    font-size: 16px;
    font-weight: bold;
}

.elementor-5734441 .elementor-element.elementor-element-067fe71 .elementor-heading-title {
    color: var( --e-global-color-b821e9c );
    font-family: "Roboto", Helvetica Neue LT Std;
    font-size: 16px;
    font-weight: bold;
}

.elementor-5734441 .elementor-element.elementor-element-81c0125 {
    z-index: 99;
}

.elementor-5734441 .elementor-element.elementor-element-767e00b .elementor-heading-title {
    color: var( --e-global-color-b821e9c );
    font-family: "Roboto", Helvetica Neue LT Std;
    font-size: 16px;
    font-weight: bold;
}

.elementor-5734441 .elementor-element.elementor-element-767e00b > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
}

.elementor-5734441 .elementor-element.elementor-element-5590a4a:not(.elementor-motion-effects-element-type-background), .elementor-5734441 .elementor-element.elementor-element-5590a4a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-20a458e );
}

.elementor-5734441 .elementor-element.elementor-element-5590a4a {
    border-style: solid !important;
    border-width: 1px 1px 0px 1px !important;
    border-color: #0201011C !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
}

.elementor-5734441 .elementor-element.elementor-element-5590a4a > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-bc0b51d > .elementor-element-populated {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #F1F1F1;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-bc0b51d > .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-8de0a84 > .elementor-element-populated {
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
}

.elementor-5734441 .elementor-element.elementor-element-8de0a84 > .elementor-element-populated > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-4a54eba:not(.elementor-motion-effects-element-type-background), .elementor-5734441 .elementor-element.elementor-element-4a54eba > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-20a458e );
}

.elementor-5734441 .elementor-element.elementor-element-4a54eba {
    border-style: solid !important;
    border-width: 0px 1px 1px 1px !important;
    border-color: #0201011C !important;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 20px 40px 20px;
}

.elementor-5734441 .elementor-element.elementor-element-4a54eba > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-5734441 .elementor-element.elementor-element-bc9256f > .elementor-element-populated {
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.elementor-5734441 .elementor-element.elementor-element-3004818 {
    font-family: "Roboto", Helvetica Neue LT Std;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
}

@media(min-width: 768px) {
    .elementor-5734441 .elementor-element.elementor-element-70358a2 {
        width:40%;
    }

    .elementor-5734441 .elementor-element.elementor-element-a3e9091 {
        width: 49.664%;
    }

    .elementor-5734441 .elementor-element.elementor-element-81c0125 {
        width: 10%;
    }

    .elementor-5734441 .elementor-element.elementor-element-bc0b51d {
        width: 14.85%;
    }

    .elementor-5734441 .elementor-element.elementor-element-8de0a84 {
        width: 85.15%;
    }
}
#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;
    color: #666666;
/*     border-bottom:1px solid #666; */
  }
  .unit-display span{
    font-size:20px;
    font-weight:blod;
  }
  #diagrammatic{
    overflow:hidden;
    border:1px solid #333;
    position:absolute;
  }
  .no-event{
      pointer-events:none;
  }
  .img-box,.shapesimg{
    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;
  }
  .shapesimg img{
    width:100%;
    height:100%;
  }
  .shapesimg:hover .shape-rotate{
      display:block;
    }
  .shapesimg:hover .box-close{
      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,.shapesimg .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,.shapesimg .shape-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;
  }
  .shapesimg .shape-rotate{
      top:50%;
      margin-left:35px;
    }
    .model-create-space{
      border-radius: 3px !important;
    }
    .model-reset{
      border-radius: 3px;
      border: 1px solid #CECECE;
      background: #E4E4E4;
      color: #231F20;

    }
    .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
        padding: 10px;
    }
  .dimension input,.dimension select,.online_input{
      border-radius: 3px;
      border: 1px solid #DCDDDE;
      background: #FFF;
  }
  .custom-button-list {
    display: flex
;
    /* width: 350px; */
    justify-content: space-between;
}
.dimension-left div{
    min-width: 16px;
}
label{
    margin-bottom: 8px;
    font-size: 15px;
    display: block;
}
input,button{
    height: 32px;
    box-sizing: border-box;
    outline: none;
    font-size: 15px;
}
button{
    cursor: pointer;
}
  .dimension {
    display: flex
;

background: #ECEDEF !important;
}
.dimension-right {
    justify-content: flex-end;
    display: flex
;
    flex-direction: column;
}
  .model_description{
              width: 100%;
              height: 45px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              border: 1px solid #DCDDDE;
              background: #FFF;
              color: #231F20;
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              box-sizing: border-box;
              margin: 0;
              padding-left: 40px;
          }
          .model_description li{
              height: 100%;
              display: flex;
              align-items: center;
          }
          .model_description>li:nth-child(2){
              width: 20%;
              display: flex;
              justify-content: space-between;
              align-items: center;
          }
          .model_description>li:last-child div{
              padding: 0 14px;
              height: 100%;
              border-left: 1px solid #DCDDDE;
              display: flex;
              align-items: center;
          }
  .modal_img{
              width: 211px;
              padding: 0 26px 0 17px;
              box-sizing: border-box;
                list-style: none;
          }
          .modal_img li{
              width: 100%;
          }
          .imgList{
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
          }
          .modal_img li h3{
              cursor: pointer;
              color: #231F20;
              font-size: 12px;
              font-weight: 600;
              margin-bottom: 10px;
              display: flex;
              justify-content: space-between;
          }
          .modal_img li .imgList>div{
              width: 80px;
              height: 80px;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #F5F5F5;
              margin-bottom: 8px;
          }
          .wall_img_list>div,
          .ceiling_img_list>div{
            height: 104px !important;
          }
        .modal_img li .imgList div img{
              max-height: 70%;
              max-width: 80%;
          }
  
          
          .shapes-list .elementor-widget-image-box,
          .wall-list .elementor-widget-image-box,
          .ceiling-list .elementor-widget-image-box,
          .poleMount-list .elementor-widget-image-box{
              display: flex;
              flex-direction:column;
          }
          .shapes-list .elementor-widget-image-box div,
          .wall-list .elementor-widget-image-box div,
          .ceiling-list .elementor-widget-image-box div,
          .poleMount-list .elementor-widget-image-box div{
              width: 100%;
              height: 70%;
              display: flex;
              justify-content: center;
              align-items: center;
/*               padding: 0 11px; */
              box-sizing: border-box;
          }
          .shapes-list .elementor-widget-image-box:nth-child(2) div img{
              width: 10px;
              height: 10px;
          }
          .shapes-list .elementor-widget-image-box:nth-child(3) div img{
              width: 20px;
              height: 20px;
          }
          .shapes-list .elementor-widget-image-box p,
          .wall-list .elementor-widget-image-box p,
          .ceiling-list .elementor-widget-image-box p,
          .poleMount-list .elementor-widget-image-box p{
              width: 100%;
              height: 30%;
              color: #231F20;
              text-align: center;
              font-size: 11px;
              font-weight: 400;
              padding-bottom: 6px;
                margin-bottom:0;
          }
          #model-box{
            padding:12px;
            background:#ECEDEF;
          }
#model-box .elementor-column-wrap{
  background:white;
  padding:14px;
}	
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex
;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0);
}
.elementor-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.elementor-element-ad28630{
    border:1px solid #0201011C !important;
}
.elementor-section{
    
    border:#ECEDEF !important;
    background: rgb(242,242,242);
}
.elementor-widget-wrap{
    background:white;
}
.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, .7);
    z-index: 9999;
}

    .page-loading .sk-three-bounce {
        margin: 40px auto;
        width: 80px;
        text-align: center;
    }

        .page-loading .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;
        }

        .page-loading .sk-three-bounce .sk-bounce1 {
            -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
        }

        .page-loading .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.0);
        transform: scale(1.0);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

        .model-download{
            font-size: 15px;
            display: flex;
            align-items: center;
        }
        