.clearfix {
  clear: both; }

.banner-text {
  margin-top: 88px;
  position: relative;
  text-align: center; }
  .banner-text .over-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .banner-text .over-img h4 {
      color: #fff;
      font-size: 58px;
      text-shadow: -1px 4px 8px rgba(0, 0, 0, 0.79);
      line-height: .8; }
  .banner-text img {
    width: 100%; }

.about-sofa-box {
  padding: 170px 0px 20px; }
  .about-sofa-box .content-area {
    padding-left: 80px;
    padding-right: 15px;
    background: #fff;
    -webkit-box-shadow: 0px -1px 18px -2px #706c70;
    -moz-box-shadow: 0px -1px 18px -2px #706c70;
    box-shadow: 0px -1px 18px -2px #706c70;
    position: absolute;
    top: 50%;
    right: -110px;
    z-index: 55;
    padding-top: 50px;
    padding-bottom: 120px;
    transform: translate(0, -50%);
    margin-left: 15px; }
    .about-sofa-box .content-area h2 {
      position: relative;
      margin-top: 60px; }
      .about-sofa-box .content-area h2::before {
        content: url("../img/about_06.png");
        position: absolute;
        left: -60px;
        top: -60px;
        z-index: 1; }
    .about-sofa-box .content-area p {
      margin-bottom: 60px; }
      .about-sofa-box .content-area p::after {
        content: url("../img/patter.png");
        position: absolute;
        left: -41px;
        bottom: -264px;
        z-index: 1; }
    .about-sofa-box .content-area .right-sofa-area {
      margin-right: -60px !important;
      margin-left: -90px; }

.mv-sec {
  position: relative;
  margin-top: 120px; }
  .mv-sec::after {
    content: url("../img/about_03.png");
    position: absolute;
    right: 0;
    z-index: -1;
    top: 0; }
  .mv-sec .about-mission-sec {
    padding: 80px 120px;
    /*  &::after {
        content: url("../img/sofa1.png");
        position: absolute;
        right: 0;
        z-index: 1;
        top: 50px;
    }*/ }
    .mv-sec .about-mission-sec .right-sofa-area img {
      position: absolute;
      right: -134px;
      width: 91%;
      bottom: 0; }
    .mv-sec .about-mission-sec::before {
      content: url("../img/about_05.png");
      position: absolute;
      left: 0;
      z-index: -1;
      top: 50%;
      transform: translate(0, -50%); }

/*==============================================waranty-sec style==========================*/
.waranty-page {
  text-align: center; }
  .waranty-page .content {
    text-align: left;
    padding-top: 70px; }
  .waranty-page .icone-content {
    padding: 60px 35px; }
    .waranty-page .icone-content p {
      margin-top: 15px;
      font-size: 14px; }

.sofa-care .sub-hed {
  color: #f7bc71;
  font-size: 18px;
  margin-bottom: 70px; }
.sofa-care h1 {
  margin-bottom: 0; }

/*=------------------------------------------------contact page============================================*/
.map-line {
  position: relative; }
  .map-line iframe {
    width: 100%;
    height: 100%; }
  .map-line:after {
    content: url("../img/contact_03_03.png");
    position: absolute;
    left: -41px;
    left: -6px;
    top: -22px;
    z-index: -1; }

.bgf {
  position: relative; }
  .bgf:after {
    content: url("../img/contact_03_03.png");
    position: absolute;
    left: -41px;
    left: -6px;
    top: -22px;
    z-index: 21; }

.contact-page {
  padding: 0 50px; }
  .contact-page .banner-hed {
    color: #fff; }
  .contact-page h4 {
    text-align: center;
    margin: auto; }
  .contact-page .get-in-touch {
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    .contact-page .get-in-touch .title {
      text-align: center;
      letter-spacing: 3px;
      font-size: 36px;
      line-height: 48px;
      padding-bottom: 48px; }
  .contact-page .contact-form {
    /* .submit-befor{
    position: relative;
     &::after {
        content: url("../img/contact_03_07.png");
        position: absolute;
        left: 0;
        z-index: 1;
        top: 50%;  transform: translate(0, -50%);
    } 
}*/ }
    .contact-page .contact-form .form-field {
      position: relative;
      margin: 32px 0;
      text-align: center; }
    .contact-page .contact-form .input-text {
      display: block;
      width: 100%;
      height: 36px;
      border-width: 0 0 1px 0;
      border-color: #a09f9f;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400; }
      .contact-page .contact-form .input-text:focus {
        outline: none; }
        .contact-page .contact-form .input-text:focus .label {
          transition: transform .5s ease-in;
          opacity: 0; }
      .contact-page .contact-form .input-text:focus + .label, .contact-page .contact-form .input-text.not-empty + .label {
        transform: translateY(-24px);
        transition: transform .5s ease-in; }
    .contact-page .contact-form textarea {
            /*       display: block;
            width: 100%;
            height: 36px;
            border-width: 0 0 1px 0;
            border-color: #a09f9f;
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            
*/ }
      .contact-page .contact-form textarea:focus {
        outline: none; }
        .contact-page .contact-form textarea:focus .label-msg {
          transition: transform .5s ease-in;
          opacity: 0; }
      .contact-page .contact-form textarea:focus + .label-msg, .contact-page .contact-form textarea.not-empty + .label-msg {
        transform: translateY(-24px);
        transition: transform .5s ease-in;
        bottom: 79px !important; }
    .contact-page .contact-form .label {
      position: absolute;
      left: 20px;
      bottom: 11px;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #888;
      cursor: text;
      transition: transform .5s ease-in;
      opacity: 1; }
    .contact-page .contact-form .label-msg {
      position: absolute;
      left: 20px;
      bottom: 11px;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      color: #888;
      cursor: text;
      transition: transform .5s ease-in;
      opacity: 1; }
    .contact-page .contact-form .submit-btn {
      display: inline-block;
      background-color: #000;
      color: #000;
      letter-spacing: 2px;
      font-size: 16px;
      line-height: 24px;
      padding: 8px 40px;
      border: 1px solid #9b7039;
      cursor: pointer;
      background: #f7b25b;
      border-radius: 5px;
     /*  &::before{
    content: url("../img/icn1.png");
         position: absolute;
         left: 2px;
         z-index: 1;
         top: 0; 
}*/ }
  .contact-page .note {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 21px; }
    .contact-page .note .link {
      color: #888;
      text-decoration: none; }
      .contact-page .note .link:hover {
        text-decoration: underline; }
  .contact-page #message {
    margin-top: 37px;
    min-height: 100px; }

/*.contact-details {
    position: relative;

    .details {
        padding: 100px 100px;

        .icn1 {
            padding: 0 50px;
            margin-top: 70px;
            &::before {
                content: url("../img/icn1.png");
                position: absolute;
                left: -24px;
                z-index: 1;
                top: 0;
            }

        }

        &::before {
            content: url("../img/about_05.png");
            position: absolute;
            left: 0;
            z-index: 1;
            top: 20%;
        }

    }
}*/
.contact-details {
  position: relative; }
  .contact-details .details {
    padding: 100px 100px; }
    .contact-details .details .icn1 {
      padding: 0 50px;
      margin-top: 70px; }
      .contact-details .details .icn1::before {
        content: url("../img/icn1.png");
        position: absolute;
        left: -20px;
        z-index: 1;
        top: 0; }
    .contact-details .details .icn2 {
      padding: 0 50px;
      margin-top: 40px; }
      .contact-details .details .icn2::before {
        content: url("../img/icn2.png");
        position: absolute;
        left: -20px;
        z-index: 1;
        top: 0; }
    .contact-details .details .icn3 {
      padding: 0 50px;
      margin-top: 40px; }
      .contact-details .details .icn3::before {
        content: url("../img/icn3.png");
        position: absolute;
        left: -20px;
        z-index: 1;
        top: 0; }
    .contact-details .details::before {
      content: url("../img/about_05.png");
      position: absolute;
      left: 0;
      z-index: 1;
      top: 20%; }

/*================================gallery style===================================*/
.gallery-bottom {
  position: relative;
  text-align: center; }
  .gallery-bottom .over-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .gallery-bottom .over-img h4 {
      color: #faee39;
      font-size: 40px; }

.gallery-box {
  /* Zoom In #1 */
  /*=========================light box effect==================*/
    /*.lightbox:hover img{
  transform: translate(-50%, -50%) rotateY(180deg);
}*/ }
  .gallery-box .img-thumbnail {
    border: 0 !important; }
  .gallery-box .mgh {
    margin-bottom: 70px; }
  .gallery-box .column div span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    display: block;
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0; }
  .gallery-box figure {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden; }
  .gallery-box figure:hover + span {
    bottom: -36px;
    opacity: 1;
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: bold;
    color: #f39e31;
    font-size: 18px; }
  .gallery-box .hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%; }
  .gallery-box .hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  .gallery-box .lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: #7f8c8d;
    perspective: 1000; }
  .gallery-box .filter {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(20px);
    opacity: 0.5;
    background-position: center;
    background-size: cover; }
  .gallery-box .lightbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(0deg);
    max-height: 95vh;
    max-width: calc(95vw - 100px);
    transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
    transform-style: preserve-3d; }
  .gallery-box [class^="arrow"] {
    height: 200px;
    width: 50px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer; }
  .gallery-box [class^="arrow"]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 15px;
    height: 15px; }
  .gallery-box .arrowr {
    right: 0; }
  .gallery-box .arrowr:after {
    border-right: 1px solid white;
    border-bottom: 1px solid white; }
  .gallery-box .arrowl {
    left: 0; }
  .gallery-box .arrowl:after {
    border-left: 1px solid white;
    border-top: 1px solid white; }
  .gallery-box .close {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.4);
    margin: 20px;
    cursor: pointer; }
  .gallery-box .close:after,
  .gallery-box .close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #e74c3c; }
  .gallery-box .close:after {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .gallery-box .close:before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .gallery-box .title {
    font-size: 20px;
    color: #000;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0; }

/*# sourceMappingURL=custom.css.map */