/*==================== Body Style Start ==================== */
body{font-family: 'Roboto', sans-serif; font-size:14px; line-height:24px; color:#333;}
/*==================== Body Style End ==================== */


/*==================== General Style Start ==================== */
a:hover,a:focus{text-decoration:none; outline:none;}
.heading{font-size:30px; line-height:48px; color:#4b2f21; text-transform:capitalize; margin-bottom:20px; position:relative; padding-right:90px; overflow:hidden;}
.heading span{background:#fff;position: relative; z-index: 1; padding-right:10px; display:inline-block; text-transform:uppercase;}
.heading span:after{ content:""; height:3px; background:#eeeeee; position:absolute; left: 100%; top:50%; margin-top:-3px;width: 3000px;}

#content{padding-bottom:50px;}
/*==================== General Style End ==================== */


/*==================== Header Style Start ==================== */
.top-bar{background: #74a756;font-size:13px;padding: 8px 0;}
.header-top-left{color:#fff;
                 font-size: 14px;
}
.header-top-left a{color:#fff; margin-right:13px;}
.header-top-right { text-align:right; margin-bottom:0; color: #fff; font-size: 14px;}
.header-top-right a{ color: #fff;}
.header-top-right li > a{color:#fff; transition: 0.5s ease-in-out;}
.header-top-right li > a i{ margin-right:8px;}
.header-top-right li > a:hover{ color:#fff;}
.header-top-right .badge{ background:#eb0505; height:18px; width:18px; padding:0; text-align:center; line-height:18px; font-size:10px;vertical-align: middle;}
.social-top{
    font-size: 15px;
}

/*==================== Header Style End ==================== */


/*==================== Navigation Style Start ==================== */
.navbar-brand{padding:0; height:auto; margin:0;}
.navbar{padding:22px 0 0 0;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin:0;}
.navbar-collapse{padding:0;}
.navbar{background:none; border-radius:0; margin:0; border:none; min-height:1px;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin:0;}
.navbar-default .navbar-nav{margin:0;}
.navbar-default .navbar-nav > li{position:relative; padding:14px 30px 27px;}
.navbar-default .navbar-nav > li > a{
    color:#fff; 
    font-weight:400; 
    font-size:14px;
    text-align:center;
    padding:0;
    text-transform: uppercase;

}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li:hover > a{ color:#fe3e19; background:none;}
#header.sticky-header .navbar,.inner-page .navbar{background:#fff; padding: 15px 0 10px 0;}
#header.sticky-header .navbar-default .navbar-nav > li > a,
.inner-page .navbar-default .navbar-nav > li > a{ color:#4b2f21; font-style:normal;}
#header.sticky-header .navbar-default .navbar-nav > .active > a, 
#header.sticky-header .navbar-default .navbar-nav > .active > a:hover, 
#header.sticky-header .navbar-default .navbar-nav > .active > a:focus,
#header.sticky-header .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.inner-page .navbar-default .navbar-nav > .active > a, 
.inner-page .navbar-default .navbar-nav > .active > a:hover, 
.inner-page .navbar-default .navbar-nav > .active > a:focus, 
.inner-page .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#e32321; background:none;}
.navbar-toggle{margin: 18px 0 0 0;border-radius:0; background:#080808; border-color:#4b2f21;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#4b2f21;border-color:#4b2f21;}
.navbar-nav > li > .dropdown-menu{ left:50%;left:auto; /*margin-top:13px;*/padding:30px 15px;min-width:400px;box-shadow: 0 5px 0 #e32321; border-radius:0; border:none; border-top:1px solid #e32321;} 
.dropdown-menu ul{list-style:none; padding:0 15px; margin:0;}
.dropdown-menu ul:last-child{border-left:1px solid #cccccc;}
.dropdown-menu ul li{ padding: 6px 0;}
.dropdown-menu ul li:first-child{padding-top:0;}
.dropdown-menu li a{ font-size:14px; line-height:24px; color:#290b03; padding:0;}
.dropdown-menu li a:hover,.dropdown-menu li.active a{ color:#fe3e19;background-color: #fff;}
.dropdown-menu .occasion-offer{position:relative;}
.dropdown-menu .occasion-offer > img{ width:100%; height:auto;}
.dropdown-menu .occasion-offer label{ font-family: 'Roboto', serif; font-weight:400;font-size:13px; line-height:20px; color:#fff; background:#9c0908; display:block; text-align:center; position:absolute; left:0; top:0; width:100%; padding: 5px 0;}
.dropdown-menu .occasion-offer .send-gift{font-family: 'Roboto', serif;font-weight:400;color:#fff; background:#2f700b; display:block; position:absolute; left:0; bottom:0; width:100%; text-align:center; font-size:11px; line-height:20px;}
.dropdown-menu .occasion-offer .send-gift:hover,
.dropdown-menu .occasion-offer .send-gift:focus{color:#fff; background:#2f700b;}
.navbar-nav > li.last > .dropdown-menu{right:0; left:auto;}
.navbar-nav .mobile-arrow{position:absolute; right:0; top:0; height:20px; width:20px; line-height:20px; border-radius:4px; background:#d82328; color:#fff; text-align:center; font-size:16px; font-weight:600; cursor:pointer;}
/*==================== Navigation Style End ==================== */

/*==================== Breadcrumb Style Start ==================== */
.breadcrumb-section{ border-bottom:1px solid #cccccc;}
.breadcrumb{border-radius:0; margin:0; background:#fff; padding:12px 0;}
.breadcrumb > li > a{color:#290b03;}
.breadcrumb > li.active{color:#e32321;}
.breadcrumb > li + li::before{content:"\f105";font-family:'FontAwesome'; color:#290b03;padding: 0 10px;}
/*==================== Breadcrumb Style End ==================== */

.navbar-default .navbar-nav > li.single .dropdown-menu {min-width: 200px; padding: 10px 0 4px 0; }
.navbar-default .navbar-nav > li.single .dropdown-menu ul {width:100%; border:none; }

/* Responsive Style Start 
-------------------------------------------------- */

@media (min-width: 768px) {
    /*==================== Header Style Start ==================== */
    #header{position:fixed; top:0; left:0; width:100%; z-index:100;} 
    /*==================== Header Style End ==================== */

    /*==================== Navigation Style Start ==================== */
    .navbar-nav{float:right;}
    .navbar-nav > li.has-child:after{ display:none; content:""; position:absolute; bottom:0; left:50%;width: 0;height: 0;border-style: solid;border-width: 0 13px 13px 13px;border-color: transparent transparent #e32321 transparent; margin-left:-13px;}
    .navbar-nav > li.has-child:hover:after{ display:block;}
    .dropdown-menu .occasion-offer{float:right;}
    /*.dropdown-menu ul{width:50%; float:left;}*/ 
    .navbar-nav .mobile-arrow{ display:none;}
    .navbar-nav > li > .dropdown-menu{ display:none !important;}
    .navbar-nav > li:hover > .dropdown-menu{ display:block !important;}
    .navbar-default .navbar-nav > li > a span{ display:block;}
    /*==================== Navigation Style End ==================== */
}

@media (max-width: 991px) {

    /*==================== Navigation Style Start ==================== */
    .navbar-brand{max-width: 75%;}
    .navbar-brand img{max-width:100%;}
    .navbar{padding-top:40px;}
    .navbar-default .navbar-nav > li{padding:0 18px 27px; }
    .navbar-default .navbar-nav > li > a{font-size:14px;}
    .navbar-nav > li > .dropdown-menu{min-width:400px; padding: 30px 5px;}
    .dropdown-menu li a{ font-size:14px; line-height:20px;}
    /*==================== Navigation Style End ==================== */
}
@media (max-width: 767px) {
    .heading{ font-size:20px; line-height:30px}
    /*==================== Typography End ==================== */
    .header-top-left{
        text-align: center;
    }
    /*==================== Header Style Start ==================== */
    .header-top-right {text-align:center;}
    /*==================== Header Style Start ==================== */ 


    /*==================== Navigation Style Start ==================== */
    .navbar-brand img{max-width:185px;}
    .navbar { padding: 15px 0 10px;}
    #header.sticky-header .navbar,.inner-page .navbar{ padding: 15px 0 10px;}
    .navbar-toggle{margin-top:10px;}
    .navbar-default .navbar-nav{background:#fff;}
    .navbar-default .navbar-nav > li > a{color: #4b2f21;}
    .navbar-nav > li > .dropdown-menu{position:static; transform:none; min-width:1px; float:none; border:1px solid #d82328; padding:10px 0px; margin:10px 0;}
    .dropdown-menu ul:last-child{border:none;}
    .navbar-nav > li.has-child::after{display:none;}
    .navbar-default .navbar-nav > li{ padding:8px 0;}
    .navbar-default .navbar-nav > li > a{ text-align:left;}
    .navbar-default .navbar-nav > li > a span{padding-left:5px;}
    /*==================== Navigation Style End ==================== */
}
@media (max-width: 639px) {
    /*==================== Typography Start ==================== */
    h1 {font-size: 30px;line-height: 40px;}
    h2 {font-size: 22px;line-height: 28px;}
    /*==================== Typography End ==================== */
}
@media (max-width: 479px) {
    .heading{ font-size:18px;}
    /*==================== Typography End ==================== */


    /*==================== Header Style Start ==================== */
    .header-top-right li > a i{margin-right:5px;}
    .top-bar{ font-size:11px;}
    .header-top-left a{margin-right:5px;}
    /*==================== Header Style End ==================== */
}
.contact-section{
    background-color:#f1f1f1;
    padding-top: 50px; 
    padding-bottom: 50px;
    color: #4b2f21;
}
.contact-section a{
    color: #4b2f21;
}
.contact-section i{
    color: #e32321;
}

/*==========================================================================*/


.title-heading{
    font-size: 26px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.home-about{

    /*background-color: #f7f7f7;*/
}
.home-about p{
    text-align: justify;
    padding: 10px 0 10px 0;

}
.home-about-bg{
    background: url(../../images/home-about-bg.jpg);
    height: 500px;
}
.abt-txt{
    padding: 60px;
}

.btn-change7{
    height: 45px;
    width: 120px;
    background: #d82328;
    /*margin: 20px;*/

    border:0px;
    color:#fff;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow:0px 0 0 #2b2623  inset;
    font-size: 16px;
}
.btn-change7:hover{

    box-shadow:120px 0 0 #2b2623 inset;
}

.home-service{
    padding: 40px 0 40px 0;
}
.home-service p{
    text-align: justify;
    padding: 1% 0 1% 0; 
}
#parallax{ 
    background-image: url("../../images/parallax.jpg");
    min-height: 500px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.carousel-control.right {
    background-image: none !important;
}
.carousel-control.left {
    background-image: none !important;
}

/*=======================================*/

#footer-section{
    background-color: #1d1d1d;
    color: #c3c3c3;
    padding: 50px 0 30px 0;
    text-align: justify;
}
#footer-section h3{
    color: #d72328 !important;
    letter-spacing: 1px !important;
    font-weight: 500;
}
.footer-nav li{
    margin-bottom: 10px;
}
.footer-nav li a{
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    display: inline-block;
    text-transform: uppercase;
}
.footer-nav li a:hover{
    text-decoration: none;
    color: #d72328;
}

.copyright-section{
    background-color:#000;
    padding: 15px 0 15px 0;
}
.copyright-text{
    color:#c3c3c3;
}
.copyright-text a{
    color:#d72328;
}
/*=====================*/
/*****************Start Back to Top********************************/

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 10px;
    display:none;
    float: left;
    z-index: 1;
    opacity: 0.80;
}

.back-to-top i {
    color: #d72328;
    font-size: 27px;
    text-align: center;
    width: 40px;
    height: 35px;
    line-height: 35px;
    border-radius: 15%;
    background-color: #000;

}
.back-to-top i:hover{
    color: #2b2523;
    background-color: #d72328;
}
/***************** End Back to Top********************************/
ul{
    padding-left: 0;
    list-style-type: none;
}
a:hover{
    text-decoration: none !important;
}
/*===================*/

#testimonial-section{
    padding:90px 0 90px 0;
    background-color: #c3c3c3;
    color:#2b2523;
    background-image: url("../../images/parallax-1.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#testimonial-section .carousel-indicators{
    bottom:-30% !important;
}
#testimonial-section .carousel-indicators .active{
    background-color: #2b2523 !important;
}
#testimonial-section .carousel-indicators li{
    border: 1px solid #2b2523 !important;
}

#testimonial-section p{
    font-weight: 300;
}
.item blockquote{
    border-left: none;
    margin: 0;
}
.item blockquote p::before{
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item blockquote small{
    color: #2b2523;
}

.home-products{
    background-image: url("../../images/parallax-2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 100px 0;
}

.silder-heading{
    background-color: rgba(8, 8, 8, 0.8);
    padding: 10px 0 10px 0;
    font-weight: 300;
}

.home-products .carousel-caption{
    top: 30%;
}
.home-products img{
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}
.home-products img:hover{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
}

.home-products .carousel-indicators{
    bottom:-20% !important;
}

.clean-text{
    background-color: #c1ff82;
    padding: 30px 0 30px 0;

} 
.recycle-text{
    background-color: #77bbff;
    padding: 30px 0 30px 0;
}
.recycle-text p, .clean-text p{
    text-align: justify;
}
#gallery-section img{
      margin-bottom: 20px;
}
#product-section{
    padding-bottom: 40px;
    padding-top: 20px;
}
#product-section .carousel-caption{
    top: 30%;
}
#product-section img{
    box-shadow: 0px 0px 8px #333;

}