@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap');
@import url('fonts.css');
@import url('https://fonts.googleapis.com/css?family=Odibee+Sans&display=swap');

:root {
    --Roboto-C: 'Roboto Condensed', sans-serif;
    --ind-bold: 'Conv_Industry-Bold';
    --ind-light: 'Conv_Industry-Light';
    --ind-dim: 'Conv_Industry-Demi';
    --ind-med: 'Conv_Industry-Medium';
    --primary-color: #000000;
    --secoundry-color: #ffd52c;
    --third-color: #f3182c;
    --body-bg: #f4f4f4;
}

ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--Roboto-C);
    background-color: var(--body-bg);
}

.p-7 {
    padding: 70px;
}

.site-header {
    /* position: static; */
    width: 100%;
    position: absolute;
    z-index: 1500;
}

.nav-fix {
    background-color: rgba(16, 16, 16, 0.85);
    padding: 0;
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    box-shadow: 0px 1px 20px -6px #000;
    z-index: 999;
}

.site-branding {
    padding: 12px 0 0;
}

.site-branding img {
    transition: all 0.5s ease;
}

.site-branding img.act-scroll {
    display: none;
}

.site-branding img.normal {
    display: block;
}

.top-navbar {
    text-align: center;
}

.top-navbar ul {
    margin: 0;
    padding: 0;
    padding: 8px 0;
}

.top-navbar ul li {
    list-style: none;
    display: inline-block;
    padding: 0 8px;
}

.top-navbar ul li a {
    display: block;
    color: #ffff;
    transition: all 0.5s ease;
    text-decoration: none;
}

.top-navbar ul li a:hover {
    color: var(--secoundry-color);
}

.main-navbar {
    text-align: center;
   
}

.main-navbar::before {
    content: '';
    display: block;
    position: absolute;
    left: .4px;
    top: 0;
    height: 60px;
    width: 75px;
    background-color: rgba(16, 16, 16, 0.85);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.main-navbar::after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    height: 60px;
    width: 75px;
    background-color: rgba(16, 16, 16, 0.85);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.main-navbar ul {
    margin: 0 auto;
    /* display: flex; */
    text-align: center;
    margin: 0 59px;
    background-color: rgba(16, 16, 16, 0.85);
}

.nav-fix .main-navbar ul,
.nav-fix .main-navbar::after,
.nav-fix .main-navbar::before,
.nav-fix .lcs-area ul li.search-box,
.nav-fix .lcs-area ul li.search-box a,
.nav-fix .lcs-area ul li.search-box::before {
    background-color: transparent;
}

.nav-fix .site-branding img.normal {
    display: none;
}

.nav-fix .site-branding img.act-scroll {
    display: block;
}

.nav-fix .main-navbar,
.nav-fix .lcs-area {
    padding-top: 13px;
}

.nav-fix .site-branding {
    padding: 15px 0;
}

.nav-fix .site-branding img {
    width: 130px;
}

.nav-fix .top-navbar {
    display: none;
}

.nav-fix .lcs-area {
    margin: 0;
}

.main-navbar ul li {
    list-style: none;
    display: inline-block;
    line-height: 57px;
    border-bottom: 3px solid transparent;
    transition: all 0.5s ease;
    position: relative;
}


.main-navbar ul li.lara_yellow a {
    color: #ffd52c;
}


.main-navbar ul li a {
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    padding: 0 20px;
}

.main-navbar ul li:hover {
    border-color: var(--secoundry-color);
}

.main-navbar ul li ul.l2_ul {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    width: 250px;
    margin-top: 3px !important;
    z-index: 999;
    background: #f2f4f5;
    border: 0px solid #e4e4e4;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px;
    margin: 0;
}

.main-navbar ul li ul.l2_ul li.l2_li {
    display: block;
    text-align: left;
    width: 100%;
    background: transparent;
    transition: all 0.5s ease;
    border-bottom: 0px solid transparent;
    position: relative;
}

.main-navbar ul li ul.l2_ul li.l2_li a {
    display: block;
    text-align: left;
    width: 100%;
    color: #000;
    background: transparent;
    position: relative;
    font-size: 14px;
    padding: 0px 15px;
    /*height: 30px;*/
    line-height: 30px;
    border: 0;
}

.main-navbar ul li ul.l2_ul li.l2_li:hover {
    color: #fff;
    background-color: var(--primary-color);
    /* border-color:var(--secoundry-color); */
}

.main-navbar ul li ul.l2_ul li.l2_li:hover a {
    color: #fff;;
}

.lcs-area {
    text-align: center;
    margin-top: 40px;
    font-family: var(--ind-med);
}

.lcs-area ul {
    /*     display: flex; */
    text-align: center;
}

.lcs-area ul li {
    display: inline-block;
    /*     flex-grow: 1; */
    margin: 0 10px;
    list-style: none;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 60px;
    border-bottom: 3px solid transparent;
    transition: all 0.5s ease;
    position: relative;
}

.lcs-area ul li span.count {
    background-color: var(--secoundry-color);
    color: #000;
    padding: 0 4px;
    display: inline;
    border-radius: 5px;
    font-size: 14px;
}

.lcs-area ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
}

.lcs-area ul li:hover {
    border-color: var(--secoundry-color);
}

a.gflag img {

}

.lcs-area ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    padding-top: 15px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    right: 0;
}

.lcs-area .langu {
}

.lcs-area .langu li {
    line-height: inherit;
}

.lcs-area .langu li a {
    line-height: initial;
}

.lcs-area .langu li:hover {
    border-color: #ffd52c00;
}

.lcs-area ul li:hover ul {
    display: block;
}


.lcs-area ul li.search-box {
    position: absolute;
    right: 15px;
    background-color: rgba(16, 16, 16, 0.85);
}

.lcs-area ul li.search-box a {
    padding: 0 16px;
    width: 50px;
    /*height: 60px;
    display: block;
    background-color: rgba(16, 16, 16, 0.85);
    position: absolute;
    right: 0; */
    display: block;
    text-align: center;
}

.lcs-area ul li.search-box::before {
    content: '';
    display: block;
    position: absolute;
    right: 50px;
    top: 0;
    height: 63px;
    width: 75px;
    background-color: rgba(16, 16, 16, 0.85);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.page-title-area {
    background-color: var(--third-color);
    background-repeat: no-repeat;
    padding: 208px 0 128px 0px;
    text-align: center;
    /* background-attachment: fixed; */
    /* background-position: top center; */
    background-size: cover;
}

.product-page-heading {
    height: 120px;
    width: 100%;
    background-image: url(../media/imgs/misc/pages-top-bg.png);
    background-repeat: no-repeat;
}

.page-title-area h2 {
    color: #ffffff;
    font-family: 'Odibee Sans', cursive;
    text-transform: uppercase;
    font-size: 50px;
}

.page-title-area p {
    color: #ffffff;
    font-family: var(--Roboto-C);
    font-weight: 300;
    font-size: 22px;
}

.site-slides {
    position: relative;
    /*top: 0;*/
    z-index: 9;
}

.related-image {
    position: absolute;
    /* top: 0; */
    margin-top: -127px;
    z-index: 99;
    padding: 8px;
    color: #fff;
    /*display: flex;*/
        line-height: inherit;
        left: 70px;
}

.related-image img{
    height: 80px;
}
.related-image h1 {
   line-height: 30px;
    font-size: 35px;
    padding-left: 15px;
}

.about-us-front {
    background-color: #f4f4f4;
    padding: 70px 0;
}

.about-text {
    border-right: 2px solid #c3c3c3;
    min-height: 300px;
}

.about-text.b-0 {
    border: 0;
}

.about-text h4 {
    font-size: 24px;
    padding-top: 10px;
    font-family: var(--ind-med);
}

.about-text h1 {
    line-height: 70px;
    font-size: 4em;
    padding-top: 25px;
    font-family: 'Odibee Sans', cursive;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.about-text .line {
    width: 50%;
    height: 2px;
    background-color: var(--third-color);
    float: left;
}

.about-text h5 {
    font-size: 24px;
    padding-top: 10px;
    font-family: var(--ind-med);
    float: left;
    position: relative;
    top: -25px;
    padding-left: 20px;
}

.about-text p {
    margin-bottom: 30px;;
}

.about-text a {
    line-height: 48px;
    width: 170px;
    border: 2px solid #000000;
    color: #000;
    text-decoration: none;
    text-align: center;
    display: block;
    transition: all 0.5s ease;
}

.about-text a i {
    font-size: 32px;
    position: relative;
    top: 5px;
}

.about-text a:hover {
    background-color: #f3182c;
    color: #fff;
    border-color: #f3182c
}

.about-box {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 20px 0;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.5s ease, border 0.5s ease;
}

.about-box:hover {
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.about-box:hover img {
    box-shadow: 0 0 0px 7px #f3182c;
    transform: rotate(360deg);
}

.about-box img {
    transition: all 0.5s ease;
    background-color: #fff;
    height: 72px;
    border: 1px solid #c7c7c7;
    width: 72px;
    padding: 16px;
    border-radius: 50px;
    box-shadow: 0 0 0px 7px #eaeaea;
    margin-bottom: 20px;
}

.about-box h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: var(--ind-med);
    margin-bottom: 10px;
}

.about-box P {
    color: #303030;
    padding: 0 18px;
}

.categories-area {
    /* display: flex; */
    padding-bottom: 100px;
}

.category {
    /* flex-grow: 1; */
    float: left;
    margin-bottom: 10px;
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.category {
    width: calc(100% / 4);
}

.category a {
    text-decoration: none;
    color: #fff;
}

.category:first-of-type {
    margin-left: 0;
}

.category:last-of-type {
    margin-right: 0;
}

.category-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    transition: all 4s cubic-bezier(0, 0, 0.2, 1);
    transition-delay: .1s;
    display: block;
    transform: rotate(0deg) scale(1);
}

.category-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 99%;
    z-index: 2;
    background-color: #00000057;
}

.category:hover .category-image img {
    scale: 1.5;
}

.category-overlay .category-content img {
    transition: all 0.5s ease;
}

.category-content {
    z-index: 2;
    bottom: 30px;
    position: absolute;
    /* width: 100%; */
    left: 30px;
    color: #fff;
    /* margin-bottom: 10px; */
}

.category-content h2 {
    text-transform: uppercase;

    margin-top: 20px; background:#000; padding:10px; font-size:20px;
}

.category-content .line {
    position: relative;
    width: 120px;
    background-repeat: no-repeat;
    height: 4px;
    background-image: url(../images/2bg.png);
}

.category:hover .category-image img {
    -webkit-transform: rotate(-10deg) scale(1.4);
    transform: rotate(-5deg) scale(1.15);
}

.category img.img-icon {
    transition: all 0.5s ease;
}

.category:hover img.img-icon {
    transform: rotate(360deg);
}

.popular-product {
    padding: 20px 70px 0;
    background-image: url(../images/b2.png), url(../images/b1.png);
    background-repeat: no-repeat;
    background-position: top left, top right;
    margin-top: 70px;
}

.popular-product h2 {
    font-family: 'Odibee Sans', cursive;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 35px;
}

.popular-product img {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.popular-product p {
    text-align: center;
    padding: 0 30px;
    color: #303030;
    margin-top: 10px;
}

.popular-carusal {
    margin-top: 20px;
    background-color: #ffffff;
    padding: 50px;
    /* box-shadow: 0 13px 27px #37373754; */
}

.product-grid {
    border: 1px solid #e0e0e0;
    border-right: 0;
    padding: 20px;
}

.lara_img_in {
    overflow: hidden;
}

.lara_img_in img {
    transition: 0.45s;
}

.product-grid img {
    width: 100% !important;

}

.product-grid:hover .lara_img_in img {
    transform: scale(1.05);
}

.product-content {
    margin-top: 20px;
}

.product-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}

.product-content span.sku {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 4px 10px;
}

.online-catalog {
    padding-bottom: 0;
    padding-top: 70px;
}

.online-catalog .catalog h2 {
    font-family: 'Odibee Sans', cursive;
    text-transform: uppercase;
    color: #000000;
}

.online-catalog .catalog img {
    margin-top: 15px;
    margin-bottom: 15px;
}

.online-catalog .catalog p {
    margin-bottom: 30px;
    font-size: 20px;
}

.download-catelogue {
    height: 425px;
    background-color: #292929;
    background-image: url(../images/cate-one-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 30px;
    padding: 40px 0;
}

.download-catelogue ul {
    padding: 30px 70px;
}

.download-catelogue ul li {
    list-style: none;
    margin: 0 10px 10px;
    display: inline-block;
    width: 178px;
}

.download-catelogue ul li a {
    background-color: var(--third-color);
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 0 8px;
    transition: all 0.5s ease;
}

.download-catelogue ul li a:hover {
    background-color: #000;
}

.download-catelogue ul li .media-body {
    padding-top: 13px;
    padding-left: 13px;
    font-size: 14px;
    text-align: left;
}

.fg-box {
    height: 293px;
    width: 100%;
    background-color: #cccccc;
    margin-bottom: 30px;
    position: relative;
}

.fg-box .fg-content {
    position: absolute;
    transition: 0.45s;
    left: 35px;
    top: 70%;
    transform: translateY(-70%);
}

.fg-box:hover .fg-content {
    top: 50%;
    transform: translateY(-50%);
}

.fg-box .fg-content a {
    color: #fff;
    text-decoration: none;
}

.fg-box .fg-content h4 {
    font-family: 'Odibee Sans', cursive;
    text-transform: uppercase;
    margin-top: 20px;
}

.fair-bg {
    background-image: url(../images/fair-bg.png);
}

.gallery-bg {
    background-image: url(../images/gallery-bg.png);
}

.membership {
    text-align: center;
    padding-bottom: 10px;
}

.membership h2 {
    font-family: 'Odibee Sans', cursive;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.membership img {
    margin-bottom: 15px;
}

.membership .item {
    padding: 8px;
}

.site-footer {
}

.news-letter {
    background-image: url(../media/imgs/footer/footer-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 336px;
    padding: 40px 0;
}

.news-letter-inner {
    background-color: var(--third-color);
    background-image: url(../media/imgs/footer/news-letter-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 140px;
}

.news-letter h1 {
    color: #ffffff;
    text-transform: uppercase;
    /* margin-top: 20px; */
    margin-bottom: 10px;
	font-family: 'Odibee Sans', cursive;
    text-align: center;
    font-size: 70px;
}

.news-letter p {
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: var(--ind-light);
}

.news-letter input[type=email] {
    width: 78%;
    height: 66px;
    border-radius: 0;
    float: left;
    margin-right: 10px;
}

.news-letter button {
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 0;
    width: 20%;
    height: 66px;
    outline: none;
}

.lara_sub_btn:hover {
    color: #f3182c;
}

.site-inner-footer {
    padding: 70px 0 30px;
    color: #aaaaaa;
    background: #101010;
}

.site-inner-footer h2 {
    font-family: var(--Roboto-C);
    font-weight: 300;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.site-inner-footer ul {
    margin: 0;
    padding: 0;
}

.site-inner-footer ul li {
    list-style: none;
}

.site-inner-footer ul li a {
    color: #aaaaaa;
    font-family: var(--Roboto-C);
    font-weight: 300;
    margin-bottom: 5px;
    display: inline-block;
}

.site-inner-footer .location {
    margin-bottom: 10px;
}

.site-inner-footer .location i {
    color: #fff;
    padding-right: 10px;
}

.site-inner-footer .location a {
    font-family: var(--Roboto-C);
    font-weight: 300;
    font-size: 15px;
    color: #aaaaaa;
    text-decoration: none;
}

.site-inner-footer .location a:hover,
.site-inner-footer ul li a:hover {
    color: #ffffff;
}

.copy-right {
    /* line-height: 96px; */
    border-top: 1px solid #2a2a2a;
    color: #aaaaaa;
    background-color: #101010;
    padding: 20px 0;
    transition: all 0.5s ease;
}

.copy-right p {
    padding-top: 12px;
}

.copy-right span {
    display: inline-block;
    text-align: center;
    width: 30px;
}

.copy-right span.designer {
    display: inline-block;
    width: inherit;
}

.copy-right a {
    color: #aaaaaa;
    text-decoration: none;
}

.copy-right a:hover {
    color: #fff;
    text-decoration: underline;
}

.social-links {
    text-align: right;
}

.social-links ul {
}

.social-links ul li {
    list-style: none;
    display: inline-block;
    transition: all 0.5s ease;
}

.social-links ul li a {
    color: #fff;
    display: block;
    line-height: 43px;
    width: 43px;
    text-align: center;
    background: #1a1a1a;
    transition: all 0.5s ease;
    text-decoration: none;
}

.social-links ul li a:hover {
    text-decoration: none;
}

.social-links ul li.fb:hover a {
    background: #3b5999;
}

.social-links ul li.tw:hover a {
    background: #55acee;
}

.social-links ul li.in:hover a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-links ul li.lin:hover a {
    background: #0077B5;
}


.social-links ul li.pi:hover a {
    background: #bd081c;
}

#mySidenav {
    display: block;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav .dropdown:hover a.toggle {
    color: var(--third-color) !important;
}

.sidenav ul li {
    border-bottom: 1px solid #212020;
}

.sidenav ul li ul li a {
    padding: 10px 16px;
    text-decoration: none;
    font-size: 14px;
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    transition: 0.3s;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.sidenav hr {
    margin: 0;
    border-color: #1e4145;
}

.sidenav a {
    padding: 10px 16px;
    text-decoration: none;
    font-size: 16px;
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    transition: 0.3s;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.sidenav li i {
    float: right;
    font-size: 18px;
}

.mob_ul_m {
    padding: 0px;
}

.sidenav a:hover {
    color: #fff;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    margin-left: 50px;
}

.mobile_menus {
    display: inline-block !important;
}

.mobile_menus a {
    /*  color: #000;
font-size: 20px;
width: 35px;
height: 35px;
line-height: 35px;
border: 0px solid #000;border-radius: 5px;
display: inline-block;
text-align: center;    line-height: 65px;*/
    padding: 0px;
}

.cart_liust ul li:last-child a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 0px solid #fff;
    padding: 0px;
    text-align: center;
    margin-left: 11px;
    border-radius: 50%;
    transform: translateY(0px);
    transition: 0.45s;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    display: none;
}

.toggle,
.dropdown-menu {
    width: 100%;
}

.is-active .dropdown-menu {
    display: block;
}

.dropdown {
    position: relative;
    line-height: 18px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.dropdown:hover a.toggle {
    color: var(--primary-color) !important;
}

.my_drop {
    position: static;
    background: #000;
}

.my_drop li {
    background: #272727;
    color: #fff;
    border: 0px;
    border-bottom: 1px solid #5d5d5d;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding: 0px 10px 0px 10px;
    font-size: 13px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: 0.45s;
}

.my_drop li a {
    width: 100%;
    color: #fff !important;
}

.my_drop li:hover a {
    color: #fff !important;
}

.my_drop li:hover {
    background: #fff;
    color: #000 !important;
}

.my_drop li.list-group-item:hover {
    background: #f3182c;
    color: #fff !important;
}

.top_logo img {
    width: 182px;
}

.top_logo .big_logo {
    max-width: 290px;
    width: 290px;
}

.mob_ul_m > li > a {
    width: 100%;
}

.mob-nav {
    text-align: right;
}

.mob-nav ul {
    margin-top: 30px;
}

.mob-nav ul li {
    list-style: none;
    display: inline-block;
}

.mob-nav ul li a {
    color: #fff;
    font-size: 25px;
    display: block;
    padding: 8px 16px;
    text-decoration: none;
}

.mob_ul_m > li > a:hover {
    color: var(--primary-color) !important;
}

@media screen and (max-width: 1920px) {
    .category {
        width: calc(100% / 4);
    }

    main-navbar ul li a {
        font-size: 18px;
    }
}

@media screen and (max-width: 1600px) {
    .main-navbar ul li a {
        font-size: 15px;
    }
}

@media screen and (max-width: 1440px) {
    .category {
        width: calc(100% / 4);
    }

    .main-navbar ul li a {
        font-size: 14px;
        padding: 0 9px;
    }

    .lcs-area ul li {
        font-size: 18px;
    }

    .lcs-area ul li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1366px) {
    .main-navbar ul li a {
        font-size: 13px;
    }

    .lcs-area ul li {
        font-size: 18px;
    }

    .lcs-area ul li.mr-5 {
        padding-right: 65px;
    }

    .lcs-area ul li a {
        font-size: 17px;
    }

    .lcs-area ul li.search-box a {
        padding: 0 16px;
        width: 50px;
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 1199px) {
    .category {
        width: calc(100% / 4);
        min-height: 400px;
    }
}

@media screen and (max-width: 1024px) {
    .main-navbar ul {
        margin: 0;
    }

    .main-navbar::after,
    .main-navbar::before {
        display: none;
    }

    .main-navbar ul li a {
        font-size: 12px;
        padding: 0 9px;
    }

    .lcs-area ul li {
        font-size: 12px;
    }

    .lcs-area ul li a {
        font-size: 12px;
    }

    .lcs-area ul li.search-box {
        margin: 0;
    }

    .lcs-area ul li.search-box:before {
        display: none;
    }

    .lcs-area ul li.search-box a {
        padding: 0 8px;
        width: 30px;
    }

    .lcs-area ul li.mr-5 {
        margin: 0;
    }

    .popular-product {
        padding: 20px 0;
    }

    .copy-right span {
        display: none;
    }

    .copy-right span.designer {
        display: block;
        text-align: left;
    }
}

@media screen and (max-width: 991px) {
    .category {
        width: calc(100% / 4);
    }
}

@media screen and (max-width: 768px) {
    .site-header {
        position: static;
        background-color: #000;
    }

    .nav-fix {
        position: fixed;
        background-color: #000;
    }

    .site-branding {
        padding: 10px 0 10px;
    }

    .site-branding img {
        width: 100px;
    }
    .related-image {
        position: absolute;
        /* top: 0; */
        margin-top: -54px;
        z-index: 99;
        padding: 8px;
        color: #fff;
        display: flex;
        line-height: 100px;
        background-color: #000000c2;
            left: 10px;
    }

    .related-image h1 {
        line-height: 38px;
        font-size: 15px;
    }
    .related-image img{
        /* width: 50%; */
        height: 35px;
        /* position: absolute; */
        bottom: 0;
        left: 0;
    }
    .category {
        width: calc(100% / 2);
        min-height: 455px;
    }

    .about-us-front h1 {
        font-size: 45px;
    }

    .about-text .line {
        float: none;
    }

    .about-text h5 {
        position: relative;
        top: 0;
        padding-left: 0;
        margin-bottom: 30px;
    }

    .category-content {
        left: 10px;
        bottom: 10px;
    }

    .category-content h2 {
        /* font-size: 18px; */
    }

    .popular-product {
        padding: 0px 0px 70px;
        margin-top: 70px;
    }

    .popular-product p {
        color: #fff;
        text-shadow: 0 0 5px #000;
    }

    .popular-carusal {
        padding: 0;
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .download-catelogue ul {
        padding: 0px;
        text-align: center;
    }

    .download-catelogue ul li {
        width: 30%;
        margin: 10px auto;
        display: inline-block;
    }

    .download-catelogue {
        background-position: bottom;
        background-size: 445px;
    }

    .news-letter-inner {
        padding: 40px 20px;
    }

    .news-letter {
        padding: 30px;
    }

    .news-letter h1 {
        font-size: 40px;
    }

    .news-letter p {
        font-size: 18px;
    }

    .news-letter input[type=email],
    .news-letter button {
        width: 100%;
        margin-bottom: 5px;
    }

    .site-footer {
        background-color: #101010;
    }

    .copy-right {
        line-height: inherit;
        padding: 20px 0;
    }

    .copy-right p {
        text-align: center;
        margin-bottom: 10px;
    }

    .copy-right span {
        display: none;
    }

    .copy-right span.designer {
        display: block;
        width: inherit;
        text-align: center;
    }

    .social-links {
        text-align: center;
    }

    .page-title-area {
        padding: 40px;
    }

    .about-text {
        border: 0;
    }
}

@media screen and (max-width: 576px) {
    .site-branding img,
    .nav-fix .site-branding img {
        width: 150px;
    }

    .about-us-front h1 {
        font-size: 30px;
        line-height: normal;
    }

    .category {
        width: calc(100% / 2);
        min-height: auto;
        margin-bottom: 0px;
    }

    .membership h2 {
        font-size: 22px;
    }

    .news-letter h1 {
        font-size: 22px;
    }

    .news-letter p {
        font-size: 14px;
    }

    .popular-product {
        margin-top: 30px;
    }

    .online-catalog {
        padding-top: 25px;
    }

    .category-content h2 {
        font-size: 18px;
    }

    .download-catelogue ul li {
        width: 49%;
    }
}


/* panel default css */


.about_img {


}

.about_img img {
    width: 100%;
}


.top_contact {
}

.top_contact ul {
}

.top_contact ul li {
    list-style: none;
    display: inline-block;
    transition: 0.45s;
    color: #242424;
}

.top_contact ul li a {
}

.top_contact ul li i {
}

.top_contact ul li:first-child {
    padding-right: 20px;
}

.top_contact ul li:last-child {
}

.top_contact ul li:hover {
    color: var(--primary-color);
}

.top_contact ul li:hover a {
    color: var(--primary-color);
}


.top_contact_mob {
    display: none;
}

.lrar_lan {
}

.lrar_lan .lang-curr-dropdown {
}

.lrar_lan .lang-curr-dropdown span {
}

.lara_logo_text {
}

.lara_logo_text ul {
}

.lara_logo_text ul li {
    list-style: none;
    display: inline-block;
}

.lara_logo_text ul li img {
}

.lara_logo_text ul li .logo_text {
    text-align: right;

    transform: translateY(19px);
    margin-left: 9px;
}

.lara_logo_text ul li .logo_text h3 {
    font-size: 35px;
    font-family: 'Conv_ABHAYALIBRE-EXTRABOLD';
    text-transform: uppercase;

    line-height: 0;
}

.lara_logo_text ul li .logo_text p {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    margin: 0px;
    padding-top: 3px;
    font-weight: 600;
    letter-spacing: 1px;
}

.lrar_lan {
}

.lrar_lan small {
    font-size: 100%;
    color: #fff;
}


.service_ico {
    font-size: 30px;
    color: #fff;
    float: left;
    line-height: 0px;
    padding-right: 10px;
}

.service_text {
    display: inline-block;
    color: #fff;
    text-align: left;
}

.service_text h4 {
    color: #fff;
    margin: 0px;
    font-size: 20px;

    letter-spacing: 0.3px;
}

.service_text p {
    color: #ddd;
    margin: 0px;
    font-size: 13px;
    line-height: 18px;
}

.lara_sec_f {
    display: inline-block;
    padding-right: 30px;
}

.lara_ser_1 {
}

.lara_ser_2 {
    text-align: center;
}

.lara_ser_3 {
    float: right;
}


.main-menu ul li ul li:hover > a {
    color: #000000 !important;
}


button.lara_action-cart {
    background-color: #eef0f1 !important;
    border-radius: 3px !important;
    color: #242424 !important;
    display: inline-block !important;
    font-size: 12px !important;
    transition: 0.3s !important;
    font-weight: 500 !important;
    border: none !important;
    outline: none !important;
    padding: 9px 20px 8px !important;
    text-transform: uppercase !important;
}

button.lara_action-cart:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}


button.lara_same_action {
    background-color: #eef0f1;
    border-radius: 3px !important;
    color: #242424 !important;
    font-size: 16px !important;
    height: 35px !important;
    border: none !important;
    outline: none !important;
    line-height: 35px !important;
    text-align: center !important;
    width: 35px !important;
}

button.lara_same_action:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}


.lara_about_home {
    background: #222;
}

.lara_about_inner {
}

.lara_about_inner p {
    text-align: justify;

    line-height: 27px;
    font-size: 15.5px;
    color: #fff;
}


/*#google_translate_element{color:#fff; text-decoration:none; padding:0px; text-align:center;}*/
/*.goog-te-gadget img {display: none;}*/
/*.goog-te-gadget-simple {background: none !important;border:none !important;color:#b6b6b6;font-size: 14px;display: inline-block;padding-top: 2px;padding-bottom: 0px;zoom: 1;}*/
/*.goog-te-gadget-simple .goog-te-menu-value {color: #fff !important;    margin-right: 1px;}*/
/*.goog-te-menu-value span{padding:0px 0;}*/
/*.goog-te-menu-value span:first-child{margin-right:20px;}*/
/*.goog-te-menu-value span:last-child{color:#fff !important;padding:0px 0px 0 0px;border: none !important;}*/
/*.goog-te-menu-value{text-decoration:none !important;}*/
/*.goog-te-menu-value span:nth-child(1){       */
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    text-transform: uppercase;*/
/*    font-weight: 400;*/
/*    transition: 0.45s;*/
/*    letter-spacing: 2px;*/
/*    transition: 0.45s;margin-right: 0px;padding-right: 0px;}*/
/*.goog-te-menu-value span:nth-child(3){display:none;}*/
/*.goog-te-gadget-simple .goog-te-menu-value{color:#fff !important;}*/
/*.goog-te-menu-value span:last-child{color:#fff !important; display:inline-block;    display: none !important;}*/


/*.top_bar_right ul li:hover .goog-te-menu-value{color:#000 !important;}*/
/*.top_bar_right ul li:hover .goog-te-menu-value span:last-child{color:#000 !important;}*/

/*.goog-te-gadget-simple .goog-te-menu-value span{}*/
/*.goog-te-gadget-simple .goog-te-menu-value span i{}*/


.img-responsive {
    max-width: 100%;
    height: auto;
}


.aj_footerz {
    padding-bottom: 30px;
}

.aj_footerz ul {
}

.aj_footerz ul li {
    padding-bottom: 5px;
}

.aj_footerz ul li span {
    display: inline-block;
    font-size: 16px;
    color: #000000;
    padding-right: 9px;
}

.aj_footerz ul li p {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #000000;
    padding-right: 5px;
    font-weight: 600;
}

.aj_footerz ul li a {
}


.contat_left {
    font-family: 'Raleway', sans-serif;
    padding-bottom: 30px;
}

.contat_left h4 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
    padding-bottom: 15px;
}

.contat_left p span {
    font-size: 18px;
    color: #000;
}

.lasani2 {
    padding: 30px 0px;
}

.lara_menu {
    padding: 5px 10px;
}

.form-control {
    border-radius: 0;
}

.bbasket .clpadl button {
    background: #000000;
    color: #fff;
    border: 0px;
    border-bottom: 2px solid #f3182c;
    padding: 5px 12px;
    transition: 0.45s;
    border-radius: 0px;
    position: relative;
    top: -2px;
}

.bbasket .clpadl button:hover {
    background: #f3182c;
    color: #f4f4f4;
}


/****************************************/
/**********Default Property*************/
/****************************************/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);

.mt-1 {
    margin-top: 1px
}

.mt-2 {
    margin-top: 2px
}

.mt-3 {
    margin-top: 3px
}

.mt-4 {
    margin-top: 4px
}

.mt-5 {
    margin-top: 5px
}

.mt-6 {
    margin-top: 6px
}

.mt-7 {
    margin-top: 7px
}

.mt-8 {
    margin-top: 8px
}

.mt-9 {
    margin-top: 9px
}

.mt-10 {
    margin-top: 10px
}

.mt-11 {
    margin-top: 11px
}

.mt-12 {
    margin-top: 12px
}

.mt-13 {
    margin-top: 13px
}

.mt-14 {
    margin-top: 14px
}

.mt-15 {
    margin-top: 15px
}

.mt-16 {
    margin-top: 16px
}

.mt-17 {
    margin-top: 17px
}

.mt-18 {
    margin-top: 18px
}

.mt-19 {
    margin-top: 19px
}

.mt-20 {
    margin-top: 20px
}

.mt-21 {
    margin-top: 21px
}

.mt-22 {
    margin-top: 22px
}

.mt-23 {
    margin-top: 23px
}

.mt-24 {
    margin-top: 24px
}

.mt-25 {
    margin-top: 25px
}

.mt-26 {
    margin-top: 26px
}

.mt-27 {
    margin-top: 27px
}

.mt-28 {
    margin-top: 28px
}

.mt-29 {
    margin-top: 29px
}

.mt-30 {
    margin-top: 30px
}

.mt-31 {
    margin-top: 31px
}

.mt-32 {
    margin-top: 32px
}

.mt-33 {
    margin-top: 33px
}

.mt-34 {
    margin-top: 34px
}

.mt-35 {
    margin-top: 35px
}

.mt-36 {
    margin-top: 36px
}

.mt-37 {
    margin-top: 37px
}

.mt-38 {
    margin-top: 38px
}

.mt-39 {
    margin-top: 39px
}

.mt-40 {
    margin-top: 40px
}

.mt-41 {
    margin-top: 41px
}

.mt-42 {
    margin-top: 42px
}

.mt-43 {
    margin-top: 43px
}

.mt-44 {
    margin-top: 44px
}

.mt-45 {
    margin-top: 45px
}

.mt-46 {
    margin-top: 46px
}

.mt-47 {
    margin-top: 47px
}

.mt-48 {
    margin-top: 48px
}

.mt-49 {
    margin-top: 49px
}

.mt-50 {
    margin-top: 50px
}

.mt-51 {
    margin-top: 51px
}

.mt-52 {
    margin-top: 52px
}

.mt-53 {
    margin-top: 53px
}

.mt-54 {
    margin-top: 54px
}

.mt-55 {
    margin-top: 55px
}

.mt-56 {
    margin-top: 56px
}

.mt-57 {
    margin-top: 57px
}

.mt-58 {
    margin-top: 58px
}

.mt-59 {
    margin-top: 59px
}

.mt-60 {
    margin-top: 60px
}

.mt-61 {
    margin-top: 61px
}

.mt-62 {
    margin-top: 62px
}

.mt-63 {
    margin-top: 63px
}

.mt-64 {
    margin-top: 64px
}

.mt-65 {
    margin-top: 65px
}

.mt-66 {
    margin-top: 66px
}

.mt-67 {
    margin-top: 67px
}

.mt-68 {
    margin-top: 68px
}

.mt-69 {
    margin-top: 69px
}

.mt-70 {
    margin-top: 70px
}

.mt-71 {
    margin-top: 71px
}

.mt-72 {
    margin-top: 72px
}

.mt-73 {
    margin-top: 73px
}

.mt-74 {
    margin-top: 74px
}

.mt-75 {
    margin-top: 75px
}

.mt-76 {
    margin-top: 76px
}

.mt-77 {
    margin-top: 77px
}

.mt-78 {
    margin-top: 78px
}

.mt-79 {
    margin-top: 79px
}

.mt-80 {
    margin-top: 80px
}

.mt-81 {
    margin-top: 81px
}

.mt-82 {
    margin-top: 82px
}

.mt-83 {
    margin-top: 83px
}

.mt-84 {
    margin-top: 84px
}

.mt-85 {
    margin-top: 85px
}

.mt-86 {
    margin-top: 86px
}

.mt-87 {
    margin-top: 87px
}

.mt-88 {
    margin-top: 88px
}

.mt-89 {
    margin-top: 89px
}

.mt-90 {
    margin-top: 90px
}

.mt-91 {
    margin-top: 91px
}

.mt-92 {
    margin-top: 92px
}

.mt-93 {
    margin-top: 93px
}

.mt-94 {
    margin-top: 94px
}

.mt-95 {
    margin-top: 95px
}

.mt-96 {
    margin-top: 96px
}

.mt-97 {
    margin-top: 97px
}

.mt-98 {
    margin-top: 98px
}

.mt-99 {
    margin-top: 99px
}

.mt-100 {
    margin-top: 100px
}

.mb-1 {
    margin-bottom: 1px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-3 {
    margin-bottom: 3px
}

.mb-4 {
    margin-bottom: 4px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-6 {
    margin-bottom: 6px
}

.mb-7 {
    margin-bottom: 7px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-9 {
    margin-bottom: 9px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-11 {
    margin-bottom: 11px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-13 {
    margin-bottom: 13px
}

.mb-14 {
    margin-bottom: 14px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-17 {
    margin-bottom: 17px
}

.mb-18 {
    margin-bottom: 18px
}

.mb-19 {
    margin-bottom: 19px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-21 {
    margin-bottom: 21px
}

.mb-22 {
    margin-bottom: 22px
}

.mb-23 {
    margin-bottom: 23px
}

.mb-24 {
    margin-bottom: 24px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-26 {
    margin-bottom: 26px
}

.mb-27 {
    margin-bottom: 27px
}

.mb-28 {
    margin-bottom: 28px
}

.mb-29 {
    margin-bottom: 29px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-31 {
    margin-bottom: 31px
}

.mb-32 {
    margin-bottom: 32px
}

.mb-33 {
    margin-bottom: 33px
}

.mb-34 {
    margin-bottom: 34px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-36 {
    margin-bottom: 36px
}

.mb-37 {
    margin-bottom: 37px
}

.mb-38 {
    margin-bottom: 38px
}

.mb-39 {
    margin-bottom: 39px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-41 {
    margin-bottom: 41px
}

.mb-42 {
    margin-bottom: 42px
}

.mb-43 {
    margin-bottom: 43px
}

.mb-44 {
    margin-bottom: 44px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-46 {
    margin-bottom: 46px
}

.mb-47 {
    margin-bottom: 47px
}

.mb-48 {
    margin-bottom: 48px
}

.mb-49 {
    margin-bottom: 49px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-51 {
    margin-bottom: 51px
}

.mb-52 {
    margin-bottom: 52px
}

.mb-53 {
    margin-bottom: 53px
}

.mb-54 {
    margin-bottom: 54px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-56 {
    margin-bottom: 56px
}

.mb-57 {
    margin-bottom: 57px
}

.mb-58 {
    margin-bottom: 58px
}

.mb-59 {
    margin-bottom: 59px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-61 {
    margin-bottom: 61px
}

.mb-62 {
    margin-bottom: 62px
}

.mb-63 {
    margin-bottom: 63px
}

.mb-64 {
    margin-bottom: 64px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-66 {
    margin-bottom: 66px
}

.mb-67 {
    margin-bottom: 67px
}

.mb-68 {
    margin-bottom: 68px
}

.mb-69 {
    margin-bottom: 69px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-71 {
    margin-bottom: 71px
}

.mb-72 {
    margin-bottom: 72px
}

.mb-73 {
    margin-bottom: 73px
}

.mb-74 {
    margin-bottom: 74px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-76 {
    margin-bottom: 76px
}

.mb-77 {
    margin-bottom: 77px
}

.mb-78 {
    margin-bottom: 78px
}

.mb-79 {
    margin-bottom: 79px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-81 {
    margin-bottom: 81px
}

.mb-82 {
    margin-bottom: 82px
}

.mb-83 {
    margin-bottom: 83px
}

.mb-84 {
    margin-bottom: 84px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-86 {
    margin-bottom: 86px
}

.mb-87 {
    margin-bottom: 87px
}

.mb-88 {
    margin-bottom: 88px
}

.mb-89 {
    margin-bottom: 89px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-91 {
    margin-bottom: 91px
}

.mb-92 {
    margin-bottom: 92px
}

.mb-93 {
    margin-bottom: 93px
}

.mb-94 {
    margin-bottom: 94px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-96 {
    margin-bottom: 96px
}

.mb-97 {
    margin-bottom: 97px
}

.mb-98 {
    margin-bottom: 98px
}

.mb-99 {
    margin-bottom: 99px
}

.mb-100 {
    margin-bottom: 100px
}

.mtb-1 {
    margin-top: 1px;
    margin-bottom: 1px
}

.mtb-2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.mtb-3 {
    margin-top: 3px;
    margin-bottom: 3px
}

.mtb-4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mtb-6 {
    margin-top: 6px;
    margin-bottom: 6px
}

.mtb-7 {
    margin-top: 7px;
    margin-bottom: 7px
}

.mtb-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.mtb-9 {
    margin-top: 9px;
    margin-bottom: 9px
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mtb-11 {
    margin-top: 11px;
    margin-bottom: 11px
}

.mtb-12 {
    margin-top: 12px;
    margin-bottom: 12px
}

.mtb-13 {
    margin-top: 13px;
    margin-bottom: 13px
}

.mtb-14 {
    margin-top: 14px;
    margin-bottom: 14px
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mtb-16 {
    margin-top: 16px;
    margin-bottom: 16px
}

.mtb-17 {
    margin-top: 17px;
    margin-bottom: 17px
}

.mtb-18 {
    margin-top: 18px;
    margin-bottom: 18px
}

.mtb-19 {
    margin-top: 19px;
    margin-bottom: 19px
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mtb-21 {
    margin-top: 21px;
    margin-bottom: 21px
}

.mtb-22 {
    margin-top: 22px;
    margin-bottom: 22px
}

.mtb-23 {
    margin-top: 23px;
    margin-bottom: 23px
}

.mtb-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mtb-26 {
    margin-top: 26px;
    margin-bottom: 26px
}

.mtb-27 {
    margin-top: 27px;
    margin-bottom: 27px
}

.mtb-28 {
    margin-top: 28px;
    margin-bottom: 28px
}

.mtb-29 {
    margin-top: 29px;
    margin-bottom: 29px
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mtb-31 {
    margin-top: 31px;
    margin-bottom: 31px
}

.mtb-32 {
    margin-top: 32px;
    margin-bottom: 32px
}

.mtb-33 {
    margin-top: 33px;
    margin-bottom: 33px
}

.mtb-34 {
    margin-top: 34px;
    margin-bottom: 34px
}

.mtb-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mtb-36 {
    margin-top: 36px;
    margin-bottom: 36px
}

.mtb-37 {
    margin-top: 37px;
    margin-bottom: 37px
}

.mtb-38 {
    margin-top: 38px;
    margin-bottom: 38px
}

.mtb-39 {
    margin-top: 39px;
    margin-bottom: 39px
}

.mtb-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mtb-41 {
    margin-top: 41px;
    margin-bottom: 41px
}

.mtb-42 {
    margin-top: 42px;
    margin-bottom: 42px
}

.mtb-43 {
    margin-top: 43px;
    margin-bottom: 43px
}

.mtb-44 {
    margin-top: 44px;
    margin-bottom: 44px
}

.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mtb-46 {
    margin-top: 46px;
    margin-bottom: 46px
}

.mtb-47 {
    margin-top: 47px;
    margin-bottom: 47px
}

.mtb-48 {
    margin-top: 48px;
    margin-bottom: 48px
}

.mtb-49 {
    margin-top: 49px;
    margin-bottom: 49px
}

.mtb-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mtb-51 {
    margin-top: 51px;
    margin-bottom: 51px
}

.mtb-52 {
    margin-top: 52px;
    margin-bottom: 52px
}

.mtb-53 {
    margin-top: 53px;
    margin-bottom: 53px
}

.mtb-54 {
    margin-top: 54px;
    margin-bottom: 54px
}

.mtb-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

.mtb-56 {
    margin-top: 56px;
    margin-bottom: 56px
}

.mtb-57 {
    margin-top: 57px;
    margin-bottom: 57px
}

.mtb-58 {
    margin-top: 58px;
    margin-bottom: 58px
}

.mtb-59 {
    margin-top: 59px;
    margin-bottom: 59px
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mtb-61 {
    margin-top: 61px;
    margin-bottom: 61px
}

.mtb-62 {
    margin-top: 62px;
    margin-bottom: 62px
}

.mtb-63 {
    margin-top: 63px;
    margin-bottom: 63px
}

.mtb-64 {
    margin-top: 64px;
    margin-bottom: 64px
}

.mtb-65 {
    margin-top: 65px;
    margin-bottom: 65px
}

.mtb-66 {
    margin-top: 66px;
    margin-bottom: 66px
}

.mtb-67 {
    margin-top: 67px;
    margin-bottom: 67px
}

.mtb-68 {
    margin-top: 68px;
    margin-bottom: 68px
}

.mtb-69 {
    margin-top: 69px;
    margin-bottom: 69px
}

.mtb-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mtb-71 {
    margin-top: 71px;
    margin-bottom: 71px
}

.mtb-72 {
    margin-top: 72px;
    margin-bottom: 72px
}

.mtb-73 {
    margin-top: 73px;
    margin-bottom: 73px
}

.mtb-74 {
    margin-top: 74px;
    margin-bottom: 74px
}

.mtb-75 {
    margin-top: 75px;
    margin-bottom: 75px
}

.mtb-76 {
    margin-top: 76px;
    margin-bottom: 76px
}

.mtb-77 {
    margin-top: 77px;
    margin-bottom: 77px
}

.mtb-78 {
    margin-top: 78px;
    margin-bottom: 78px
}

.mtb-79 {
    margin-top: 79px;
    margin-bottom: 79px
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mtb-81 {
    margin-top: 81px;
    margin-bottom: 81px
}

.mtb-82 {
    margin-top: 82px;
    margin-bottom: 82px
}

.mtb-83 {
    margin-top: 83px;
    margin-bottom: 83px
}

.mtb-84 {
    margin-top: 84px;
    margin-bottom: 84px
}

.mtb-85 {
    margin-top: 85px;
    margin-bottom: 85px
}

.mtb-86 {
    margin-top: 86px;
    margin-bottom: 86px
}

.mtb-87 {
    margin-top: 87px;
    margin-bottom: 87px
}

.mtb-88 {
    margin-top: 88px;
    margin-bottom: 88px
}

.mtb-89 {
    margin-top: 89px;
    margin-bottom: 89px
}

.mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mtb-91 {
    margin-top: 91px;
    margin-bottom: 91px
}

.mtb-92 {
    margin-top: 92px;
    margin-bottom: 92px
}

.mtb-93 {
    margin-top: 93px;
    margin-bottom: 93px
}

.mtb-94 {
    margin-top: 94px;
    margin-bottom: 94px
}

.mtb-95 {
    margin-top: 95px;
    margin-bottom: 95px
}

.mtb-96 {
    margin-top: 96px;
    margin-bottom: 96px
}

.mtb-97 {
    margin-top: 97px;
    margin-bottom: 97px
}

.mtb-98 {
    margin-top: 98px;
    margin-bottom: 98px
}

.mtb-99 {
    margin-top: 99px;
    margin-bottom: 99px
}

.mtb-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

@media screen and (max-width: 768px) {
    .mt-1 {
        margin-top: 1px
    }

    .mt-2 {
        margin-top: 2px
    }

    .mt-3 {
        margin-top: 3px
    }

    .mt-4 {
        margin-top: 4px
    }

    .mt-5 {
        margin-top: 5px
    }

    .mt-6 {
        margin-top: 6px
    }

    .mt-7 {
        margin-top: 7px
    }

    .mt-8 {
        margin-top: 8px
    }

    .mt-9 {
        margin-top: 9px
    }

    .mb-1 {
        margin-bottom: 1px
    }

    .mb-2 {
        margin-bottom: 2px
    }

    .mb-3 {
        margin-bottom: 3px
    }

    .mb-4 {
        margin-bottom: 4px
    }

    .mb-5 {
        margin-bottom: 5px
    }

    .mb-6 {
        margin-bottom: 6px
    }

    .mb-7 {
        margin-bottom: 7px
    }

    .mb-8 {
        margin-bottom: 8px
    }

    .mb-9 {
        margin-bottom: 9px
    }

    .mtb-1 {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .mtb-2 {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .mtb-3 {
        margin-top: 3px;
        margin-bottom: 3px
    }

    .mtb-4 {
        margin-top: 4px;
        margin-bottom: 4px
    }

    .mtb-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .mtb-6 {
        margin-top: 6px;
        margin-bottom: 6px
    }

    .mtb-7 {
        margin-top: 7px;
        margin-bottom: 7px
    }

    .mtb-8 {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .mtb-9 {
        margin-top: 9px;
        margin-bottom: 9px
    }

    .mt-10, .mt-100, .mt-11, .mt-12, .mt-13, .mt-14, .mt-15, .mt-16, .mt-17, .mt-18, .mt-19, .mt-20, .mt-21, .mt-22, .mt-23, .mt-24, .mt-25, .mt-26, .mt-27, .mt-28, .mt-29, .mt-30, .mt-31, .mt-32, .mt-33, .mt-34, .mt-35, .mt-36, .mt-37, .mt-38, .mt-39, .mt-40, .mt-41, .mt-42, .mt-43, .mt-44, .mt-45, .mt-46, .mt-47, .mt-48, .mt-49, .mt-50, .mt-51, .mt-52, .mt-53, .mt-54, .mt-55, .mt-56, .mt-57, .mt-58, .mt-59, .mt-60, .mt-61, .mt-62, .mt-63, .mt-64, .mt-65, .mt-66, .mt-67, .mt-68, .mt-69, .mt-70, .mt-71, .mt-72, .mt-73, .mt-74, .mt-75, .mt-76, .mt-77, .mt-78, .mt-79, .mt-80, .mt-81, .mt-82, .mt-83, .mt-84, .mt-85, .mt-86, .mt-87, .mt-88, .mt-89, .mt-90, .mt-91, .mt-92, .mt-93, .mt-94, .mt-95, .mt-96, .mt-97, .mt-98, .mt-99 {
        margin-top: 10px
    }

    .mb-10, .mb-100, .mb-11, .mb-12, .mb-13, .mb-14, .mb-15, .mb-16, .mb-17, .mb-18, .mb-19, .mb-20, .mb-21, .mb-22, .mb-23, .mb-24, .mb-25, .mb-26, .mb-27, .mb-28, .mb-29, .mb-30, .mb-31, .mb-32, .mb-33, .mb-34, .mb-35, .mb-36, .mb-37, .mb-38, .mb-39, .mb-40, .mb-41, .mb-42, .mb-43, .mb-44, .mb-45, .mb-46, .mb-47, .mb-48, .mb-49, .mb-50, .mb-51, .mb-52, .mb-53, .mb-54, .mb-55, .mb-56, .mb-57, .mb-58, .mb-59, .mb-60, .mb-61, .mb-62, .mb-63, .mb-64, .mb-65, .mb-66, .mb-67, .mb-68, .mb-69, .mb-70, .mb-71, .mb-72, .mb-73, .mb-74, .mb-75, .mb-76, .mb-77, .mb-78, .mb-79, .mb-80, .mb-81, .mb-82, .mb-83, .mb-84, .mb-85, .mb-86, .mb-87, .mb-88, .mb-89, .mb-90, .mb-91, .mb-92, .mb-93, .mb-94, .mb-95, .mb-96, .mb-97, .mb-98, .mb-99 {
        margin-bottom: 10px
    }

    .mtb-10, .mtb-100, .mtb-11, .mtb-12, .mtb-13, .mtb-14, .mtb-15, .mtb-16, .mtb-17, .mtb-18, .mtb-19, .mtb-20, .mtb-21, .mtb-22, .mtb-23, .mtb-24, .mtb-25, .mtb-26, .mtb-27, .mtb-28, .mtb-29, .mtb-30, .mtb-31, .mtb-32, .mtb-33, .mtb-34, .mtb-35, .mtb-36, .mtb-37, .mtb-38, .mtb-39, .mtb-40, .mtb-41, .mtb-42, .mtb-43, .mtb-44, .mtb-45, .mtb-46, .mtb-47, .mtb-48, .mtb-49, .mtb-50, .mtb-51, .mtb-52, .mtb-53, .mtb-54, .mtb-55, .mtb-56, .mtb-57, .mtb-58, .mtb-59, .mtb-60, .mtb-61, .mtb-62, .mtb-63, .mtb-64, .mtb-65, .mtb-66, .mtb-67, .mtb-68, .mtb-69, .mtb-70, .mtb-71, .mtb-72, .mtb-73, .mtb-74, .mtb-75, .mtb-76, .mtb-77, .mtb-78, .mtb-79, .mtb-80, .mtb-81, .mtb-82, .mtb-83, .mtb-84, .mtb-85, .mtb-86, .mtb-87, .mtb-88, .mtb-89, .mtb-90, .mtb-91, .mtb-92, .mtb-93, .mtb-94, .mtb-95, .mtb-96, .mtb-97, .mtb-98, .mtb-99 {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 768px) {
    .row-eq-height {
        display: block;
    }
}

.inflex {
    display: inline-flex;
}

@media screen and (max-width: 768px) {
    .inflex {
        display: block;
    }
}

.logo {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    .logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.clpadr {
    padding-right: 0 !important;
}

@media screen and (max-width: 768px) {
    .clpadr {
        padding-right: 15px !important;
    }
}

.clpadl {
    padding-left: 0 !important;
}

@media screen and (max-width: 768px) {
    .clpadl {
        padding-left: 15px !important;
    }
}

.clpad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (max-width: 768px) {
    .clpad {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.navbar-toggle {
    background-color: var(--primary-color) !important;
    border-radius: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #fff !important;
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}

.navbar-toggle.active .type1 {
    top: 6px;
    transform: rotate(46deg);
}

.navbar-toggle.active .type2 {
    background-color: transparent !important;
}

.navbar-toggle.active .type3 {
    top: -6px;
    transform: rotate(-50deg);
}

.txt-r {
    text-align: right;
}

@media screen and (max-width: 768px) {
    .txt-r {
        text-align: center;
    }
}

.txt-l {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .txt-l {
        text-align: center;
    }
}

/* First level*/
.cd-accordion-menu label, .cd-accordion-menu a {
    color: #282828;
    background-color: #f9f9f9;
    font-size: 15px;
    font-weight: 400;

    padding: 12px;
    display: block;
    transition: all 0.3s;
    border-bottom: 1px solid #efefef;
}

.cd-accordion-menu label:hover, .cd-accordion-menu a:hover {
    padding-left: 15px;
    color: #fff !important;
    background: var(--primary-color) 00;
    border-left: 4px solid #f3182c;
}

/* second level*/
.cd-accordion-menu ul label, .cd-accordion-menu ul a {
    padding: 8px 20px;
    background: #151412;
    /* color: #ffffff; */
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;

    border-bottom: 1px #212121 solid;
    transition: all 0.3s;
    text-transform: capitalize;
}

.cd-accordion-menu ul label:hover, .cd-accordion-menu ul a:hover {
    padding-left: 18px;
}

/* third level*/
.cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {
    padding-left: 30px;
    transition: all 0.3s;
}

.cd-accordion-menu ul ul label:hover, .cd-accordion-menu ul ul a:hover {
    padding-left: 35px;
}

/* forth level*/
.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {
    padding-left: 40px;
    transition: all 0.3s;
}

.cd-accordion-menu ul ul ul label:hover, .cd-accordion-menu ul ul ul a:hover {
    padding-left: 45px;
}

/* fifth level*/
.cd-accordion-menu ul ul ul ul label, .cd-accordion-menu ul ul ul ul a {
    padding-left: 50px;
    transition: all 0.3s;
}

.cd-accordion-menu ul ul ul ul label:hover, .cd-accordion-menu ul ul ul ul a:hover {
    padding-left: 55px;
}

.cat_active {
    color: #fff !important;
    background: var(--primary-color) !important;
}

.cat_active:hover {
    color: #000 !important;
}


.cd-accordion-menu a.cat_active:hover {
    color: #000 !important;
}

.cd-accordion-menu label:hover {
    color: #f4f4f4 !important;
    border-left: 4px solid #f3182c;
}


.paginginfo {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    background: #e8e5e500;
    /* margin: 0 10px 0 0; */
    /* font-size: 0; */
    padding: 13px 15px;
    border: 1px solid #d6d6d6;
}

.paginginfo p {
    font-size: 14px;
    margin: 0;
    color: var(--text-color);
    line-height: 27px;
}

.pgright {
    float: right;
}

@media screen and (max-width: 768px) {
    .paginginfo {
        text-align: center;
    }

    .pgright {
        float: none;
    }
}

.paginginfo a {
    margin: 0 1px;
}

.paginginfo a.paging {
    background: transparent;
    color: var(--text-color);

    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    transition: all 0.3s;
    border: 1px solid #2b2b2b;
}

.paginginfo a.paging:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff !important;
    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
}

.paginginfo a.pagingd {
    background: transparent;
    color: var(--text-color);
    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    transition: all 0.3s;
    border: 1px solid #2b2b2b;
}


.paginginfo a.pagingd:hover {
    color: #fff !important;
    border-color: var(--primary-color);
    background: var(--primary-color);
}

.paginginfo a.paginga {
    background: var(--primary-color);
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    transition: all 0.3s;
    border: 1px solid var(--primary-color);
}

.paginginfo a.paginga:hover {
    color: #000 !important;
}

.xmsgred {
    width: 100%;
    border-radius: 5px;
    margin: 10px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    background: #000 !important;
    text-transform: uppercase;
}

.prodpgcat a {
    background: transparent;
    color: var(--text-color);
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
    text-transform: capitalize;
    border: 1px solid var(--primary-color);
    margin: 5px 0px;
}

.prodpgcat a span {
    position: absolute;
    top: 50%;

    left: 95%;
    transform: translate(-95%, -50%);
}


.prodpgcat a:hover {
    background: var(--primary-color);
    color: #fff !important;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.bbasket {
    float: left;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}

.bbasket .pdpd {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 768px) {
    .bbasket .pdpd {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .bbasket h5 {
        text-align: center;
    }
}

.bbasket h5 {

    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
    color: var(--text-color);
    margin: 0 0 5px 0;

    border: 0px solid #ebebeb;
}

.bbasket p {
    margin: 0;
    font-size: 14px;
}

.bbasket p span {
    color: var(--primary-color);
}

/*Notices*/
.card {
    border-radius: 5px;
    margin: 5px 0;
}

.green {
    background: #93f193;
    color: #000;
}

.red {
    background: #f9a299;
}

.orange {
    background: #f9ce99;
}

.card-content {
    padding: 10px;
    text-align: center;
}

.card-content p {
    margin: 0;
}

.ccback {
    display: inline-block;
    background: #000000;
    color: #fff !important;
    padding: 8px 15px;
    margin: 5px 0;
    border-bottom: 2px solid #f3182c;
    transition: all 0.5s;
    border-radius: 0;
}

.ccback:hover {
    background: #f3182c;
    color: #f4f4f4 !important;
}

/* Sitemap*/
.sitemap a {
    font: 400 14px 'Roboto', sans-serif;
    color: #000;
    padding: 3px !important;
    display: block;
    transition: all 0.5s;
}

.sitemap a:hover {
    padding: 3px !important;
    display: block;
    color: var(--primary-color);
}

.sitemap ul {
    margin-left: 10px;
}

.sitemap ul ul {
    margin-left: 20px;
}

.sitemap ul ul ul {
    margin-left: 30px;
}

.sitemap ul ul ul ul {
    margin-left: 40px;
}


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

.bclr {
    border: 1px solid #efebeb;
    transition: all 0.8s;
}

.bclr:hover {
    border: 1px solid #00a55a33;
}


/*next pages start*/
.mid_cont {
}

.head_cont1 {
    margin: 0px 0 0 0px;
    background: #2b3036;
    position: relative;
    border-top: 1px solid #1f1f1f;
}

.next_cont {
}

.leftmenu {
    width: 100%;
}

.bclrpp {
    background-color: #e3e3e3 !important;
}

.prod_heading_left {
}

.prod_heading_left h4 {
    font-size: 500 20px;
    text-transform: uppercase;
    color: #2d2d2d;
    margin: 0px 0 0 0px;
    padding: 16px 0px;
}


.nextbb {
    position: relative;
}

.prod_heading_right {
    text-align: left;
    position: static;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(0%);
    padding: 20px 0px;
    font-family: var(--oswald);
}

.prod_heading_right h1 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-size: 39px;
    font-weight: 500;

}

.prod_heading_right h4 {
    font-weight: 300;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    color: #fff;

    margin: 0px 0 0 0px;

    padding: 5px 0px 0px 0;

    text-transform: capitalize;

}

.prod_heading_right h4 a {
    color: #fff;
    transition: 0.45s;
}

.prod_heading_right h4 a:hover {
    color: #fe6612;
}

.prod_heading_leftc {
}

.prod_heading_leftc h4 {
    font-size: 500 20px;
    text-transform: capitalize;
    color: #2d2d2d;
    margin: 0px 0 0 0px;
    padding: 16px 0px;
}


.leftmenu h4 {
    font-size: 26px;
    font-weight: 500;
    background: #000000;
    color: #f4f4f4;
    margin: 0px 0 1px 0px;
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #efefef;
}

.leftmenu ul {
    margin: 0;
    padding: 0;
}

.leftmenu li {
    list-style: none;
}

.leftmenu li:hover {
}

.prdarea {
    width: 100%;
}

.leftmenu .prordfa {
    background: #282525;
    color: #fff;
    margin: 0 0 0 0px;
    padding: 2px 8px 2px 9px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 24px;
}


.prdarea1 h4 {
    font-size: 500 18px;
    background: #282525;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdarea1 h4 a {
    color: #fff;
}

.fa {
    padding: 0px 0px;
}

.prdarea3 {
}

.prdarea3 h4 {
    font-size: 500 20px;
    background: #282525;
    color: #fff;
    margin: 20px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdarea3 h4 a {
    color: #fff;
}

.contactbx {
    margin: 20px 0 20px 0px;
    text-align: center;
}

.contactbx strong {
    font-size: 500 15px;
    color: var(--primary-color);
    margin: 0 0 0 0px;
    padding: 0px 0 4px 0px;
    text-transform: uppercase;
}

.contactbx h4 {
    font-size: 600 16px;
    color: #ff2a18;
    margin: 0 0 0 0px;
    padding: 0px 0 10px 0px;
    text-transform: uppercase;
}

.contactbx p {
    font-size: 500 14px;
    color: #3e3e3e;
    margin: 0 0 0 0px;
    padding: 0px 0 4px 0px;
    line-height: 22px;
    text-align: justify;
    text-align: center;
}

.contactbx a {
    color: #3e3e3e;
    transition: all 0.5s;
}

.contactbx a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.contactbx .fas {
    color: #3e3e3e;
    margin: 0 8px 10px 0px;
    font-size: 45px;
    text-align: center;
}

.backk2 {
    background: #323030;
    padding: 0 0 54px 10px;
}

.contactbxm {
    -webkit-box-shadow: -1px 2px 23px 1px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: -1px 2px 23px 1px rgba(0, 0, 0, 0.62);
    box-shadow: -1px 2px 23px 1px rgba(0, 0, 0, 0.62);
}

.largeimg {
    border: 1px solid #ebebeb;
    background: #fff;
}

.bclrcc {
    background: #efefef;
    padding: 64px 12px;
}

.prdareasear {
}

.prdareasear h4 {
    font-size: 500 18px, sans-serif;
    background: #004b79;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdareasear h4 a {
    color: #fff;
}

.prdareab {
}

.prdareab h4 {
    font-size: 500 18px;
    background: #004b79;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdareab h4 a {
    color: #fff;
}

.prdareai {
}

.prdareai h4 {
    font-size: 500 18px;
    background: #004b79;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdareai h4 a {
    color: #fff;
}

.prdareag {
}

.prdareag h4 {
    font-size: 500 18px;
    background: #004b79;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 14px;
    text-transform: capitalize;
}

.prdareag h4 a {
    color: #fff;
}


.lfetop {
}

.lfetop h4 {
    font-size: 600 15px;
    text-transform: uppercase;
    color: #000;
    margin: 10px 0 0px 0px;
    padding: 8px 0px;
}

.lfetop h4 a {
    color: #000;
}

.detail2 {
    margin-bottom: 15px;
}

.detail2 h4 {
    font-size: 28px;
    font-weight: 500;

    text-transform: capitalize;
    color: var(--text-color);
    margin: 0px 0 10px 0px;
    padding: 0px 0px;
}

.detail2 h5 {
    text-transform: capitalize;
    color: var(--text-color);
    margin: 20px 0 24px 0px;
    border-bottom: 1px solid #d6d6d6;
    padding: 0px 0 15px 0px;
    font-size: 16px;
}

.detail2 h6 {
    text-transform: capitalize;
    color: var(--text-color);
    margin: 0px 0 15px 0px;
    font-size: 20px;
    padding: 0px 0 20px 0px;
    border-bottom: 1px solid #d6d6d6;
}

.detail2 p {
    color: var(--text-color);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 2px;
    line-height: 26px;
    text-align: justify;
    font-size: 16px;
}


.detail2 p a {
    color: var(--primary-color) !important;
}

.detail2 p span {
    color: var(--text-color) !important;
}


.detail2 select {
    background: #efefef;
    border: none;
    outline: none;
    border-radius: 0;
}


.t1515 {
}

.t1515 input {
    font-size: 16px !important;
    font-weight: 400;
    background: #000;
    color: #fff;
    margin: 25px 0 0 4px;
    padding: 10px 40px;
    text-align: center;
    transition: all 0.4s;
    border-radius: 0;
}

.real {
}

.real h4 {
    font-size: 40px;
    font-weight: 500;

    color: var(--text-color);
    margin: 25px 0 20px 0px;
    padding: 0px 0px;
    text-align: center;
}

.lasani222 {
}

.lasani222 h4 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    background: url(images/cmspagbg.png) no-repeat center bottom;
    padding-bottom: 30px;
    margin: 20px 0 28px 0px;
}

.bclrcnt {
    background: #1a1a1a;
    float: left;
    width: 100%;
    padding: 20px 0px;
}

.bclrcnt strong {
    font-size: 600 16px;
    color: #ffcf40;
    margin: 0 0 6px 0px;
    padding: 0 0px;
}

.bclrcnt p {
    font-size: 400 13px;
    color: #FFFFFF;
    margin: 0 0 0 0px;
    padding: 0 0px;
    line-height: 22px;
    text-align: justify;
}

.bclrcnt a {
    color: #FFFFFF;
    transition: all 0.4s;
}

.bclrcnt a:hover {
    color: #ffe354;
    color: #000000;
    text-decoration: underline;
}

.bclrcnt .fa {
    margin: 0 4px 0 0px;
    font-size: 14px;
    color: #ffcf40;
}

.feedcon {
    float: left;
    width: 100%;
}

.feedcon h4 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 20px 0px;
}

.feedcon input {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #ffffff;
}

.feedcon select {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #ffffff;
}

.feedcon textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #ffffff;
}

.feedcon button {
    background: #000000;
    color: #fff;
    outline: none;
    border: none;
    margin: 0 0 0 0px;
    padding: 13px 40px;
    text-align: center;
    border-radius: 0;
    transition: all 0.4s;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #f3182c;
    line-height: initial;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.5px;
    border-radius: 0;
}

.feedcon button:hover {
    background: #f3182c;
    color: #fff;
}

.form-control:focus {
    color: var(--text-color);
    background-color: #ffffff;
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(254, 102, 18, 0);;
}

#next_pagesss {
    margin: 25px 0px;
}

#next_pagess {
    margin: 25px 0px;
}

.bbasket .pdpd img {
    width: 100px;
}


.lara_prdoducts {
    float: left;
}

.lara_prdoducts .list-col {
    display: inline-block;
    float: left;
    width: 100%;
}


.lara_prdoducts .list-col .gridview {
    display: inline-block;
    margin: 0;
    padding: 0px 5px 0px;
    float: left;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

.lara_prdoducts .product-action-wrapper-2 {
    margin: 0px -15px -15px;
    opacity: 0;
    padding: 20px 23px 0;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    right: 0;
}

.lara_prdoducts .devita-product-2:hover .list-col .gridview {
    margin-bottom: 0px;
}

.lara_prdoducts .devita-product-2.devita-product-yellowgreen .list-col .gridview {
    padding: 0 28px 10px;
}

.lara_pagination {
    margin-top: 30px;
}

.laraqty {
    display: inline-block;
    width: 80px;
    height: 41px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #282828;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.t1515 .lara_add_basket {
    font-size: 16px !important;
    font-weight: 400;

    background: #fe6612;
    color: #fff;
    margin: 0px 0 0 0px;
    padding: 10px 40px;
    text-align: center;
    transition: all 0.4s;
    border: 2px solid var(--primary-color);
    line-height: initial !important;
    height: auto !important;
    border-radius: 0px !important;
}


.detail_social {
    margin-top: 30px;
}


.detail_social .footer_social ul li a {
    color: #3e3e3e;
}

.detail_social .footer_social ul li a:hover {
    color: #fff;
}


.t1515 input:hover {
    background: var(--primary-color);
    color: #000;
}


.slidee11 {
}


.lara_tab_conat .show {
    display: block !important;
    opacity: 1 !important;
}

.lara_contact_btn_p {
}

.lara_contact_btn_p button {
    background: var(--primary-color);
    color: #fff;
    padding: 11px 29px;
    height: auto;
    font-size: 15px;
    font-weight: 500;
    border: 0px;
    line-height: inherit;
    border-radius: 5px;
    transition: 0.45s;
}

.lara_contact_btn_p button:hover {
    background: #282829;
    color: #fff;
}


.about_zelator {
}

.about_zelator .lara_h2_ab {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 24px;
    padding-bottom: 28px;
    position: relative;
    text-transform: uppercase;
}

.about_zelator .lara_h2_ab:after {
    background-color: #dddddd;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 80px;
}

.about_zelator .about_text_in_ab {
}

.about_zelator .about_text_in_ab h6 {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    color: #242424;
    margin-bottom: 21px;
}

.about_zelator .about_text_in_ab p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #242424;
    margin-bottom: 15px;
}

.about_zelator .about_text_in_ab a {
    background-color: var(--primary-color);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-top: 45px;
    line-height: 1;
    transition: 0.45s;
    padding: 17px 37px 18px;
    text-transform: uppercase;
}

.about_zelator .about_text_in_ab a:hover {
    background: #282829;
}

.pakistan_main {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.pakistan_main h1 {
    font-size: 30px;
    padding-left: 15px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.germany_main {
    float: left;
    width: 100%;
}

.germany_main h1 {
    font-size: 30px;
    padding-left: 15px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.lara_xxx {
}

.lara_xxx h1 {
    font-size: 30px;
    text-transform: uppercase;
}

.lara_map {
    margin-top: 30px;
}

.blog-area {
    margin-top: 35px;
}


.lara_prdarea {
}

.lara_prdarea ul {
}

.lara_prdarea ul > li {
    list-style-type: square;
}

.lara_prdarea ul > li > ul {
}

.lara_prdarea ul > li > ul > li {
}

.lara_prdarea ul > li > a {
    font-weight: 700;
    font-size: 18px;
}

.lara_prdarea ul > li > ul > li > a {
    font-weight: 600;
    font-size: 16px;
}

.lara_prdarea ul > li > ul > li > ul > li > a {
    font-weight: 500;
    font-size: 14px;
}


.sitemap a:hover {

    display: block;
    color: var(--primary-color);
    letter-spacing: 2px;
}


.language-currency {
    margin-right: 42px;
    position: relative;
    display: inline-block;
    width: 100px;
    height: 40px;
    font-family: var(--oswald) !important;
    line-height: 40px;
    background: #dcdcdc;
    text-align: center;
    border-radius: 5px;
    transform: translateY(2px);
}

.language-currency:last-child {
    margin-right: 0px;
}

.language-currency::before {
    background-color: #297ad4;
    content: "";
    height: 16px;
    position: absolute;
    right: -21px;
    top: 3px;
    width: 1px;
}

.language-currency:last-child::before {
    display: none;
}

.language-currency.lang-curr-mrg {
    line-height: 1;
    margin-top: 4px;
}

.language-currency span.world_ico {
    display: inline-block;

    font-size: 14px;

}

.lang-curr-dropdown {
    display: inline-block;

}

.lang-curr-dropdown ul li {
    list-style: outside none none;
    position: relative;
}

.lang-curr-dropdown ul li a {
    color: #fff;
    font-size: 12px;
}

.lang-curr-dropdown ul li a:hover,
.header-top-right ul li a:hover {
    color: #ddd;
}

.lang-curr-dropdown ul li a i {
    font-size: 10px;
    margin-left: 5px;
}

.lang-curr-dropdown ul li ul {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    display: none;
    left: 0;
    padding: 15px 14px;
    position: absolute;
    width: 100px;
    z-index: 99;
    top: 150%;
}

.lang-curr-dropdown ul li ul li {
    padding-bottom: 6px;
}

.lang-curr-mrg .lang-curr-dropdown ul li ul li {
    padding-bottom: 7px;
}

.lang-curr-dropdown ul li ul li:last-child,
.lang-curr-mrg .lang-curr-dropdown ul li ul li:last-child {
    padding-bottom: 0px;
}

.lang-curr-dropdown ul li ul li > a {
    color: #454545;
    text-transform: capitalize;
    display: block;
}

.lang-curr-dropdown ul li ul li > a:hover {
    color: #0363cd;
    padding-left: 5px;
}


.row_x {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.border_pagination {
    float: left;
    width: 100%;
    background: #e8e5e500;
    margin: 0 10px 0 0;
    font-size: 0;
    padding: 13px 15px;
    border: 1px solid #e9e9e9;
}

.col-md_j {
    float: left;
    width: 100%;
}

.lara_x_rowsa {
    position: relative;
}

.lara_x_rowsa:after {
    content: "";
}

.paginginfo .mtb-8 {
    margin: 0px !important;
}

.paginginfo .mtb-5 {
    margin: 0px !important;
}

.lara_details_p .cat_inner {
    margin: 0px !important;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.center-block {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.lara_label_qty {
    width: 12%;
    display: inline-block;
    margin-right: 20px;
}

/* google language */
#google_translate_element {
    color: #fff;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    font-family: var(--oswald) !important;
}

.goog-te-gadget img {
    display: none;
}

.goog-te-gadget-simple {
    background: none !important;
    border: none !important;
    color: #b6b6b6;
    font-size: 14px;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 0px;
    zoom: 1;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #fff !important;
}

.goog-te-menu-value span {
    padding: 4px 0;
    font-family: var(--oswald) !important;;
}

.goog-te-menu-value span:first-child {
    margin-right: 20px;
}

.goog-te-menu-value span:last-child {
    color: #fff !important;
    padding: 0px 3px 0 5px;
    border: none !important;
}

.goog-te-menu-value {
    text-decoration: none !important;
}

.goog-te-menu-value span:nth-child(1) {
    margin: -4px 0 0 0;
    color: #000000;
    font-family: 'Oswald', sans-serif;
}

.goog-te-menu-value span:nth-child(1):hover {
}

.goog-te-menu-value span:nth-child(3) {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #000 !important;
}

.goog-te-menu-value span:last-child {
    color: #000 !important;
    display: inline-block;
    display: none;
}

/* google language end */


@media screen and (max-width: 768px) {
    #next_pagess {
        margin: 30px 0px !important;
    }

    .prod_heading_right h1 {

        font-size: 27px;
    }

    .prod_heading_right h4 {
        font-weight: 400;
        font-size: 16px;
        padding: 8px 0px 0px 0;
    }

    .t1515 .lara_add_basket {
        margin-top: 15px;
    }


    #next_pagesss {
        margin: 30px 0px;
    }

    #next_pagess {
        margin: 30px 0px;
    }


    .product__title {
        font-size: 16px;
        padding: 30px 20px 0px 40px;
    }

    .product__sku {
        font-family: var(--Roboto-C);
        font-size: 15px;
    }

    .lara_prdoducts {
        padding: 0px;
    }

    .lara_txt-l {
        text-align: left;
    }

    .lara_txt-r {
        text-align: right;
    }
}

@media screen and (max-width: 576px) {

    .about-us-front {
        padding: 20px 0 40px 0px;
    }

    about-us-front h1 {
        font-size: 25px;
        line-height: 28px;
    }

    .about-box {
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 15px 0;
    }

    .popular-product h2 {
        font-size: 23px;
    }

    .popular-product {
        background-position: top 110px left, top 110px right;
    }

    .lara_popular {
        margin-bottom: 70px;
    }

    .popular-product p {
    }

    .popular-product p {
        color: #000;
        text-shadow: 0 0 0px #0000;
    }

    .online-catalog .catalog p.lara_qulity_2 {
        margin: 0px;
    }


    .membership h2 {
        margin-top: 0px;
    }

    .membership .owl-carousel .owl-item img {
        width: 89%;
    }

    .news-letter {
        padding: 0px;
    }

    .about-text {
        min-height: auto;
    }

    .popular-product {
        padding: 0px 0px 0px;
    }

    .site-inner-footer {
        padding: 10px 0 0px;
    }

    .copy-right p {
        font-size: 13px;
    }

    .copy-right {
        padding: 5px 0 20px 0px;
    }
}

@media screen and (max-width: 420px) {
    .site-branding img, .nav-fix .site-branding img {
        width: 116px;
    }

    .mob-nav ul li a {
        font-size: 20px;
        padding: 8px 13px;
    }

    .mob-nav ul {
        margin-top: 22px;
    }
}
.form-quote .form_list.sp_input label {
    margin: 10px 0;
    font-size: 17px;
    color: #000;
}
.form-quote .form_list.sp_input span.imp,
.form-quote label.fq-label span.imp{
    color: #ff0000;
}
.form-quote label.fq-label{
    margin: 10px 0;
    font-size: 17px;
    color: #000;
}