/**  CSS Documents **/
/* Coding By Raushan Shrivastva */
@font-face {
    font-family: 'InterBlack';
    src: url('../fonts/Inter-Black.eot');
    src: url('../fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-Black.woff2') format('woff2'),url('../fonts/Inter-Black.woff') format('woff'),url('../fonts/Inter-Black.ttf') format('truetype'),url('../fonts/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterBold';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-Bold.woff2') format('woff2'),url('../fonts/Inter-Bold.woff') format('woff'),url('../fonts/Inter-Bold.ttf') format('truetype'),url('../fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterExtraBold';
    src: url('../fonts/Inter-ExtraBold.eot');
    src: url('../fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-ExtraBold.woff2') format('woff2'),url('../fonts/Inter-ExtraBold.woff') format('woff'),url('../fonts/Inter-ExtraBold.ttf') format('truetype'),url('../fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterMedium';
    src: url('../fonts/Inter-Medium.eot');
    src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-Medium.woff2') format('woff2'),url('../fonts/Inter-Medium.woff') format('woff'),url('../fonts/Inter-Medium.ttf') format('truetype'),url('../fonts/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterLight';
    src: url('../fonts/Inter-Light.eot');
    src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-Light.woff2') format('woff2'),url('../fonts/Inter-Light.woff') format('woff'),url('../fonts/Inter-Light.ttf') format('truetype'),url('../fonts/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterSemiBold';
    src: url('../fonts/Inter-SemiBold.eot');
    src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-SemiBold.woff2') format('woff2'),url('../fonts/Inter-SemiBold.woff') format('woff'),url('../fonts/Inter-SemiBold.ttf') format('truetype'),url('../fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'InterRegular';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Inter-Regular.woff2') format('woff2'),url('../fonts/Inter-Regular.woff') format('woff'),url('../fonts/Inter-Regular.ttf') format('truetype'),url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.eot");
    src: url("../fonts/materialdesignicons-webfont.eot") format("embedded-opentype"),url("../fonts/materialdesignicons-webfont.woff") format("woff"),url("../fonts/materialdesignicons-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.mdi-cellphone-settings-variant:before {
    content: '\F950'
}

.mdi-information-outline::before {
    content: "\F2FD"
}

.mdi-help-circle-outline::before {
    content: "\F625"
}

.mdi-headset::before {
    content: "\F2CE"
}

.mdi-phone-classic::before {
    content: "\F602"
}

.mdi-phone-outline:before {
    content: "\FDCC"
}

.mdi-react:before {
    content: '\F707'
}

.mdi-file-document-outline:before {
    content: '\F9ED'
}

.mdi-laptop-mac:before {
    content: '\F324'
}

.mdi-language-html5:before {
    content: '\F31D'
}

.mdi-language-php:before {
    content: '\F31F'
}

.mdi-hand-heart:before {
    content: '\F011C'
}

.mdi-adobe:before {
    content: '\F935'
}

.mdi-language-css3:before {
    content: '\F31C'
}

.mdi-bootstrap:before {
    content: '\F6C5'
}

.mdi-jquery:before {
    content: '\F87C'
}

.mdi-wordpress:before {
    content: '\F5B4'
}

.mdi-facebook:before {
    content: '\F20C'
}

.mdi-twitter:before {
    content: '\F544'
}

.mdi-instagram:before {
    content: '\F2FE'
}

.mdi-linkedin:before {
    content: '\F33B'
}

.mean-container .meanmenu-reveal span:after {
    content: '\F35C'
}

.mdi-facebook-f:before {
    content: '\F20C'
}

.mdi-youtube:before {
    content: '\F5C3'
}

.mdi-book-open:before {
    content: '\F0BD'
}

.mdi-sitemap:before {
    content: '\F4AA'
}

.menu-item-has-children > a:after, .location a:before, .email a:before, .phone a:before, .emailinfozone ul li:before, .serviceinnerrowcontent li:before, .mean-container .meanmenu-reveal span:after, .owl-prev:before, .owl-next:before, .page-breadcrumb a:after, .footterlinkcol a:before {
    font-family: "Material Design Icons"
}
/*body{color:rgb(204,167,100)}*/
body {
    font-family: 'InterRegular'; /*background-color:#ebeaf7;*/
    background-color: rgb(239 251 255);
}

.mainnavi li a, .single-product .related.products h2, .wp-block-woocommerce-empty-cart-block .wp-block-heading, .logocontent span, .loginarea label, .topmenu a, .afterloginarea p, .smalltext, .helptext, .sidenavi li a, .loginformarea label, .rtformarea label, .htsubtext
.httext, .page-title, .heading, .serviceabout .contactform p a, .celebrityname, .socialname, .single-product .related.products h2, header.entry-header.alignwide .entry-title, .entrytitle, .logoheading, .afterloginarea p span, .sidemenu .httext {
    font-family: 'InterBold'
}

.titlevalue {
    font-family: 'InterBlack'
}

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

    ul li {
        display: inline-block
    }

a {
    transition: all ease-in .4s
}

    a, a:hover, a:focus {
        text-decoration: none
    }
.midarea {
   /* margin-top: 90px;*/
    margin-bottom: 125px;
}
.mt-70{margin-top:114px;}
.mt-85 {
    margin-top: 85px;
}
header, footer, article, .internalpage, .midarea {
    padding-inline: 0 !important;
}

.single-post .submit {
    background: rgb(254,247,244);
    border-radius: 10px;
    color: rgb(204,167,100);
    padding: 15px 30px;
    font-size: .85rem;
    border: none;
    transition: all ease-in .4s
}

    .single-post .submit:focus {
        background: rgb(204,167,100);
        color: rgb(255,255,255);
        border: none
    }

.redtext {
    color: rgb(255,0,0)
}

.alignitemcenter {
    height: 100%;
    align-items: center;
    display: flex
}

.alignitemcenterinner {
    width: 100%
}

.r-8kz0gk {
    height: 14px
}

.r-lrsllp {
    width: 14px;
    top: -3px
}

.r-16y2uox {
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.r-18jsvk2 {
    color: rgb(255,255,255)
}

.r-lrvibr {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.r-1plcrui {
    vertical-align: text-bottom
}

.r-bnwqim {
    position: relative
}

.r-dnmrzs {
    max-width: 100%
}

.r-yyyyoo {
    fill: currentcolor
}

.r-4qtqp9 {
    display: inline-block
}

.printicon {
    width: 20px;
    height: auto
}

.loginlinks {
    color: #a9002f;
    font-weight: 700;
    text-align: center;
}

.loginlink {
    width: 68px;
    height: 40px;
    border-radius: 10px;
    margin-left: 20px;
    color: blue;
}
.workflowremark {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.WorkFlowStatusIndicator {
    width: 25px;
    height: 23px;
    color: white;
    background: maroon;
    border: 1px solid #F5A9A9;
    border-radius: 2px;
}

    .WorkFlowStatusIndicator:hover {
        color: white;
        background: #F5A9A9;
    }
.workstatus {
    width: 100%;
    color: green;
    padding: 1px;
    font: bold 13px arial,verdana;
    border: 1px solid red;
}
.cstm_title {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    border-bottom: 1px solid green;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 25px;
    width: 90%;
    margin: 0 auto 25px;
}

    .cstm_title:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 147px;
        background: url(../new_images/title-arrow_n.png) no-repeat scroll top center;
        border-bottom: 3px solid #a90078;
        height: 8px;
        right: 0;
        margin: 0 auto;
    }

.instruction {
    color: #a90078;
}

.addrt {
    color: #052585;
}

.text-danger {
    color: red;
}

.mt100 {
    margin-top: 100px;
}

.customtable th {
    background: #bfe5d4;
    border-width: 1px;
    text-align: center;
    font-size: .85rem;
}

.menulinks {
    color: white;
}

.customtable {
    font-size: .8rem;
    color: rgb(0,0,0);
    border-color: #151e29;
    border-width: 1px;
    border-style: solid;
}

    .customtable td {
        background-color: rgb(239 251 255);
        /* text-align: left;*/
        text-align: center;
        font-size: .8rem;
        color: rgb(0,0,0);
    }

.customtablewrksts td {
    text-align: left;
    font-size: .8rem;
    color: rgb(0,0,0);
    border-width: 2px;
}
.mb-90{
    margin-bottom:90px;
}
.mb-70 {
    margin-bottom: 70px;
}
.dbtbl {
    font-size: .8rem;
    color: rgb(0,0,0);
    border-color: #151e29;
    border-width: 1px;
    border-style: solid;
}
    .dbtbl td {
        background-color: rgb(239 251 255);
        text-align: left;
        font-size: .8rem;
        color: rgb(0,0,0);
        border-width: 1px;
    }
    .dbtbl th {
        background: #bfe5d4;
        border-width: 1px;
        text-align: center;
        font-size: .85rem;
    }
.rtbtn {
    background-color: #161660;
    padding: 12px 10px;
    color: white;
    border: none;
    cursor: pointer;
}
.rtbtnreturn {
    background-color: #2d782d;
    /*background-color: #a90078;*/
    /*background-color: #052c65;*/
    /*background-color: #055160;*/
    padding: 12px 10px;
    color: white;
    border: none;
    cursor: pointer;
}
.bg-success {
    background-color: #a90078;
}

.newsupdate {
    color: #221d1d;
}

.rtnimg {
    color: #1cdde0;
}

.homebox {
    font-size: x-large;
    color: white;
}

.httitle {
    font-size: large;
    color: #052585;
    font-weight:700;
}
.rtexcel {
    color: #a90078;
    font-weight: 700;
}

li.even {
    background-color: rgb(230 239 216 / 30%);
    /* background-color: #dee0e3;*/
}

li.odd {
    /*background-color: #d2dbeb;*/
    background-color: #d3e7f9;
}



.labelTemplate {
    width: 100%;
    color: green;
    padding: 1px;
    font: bold 13px arial,verdana;
    border: 1px solid red; text-align: center;
}

.dropdown-menu li > a {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

}
/* Start Header   linear-gradient(0deg, #2b3c29 0%, #153336 100%)    linear-gradient(0deg, #522db8 0%, #1c7ce0 100%) */
.custom-logo-link {
    display: block
}

    .custom-logo-link img {
        max-width: 100%;
        height: auto
    }

button.sub-menu-toggle {
    display: none
}

.main-menu {
    display: flex;
    align-items: center;
    height: 100%
}

    .main-menu nav ul li .sub-menu {
        position: absolute;
        transition: all .3s ease 0s;
        width: 240px;
        z-index: 9;
        border-radius: 0;
        overflow: hidden;
        display: none;
        padding-top: 24px
    }

    .main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:focus > .sub-menu {
        display: block
    }

    .main-menu nav > ul > li .sub-menu li {
        background: rgb(30,47,67);
        display: block
    }

.sub-menu li > a:hover, .sub-menu li > a:focus {
    background: rgba(0,85,255,.05) !important;
    color: rgb(124,140,14)
}

.mainnavi li {
    display: inline-block;
    position: relative
}

.mainnavi > li.current_page_item > a {
    color: rgb(124,140,14)
}

.mainnavi li a {
    color: rgb(255,255,255);
    font-size: 0.875rem
}

.mainnavi li > a {
    display: flex;
    align-items: center
}

.mainnavi li a:hover, .mainnavi li a:focus {
    color: rgba(255,255,255,.9)
}

.sub-menu li a {
    padding-left: 15px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    color: rgb(255,255,255);
    background: rgba(237,94,10,.1)
}

.meanmenu-reveal {
    display: none;
    border: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    display: block;
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-top: -51px;
    padding: 8px 8px;
    position: absolute;
    right: 20px !important;
    text-decoration: none;
    top: 0;
    width: 22px
}

.headerfixed {
    padding-bottom: 15px;
    padding-top: 15px;
    box-shadow: 0px -2px 7px rgba(0,0,0,.4)
}

.mean-bar {
    background: rgba(0,0,0,0);
    float: left;
    position: relative;
    width: 100%;
    z-index: 99;
    height: 0
}

.meanmenu-reveal span {
    display: block;
    height: 0;
    margin-top: 0;
    padding-left: 2px
}

.mean-nav {
    background: rgb(124,140,14);
    float: left;
    margin-top: 0;
    width: 100%
}

    .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none
    }

        .mean-nav ul li {
            position: relative;
            float: left;
            width: 100%
        }

            .mean-nav ul li a {
                border-top: 1px solid rgba(255,255,255,.5);
                color: rgb(255,255,255);
                display: block;
                float: left;
                margin: 0;
                padding: 13px 5%;
                text-align: left;
                text-decoration: none;
                text-transform: uppercase;
                width: 90%;
                font-size: 0.85rem
            }

            .mean-nav ul li li a {
                border-top: 1px solid rgba(255,255,255,.25);
                opacity: .75;
                padding: 10px 10%;
                text-shadow: none;
                visibility: visible;
                width: 80%
            }

            .mean-nav ul li.mean-last a {
                border-bottom: none;
                margin-bottom: 0
            }

            .mean-nav ul li li li a {
                width: 70%;
                padding: 1em 15%
            }

            .mean-nav ul li li li li a {
                width: 60%;
                padding: 1em 20%
            }

            .mean-nav ul li li li li li a {
                width: 50%;
                padding: 1em 25%
            }

            .mean-nav ul li a:hover {
                background: #252525;
                background: rgba(255,255,255,.1)
            }

            .mean-nav ul li a.mean-expand {
                background: rgba(255,255,255,.1);
                border-color: currentcolor currentcolor rgba(255,255,255,.2) rgba(255,255,255,.4);
                border-image: none;
                border-style: none none solid solid;
                border-width: medium medium 1px 1px;
                font-weight: 700;
                height: 32px;
                margin-top: 1px;
                padding: 7px 12px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 0;
                width: 26px;
                z-index: 2;
                line-height: 34px
            }

    .mean-push, .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .mean-nav ul li a.mean-expand:hover {
        background: rgba(0,54,162,.9)
    }

.mean-push {
    float: left;
    clear: both
}

.mean-bar, .mean-bar * {
    box-sizing: content-box
}

.mean-remove {
    display: none !important
}

.topheader {
    background: rgb(209 225 239);
    font-size: small;
}

.quicklinksmenu li {
    display: inline-block
}

.quicklinksmenu a {
    color: rgb(255,255,255);
    font-size: .875rem;
    display: block
}

.cartshortcuticon a {
    color: rgb(255,255,255)
}

    .cartshortcuticon a:hover, .cartshortcuticon a:focus {
        color: rgb(124,140,14)
    }

.topheader .quicklinksmenu .socialname, .topheader li.location {
    display: none
}

.mdi-heart-outline {
    margin-right: 5px
}

.search-form {
    position: relative
}

    .search-form input[type="search"] {
        background: none;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 5px;
        box-shadow: none;
        color: rgb(255,255,255);
        font-size: .85rem;
        padding: 5px 50px 5px 10px;
        position: relative;
        border-radius: 5px 0 0 5px
    }

        .search-form input[type="search"]:hover, .search-form input[type="search"]:focus, .search-form input[type="search"]:visited, .search-form input[type="search"]:active {
            box-shadow: none;
            border: 1px solid rgba(255,255,255,.5);
            outline: none
        }

    .search-form .search-submit {
        position: absolute;
        right: -20px;
        top: 0;
        background: rgb(124,140,14);
        color: rgb(255,255,255);
        font-size: .85rem;
        border: none;
        padding: 6px 10px;
        border-radius: 0 5px 5px 0
    }

.searcharea {
    display: flex;
    align-items: center;
    height: 100%
}

    .searcharea label {
        display: none
    }

.logo {
    display: block
}
    /*.logo {position:relative;padding-left:55px}*/

    .logo :before {
        content: '';
        background: url(../new_images/indianembelam.png) no-repeat;
        background-size: 100% 100%;
        position: static;
        left: 0;
        width: 40px;
        height: 55px;
        top: 0
    }

.logoheading {
    line-height: 1
}

.logocontent span {
    font-size: 1.375rem;
    color: #ebaf24;
    font-family: sans-serif;
    font-weight: bold;
}

    .logocontent span:nth-child(2) {
        font-style: italic;
        font-size: 1.3rem
    }

    .logocontent span:nth-child(3) {
        font-size: 1.0rem
    }

.midheader {
    padding-bottom: 15px;
    padding-top: 15px;
    background: linear-gradient(0deg, #2d782d 0%, #050464 100%);
    box-shadow: rgba(0,0,0,.11) 0px 2px 6px 0px
}

.menuarea {
    display: flex;
    align-items: center;
    height: 100%
}

.topmenu {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: smaller;
}

    .topmenu a {
        font-size: .875rem;
        color: rgb(0,0,0);
        display: block
    }

.topheader .dropdown-menu {
    border-radius: 0;
    background: rgb(255,255,255);
    box-shadow: none;
    padding: 0;
    margin: 0;
    transform: translate3d(4px, 25px, 0px) !important;
    border: none;
    top: 40px
}

    .topheader .dropdown-menu li {
        display: block
    }

        .topheader .dropdown-menu li a {
            padding: 5px 5px 5px 10px;
            display: block;
            text-align: left !important
        }

.topheader .rightmenu li + li {
    border-left: 1px solid rgba(9,63,124,.1)
}

.topheader .rightmenu li a {
    padding: 6px 10px;
    text-align: center
}

.topheader .rightmenu .accessibility .dropdown-toggle:after {
    border: none !important;
    margin: 0 !important;
    vertical-align: 0 !important
}

.topheader .rightmenu .dropdown-menu, .navbar-nav li:last-child .dropdown-menu {
    width: auto !important;
    min-width: 4.3rem !important;
    margin-top: 5px !important
}

.topheader .rightmenu .accessibility .dropdown-menu li a {
    padding: 5px 11px
}

.topheader .rightmenu li:nth-child(5) a {
    background: rgb(0,0,0);
    padding-right: 12px;
    padding-left: 10px;
    color: rgb(255,255,255)
}

.topheader .rightmenu li:nth-child(5), .topheader .rightmenu li:nth-child(6), .topheader .rightmenu li:nth-child(7) {
    margin-left: 0
}

    .topheader .rightmenu li:nth-child(6) a {
        padding-right: 12px;
        padding-left: 10px;
        background: rgb(217,217,217);
        color: rgb(0,0,0)
    }

.topmenu a:hover, .topmenu a:focus {
    color: rgba(0,0,0,.9)
}

.dropdown.accessibility .dropdown-menu {
    min-width: auto !important
}
/* End Header */
/* Start Footer */
.footerarea {
    background: linear-gradient(0deg, #2d782d 0%, #050464 100%); /*background: #282828;*/
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    position: fixed;
    width: 100%; 
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
   
    
}

    .footerarea p {
        margin-bottom: .1rem;
        color: rgb(255,255,255)
    }

    .footerarea .widget-title {
        color: rgb(255,255,255);
        font-size: 1.125rem;
        margin-bottom: 15px
    }

    .footerarea .menu li {
        display: block
    }

        .footerarea .menu li + li {
            margin-top: 10px
        }

        .footerarea .menu li a {
            font-size: .875rem;
            color: rgb(255,255,255);
            display: block
        }

            .footerarea .menu li a:hover, .footerarea .menu li a:focus {
                color: rgba(255,255,255,.9)
            }

.location a:before, .email a:before, .phone a:before {
    margin-right: 5px
}

.location a:before {
    content: '\F02A2'
}

.email a:before {
    content: '\FFD1'
}

.phone a:before {
    content: '\F602'
}

.copyrights {
    padding-bottom: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    text-align: center;
    margin-top: 30px
}

    .copyrights p {
        margin-bottom: 0;
        ;
        font-size: .95rem;
        color: rgb(64,64,64)
    }

        .copyrights p a {
            color: rgb(255,255,255)
        }

            .copyrights p a:hover, .copyrights p a:focus {
                color: rgb(124,140,14)
            }

.socialnavi {
    margin-top: 10px
}

    .socialnavi li + li {
        margin-left: 10px
    }

footer .contactform {
    border: none;
    box-shadow: none;
    background: none;
    padding: 0
}

    footer .contactform .form-control {
        background: none;
        color: rgb(255,255,255)
    }

footer .callusnowtel {
    display: none
}

footer .contactform .form-control::placeholder {
    color: rgb(255,255,255)
}

footer .contactform .wpcf7-submit:hover, footer .contactform .wpcf7-submit:focus {
    border: 1px solid rgb(124,140,14)
}

footer .wpcf7-not-valid-tip {
    color: rgb(255,255,255)
}

.wpcf7-spinner {
    position: absolute;
    left: 0;
    right: auto
}

footer .wpcf7 form.invalid .wpcf7-response-output, footer .wpcf7 form.unaccepted .wpcf7-response-output, footer .wpcf7 form .wpcf7-response-output {
    color: rgb(255,255,255);
    text-align: center
}

.footersocial li a {
    font-size: 1.125rem
}

.footersocial li:nth-child(1) a {
    background: rgba(85,172,238,.8)
}

.footersocial li:nth-child(2) a {
    background: rgba(59,89,152,.8)
}

.footersocial li:nth-child(3) a {
    background: rgba(123,12,12.8)
}

.footersocial li:nth-child(4) a {
    background: rgba(0,123,181,.8)
}

.footersocial li:nth-child(5) a {
    background: rgba(187,0,0,.8)
}

.footersocial li a .r-dnmrzs {
    top: -7px
}

.footerarea .footercol li {
    display: block
}

    .footerarea .footercol li + li {
        margin-left: 0;
        margin-top: 20px
    }

.footercol a {
    display: flex;
    position: relative
}

.footterlinkcol a:before {
    content: '\F142';
    margin-right: 5px
}

.footercol a:hover, .footercol a:focus {
    color: rgb(124,140,14)
}

.fhttext {
    color: rgb(124,140,14);
    font-size: 1.215rem;
    margin: 0 0 1.4rem 0;
    letter-spacing: .04rem
}

.footermidarea {
    padding-top: 2.5rem
}
/* End Footer */
/* Start Carousel Slider */
.owl-carousel, .owl-carousel .owl-item {
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
   /* z-index: 1*/
}

    .owl-carousel .owl-stage {
        position: relative;
        touch-action: pan-y;
        backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        backface-visibility: hidden;
        transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        backface-visibility: hidden
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 50%
        }

    .owl-carousel .owl-dots {
        text-align: center;
        position: absolute;
        bottom: 10px;
        width: 100%
    }

    .owl-carousel .owl-dot {
        display: inline-block
    }

        .owl-carousel .owl-dot + .owl-dot {
            margin-left: 15px
        }

    .owl-carousel .owl-dots.disabled {
        display: none
    }

    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: rgb(0,0,0)
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-nav {
    width: 100%
}

    .owl-nav:hover, .owl-nav:focus {
        display: block
    }

.owl-prev:before, .owl-next:before {
    font-size: 1.5rem
}

.owl-prev:before {
    content: '\f141'
}

.owl-next:before {
    content: '\f142'
}

.ui-slider-handle {
    display: none !important
}

.owl-prev.disabled, .owl-next.disabled {
    display: none
}

.owl-prev {
    left: 0;
    float: left
}

.owl-next {
    right: 0;
    float: right
}

.owl-prev, .owl-next {
    position: absolute;
    top: calc(+50%);
    z-index: 999;
    transition: all ease-in .4s;
    padding: 5px 8px 5px 5px;
    background: rgba(0,0,0,.1);
    color: rgb(255,255,255);
    margin-top: -23px
}

.owl-carousel .owl-item {
    padding: 0;
    background: none
}

    .owl-carousel .owl-item a {
        position: relative
    }

        .owl-carousel .owl-item a:hover, .owl-carousel .owl-item a:focus {
            text-decoration: none
        }

.owl-carousel .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(255,255,255);
    display: inline-block;
    transition: all ease-in .4s
}

.owl-carousel .owl-dot.active span {
    background: rgba(0,123,181,.8);
    width: 12px;
    height: 12px;
    border-radius: 50%
}
/* End Carousel Slider */
/* Start Banner */
.bannerarea {
    padding: 15px;
    background: rgb(255,255,255);
    box-shadow: rgba(0,0,0,.11) 0px 2px 6px 0px;
    border-radius: 3px
}

    .bannerarea .owl-prev:hover, .bannerarea .owl-next:hover, .bannerarea .owl-prev:focus, .bannerarea .owl-next:focus {
        background: rgb(204,167,100);
        color: rgb(0,0,0)
    }

.bannerwithloginarea {
    background: rgb(228,230,231);
    padding-top: 15px
}
/* End Banner */
/* Start Login Area */
.modal-content, .boxwithshadow {
    padding: 3px;
    background: rgb(249 246 246);
    box-shadow: rgba(0,0,0,.11) 0px 2px 6px 0px;
    border-radius: 3px
}

.loginarea .httext {
    font-size: 1.50rem
}

.loginarea label, .loginformarea label, .rtformarea label {
    display: block;
    font-size: .875rem;
    margin-bottom: .5rem
}

.custombtn {
    padding: 6px 20px;
    background: #a90078;
    color: rgb(255,255,255);
    border: none;
    padding-bottom: 6px;
    padding-top: 6px;
    border-radius: 5px;
    transition: all ease-in .4s
}

    .custombtn:hover, .custombtn:focus {
        opacity: .9
    }

.afterloginarea { /*background:rgb(235,235,235);*/
    padding-bottom: 10px;
    padding-top: 10px
}

    .afterloginarea p {
        margin-bottom: 0
    }

.smalltext {
    font-size: .85rem
}
/* End Login Area */
.middataarea {
    /*padding-top: 95px*/
}

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

.form-group {
    margin-bottom: .95rem
}

#menu11 {
    display: flex;
    align-items: center;
    height: 100%
}

    #menu11 p {
        width: 100%
    }
/*.farmersearcharea li+li{margin-left:10px}*/

.farmersearcharea .custombtn { /*padding:6px 20px*/
}

.sidemenu {
    /*padding: 10px;*/
    /*background: linear-gradient(90deg, #707cff 0%, rgba(0,0,0,.11) 100%);*/
    /*background: linear-gradient(0deg, #2d47d3 0%, rgba(0, 0, 0, .11) 100%);*/
    box-shadow: 0 5px 20px rgba(41, 244, 153, 0.3);
    box-shadow: rgba(0,0,0,.11) 0px 2px 6px 0px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 365px;
}

    .sidemenu .httext {
        font-size: 1.215rem;
        text-align: left;
        margin-bottom: 15px;
        border-bottom: 3px solid #a90078);
        padding-bottom: 5px;
        color: #052585;
        font-weight: bold;
        font-family: verdana;
    }

.sidenavi li {
    display: block;
    padding: 10px ;
    width: 355px;
}

    .sidenavi li img {
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 50%; /*background:rgb(205,191,233;*/
        background: #404091;
        margin-right: 8px
    }

    .sidenavi li a {
        font-size: .875rem;
        color: rgb(0,0,0);
        transition: all ease-in .4s
    }

    .sidenavi li + li {
        border-top: 1px solid rgb(165 207 183);
        
    }

    .sidenavi li a:hover, .sidenavi li a:focus {
        color: #dc3545;
    }

    .sidenavi li:hover, .sidenavi li:focus {
        background: rgb(247,247,247)
    }

.contentarea .httext {
    font-size: 1.125rem;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: 2px solid rgb(124,140,14);
    padding-bottom: 5px
}

#login .modal-body, #login .modal-header { /*padding:0*/
}

#login h5 {
    margin-bottom: 0;
    padding-bottom: 10px
}

#login .modal-header {
    margin-bottom: 10px
}


.darkgray {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(165,199,253,1) 100%)
}

.homecontentarea .httext {
    font-size: 1.125rem
}

.homecontentarea p {
    font-size: .875rem;
    line-height: 2.1;
    text-align: justify;
    color: rgb(0,0,0)
}

.usefullinksarea {
    background: transparent;
    padding-bottom: 5px;
    padding-top: 2px;
    margin-top: 2px
}

    .usefullinksarea .httext {
        color: rgb(0,0,0)
    }

.usefullinkbox a {
    display: block;
    margin: 10px;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: rgb(255,255,255); /*padding:20px 10px;*/
    border-radius: 5px
}

    .usefullinkbox a img {
        height: auto;
        margin: 0 auto
    }

.usefullinksarea .owl-nav, .usefullinksarea .owl-dots {
    display: none
}
/*.mapphoto img{width:100%}*/

.cardcol:nth-child(1) .cardbody {
    background: linear-gradient(45deg, #6d80fe 0%, #23d2fd 100%);
    box-shadow: 0 5px 20px rgba(35, 210, 253, 0.3)
}

.cardcol:nth-child(2) .cardbody {
    background: linear-gradient(45deg, #ff998b 0%, #ff6d88 100%);
    box-shadow: 0 5px 20px rgba(255, 153, 139, 0.3)
}

.cardcol:nth-child(3) .cardbody {
    background: linear-gradient(45deg, #09afe8 0%, #29f499 100%);
    box-shadow: 0 5px 20px rgba(41, 244, 153, 0.3)
}

.cardcol:nth-child(4) .cardbody {
    background: linear-gradient(45deg, #707cff 0%, #fa81e8 100%);
    box-shadow: 0 5px 20px rgba(250, 129, 232, 0.3)
}

.cardbody {
    padding: 15px 50px;
    border-radius: 10px;
    background: rgb(255,255,255);
    color: rgb(255,255,255);
    text-align: center
}

.tooltips {
    position: relative;
    display: inline-block;
    background-color: #a90078;
    color: white;
}

    .tooltips .tooltiptext {
        visibility: hidden;
        position: absolute;
        z-index: 1;
        opacity: 0;
        margin-left: 0;
    }

    .tooltips:hover .tooltiptext, .tooltips:focus .tooltiptext {
        visibility: visible;
        opacity: 1
    }

    .tooltips.top .tooltiptext {
        bottom: 100%;
        top: 15px;
        left: calc(+15%)
    }

        .tooltips.top .tooltiptext img {
            border: 5px solid rgba(0,0,0,1);
            border-radius: 5px
        }

.addmember .mdi {
    font-size: 1.325rem;
    color: #1c7ce0
}

.addmember a {
    margin-left: 5px
}

.tooltips.top .mdi {
    left: 5px;
    position: relative;
    cursor: pointer
}

/* End Internal Pages */
@media (min-width:768px) {
    .rightmenu, .menuarea {
        float: right
    }

   /* .customtable {
        margin-bottom: 80px;
    }*/
    nav.navigation.post-navigation {
        max-width: 1170px;
        margin: 0 auto
    }

    .menu-item-has-children > a:after {
        content: '\F140';
        position: relative;
        top: 0;
        right: -4px
    }

    .bannerrow p {
        max-width: 60%
    }

    .aboutbox {
        margin-top: 0
    }

    .single-blogs p {
        font-size: 1.3rem;
        line-height: 1.9
    }

    .order2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .tnp-subscription {
        margin: 0 !important
    }

    .main-menu {
        float: right;
        padding-right: 30px
    }

    .mainnavi > li > a {
        padding: 0 5px
    }

    .quicklinksmenu li + li {
        margin-left: 5px
    }

    .topheader .quicklinksmenu {
        text-align: right
    }

    .cartshortcuticon {
        display: none
    }

    .customerreview {
        padding-bottom: 120px;
        padding-top: 120px
    }

    .testimonialscontent {
        min-height: 390px !important
    }

    .footersocial li {
        width: 100%;
        max-width: 20%;
        text-align: center
    }

        .footersocial li a {
            padding-bottom: 40px;
            padding-top: 40px
        }

    .footersocial .quicklinksmenu li + li {
        margin-left: -5px
    }

    .page-template-wishlisht-template .tinv-wishlist.woocommerce, .woocommerce-cart article, .woocommerce-checkout article {
        max-width: 1170px;
        margin: 40px auto 0 auto
    }

    .woocommerce-product-gallery .woocommerce-product-gallery__image {
        max-height: 540px !important
    }

    .post .entry-content, .post .entry-footer {
        max-width: 1170px;
        margin: 30px auto
    }

    .blog article {
        max-width: 33.33%
    }

    .blog .entry-content {
        margin-top: 0 !important
    }

    .blog .post-thumbnail img {
        min-height: 505px !important
    }

    .blog figure.post-thumbnail {
        height: 505px;
        overflow: hidden;
        margin-bottom: 15px !important
    }

    .single-post .post-thumbnail {
        max-height: 550px !important;
        max-width: 1170px !important;
        margin: 30px auto 15px auto !important
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 32% !important
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 65% !important
    }

    .search-results article {
        float: left;
        max-width: 20% !important
    }

    .custom-logo-link img {
        max-width: 83%
    }

    .mainnavi li + li {
        margin-left: 10px
    }

    .mainnavi li:last-child a {
        background: #198754;
        padding: 8px 18px;
        border-radius: 4px;
        color: #fff
    }

        .mainnavi li:last-child a:hover, .mainnavi li:last-child a:focus {
            opacity: .9
        }

    .homepage {
        min-height: 5px;
        background: transparent;
    }

    #login .modal-dialog {
        max-width: 100%
    }

    #login .modal-content { /*margin:290px auto*/
    }

    .bannerphoto img {
        min-height: 324px
    }

    #rt11Modal .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #rt12Modal .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #rt14Modal .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #rt19Modal .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #accountManagementModal1 .modal-dialog {
        max-width: 880px
    }

    #rt20Modal .modal-dialog {
        max-width: 880px
    }

    #MainData .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #rt23Modal .modal-dialog {
        max-width: 880px
    }

    #rt24Modal .modal-dialog {
        max-width: 880px
    }

    #rt25Modal .modal-dialog {
        max-width: 880px
    }

    #rt26Modal .modal-dialog {
        max-width: 880px
    }

    #rt31Modal .modal-dialog {
        max-width: 880px
    }

    #rt32Modal .modal-dialog {
        max-width: 880px
    }

    .tooltips.top .tooltiptext {
        top: 37px;
        left: 510px
    }

    #rt13Modal .modal-dialog {
        max-width: 880px
    }

    #rt15Modal .modal-dialog {
        max-width: 880px
    }

    #rt16Modal .modal-dialog {
        max-width: 880px
    }

    #rt17Modal .modal-dialog {
        max-width: 880px
    }

    #rt18Modal .modal-dialog {
        max-width: 880px
    }

    #rt21Modal .modal-dialog {
        max-width: 880px
    }

    #rt22Modal .modal-dialog {
        max-width: 880px
    }

    #rt27Modal .modal-dialog {
        /*    max-width: 880px */
        max-width: 880px
    }

    #rt28Modal .modal-dialog {
        max-width: 880px
    }

    #rt29Modal .modal-dialog {
        max-width: 880px
    }

    #rt30Modal .modal-dialog {
        max-width: 880px
    }

    #ShowData .modal-dialog {
        max-width: 1080px
    }

        #ShowData .modal-dialog .modal-content {
            max-width: 1000px
        }

    #rtStateGecModal .modal-dialog {
        max-width: 880px
    }
}

@media (max-width:767px) {
    .middataarea {
       /* padding-top: 260px*/
    }
    .midarea {
        padding-top: 90px;
    }
    .topmenu {
        padding-left: 100px;
    }

    .logo :before {
        top: 28px;
        width: 150px;
        
        background: url(../new_images/emblum-r.png) no-repeat;
        height: 80px;
    }

    .fomaindash {
        padding-top: 84px;
    }

    .mt100 {
        margin-top: 135px;
    }

    .custom-logo-link img {
        max-width: 85% !important
    }

    .owl-nav {
        display: none
    }

    .footerarea .menu li:last-child {
        margin-bottom: 30px
    }

    .copyrights .logo img {
        max-width: 15%
    }

    .copyrights {
        text-align: center
    }

    .mean-nav ul li a {
        background: none;
        color: rgb(255,255,255);
        border-radius: 0
    }

    .orangebtn {
        display: inline-block;
        margin-bottom: 30px
    }

    .tnp-field.tnp-field-email {
        width: 77%
    }

    .tnp-subscription {
        margin-bottom: 90px !important
    }

    .contactform {
        border: 1px solid #c7c7c7
    }

    .httext {
        font-size: 1.8rem
    }

    .internalpage {
        padding-bottom: 0
    }

    .mainnavi > li.current_page_item > a {
        background: rgb(204,167,100);
        color: rgb(255,255,255)
    }

    .mean-nav ul li a {
        font-family: 'jostmedium'
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0 0 1.5em 0 !important
    }

    .quicklinksmenu {
        text-align: center
    }

    .cartshortcuticon {
        margin-right: 50px;
        text-align: center;
        margin-top: 20px
    }

    .contentarea {
        padding-left: 15px;
        padding-right: 15px
    }

    span.socialname {
        display: none
    }

    .footersocial {
        padding-top: 15px
    }

        .footersocial li a {
            padding: 4px 7px;
            font-size: .6rem
        }

    .quicklinksmenu li + li {
        margin-left: 40px
    }

    .footercol a {
        text-align: left
    }

    .footercol {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .fhttext {
        margin: 1.0rem 0 .4rem 0
    }

    .tnp-field.tnp-field-button {
        right: 15px
    }

    .woocommerce-shop .entry-title {
        margin-bottom: 0
    }

    .woocommerce .woocommerce-result-count {
        width: 100%;
        text-align: center;
        margin: 10px 0 10px 0 !important
    }

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        text-align: center;
        float: none !important
    }

    .woocommerce.columns-4, .products.columns-4 {
        padding: 0 15px
    }

    .entry-title, .entrytitle {
        font-size: 1.125rem
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: .77rem !important
    }

    header.entry-header.alignwide {
        text-align: center;
        padding-top: 15px
    }

    .footersocial li a .r-dnmrzs {
        top: 0
    }

    .footercol .logo {
        text-align: center
    }

    .woocommerce-product-gallery__image {
        max-height: 350px;
        max-width: 60%;
        margin: 0 auto
    }

    .midheader .logo {
        text-align: center
    }

    .search-form input[type="search"] {
        width: 100%;
        float: left
    }

    .searcharea {
        padding-right: 80px
    }

    .midheader {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .search-form {
        overflow: hidden
    }

        .search-form .search-submit {
            font-size: .75rem
        }

        .search-form .search-submit {
            right: -2px;
            padding: 7px 10px
        }

    .search-results header.entry-header > .entry-title > a {
        padding: 5px 15px 0 15px;
        display: block;
        text-align: center;
        color: rgb(124,140,14)
    }

    .search-results .post-thumbnail {
        min-height: auto
    }

    .swiper-slide-inner {
        height: auto
    }

    .fashioncollections {
        height: 249.13px !important
    }

    .fusioncollection, .fashioncollections, .afghancollections {
        max-width: 47%;
        width: 100%
    }

        .fashioncollections .e-con > .e-con-inner {
            height: auto !important
        }

    .homecontentarea .httext, .homepage .httext, .usefullinksarea .httext {
        font-size: .875rem
    }

    .footerarea {
        padding-bottom: 5px;
        padding-top: 5px
    }

        .footerarea p {
            font-size: .75rem
        }

    span.logocontent {
        text-align: left
    }

    .logocontent span {
        float: left
    }
}