img{max-width:100%}.section_title{font-size:28px;margin-bottom:20px;padding-bottom:20px;font-weight:400;display:inline-block;position:relative}.section_title:after,.section_title:before{content:"";position:absolute;bottom:0}.section_title:after{height:2px;background-color:rgba(252,92,15,0.46);left:25%;right:25%}.section_title:before{width:15px;height:15px;border:3px solid #fff;background-color:#fc5c0f;left:50%;transform:translatex(-50%);bottom:-6px;z-index:9;border-radius:50%}.customer-feedback .owl-item img{width:111px;height:105px;border-radius:53px}.feedback-slider-item{position:relative;padding:60px;margin-top:-40px}.customer-name{margin-top:15px;margin-bottom:25px;font-size:20px;font-weight:500}.feedback-slider-item p{line-height:1.875}.customer-rating{background-color:#eee;border:3px solid #fff;color:rgba(1,1,1,0.702);font-weight:700;border-radius:50%;position:absolute;width:47px;height:47px;line-height:44px;font-size:15px;right:0;top:77px;text-indent:-3px}.thumb-prev .customer-rating{top:-20px;left:0;right:auto}.thumb-next .customer-rating{top:-20px;right:0}.customer-rating i{color:#fb5a0d;position:absolute;top:10px;right:5px;font-weight:600;font-size:12px}.customer-feedback{margin-top:3%}.img-center{margin:0 45%}.feedback-slider-item:after{content:"";position:absolute;left:20px;right:20px;bottom:0;top:103px;background-color:#f6f6f6;border:1px solid rgba(251,90,13,0.1);border-radius:10px;z-index:-1}.thumb-prev,.thumb-next{position:absolute;z-index:99;top:45%;width:98px;height:98px;left:-90px;cursor:pointer;transition:all .3s}.thumb-next{left:auto;right:-90px}.feedback-slider-thumb img{width:100%;height:100%;border-radius:50%;overflow:hidden}.feedback-slider-thumb:hover{opacity:.8;-ms-filter:"alpha(opacity=80)"}.customer-feedback .owl-nav [class*="owl-"]{position:relative;display:inline-block;bottom:45px;transition:all .2s ease-in}.customer-feedback .owl-nav i{background-color:transparent;color:#fb5a0d;font-size:25px}.customer-feedback .owl-prev{left:-15px}.customer-feedback .owl-prev:hover{left:-20px}.customer-feedback .owl-next{right:-15px}.customer-feedback .owl-next:hover{right:-20px}.customer-feedback .owl-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:35px}.customer-feedback .owl-dot{display:inline-block}.customer-feedback .owl-dots .owl-dot span{width:11px;height:11px;margin:0 5px;background:#fff;border:1px solid #fb5a0d;display:block;-webkit-backface-visibility:visible;transition:all 200ms ease;border-radius:50%}.customer-feedback .owl-dots .owl-dot.active span{background-color:#fb5a0d}@media screen and (max-width:767px){.feedback-slider-item:after{left:30px;right:30px}.customer-feedback .owl-nav [class*="owl-"]{position:absolute;top:50%;transform:translateY(-50%);margin-top:45px;bottom:auto}.customer-feedback .owl-prev{left:0}.customer-feedback .owl-next{right:0}}.copyright{text-align:center;margin-top:30px;font-size:1.6rem;background-color:#ededed}.copyright a{display:inline-block;padding:15px 2px}.copyright a:not(:last-child):after{content:"/";margin-left:10px}.toptal{color:#204ecf}.upstack{color:#008bf7}.upwork{color:#37a000}.fiverr{color:#1dbf73}.jobs{color:magenta;text-decoration:underline;margin-top:-15px}


#myModal button.close {
    position: absolute;
    right: 0;
    border: none;
    font-size: 24px;
    background-color: #e19c3b;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 19px;
}
    .video-background-holder {
        position: relative;
        background-color: black;
        height: calc(80vh - 72px);
        min-height: 25rem;
        width: 100%;
        overflow: hidden;
    }

    .video-background-holder video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .arch-slider {
        margin: 0;
        padding: 0px 0 !important;
        background: #fff !important
    }

    .arc-images {
        position: relative
    }

    .arc-images:before {
        content: " ";
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        z-index: 1
    }

    a.arc-link:hover .arc-images:before {
        background: rgba(8, 8, 8, .75);
        background: rgba(51, 51, 51, 0.6) !important
    }

    .architecturalmillwork-lyt .slick-lightbox-close {
        color: rgba(0, 110, 158, 1) !important;
        font-size: 26px !important;
        width: 38px !important;
        HEIGHT: 44px !important;
        margin-top: 30px;
        margin-right: 80px;
        right: 0 !important;
        top: 2px !important
    }

    .architecturalmillwork-lyt .slick-lightbox-close:before {
        font-family: progallery-svg-font-icons !important;
        display: inline-block;
        vertical-align: middle;
        line-height: 1 !important;
        font-weight: 400;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale;
        content: "\F10A" !important;
        font-size: inherit;
        color: rgba(0, 0, 0, 1) !important
    }

    .arch-slider .slick-arrow {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 50%;
        margin-top: -55px;
        z-index: 111;
        padding: 20px 38.5px;
        cursor: pointer
    }

    .arch-slider .slick-arrow.next {
        right: 0
    }

    .arch-slider .slick-arrow svg {
        -webkit-filter: drop-shadow(0 1px .15px #b2b2b2);
        filter: drop-shadow(0 1px .15px #b2b2b2);
        display: inline-block;
    }

    .slideshow-arrow {
        fill: #e8e8e8
    }

    .arch-slider {
        margin: 0;
        padding: 30px 0;
        background: #e8e8e8;
    }

    .arc-images {
        position: relative
    }

    .arc-images:before {
        content: " ";
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        z-index: 1
    }

    a.arc-link:hover .arc-images:before {
        background: rgba(8, 8, 8, .75);
        background: rgba(51, 51, 51, 0.6) !important
    }

    .architecturalmillwork-lyt .slick-lightbox-inner {
        background-color: rgba(232, 232, 232, 1) !important;
        z-index: 1111
    }

    .architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow {
        z-index: 111;
        width: 100px;
        height: 100px;
        background-image: url(http://cdn2.hubspot.net/hubfs/4795157/Idxcorporation_December2018/Images/arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 27px;
        margin-top: -50px
    }

    .architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow:before {
        display: none
    }

    .architecturalmillwork-lyt .slick-lightbox-inner .slick-prev {
        left: 0
    }

    .architecturalmillwork-lyt .slick-lightbox-inner .slick-next {
        right: 0;
        transform: rotate(180deg)
    }

    .architecturalmillwork-lyt .slick-lightbox-close {
        color: rgba(0, 110, 158, 1) !important;
        font-size: 26px !important;
        width: 38px !important;
        HEIGHT: 44px !important;
        margin-top: 30px;
        margin-right: 80px;
        right: 0 !important;
        top: 2px !important
    }

    .architecturalmillwork-lyt .slick-lightbox-close:before {
        font-family: progallery-svg-font-icons !important;
        display: inline-block;
        vertical-align: middle;
        line-height: 1 !important;
        font-weight: 400;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale;
        content: "\F10A" !important;
        font-size: inherit;
        color: rgba(0, 0, 0, 1) !important
    }

    .slick-prev:before,
    .slick-next:before {
        color: #fff !important
    }

    .services-active5 .single-services .services-content p {}

    .single-slider {
        height: 100vh;
    }

    @media screen and (max-width:800px) {
        .single-slider {
            height: auto;
        }
    }

    .enquiry-btn {
        font-family: 'Sen', sans-serif;
        margin-top: 20px;
        border: 1px solid #af7529;
        background: #fc9a1a;
        font-size: 18px;
        color: #fff;
        padding: 0 15px;
        height: 44px;
        line-height: 44px;
        display: inline-block;
        font-weight: 600;
        border-radius: 4px;
    }

    @media (min-width: 993px) {
        .carousel-item img {
            height: auto;
        }
    }
    #carouselExampleInterval .carousel-item{
        position: relative;
    }
    #carouselExampleInterval .carousel-item:before{
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-image: linear-gradient(to bottom, rgba(0 0 0 / 90%),rgba(0 0 0 / 50%),rgba(0 0 0 / 20%),rgba(0 0 0 / 30%),rgba(0 0 0 / 80%));
    }
    #carouselExampleInterval .button-controls
    {
        z-index: 3;
    } 

    .carousel_wrapper
    {
        position: relative;
    }
    .carousel_wrapper .carousel-caption
    {
        position: absolute;
        z-index: 5;
    }
    @media (max-width: 576px) {
        .carousel-item img {
            height: 280px;
        }
        .header-area
        {
            position: absolute;
        }
    }
 .whatsapp_fixed {
    position: fixed;
    left: 20px;
    z-index: 9;
    width: 50px;
    background: #754a11;
    padding: 8px;
    border-radius: 50%;
    bottom: 30px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
  }

  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }

    50% {
      transform: scale(1.5, 1.5);
    }

    100% {
      transform: scale(1, 1);
    }
  }

  .whatsapp_fixed a img {
    color: #fff;
    width: 100%;
  }

  @media screen and (max-width: 767px) and (min-width: 320px) {
    a.whatsapp_fixed {}

    a.call_fixed {}
  }

  .desktpview {
    display: block;
  }

  .mobileclass {
    display: none;
  }

  @media (max-width:767px) {
    .desktpview {
      display: none;
    }

    .mobileclass {
      display: block;
    }
  }
.contactheadingsec {
        font-family: "Playfair Display", serif;
    color: #333333;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.5;
    margin-bottom: 0;
    }

    .contactnumber {
        margin: 1rem 0;
    }
    .contactnumber p {
        padding: 0px 2px;
        font-size: 14px;
    }
    
    @media only screen and (max-width: 600px) {
  .contactnumber {
    display: block !important;
  }
  .contactheadingsec {
     display: block;
    }
    .contactnumber span {
        display: none;
    }
}


    .single-services .services-image a img {
        min-height: auto !important;
    }

    .swiper-slide video {
        width: 100%;
        vertical-align: top;
    }

    .single-slider {
        height: 100vh;
    }

    @media screen and (max-width:768px) {
        .single-slider {
            height: auto !important;
        }
    }

     @media (min-width: 993px) {
        .carousel-item img {
            height: 675px;
        }

        .image_collage
        {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-column-gap:10px;
            width: 96%; 
        }
        .image_collage img
        {
            width: 100%;
            height: 400px;
            object-position: top;
            object-fit: cover;
        }

        .lt-col-listed-text
        {
            width: 50%;
        }
        .rt-col-listed-pic
        {
            width: 50%;
        }
    }
    #carouselExampleInterval .carousel-item{
        position: relative;
    }
    #carouselExampleInterval .carousel-item:before{
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-image: linear-gradient(to bottom, rgba(0 0 0 / 90%),rgba(0 0 0 / 50%),rgba(0 0 0 / 20%),rgba(0 0 0 / 30%),rgba(0 0 0 / 80%));
    }
    #carouselExampleInterval .button-controls
    {
        z-index: 3;
    } 

    .carousel_wrapper
    {
        position: relative;
    }
    .carousel_wrapper .carousel-caption
    {
        position: absolute;
        z-index: 5;
    }
    @media (max-width: 576px) {
        .carousel-item img {
            height: 280px;
        }
        .header-area
        {
            position: absolute;
        }
    }

.z1
{
    background:#210133;
}
.z2
{
    color:white!important;
}
.z3
{
    font-color:#210133!important;
}