/* @import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;500;600&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');*/

/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap'); */

@font-face {
    font-family: "DroidSerif-Bold";
    src: url("../fonts/DroidSerif-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/DroidSerif-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DroidSerif-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DroidSerif-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DroidSerif-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DroidSerif-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DroidSerif-Bold.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DroidSerif";
    src: url("../fonts/DroidSerif.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/DroidSerif.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DroidSerif.otf") format("opentype"), /* Open Type Font */
    url("../fonts/DroidSerif.svg") format("svg"), /* Legacy iOS */
    url("../fonts/DroidSerif.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DroidSerif.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DroidSerif.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0;
    margin: 0;
    /* font-family: "DroidSerif"; */
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #999;
    /*letter-spacing: 0.5px;*/
}

a {
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
    color: #999 !important;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000;
}

input:focus,
button:focus,
select:focus,
a:focus {
    outline: none;
}

button {
    outline: 0!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #323232;
    /*font-family: "DroidSerif";*/
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

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

p {
    font-size: 14px;
    color: #999999;
    margin-bottom: 15px;
    line-height: 1.8
}

p:last-child {
    margin-bottom: 0
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.ptb-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

img {
    max-width: 100%
}

.bg-f2f6f9 {
    background-color: #f2f6f9
}

.bg-fafafa {
    background-color: #fafafa
}

.section-title {
    text-align: center;
    margin: -6px auto 60px;
}

.section-title span {
    display: block;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
    font-family: "Dosis", sans-serif
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize
}

.section-title p {
    max-width: 820px;
    margin: 10px auto 0
}

.btn {
    border: none;
    line-height: initial;
    border-radius: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 10px 30px 10px;
    position: relative;
    z-index: 1;
    opacity: 1!important;
    font-size: 16px;
    font-family: "Dosis", sans-serif;
    /* font-weight: 600 */
}

.btn-primary {
    color: #fff;
    background-color: #000
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #000
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #000000!important;
    color: #fff!important;
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important
}

.learn-more-btn {
    display: inline-block;
    position: relative;
    color: #000;
    letter-spacing: .5px;
    font-size: 15px;
    font-weight: 600;
    font-family: "Dosis", sans-serif
}

.learn-more-btn i {
    margin-left: 2px;
    position: relative;
    top: -.6px
}

.learn-more-btn i::before {
    font-size: 11px
}

.learn-more-btn::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background: #000;
    height: 1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.learn-more-btn:hover {
    color: #000
}

.learn-more-btn:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.form-control {
    height: 45px;
    border: 1px solid #eee;
    background-color: transparent;
    border-radius: 0;
    -webkit-transition: .5s;
    transition: .5s;
    color: #333;
    line-height: initial;
    padding-left: 13px;
    font-size: 14px
}

.form-control:hover,
.form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-ms-input-placeholder {
    color: #999
}

.form-control::placeholder {
    color: #999
}

.form-control:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-color: #000
}


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

Preloader Area CSS

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

.preloader {
    position: fixed;
    left: 0;
    width: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 9999999;
    -webkit-transition: .9s;
    transition: .9s
}

.preloader .loader {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-transition: .5s;
    transition: .5s
}

.preloader .loader .loader-outter {
    position: absolute;
    border: 4px solid #fff;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
    animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite
}

.preloader .loader .loader-inner {
    position: absolute;
    border: 4px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
    animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite
}

.preloader::before,
.preloader::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    z-index: -1;
    background: #000;
    -webkit-transition: .9s;
    transition: .9s
}

.preloader::after {
    top: auto;
    bottom: 0
}

.preloader.preloader-deactivate {
    visibility: hidden
}

.preloader.preloader-deactivate::after,
.preloader.preloader-deactivate::before {
    height: 0
}

.preloader.preloader-deactivate .loader {
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


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

Navbar Area CSS

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

.sparsity-responsive-nav {
    display: none
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 270px
}

.navbar-brand img{
    width: 270px
}

.TopRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.TopLeft {
    display: flex;
    align-items: center;
}

.navbar-brand img.optional-logo {
    display: none
}

.sparsity-nav {
    background-color: transparent;
    padding: 0px;
    margin-top: 20px;
}

.sparsity-nav .navbar {
    padding: 0
}

.sparsity-nav .navbar ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.sparsity-nav .navbar .navbar-nav .nav-item {
    position: relative;
    padding: 15px 0
}

.sparsity-nav .navbar .navbar-nav .nav-item a {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    margin-left: 25px;
    margin-right: 25px;
    padding: 0
}

.sparsity-nav .navbar .navbar-nav .nav-item a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item a i {
    font-size: 10px
}

.sparsity-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0
}

.sparsity-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.sparsity-nav .navbar .navbar-nav .nav-item:hover a,
.sparsity-nav .navbar .navbar-nav .nav-item:focus a,
.sparsity-nav .navbar .navbar-nav .nav-item.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    position: absolute;
    border: none;
    top: 80px;
    left: 0;
    width: 250px;
    z-index: 99;
    display: block;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 20px 5px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    text-transform: capitalize;
    padding: 8px 15px;
    margin: 0;
    color: #333;
    font-size: 16px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 220px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333;
    text-transform: capitalize
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333;
    text-transform: capitalize
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333;
    text-transform: capitalize
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333;
    text-transform: capitalize
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: -250px;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333;
    text-transform: capitalize
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #000
}

.sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: -15px
}

.sparsity-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.sparsity-nav .navbar .others-options {
    margin-left: 20px
}

.sparsity-nav .navbar .others-options .cart-btn {
    display: inline-block;
    position: relative;
    top: 3px;
    color: #fff
}

.sparsity-nav .navbar .others-options .cart-btn:hover {
    color: #000
}

.sparsity-nav .navbar .others-options .btn {
    margin-left: 15px
}

.sparsity-nav .navbar .others-options .btn-primary {
    background-color: #fff;
    color: #000
}

.sparsity-nav .navbar .others-options .btn-primary:hover {
    color: #fff!important;
    background-color: #000!important
}

.sparsity-nav .navbar .others-options .option-item {
    color: #333;
    display: inline-block;
    position: relative;
    line-height: initial;
    margin-left: 15px;
    top: 4px
}

.sparsity-nav .navbar .others-options .option-item .search-btn {
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

.sparsity-nav .navbar .others-options .option-item .search-btn::before {
    font-size: 17px
}

.sparsity-nav .navbar .others-options .option-item .search-btn:hover {
    color: #000
}

.sparsity-nav .navbar .others-options .option-item .close-btn {
    cursor: pointer;
    display: none;
    font-size: 17px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 17px;
    color: #fff
}

.sparsity-nav .navbar .others-options .option-item .close-btn.active {
    display: block
}

.sparsity-nav .navbar .others-options .option-item .close-btn:hover {
    color: #000
}

.navbar-area {
    /* position:absolute;left:0;top:0; */
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: transparent;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 1px 1px 7px -1px rgb(204 204 204 / 50%);
    background: #fff;
}

.navbar-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    background: #fff!important;
    -webkit-animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0 normal none 1 running fadeInDown;
    -webkit-transition: .5s;
    transition: .5s
}

.navbar-area.is-sticky .sparsity-nav {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item:hover a,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item:focus a,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .cart-btn {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .cart-btn:hover {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary {
    background-color: #000;
    color: #fff
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .btn-primary:hover {
    color: #fff!important;
    background-color: #e82277!important
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .search-btn {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .search-btn:hover {
    color: #000
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .close-btn {
    color: #333
}

.navbar-area.is-sticky .sparsity-nav .navbar .others-options .option-item .close-btn:hover {
    color: #000
}

.navbar-area.is-sticky .navbar-brand {
    padding-top: 0;
    padding-bottom: 0
}

.navbar-area.is-sticky .navbar-brand img.main-logo {
    display: none
}

.navbar-area.is-sticky .navbar-brand img.optional-logo {
    display: block
}

.navbar-area.navbar-style-two .sparsity-nav {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 991px) {
    .navbar-area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        padding-top: 15px;
        padding-bottom: 15px
    }
    .navbar-area.is-sticky {
        border-bottom: none;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1)
    }
    .navbar-area.is-sticky .sparsity-responsive-nav .logo img.main-logo {
        display: none
    }
    .navbar-area.is-sticky .sparsity-responsive-nav .logo img.optional-logo {
        display: block
    }
    .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal {
        color: #333
    }
    .navbar-area.is-sticky .sparsity-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #333
    }
    .navbar-area.is-sticky .others-options .cart-btn {
        color: #333
    }
    .navbar-area.is-sticky .others-options .cart-btn:hover {
        color: #000
    }
    .sparsity-responsive-nav {
        display: block
    }
    .sparsity-responsive-nav .sparsity-responsive-menu {
        position: relative
    }
    .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px
    }
    .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #000
    }
    .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 13.5px
    }
    .sparsity-responsive-nav .sparsity-responsive-menu.mean-container .navbar-nav {
        overflow-y: scroll;
        height: auto;
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1)
    }
    .sparsity-responsive-nav .logo {
        position: relative;
        width: 115px;
        z-index: 999
    }
    .sparsity-responsive-nav .logo img.optional-logo {
        display: none
    }
    .others-options {
        position: absolute;
        right: 55px;
        top: 7px
    }
    .others-options .btn,
    .others-options .option-item {
        display: none
    }
    .others-options .cart-btn {
        color: #fff
    }
    .others-options .cart-btn:hover {
        color: #000;
    }
    .sparsity-nav {
        display: none
    }
}

.TopforMob {
    display: none;
}

.HeaderNav .navbar-expand-md .navbar-collapse {
    display: inherit !important;
}

.HeaderSocial a {
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block;
}

.TopRight ul {
    text-align: right;
}

.TopRight ul li {
    display: inline-block;
    padding: 0 10px;
}

.TopLeft,
.TopRight {
    padding-top: 40px
}

.SearchOptions {
    text-align: right;
    padding-top: 9px;
}
.SearchOptions form{position:relative;}
.SearchOptions input {
    margin: 0;
    padding: 0;
    padding-right: 20px;
    border: none;
    border-bottom: 1px solid #999;
    width: 80%;
    font-size: 15px;
}

.SearchOptions i {
    color: #999999;
}

.SearchOptions button {
    border: none;
    background: none;
    position:absolute;
    /*border-bottom: 1px solid #999;*/
right:0;
    padding: 0;
}

@-moz-document url-prefix() {
    .navbar-area.is-sticky .SearchOptions button {
        padding-bottom: 1px;
    }
}


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

Cart CSS

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

#CartProdDetails {
    display: none;
    position: absolute;
    top: 60px;
    right: 10px;
    z-index: 99;
    width: 300px;
    background: #fff;
    margin-top: 20px;
}

.BestsellersList {
    position: relative;
}

.BestsellersList ul {
    margin: 0px 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #e7e7e7;
    position: relative;
    max-height: 400px;
    overflow: auto;
}

.BestsellersList:after {
    position: absolute;
    content: '';
    right: 33px;
    top: -13px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #e7e7e7;
}

.BestsellersList ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    text-align: left;
}

.BestsellersList ul li a {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 10px;
    display: block;
    font-size: 16px;
    color: #444;
    font-weight: 300;
    border-top: 1px solid #e1e6ea;
    transition: all ease-in-out 0.8s 0s;
}

.BestsellersList ul li a b {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #e7e7e7;
    float: left;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.BestsellersList ul li a b img {
    max-width: 100%;
}

.BestsellersList ul li a span {
    display:block;
    float: left;
    width: 70%;
    color: #999;
}

.BestsellersList ul li a span small {
    display: block;
    color: #3273eb;
    color: #0ad9b2;
    font-size: 18px;
}

.BestsellersList ul li:first-child a {
    border-top: none;
}

.logoBox {
    padding-top: 6px;
    text-align: center;
}


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

Main Banner Area CSS

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


/*
.main-banner {
    position: relative;
    background: url(../images/main-banner.jpg) no-repeat center center / cover
}*/


/* .main-banner:after{background:rgba(0,0,0,.7);position:absolute;left:0;top:0;width:100%;height:100%;content:''} */

.carousel .carousel-item {
    width: 100%
}

.navbar-area.is-sticky .HeaderTop {
    display: none;
}

.carousel .carousel-item .carousel-caption {
    bottom: auto;
    top: 150px;
    text-align: left;
    left: 0;
    right: 0;
    padding: 0 100px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 44px;
    z-index: 10;
    height: 44px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #323330;
    color: #fff !important;
    border-radius: 100%;
    opacity: 1;
    transition: all ease-in-out 0.3s;
}

.carousel-control-next:before,
.carousel-control-prev:before {
    width: 54px;
    height: 54px;
    /* border:2px solid #000; */
    left: -5px;
    top: -5px;
    position: absolute;
    content: '';
    border-radius: 100%;
    transition: all ease-in-out 0.3s;
    overflow: hidden;
}

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

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

.carousel-control-next:after,
.carousel-control-prev:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    content: '';
    background: #000;
    transition: all ease-in-out 0.3s;
    z-index: -1;
    border-radius: 100%;
}

.carousel-control-next:hover:after,
.carousel-control-prev:hover:after {
    height: 100%;
}

.carousel-control-next:hover:before,
.carousel-control-prev:hover:before {
    border-color: #e82277;
}

.carousel-caption .btn-box {
    margin-top: 30px
}

.carousel-caption h1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.1;
    font-size: 55px;
    font-weight: 700;
    width: 70%;
    text-transform: uppercase;
}

.carousel-caption h3 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
}

.carousel-caption p {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    font-size: 45px;
    color: #fff;
    max-width: 600px;
    margin-top: 0px;
    margin-bottom: 0
}

.carousel-caption p span {
    font-size: 70px;
    font-weight: 700;
}

.carousel-caption .slider_btn {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    color: #000 !important;
    background-color: #fff;
    width: 200px;
    text-align: center;
    padding: 10px;
    box-shadow: 5px 5px 0px #6e6b6b;
    font-size: 22px;
    font-weight: 600;
}


/* .carousel-inner .img{-webkit-animation-delay:4s;animation-delay:4s;z-index:1;right:0;top:0;position:absolute} */


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

			Latest Category CSS

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

.Hmtitle {
    font-size: 30px;
    /* font-weight: 700; */
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
       /*font-family: "DroidSerif-bold";*/
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}

.ProductBox {
    position: relative;
}

.ThumbBox {
    padding: 40% 0;
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    position: relative;
    /* background-color:#f6f6f6; */
    border-bottom: 1px solid #f6f6f6;
}

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: center;
    padding: 10% 20px;
}

.view-first h5 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
}

.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #fff;
    font-size: 18px;
}

.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #000;
    background: #fff;
}

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-first:hover h5,
.view-first:hover p,
.view-first:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.mask a {
    background: #fff;
    color: #000;
    width: 150px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    padding: 9px;
}

.mask a:hover {
    background: #000;
    color: #fff;
}


/* .LatestCategorySld {
    margin-bottom: 50px
} */

.LatestCategorySld .owl-nav .owl-prev .fa,
.LatestCategorySld .owl-nav .owl-next .fa {
    font-size: 20px;
}

.LatestCategorySld .owl-nav .owl-prev,
.LatestCategorySld .owl-nav .owl-next,
.NewCollectionWrapper .owl-nav .owl-prev,
.NewCollectionWrapper .owl-nav .owl-next,
.BestSellersWrapper .owl-nav .owl-prev,
.BestSellersWrapper .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #d7d7d7 !important;
}

.LatestCategorySld .owl-nav .owl-prev {
    left: -25px;
    top: 45%;
    position: absolute;
    color: #3273eb;
    font-size: 25px;
    font-weight: 500;
}

.LatestCategorySld .owl-nav .owl-next {
    right: -25px;
    top: 45%;
    position: absolute;
    color: #3273eb;
    font-size: 25px;
    font-weight: 500;
}

.NewCollectionSld .owl-dots,
.BestSellersSld .owl-dots,
.LatestCategorySld .owl-dots {
    display: none;
}


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

BEST SELLERS

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

.NewCollectionWrapper .ProductBox,
.BestSellersWrapper .ProductBox {
    text-align: center;
}

.NewCollectionWrapper .ProductBox h5,
.BestSellersWrapper .ProductBox h5 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: uppercase;
}

.NewCollectionWrapper h5:before,
.BestSellersWrapper h5:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
	margin-left:-40px;
    width: 80px;
    height: 2px;
    background: #000;
}

.PriceBox {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.BestSellersWrapper .owl-nav .owl-prev,
.NewCollectionWrapper .owl-nav .owl-prev {
    left: -25px;
    top: 30%;
    position: absolute;
    color: #3273eb;
    font-size: 25px;
    font-weight: 500;
}

.BestSellersWrapper .owl-nav .owl-next,
.NewCollectionWrapper .owl-nav .owl-next {
    right: -25px;
    top: 30%;
    position: absolute;
    color: #3273eb;
    font-size: 25px;
    font-weight: 500;
}


/*================================================
	Home About css
=================================================*/

.AboutWrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 5px;
    color: #000;
}

.AboutWrapper h3 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #000;
}

.AboutWrapper p {
    padding-right: 50px;
    line-height: 28px;
    font-size: 14px;
}

.AboutWrapper p a {
    color: #fff !important;
    background: #000;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 5px 5px;
    width: 150px;
    text-align: center;
    margin-top: 10px
}

.AboutWrapper p a:hover {
    background: #000;
    border-radius: 0px
}


/*================================================
	Home Blog css
=================================================*/

.BlogBox {
    position: relative;
    transition: all ease-in-out 1s 0.8s;
}

.BlogimgBox {
    padding: 40% 0;
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    position: relative;
    /* background-color:#f6f6f6; */
    border-bottom: 1px solid #f6f6f6;
    transition: all ease-in-out 1s 0.8s;
}

.BlogBox .BlogimgBox:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 90%;
    height: 90%;
    border: 2px solid #b8babf;
    transition: all ease-in-out 0.4s;
    margin: 5%;
    transform: scale(0);
}

.BlogBox:hover .BlogimgBox:before {
    transform: scale(1);
}

.blogTxt {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background: #dcfaff;
    padding: 20px;
    position: relative;
    top: -35px;
}

.blogTxt span {
    color: #186572;
    font-family: 'Montserrat', sans-serif;
}

.blogTxt a {
    color: #000;
    position: relative;
    width: 160px;
    display: inline-block;
    margin-left: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.blogTxt a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 30px;
    height: 1px;
    background: #000;
}

.blogTxt h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 15px 20px 0;
}

.blogTxt a:hover {
    color: #000;
}

.blogTxt a:hover:before {
    background: #000;
}


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

Join us CSS

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

.JoinusWrapper {
    padding: 10% 0;
    margin: 0 0 50px 0;
    background-image: url(../images/joinusBg.jpg);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}

.JoinTxt {
    width: 445px;
    text-align: center;
}

.JoinTxt h4 {
    font-size: 33px;
    color: #fff;
}

.JoinTxt p {
    font-size: 20px;
    color: #fff;
}

.HmSearchBox {
    margin-top: 30px;
}

.HmSearchBox form {
    display: flex;
}

.HmSearchBox .es-field-wrap {
    display: inline-block;
    width: calc(100% - 25%);
}

.HmSearchBox label {
    width: 100%
}

.HmSearchBox input {
    padding: 10px;
    background: #fff;
    color: #000;
    /* width: 75%; */
    border: none;
    width: 100%;
    font-size: 18px
}

.HmSearchBox input[type="submit"] {
    padding: 10px;
    background: #000;
    color: #fff;
    width: 25%;
    border: none;
    text-transform: uppercase;
    font-size: 18px;
    height: 47px;
}

.HmSearchBox button:hover {
    background: #000;
}

.woocommerce .category-wrapper {
    display: flex;
    flex-flow: wrap;
}

.woocommerce .category-wrapper li.product a img,
.woocommerce .category-wrapper li.product a {
    height: 100% !important;
    object-fit: cover;
}

.woocommerce .category-wrapper li.product a img {
    opacity: 0.7;
    transition: 0.2s all linear;
}

.woocommerce .category-wrapper li.product-category {
    position: relative;
    background: #000;
    overflow: hidden;
}

.woocommerce .category-wrapper li.product-category:hover img {
    transform: scale(1.5) rotate(-35deg);
}

.woocommerce .category-wrapper li.product-category h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
}


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

Footer Area CSS

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

.footer-area {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    background-color: #000;
    float: left;
    width: 100%;
}

.single-footer-widget {
    margin-bottom: 30px
}

.single-footer-widget .logo {
    margin-bottom: 20px
}

.single-footer-widget .logo p {
    color: #fff;
    margin-top: 18px;
    margin-bottom: 0
}

.single-footer-widget p {
    color: #fff;
    font-size: 14px
}

.single-footer-widget .social {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .social li {
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: 1px;
    margin-right: 1px
}

.single-footer-widget .social li a {
    width: 35px;
    height: 35px;
    background-color: #333;
    line-height: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center
}

.single-footer-widget .social li a i::before {
    font-size: 13px
}

.single-footer-widget .social li a:hover {
    background-color: #000;
    color: #fff
}

.single-footer-widget h3 {
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-footer-widget .footer-services-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .footer-services-list li {
    margin-bottom: 12px;
    color: #fff;
    font-size: 14px
}

.single-footer-widget .footer-services-list li a {
    display: inline-block;
    color: #fff
}
.single-footer-widget .footer-services-list li.current_page_item a{color:#fff !important;}

.single-footer-widget .footer-services-list li a:hover {
    color: #fff !important
}

.single-footer-widget .footer-services-list li:last-child {
    margin-bottom: 0
}

.single-footer-widget .quick-links-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .quick-links-list li {
    margin-bottom: 12px;
    color: #fff;
    font-size: 14px
}

.single-footer-widget .quick-links-list li a {
    display: inline-block;
    color: #fff !important;
}

.single-footer-widget .quick-links-list li a:hover {
    color: #000
}

.single-footer-widget .quick-links-list li:last-child {
    margin-bottom: 0
}

.single-footer-widget .footer-contact-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.single-footer-widget .footer-contact-list li {
    margin-bottom: 6px;
    color: #fff;
    font-size: 14px;
    line-height: 1.7
}

.single-footer-widget .footer-contact-list li a {
    display: inline-block;
    color: #fff
}

.single-footer-widget .footer-contact-list li a:hover {
    color: #000
}

.single-footer-widget .footer-contact-list li span {
    font-weight: 700
}

.single-footer-widget .footer-contact-list li:last-child {
    margin-bottom: 0
}

.copyright-area {
    background-color: #1a1a1a;
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.copyright-area p {
    color: #fff
}

.copyright-area p a {
    display: inline-block;
    color: #fff;
    font-weight: 600
}

.copyright-area p a:hover {
    color: #000
}

.copyright-area ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    text-align: right
}

.copyright-area ul li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: initial
}

.copyright-area ul li a {
    color: #fff
}

.copyright-area ul li a:hover {
    color: #000
}

.copyright-area ul li::before {
    content: '';
    width: 4px;
    height: 1px;
    background: #fff;
    left: -11px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.copyright-area ul li:first-child {
    margin-left: 0
}

.copyright-area ul li:first-child::before {
    display: none
}

.circle-map {
    position: absolute;
    top: 8%;
    right: 18%;
    z-index: -1
}

.lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 90vw;
    z-index: -1
}

.lines .line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden
}

.lines .line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, #fff), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%);
    -webkit-animation: run 7s 0 infinite;
    animation: run 7s 0 infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97)
}

.lines .line:nth-child(1) {
    margin-left: -23%
}

.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.lines .line:nth-child(3) {
    margin-left: 23%
}

.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.footer-contact-list a {
    display: inline-block;
    padding-right: 15px;
}

@-webkit-keyframes run {
    0% {
        top: -50%;
    }
    100% {
        top: 110%;
    }
}

@keyframes run {
    0% {
        top: -50%;
    }
    100% {
        top: 110%;
    }
}


/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/

#accordion .panel { display: none;}
#accordion .panel.show { display: block !important;}

#accordion { width: 100%;}

#accordion .accordion {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding: 15px;
    outline: none;
    /*background: #00bed6;*/
    background: #000;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 8px !important;
}

#accordion .panel p {
    color: #000;
    padding: 0px 15px;
}

/*========== END CSS FOR FAQ ============*/

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

Go Top CSS

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

.go-top {
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 15px;
    color: #fff;
    background: #000;
    z-index: 4;
    width: 40px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .9s;
    transition: .9s
}

.go-top.active {
    top: 98%;
    -webkit-transform: translateY(-98%);
    transform: translateY(-98%);
    opacity: 1;
    visibility: visible
}

.go-top i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s
}

.go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.go-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #323232;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.go-top:hover,
.go-top:focus {
    color: #fff
}

.go-top:hover::before,
.go-top:focus::before {
    opacity: 1;
    visibility: visible
}

.go-top:hover i:first-child,
.go-top:focus i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.go-top:hover i:last-child,
.go-top:focus i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.pt-lg-5,
.py-lg-5 {
    padding-top: 4rem!important;
}

.pb-md-5,
.py-md-5 {
    padding-bottom: 4rem!important;
}

.full-banner img {
    width: 100%;
}

#main_slider.carousel .carousel-item img {
    width: 100%;
    /*    max-height: 600px;*/
    /*object-fit: cover;*/
}

.blogheader {
    background: url(../images/blogheader.jpg) no-repeat right center;
    background-size: cover;
    min-height: 650px;
}

.blog-card {
    margin-bottom: 80px;
}

.blog-card .card {
    border: none;
}

.blog-card .card-body {
    background-color: #e2f9ec;
    position: relative;
    margin-top: -100px;
    margin-left: 70px;
    padding: 10px;
    box-shadow: -5px -5px 0px #c1d0c5;
}

.blog-card .card-body .card-title {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    /*font-family: "DroidSerif-bold";*/
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
}

.blog-card .card-body p {
    color: #565656;
    font-size: 14px;
}

.blog-card .card-body a {
    color: #000;
    margin-top: 10px;
    display: inline-block;
}


/*
.readmore::after {
  content: url(../images/readmore-arrow.png); 
    position: relative;
    top: -2px;
}
*/

.bfa-block-con {
    margin: 0 65px;
}

.bfo-content {
    position: relative;
    margin-left: -180px;
    background-color: #fff;
    padding: 40px 20px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    top: 50px;
}

.bfo-content h4 {
    font-size: 22px;
    margin: 0 0 20px 0;
}

.bfo-content h4 small {
    color: #a1a1a1;
    font-size: 16px;
    display: block;
}

.bfo-content p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 28px;
}

.bfo-content .btn-update {
    padding: 8px 30px;
}

.latest-post {
    margin-top: 50px;
    margin-bottom: 40px;
}

.latest-post .text-xxl,
.fav-blog .text-xxl {
    font-size: 45px;
}

.post-img {
    position: relative;
}

.post-img figure {
    margin-bottom: 0;
}

.post-img .middle-content {
    transition: .5s ease;
    display: flex;
    flex-flow: wrap;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translate(0);
    -ms-transform: translate(0);
    text-align: center;
    z-index: 5;
    padding: 0px 15px;
    align-content: center;
    color: #fff;
    text-align: left;
}


.post-img figure:hover .image {
    opacity: 0.3;
}

.post-img figure:hover .middle-content {
    opacity: 1;
}

.post-img figure:hover .middle-content .btn-outline {
    opacity: 1;
}

.post-img figcaption {
    font-size: 23px;
    color: #000;
}

.post-img h5,
.post-img p {
    font-size: 16px;
}

.post-img h5 {
    font-weight: 600;
    margin-bottom: 25px;
}

.post-img .btn-update {
    padding: 6px 60px;
    margin-top: 25px;
}

.inner-banner {
    position: relative;
    padding: 0 !important;
    margin-bottom: 50px;display:flex;align-items:center;justify-content:center;
}

.inner-banner .banner-title {
    position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.inner-banner .banner-title h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
}

.blog-card .blog-img img {
    height: 340px;
    object-fit: cover;
    object-position: center;
}

.blog-card .card {
    margin-bottom: 30px;
}

.btn-secondary {
    background: #000;
}

.sidebar-box .heading {
    font-size: 18px;
}

.recent-blog-row .media img {
    width: 80px;
    height: 80px;
    object-position: center;
    object-fit: cover;
}

.media-body h5 a {
    font-size: 15px;
    color: #000 !important;
    font-weight:500;
}

.single-blog-detail img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section_heading_section .section-title {
    margin-bottom: 20px;
}

.section_heading_section .section-title h2 {
    text-align: left;
}

.section_heading_section .section-title .meta-elem {
    text-align: left;
}

.meta-tag {
    font-weight: 300;
    font-size: 14px;
    color: #666666 !important;
    font-weight: normal !important;
}

.meta-tag .dot {
    width: 2px;
    height: 2px;
    background: #e83f05;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 100%;
}

.form-container h5 {
    color: #000;
    font-weight: 600
}

.form-container {
    width: 80%;
    margin: 0 auto
}

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

.form-container h3 {
    margin-bottom: 20px;
}

.form-container input,
.form-container select {
    height: 50px !important;
}

.form-container textarea {
    height: 120px
}

.map-container iframe {
    margin-bottom: -5px;
}

.background-color {
    background: #000;
    position: relative
}

.background-color img {
    opacity: 0;
}

.background-color#inner-banners .overlay-content {
    top: 70%;
}

.add-detail {
    background: #212121;
    color: #fff;
    padding: 50px 30px;
}

.add-detail h5 {
    color: #fff;
}

.add-detail strong {
    font-weight: normal
}

.add-detail a {
    color: #fff
}

.add-detail i {
    font-size: 20px;
    padding-right: 10px;
    position: absolute;
    left: 0px;
    top: 8px;
}

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

.contact-detail,
.email-detail,
.address-detail {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* white-space: nowrap; */
    width: auto;
}

.nice-select:hover {
    border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: #999;
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cccccc;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: #f6f6f6;
}

.nice-select .option.selected {
    font-weight: bold;
}

.product_topbar {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.product_topbar p {
    width: auto;
    margin: 0;
    float: left;
}

.product_topbar .nice-select {
    width: 150px;
}

.product_bx {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    transition: all ease-in-out 0.3s;
}

.product_bx:hover {
    transform: scale(1.05);
}

.product_bx figure {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
    margin: 0;
}

.product_bx figure img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.product_bx figure a {
    width: 100%;
    background: #000;
    line-height: 45px;
    color: #fff;
    padding: 0 12px;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -150px;
    font-size: 17px;
    transition: all ease-in-out 0.3s;
}

.product_bx figure a i {
    float: right;
    top: 15px;
    position: relative;
}
.product_bx .pro_cnt {
    background: #f5f5f5;
    text-align: center;
    padding: 20px 12px 25px;
    position: relative;
}

.product_bx {
    background: #f5f5f5;
    text-align: center;    
    position: relative;
	padding-bottom: 15px;
}
.product_bx .pro_cnt h4 {
    font-size: 18px;
    line-height: 28px;
	height:60px;
}

.product_bx .pro_cnt h4 a {
    color: #333;
}

.product_bx .pro_cnt .PriceBox {
    font-size: 16px;
}

.product_bx:hover figure a {
    bottom: 0;
}

.shop-detail {
    padding: 60px 0;
    float: left;
    width: 100%;
}


/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */

.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


/* --------------- */


/* xZoom Styles below */

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

.xzoom-thumbs {
    text-align: center;
    margin-top: 10px;
}

.xzoom {
    border: 1px solid #ddd;
    width: 100%;
}


/* Thumbs */

.xzoom-thumbs a {
    display: inline-block;
}

.xzoom-gallery {
    border: 1px solid #cecece;
}

.xzoom-source,
.xzoom-hidden {
    display: block;
    position: static;
    float: none;
    clear: both;
}


/* Everything out of border is hidden */

.xzoom-hidden {
    overflow: hidden;
}


/* Preview */

.xzoom-preview {
    border: 1px solid #ddd;
    background: #2f4f4f;
    /* box-shadow: -0px -0px 10px rgba(0,0,0,0.50); */
    z-index: 1;
}


/* Lens */

.xzoom-lens {
    border: 1px solid #555;
    box-shadow: -0px -0px 10px rgba(0, 0, 0, 0.50);
    cursor: crosshair;
}


/* Loading */

.xzoom-loading {
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    opacity: .7;
    background: url(../images/xloading.gif);
    width: 48px;
    height: 48px;
}


/* Additional class that applied to thumb when it is active */

.xactive {
    /* -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);
  box-shadow: 0px 0px 3px 0px rgba(74,169,210,1);  */
    border-color: #000;
}

.proudct_dtl {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 15px;
}

.proudct_dtl h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 23px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.proudct_dtl p {
    font-size: 15px;
}

.proudct_dtl .price {
    font-size: 24px;
    color: #222;
    margin: 15px 0 30px;
}


/*.proudct_dtl .price span{font-size:21px;color:#888;text-decoration:line-through;}*/

.proudct_dtl .woocommerce-Price-amount {
    color: #888;
}

.proudct_dtl ins .woocommerce-Price-amount {
    font-size: 24px;
    color: #222;
    margin: 15px 0 30px;
    font-weight: 400 !important;
}

.proudct_dtl input.qty {
    height: 45px;
    border: 1px solid #dcd7ca;
}

.proudct_dtl .quantity {
    width: 150px;
    text-align: center;
}

.proudct_dtl .single_add_to_cart_button {
    /* background: #000 !important; */
    background: #000 !important;
    border-radius: 30px !important;
    font-weight: 500 !important;
    padding: 12px 28px !important;
    font-size: 16px !important;
    font-family: "Dosis", sans-serif;
}

.proudct_dtl .posted_in {
    display: none;
}

.proudct_dtl form.cart {
    margin-bottom: 0 !important;
}

.proudct_dtl .quantity .btn-number {
    padding: 0;
    /* background: #000; */
    background: #000;
    width: 45px;
    height: 45px;
    border-radius: 0;
    color: #fff;
}

.proudct_dtl .quantity .btn-number:hover,
.proudct_dtl .quantity .btn-number:focus {
    box-shadow: none;
}

.proudct_dtl .quantity .input-number {
    margin: 0 4px;
    text-align: center;
    height: 45px;
}

.proudct_dtl hr {
    border-color: #ddd;
}

.proudct_dtl .pro_btns button {
    background: #000;
    color: #fff;
}

.proudct_dtl .pro_btns button:hover,
.proudct_dtl .pro_btns button:focus {
    box-shadow: none;
}

.related-product {
    text-align: center;
    padding: 60px 0;
    background: #f9f9f9;
    float: left;
    width: 100%;
}

.related-product h2 {
    margin-bottom: 50px;
    text-transform: capitalize;
}

.related-product .owl-carousel .owl-nav button {
    position: absolute;
    left: 0;
    top: calc(50% - 23px);
    width: 46px;
    height: 46px;
    background: #000;
    color: #fff;
    margin: 0;
}

.related-product .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

.woocommerce-cart-form {
    width: 65%;
    float: left
}

.woocommerce .woocommerce-cart-form table.shop_table {
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0;
}

.woocommerce .woocommerce-cart-form table.shop_table td {
    border-color: #ccc;
    position: relative;
}

.woocommerce .woocommerce-cart-form table.shop_table td.product-thumbnail img {
    width: 80px;
    height: 80px;
}

.woocommerce .woocommerce-cart-form table.shop_table td.actions {
    padding: 15px 0;
}

.woocommerce .woocommerce-cart-form table.shop_table td.actions button[disabled] {
    background: #ebe9eb;
    color: #333;
}

.woocommerce .woocommerce-cart-form table.shop_table td.actions .button,
.woocommerce .woocommerce-address-fields button.button,
.woocommerce .edit-account button.button,
#customer_login>div p.form-row button.button,
.woocommerce .lost_reset_password p.form-row button.button {
    background: #000;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
    padding: 0 22px;
    text-transform: capitalize;
    transition: all ease-in-out 0.3s;
}

.woocommerce .woocommerce-cart-form table.shop_table td.actions .button:hover,
.woocommerce .woocommerce-address-fields button.button:hover,
.woocommerce .edit-account button.button:hover,
#customer_login>div p.form-row button.button:hover,
.woocommerce .lost_reset_password p.form-row button.button:hover {
    background: #202020;
    color: #fff !important;
}

.woocommerce .woocommerce-cart-form .product-remove .remove {
    background: #db2727;
    border-radius: 0;
    color: #fff !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.woocommerce .woocommerce-cart-form .quantity .input-group {
    width: 100%
}

.woocommerce .woocommerce-cart-form .quantity button.btn-number {
    background: #000;
    border-radius: 0;
    color: #fff;
    width: 30px;
    padding: 0;
    height: 30px;
    line-height: 30px;
}

.woocommerce .woocommerce-cart-form .quantity button.btn-number:focus {
    box-shadow: none;
}

.woocommerce .woocommerce-cart-form .quantity input.input-text {
    width: 43px;
    height: 30px;
    padding: 0;
    text-align: center;
    border: 1px solid #ccc;
}

.woocommerce-page .woocommerce .cart-collaterals {
    float: right;
    position: relative;
    width: 30%
}

.woocommerce-page .woocommerce .cart-collaterals .cart_totals {
    width: 100%;
    background: #f0f0f0;
    padding: 1rem;
}

.woocommerce-page .woocommerce .cart-collaterals .cart_totals h2 {
    color: #666;
    font-size: 18px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.woocommerce-page .woocommerce .cart-collaterals .cart_totals .shop_table_responsive {
    border-width: 1px 0px;
    border-radius: 0;
    border-color: #ccc;
}

.woocommerce-page .woocommerce .cart-collaterals .wc-proceed-to-checkout {
    padding-bottom: 0;
}

.woocommerce-page .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.summary {
    background: #f0f0f0;
    padding: 1rem;
    width: 100%
}

.summary-total-items {
    color: #666;
    font-size: .875rem;
    text-align: center
}

.summary-subtotal,
.summary-total {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 1rem 0;
    overflow: hidden;
    padding: .5rem 0
}

.subtotal-title,
.subtotal-value,
.total-title,
.total-value,
.promo-title,
.promo-value {
    color: #111;
    float: left;
    width: 50%
}

.summary-subtotal .subtotal-title,
.summary-subtotal .subtotal-value {
    margin-bottom: 10px
}

.summary-promo {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.promo-title {
    float: left;
    width: 70%
}

.promo-value {
    color: #8B0000;
    float: left;
    text-align: right;
    width: 30%
}

.summary-delivery {
    padding-bottom: 3rem
}

.subtotal-value,
.total-value {
    text-align: right
}

.total-title {
    font-weight: 500;
    text-transform: uppercase
}

.total-value {
    color: #000
}

.summary-checkout {
    display: block
}

.checkout-cta {
    font-size: .9rem;
    text-transform: uppercase;
    border: none;
    width: 100%
}

.summary-delivery-selection {
    background-color: #ccc;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: block;
    font-size: .625rem;
    height: 34px;
    width: 100%
}

.custom_modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.custom_modal .modal-header {
    background: #000;
    border-radius: 0;
    padding: 0 15px;
    position: relative;
}

.custom_modal .modal-header h4 {
    color: #fff;
    line-height: 50px;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.custom_modal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 10px;
    margin: 0;
    opacity: 1;
    padding: 0;
    color: #fff;
}

.custom_modal .nav-tabs {
    margin-bottom: 15px;
    border: none;
}

.custom_modal .nav-tabs li {
    margin: 0 4px;
    font-size: 16px;
    text-transform: uppercase;
}

.custom_modal .nav-tabs li:first-child {
    margin-left: 0;
}

.custom_modal .nav-tabs li:last-child {
    margin-right: 0;
}

.custom_modal .nav-tabs li a {
    background: transparent;
    color: #000;
    padding: 0 12px;
    display: block;
    border: 1px solid #eee;
    line-height: 40px;
    border-radius: 3px;
}

.custom_modal .nav-tabs li a.active {
    background: #000;
    border-color: #000;
    color: #fff !important;
}

.custom_modal .nice-select.form-control {
    width: 100%;
}

.form-control {
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 0;
}

select.form-control {
    /*background:url(../images/drop-icon.png) no-repeat center right #fff;*/
    appearance: none;
    -webkit-appearance: none;
    height: 50px !important;
}

.form-control:focus {
    box-shadow: none;
    border-color: #000;
}

.custom_modal button {
    background: #000;
    color: #fff;
    font-family: inherit;
    border: 1px solid transparent;
}

.custom_modal button:hover,
#login_modal button:focus {
    box-shadow: none;
}

.custom_modal button.btn-default {
    background: transparent;
    border-color: #000;
    color: #000;
}

.custom_modal button.btn-default:hover,
#login_modal button.btn-default:focus {
    background: #000;
    color: #fff;
}

.custom_modal .frgt_pswd {
    line-height: 43px;
}

.dropdown-cart-button .dropdown .cart_list.woocommerce-mini-cart li.woocommerce-mini-cart-item {
    width: 100%;
    float: left;
}

.woocommerce-checkout h3 {
    text-transform: capitalize;
    margin-bottom: 20px;
    font-size: 22px;
}

.woocommerce-checkout #customer_details {
    width: 55%;
    float: left;
}

.woocommerce-checkout #customer_details>div {
    min-width: 100%;
    width: 100%;
    float: left;
    padding: 0;
}

.woocommerce-checkout #customer_details>div .form-row {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 15px;
}

.woocommerce-checkout #customer_details>div .form-row label {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.woocommerce-checkout #customer_details>div .form-row>span {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.woocommerce form .form-row span{
    width:100%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
        float: left;
    width: 48% !important;
    flex: 48% !important;
    max-width: 48% !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
            float: left;
    width: 48% !important;
    flex: 48% !important;
    max-width: 48% !important;
}
.woocommerce .woocommerce-customer-details address{
    min-height:150px !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
  color: #444;
    line-height: 25px !important;
    border-color: #aaaaaa;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}
.woocommerce-checkout #customer_details>div .form-row select,
.woocommerce-checkout #customer_details>div .form-row input,
.woocommerce-checkout #customer_details>div .form-row textarea,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row input,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row textarea,
.woocommerce .edit-account p.form-row input,
.woocommerce .edit-account p.form-row textarea,
#customer_login>div p.form-row input,
#customer_login>div p.form-row textarea,
.lost_reset_password p.form-row input {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    padding-left: 12px;
}

.woocommerce-checkout #customer_details>div .form-row textarea {
    height: 100px;
    padding-top: 12px;
    resize: none;
}

.woocommerce-checkout #customer_details>div .form-row .select2-container--default .select2-selection--single,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row .select2-container--default .select2-selection--single {
    border-color: #ddd;
    height: 40px;
    border-radius: 0;
}

.woocommerce-checkout #customer_details>div .form-row .select2-container--default .select2-selection--single span,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row .select2-container--default .select2-selection--single span {
    line-height: 37px;
}

.woocommerce-checkout #customer_details>div .form-row .select2-container--default .select2-selection--single span b,
.woocommerce .woocommerce-address-fields__field-wrapper p.form-row .select2-container--default .select2-selection--single span b {
    right: 15px;
    left: auto;
    top: 18px;
}

.select2-dropdown,
input.select2-search__field {
    border-color: #ddd !important;
}

.woocommerce-checkout #order_review {
    width: 40%;
    float: right;
}

.woocommerce-checkout #order_review table.shop_table {
    border-radius: 0;
}

.woocommerce .woocommerce-MyAccount-navigation {
    width: 23%;
    float: left;
    margin: 0;
    border-right: 1px solid #ddd;
}

.woocommerce .woocommerce-MyAccount-navigation li {
    position: relative;
}

.woocommerce .woocommerce-MyAccount-navigation li a {
    display: block;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    color: #5d5d5d;
}

.woocommerce .woocommerce-MyAccount-navigation li a:after {
    position: absolute;
    right: 10px;
    top: 0;
    font-family: 'FontAwesome';
    transition: all ease-in-out 0.3s;
}

.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation li.is-active a:after,
.woocommerce .woocommerce-MyAccount-navigation li:hover a,
.woocommerce .woocommerce-MyAccount-navigation li:hover a:after {
    color: #000;
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a:after {
    content: '\f0e4';
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a:after {
    content: '\f0dc';
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a:after {
    content: '\f0ed';
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a:after {
    content: '\f041';
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a:after {
    content: '\f05a';
}

.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
    content: '\f08b';
}

.woocommerce .woocommerce-MyAccount-navigation li:last-child a {
    border-bottom: none;
}

.woocommerce .woocommerce-MyAccount-content {
    width: 75%;
    float: right;
}

.woocommerce-MyAccount-content p a {
    color: #000;
}

.woocommerce .woocommerce-info {
    border-color: #000;
}

.woocommerce .woocommerce-info:before {
    color: #000;
}

.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address {
    min-width: calc(100% / 2 - 10px);
    margin: 0 20px 0 0;
    float: left;
    border: 1px solid #ddd;
    padding: 15px;
}

.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address:nth-child(2n+2) {
    margin-right: 0;
}

.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    font-size: 20px;
    letter-spacing: 1px;
    width: 100%;
    text-transform: capitalize;
}

.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address .title {
    position: relative;
}

.woocommerce .woocommerce-Addresses.col2-set .woocommerce-Address .title .edit {
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    border-radius: 2px;
    padding: 0 10px;
    line-height: 27px;
    color: #fff !important;
    font-size: 13px;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row,
.woocommerce .edit-account p.woocommerce-form-row {
    padding: 0;
    margin-bottom: 15px;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row#billing_first_name_field,
.woocommerce .edit-account p.woocommerce-form-row.form-row-first {
    width: 49%;
    float: left;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row#billing_last_name_field,
.woocommerce .edit-account p.woocommerce-form-row.form-row-last {
    width: 49%;
    float: right;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row>span.woocommerce-input-wrapper,
.woocommerce .edit-account p.form-row>span,
#customer_login>div p.form-row>span {
    width: 100%;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row label,
.woocommerce .edit-account label,
#customer_login>div p.form-row label,
.lost_reset_password p.form-row label {
    width: 100%;
    float: left;
    text-transform: capitalize;
}

.woocommerce .woocommerce-address-fields__field-wrapper p.form-row label span {
    display: inline-block;
}

.woocommerce .edit-account p.woocommerce-form-row em {
    font-size: 13px;
}

.woocommerce .edit-account fieldset {
    margin-top: 35px;
}

.woocommerce .edit-account legend,
.woocommerce .woocommerce-MyAccount-content h3 {
    text-transform: capitalize;
}

.woocommerce-MyAccount-content p strong {
    color: #000;
}

#customer_login .col-1 {
    min-width: 48%;
    float: left;
}

#customer_login .col-2 {
    min-width: 48%;
    float: right;
}

#customer_login>div form {
    background: #f5f5f5;
    border-radius: 0;
    float: left;
    width: 100%;
}

#customer_login>div p.form-row,
.woocommerce .lost_reset_password p.form-row {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 0;
}

.woocommerce-form-login__rememberme input {
    display: none;
}

.woocommerce-form-login__rememberme span {
    display: inline-block;
    position: relative;
    padding-left: 30px;
}

.woocommerce-form-login__rememberme span:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 7px;
    height: 14px;
}

.woocommerce-form-login__rememberme span:before {
    background: #fff;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
    border-radius: 2px;
}

.woocommerce-form-login__rememberme input:checked~span:before {
    display: block;
    background: #000;
    border-color: #000;
}

.woocommerce-form-login__rememberme input:checked~span:after {
    left: 7px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.woocommerce-form-login__submit,
.ur-submit-button {
    background: #000 !important;
    margin-top: 15px;
    color: #fff;
}

.lost_reset_password {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 650px;
    margin: 40px auto;
    display: table;
}

#myBtnContainer {
    margin: 0 auto;
}

#myBtnContainer .btn.active {
    background-color: #000;
    color: white;
}

#myBtnContainer .btn:focus {
    outline: 0 !important;
    box-shadow: none;
}

#myBtnContainer .btn {
    margin: 0 10px;
    background: #efefef;
}

.widget_product_categories ul li,
.widget_product_categories .wcsca-top-lvl {
    padding: 0 !important;
}

.product-categories .cat-item i.fa-plus:before {
    content: "\f054 ";
}

.product-categories .cat-item i.fa-minus:before {
    content: "\f078 ";
}

.product-categories .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 47px;
    height: 47px;
    opacity: 1;
    background: #000 !important;
    border-radius: 0;
    z-index: 999
}

.product-categories .close:hover {
    opacity: 1;
}

.product-categories .close:before,
.product-categories .close:after {
    position: absolute;
    right: 20px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
    top: 6px;
}

.product-categories .close:before {
    transform: rotate(45deg);
}

.product-categories .close:after {
    transform: rotate(-45deg);
}
.btn.btn-custom{background:#000;padding:0 24px;font-size:17px;border-radius:0;text-transform:capitalize;font-family: 'Montserrat', sans-serif;color:#fff;line-height:45px;}
.btn.btn-custom:hover,.btn.btn-custom:focus{background:#000;box-shadow:none;}

.courses_bx{background:#000;}
.courses_bx .img figure{margin:0;}
.courses_bx .crs_dtl{padding:35px 20px;color:#fff;}
.courses_bx .crs_dtl h3{color:#fff;text-transform:capitalize;margin-bottom:15px;}
.courses_bx .crs_dtl p{color:#fff;margin-bottom:15px;font-size:17px;}
.courses_bx .crs_dtl .btn-custom{background:#fff;color:#333 !important;}

figure{margin:0;}
.dtl_pg figure{border-radius:5px;overflow:hidden;}
.dtl_pg .list_1{margin-bottom:25px;}
.dtl_pg .list_1 li{display:block;width:100%;margin-bottom:12px;font-size:17px;color:#999;}
.dtl_pg .list_1 li span{display:block;color:#555;}
.dtl_pg .three_list{width:100%;float:left;}
.dtl_pg .three_list li{width:calc(100% / 2);line-height:40px;color:#999;font-size:17px;position:relative;float:left;padding-left:28px;}
.dtl_pg .three_list li:before{position:absolute;left:0;top:1px;content:'\f30b';font-family: "Font Awesome 5 Free";font-weight:900;}

#reserve-form{background:#f5f5f5;padding:60px 0;}
.resr_frm .form-control{background:#fff;}
.resr_frm textarea.form-control{height:100px;resize:none;padding-top:10px;}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{clear:none !important;}
.flex-control-nav.flex-control-thumbs {margin-top: 10px !important;}
.flex-control-nav.flex-control-thumbs li {margin-right: 10px !important;}
.flex-active {border: 1px solid #888;}
.flex-control-nav.flex-control-thumbs li  img{ border-radius: 5px;}
.proudct_dtl,
figure.woocommerce-product-gallery__wrapper img,
figure.woocommerce-product-gallery__wrapper {border-radius: 15px;}
.flex-control-nav.flex-control-thumbs li  img:hover{ border: 1px solid #888;}
.proudct_dtl .quantity .btn-number{position: relative;top: -2px;font-size: 18px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#000 !important; color:#fff !important}
.sitemap_pg {
    column-count: 2;
}
.woocommerce form.cart .single_add_to_cart_button:hover {
	color:#fff !important;
}
.single_variation_wrap .quantity {
	display: block !important;
    float: none !important;
    margin-bottom: 15px !important;
}
.shop-detail.pro_single_pg {
    float:none;
}
.nice-select .list {
    max-height:150px;
    overflow:auto !important;
}
.dropdown-total i {
    padding-right: 5px;
}
.hmAbourRight {
    /* max-height: 490px; */
    overflow: hidden;
}
.hmAbourRight img {
    width: 100%;
    /* height: 100%; */
}
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 10px 5px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{color:#fff !important;
}
#subscribe h4 {
    text-align: center;
    width: 100%;
}
#subscribe .sub-form input.es_txt_email {
    width: 60%;
    border-radius: 3px;
}
#subscribe .es-field-wrap label{width:100%;}
#subscribe .es-field-wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    float: none;
}
#subscribe input.es_subscription_form_submit {
    width: 120px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    border-radius: 3px;
}
#subscribe {
    top: 20%;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{height: auto;
display: flex;}
.products.columns-3 {
    display: flex;
    flex-flow: wrap;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{font-size: 18px !important;font-family: "DroidSerif";
line-height: 28px;}
.woo-variation-swatches.wvs-archive-align-left .wvs-archive-variation-wrapper .variable-items-wrapper {
    justify-content: center !important;
}
.woocommerce ul.products li.product .price{font-weight: 600 !important;color: #000 !important;font-size:16px !important;font-family: 'Playfair Display', serif;}
.woocommerce-Price-currencySymbol {
    font-size: 20px;
}
#widget_shopping_mini_cart-2-content{
    z-index: 9999;
position: relative;
}
.woocommerce-Price-currencySymbol{
    font-size: inherit;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px !important;
    font-size: 14px !important;
    white-space: nowrap;
}
.reviews_bar{
    width: 500px;
}
.woocommerce p.stars a::before{
    color: goldenrod;
}
.woocommerce #reviews #comment {
    height: 100px;
    border: 1px solid #ccc;
}
.woocommerce div.product .woocommerce-tabs .panel{padding: 15px !important;}
.woocommerce #commentform input{
    border: 1px solid #ccc;
    height: 40px;
    width: 100%;
}
.woocommerce #commentform {margin-top: 20px;}
.woocommerce #commentform label{
width: 100%;
}
.comment-form-email{
    width: 48%;
float: right;
}
.comment-form-author{
    width: 48%;
float: left
}
.modal{z-index: 99999;}


.dropdown-cart-button .dropdown .buttons .button:hover{color:#fff !important;}


@media screen and(max-width:767px){
    .dropdown-cart-button .dropdown .cart_list{max-height:245px;overflow-y:auto;}
}