body,
html {
    margin: 0;
    scroll-behavior: smooth;
}

body {
    padding-top: 48px height: 100%;
    overflow-x: hidden;
    font-family: 'Titillium', sans-serif;
    color: #505962;
    line-height: 1.7em;
    font-size: 0.9em;
    font-weight: 300;
}

.pop-up {
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    position: fixed;
    z-index: 9999;
    display: flex;
    color: #fff;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.hidden-popup {
    display: none;
}

form {
    text-align: center;
}

.pop-up-inner {
    background-color: #fff;
    padding: 0px 60px 60px 60px;
    border-radius: 12px;
    position: relative;
}

.pop-up-inner input {}

.close-btn {
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.close-btn i {
    color: #ed2939;
    font-size: 24px;
    transition: all 0.2s ease-in-out;
}

.close-btn i:hover {
    color: #282533;
}

.pop-btn {
    background-color: #ed2939;
    border: none;
    margin-top: 30px;
}

.pop-btn:hover {
    background-color: #282533;
}

.pop-header {
    padding: 10px 30px;
    text-align: center;
    background-color: #ed2939;
    color: #fff;
    margin: 0px;
    display: block;
    margin-bottom: 60px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pop-header h6 {
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-weight: 300;
    color: #282533;
}

h2 {
    font-size: 42px;
    margin-bottom: 30px;
    line-height: 1;
}

h3 {
    font-size: 36px;
    margin-bottom: 30px;
}

.txt-bold {
    font-weight: 700;
    color: #ed2939;
    line-height: 1.2;
}

.txt-thin {
    font-weight: 300;
}

.txt-normal {
    font-size: 20px;
    margin-top: 30px;
    color: #383b40;
}

.about-read-btn {
    font-size: 14px;
    padding: 7px 23px;
    background-color: #282533;
    margin-top: 30px;
    display: inline-block;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
}

.about-read-btn:hover {
    background-color: #ed2939;
    transform: scale(1.1);
}

.under-line {
    padding-bottom: 5px;
    color: #ed2939;
}

.border-style-top {
    position: relative;
    padding-top: 30px;
}

.border-style-top:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    border-top: 3px dotted #ed2939;
    width: 20%;
}

.border-style-top-center {
    position: relative;
    padding-top: 30px;
}

.border-style-top-center:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top: 3px dotted #ed2939;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}

/* navbar toggle button anim*/
.icon-bar {
    width: 22px;
    height: 2px;
    background-color: #ed2939;
    display: block;
    transition: all 0.2s;
    margin-top: 4px
}

.button:active,
button:active,
.button:focus,
button:focus,
.button:hover,
button:hover {
    border: none !important;
    outline: none !important;
}

.navbar-toggler {
    padding: 0px;
    border: none;
    background: transparent !important;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

.logo-cap {
    color: #fff;
    margin-top: 10px;
    text-align: center;
    position: relative;
}

/*---phone animation ---*/
.whatsapp-call {
    position: fixed;
    bottom: 60px;
    right: 0;
    margin-right: 55px;
    z-index: 999999;
}

.whatsapp-call a {}

/* navbar */
.navbar-dark .navbar-toggler {
    margin-left: 58px;
}

.logo-cap:before {
    content: 'PRODUCTS';
    width: 100px;
    height: 27px;
    background-color: #ed2939;
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    font-weight: 500;
    display: none;
}

.logo-cap:hover {
    color: #fff;
}

.logo-cap:hover:before {
    color: #fff;
}

.logo-cap-product {
    background-color: #ed2939;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    padding: 5px 15px;
    margin-top: 5px;
}

.logo-cap-product:hover {
    color: #f5f5f5;
    padding: 5px 20px;
}

.navbar-brand {
    margin-right: 0px;
}

.navbar {
    padding-bottom: 10px;
    padding-top: 5px;
}

.bg-dark {
    background-color: #383b40 !important;
}

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

.navbar-nav .nav-item .nav-link {
    position: relative;
    margin-right: 10px;
    letter-spacing: 1px;
}

.navbar-nav .nav-item .nav-link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    right: 12px;
    position: absolute;
    background: #ed2939;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.navbar-nav .nav-item .nav-link:hover:after {
    width: 10%;
    right: 12;
}

/* hero section */
header {
    margin-top: 0px;
}

.hero {
    background: url(../img/hero-bg.png) no-repeat;
    background-size: cover;
    background-color: #f8f8f8;
    padding-top: 90px;
    padding-bottom: 30px;
    height: 100vh;
    background-attachment: fixed;
}

.txt-content h5 {
    padding: 0px 120px;
    margin-left: 0px;
    color: #fff !important;
    padding-top: 60px;
    font-weight: 300;
    font-size: 22px;
}

.txt-content h1 {
    padding: 120px 120px 120px 0px;
    margin-left: 0px;
    font-size: 42px;
    color: #fff !important;
    font-weight: 300;
}

.carousel-indicators>li {
    margin-right: 8px !important;
    width: 20px;
    height: 2px;
    background-color: #383b40 !important;
    transition: all 0.3s ease;
}

.carousel-indicators .active {
    width: 35px;
    height: 2px;
    background-color: #ed2939 !important;
}

.carousel-indicators {
    justify-content: flex-start;
    margin: 0;
    margin-bottom: 50px !important;
}

.hero-carousel {
    margin-bottom: 90px !important;
}

.berry-badge {
    display: flex;
    justify-content: flex-end;
    /* align-self: center;    <---- REMOVE */
    align-items: center;
}

/* why ppt section */
.why-ppt {
    background-color: #f9f9f9;
}

.why-ppt-inner {
    padding-top: 90px;
    padding-bottom: 90px;
}

.why-ppt-txt h2{
 line-height: 1.3;
}

/* why choose section */
.why-list :after {
    background: none repeat scroll 0 0 transparent;
    top: 0;
    content: "";
    display: block;
    height: 2px;
    right: 32px;
    position: absolute;
    background: #ed2939;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.why-list :hover:after {
    width: 50%;
    right: 32;
}

.why-choose {
    background-color: #fff;
}

.why-choose-inner {
    padding-bottom: 90px;
}

.why-choose-inner h3 {
    margin-top: 90px;
    margin-bottom: 60px;
}

.why-list {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    background: #f8f8f8;
    transition: 0.3s all ease-in-out;
    color: #9c9c9c;
    margin-bottom: 30px;
}

.why-list:hover {
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.22);
    color: #282533;
    transform: scale(1.1, 1.1);
}

.why-list:hover .w-c-img-1 p,
.why-list:hover .w-c-img-2 p,
.why-list:hover .w-c-img-3 p,
.why-list:hover .w-c-img-4 p,
.why-list:hover .w-c-img-5 p,
.why-list:hover .w-c-img-6 p {
    background-color: rgba(56, 59, 64, 0.9);
    color: #fff;
    height: 100%;
    opacity: 1
  }

.why-list p {
    padding: 20px 20px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.s-m-s {
    background-color: #f9f9f9;
}

.why-list-btn a {
    margin: 50px 10px 70px 10px;
}

.why-list-btn .call-us {
    background-color: #21896c;
}

.why-list-btn .call-us:hover {
    background-color: #29ab87;
}

.w-c-img-1 {
    background: url(../img/wcimg1.png) no-repeat center;
    width: 100%;
    height: 250px;
    background-size: cover;
}

.w-c-img-1 p,
.w-c-img-2 p,
.w-c-img-3 p,
.w-c-img-4 p,
.w-c-img-5 p,
.w-c-img-6 p {
    transition: all 0.5s ease-in-out;
    background-color: rgba(237, 41, 57, 1);
    color: #fff;
    height: 100%;
    opacity: 0;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
}

.w-c-img-1:hover p,
.w-c-img-2:hover p,
.w-c-img-3:hover p,
.w-c-img-4:hover p,
.w-c-img-5:hover p,
.w-c-img-6:hover p {
    background-color: rgba(56, 59, 64, 0.9);
    color: #fff;
    height: 100%;
    opacity: 1;
}

.w-c-img-2 {
    background: url(../img/wcimg2.png) no-repeat center;
    width: 100%;
    height: 250px;
    background-size: cover;
}

.w-c-img-3 {
    background: url(../img/wcimg3.png) no-repeat center;
    width: 100%;
    height: 250px;
    background-size: cover;
}

.w-c-img-4 {
    background: url(../img/wcimg4.png) no-repeat center;
    width: 100%;
    height: 250px;
    background-size: cover;
}

.w-c-img-5 {
    background: url(../img/wcimg5.png) no-repeat center;
    width: 100%;
    height: 250px;
    background-size: cover;
}

.w-c-img-6 {
    background: url(../img/wcimg6.png) no-repeat center;
    max-width: 100%;
    height: 250px;
    background-size: cover;
}

.why-choose-mobile-inner {
    padding-top: 90px;
    padding-bottom: 90px;
}

.accordion-container {
    position: relative;
    max-width: 500px;
    height: auto;
    margin: 10px auto;
}

.accordion-container>h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}

.set>a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.set>a i {
    float: right;
    margin-top: 2px;
}

.set>a.active {
    background-color: #ed2939;
    color: #fff;
}

.content {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: none;
}

.content p {
    padding: 10px 15px;
    margin: 0;
    color: #333;
}


/* --low cost process --*/
.low-cost-process {
    background-color: #fff;
}

.low-cost-process-inner {
    padding-top: 90px;
    padding-bottom: 60px;
}

.low-cost-process img {
    margin-top: 30px;
    padding: 30px;
}

.low-cost-process h4 {
    margin-bottom: 20px;
}

.low-cost-process ul li {
    list-style: none;
}




/* --blockquote --*/
.berry-quote {
    background-color: #ed2939;
    color: #fff;
    padding: 20px;
    font-size: 24px;
    line-height: 1.5;
}

/*-- Looking for ----------------------*/

.looking-for {
    background-color: #f9f9f9;
}

.looking-for-inner {
    padding-top: 90px;
    padding-bottom: 60px;
}

.looking-for h3 {
    margin-bottom: 60px;
    display: inline-block;
}

.sofas {
    margin-bottom: 30px;
}

.sofas a {
    background-color: #383b40;
    display: block;
    padding: 15px 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
    transition: 0.2s all ease-in-out;
}

.sofas a:hover {
    background-color: #ed2939;
}

/*-- testimonial ----------------------*/
.testimonial-inner {
    padding-top: 90px;
    background-color: #f9f9f9;
    padding-bottom: 60px;
}

.testimonial-inner h3 {
    padding-bottom: 60px;
    padding-top: 30px;
}

.testi-content {
    text-align: center;
}

.testi-content p {
    padding-left: 30px;
    padding-right: 30px;
}

.c-r-inner {
    border: 1px solid #000;
    margin-bottom: 30px;
    margin-top: -120px;
    padding-bottom: 30px;
    padding-top: 120px;
}

.review-btn {
    margin-top: -12px;
    background-color: #ffa534;
    color: #000;
    padding: 3px 12px;
    display: block;
    border-radius: 10px;
    z-index: 9;
    position: relative;
    width: 40%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

.review-btn i {
    font-size: 12px;
}

.testi-social i {
    font-size: 24px;
    margin-right: 3px;
    margin-left: 3px;
    color: #282533;
}

/*-- Gallery Section--------------*/
.main-gallery-inner .row {
    margin: 15px;
}

.photo-gallery h3 {
    margin-bottom: 90px;
}

.main-gallery {
    padding-top: 90px;
    padding-bottom: 60px;
    background: #fff;
}

.main-gallery a {
    padding-bottom: 30px;
    transition: all 0.2s ease-in;
}

.main-gallery a:hover {
    transform: scale(1.1);
}


/*--Fun fact Section --*/
.fun-facts {
    background-color: #fff;
}

.fun-fact-inner {
    text-align: center;
    padding-top: 80px;
}

.fun-fact-list li {
    list-style: none;
    margin-bottom: 10px;
}

.fun-fact-list {
    padding-bottom: 60px;
}

.fun-facts h1,
.fun-facts h6 {
    color: #000;
}

.fun-facts h1 {
    font-size: 46px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.fun-facts h6 {
    font-weight: 400;
    letter-spacing: 1px;
}

/*-- Main Footer ----------------------*/
.main-footer {
    background-color: #1f2023;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}

.main-footer h2,
.main-footer h3 {
    color: #fff;
}

.main-footer h3 {
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 60px;
}

.main-footer p {
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.main-footer h5 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    border-bottom: 3px solid #6e0811;
    padding: 10px 20px;
    letter-spacing: 1px;
}

.main-footer i {
    font-size: 1.6em;
    padding-right: 15px;
    margin-top: 10px;
    transition: all 0.2s ease;
    color: #fff;
}

.f-address:nth-child(1) {
    margin-top: 30px;
    font-weight: 200;
}

.f-footer {
    margin-top: 30px;
    border-top: 1px solid gray;
    font-size: 14px;
    letter-spacing: 1px;
    color: gray;
    padding-bottom: 30px;
}

.main-footer .f-c-p {
    margin-bottom: 30px;
}

.main-footer a:last-child i {
    padding-right: 0px;
}

.footer-nav li {
    display: inline-block;
    margin-right: 20px;
}

.footer-nav li a {
    color: #fff;
}

.fa-facebook:hover {
    color: #3b5998;
}

.fa-instagram:hover {
    color: purple;
}

.fa-youtube:hover {
    color: #c4302b;
}

.fa-whatsapp:hover {
    color: #25d366;
}

.location-btn{
  color: #282533;
  background-color: #fff;
  padding: 7px 20px;
  font-weight: 300;
  letter-spacing: 1px;
  transition: all 0.2s ease-in;
  margin-bottom: 40px;
  display: inline-block;
}

.location-btn:hover{
  color: #fff;
  padding: 7px 30px;
  background-color: #ed2939;
}


/* about us page -------------------------------------------------------------- */
.about-hero {
    background: url(../img/about-us-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.about-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.about-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.about-us-content {
    background-color: #fff;
}

.about-us-content-inner {
    padding: 70px 0px 0px 0px;
}

.about-us-content h2 {
    color: #282533;
    padding: 20px;
    margin-bottom: 60px;
}

.about-para {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 60px;
}

.about-para img {
    padding-bottom: 30px;
}

.about-second-para {
    background-color: #ed2939;
    color: #fff;
    padding: 50px;
}

.special-para {
    font-size: 20px;
    line-height: 1.5;
}

/* products page -------------------------------------------------------------- */
.featured-product {
    background-color: #f9f9f9;
}

.featured-product-inner {
    padding: 80px 0px 80px 0px;
}

.featured-product h3 {
    padding-bottom: 30px;
}

/*---our products---*/

.our-products {
    background-color: #f9f9f9;
}

.our-products-inner {
    padding-top: 90px;
    padding-bottom: 90px;
}


/* residential page -------------------------------------------------------------- */
.residential-hero {
    background: url(../img/residential-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.residential-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.residential-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.residential-content-inner {
    padding: 90px 0px 90px 0px;
    background-color: #f9f9f9;
}

.residential-content p {
    padding: 0px 0px 20px 0px;
    color: #797979;
    letter-spacing: 1px;
}

/*-- Residential Gallery Section--------------*/
.residential-gallery-inner .row {
    margin: 15px;
}

.residential-photo-gallery h3 {
    margin-bottom: 90px;
}

.residential-gallery {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}

.residential-gallery a {
    padding-bottom: 30px;
}

/* commercial page -------------------------------------------------------------- */
.commercial-hero {
    background: url(../img/commercial-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.commercial-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.commercial-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.commercial-content-inner {
    padding: 90px 0px;
    background-color: #f9f9f9;
}

.commercial-content p {
    padding: 0px 0px;
    color: #797979;
    letter-spacing: 1px;
}

/*-- Commercial Gallery Section--------------*/
.commercial-gallery-inner .row {
    margin: 15px;
}

.commercial-photo-gallery h3 {
    margin-bottom: 90px;
}

.commercial-gallery {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}

.commercial-gallery a {
    padding-bottom: 30px;
}

/* corner page -------------------------------------------------------------- */
.corner-hero {
    background: url(../img/corner-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.corner-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.corner-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.corner-content-inner {
    padding: 90px 0px;
    background-color: #f9f9f9;
}

.corner-content p {
    padding: 0px 0px;
    color: #797979;
    letter-spacing: 1px;
}

/*-- Corner Gallery Section--------------*/
.corner-gallery-inner .row {
    margin: 15px;
}

.corner-photo-gallery h3 {
    margin-bottom: 90px;
}

.corner-gallery {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}

.corner-gallery a {
    padding-bottom: 30px;
}

/* arm page -------------------------------------------------------------- */
.arm-hero {
    background: url(../img/arm-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.arm-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.arm-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.arm-content-inner {
    padding: 90px 0px;
    background-color: #f9f9f9;
}

.arm-content p {
    padding: 0px 0px;
    color: #797979;
    letter-spacing: 1px;
}

/*-- Arm Gallery Section--------------*/
.arm-gallery-inner .row {
    margin: 15px;
}

.arm-photo-gallery h3 {
    margin-bottom: 90px;
}

.arm-gallery {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #fff;
}

.arm-gallery a {
    padding-bottom: 30px;
}

/* contact page -------------------------------------------------------------- */
.contact-hero {
    background: url(../img/contact-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.contact-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.contact-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.contact-content-inner {
    padding: 90px 60px;
}

.contact-content-inner h6 {
    margin-bottom: 30px;
}

.contact-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.address-info {
    background-color: #f9f9f9;
    color: #383b40;
    padding: 60px 60px 30px 60px;
    margin-bottom: 30px;
}

.address-info h2 {
    color: #383b40;
}

.address-info h3 {
    font-weight: 400;
    color: #383b40;
    margin-bottom: 20px;
    border-bottom: 2px solid #ed2939;
    padding-bottom: 20px;
}

.address-info h4 {
    
}

.address-info a {
    color: #383b40;
}

.address-info p {
    font-size: 18px;
}

/* form decor */
.contact-form {
    background-color: #f9f9f9;
}

.contact-form-inner {
    padding: 90px 0px 0px 0px;
}

.form-decoration input,
.form-decoration textarea {
    border: none;
    border-bottom: 2px solid #282533;
    border-radius: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: rgba(0, 0, 0, 0);
}

.form-decoration input:focus,
.form-decoration textarea:focus {
    box-shadow: none;
    border-color: #ed2939;
    background-color: rgba(0, 0, 0, 0);
}

.form-decoration small {
    margin-top: -30px;
}

.form-decoration button {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    margin-top: 20px;
    transition: all .2s ease-in-out;
    background: #ed2939;
    border: none;
    color: #fff;
    margin-bottom: 90px;
}

.form-decoration button:hover {
    background: #282533;
}

.form-decoration {
    margin-top: 60px;
    padding-right: 50px;
}

.contact-us iframe {
    width: 100%;
    height: calc(100% - 90px);
}

.contact-call-us-btn {
    margin-bottom: 30px;
}

.emaili,
.mobi {
    margin-bottom: 0px !important;
}

.store-location {
    margin-bottom: 60px;
}

/* blo gpost ============================================================================= */
.blog-hero {
    background: url(../img/blog-bg.png) no-repeat center;
    background-color: #282533;
    background-size: cover;
    width: 100%;
    height: auto;
}

.blog-hero-inner {
    padding: 120px 0px 80px 0px;
    color: #fff;
}

.blog-hero h2 {
    color: #fff;
    padding: 40px 40px 0px 40px;
    margin-bottom: 0px;
}

.blog-page-inner,
.single-blog-page-inner {
    padding-top: 30px;
    padding-bottom: 50px;
}

.berry-blog-content {
    padding-right: 30px;
}

.berry-blog-img,
.berry-blog-content {
    margin-bottom: 40px;
}

.fa-user-tie {
    margin-right: 3px;
    color: #ed2939;
}

.fa-clock {
    margin-right: 3px;
}

.fa-eye {
    margin-left: 20px;
}

.fa-clock {
    margin-left: 20px;
}

.fa-comments {
    margin-left: 20px;
    margin-right: 3px;
}

.berry-blog-title {
    margin-bottom: 20px;
}

.post-thumb-resp img {
    width: 100%;
    max-width: 650px;
    height: auto;
    margin-bottom: 30px;
}

.page-numbers {
    background-color: #d3d3d3;
    color: #000;
    padding: 5px 12px;
    border-radius: 5px;
    margin-right: 3px;
}

.current {
    background-color: #282533;
    color: #fff;
}

.next,
.prev {
    background-color: #ed2939;
    color: #fff;
}

.page-numbers:hover {
    color: #ed2939;
}

.next:hover,
.prev:hover {
    color: #fff;
}

.breadcrums {
    padding: 20px 0px;
}

.fa-home {
    color: #ed2939;
}

.fa-home:before {
    padding-right: 5px;
}

#breadcrumbs a {
    color: #000;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'Titillium', sans-serif;
    font-weight: 400;
}

.breadcrumb_last {
    margin-left: 15px;
    font-family: 'Titillium', sans-serif;
    font-weight: 400;
}

/* Single post blog ============================================================================= */
#breadcrumbs {
    line-height: 2;
}

.single-berry-blog-img {
    margin-bottom: 40px;
    max-width: 750px;
}

.single-berry-blog-content {
    margin-bottom: 70px;
    max-width: 750px;
}

.single-post-thumb-resp img {
    width: 100%;
    max-width: 750px;
    height: auto;
    margin-bottom: 10px;
}

.single-post-kechup {
    margin-bottom: 20px;
}

/* comment form ============================================================================= */
#respond {
    background-color: #f9f9f9;
    padding: 0 10px 0 10px;
    border-radius: 10px;
}

#respond input[type=text],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 10px;
    margin: 0px 1px 3px 0px;
    border: 1px solid #f9f9f9;
    border-radius: 10px;
    width: 100% !important;
}


#respond input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    margin: 5px 1px 3px 0px;
    border: 2px solid rgba(81, 203, 238, 1);
}

#submit:active {
    position: relative;
    top: 1px;
}

#submit {
    font-size: 14px;
    padding: 12px 23px;
    background-color: #282533;
    margin-top: 30px;
    display: inline-block;
    border-radius: 8px;
    color: #fff !important;
    letter-spacing: 1px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    text-shadow: none;
}

#submit:hover {
    background-color: #ed2939;
    border-radius: 0;
    transform: scale(1.1);
}

/* sidebar ============================================================================= */
#sidebar {
    background-color: #f9f9f9;
    flex: 1;
    padding: 40px 40px;
    border-radius: 0px;
    margin-bottom: 30px;
}

#sidebar a {
    color: #808080;
    transition: all 0.2s ease-in-out;
}

#sidebar a:hover {
    color: red;
}

#sidebar li {
    margin: 8px 0px;
    list-style: none;
}

#sidebar li li {
    margin-left: 16px;
}

#sidebar input {
    width: 100%;
    height: 42px;
    border-radius: 10px;
}

#sidebar form {
    position: relative;
}

#sidebar #search-btn {
    background: url(../img/search.png) no-repeat;
    background-position: center;
    position: absolute;
    width: 48px;
    height: 100%;
    right: 0;
    top: 0;
    border-style: none;
}

#categories-3 h5,
#recent-posts-3 h5,
#archives-3 h5 {
    margin-top: 30px;
}

#categories-3 ul li,
#archives-3 ul li {
    border-bottom: 1px solid gray;
}

#recent-posts-3 ul li {
    border-bottom: 1px solid gray;
    padding-bottom: 6px;
}

#recent-posts-3 ul li:last-child {
    border-bottom: none;
}

.cat-item {}

/* comment ============================================================================= */
.comment-form {
    text-align: left;
    padding: 30px;
}

.comment-box h2 {
    margin-top: 30px;
}

.comment-box h3 {
    padding: 30px 0px 0px 30px;
    font-size: 24px;
}

.comment-notes {
    font-style: italic;
}

.comment-respond label {
    display: block;
    margin-right: 12px;
    margin-bottom: 0px;
}

label[for=author],
label[for=email],
label[for=comment] {
    display: none;
}

/* comment reply ============================================================================= */
.all-comments li {
    list-style: none;
}

.comment-body {
    background-color: #f9f9f9;
    margin: 20px 0px;
    padding: 15px;
    border-radius: 10px;
}

.children {
    margin-left: 85px;
}

.avatar {
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

.fn {
    font-size: 16px;
    font-weight: 700;
    margin-left: 15px;
}

.url {
    color: red;
}

.says {
    font-size: 16px;
    margin-left: 5px;
}

.comment-meta {
    margin-left: 85px;
    margin-top: -20px;
}

.comment-meta a {
    color: #c2a73e;
}

a.comment-reply-link {
    color: #FFFFFF;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    text-decoration: none;
    background-color: #282533;
    padding: 5px 12px;
    border-radius: 5px;
}

a.comment-edit-link {
    color: #000;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    text-decoration: none;
    background-color: #dfc98c;
    padding: 5px 12px;
    border-radius: 5px;
}

/*=====================================*/
.testi-mob {
    display: none;
}

/*================animation=====================*/
@keyframes jump {
    0% {
        left: 0;
    }

    50% {
        left: 10px;
    }

    100% {
        left: 0;
    }
}

.sofas i {
    content: '\f0a8';
    font-family: 'FontAwesome';
    font-size: 16px;
    transition: .2s ease-in-out;
    animation: jump 2s infinite;
    margin-left: 20px;
    position: relative;
}

.sofas a:hover i {
    opacity: 0.7;
    transition: .2s ease-in;
    margin-left: 40px;
}

/*-----carousel fade in effect ------*/
.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.2s;
    left: 0;
    top: 0;
    position: absolute;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

.carousel.carousel-fade .carousel-item:nth-child(1) {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.2s;
}

.carousel.carousel-fade .carousel-item:nth-child(2) {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.2s;
}

.carousel.carousel-fade .carousel-item:nth-child(3) {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.2s;
}

.carousel.carousel-fade .carousel-item:nth-child(4) {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.2s;
}

.carousel-item .img-fluid {
    margin: 0 auto;
}

.carousel img {
    filter: alpha(opacity=50);
}