h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "El Messiri", sans-serif; }

h1 {
  font-size: 58px;
  color: #000; }

h2,
h3 {
  font-size: 42px;
  color: #000; }

p {
  font-family: "Muli", sans-serif;
  font-size: 17px;
  color: #555555; }

a.more-btn {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 8px 20px;
  text-decoration: none;
  color: #000;
  margin-top: 30px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  a.more-btn:hover {
    background-color: #f39e32;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
a.more-btn-white {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 8px 20px;
  text-decoration: none;
  color: #ececec;
  margin-top: 30px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  a.more-btn-white:hover {
    background-color: #f39e32;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.responsive-more {
  display: none !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.navbar {
  padding: 24px 70px;
  position: relative; }

nav ul.navbar-nav li {
  padding: 0px 20px;
  font-family: "Muli", sans-serif; }
  nav ul.navbar-nav li.active.nav-item a {
    position: relative; }
    nav ul.navbar-nav li.active.nav-item a::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      background-color: #ec9018;
      left: 0;
      bottom: 0;
      opacity: 1;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  nav ul.navbar-nav li:hover.nav-item a {
    position: relative; }
    nav ul.navbar-nav li:hover.nav-item a::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      background-color: #ec9018;
      left: 0;
      bottom: 0;
      opacity: 1;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  nav ul.navbar-nav li.nav-item a {
    color: #000 !important;
    position: relative; }
    nav ul.navbar-nav li.nav-item a::after {
      position: absolute;
      content: "";
      width: 100%;
      left: 0;
      bottom: -20px;
      opacity: 0;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }

.logo-top {
  position: absolute;
  top: 0;
  -webkit-box-shadow: 6px 7px 21px -10px rgba(0, 0, 0, 0.73);
  -moz-box-shadow: 6px 7px 21px -10px rgba(0, 0, 0, 0.73);
  box-shadow: 6px 7px 21px -10px rgba(0, 0, 0, 0.73); }

.bg-light {
  background-color: #f8f9fae0 !important; }

.tp-caption {
  font-family: "El Messiri", sans-serif; }

.no-pading {
  padding: 0px 0px; }

.pd-b-0 {
  padding-bottom: 0px !important; }

section {
  padding: 80px 0px; }
  section.intro-home {
    text-align: center; }
    section.intro-home h1 {
      padding-top: 50px;
      margin: 0; }
    section.intro-home p {
      padding: 0px 45px; }
  section.about-sofa-home {
    padding: 170px 0px 20px; }
    section.about-sofa-home .content-area {
      padding-left: 160px;
      padding-right: 15px; }
      section.about-sofa-home .content-area h2 {
        position: relative; }
        section.about-sofa-home .content-area h2::before {
          content: url("../img/decor-box.png");
          position: absolute;
          left: -60px;
          top: -60px;
          z-index: -1; }
    section.about-sofa-home .right-sofa-area {
      text-align: right; }
      section.about-sofa-home .right-sofa-area img.top-sofa {
        position: absolute;
        right: 0;
        top: -190px;
        z-index: 2; }
      section.about-sofa-home .right-sofa-area .with-image {
        text-align: left;
        font-size: 86px;
        padding: 20px;
        background-color: #f7e8bd;
        position: absolute;
        font-weight: bold;
        color: #f3e1b1;
        right: 135px;
        top: -156px;
        z-index: 1;
        font-family: "El Messiri", sans-serif; }
  section.third-sec-about {
    padding: 80px 30px;
    background-image: url(../img/furnitur-about.png);
    background-position: right;
    background-repeat: no-repeat;
    min-height: 661px;
    position: relative; }
    section.third-sec-about .third-sec-container .box-position {
      position: absolute;
      left: 2%;
      transform: translate(0, -50%);
      top: 50%; }
      section.third-sec-about .third-sec-container .box-position .overlap-content {
        background-color: white;
        right: 0;
        padding: 150px 80px;
        -webkit-box-shadow: 0px 3px 22px -7px rgba(0, 0, 0, 0.22);
        -moz-box-shadow: 0px 3px 22px -7px rgba(0, 0, 0, 0.22);
        box-shadow: 0px 3px 22px -7px rgba(0, 0, 0, 0.22); }
        section.third-sec-about .third-sec-container .box-position .overlap-content h2 {
          position: relative; }
          section.third-sec-about .third-sec-container .box-position .overlap-content h2::before {
            content: url(../img/decor-box.png);
            position: absolute;
            left: -60px;
            top: -112px;
            z-index: 4; }
        section.third-sec-about .third-sec-container .box-position .overlap-content::after {
          position: absolute;
          bottom: -60px;
          left: 90px;
          content: url(../img/patter.png); }
  section.collection-area {
    padding: 80px 30px; }
    section.collection-area .collection-content {
      background-color: #e4d6bf;
      height: 100%;
      text-align: center; }
      section.collection-area .collection-content .inner-box-collection {
        padding: 25px 100px; }
    section.collection-area .collection-sofa .collection-list {
      padding-bottom: 30px; }
      section.collection-area .collection-sofa .collection-list img {
        width: 100%; }
  section.realax-area {
    padding: 45px 0px; }
    section.realax-area .relax-content {
      text-align: right;
      padding-right: 160px; }
      section.realax-area .relax-content h2 {
        position: relative; }
        section.realax-area .relax-content h2::before {
          content: url("../img/cut-box.png");
          position: absolute;
          right: -60px;
          top: -60px;
          z-index: -1; }
  section.innovation-area .innovative-designs {
    text-align: center; }
    section.innovation-area .innovative-designs h3 {
      padding-top: 50px; }
    section.innovation-area .innovative-designs p {
      padding: 0px 75px; }
  section.chair-left-area .chair-area {
    text-align: center;
    position: relative; }
    section.chair-left-area .chair-area::before {
      content: url("../img/decor-box.png");
      position: absolute;
      left: -60px;
      top: -60px;
      z-index: -1; }
  section.chair-left-area .sofa-bg-img {
    min-height: 790px;
    background-image: url(../img/sofa-bg-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    section.chair-left-area .sofa-bg-img .onimage {
      text-align: center;
      padding-top: 145px; }
      section.chair-left-area .sofa-bg-img .onimage h4 {
        font-size: 35px;
        margin: 0; }
      section.chair-left-area .sofa-bg-img .onimage p {
        font-style: italic; }
  section.chair-green {
    padding: 50px 0px;
    background-image: url(../img/green-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    section.chair-green .green-left h4 {
      color: #fff;
      font-size: 40px; }
    section.chair-green .green-left p {
      color: #89aeb4; }
    section.chair-green .chair-sofa {
      text-align: right; }
  section.news-letter {
    text-align: center;
    background-color: #f4f4f4; }
    section.news-letter h6 {
      font-size: 37px; }
    section.news-letter input.news-letters-field {
      padding: 10px 20px;
      border-radius: 5px;
      border: 1px solid #adadad;
      background-color: transparent;
      width: 40%; }
      section.news-letter input.news-letters-field:focus {
        outline: none; }

footer {
  padding: 80px 0px; }
  footer.footer-area {
    background-color: #000; }
    footer.footer-area .footer-logo ul li {
      float: left;
      padding-left: 10px;
      color: #ffcf40;
      font-size: 26px; }
    footer.footer-area .footer-menu ul li {
      padding-bottom: 6px;
      color: #9a9a9a; }
    footer.footer-area .footer-address ul li {
      padding-bottom: 6px;
      color: #9a9a9a; }
      footer.footer-area .footer-address ul li.phone {
        background: url(../img/phone-call.png) top left no-repeat;
        padding-left: 45px; }
      footer.footer-area .footer-address ul li.email {
        background: url(../img/email.png) top left no-repeat;
        padding-left: 45px; }
      footer.footer-area .footer-address ul li.location {
        background: url(../img/placeholder.png) top left no-repeat;
        padding-left: 45px; }

* {
  margin: 0;
  padding: 0; }

/* Icon 1 */
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
  width: 50px;
  height: 27px;
  position: relative;
  /*  margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer; }

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon1 span:nth-child(1) {
  top: 0px; }

#nav-icon1 span:nth-child(2) {
  top: 18px; }

#nav-icon1 span:nth-child(3) {
  top: 36px; }

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px; }

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Icon 2 */
#nav-icon2 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: #ea9426;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0; }

#nav-icon2 span:nth-child(odd) {
  left: 0px;
  border-radius: 9px 0 0 9px; }

#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
  top: 0px; }

#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
  top: 12px; }

#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
  top: 22px; }

#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 14px; }

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 14px; }

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0; }

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0; }

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px; }

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px; }

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px; }

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 18px; }

#nav-icon3 span:nth-child(4) {
  top: 36px; }

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

/* Icon 4 */
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px; }

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0; }

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px; }

.navbar-light .navbar-toggler {
  border: none; }

/* image hover */
.grid {
  position: relative;
  margin: 0 auto;
  /*padding: 1em 0 4em;*/
  max-width: 1000px;
  list-style: none;
  text-align: center; }

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 10px 1%;*/
  /*min-width: 320px;*/
  max-width: 100%;
  max-height: 360px;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: pointer; }

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8; }

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300; }

.grid figure h2 span {
  font-weight: 800; }

.grid figure h2,
.grid figure p {
  margin: 0; }

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%; }

/* Individual effects */
/*---------------*/
/***** Lily *****/
/*---------------*/
figure.effect-lily img {
  max-width: none;
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.7;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0); }

figure.effect-lily figcaption {
  text-align: left; }

figure.effect-lily figcaption > div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  height: 50%; }

figure.effect-lily h2,
figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0); }

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s; }

figure.effect-lily p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s; }

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 1; }

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s; }

.item {
  width: 200px;
  height: 200px;
  margin: 50px auto;
  padding-top: 75px;
  background: #ccc;
  text-align: center;
  color: #FFF;
  font-size: 3em; }

/*# sourceMappingURL=decora-style.css.map */