/*=========================================================
Author       : Bestwebcreator.
Template Name: ATZ Shop - Online Shopping Store HTML Template
Version      : 1.3
==============================================================*/


/*
        01. Common Css
        02. Header Css
        03. Slider Css
        04. Same Hover Css
        05. Common-cart, Same Nav Css
        06. Popular Products Css
        07. Banner Section Css
        08. Saller Section Css
        09. Review Section Css
        10. News Section Css
        11. Subscribe Section Css
        12. Facility Section Css
        13. Footer Section Css
        14. Home Popup Section Css
        15. Login & Registration Popup Section Css
        16. Quickview Popup Section Css
        17. Breadcrumbs Banner Css
        18. Shop InnerPage Css 
        19. Product Detail InnerPage Css
        20. Blog InnerPage Css
        21. Checkout InnerPage Css
        22. Blog With Sidebar 1 InnerPage Css
        23. Blog With Sidebar 2 InnerPage Css
        24. Contact InnerPage Css
        25. Aboutus InnerPage Css
        26. Compare InnerPage Css
        27. Cart InnerPage Css
        28. Error InnerPage Css
        29. Index-2 Page Css
                29.01. Common Css
                29.02. Header Css
                29.03. Slider Css
                29.04. Popular Products Css
                29.05. Banner Section Css
                29.06. Testimonial Section Css
                29.07. Tab Section Css
                29.08. Couperncod Section Css
                29.09. News Section Css
                29.10. Service Section Css
                29.11. Instagram Section Css
                29.12. Footer Section Css
*/


/*
        30. Index-3 Page Css
                30.01. Common Css
                30.02. Header Css
                30.03. Slider Section Css
                30.04. Deals Section Css
                30.05. Shop Banner Section Css
                30.06. Testimonial Section Css
                30.07. Instagram Section Css 
                30.08. Footer Section Css 
*/


/*
        31. Index-4 Page Css
                31.01. Common Css
                31.02. Header Css
                31.03. Slider Section Css
                31.04. Double Section Css
                31.05. Deals Section Css
                31.06. Categories Section Css
                31.07. Blog Section Css
*/


/*
        32. Index-5 Page Css
                32.01. Common Css
                32.02. Header Css
                32.03. Slider Section Css
                32.04. Categories Section Css
                32.05. Deals Section Css
                32.06. Offer Banner Section Css
                32.07. Products Section Css
                32.08. Testimonial Section Css
                32.09. Blog Section Css
                
        33. FAQ Css
        34. Comming Soon Css
        35. Deal Of The Day Css
*/


/*01. Common Css*/

body {
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
}

.font-color {
    color: #ffff;
}

.footer-font {
    color: #000000;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a {
    color: #000;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:hover {
    color: #53af32;;
    text-decoration: none;
}

ol {
    padding: 0;
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}

section {
    padding: 35px 0;
}

.pt_large {
    padding-top: 70px;
}

.pb_large {
    padding-bottom: 70px;
}

.pt_medium {
    padding-top: 50px;
}

.pb_medium {
    padding-bottom: 50px;
}

.pt_small {
    padding-top: 35px;
}

.pb_small {
    padding-bottom: 35px;
}

button:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

span,
strong {
    display: inline-block;
}

.h1,
h1 {
    font-size: 42px;
}

.h2,
h2 {
    font-size: 32px;
}

.h3,
h3 {
    font-size: 28px;
}

.h4,
h4 {
    font-size: 24px;
}

.h5,
h5 {
    font-size: 20px;
}

p {
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #333333;
}

input:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

:-moz-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

::-moz-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

.form-control::-webkit-input-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #7a7a7a;
    opacity: 1;
}

label {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.btn {
    font-weight: 500;
}

.btn+.btn {
    margin-left: 10px;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    border-color: transparent;
    background-color: transparent;
    border-color: #53af32;;
    box-shadow: none;
}

.btn-primary {
    background-color: #014586;
    border-radius: 50px;
    padding: 10px 25px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    border: 2px solid #014586;
    position: relative;
    z-index: 99;
    text-transform: capitalize;
    overflow: hidden;
}

.btn-primary:hover {
    background-color: #db2e22;
    ;
    border-color: #db2e22;
    color: #ffff;
}

.btn-secondary {
    background-color: #363f4d;
    border-radius: 50px;
    padding: 12px 20px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    border: 2px solid #363f4d;
    position: relative;
    z-index: 99;
    text-transform: capitalize;
    overflow: hidden;
}

.btn-secondary:hover {
    background-color: #464f5d;
    ;
    border-color: #464f5d;
    color: #ffffff;
}

.btn-white {
    background-color: #fff;
    padding: 10px 30px;
    color: #333;
    transition: all 0.3s ease-in-out;
}

.btn-white:hover {
    background-color: #464f5d;
    ;
    border-color: #464f5d;
    color: #ffff;
}

.title h4 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.title::before {
    content: "";
    position: absolute;
    background-color: #014586;
    width: 80px;
    height: 2px;
    bottom: 0;
}

.title {
    position: relative;
}
.title-r {
    border-bottom: 2px solid #014586;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
    font-size: 25px;
    margin-right: 55% !important;
    font-weight: bold;
    text-transform: uppercase !important;
    padding-bottom: 10px !important;
}

.title.text-center:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}

.title.text-right:before {
    left: auto;
}

.text_default {
    color: #53af32 !important;
}

.bg_light_yellow {
    background-color: #FFF0AD;
}

.bg_light_blue {
    background-color: #D8EDE6;
}

.bg_light_pink {
    background-color: #FFD2CD;
}

.large_txt {
    font-size: 60px;
}

.pagination {
    padding-top: 30px;
}

.btn img {
    margin-right: 5px;
}

.bg_red {
    background-color: #53af32;;
}

.scrollup {
    background-color: #363f4d;
    border-radius: 100%;
    bottom: 20px;
    color: #ffffff;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px;
    z-index: 99;
}

.scrollup:hover {
    background-color: #53af32;;
    color: #fff;
}

.form-control:focus {
    box-shadow: none;
}

iframe {
    border: 0;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 999999;
}

.loading_wrap {
    text-align: center;
    margin: 0 auto;
    display: table;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.loading_wrap img {
    -webkit-animation: bounce 2s linear infinite;
    animation: bounce 2s linear infinite;
}


/**************************************/


/*02. Header Css*/

.header-top {
    background-color: #363f4d;
    padding: 12px 0;
}

.header_list>li a {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.header_list li a:hover {
    color: #53af32;;
}

.header_list li {
    margin-right: 10px;
    padding-right: 10px;
    display: inline-block
}

.mm_icon {
    float: right;
    margin-left: 10px;
}

.header_list li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #fff;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.header_list li {
    position: relative;
}

.header_list li:last-child::before {
    content: none;
}

.header_list li:last-child {
    padding: 0;
    margin: 0;
}

.header_list>li a i {
    padding-right: 8px;
    font-size: 18px;
}

.nav-fixed .header-btm {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
}

.nav-fixed.no-sticky .header-btm {
    position: relative;
}

.cart-box {
    position: absolute;
    right: 0;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    transition: all 0.3s ease-in-out;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.12);
    padding: 20px;
    width: 325px;
}

.header-cart {
    position: relative;
    display: inline-block;
}

.cart-icon {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

.cart-icon span {
    position: absolute;
    top: -4px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    background-color: #53af32;;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 100%;
    right: 4px;
}

.header-cart>a {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    padding: 5px 0;
}

.header-cart a i {
    padding-left: 5px;
}

.header-form {
    max-width: 504px;
    position: relative;
    width: 100%;
}

.header-form .search-box {
    max-width: 100%;
    height: 55px;
    width: 100%;
    border: 1px solid #cacaca;
    color: #7a7a7a;
    font-weight: 500;
    padding: 15px 135px 15px 20px;
}

.header-form button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #53af32;;
    border: 0;
    color: #fff;
    font-weight: 500;
    padding: 10px 32px;
    cursor: pointer;
    z-index: 8;
    border-radius: 0px 30px 30px 0px;
}

.header-mdl {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
    background-color: #fff;
}

.cart-product a {
    display: block;
    font-size: 14px;
    color: #000;
    margin: 0px 0 5px 0;
    font-weight: 500;
}

.cart-product a:hover {
    color: #53af32;;
}

.cart-product p {
    color: #53af32;;
    font-weight: 500;
}

.cart-product {
    padding: 0 10px;
}

.cart-prodect {
    padding-bottom: 15px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
}

.cart-prodect:last-child {
    margin-bottom: 0;
}

.cart-img {
    max-width: 72px;
    width: 100%;
    background-color: #f8f8f8;
    text-align: center;
}

.price-prodect {
    text-transform: uppercase;
    padding: 15px 0 10px 0;
}

.total {
    font-size: 14px;
}

.total-price {
    color: #53af32;;
}

.cart-box .btn-primary {
    margin: 0 auto;
    display: inline-block;
}

.cart-btn {
    text-align: center;
}

.close-icon {
    text-align: center;
    color: #000;
}

.header-cart:hover .cart-box {
    opacity: 1;
    visibility: visible;
}

.header-btm {
    border-bottom: 1px solid #cdcdcd;
    background-color: #fff;
    position: relative;
}

.header-btm .navbar {
    padding: 0;
}

.header-btm .navbar .navbar-collapse>ul>li>a {
    padding: 15px 0;
    color: #666666;
    margin-right: 35px;
    font-weight: 500;
}

.header-btm .navbar .navbar-collapse ul li a:hover,
.header-btm .navbar .navbar-collapse ul li.active>a {
    color: #000000;
}

.header-btm .navbar .navbar-collapse ul li a i {
    padding-left: 5px;
}

.sub-menu>ul {
    display: inline-block;
    width: 100%;
}

.header-btm .navbar .navbar-nav li .sub-menu a i {
    float: right;
}

.header-btm .navbar .navbar-nav li .sub-menu a i.fa.fa-angle-down {
    display: none;
}

.header-btm .navbar .navbar-nav li .sub-menu a i.fa.fa-angle-right {
    display: block;
}

.sub-menu {
    border-radius: 0;
    position: absolute;
    left: 0;
    border: 1px solid #cacaca;
    background-color: #fff;
    padding: 10px 0;
    z-index: 2;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.navbar .navbar-nav .sub-menu li {
    position: relative;
}

.header-btm .navbar .navbar-collapse ul li a i.fa.fa-angle-right {
    display: none;
}

.navbar-expand-lg .navbar-nav .mega-menu>ul>li {
    float: left;
}

.mega-menu .dropdown {
    border-right: 1px solid #ddd;
}

.mega-menu .dropdown:last-child {
    border-right: 0;
}

.sub-menu.mega-menu.dropdown-menu {
    width: 100%;
}

.column5 .submenu-links {
    width: 20%;
    padding: 0 15px;
}

.submenu-img {
    width: 34%;
}

.submenu-img a {
    display: block;
}

.submenu-img img {
    width: 100%;
}

.all-menu>li>a {
    color: #363f4d;
    padding: 6px 15px;
    font-weight: normal;
    display: block;
}

.menu-title {
    font-size: 16px;
    pointer-events: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #363f4d;
    padding: 5px 15px;
    display: block;
}

header {
    position: relative;
    z-index: 999;
}

.navbar .header-logo {
    display: none;
}

.navbar-toggler {
    border: none;
    color: #53af32;;
    padding: 0;
}

.navbar-toggler i {
    border: 1px solid #53af32;;
    padding: 5px 8px;
}

.submit-btn-2 {
    border: none;
    width: 36px;
    height: 32px;
    cursor: pointer;
    background-color: #53af32;;
    color: #fff;
    padding: 0;
}

.form-captions {
    display: inline-block;
    vertical-align: top;
}

.header-form.search-open {
    display: block;
    position: absolute;
    right: 15px;
    top: 100%;
    margin-top: 20px;
}

.menu_style1 .navbar .navbar-collapse>ul>li>a {
    position: relative;
}

.menu_style1 .navbar .navbar-collapse>ul>li>a::before {
    content: '';
    position: absolute;
    right: 100%;
    left: 0;
    bottom: 20px;
    border-bottom: 2px solid #53af32;;
    margin: 0 15px;
    transition: all 0.5s ease-in-out;
}

.menu_style1 .navbar .navbar-collapse>ul>li>a:hover:before,
.menu_style1 .navbar .navbar-collapse>ul>li.active>a:before {
    right: 0;
}


/**************************************/


/*03. Slider Css*/

.slider-area {
    padding: 70px 0;
    height: 573px;
}

.slider-caption h1 {
    font-weight: bold;
}

.slider-caption p {
    color: #000;
    text-shadow: 2px 0px 4px rgba(0, 0, 0, 0.40);
    padding: 10px 0 15px 0;
    line-height: 26px;
}

.banner_slide_content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner_slide_content.right-align .row {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.banner_slide_content.center-align {
    left: 150px;
}

.main-slider.owl-theme .owl-dots {
    margin: 0;
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    line-height: 0;
}

.main-slider.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 0 3px;
    border: 1px solid #cacaca;
    background-color: #fff;
}

.main-slider.owl-theme .owl-dots .owl-dot.active span {
    background-color: #53af32;;
    border: none;
}

.carousel-indicators .active {
    background-color: #53af32;;
    border-color: #53af32;;
}

.carousel-indicators li {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #cacaca;
}

.carousel-control-next,
.carousel-control-prev {
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    height: 60px;
    opacity: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 0;
}

.carousel:hover .carousel-control-next,
.carousel:hover .carousel-control-prev {
    opacity: 1;
}

.carousel-control-next {
    right: 20px;
}

.carousel-control-prev {
    left: 20px;
}

.slider_caption {
    padding: 30px;
    background-color: #fff;
    position: relative;
    margin: 15px;
}

.slider_caption h1 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 10px;
}

.slider_caption p,
.slide_content p {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
}

.slider_caption::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px solid #fff;
    margin: -15px;
}

.banner_img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.banner_img img {
    max-width: 700px;
}

.slider_heading1 {
    font-size: 200px;
    text-transform: uppercase;
    font-weight: bold;
}

.slider_heading2 {
    font-size: 100px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    position: relative;
    z-index: 9;
}

.slider_content {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transform: none;
    height: 100%;
}

.slider_strip {
    background-color: #fff;
    padding: 5px 15px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

.slider_heading3 {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}


/**************************************/


/*04. Same Hover Css*/

.same-hover img {
    width: 100%;
}

.same-hover {
    display: block;
    position: relative;
    overflow: hidden;
}

.same-hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    background-color: rgba(255, 255, 255, 0.4);
    transition: all 0.6s ease-in-out;
}

.same-hover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    transition: all 0.6s ease-in-out;
}

.same-hover:hover:after {
    left: 100%;
}

.same-hover:hover::before {
    left: -100%;
}


/**************************************/


/*05. Common-cart, Same Nav Css*/

.owl-theme .owl-nav {
    margin-top: 0px;
}

.common-cart-info .cart-name {
    color: #000;
    margin: 15px 0px 10px 0;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.common-cart-box:hover .common-cart-info .cart-name {
    color: #53af32;;
}

.cart-price {
    color: #53af32;
    font-weight: normal;
}

.cart-price del {
    color: #7a7a7a;
    margin-right: 10px;
}

.nav-none .owl-nav {
    display: none;
}

.same-nav.owl-theme .owl-nav button {
    position: absolute;
    top: -65px;
    right: 0;
    margin: 0;
}

.same-nav.owl-theme .owl-nav button i {
    margin: 0;
    width: 34px;
    height: 34px;
    font-size: 30px;
    background-color: #9f00cc;
    line-height: 30px;
    color: #fff;
    border-radius: 0;
}

.same-nav.owl-theme .owl-nav button.owl-prev {
    right: 40px;
}

.same-nav.owl-theme .owl-nav button:hover i {
    background-color: #1d1d1d;
}

.common-cart-img img {
    width: 100%;
}

.common-cart-img {
    position: relative;
}

.hover-option {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.product-box:hover .hover-option {
    opacity: 1;
    visibility: visible;
}

.hover-icon {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    text-align: center;
    font-size: 0;
}

.hover-icon li {
    display: inline-block;
}

.add-cart-btn {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hover-icon li a {
    background-color: #363f4d;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    border-radius: 100%;
    color: #fff;
    margin: 0 3px;
    padding: 1px;
}

.saller-box:hover .hover-option {
    opacity: 1;
    visibility: visible;
}

.hover-icon li a:hover {
    background-color: #53af32;
}


/**************************************/


/*07. Banner Section Css*/

.banner-box a img {
    width: 100%;
}

.banner-section {
    line-height: 0;
}


/**************************************/


/*09. Review Section Css*/

.review-slider {
    padding: 40px 100px;
}

.client-img img {
    border-radius: 100%;
}

.client-img {
    float: left;
    max-width: 164px;
    width: 100%;
}

.quote-icon img {
    max-width: 27px;
}

.quote-icon {
    display: inline-block;
}

.client-text p {
    color: #fff;
    line-height: 26px;
    padding: 10px 0 20px 0px;
    font-weight: normal;
}

.client-text a {
    color: #000000;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}

.client-text a:hover {
    color: #303030;
}

.client-text {
    padding-left: 30px;
    font-weight: normal;
    overflow: hidden;
}

.review-slider.owl-theme .owl-dots .owl-dot span,
.testimonial-slider .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    background: none;
    border: 2px solid #fff;
    margin: 0 5px;
}

.review-slider.owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
}

.review-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}


/**************************************/


/*10. News Section Css*/

.news-img img,
.news-box img {
    width: 100%;
}

.news-info h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.comments {
    font-weight: 500;
    color: #7a7a7a;
    padding: 10px 0 10px 0;
}

.comments a {
    color: #53af32;
}

.news-text {
    color: #7a7a7a;
    line-height: 24px;
    margin-bottom: 12px;
    height: 48px;
    overflow: hidden;
}

.read-more {
    color: #53af32;
    text-transform: uppercase;
}

.news-box {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.news-box:hover .news-info h5 a {
    color: #53af32;
}

.news-info {
    padding: 20px 10px;
}

.read-more:hover,
.comments a:hover {
    color: #000;
}

.date-box {
    position: absolute;
    bottom: -80px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    z-index: 9;
    transition: all 0.3s ease-in-out;
}

.news-img {
    position: relative;
    overflow: hidden;
}

.news-box:hover .date-box {
    bottom: 0;
}

.date-box h5 {
    color: #fff;
    font-weight: 600;
    position: relative;
    padding: 28px 0 8px 0;
    background: #53af32;
}

.news-box .owl-theme .owl-nav [class*="owl-"],
.blog-detail-img .owl-theme .owl-nav [class*="owl-"] {
    background-color: #53af32;
    color: #fff;
    font-size: 26px;
    margin: 0;
    line-height: 42px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkittransform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    height: 40px;
    width: 40px;
    text-align: center;
}

.news-box .owl-theme .owl-nav .owl-prev,
.blog-detail-img .owl-theme .owl-nav .owl-prev {
    left: 10px;
}

.news-box .owl-theme .owl-nav .owl-next,
.blog-detail-img .owl-theme .owl-nav .owl-next {
    right: 10px;
}

.news-box .owl-theme .owl-nav [class*="owl-"]:hover,
.blog-detail-img .owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #db2e22;
}

.news-box .owl-dots,
.blog-detail-img .owl-dots {
    position: absolute;
    top: 0;
    right: 2px;
}

.news-box .owl-carousel {
    display: block;
}

.news-box .owl-carousel .item:nth-child(1n+2) {
    display: none;
}

.grid_container>li {
    list-style: none;
}

.gutter_small {
    margin: 0 -7.5px 0px -7.5px;
}

.gutter_small>li {
    padding: 0 7.5px 15px 7.5px;
}

.gutter_medium {
    margin: 0 -15px 0px -15px;
}

.gutter_medium>li {
    padding: 0px 15px 30px 15px;
}

.grid_col2>li {
    width: 50%;
    float: left;
}

.grid_col3>li {
    width: 33.33%;
    float: left;
}

.grid_col4>li {
    width: 25%;
    float: left;
}


/**************************************/


/*11. Subscribe Section Css*/

.subscribe-section {
    background-color: #363f4d;
}

.title.white-title * {
    color: #fff;
}

.title.white-title::before {
    background-color: #fff;
}

.subscribe-inner>p {
    color: #fff;
    padding-bottom: 30px;
}

.subscribe-form {
    text-align: center;
}

.subscribe-input {
    max-width: 390px;
    width: 100%;
    display: inline-block;
}

.subscribe-input input {
    width: 100%;
    height: 48px;
    border-radius: 50px;
    border: none;
    font-weight: 500;
    color: #7a7a7a;
    padding: 10px 20px 10px 18px;
}

.send-btn {
    margin-left: 10px;
    display: inline-block;
}

.send-btn .btn {
    padding: 10px 40px;
}


/**************************************/


/*12. Facility Section Css*/

.facility-box {
    position: relative;
}

.fb-icon {
    font-size: 40px;
    color: #363f4d;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

.facility-inner {
    display: table;
    margin: 0 auto;
}

.fb-text {
    display: inline-block;
    vertical-align: middle;
}

.fb-text h4 {
    text-transform: uppercase;
}

.fb-text * {
    font-weight: 500;
}

.fb-text span {
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
}

.facility-box:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #cccccc;
    right: 0;
}

.facility-box:last-child::before {
    content: none;
}

.facility_box {
    padding: 30px;
    position: relative;
    z-index: 0;
}

.facility_box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border: 2px dashed rgba(0, 0, 0, 0.5);
    margin: 10px;
    z-index: -1;
}

.facility_box .fb-text span {
    color: #444;
    font-style: italic;
    text-transform: capitalize;
}


/**************************************/


/*13. Footer Section Css*/

.footer-top {
    background-color: #fbfafa;
    padding: 50px 0 40px 0;
}

.fb-iner p {
    font-size: 15px;
    color: #7a7a7a;
}

.footer-box .footer-links li,
.footer_widget li {
    margin-bottom: 5px;
}

.footer-box li {
    clear: both;
    margin-bottom: 8px;
}

.footer-box>li {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
}

.footer-box li:last-child {
    margin-bottom: 0;
}

.footer-links li a,
.footer-box.box-4 ul li p,
.footer-box.box-4 ul li a {
    font-size: 15px;
    color: #7a7a7a;
}

.fb-title {
    margin-bottom: 20px;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.footer-links li a:hover,
.footer-box.box-4 ul li a:hover {
    color: #53af32;
}

.footer-btm {
    padding: 22px 0;
}

.copyright p {
    font-size: 14px;
    color: #fff;
}

.footer-social ul li {
    display: inline-block;
    margin: 0;
}

.footer-social ul li a {
    font-size: 18px;
    color: #fff;
    margin-left: 15px;
}

.footer-social ul li:first-child a {
    margin-left: 0;
}

.footer-social.social_dark ul li a {
    color: #7a7a7a;
}

.footer-social ul li a:hover,
.footer-social.social_dark ul li a:hover {
    color: #53af32;
}

.footer-box.box-4 ul li i {
    color: #53af32;
    font-size: 26px;
    padding-right: 15px;
    float: left;
    line-height: 30px;
    vertical-align: middle;
}


/**************************************/


/*14. Home Popup Section Css*/

.modal-lg {
    max-width: 700px;
}

.popup-form .close {
    width: 31px;
    height: 31px;
    background-color: #353f4d;
    font-size: 16px;
    opacity: 1;
    border: none;
    text-shadow: none;
    color: #fff;
    position: absolute;
    right: 17px;
    top: 12px;
}

.popup-form .close:hover,
.white-popup .mfp-close:hover,
.popup-form .close:not(:disabled):not(.disabled):focus,
.popup-form .close:not(:disabled):not(.disabled):hover {
    background-color: #53af32;
    color: #fff;
    opacity: 1;
}

.modal-content {
    border-radius: 0;
}

.popup-logo {
    padding-top: 50px;
}

.popup-text p {
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    padding: 20px 0 15px 0;
}

.popup-text h6 {
    font-size: 14px;
}

.subscribe-popup-form input {
    width: 100%;
    border: 1px solid #cacaca;
    border-radius: 50px;
    padding: 12px 18px;
    font-size: 14px;
    color: #7a7a7a;
    margin: 25px 0 10px 0;
}

.subscribe-popup-form button {
    cursor: pointer;
    width: 100%;
}

.popup-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.popup-img {
    width: 45%;
}

.popup-form {
    width: 55%;
    padding: 0 25px;
}

.defult-check {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    cursor: pointer;
    left: 0;
    visibility: hidden;
}

.checkmark,
.checkout-form .checkmark {
    width: 18px;
    height: 18px;
    border: 1px solid #cacaca;
    position: absolute;
    left: 0;
    top: 1px;
}

.form-check label {
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #7a7a7a;
    font-weight: 400;
    padding-left: 25px;
    cursor: pointer;
    text-align: left;
    text-transform: capitalize;
}

.lr-popup h2 {
    padding-bottom: 42px;
}

.form-check {
    padding: 25px 0 35px 0;
}

.form-check input:checked+.checkmark:before,
.checkout-form .form-check input:checked+.checkmark:before {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome;
    top: 2px;
    line-height: 18px;
    left: 4px;
    color: #014586;
}


/**************************************/


/*15. Login & Registration Popup Section Css*/

.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    margin: 20px auto;
    transition: 1s all;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
}

.white-popup .mfp-close {
    width: 31px;
    height: 31px;
    background-color: #353f4d;
    font-size: 16px;
    opacity: 1;
    border: none;
    text-shadow: none;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 31px;
}

.mfp-close-btn-in .mfp-close {
    font-size: 28px;
}

.white-popup .mfp-close i {
    font-size: 16px;
    text-shadow: none;
    color: #fff;
}

.lr-popup {
    max-width: 360px;
    padding: 20px;
}

.forgot-password {
    font-size: 14px;
    float: right;
}
.terms-and-conditions-label {
    font-size: 14px;
}

.subscribe-label {
    font-size: 14px;
}
.mfp-content .subscribe-popup-form input {
    margin: 0 0 12px 0;
}

.mfp-content .subscribe-popup-form .form-check {
    padding: 5px 0px 15px 0;
}

.lr-popup h4 {
    font-weight: bold;
    padding-bottom: 30px;
    text-align: left;
    text-transform: uppercase;
}

.mfp-content h6 {
    font-weight: 400;
    color: #7a7a7a;
    padding: 15px 0 5px 0;
}

.sign-up {
    color: #53af32;
    font-weight: 400;
    font-size: 14px;
}

.login_form {
    border: 2px solid #eee;
    padding: 20px 20px 5px;
}

.login_footer>a {
    float: right;
}


/**************************************/


/*16. Quickview Popup Section Css*/

.quickview-popup {
    max-width: 946px;
    width: 100%;
    padding: 20px;
    display: table;
}

.product-image,
.zoomWindow {
    background-color: #f7f7f7 !important;
}

.zoomContainer {
    z-index: 9999;
}

.main-popup {
    z-index: 99999;
}

.product_gallery_item .item a {
    background-color: #f7f7f7;
    display: block;
}

.box-social-like .hover-icon {
    position: relative;
    bottom: 0;
}

.owl-thumbs-slider {
    margin-top: 20px;
}

.quickview-product-detail .box-title {
    text-transform: inherit;
    font-weight: 500;
    font-size: 28px;
}

.quickview-product-detail .box-price {
    color: #53af32;
    padding: 6px 0 15px 0;
    font-size: 24px;
}

.quickview-product-detail .box-price del {
    color: #7a7a7a;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    padding-right: 15px;
}

.quickview-product-detail .box-text {
    color: #7a7a7a;
    height: 74px;
    overflow: hidden;
}

.quickview-product-detail .stock {
    color: #7a7a7a;
    border-top: 1px solid #cdcdcd;
    padding: 25px 0 20px 0;
    margin-top: 25px;
}

.quickview-product-detail .stock span {
    color: #53af32;
}

.quantity-box {
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.quantity-box .input-group {
    float: left;
    width: auto;
    margin-top: 8px;
}

.quickview-cart-btn {
    float: left;
}

.quantity-number {
    height: 35px;
    width: 52px;
    color: #7a7a7a;
    border: 1px solid #cdcdcd;
    padding: 0;
    text-align: center;
    float: left;
}

.quickview-cart-btn {
    float: right;
}

.quickview-cart-btn .btn {
    padding: 8px 20px;
}

.zoom_image .zoomContainer {
    z-index: 9999;
}

.zoomContainer {
    z-index: 99;
}

.minus,
.plus {
    border: 0;
    cursor: pointer;
    width: 50px;
    height: 35px;
    border-radius: 0;
    background-color: #363f4d;
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    padding: 0;
    float: left;
}

.box-social-like .hover-icon li {
    float: left;
}

.box-social-like .hover-icon.box-social li a {
    border-radius: 0;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
}

.quantity-box p {
    float: left;
    padding: 12px 15px 12px 0;
    color: #7a7a7a;
}


/**************************************/


/*17. Breadcrumbs Banner Css*/

.breadcrumbs-section {
    padding: 70px 0;
    position: relative;
}

.breadcrumbs-section:before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.page_title h1 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumb li {
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
}

.breadcrumb li a {
    color: #fff;
    text-transform: capitalize;
}

.breadcrumb li a:hover {
    color: #53af32;
}

.breadcrumb li:first-child::before {
    content: normal;
}

.breadcrumb li::before {
    color: #ffffff;
    content: "/";
    margin: 5px;
}


/**************************************/


/*18. Shop InnerPage Css*/

.side-box-title h6 {
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

.quantity-box-detail ul li a {
    font-weight: normal;
    color: #7a7a7a;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin: 10px 0;
}

.quantity-box-detail ul li a span {
    float: right;
}

.quantity-box-detail ul li {
    border-bottom: 1px dashed #cdcdcd;
}

.quantity-box-detail ul li a:hover {
    color: #53af32;
}

.filter-box-detail .ui-slider-range {
    height: 5px;
    background-color: #000;
    border-radius: 0;
}

.filter-box-detail #slider-range {
    position: relative;
    border: 0;
    background-color: #DBDBDB;
    height: 5px;
    margin: 30px 5px 0 10px;
}

.filter-box-detail #slider-range .ui-state-default {
    background: #fff;
    width: 16px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    border: 2px solid #000;
    border-radius: 100%;
    cursor: pointer;
}

.slider-values input {
    border: none;
    font-size: 16px;
    font-weight: 500;
}

.slider-values p {
    text-transform: uppercase;
    padding-right: 10px;
    font-weight: 500;
}

.price_slider_amount {
    padding-top: 15px;
}

.side-recent-product .cart-product {
    padding-right: 0;
}

.side-recent-product .cart-prodect {
    border-bottom: 1px dashed #cdcdcd;
}

.side-quantity-box .side-box-title {
    padding-bottom: 15px;
}

.shop-inner-section .product-box {
    padding-bottom: 30px;
}

.showing-items {
    margin-left: auto;
}

.showing-items p {
    color: #7a7a7a;
    padding-right: 20px;
}

.list_grid-btns a {
    border: none;
    background-color: #363f4d;
    width: 40px;
    height: 40px;
    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}

.list_grid-btns a:hover,
.list_grid-btns a.on {
    background-color: #53af32;
}

.shop-options {
    padding-bottom: 50px;
}

.sorting-items {
    border: 1px solid #cdcdcd;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    color: #7a7a7a;
    padding: 10px 25px 10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sorting-option {
    position: relative;
}

.sorting-option:before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    z-index: 99;
    color: #7a7a7a;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.shop-inner-section .list>div {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.shop-inner-section .list .common-cart-img {
    float: left;
}

.shop-inner-section .list .common-cart-box .common-cart-info {
    text-align: left !important;
    position: relative;
    overflow: hidden;
    padding-left: 30px;
    margin-top: -16px;
    transition: none;
}

.shop-inner-section .list .common-cart-box {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 30px;
}

.shop-inner-section .list .product-img .hover-option,
.shop-inner-section .grid .product-info .hover-option {
    display: none;
}

.shop-inner-section .list .common-cart-box .common-cart-info .hover-option {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.shop-inner-section .grid .product-info .product-list-text {
    display: none;
}

.shop-inner-section .list .common-cart-box .common-cart-info .hover-option .add-cart-btn {
    position: relative;
    top: 0;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    margin-right: 30px;
    display: inline-block;
}

.shop-inner-section .list .common-cart-box .common-cart-info .hover-option .hover-icon {
    position: relative;
    bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.product-list-text {
    color: #7a7a7a;
    padding: 18px 0 24px 0;
}

.shop-inner-section .list .common-cart-box.box-7,
.shop-inner-section .list .common-cart-box.box-8,
.shop-inner-section .list .common-cart-box.box-9 {
    display: none;
}

.pagination li a {
    width: 40px;
    height: 40px;
    background-color: #000;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 2px;
}

.pagination li a i {
    font-size: 24px;
    line-height: 40px;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: #53af32;
}


/**************************************/


/*19. Product Detail InnerPage Css*/

.products-detail-section .quickview-popup {
    max-width: 100%;
    padding: 0;
}

.products-tabs .table-responsive tr td:nth-child(1) {
    width: 14%;
    border-right: 1px solid #dddada;
    padding: 15px 20px;
}

.products-tabs .table-responsive table {
    background-color: #f7f7f7;
    margin: 0;
}

.products-tabs .table-responsive tr td {
    border-color: #fff;
}

.products-tabs .table-responsive tr td:nth-child(2) {
    width: 86%;
    padding: 15px 20px;
}

.products-tabs .nav {
    border: none;
}

.products-tabs .nav .nav-item a {
    color: #fff;
    background-color: #363f4d;
    border-radius: 0;
    padding: 12px 10px;
    margin-right: 1px;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
}

.products-tabs .nav .nav-item a.active {
    background-color: #53af32;
}

.products-tabs .tab-content {
    border: 1px solid #cdcdcd;
    margin-top: 5px;
    padding: 25px 35px 30px;
}

.tab-title h6 {
    text-transform: uppercase;
    color: #000;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 1.1rem
}

.tab-caption,
.tab-caption p {
    color: #7a7a7a;
}

.add-review-form>div {
    padding: 0 15px;
}

.add-review-form {
    margin: 0 -15px;
}

.reviews-img {
    float: left;
}

.reviews-img img {
    width: 100%;
    border-radius: 100%;
    border: 5px solid #e2dede;
}

.reviews-text {
    overflow: hidden;
    padding-left: 25px;
}

.costomer-reviews-box {
    display: table;
    width: 100%;
}

.reviews-date {
    font-size: 12px;
    padding: 10px 0 10px 0;
}

.costomer-reviews-box {
    border-bottom: 1px solid #cdcdcd;
    padding: 30px 0 30px 0px;
}

.costomer-reviews .costomer-reviews-box:first-child {
    padding-top: 0;
}

.add-review {
    padding-top: 25px;
}

.add-review-form .input-1,
.add-review-form .input-2 {
    width: 50%;
    float: left;
}

.form-control {
    border-radius: 0;
    border: 1px solid #cdcdcd;
    padding: 10px 15px;
    color: #000;
    margin-bottom: 20px;
    height: auto;
    font-size: 14px;
}


/**************************************/


/*20. Blog InnerPage Css*/


/**************************************/


/*21. Checkout InnerPage Css*/

.tab-form-1 .new-cous,
.tab-form-1 .checkout-form {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.col-padding {
    padding: 40px 37px;
}

.form-check .form-check-label:before {
    content: "";
    border: 1px solid #7a7a7a;
    height: 14px;
    width: 14px;
    float: left;
    border-radius: 100%;
    vertical-align: middle;
    margin: 4px 8px 0 0;
}

.form-check .form-check-label {
    position: relative;
    cursor: pointer;
    color: #7a7a7a;
    font-weight: 500;
    padding: 0;
}

.form-check input[type="radio"]+.form-check-label::after {
    content: "";
    background-color: #53af32;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 4px;
    opacity: 0;
}

.form-check input[type="radio"]:checked+.form-check-label::after {
    opacity: 1;
}

.form-check .form-check-input {
    display: none;
}

.tab-form-1 .form-check,
.tab-form-4 .form-check {
    padding: 0 0 7px 0;
}

.form-title p {
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.form-title {
    padding-bottom: 20px;
}

.checkout-form .form-group:last-child {
    margin-bottom: 0;
}

.checkout-process .square-input {
    margin-bottom: 15px;
}

.new-cous>p {
    color: #7a7a7a;
    font-size: 14px;
    padding-bottom: 20px;
}

.payment-text {
    color: #7a7a7a;
    font-size: 14px;
    margin-top: 5px;
}

.payment-text {
    display: none;
}

.chek-form .form-check:first-child .payment-text {
    display: block;
}

.checkout-process .card-body {
    border-top: 1px solid #cdcdcd;
    padding: 40px;
}

.checkout-process .ord_tab .card-body {
    padding: 0px;
    border: 0;
}

.accordion .card-header a::after {
    content: "\f209";
    font-family: "Ionicons";
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 15px;
    top: 10px;
}

.accordion .card-header a.collapsed::after {
    content: "\f218";
}

.order-table thead th {
    color: #7a7a7a;
    font-weight: 500;
    border-bottom: 0;
    border-top: 0;
}

.checkout-process .card.ord_tab .card-header {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.checkout-process .accordion .card.ord_tab {
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.tab-form-4 .btn-primary {
    float: right;
    margin-top: 8px;
}

.checkout-parts {
    overflow: hidden;
}

.place-oreder-btn {
    text-align: center;
    margin-top: 10px;
    line-height: 0;
}

.place-oreder-btn a {
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 18px 40px;
    line-height: normal;
}

.checkout-form .form-control {
    margin-bottom: 0;
}

.checkout-form .forgot-password {
    font-weight: 600;
    text-transform: uppercase;
}

.forgot-password a {
    color: #53af32;
}

.checkout-form button.btn-primary {
    cursor: pointer;
}

.checkout-process .card-header {
    padding: 0;
    border: none;
    background: none;
}

.checkout-process .card-header .btn.btn-link {
    width: 100%;
    text-align: left;
    padding: 0px 40px 0px 0px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    position: relative;
    border-radius: 0;
}

.checkout-process .card-header .btn.btn-link span {
    background-color: #53af32;
    font-weight: 600;
    color: #fff;
    margin-right: 20px;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

.checkout-process .card-header .btn.btn-link i {
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
}

.checkout-process .accordion .card {
    border: 1px solid #cdcdcd !important;
    margin-bottom: 10px;
    border-radius: 0;
}

.checkout-process .card-header .btn.btn-link:hover,
.checkout-process .card-header .btn.btn-link:focus {
    text-decoration: none;
}

.checkout-process .card .collapse {
    overflow: hidden;
}

.checkout-process .card-body {
    border-top: 1px solid #cdcdcd;
    padding: 40px;
}

.checkout-process .form-check:first-child {
    margin-top: 0;
}

.checkout-process .form-check {
    padding: 0;
    margin-top: 15px;
}

.checkout-process .chek-form {
    margin-bottom: 20px;
}

.required_sign {
    color: #53af32;
}

.tab-form-2 .checkout-form>div.form-check {
    width: 100%;
    float: none;
}

.tab-form-2 .checkout-form .form-check label {
    margin: 0;
    position: relative;
    color: #7a7a7a;
    font-weight: 400;
    padding-left: 23px;
    cursor: pointer;
}

.checkout-form .select2-selection {
    border: 1px solid #cdcdcd;
    height: auto;
    padding: 11px 15px;
    text-transform: capitalize;
    border-radius: 0;
    position: relative;
}

.checkout-form .select2 {
    width: 100% !important;
}

.checkout-form .selection {
    width: 100%;
}

.checkout-form .select2-selection .select2-selection__placeholder {
    color: #7a7a7a;
    font-weight: 300;
}

.checkout-form .select2-selection .select2-selection__rendered {
    padding: 0;
    line-height: 20px;
    color: #000;
    font-weight: 300;
}

.checkout-form .select2-selection__arrow b {
    display: none;
}

.checkout-form .select2-selection__arrow:before {
    content: "\f107";
    font-family: 'FontAwesome';
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 15px;
}

.checkout-form .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
}

.tab-form-3 .checkout-form>div.input-11 {
    width: 100%;
    float: none;
}

.tab-form-3 .checkout-form>button {
    margin-left: 15px;
}

.checkout-form .select2-selection .select2-selection__rendered .select2-selection__clear {
    display: none;
}

.card.active button i.fa.fa-plus {
    display: none;
}

.checkout-inner-page .ci-btn {
    text-align: left;
    font-weight: 600;
}

.checkout-inner-page .ci-btn span {
    float: right;
    color: #53af32;
}

.order-review-table table {
    margin: 0;
}

.checkout-process .row-1 .row-title:first-child {
    width: 42%;
}

.checkout-process .row-1 .row-title:nth-child(2) {
    width: 21%;
}

.checkout-process .row-1 .row-title:nth-child(3) {
    width: 22%;
}

.checkout-process .row-1 .row-title:nth-child(4) {
    width: 15%;
}


/**************************************/


/*22. Blog With Sidebar 1 InnerPage Css*/

.latest-posts-box .comments {
    padding-bottom: 0;
}

.next_prev-btn .btn-primary {
    text-transform: uppercase;
}

.next_prev-btn .btn-primary.prev i {
    padding-right: 10px;
}

.next_prev-btn .btn-primary.next i {
    padding-left: 10px;
}

.latest-posts {
    padding-top: 60px;
}

.comments a:first-child {
    margin-right: 15px;
}

.comments a:last-child {
    margin-left: 15px;
}

.news-details h4 {
    font-weight: 700;
    text-transform: uppercase;
}

.news-details .comments {
    padding-bottom: 25px;
}

.blo-detail-text p {
    color: #7a7a7a;
    font-weight: 400;
    padding-top: 25px;
}

.blog-tags ul li {
    float: left;
    margin-right: 10px;
}

.blog-tags {
    display: inline-block;
    width: 100%;
    padding: 30px 0 45px 0;
}

.next_prev-btn .btn {
    text-transform: uppercase;
}

.prev_post i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.next_post i {
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.blog-tags span {
    float: left;
    color: #7a7a7a;
    text-transform: capitalize;
    margin-right: 10px;
}

.blog-tags ul li p {
    background-color: #f7f7f7;
    color: #7a7a7a;
    font-size: 14px;
    border-radius: 50px;
    padding: 0 12px;
}

.leave-reply-form .input-1,
.leave-reply-form .input-2,
.leave-reply-form .input-3 {
    width: 33.33%;
    padding: 0 15px;
    float: left;
}

.social_icon {
    display: inline-block;
    width: 100%;
}

.social_icon span {
    float: left;
    color: #7a7a7a;
}

.social_icon li {
    float: left;
    margin-left: 15px;
}

.social_icon li a {
    color: #7a7a7a;
    font-size: 18px;
}

.social_icon li a:hover {
    color: #53af32;
}

.leave-reply-form {
    margin: 0 -15px;
}

.leave-reply-form .input-4,
.leave-reply-form .input-btn {
    padding: 0 15px;
    display: inline-block;
    width: 100%;
}

.blog-detail-img img {
    width: 100%;
}

.cart-product .cp-comments {
    color: #7a7a7a;
}

.cart-product .cp-comments i {
    color: #53af32;
}

.leave-reply {
    padding-top: 30px;
}

.newslatter-inner-box {
    background-color: #343434;
    padding: 15px 20px 20px 20px;
}

.side-newslatter-box .side-box-title h6 {
    color: #fff;
    border: none;
    padding-bottom: 15px;
}

.side-newslatter-form input {
    border: none;
    width: 100%;
    font-size: 14px;
    margin: 0;
    color: #7a7a7a;
    padding: 10px 55px 10px 15px;
}

.newslatter-bnt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: none;
    border: none;
    color: #53af32;
    border-left: 1px solid #000;
    padding: 0px 15px;
    margin: 7px 0;
    cursor: pointer;
}

.side-newslatter-form {
    position: relative;
}

.side-box {
    margin-bottom: 40px;
}

.side-box:last-child {
    margin-bottom: 0;
}

.blog-sidebar .side-quantity-box .side-box-title {
    padding-bottom: 0;
}

.side-recent-product,
.side-comments {
    padding-top: 15px;
}

.sc-comment a {
    display: inline;
    font-weight: normal;
    font-size: 14px;
}

.sc-comment i {
    color: #7a7a7a;
    font-size: 14px;
}

.sc-comment {
    border-bottom: 1px dashed #cdcdcd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.zoom-img {
    position: relative;
    overflow: hidden;
}

.zoom-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.side-banner-ads a {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.zoom-img:hover img {
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.side-featured-post .zoom-img a {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    margin: 14px 15px;
    font-weight: normal;
}

.side-featured-post .side-box-title {
    padding-bottom: 15px;
}

.side-posts ol li::before {
    content: "0" counter(step-counter);
    background-color: #53af32;
    border-radius: 100%;
    font-weight: 400;
    text-align: center;
    margin-right: 15px;
    color: #fff;
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.side-posts ol li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    vertical-align: middle;
}

.side-posts ol li {
    position: relative;
    counter-increment: step-counter;
    margin-bottom: 15px;
    border-bottom: 1px dashed #cdcdcd;
    padding: 0 0 15px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.side-recent-post .side-box-title {
    padding-bottom: 15px;
}

.side-posts ol li:last-child {
    margin-bottom: 0;
}

.side-insta-post .side-box-title {
    padding-bottom: 15px;
}

.side-insta-img a {
    width: 33.33%;
    float: left;
    padding: 3px;
    overflow: hidden;
}

.side-insta-img a img {
    width: 100%;
}

.side-insta-img {
    display: table;
    width: 100%;
}


/**************************************/


/*23. Blog With Sidebar 2 InnerPage Css*/

.blog_with_sidebar_2-inner-section .news-img {
    width: 30%;
    height: 222px;
}

.blog_with_sidebar_2-inner-section .news-img img {
    height: 100%;
    object-fit: cover;
}

.blog_with_sidebar_2-inner-section .news-info {
    width: 70%;
    text-align: left !important;
    padding: 20px;
}

.blog_with_sidebar_2-inner-section .news-box {
    display: -ms-flexbox;
    display: flex;
}

.news-info .comments a {
    margin: 0;
}


/**************************************/


/*24. Contact InnerPage Css*/

.contact-form .input-1,
.contact-form .input-2,
.contact-form .input-3,
.contact-form .input-4 {
    width: 50%;
    float: left;
}

.contact-form>div {
    padding: 0 15px;
}

.contact-form {
    margin: 0 -15px;
}

.contact-form label span {
    color: #53af32;
    padding-left: 3px;
}

.form-with-label label {
    text-transform: uppercase;
    font-weight: 600;
}

.contact-locations li span {
    width: 49px;
    height: 49px;
    background-color: #363f4d;
    border-radius: 100%;
    text-align: center;
    line-height: 49px;
    margin-right: 15px;
    color: #fff;
    font-size: 24px;
}

.submit-btn .btn-primary {
    cursor: pointer;
}

.contact-locations li {
    display: table;
    margin-top: 10px;
}

.contact-locations li a,
.contact-locations li p {
    display: table-cell;
    vertical-align: middle;
    color: #7a7a7a;
    transition: all 0.3s ease-in-out;
}

.contact-locations li a:hover {
    color: #53af32;
}

.contact-locations {
    padding-top: 12px;
}

.map {
    height: 420px;
}


/**************************************/


/*25. Aboutus InnerPage Css*/

.about-points li {
    color: #000;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.about-points li span {
    width: 35px;
    height: 35px;
    text-align: center;
    background-color: #53af32;
    color: #fff;
    line-height: 35px;
    font-size: 20px;
    border-radius: 100%;
    margin-right: 10px;
}

.about-points {
    padding-top: 10px;
}

.about-info-img img {
    width: 100%;
}

.counters-section {
    padding: 65px 0 85px 0;
    position: relative;
}

.counter-inner {
    text-align: center;
}

.counter-inner .counter {
    font-size: 46px;
    color: #fff;
    position: relative;
    font-weight: 500;
}

.counter-inner p {
    font-size: 20px;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    padding-top: 15px;
}

.counter-inner p:before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 57px;
    top: 0;
    height: 2px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.counters-section::before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.counter-inner {
    width: 33.33%;
    float: left;
}

.event-box {
    text-align: center;
    padding: 0 10px;
}

.event-icon {
    width: 57px;
    height: 57px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
    background-color: #363f4d;
    line-height: 58px;
    color: #fff;
    font-size: 30px;
    border-radius: 100%;
    position: relative;
}

.event-icon:before {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    border-radius: 100%;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    transition: all 0.3s ease-in-out;
    z-index: 0;
}

.event-box:hover .event-icon:before {
    border: 26px solid #ffffff;
}

.event-box:hover .event-icon {
    color: #363f4d;
}

.event-icon span {
    z-index: 99;
    position: relative;
}

.event-title {
    font-weight: 600;
    color: #121111;
    padding: 18px 0 10px 0;
}

.event-text {
    color: #7a7a7a;
    font-weight: 400;
}


/**************************************/


/*26. Compare InnerPage Css*/

.compare-box {
    position: relative;
    z-index: 0;
}

.compare-box .row-1 .row-img {
    padding: 0;
}

.compare-box .row-1 .row-img img {
    width: 100%;
}

.compare-box tr td:first-child {
    width: 22%;
}

.compare-box tr td:nth-child(2),
.compare-box tr td:nth-child(3),
.compare-box tr td:nth-child(4) {
    width: 26%;
}

.compare-box .row-title p {
    color: #7a7a7a;
    text-align: left;
    text-transform: capitalize;
}

.compare-box tr td {
    padding: 20px 10px;
}

.compare-box .product-name {
    text-align: center;
}

.compare-box span {
    line-height: 24px;
}

.compare-box .product-rate span {
    color: #53af32;
}

.compare-box .row-text p {
    color: #7a7a7a;
    font-size: 14px;
}

.compare-box .product-name p,
.compare-box .row-color p,
.compare-box .row-size p {
    color: #000;
}

.compare-box .row-stock .in-stock {
    color: #408814;
}

.compare-box .row-stock .out-stock {
    color: #53af32;
}

.compare-box .row-options .hover-icon {
    position: inherit;
}

.compare-box .table {
    margin: 0;
}

.compare-box .table-bordered td,
.compare-box .table-bordered th {
    border: 1px solid #cacaca;
}


/**************************************/


/*27. Cart InnerPage Css*/

.cart-table .product-quantity .input-group {
    -ms-flex-pack: center;
    justify-content: center;
}

.cart-table .product-quantity .input-group .quantity-number {
    width: 52px;
    padding: 0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #cdcdcd;
}

.cart-table tbody tr td {
    vertical-align: middle;
}

.cart-table .row-title p {
    color: #7a7a7a;
    text-transform: capitalize;
}

.product-name {
    font-weight: 500;
}

.cart-table .product-price p,
.cart-table .product-total p,
.order-table .product-price,
.order-table .product-subtotal {
    color: #53af32;
    font-weight: 500;
}

.order-table tbody td {
    padding: 30px 12px;
}

.order-table .product-quantity {
    color: #7a7a7a;
}

.order-table tfoot td {
    text-transform: uppercase;
    font-weight: 500;
}

.cart-table .row-close a {
    color: #53af32;
    font-size: 24px;
}

.cart-table .table-btn li {
    display: inline-block;
}

.cart-table .table-btn li a {
    text-transform: uppercase;
    margin: 5px;
}

.cart-table .table-btn li a i {
    padding-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.quantity_filter {
    margin: 0 auto;
    display: table;
}

.cart-table .table-bordered td,
.cart-table .table-bordered th {
    border: 1px solid #cacaca;
}

.cart-table .table {
    margin: 0;
}

.cart-inner-box {
    border: 1px solid #cacaca;
}

.ci-title h6 {
    border-bottom: 1px solid #cacaca;
    text-transform: uppercase;
    color: #000;
    padding: 16px 20px;
}

.ci-caption {
    padding: 20px 15px 20px 15px;
}

.ci-caption>p {
    color: #7a7a7a;
    padding-bottom: 15px;
}

.ci-caption button,
.ci-btn button {
    border-radius: 0;
    display: block;
    width: 100%;
    padding: 10px 35px;
    cursor: pointer;
}

.ci-caption form .square-input {
    margin-bottom: 10px;
}

.ci-caption ul li {
    text-align: left;
    color: #7a7a7a;
}

.ci-caption ul li span {
    float: right;
}

.ci-caption ul li {
    border-bottom: 1px dashed #7a7a7a;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ci-caption ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.cart-inner-box.box-2 .ci-caption {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 25px;
}

.ci-btn {
    padding: 20px;
}

.cart-inner-box.box-1 {
    margin-bottom: 30px;
}

.row-close.close-1 {
    display: none;
}


/**************************************/


/*28. Error InnerPage Css*/

.error-banner {
    min-height: 100vh;
    position: relative;
}

.error_info {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error-text {
    font-weight: 400;
    color: #fff;
    margin-top: 44px;
}

.form-wizard .input-error {
    box-shadow: 0 0 1.5px 1px red;
}

.form-wizard .card fieldset {
    display: none;
}

.form-wizard .card.active fieldset {
    display: block;
}


/**************************************/


/*29. Index-2 Page Css*/


/*29.01. Common Css*/

body.theme-2 {
    font-weight: normal;
}

.theme-2 p {
    font-weight: normal;
}

.yellow-bg {
    background-color: #f8f8f8;
}

.header-mrg {
    margin-top: -51px
}

.bg-white {
    background-color: #fff;
}

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

.theme-2 .btn-primary {
    font-size: 14px;
}

.theme-2 .btn-primary::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    border: 0;
    left: 0;
    background: rgb(254, 79, 67, 0.5);
    z-index: -1;
    transition: all 0.3s ease-in-out;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.theme-2 .btn-primary::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    border: 0;
    background: rgb(254, 79, 67, 0.5);
    transition: all 0.3s ease-in-out;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    top: 0;
}

.theme-2 .btn-primary:hover::before {
    height: 100%;
}

.theme-2 .btn-primary:hover::after {
    width: 100%;
}

.small-divider {
    height: 30px;
}

.medium-divider {
    height: 50px;
}

.large-divider {
    height: 70px;
}

.text-white,
.text-white * {
    color: #fff !important;
}

.theme-2 .title h4 {
    margin-bottom: 25px;
}

.product-rate i {
    color: #ffc300;
    font-size: 18px;
}

.fixed_bg {
    background-attachment: fixed !important;
}

.overlay_bg::before {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0 5px;
}

.owl-theme .owl-nav .owl-dots {
    line-height: 0;
}

.overlay-bg {
    position: relative;
}

.fixed-bg {
    background-attachment: fixed !important;
}

.overlay-bg::before {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


/**************************************/


/*29.02. Header Css*/

.header-btm .navbar .navbar-collapse>ul>li:last-child>a {
    margin-right: 0;
}

.categories-btn i {
    font-size: 30px;
    vertical-align: middle;
    line-height: 0;
    padding-right: 10px;
}

.list-unstyled li a[aria-expanded="true"] i.plus-icon {
    display: none;
}

.theme-2 .header_list>li a {
    font-weight: normal;
    color: #7a7a7a;
}

.header_list.dark_list>li a {
    font-weight: normal;
    color: #7a7a7a;
}

.header_list.dark_list li::before {
    background-color: #7a7a7a;
}

.theme-2 .header_list li:before {
    background-color: #7a7a7a;
}

.header_list li a:hover,
.footer-links li a:hover,
.footer-box.box-4 ul li a:hover {
    color: #53af32;
}

.theme-2 .header-btm .navbar .navbar-collapse>ul>li>a {
    font-weight: normal;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #53af32;
}

.header_text p {
    font-size: 14px;
}

.categories-btn {
    cursor: pointer;
    padding: 12px 20px;
    background-color: #9f00cc;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    border: 0;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 8;
    overflow: hidden;
}

.categories-btn:hover::before,
.header-form button:hover::before {
    top: 0;
    bottom: 0;
}

.categories-btn:hover:after,
.header-form button:hover:after {
    width: 100%;
}

.categories-btn::before,
.header-form button::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    border: 0;
    left: 0;
    background: rgb(254, 79, 67, 0.5);
    z-index: -1;
    transition: all 0.3s ease-in-out;
    bottom: 50%;
    border-radius: 0px 30px 30px 0px;
}

.categories-btn:after,
.header-form button:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    border: 0;
    background: rgb(254, 79, 67, 0.5);
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
    z-index: -1;
    top: 0;
    border-radius: 0px 30px 30px 0px;
}

.theme-2 .header-mdl,
.theme-2 .header-btm {
    border: 0;
}

.theme-2 header.nav-fixed .header-btm {
    border-bottom: 1px solid #cdcdcd !important;
}

#sidebar {
    width: 350px;
    position: fixed;
    top: 0;
    left: -350px;
    height: 100vh;
    z-index: 1001;
    background-color: #ffffff;
    transition: all 0.3s;
    overflow-y: scroll;
    color: #fff;
}

#sidebar.active,
#sidebar.sidebar-style-1.active {
    left: 0;
}

.menu-wrap .dropdown-menu {
    padding: 0;
    border: 0;
    position: static !important;
    transform: none !important;
    margin-top: 0;
    min-width: auto;
    float: none;
    background-color: transparent;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #53af32;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    opacity: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.header-overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .mCSB_container {
    padding: 70px 0;
}

.list-unstyled li a {
    display: block;
    position: relative;
    padding: 10px 20px;
    text-transform: capitalize;
}

.list-unstyled li a i {
    position: absolute;
    top: 0;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.list-unstyled li .list-unstyled {
    margin-left: 20px;
}

.theme-2 .sub-menu {
    left: auto;
    right: 0;
}

.theme-2 .header-cart>a {
    padding: 0;
}

.theme-2 .header-right ul li>a i {
    font-size: 22px;
    padding: 0;
}

.theme-2 .cart-icon {
    padding: 0;
}

.theme-2 .header-right ul li.header-cart>a>i {
    padding: 0;
    font-size: 16px;
}

.theme-2 .cart-icon span {
    width: 17px;
    height: 17px;
    line-height: 18px;
    font-size: 10px;
    right: -3px;
}

.theme-2 .header-right ul li.header-cart>a>div>i {
    padding-right: 5px;
}

.header-form .search-box {
    font-weight: normal;
}


/**************************************/


/*29.03. Slider Css*/

.theme-2 .slider-area {
    padding: 70px 0;
    height: 500px;
}

.theme-2 .slider-caption {
    padding: 0 50px;
}

.shop-hover {
    position: relative;
}

.shop-hover-text {
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 15px;
    left: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.shop-banner-wrap {
    padding: 30px 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.shop-banner-wrap p {
    padding: 10px 0;
}

.hover_visible .shop-hover-text {
    opacity: 1;
    visibility: visible;
}

.shop-hover-wrap {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    padding: 10px 10px;
    z-index: 1;
    width: 100%;
}

.shop-hover-wrap p {
    font-size: 14px;
    line-height: normal;
    margin: 6px 0 10px 0;
}

.shop-hover:hover .shop-hover-text {
    opacity: 1;
    visibility: visible;
}


/**************************************/


/*29.04. Popular Products Css */

.products-style-1 .product-box:hover .hover-option .hover-icon {
    right: 20px;
}

.products-style-1 .hover-icon {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.products-style-1 .hover-icon li {
    display: inherit;
    margin: 5px 0;
}

.products-style-1 .hover-icon li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    /*background-color: #444;*/
}

.products-style-1 .common-cart-box {
    padding: 15px;
    border: 1px solid #53af32;
}

.products-style-1 .owl-theme .owl-nav {
    margin-top: 15px;
}

.product-color {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
}

.product-color li {
    line-height: 0;
}

.product-color li a {
    width: 25px;
    height: 25px;
    margin: 5px 0;
    border-radius: 100%;
    border: 1px solid #cfcfcf;
}

.product-box:hover .hover-option .product-color {
    left: 20px;
}

.theme-2 .common-cart-info .cart-name {
    font-weight: normal;
    margin: 15px 0 0 0;
}


/*color name*/

.blue-dot {
    background-color: #223480;
}

.pink-dot {
    background-color: #F8BFC5;
}

.yellow-dot {
    background-color: #EF9B0F;
}

.red-dot {
    background-color: #FE3939;
}

.white-dot {
    background-color: #ffffff;
}

.black-dot {
    background-color: #000000;
}

.orange-dot {
    background-color: #FF6600;
}

.black-dot {
    background-color: #000000;
}

.navy-dot {
    background-color: #000080;
}

.dark-blue-dot {
    background-color: #00008B;
}

.medium-blue-dot {
    background-color: #0000CD;
}

.blue-dot {
    background-color: #0000FF;
}

.dark-green-dot {
    background-color: #006400;
}

.green-dot {
    background-color: #008000;
}

.teal-dot {
    background-color: #008080;
}

.dark-cyan-dot {
    background-color: #008B8B;
}

.deep-sky-blue-dot {
    background-color: #00BFFF;
}

.dark-turquoise-dot {
    background-color: #00CED1;
}

.medium-spring-green-dot {
    background-color: #00FA9A;
}

.lime-dot {
    background-color: #00FF00;
}

.spring-green-dot {
    background-color: #00FF7F;
}

.aqua-dot {
    background-color: #00FFFF;
}

.cyan-dot {
    background-color: #00FFFF;
}

.midnight-blue-dot {
    background-color: #191970;
}

.dodger-blue-dot {
    background-color: #1E90FF;
}

.light-sea-green-dot {
    background-color: #20B2AA;
}

.forest-green-dot {
    background-color: #228B22;
}

.sea-green-dot {
    background-color: #2E8B57;
}

.dark-slate-gray-dot {
    background-color: #2F4F4F;
}

.lime-green-dot {
    background-color: #32CD32;
}

.medium-sea-green-dot {
    background-color: #3CB371;
}

.turquoise-dot {
    background-color: #40E0D0;
}

.royal-blue-dot {
    background-color: #4169E1;
}

.steel-blue-dot {
    background-color: #4682B4;
}

.dark-slate-blue-dot {
    background-color: #483D8B;
}

.medium-turquoise-dot {
    background-color: #48D1CC;
}

.indigo-dot {
    background-color: #4B0082;
}

.dark-olive-green-dot {
    background-color: #556B2F;
}

.cadet-blue-dot {
    background-color: #5F9EA0;
}

.cornflower-blue-dot {
    background-color: #6495ED;
}

.rebecca-purple-dot {
    background-color: #663399;
}

.medium-aqua-marine-dot {
    background-color: #66CDAA;
}

.dim-gray-dot {
    background-color: #696969;
}

.slate-blue-dot {
    background-color: #6A5ACD;
}

.olive-drab-dot {
    background-color: #6B8E23;
}

.slate-gray-dot {
    background-color: #708090;
}

.light-slate-gray-dot {
    background-color: #778899;
}

.medium-slate-blue-dot {
    background-color: #7B68EE;
}

.lawn-green-dot {
    background-color: #7CFC00;
}

.chartreuse-dot {
    background-color: #7FFF00;
}

.aquamarine-dot {
    background-color: #7FFFD4;
}

.maroon-dot {
    background-color: #800000;
}

.purple-dot {
    background-color: #800080;
}

.olive-dot {
    background-color: #808000;
}

.gray-dot {
    background-color: #808080;
}

.gray-dot {
    background-color: #808080;
}

.sky-blue-dot {
    background-color: #87CEEB;
}

.light-sky-blue-dot {
    background-color: #87CEFA;
}

.blue-violet-dot {
    background-color: #8A2BE2;
}

.dark-red-dot {
    background-color: #8B0000;
}

.dark-magenta-dot {
    background-color: #8B008B;
}

.saddle-brown-dot {
    background-color: #8B4513;
}

.dark-sea-green-dot {
    background-color: #8FBC8F;
}

.light-green-dot {
    background-color: #90EE90;
}

.medium-purple-dot {
    background-color: #9370DB;
}

.dark-violet-dot {
    background-color: #9400D3;
}

.pale-green-dot {
    background-color: #98FB98;
}

.dark-orchid-dot {
    background-color: #9932CC;
}

.yellow-green-dot {
    background-color: #9ACD32;
}

.sienna-dot {
    background-color: #A0522D;
}

.brown-dot {
    background-color: #A52A2A;
}

.dark-gray-dot {
    background-color: #A9A9A9;
}

.light-blue-dot {
    background-color: #ADD8E6;
}

.green-yellow-dot {
    background-color: #ADFF2F;
}

.pale-turquoise-dot {
    background-color: #AFEEEE;
}

.light-steel-blue-dot {
    background-color: #B0C4DE;
}

.powder-blue-dot {
    background-color: #B0E0E6;
}

.fire-brick-dot {
    background-color: #B22222;
}

.dark-golden-rod-dot {
    background-color: #B8860B;
}

.medium-orchid-dot {
    background-color: #BA55D3;
}

.rosy-brown-dot {
    background-color: #BC8F8F;
}

.dark-khaki-dot {
    background-color: #BDB76B;
}

.silver-dot {
    background-color: #C0C0C0;
}

.medium-Violet-red-dot {
    background-color: #C71585;
}

.indian-red-dot {
    background-color: #CD5C5C;
}

.peru-dot {
    background-color: #CD853F;
}

.chocolate-dot {
    background-color: #D2691E;
}

.tan-dot {
    background-color: #D2B48C;
}

.light-gray-dot {
    background-color: #D2B48C;
}

.light-thistle-dot {
    background-color: #D8BFD8;
}

.light-orchid-dot {
    background-color: #DA70D6;
}

.golden-rod-dot {
    background-color: #DAA520;
}

.pale-violet-red-dot {
    background-color: #DB7093;
}

.crimson-dot {
    background-color: #DC143C;
}

.gainsboro-dot {
    background-color: #DCDCDC;
}

.plum-dot {
    background-color: #DDA0DD;
}

.burly-wood-dot {
    background-color: #DEB887;
}

.light-cyan-dot {
    background-color: #E0FFFF;
}

.lavender-dot {
    background-color: #E6E6FA;
}

.dark-salmon-dot {
    background-color: #E9967A;
}

.violet-dot {
    background-color: #EE82EE;
}

.pale-golden-rod-dot {
    background-color: #EEE8AA;
}

.light-coral-dot {
    background-color: #F08080;
}

.khaki-dot {
    background-color: #F0E68C;
}

.alice-blue-dot {
    background-color: #F0F8FF;
}

.honey-dew-dot {
    background-color: #F0FFF0;
}

.azure-dot {
    background-color: #F0FFFF;
}

.sandy-brown-dot {
    background-color: #F4A460;
}

.wheat-dot {
    background-color: #F5DEB3;
}

.beige-dot {
    background-color: #F5F5DC;
}

.white-smoke-dot {
    background-color: #F5F5F5;
}

.mint-cream-dot {
    background-color: #F5FFFA;
}

.ghost-white-dot {
    background-color: #F8F8FF;
}

.salmon-dot {
    background-color: #FA8072;
}

.antique-white-dot {
    background-color: #FAEBD7;
}

.linen-dot {
    background-color: #FAF0E6;
}

.light-golden-rod-yellow-dot {
    background-color: #FAFAD2;
}

.old-lace-dot {
    background-color: #FDF5E6;
}

.red-dot {
    background-color: #FF0000;
}

.fuchsia-dot {
    background-color: #FF00FF;
}

.magenta-dot {
    background-color: #FF00FF;
}

.deep-pink-dot {
    background-color: #FF1493;
}

.orange-red-dot {
    background-color: #FF4500;
}

.tomato-dot {
    background-color: #FF6347;
}

.host-pink-dot {
    background-color: #FF69B4;
}

.coral-dot {
    background-color: #FF7F50;
}

.dark-orange-dot {
    background-color: #FF8C00;
}

.light-salmon-dot {
    background-color: #FFA07A;
}

.orange-dot {
    background-color: #FFA500;
}

.light-pink-dot {
    background-color: #FFB6C1;
}

.pink-dot {
    background-color: #FFC0CB;
}

.gold-dot {
    background-color: #FFD700;
}

.peach-puff-dot {
    background-color: #FFDAB9;
}

.navajo-white-dot {
    background-color: #FFDEAD;
}

.moccasin-dot {
    background-color: #FFE4B5;
}

.bisque-dot {
    background-color: #FFE4C4;
}

.mistyrose-dot {
    background-color: #FFE4E1;
}

.blanched-almond-dot {
    background-color: #FFEBCD;
}

.papaya-whip-dot {
    background-color: #FFEFD5;
}

.lavender-blush-dot {
    background-color: #FFF0F5;
}

.sea-shell-dot {
    background-color: #FFF5EE;
}

.cornsilk-dot {
    background-color: #FFF8DC;
}

.lemon-chiffon-dot {
    background-color: #FFFACD;
}

.floral-white-dot {
    background-color: #FFFAF0;
}

.snow-dot {
    background-color: #FFFAFA;
}

.yellow-dot {
    background-color: #FFFF00;
}

.light-yellow-dot {
    background-color: #FFFFE0;
}

.ivory-dot {
    background-color: #FFFFF0;
}

.white-dot {
    background-color: #FFFFFF;
}

.apricot-dot {
    background-color: #f8b878;
}

.dark-blue-dot {
    background-color: #202040;
}

.lake-blue-dot {
    background-color: #b0e7fb;
}

.camel-dot {
    background-color: #a47e63;
}


/**************************************/


/*29.05. Banner Section Css*/

.sale-banner a {
    overflow: hidden;
}

.sale-banner img {
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

.sale-banner a:hover img {
    transform: scale(1.05);
}


/**************************************/


/*29.06. Testimonial Section Css*/

.testimonial {
    border-left: 3px solid #fff;
    padding: 100px 0 100px 275px;
    position: relative
}

.testimonial:before,
.testimonial:after {
    content: "";
    width: 320px;
    height: 55px;
    border-right: 3px solid #fff;
    position: absolute;
    left: 0;
}

.testimonial:before {
    border-top: 3px solid #fff;
    top: 0;
}

.testimonial:after {
    border-bottom: 3px solid #fff;
    bottom: 0;
}

.testimonial .testimonial-img {
    max-width: 100px;
    position: absolute;
    top: 100px;
    left: 100px;
    padding: 3px;
    background: #fff;
}

.testimonial .testimonial-img img {
    width: 100%;
    height: auto;
}

.testimonial .testimonial-title a {
    color: #fff;
}

.testimonial .testimonial-title a:hover {
    color: #53af32;
}

.testimonial .description {
    position: relative;
    color: #fff;
}

.testimonial .description:before {
    content: "\f10d";
    font-family: "FontAwesome";
    font-weight: 900;
    position: absolute;
    top: -70px;
    left: 0;
    font-size: 20px;
}

.testimonial-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 0 !important;
    top: auto;
}

.testimonial-slider.owl-theme .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
}

.testimonial-slider.owl-carousel .owl-nav button.owl-next,
.theme-2 .testimonial-slider.owl-carousel .owl-nav button.owl-prev {
    background-color: #fff;
    color: #444;
}

.testimonial-slider.owl-carousel .owl-nav button.owl-next:hover,
.theme-2 .testimonial-slider.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #53af32;
    color: #fff;
}

.testimonial .testimonial-title {
    margin-top: 10px;
}

.testimonial .post {
    display: block;
    color: #53af32;
    margin-top: 10px;
}

.carousel-indicators .active,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #53af32;
}

.testimonial-slider .owl-dots .owl-dot:hover span,
.testimonial-slider .owl-dots .owl-dot.active span {
    border-color: #53af32;
}


/**************************************/


/*29.07. Tab Section Css*/

.tab-section .nav-tabs {
    height: 100%;
    align-items: center;
    border: 0;
}

.tab-section .nav-tabs .nav-item .nav-link {
    width: 100%;
    background: #ffffff;
    border-radius: 0;
    border: 1px solid #53af32;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 800;
}

.tab-section .nav-tabs .nav-item {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.tab-section .nav-tabs .nav-item .nav-link.active,
.tab-section .nav-tabs .nav-item .nav-link:hover {
    background-color: #53af32;
    color: #fff;
    border-color: transparent;
}

.tab-section .nav-tabs .nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 25px;
    border-color: transparent transparent transparent #53af32;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    top: 50%;
    transform: translateY(-50%);
}

.tab-section .nav-tabs .nav-item .nav-link.active::before,
.tab-section .nav-tabs .nav-item .nav-link:hover::before {
    opacity: 1;
    visibility: visible;
}

.tab-section .tab-content>.tab-pane.active {
    height: auto;
    display: block;
}

.tab-section .tab-content>.tab-pane {
    display: block;
    height: 0;
}

.accordion-style1 .card-header,
.accordion-style1 .card {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.accordion-style1 .card {
    margin-bottom: 10px;
}

.accordion-style1 .card:last-child {
    margin-bottom: 0px;
}

.accordion-style1 .card-header a[aria-expanded="true"] {
    margin-bottom: 10px;
}

.accordion-style1 .card-header a {
    padding: 10px;
    display: block;
    background-color: #53af32;
    color: #fff;
}


/**************************************/


/*29.08. Couperncod Section Css*/

.coupencode-wrap h2 {
    margin-bottom: 15px;
}


/**************************************/


/*29.09. News Section Css*/

.news-wrap-img {
    position: relative;
}

.news-wrap-info {
    padding: 15px 15px;
}

.news-date-box {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease-in-out;
    border-radius: 100%;
}

.news-date-box h6 {
    padding: 11px 0;
}

.news-wrap-info h5 {
    margin-bottom: 5px;
    text-transform: capitalize;
}

.comments-time li {
    display: inline-block;
}

.comments-time {
    margin-top: 5px;
}

.news-wrap-info .read-more {
    margin-top: 10px;
}

.comments-time a {
    color: #53af32;
    margin-right: 15px;
}

.news-box:hover .news-date-box {
    background-color: #53af32;
    color: #fff;
}

.comments-time i {
    padding-right: 10px;
}


/**************************************/


/*29.10. Service Section Css*/

.servicebox {
    padding: 15px 0px 15px 65px;
    position: relative;
}

.servicebox .service-icon {
    width: 50px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #53af32;
    text-align: center;
    border: 2px solid #53af32;
    position: absolute;
    top: 50%;
    left: 0px;
    transition: all 0.3s ease 0s;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.servicebox .service-icon:before,
.servicebox .service-icon:after {
    content: "";
    height: 2px;
    background: #53af32;
    position: absolute;
    top: -15px;
    left: 10px;
    right: 10px;
    transition: all 0.3s ease 0s;
}

.servicebox .service-icon:after {
    top: auto;
    bottom: -15px;
    left: 10px;
    right: 10px;
}

.servicebox:hover .service-icon:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.servicebox:hover .service-icon:after {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


/**************************************/


/*29.11. Instagram Section Css*/

.insta-slider {
    line-height: 0;
}

.insta-img a {
    position: absolute;
    top: 0;
    text-align: center;
    height: 100%;
    font-size: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(0);
    line-height: 224px;
    right: 0;
    left: 0;
}

.insta-img a i {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.insta-img:hover a {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}


/**************************************/


/*29.12. Footer Section Css*/

.privacy-terms li a {
    font-size: 14px;
}

.privacy-terms li {
    display: inline-block;
    margin-left: 20px;
}

.footer-mdl {
    padding: 50px 0 40px 0;
}

.outline-input input {
    width: 100%;
    padding: 8px 125px 8px 15px;
    border: 1px solid #cdcdcd;
    border-radius: 50px;
}

.newsletter-form {
    position: relative;
}

.newsletter-form .btn.btn-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 0;
    padding: 0 30px;
}

.footer-box.box-6 ul li {
    width: auto;
    line-height: 1.5;
}

.footer-box.box-6 .header_list {
    display: inline-block;
    width: 100%;
}

.footer-box.box-6 .fb-iner {
    line-height: 0;
}

.footer-box.box-6 ul li a {
    font-size: 15px;
}

.ft_link_inline li {
    display: inline-block;
    margin-left: 10px;
}

.footer_link_white ul li a {
    color: #fff;
}

.footer_link_white ul li a:hover {
    color: #53af32;
}


/**************************************/


/**************************************/


/* 30.01. Common Css */

.navy-dark-bg {
    background-color: #363F4D;
}

body.theme-3 {
    background-color: #F1F3F6;
}

.theme-3 section,
.theme-3 footer {
    padding: 30px 15px;
    margin: 30px 15px;
}

.mt-30 {
    margin-top: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.my-15 {
    margin: 0 15px 0 15px !important;
}

.mx-15 {
    margin: 15px 0 15px 0 !important;
}

.section-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
}

.theme-3 p {
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
}


/**************************************/


/* 30.02. Header Css */

.header-form.form-sm .search-box {
    height: 40px;
    font-size: 14px;
    padding: 10px 135px 10px 15px;
}

.header-form.form-sm button {
    padding: 8px 32px;
}

.header-options {
    text-align: right;
}

.header-options li {
    display: inline-block;
}

.header-options>li>a {
    font-weight: normal;
    margin-left: 15px;
    font-size: 16px;
}

.header-options>li:first-child>a {
    margin-left: 0;
}

.header-options .cart-icon {
    font-size: 20px;
}

.header-options .cart-icon span {
    width: 17px;
    height: 17px;
    line-height: 18px;
}

.header-options .cart-icon i {
    padding: 0;
}

.header-options .cart-box {
    text-align: left;
}

.header-3 .header-btm .navbar .navbar-collapse>ul>li>a {
    color: #fff;
}

.header-3 .header-btm .navbar .navbar-collapse ul li a:hover,
.header-3 .header-btm .navbar .navbar-collapse ul li.active>a,
.menu-wrap ul li.active>a {
    color: #53af32;
}

.header-3 .all-menu li:first-child a {
    margin: 0;
}

.header-3 .navbar-expand-lg .navbar-nav .mega-menu.dropdown-menu {
    max-width: 100%;
}

#mega-dropdown-menu .list-unstyled li .list-unstyled {
    margin-left: 20px;
}

#mega-dropdown-menu {
    position: absolute;
    background-color: #fff;
    right: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    height: 365px;
    opacity: 0;
    visibility: hidden;
    top: 0;
    width: 100%;
}

#mega-dropdown-menu .list-unstyled li a {
    font-size: 14px;
    padding: 10px 10px;
}

#mega-dropdown-menu.down {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-banner {
    margin-top: 15px;
    border: 1px solid #cccccc;
    display: block;
    margin-bottom: 5px;
}

.header-banner img {
    width: 100%;
}

.menu_style1 .navbar .navbar-collapse>ul>li>a {
    margin: 0;
    padding: 30px 15px;
}

.header_logo img {
    max-width: 180px;
}

.header_logo a {
    padding: 10px 0;
}


/**************************************/


/* 30.03. Slider Section Css */

.slider-type-2 .slider-area {
    height: 350px;
}

.slider-type-2 .banner_slide_content {
    right: 10%;
    left: 10%;
}

.slider-width {
    transition: all 0.5s ease-in-out;
}

.slider-width.width-half {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.full_screen {
    height: 100vh;
    min-height: 45rem;
}

.full-screen .carousel-item {
    height: 100vh;
    min-height: 45rem;
}


/**************************************/


/* 30.04. Deals Section Css */

.products-style-2 .common-cart-info .cart-name {
    font-size: 14px;
    margin: 10px 0 0 0;
}

.products-style-2 .cart-price {
    font-size: 14px;
}

.products-style-2 .product-color li a {
    width: 20px;
    height: 20px;
    margin: 3px 0;
}

.products-style-2 .common-cart-info {
    text-align: center;
}

.products-style-2 .hover-icon li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.products-style-2 .hover-icon li {
    display: inherit;
    margin: 5px 0;
}

.products-style-2 .hover-icon li:last-child a {
    border-right-width: 1px;
}

.products-style-2 .hover-icon {
    bottom: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.products-style-2 .common-cart-img {
    overflow: hidden;
}

.nav-style-2.owl-theme .owl-nav {
    line-height: 0;
    margin: 0;
}

.products-style-2 .common-cart-box:hover .hover-icon {
    right: 20px;
}

.nav-style-2.owl-theme .owl-nav button {
    margin: 0;
    padding: 20px 15px !important;
    position: absolute;
    top: 50%;
    background-color: #53af32;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 25px;
    color: #fff;
}

.nav-style-2.owl-theme .owl-nav button.owl-prev {
    left: 0;
    border-radius: 0 10px 10px 0;
}

.nav-style-2.owl-theme .owl-nav button.owl-next {
    right: 0;
    border-radius: 10px 0 0 10px;
}

.nav-style-2.owl-theme .owl-nav button.disabled {
    opacity: 0;
    visibility: hidden;
}

.nav-style-2.owl-theme .owl-nav button:hover {
    background-color: #363f4d;
}


/**************************************/


/* 30.05. Shop Banner Section Css */

.shop-hover-style-2 .shop-hover-text {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: none;
    opacity: 1;
    visibility: visible;
}

.shop-hover-style-2 .shop-hover-text .shop-hover-wrap {
    top: 20px;
    -moz-transform: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    right: 20px;
    width: auto;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid;
}

.shop-hover-style-2 .shop-hover:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.shop-hover-style-2 .shop-hover img {
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.shop-hover-style-2 .shop-hover {
    overflow: hidden;
    display: block;
}


/**************************************/


/* 30.06. Testimonial Section Css */

.fancy-img {
    width: 130px;
    float: left;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 30px;
}

.fancy-img img {
    border-radius: 10px;
}

.fancy-box {
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 10px 10px;
    padding: 30px 20px 30px 50px;
    margin: 4px 4px 4px 100px;
}

.fancy-wrap {
    overflow: hidden;
}

.fancy-wrap:after {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 120px;
    line-height: 105px;
    color: #f1f3f6;
    z-index: -1;
}

.fancy-wrap .post {
    display: block;
    margin: 5px 0 15px 0;
}


/**************************************/


/* 30.07. Instagram Section Css */

.follow-box {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    background-color: rgba(254, 254, 254, 0.8);
    max-width: 500px;
    text-align: center;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 20px;
    width: 100%;
}

.instagram-section {
    position: relative;
}

.follow-box * {
    display: block;
}

.follow-box a {
    display: inline-block;
}

.follow-box i {
    font-size: 50px;
}

.follow-box h3 {
    text-transform: uppercase;
    margin: 10px 0 10px 0;
}

.follow-box span {
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 10px;
}


/**************************************/


/* 30.08. Footer Section Css */

.footer-style-2 .header_list li::before {
    background-color: #fff;
}

.footer-style-2 .footer-links>li>a,
.footer-style-2 .footer-box>ul>li p,
.footer-style-2 .footer-box>ul>li a {
    font-size: 14px;
}

.footer-logo img {
    width: 160px;
}

.footer-style-2 .footer-btm {
    padding: 30px 0;
}

.contact-box {
    text-align: center;
}

.contact-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #53af32;
    line-height: 50px;
    font-size: 30px;
    color: #53af32;
}

.contact-wrap p,
.contact-wrap a {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    margin-top: 15px;
}

.footer-last {
    padding: 15px 0;
}


/**************************************/


/* 31.01. Common Css */

.theme-4 p {
    font-weight: normal;
    line-height: 22px;
    font-size: 14px;
}


/**************************************/


/* 31.02. Header Css */

.header-4 .navbar-expand-lg .navbar-nav .mega-menu.dropdown-menu {
    max-width: 100%;
}


/**************************************/


/* 31.03. Slider Section Css */

.slider-type-3 .slider-area {
    height: 500px;
}

.slider-type-3 .banner_slide_content {
    right: 10%;
    left: 10%;
}

.facility-style-2 .facility-box:before {
    content: none;
}

.facility-style-2 .facility-inner {
    height: 100%;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transition: all 0.3s ease-in-out;
    padding: 15px;
    margin: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.facility-style-2 {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.facility-style-2 .facility-box:last-child .facility-inner {
    border-bottom: 1px solid #ddd;
}

.facility-style-2 .facility-box {
    width: 100%;
    margin: 0;
}

.facility-style-2 .facility-inner:hover * {
    color: #fff;
}

.facility-style-2 .facility-inner:hover {
    background-color: #363f4d;
    border-color: #363f4d;
}

.carousel-style-2.carousel-indicators li::before {
    width: 10px;
    height: 10px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 100%;
}

.carousel-style-2.carousel-indicators li {
    background-color: #53af32;
    border-color: #53af32;
}

.carousel-style-2.carousel-indicators li.active {
    background-color: #fff;
    border-color: #fff;
}

.carousel-style-2.carousel-indicators li.active::before {
    opacity: 1;
    visibility: visible;
    background-color: #53af32;
}


/**************************************/


/* 31.04. Content Sidebar Section Css */

.right-side-section .side-box {
    margin-bottom: 30px;
}

.right-side-section .side-box:last-child {
    margin-bottom: 0px;
}

.left-side-section .products-section:last-child {
    padding-bottom: 0;
}


/**************************************/


/* 31.06. Categories Section Css */

.megamenu-style-2 #mega-dropdown-menu {
    opacity: 1;
    visibility: visible;
    height: auto;
    top: 100%;
    position: relative;
}

.megamenu-style-2 .categories-btn {
    display: block;
    width: 100%;
}


/**************************************/


/* 31.07. Blog Section Css */

.news-style-2 .news-wrap-info {
    position: relative;
}

.news-style-2 .news-wrap-tetx {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.news-style-2 .news-wrap:hover .news-wrap-tetx {
    margin: auto;
    height: auto;
}

.news-style-2 .news-wrap-info h5 {
    font-size: 18px;
}

.news-style-2 .comments-time a {
    font-size: 14px;
}

.news-style-2 .news-wrap-info .read-more {
    color: #fff;
}

.news-style-2 .news-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}

.news-style-2 .news-box:hover {
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.3);
}

.news-style-2 .news-wrap-img {
    overflow: hidden;
}

.news-style-2 .news-box:hover img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.news-style-2 .news-date-box {
    top: auto;
    bottom: 15px;
    left: 15px;
    height: auto;
    width: auto;
    border-radius: 0;
    right: auto;
}

.news-style-2 .news-date-box h6 br {
    display: none;
}

.news-style-2 .news-date-box h6 {
    padding: 10px 25px;
}


/**************************************/


/* 32.01. Common Css */

@keyframes BackToTop {
    50% {
        transform: translatey(-5px) translateX(-50%);
    }
    100% {
        transform: translatey(0px) translateX(-50%);
    }
}

@-webkit-keyframes BackToTop {
    50% {
        transform: translatey(-5px) translateX(-50%);
    }
    100% {
        transform: translatey(0px) translateX(-50%);
    }
}

@-moz-keyframes BackToTop {
    50% {
        transform: translatey(-5px) translateX(-50%);
    }
    100% {
        transform: translatey(0px) translateX(-50%);
    }
}

@-o-keyframes BackToTop {
    50% {
        transform: translatey(-5px) translateX(-50%);
    }
    100% {
        transform: translatey(0px) translateX(-50%);
    }
}

@keyframes LeftToRight {
    0% {
        left: 0px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0px;
    }
}

@-webkit-keyframes LeftToRight {
    0% {
        left: 0px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0px;
    }
}

@-moz-keyframes LeftToRight {
    0% {
        left: 0px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0px;
    }
}

@-o-keyframes LeftToRight {
    0% {
        left: 0px;
    }
    50% {
        left: -10px;
    }
    100% {
        left: 0px;
    }
}

@keyframes RightToLeft {
    0% {
        right: 0px;
    }
    50% {
        right: -10px;
    }
    100% {
        right: 0px;
    }
}

@-webkit-keyframes RightToLeft {
    0% {
        right: 0px;
    }
    50% {
        right: -10px;
    }
    100% {
        right: 0px;
    }
}

@-moz-keyframes RightToLeft {
    0% {
        right: 0px;
    }
    50% {
        right: -10px;
    }
    100% {
        right: 0px;
    }
}

@-o-keyframes RightToLeft {
    0% {
        right: 0px;
    }
    50% {
        right: -10px;
    }
    100% {
        right: 0px;
    }
}

.white-overlay {
    position: relative;
}

.white-overlay:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.theme-5 .btn {
    font-weight: normal;
}

.theme-5 .btn-primary {
    text-transform: uppercase;
    border-radius: 0;
    padding: 8px 20px;
}

.theme-5 .btn-primary i {
    font-size: 30px;
    vertical-align: middle;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.theme-5 .btn-primary i:before {
    line-height: 0;
}

.theme-5 .btn-primary:hover {
    padding: 8px 50px 8px 20px;
}

.theme-5 .btn-primary:hover i {
    opacity: 1;
    visibility: visible;
}

.title-style-2 h4 {
    font-size: 60px;
    padding: 0;
    margin: 0;
}

.title-style-2:before {
    bottom: auto;
    width: 100%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
}

.title-style-2 {
    display: inline-block;
    margin-bottom: 50px;
}

.gray-bg {
    background-color: #fbfafa;
}


/**************************************/


/* 32.02. Header Css */

header.header-5 {
    position: absolute;
    right: 25px;
    left: 25px;
    top: 40px;
}

.header-menu a {
    font-size: 35px;
    color: #fff;
}

.header-option>li {
    display: inline-block;
    margin-left: 20px;
}

.header-option>li>a {
    font-size: 25px;
    color: #fff;
}

.header-logo img {
    max-width: 170px;
}

.search-section {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.closs-toggle {
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 40px;
    line-height: 0;
}

.search-wrap {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 80px;
    right: 80px;
}

.search-wrap .search-box {
    border-width: 0 0 1px 0px;
    border-style: solid;
    border-color: #000;
    padding: 10px 70px 10px 15px;
    font-size: 50px;
    width: 100%;
}

.search-wrap button {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background: none;
    border: none;
    font-size: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.search-wrap button:hover {
    color: #53af32;
}

.search-section.open {
    opacity: 1;
    visibility: visible;
}

.cart-btn .btn-primary:hover,
.cart-btn .btn-primary:hover i {
    color: #fff;
}

.esc-text {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    bottom: 50px;
    text-transform: capitalize;
    color: #000;
}

#sidebar.sidebar-style-1 {
    background-color: #fff;
    width: 400px;
    left: -400px;
}


/**************************************/


/* 32.03. Slider Section Css */

.slider-type-4 .item {
    height: 100vh;
}

.slider-wrap {
    position: relative;
}

.slider.slider-type-4 {
    position: relative;
}

.slider-type-4 .item::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 2;
}

.slider-type-4 .banner_slide_content {
    z-index: 9;
}

.slider-type-4 .owl-dots {
    position: absolute;
    right: 30px;
    bottom: 40px;
}

.slider-type-4 .owl-dots .owl-dot {
    counter-increment: step-counter;
    position: relative;
    padding: 0 15px !important;
}

.slider-type-4 .owl-dots .owl-dot span {
    width: auto;
    height: auto;
    background: none;
    margin: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
    opacity: .5;
}

.slider-type-4 .owl-dots .owl-dot span:before {
    content: "0" counter(step-counter);
    color: #fff;
}

.slider-type-4 .owl-dots .owl-dot.active span,
.slider-type-4 .owl-theme .owl-dots .owl-dot:hover span {
    background: none;
    opacity: 1;
}

.slider-type-4 .owl-dots .owl-dot:before {
    content: "/";
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    right: -3px;
}

.slider-type-4 .owl-dots .owl-dot:last-child::before {
    content: none;
}

.header-menu a:hover,
.header-option li a:hover {
    color: #53af32;
}

.mouse-down {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    z-index: 9;
    font-size: 40px;
    line-height: 0;
    animation: BackToTop 1s ease 0s infinite;
}

.inm-bounce {
    animation: BackToTop 1s ease 0s infinite;
}

.slider-type-4 .owl-theme .owl-nav {
    line-height: 0;
}

.slider-type-4 .owl-theme .owl-nav button {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 40px;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    width: 50px;
    height: 30px;
}

.slider-type-4 .owl-theme .owl-nav button.owl-prev {
    left: 40px;
}

.slider-type-4 .owl-theme .owl-nav button.owl-next {
    right: 40px;
}

.slider-type-4 .owl-theme .owl-nav button.owl-prev i {
    left: 0;
}

.slider-type-4 .owl-theme .owl-nav button i {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-type-4 .owl-theme .owl-nav button.owl-next i {
    right: 0;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
}

.slider-type-4 .owl-theme .owl-nav button.owl-prev:hover i {
    animation: LeftToRight 1s ease 0s infinite;
}

.slider-type-4 .owl-theme .owl-nav button.owl-next:hover i {
    animation: RightToLeft 1s ease 0s infinite;
}


/**************************************/


/* 32.04. Categories Section Css */

.categories-hover {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    top: -50px;
    opacity: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.categories-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-transform: capitalize;
    padding: 5px 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    display: table;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}

.categories-box img {
    width: 100%;
}

.categories-box {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.ctg_box_small {
    height: 250px;
}

.ctg_box_large {
    height: 530px;
}

.categories-header {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    display: inline-block;
    border: 1px solid;
    padding: 5px 15px;
}

.categories-hover ul li a {
    text-transform: capitalize;
    font-size: 14px;
}

.categories-box:hover .categories-hover {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.categories-box:hover .categories-title {
    opacity: 0;
    visibility: hidden;
}


/**************************************/


/* 32.05. Deals Section Css */

.countdown-time {
    text-align: center;
    border: 1px solid #ddd;
}

.product-info .countdown-time {
    margin-top: -30px;
    position: relative;
}

.products-style-4 .common-cart-box {
    border: 1px solid #cdcdcd;
}

.products-style-4 .product-info {
    padding: 0 10px 15px 10px;
}

.products-style-4 .hover-icon {
    bottom: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.products-style-4 .hover-icon li {
    display: inherit;
    margin: 5px 0;
}

.products-style-4 .hover-icon li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
}

.products-style-4 .product-box:hover .hover-option .hover-icon {
    right: 20px;
}

.products-style-4 .product-rate {
    display: none;
}

.countdown,
.cd-text {
    display: block;
}

.countdown-box {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    width: 25%;
    padding: 8px 0;
}

.cd-text {
    font-size: 12px;
}


/**************************************/


/* 32.06. Offer Banner Section Css */

.shop-hover-style-3 .shop-hover-wrap {
    top: auto;
    position: relative;
    -moz-transform: inherit;
    -webkit-transform: inherit;
    transform: inherit;
}

.shop-hover-style-4 .shop-hover-wrap {
    padding: 10px 50px;
}

.bs-2 .shop-hover-style-4 .shop-hover-text {
    left: 15px;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    right: 15px;
}

.sale-banner.shop-hover-style-4:hover>img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.sale-banner.shop-hover-style-4 {
    overflow: hidden;
}

.sale-banner.shop-hover-style-4>img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    width: 100%;
    height: 100%;
}


/**************************************/


/* 32.07. Products Section Css */

.nav-tabs.tab-style-1,
.nav-tabs.tab-style-2 {
    margin-bottom: 40px;
    border: 0;
}

.nav-tabs.tab-style-1 .nav-link {
    background-color: #53af32;
    border-radius: 0;
    color: #fff;
    margin: 0 14px;
    padding: 10px 12px;
}

.nav-tabs.tab-style-1 .nav-item.show .nav-link,
.nav-tabs.tab-style-1 .nav-link.active,
.nav-tabs.tab-style-1 .nav-item .nav-link:hover {
    background-color: transparent;
    border-color: #53af32;
    color: #53af32;
}

.nav-tabs.tab-style-1 .nav-item {
    position: relative;
}

.nav-tabs.tab-style-1 .nav-item:before {
    content: "-";
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -4px;
    color: #53af32;
}

.nav-tabs.tab-style-1 .nav-item:last-child:before {
    content: none;
}

.show-all-wrap {
    margin-top: 20px;
}

.nav-tabs.tab-style-2 li {
    margin-right: 10px;
}

.nav-tabs.tab-style-2 .nav-link {
    background-color: #F5F6FB;
    border-radius: 0;
    padding: 10px 15px;
    border: 0;
}

.nav-tabs.tab-style-2 .nav-link.active,
.nav-tabs.tab-style-2 .nav-item .nav-link:hover {
    background-color: #53af32;
    color: #fff;
}


/**************************************/


/* 32.08. Testimonial Section Css */

.fancy-box-style-2 .fancy-wrap {
    padding: 0;
    margin: 20px 0 0 0;
    border-radius: 0;
    box-shadow: none;
    overflow: inherit;
    text-align: center;
}

.fancy-box-style-2 .fancy-img {
    float: none;
    display: table;
    position: static;
    width: 90px;
    margin: 0 auto;
}

.fancy-box-style-2 .fancy-box {
    text-align: center;
    max-width: 820px;
    margin: 3px auto;
    padding: 15px;
    position: relative;
    width: 98%;
}

.fancy-box-style-2 .fancy-img img {
    border-radius: 100%;
}

.fancy-box-style-2 .fancy-wrap:after {
    color: #53af32;
    opacity: 0.2;
    left: 30px;
    right: auto;
}


/**************************************/


/* 32.09. Blog Section Css */

.blog-img-design {
    position: relative;
    padding: 20px;
}

.blog-image {
    position: relative;
}

.blog-image::after,
.blog-image::before,
.blog-img-design::after,
.blog-img-design::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: -1;
}

.blog-image::after {
    border-width: 150px 150px 0 0;
    border-color: #ebebeb transparent transparent transparent;
    top: 0;
    left: 0;
}

.blog-image:before {
    border-width: 0 150px 150px 0;
    border-color: transparent #ebebeb transparent transparent;
    top: 0;
    right: 0;
}

.blog-img-design:before {
    bottom: 0;
    left: 0;
    border-width: 150px 0 0 150px;
    border-color: transparent transparent transparent #ebebeb;
}

.blog-img-design:after {
    bottom: 0;
    right: 0;
    border-width: 0 0 150px 150px;
    border-color: transparent transparent #ebebeb transparent;
}

.blog-img-design img {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.title .sub-title {
    font-size: 12px;
    text-transform: uppercase;
}

.blog-wrap .title {
    padding-bottom: 11px;
    margin-bottom: 20px;
}

.blog-wrap .description {
    margin-bottom: 20px;
}

.blog-wrap .title a {
    font-size: 25px;
    text-transform: uppercase;
}

.title .sub-title {
    font-size: 12px;
    text-transform: uppercase;
    padding-top: 5px;
    display: block;
}

.blog-wrap .title {
    padding-bottom: 11px;
    margin-bottom: 20px;
}

.blog-wrap .comments-time {
    margin-bottom: 20px;
    margin-top: 0;
}

.title.text-right:before {
    right: 0;
}

.blog-detail {
    padding: 45px 0;
}

.blog-wrap {
    padding-top: 15px;
}

.nav-style-3.owl-theme .owl-nav {
    line-height: 0;
}

.nav-style-3.owl-theme .owl-nav button {
    margin: 0 20px;
    font-size: 50px;
}

.news-section .nav-style-3.owl-theme .owl-nav button {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.news-section .nav-style-3.owl-theme .owl-nav button.owl-prev {
    right: 60px;
}

.news-section .nav-style-3.owl-theme .owl-nav button:hover {
    color: #53af32;
}


/**************************************/


/* 33. FAQ Css */

.accordion_style1>.card {
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
}

.accordion_style1>.card .card-header {
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
}

.accordion_style1 .card-header a {
    display: block;
    padding: 15px 40px 15px 15px;
    text-transform: capitalize;
    background-color: #f6f6f6;
    line-height: normal;
}

.accordion_style1 .card-body {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.accordion_style1 .card-body p {
    font-weight: normal;
}

.accordion_style1 .card-header a::after {
    top: 20px;
}


/**************************************/


/* 34. Coming Soon Css */

.cs_content_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 9;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.logo_wrap {
    margin-bottom: 40px;
}

.coming_soon {
    position: relative;
}

.coming_soon::before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.countdown_time {
    display: table;
    width: 100%;
}

.countdown_time .countdown_box {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    padding: 0 5px;
}

.countdown_time .cd_text {
    display: block;
    color: #636363;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: -5px;
}

.countdown_box .countdown {
    color: #333;
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
}

.countdown_content::before {
    content: ":";
    font-size: 38px;
    font-weight: 600;
    color: #333;
    position: absolute;
    right: -6px;
    top: 5px;
}

.countdown_box:last-child .countdown_content:before {
    content: normal;
}

.countdown_white .countdown_box .countdown,
.countdown_white .countdown_box .cd_text,
.countdown_white .countdown_content::before {
    color: #fff;
}

.countdown_white .countdown_box::before {
    color: #fff;
}

.cs_content_box .countdown_time {
    margin: 30px 0;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px 10px;
}


/**************************************/


/* 35. Deal Of The Day Css */

.deal_section {
    background-color: #fff;
    padding: 50px;
    position: relative;
    z-index: 1;
}

.deal_title {
    margin-bottom: 20px;
}

.deal_section .countdown_time {
    margin: 30px 0;
}

.deal_section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 90%;
    height: 130px;
    width: 70px;
    border: 8px solid #fff;
    border-radius: 100px 100px 0;
    margin: 0 auto;
    z-index: -1;
}

.deal_section::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    border-radius: 100%;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
    height: 15px;
    z-index: -1;
}


/**************************************/

span.statcounter {
    display: none;
}


/*Demo Switcher Css*/

span.statcounter {
    display: none;
}

.demo_switcher {
    position: fixed;
    right: 0;
    z-index: 9999;
    top: 40%;
}

.demo>ul>li>a {
    font-size: 22px;
    text-align: center;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.demo>ul>li>a.menu_icon {
    line-height: 44px;
    font-size: 25px;
}

.demo_list ul {
    list-style: none;
    display: inline-block;
}

.demo_list {
    background-color: #fff;
    position: fixed;
    right: -360px;
    ;
    max-width: 360px;
    padding: 5px;
    overflow: auto;
    top: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    z-index: 9999;
}

.demo_list.switch-active {
    right: 0;
}

.demo_list li {
    float: left;
    width: 50%;
    padding: 5px;
}

.demo_list li a {
    display: block;
    border: 1px solid #ddd;
    padding: 4px;
    position: relative;
}

.demo_list li a::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9;
    transition: all 0.5s ease-in-out;
}

.demo_list li a:hover:before {
    opacity: 1;
}

body.switch-open {
    overflow: hidden;
    padding-right: 15px;
}

.switch-open::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

.demo li {
    position: relative;
}

.demo>ul>li>a.demo_icon.switch-active {
    position: relative;
    transition: all 0.5s ease-in-out;
    -moz-transform: translateX(-360px);
    -webkit-transform: translateX(-360px);
    transform: translateX(-360px);
}

.demo>ul>li>a.demo_icon.switch-active i::before {
    content: "\f129";
    font-size: 20px;
    vertical-align: middle;
}

.demo>ul>li>a.menu_icon.switch-active {
    line-height: 36px;
}

.demo_list h5 {
    margin: 10px 0;
}

.demo li.switch-active .color_icon {
    transition: all 0.5s ease-in-out;
    -moz-transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}

.color-switch {
    background: #212121;
    right: -200px;
    padding: 10px;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    ;
    width: 200px;
    z-index: 999;
}

.switch-active {
    right: 0;
}

.color-switch button::after {
    color: #ffffff;
    content: "\f122";
    font-family: "Ionicons";
    font-size: 18px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 2px;
}

.color-switch button.active::after {
    opacity: 1;
}

.color-switch button {
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    height: 25px;
    line-height: 20px;
    margin: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 25px;
}

.default {
    background-color: #FFBC09;
}

.green {
    background-color: #00C382;
}

.orange {
    background-color: #FD5A38;
}

.blue-light {
    background-color: #00C3CB;
}

.red {
    background-color: #f0222c;
}

.demo_list li a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 9;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    opacity: 0;
    padding: 0 10px;
    transition: all 0.5s ease-in-out;
}

.demo_list li a:hover span {
    opacity: 1;
}

@media only screen and (max-width: 480px) {
    .demo_list {
        right: -270px;
        max-width: 270px;
    }
    .demo>ul>li>a.icon.switch-active {
        -moz-transform: translateX(-270px);
        -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
    }
}

#carouselExampleControls {
    border: 1px solid #53af32;
}

.carousel_slide1 {
    border: 1px solid #53af32;
}

.main-side-cat .main-li {
    border-bottom: 1px #53af32 dotted;
}

.agree-check-box {
    margin-bottom: 10px;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0;
    margin-top: 30px;
}

.text-green {
    color: #164c25!important;
    font-weight: 600;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0px;
}

#agree {
    z-index: -9999;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: -3px;
    left: 16px;
    height: 25px;
    width: 25px;
    background-color: #f9f9f9;
    border: 1px solid #014586;
    margin-left: 0px;
}

.agree-check-box {
    margin-bottom: 10px;
}

.text-green {
    color: #53af32 !important;
    font-weight: 600;
}

.text-green:hover {
    color: #f9bc02 !important;
}

.checkbox-container input:checked~.checkmark::after {
    display: block;
}

.checkbox-container .checkmark::after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked~.checkmark {
    background-color: #53af32;
}

.header-form .search-box1 {
    font-weight: normal;
}

.header-form .search-box1 {
    max-width: 100%;
    height: 59px;
    width: 30%;
    border: 1px solid #cacaca;
    color: #7a7a7a;
    font-weight: 500;
    padding: 15px 10px 15px 10px;
    border-radius: 30px 0px 0px 30px;
}

.header-form .search-box {
    width: 70%;
    margin-left: -5px;
    height: 59px;
    padding: 15px 10px 15px 10px;
    border-radius: 0px 30px 30px 0px;
}


/****************PAGINATION*****************/

ul.setPaginate li.setPage {
    padding: 15px 10px;
    font-size: 14px;
}

ul.setPaginate {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    font: 12px 'Tahoma';
    list-style-type: none;
}

ul.setPaginate li.dot {
    padding: 3px 0;
}

ul.setPaginate li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}

ul.setPaginate li a {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #53af32;
    color: #999999;
    display: inline-block;
    font: 15px/25px Arial, Helvetica, sans-serif;
    margin: 5px 3px 0 0;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}

ul.setPaginate li a:hover,
ul.setPaginate li a.current_page {
    background: none repeat scroll 0 0 #53af32;
    border: 1px solid #000000;
    color: #ffffff;
    text-decoration: none;
}

ul.setPaginate li a {
    color: black;
    display: block;
    text-decoration: none;
    padding: 5px 8px;
    text-decoration: none;
}


/*********************************************/

.contact-inputs .form-control {
    margin-bottom: 0;
    text-transform: none;
}

.contact-inputs .input-4 {
    margin-top: 28px;
}

.contact-inputs .submit-btn button {
    margin-left: 15px;
}

.news-section .date-box h5 {
    font-size: 15px;
}

.banner-section .no-gutters>[class*=col-] {
    padding-right: 15px;
    padding-left: 0;
}

.subscribe-popup-form select {
    width: 100%;
    border: 1px solid #cacaca;
    border-radius: 50px;
    padding: 12px 18px;
    font-size: 14px;
    color: #7a7a7a;
    margin: 0px 0 10px 0;
}

.main-banner {
    margin-top: -100px;
}

section.slider {
    padding-top: 0 !important;
}

.logo-login {
    margin-top: 20px;
}

p.change-phone-number-p {
    float: left;
    font-size: 13px;
    margin-top: -6px;
    margin-bottom: 10px;
    cursor: pointer;
}

p.resend-code-p {
    float: right;
    font-size: 13px;
    margin-top: -6px;
    margin-bottom: 10px;
    cursor: pointer;
}

p.resend-code-p:hover,
p.change-phone-number-p:hover {
    color: #53af32;
}


/*.modal-backdrop {
     bug fix - no overlay     
    display: none;    
}*/

.header-right ul li>a i {
    font-size: 22px;
    padding: 0;
}

.quantity-box-detail ul li {
    font-weight: normal;
    color: #7a7a7a;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin: 10px 0;
}

.common_selector {
    margin-right: 10px;
}

#verify-code-popup .modal-dialog {
    width: 500px;
}

.aboutus-inner-page #test-popup1 {
    padding: 30px;
    border: 2px #9C27B0 solid;
}

.aboutus-inner-page .subscribe-popup-form input {
    margin-bottom: 0px;
}

.aboutus-inner-page .subscribe-popup-form .form-check {
    padding: 25px 0 25px 0;
}

.aboutus-inner-page .subscribe-popup-form #login {
    margin-bottom: 10px;
}

.footer-btm {
    background-color: #53af32 !important;
    padding: 22px 0;
}

.shop-hover-wrap h5 {
    margin-bottom: 10px;
}

.header-full-mrg {
    margin-top: 9px;
    margin-bottom: 5px;
}

.link-mrg {
    margin-top: 4px;
    margin-left: -46px;
}

.form-box-inner {
    padding-right: 31px;
}

.memberr-log {
    margin-left: 12px;
}

.button-mrg {
    margin-left: 85px;
}

.border-danger {
    border: 1px solid red;
}

a.forgot-password:hover {
    color: #8fdd18;
}

.img-caption .d {
    margin-top: 10px;
}
.bt-color{
    background-color: #014586;
    border-color: #014586;
}
.img-icon{
    padding-bottom: 13px;
}
.im-padd{
    margin-top: 4px;
}
.member-btn-mrg{
    margin-left: -15px;
}
.title-n{
    border-bottom: 2px solid #014586;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
    font-size: 25px;
    margin-right: 305px !important; 
    font-weight: bold;
    text-transform: uppercase !important;
    padding-bottom: 10px !important;
}
.title-nn{
    border-bottom: 2px solid #014586;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
    font-size: 25px;
    margin-right: 215px !important; 
    font-weight: bold;
    text-transform: uppercase !important;
    padding-bottom: 10px !important;
}
.left{
    margin-left: -15px;
}
.btn-edit{
    margin-left: -15px !important;
}
.view-img-box{
    padding-left: 14px !important;
    padding-right: 16px !important;
}
.title-f{
    position: relative !important;
    border-bottom: 2px solid #014586;
    margin-bottom: 25px !important;
/*    text-transform: uppercase !important;*/
    font-size: 25px;
    margin-right: 265px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding-bottom: 10px !important;
}
.logo-f{
    margin-left: -25px;
}
.no-bed{
    margin-right: 3px !important;
}


.div-hidden{
    display:none;
    }