/*=============================================
    01: General CSS
==============================================*/

:root {
    /* --icon-options: #a4c75a; */
    --color-hover01: rgb(236, 19, 19);

}

[data-theme="dark"] {
    --color-hover01: rgb(236, 19, 19);
}

html{
    font-size: 16px;
}

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

::-moz-selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #31333e;
    color: #fff;
    text-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;

}

/* 1.2 scroll bar */
::-webkit-scrollbar {
    width: 0.5rem;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #333333;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
}

button[type=submit] {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
}

textarea {
    resize: none;
}

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

a {
    color: #31333e;
    -webkit-transition: all .2s;
    transition: all .2s;
}

a:hover {
    color: var(--color-hover01);
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    line-height: 1.4;
}

h1,
.h1 {
    font-size: 3.75rem;
    line-height: 5rem;
}

h2,
.h2 {
    font-size: 1.875rem;
}

h3,
.h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

h4,
.h4 {
    font-size: 1.125rem;
}

h5,
.h5 {
    font-size: 1rem;
}

h6,
.h6 {
    font-size: 0.875rem;
}

p {
    line-height: 1.625rem;
    margin-bottom: 1.5625rem;
    font-weight: 400;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    color: #777777;
    background: #fff;
    line-height: 1.625rem;
    overflow-x: hidden !important;
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-wrapper select::-ms-expand {
    display: none;
}

.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0.625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.25rem;
    height: 1.875rem;
    pointer-events: none;
}

.width-expend {
    width: 10.625rem;
}


/* 1.3: Buttons */
.btn.active,
.btn:hover,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn {
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
    position: relative;
    padding: 0.625rem 1.25rem 0.5rem;
    overflow: hidden;
    z-index: 0;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    outline: none;
    border-radius: 0;
}

.btn:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000000;
    z-index: -1;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    height: 1.5625rem;
    width: 1.5625rem;
    border-radius: 0;
    bottom: 0;
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.btn:hover:before {
    height: 100%;
    width: 100%;
    opacity: 1;
}

.btn.style-2 {
    position: relative;
}

.btn.style-2:before {
    right: 0;
    bottom: 0;
    left: auto;
}

.btn.btn-line {
    padding: 0.5rem 0 0.125rem;
    font-weight: 400;
}

.btn-line.btn:before {
    height: 0.0625rem;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    right: 0;
    left: auto;
}

.btn.btn-line:hover:before {
    width: 50%;
    right: 0;
    left: auto;
}

.btn.btn-fill-type:hover:before {
    -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}

.btn.btn-fill-type:before {
    width: 140%;
    height: 100%;
    background: #333;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(.59, .03, .2, 1);
    transition: -webkit-transform 0.5s cubic-bezier(.59, .03, .2, 1);
    transition: transform 0.5s cubic-bezier(.59, .03, .2, 1);
    transition: transform 0.5s cubic-bezier(.59, .03, .2, 1), -webkit-transform 0.5s cubic-bezier(.59, .03, .2, 1);
    -webkit-transform: rotate3d(0, 0, 1, -10deg) translate3d(-1.2em, 110%, 0);
    transform: rotate3d(0, 0, 1, -10deg) translate3d(-1.2em, 110%, 0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.btn.btn-fill-type:hover {
    color: #fff;
}

.btn.btn-fill-type:hover svg .cls-1 {
    fill: #fff;
}

.btn.btn-fill-type svg .cls-1 {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.btn.btn-fill-type {
    border: 0.125rem solid #333;
    padding: 0.6875rem 1.25rem;
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

/*1.4: theme main hover effect*/

.normal-hover-parent {
    overflow: hidden;
    position: relative;
}

.hover-state {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.normal-state {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.main-parent:hover .hover-state {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.theme-bg-overlay {
    position: relative;
    height: 100%;
    width: 100%;
}

.theme-bg-overlay:before {
    content: '';
    position: absolute;
    background: #00c544;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.disabled {
    pointer-events: none;
}

.primary-bg {
    background-color: #1c1967;
}

.secondary-bg {
    background-color: #fcfcfc;
}

.great-vibes {
    font-family: 'Great Vibes', cursive;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.roboto {
    font-family: 'Roboto Condensed', sans-serif;
}

.font-weight-700 {
    font-weight: 700;
}

b,
strong {
    font-weight: bold;
}

.list-inline>li {
    display: inline-block;
}

.form-control {
    font-size: 0.875rem;
}

.form-control:focus {
    border-color: #fff;
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    border-bottom: 0.0625rem solid red !important;
}

.half-gutter {
    margin-right: -0.4688rem;
    margin-left: -0.4688rem;
}

.half-gutter>.col,
.half-gutter>[class*="col-"] {
    padding-right: 0.4688rem;
    padding-left: 0.4688rem;
}

.no-gutters-padding {
    padding-right: 0rem;
    padding-left: 0rem;
}

.theme-border-top {
    border-top: 0.0625rem solid #999999;
}

.theme-border-bottom {
    border-bottom: 0.0625rem solid #999999;
}

.theme-list-style {
    padding: 0;
    list-style: none;
}

.theme-list-style li {
    font-weight: 600;
    color: #4c4f60;
    padding: 0.3125rem 0;
}

.theme-list-style li:before {
    content: '\f05d';
    font-family: 'FontAwesome';
    color: #999999;
    font-size: 0.75rem;
    font-weight: normal;
    margin-right: 0.625rem;
}

.form-field {
    position: relative;
    margin-bottom: 0.9375rem;
}

.theme-input-style {
    font-size: 0.75rem;
    width: 100%;
    height: 2.5rem;
    padding: 0 0.625rem;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent;
    border: none;
    border-bottom: 0.0625rem solid rgba(0, 0, 0, .5);
}

input.theme-input-style:focus {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

textarea.theme-input-style {
    padding: 0.625rem;
    min-height: 7.5rem;
    display: block;
}

.theme-input-style:focus {
    border-color: #000;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

label input[type=checkbox],
label input[type=radio] {
    position: relative;
    top: 0.125rem;
    margin-right: 0.3125rem;
}

.form-group {
    position: relative;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border-color: #e2e6fb;
}

.alignleft {
    float: left;
    margin-right: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.alignright {
    float: right;
    margin-left: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 0.9375rem;
}

/* 1.5: Padding/Margin */
.pt-140 {
    padding-top: 8.75rem;
}

.pb-140 {
    padding-bottom: 8.75rem;
}

.pt-130 {
    padding-top: 8.125rem;
}

.pb-130 {
    padding-bottom: 8.125rem;
}

.pt-120 {
    padding-top: 7.5rem;
}

.pb-120 {
    padding-bottom: 7.5rem;
}

.pt-110 {
    padding-top: 6.875rem;
}

.pb-110 {
    padding-bottom: 6.875rem;
}

.pt-100 {
    padding-top: 6.25rem;
}

.pb-100 {
    padding-bottom: 6.25rem;
}

.pt-90 {
    padding-top: 5.625rem;
}

.pb-90 {
    padding-bottom: 5.625rem;
}

.pt-80 {
    padding-top: 5rem;
}

.pb-80 {
    padding-bottom: 5rem;
}

.pt-70 {
    padding-top: 4.375rem;
}

.pb-70 {
    padding-bottom: 4.375rem;
}

.pt-60 {
    padding-top: 3.75rem;
}

.pb-60 {
    padding-bottom: 3.75rem;
}

.pt-55 {
    padding-top: 3.4375rem;
}

.pb-55 {
    padding-bottom: 3.4375rem;
}

.pt-50 {
    padding-top: 3.125rem;
}

.pb-50 {
    padding-bottom: 3.125rem
}

.pt-40 {
    padding-top: 2.5rem;
}

.pb-40 {
    padding-bottom: 2.5rem;
}

.pt-30 {
    padding-top: 1.875rem;
}

.pb-30 {
    padding-bottom: 1.875rem;
}

.pt-20 {
    padding-top: 1.25rem;
}

.pb-20 {
    padding-bottom: 1.25rem;
}

.pt-10 {
    padding-top: 0.625rem;
}

.pb-10 {
    padding-bottom: 0.625rem;
}

.mt-140 {
    margin-top: 8.75rem;
}

.mb-140 {
    margin-bottom: 8.75rem;
}

.mt-120 {
    margin-top: 7.5rem;
}

.mb-120 {
    margin-bottom: 7.5rem;
}

.mt-70 {
    margin-top: 4.375rem;
}

.mb-70 {
    margin-bottom: 4.375rem;
}

.mt-60 {
    margin-top: 3.75rem;
}

.mb-60 {
    margin-bottom: 3.75rem;
}

.mt-50 {
    margin-top: 3.125rem;
}

.mb-50 {
    margin-bottom: 3.125rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.mt-30 {
    margin-top: 1.875rem;
}

.mb-30 {
    margin-bottom: 1.875rem;
}


.mr-50 {
    margin-right: 3.125rem;
}

.ml-50 {
    margin-left: 3.125rem;
}

.mlr-25 {
    margin-right:1.5625rem;
    margin-left:1.5625rem;
}

.pl-50 {
    padding-left: 3.125rem;
}

/*1.6: Overlay*/
.overlay {
    position: relative;
}

.overlay:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .90) 0%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .90)0%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .90)0%, rgba(255, 255, 255, .55) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-colection-inner:hover.overlay:before {
    left: 0%;
}

/* 1.7: Animations */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2.5rem, 0);
        transform: translate3d(0, -2.5rem, 0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, -2.5rem, 0);
        transform: translate3d(0, -2.5rem, 0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2.5rem, 0);
        transform: translate3d(0, 2.5rem, 0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(0, 2.5rem, 0);
        transform: translate3d(0, 2.5rem, 0)
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }

    50% {
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }

}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }

    50% {
        -webkit-transform: translateY(-2.5rem);
        transform: translateY(-2.5rem);
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem);
    }

}

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

@-webkit-keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotate2d {
    -webkit-animation: rotate2d 2s linear infinite;
    animation: rotate2d 1s linear infinite;
}

@-webkit-keyframes rotate-2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotate-2d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.rotate-2d {
    -webkit-animation: rotate-2d 2s linear infinite;
    animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.rotate3d {
    -webkit-animation: rotate3d 2s linear infinite;
    animation: rotate3d 1s linear infinite;
}


/*=============================================
    02: Header
==============================================*/

/* 2.1: Header Menu 1*/
#menu-button span.bar {
    width:1.5625rem;
    height: 0.1875rem;
    background-color: #222;
    z-index: 0;
    display: block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

#menu-button span.bar.bar2 {
    margin: 0.3125rem 0;
}

#menu-button:hover .bar1 {
    -webkit-transform: rotate(-45deg) translate3d(-0.125rem, 0.125rem, 0);
    transform: rotate(-45deg) translate3d(-0.125rem, 0.125rem, 0);
    width: 0.8125rem;
}

#menu-button:hover .bar3 {
    width: 0.8125rem;
    -webkit-transform: rotate(45deg) translate3d(-0.125rem, -0.125rem, 0);
    transform: rotate(45deg) translate3d(-0.125rem, -0.125rem, 0);
}

.main-header {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: background .3s;
    transition: background .3s;
    max-width: 100vw;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.6); 
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.6);
}

.main-header.stuck {
    position: fixed;
    top: 0;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.15);
    width: 100%;
}

.header-menu,
.header-menu ul,
.header-menu ul li,
.header-menu ul li a,
.header-menu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}

.header-menu #menu-button {
    display: none;
}

.header-menu>ul ul {
    text-align: left;
    z-index: 99999;
}

.header-menu {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    text-align: center;
}

.header-menu>ul>li {
    display: inline-block;
}

.header-menu>ul>li.has-sub:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2em;
    bottom: -2em;
    cursor: pointer;
    left: 0;
}

.header-menu>ul>li {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.header-menu>ul>li:first-child {
    padding-left: 0;
}

.header-menu>ul>li:last-child {
    padding-right: 0;
}

.header-menu>ul>li>a {
    padding: 2.1875rem 0 2.1875rem;
    font-size: 1rem;
    color: #333333;
    text-transform: capitalize;
}

.header-menu>ul>li:hover>a,
.header-menu>ul>li.active>a {
    color: #333333;
}

.header-menu>ul>li>a>i {
    font-size: 0.75rem;
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 3.9375rem;
}

.header-menu ul ul {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}

.header-menu>ul>li>ul {
    background: #fff;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
    -webkit-transition: top .2s ease, opacity .2s ease;
    -webkit-transition: left .2s ease, opacity .2s ease;
    transition: left .2s ease, opacity .2s ease;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform: translate3d(-0.625rem, 0, 0);
    transform: translate3d(-0.625rem, 0, 0);
    top: 5.375rem;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}

.header-menu>ul>li:hover>ul {
    -webkit-transform: translate3d(0rem, 0, 0);
    transform: translate3d(0rem, 0, 0);
    top: 5.375rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header-menu.align-right>ul>li:hover>ul {
    right: 0;
}

.header-menu ul ul ul {
    top: 2rem;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.header-menu ul ul ul:after {
    content: "";
    position: absolute;
    left: -0.625rem;
    top: 0;
    width: 0.625rem;
    height: 100%;
    z-index: -1;
}

.header-menu ul ul ul li {
    background: #fff;
}

.header-menu ul ul>li:hover>ul {
    top: 0;
    left: 11.25rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header-menu.align-right ul ul>li:hover>ul {
    left: auto;
    right: 11.125rem;
    padding-left: 0;
    padding-right: 0.625rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header-menu ul ul li a {
    width: 13.125rem;
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25;
    position: relative;
    background: #ffffff;
    -webkit-transition: all .2s;
    transition: all .2s;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
}

.header-menu ul ul li a i {
    position: absolute;
    right: 0.9375rem;
    top: 1rem;
    font-size: 0.625rem;
}

.header-menu ul ul li:hover>a,
.header-menu ul ul li>a:hover,
.header-menu ul ul li.active>a {
    color: #333333;
    padding-left:1.5625rem;
}

.header-menu ul ul li:hover>a:before,
.header-menu ul ul li>a:hover:before,
.header-menu ul ul li.active>a:before {
    left: 0.9375rem;
}

.header-menu ul ul li a:before .main-header.sticky .header-menu ul ul li:hover>a,
.main-header.sticky .header-menu ul ul li>a:hover,
.main-header.sticky .header-menu ul ul li.active>a {
    color: #53e1ff;
}

.header-menu>ul {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.header-menu>ul>li:last-child {
    margin-right: 0;
}

.header-menu>ul>li>a:after {
    content: "";
    position: absolute;
    height: 0.3125rem;
    width: 0.9375rem;
    background: #333333;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 73%;
}

.header-menu ul ul ul,
.header-menu ul ul {
    padding: 0.5rem 0;
    background: #fff;
}

.header-menu>ul>li:hover>a:after,
.header-menu>ul>li.active>a:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header-menu ul ul li a:before {
    content: "";
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    left: 0.625rem;
    background: #fff;
    top: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
}

.header-menu ul ul li a:hover:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333;
}

.header-menu>ul>li>ul .has-sub-item {
    position: relative;
}

.header-menu>ul>li.has-sub-item:after,
.header-menu>ul>li.has-sub-item:before,
.header-menu>ul>li.has-sub-item ul li.has-sub-item:before,
.header-menu>ul>li.has-sub-item ul li.has-sub-item:after {
    content: '';
    right: 0.125rem;
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    color: #000;
    transform: translateY(-40%);
    height: 0.0625rem;
    width: 0.4375rem;
    background: #000;
}

.header-menu>ul>li.has-sub-item ul li.has-sub-item:before,
.header-menu>ul>li.has-sub-item ul li.has-sub-item:after {
    right: 0.625rem;
    top: 49.5%;
}

.header-menu>ul>li.has-sub-item:before,
.header-menu>ul>li.has-sub-item ul li.has-sub-item:before {
    transform: rotate(90deg);
    z-index: 1;
    top: 49.5%;
    transition: .3s all linear;
}

.header-menu>ul>li.has-sub-item:hover:before,
.header-menu>ul>li.has-sub-item ul li.has-sub-item:hover:before {
    transform: rotate(0deg);
    z-index: 1;
    top: 50%;
}

.main-header.sticky {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 100%;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, .5);
}

.main-header.stuck {
    background: #1c1967;
    position: fixed;
    width: 100%;
    -webkit-animation: fadeInDown 1s linear;
    animation: fadeInDown 1s linear;
}

.menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.signup--out-btn {
    margin-left: 1rem;
}

.main-header .header-menu ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:before {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:hover:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.main-header .header-menu ul ul ul li.active a:before {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #333333;
}

.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li.has-sub-item a:before {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.nav-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo .sticky-logo {
    display: none;
}

.logo .sticky-logo {
    display: none;
}

.main-header .logo .default-logo {
    width: 100%;
    max-width: 11.25rem;
}

.main-header.sticky .logo .default-logo {
    display: none;
}

.main-header.sticky .logo .sticky-logo {
    display: block;
    width: 100%;
    max-width: 11.25rem;
}

/* .main-header-wraper {
    padding: 0 3.125rem;
} */
.modal-menu-container ul {
    display: inline-flex;
    align-items: center;
}

.modal-menu-container ul li {
    padding-right: 1.25rem;
    vertical-align: middle;

}

.modal-menu-container {
    text-align: right;
}

.header-menu ul ul ul {
    left: 13.125rem;
}

.header-menu ul ul>li:hover>ul {
    top: 0rem;
    left: 13.125rem;
}

/*2.2: header menu home page 2*/
.offcanvas.header-offcanvas2.show {
    width: 21.875rem;
    padding-top: 7.5rem;
}

.header-offcanvas2 .submenu-button:before {
    content: '';
    position: absolute;
    right: 1.4063rem;
    top: 1.125rem;
    display: block;
    width: 0;
    height: 0;
    border: 0.25rem solid transparent;
    border-top-color: #333;
    z-index: 99;
}

.header-offcanvas2 .submenu-button {
    position: absolute;
    right: 0;
    display: block;
    width: 3.125rem;
    height: 2.5rem;
    z-index: 10;
    cursor: pointer;
}

.header-offcanvas2 .submenu-button:before {
    content: '';
    position: absolute;
    right: 1.4063rem;
    top: 1.125rem;
    display: block;
    width: 0;
    height: 0;
    border: 0.25rem solid transparent;
    border-top-color: #333;
    z-index: 99;
}

.header-offcanvas2 ul.show {
    display: block;
}

.header-offcanvas2 ul li ul {
    padding-left: 0.9375rem;
}

.header-offcanvas2 ul li ul {
    display: none;
}

.header-offcanvas2.offcanvas .show {
    width: 18.75rem;
    padding-top: 5.625rem;
}

.header-offcanvas2 .offcanvas-cancel {
    position: absolute;
    right: 2.1875rem;
    top: 2.1875rem;
}

.header-offcanvas2 ul li,
.header-offcanvas2 ul li a,
.header-offcanvas2 ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}

.header-offcanvas2 ul li a {
    padding: 0.75rem 0.9375rem !important;
    color: #333;
    text-transform: capitalize;
}

.header-style2 .header-menu #menu-button {
    display: block;
    font-size: 1.625rem;
    color: #333333;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}

.header-style2 .header-menu {
    text-align: right;
}

.header-offcanvas2 ul ul li.active a {
    color: #333333;
}

.header-offcanvas2 ul ul li a {
    padding-left: 1.875rem !important;
    width: auto;
    color: #777777;
}

.menu-search-inner button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-search-inner {
    position: relative;
}

.main-header-wraper.header-style2 {
    padding: 1.25rem 3.125rem;
}

.modal-menu-container ul li:last-child {
    padding-right: 0;
}

.main-menu-btn #menu-button i {
    font-size:1.5625rem;
}

.menu-search-inner .theme-input-style {
    font-size: 0.875rem;
}

.menu-search-inner .theme-input-style::-webkit-input-placeholder {
    color: #999999 !important;
}

.menu-search-inner .theme-input-style::-moz-placeholder {
    color: #999999 !important;
}

.menu-search-inner .theme-input-style:-ms-input-placeholder {
    color: #999999 !important;
}

.menu-search-inner .theme-input-style::placeholder {
    color: #999999 !important;
}

.modal-menu-container ul li:hover .cls-1 {
    fill: var(--color-hover01) !important;
}

.submenu-opened.submenu-button:before {
    border-bottom-color: var(--color-hover01);
    border-top-color: transparent;
}

/*2.3: header menu home page 3*/

.header-style3.main-header.sticky .logo .sticky-logo {
    display: block;
    margin: 0 auto;
}

.header-style3 {
    margin: 0 auto;
}

.header-style3 .catagory-menu-left ul li {

    margin-right: 1.25rem;
}

.catagory-menu-left ul {
    display: inline-flex;
    align-items: center;
}

.main-menu-btn {
    padding-top: 0.125rem;
}

.header-style3 .catagory-menu-left {
    padding: 1.4375rem 0rem;
}

/*2:4 sticky social area*/
.sticky-social-area {
    position: fixed;
    right: 2.5rem;
    top: 50%;
    z-index: 10;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.sticky-social-area ul li:not(:last-child) {
    padding-bottom: 0.5rem;
}

.sticky-social-area ul li a {
    font-size: 0.75rem;
    font-weight: 600;
    color: #333333;
}

.sticky-social-area ul li a:hover {
    color: var(--color-hover01);
}

.sticky-social-area ul li span {
    margin-right: 0.625rem;
    font-size: 0.875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    left: 0;
    top: 0.125rem;
}

.sticky-social-area ul li {
    padding-left:1.5625rem;
    position: relative;
}

.sticky-social-area ul li a:hover span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.sticky-social-area.sticky {
    top: 25%;
}

/*2.5: header menu home page 4*/
.relative-header.main-header {
    position: relative;
    background: #fff;
    width: 100%;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    box-shadow: 0 0 0.625rem rgba(0, 0, 0, .15);

}

.relative-header.main-header.sticky {
    position: fixed;
}

.modal-menu-container ul li .cls-1 {
    fill: #333 !important;
}

/*=================================================
    03: Page Title
=================================================*/

.main-header.inner-page-header.sticky {
    position: fixed;
}

.page-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -0.5625rem;
}

.page-title-heading h1.h2 {
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 0;
    z-index: 6;
    position: relative;
}

.page-title-heading h1.h2 span {
    font-weight: 700;
    color: #333333;
    font-size: 3.75rem;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-26%);
    transform: translateY(-26%);
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    left: 68%;
    white-space: nowrap;
}

.page-title-heading {
    display: inline-block;
    position: relative;
}

.page-title-inner {
    padding: 11rem 0 5rem;
}

.main-header.inner-page-header {
    background: #fff;
}

.page-title-wrap ul li {
    display: inline-block;
    position: relative;
    padding-left: 0.625rem;
}

.page-title-wrap ul li a:hover {
    color: #333;
}

.page-title-wrap ul li a {
    color: #999999;
    text-transform: capitalize;
    font-size: 0.875rem;
    transition: .3s all linear;
}

.page-title-wrap ul li:first-child {
    padding-left: 0;
}

.page-title-wrap ul li+li:before {
    content: '';
    position: absolute;
    height: 0.125rem;
    width: 0.125rem;
    top: 66%;
    background: #333333;
    left: 0.1875rem;
    border-radius: 50%;
}

.page-title-wrap ul li.active a {
    color: #333333;
}

/*=============================================
    04: Banner
==============================================*/
/*4.1: main banner 01*/

.banner-slider2 .banner-image,
.banner-slider2 .single-slider-text h1,
.banner-slider2 .single-slider-text h3,
.single-slider-text a,
.banner-slider3 .single-slider-text span,
.banner-slider3 .single-slider-text h1,
.banner-carousel1 .banner-image,
.banner-carousel1 .single-slider-text h1,
.banner-carousel1 .single-slider-text span,
.banner-carousel1 .single-slider-text p,
.banner-carousel1 .single-slider-text a {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.banner-slider2 .active .single-slider-text a,
.banner-slider2 .active .single-slider-text h1,
.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text a,
.banner-slider3 .active .single-slider-text span,
.banner-slider3 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text span {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.banner-slider2 .active .single-slider-text h1,
.banner-slider3 .active .single-slider-text h1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text span {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.banner-slider2 .active .banner-image,
.banner-carousel1 .active .single-slider-text p {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.banner-carousel1 .active .single-slider-text a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.banner-carousel1 .active .banner-image {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.banner-carousel1 .active .single-slider-text span a {
    color: #555555;
}

.single-slider-text a:hover {
    color: #fff;
}

.active .dress-poiner {
    z-index: 12;
}

.active .banner-image {
    z-index: 11;
}

.dress-poiner {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.active .dress-poiner {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner-carousel1 .single-slider-text span {
    margin-bottom: 0;
    display: block;
}

.banner-carousel1 .single-slider-text h1 {
    font-weight: 700;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
}

.bordertext {
    color: #000 !important;
    text-shadow: rgb(255, 255, 255) 0.0625rem 0rem 0rem, rgb(255, 255, 255) 0.0338rem 0.0526rem 0rem, rgb(255, 255, 255) -0.026rem 0.0568rem 0rem, rgb(255, 255, 255) -0.0619rem 0.0088rem 0rem, rgb(255, 255, 255) -0.0409rem -0.0473rem 0rem, rgb(255, 255, 255) 0.0177rem -0.0599rem 0rem, rgb(255, 255, 255) 0.06rem -0.0175rem 0rem;
}

.bordertext2 {
    color: #fff !important;
    text-shadow: #000 0.0625rem 0 0.3125rem, #000 0.0625rem 0 0.375rem, #000 0.0625rem 0 0.4375rem, #000 0.0625rem 0 0.5rem;
}

.oneline {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

a.elm_tags {
    background-color: #000;
    border-radius: 1.4286rem;
    padding: 0.4286rem 0.625rem;
    color: #fff !important;
}

.banner-carousel1 .single-slider-wrap {
    padding-top: 11.875rem;
    padding-bottom: 16.25rem;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh;
    position: relative;
    z-index: 1;
}

.banner-carousel1 .single-slider-wrap::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: blur(0.3125rem);
    z-index: -1;
}

.banner-carousel3 .owl-dots,
.banner-carousel1 .owl-dots {
    counter-reset: dots;
    position: absolute;
    bottom: 3.125rem;
    right: 15%;
}

.banner-carousel1 .owl-dot{
    height: 1rem;
    width: 1.25rem;
    position: relative;
    z-index: 1;
}

.banner-carousel3 .owl-dot:before,
.banner-carousel1 .owl-dot:before {
    counter-increment: dots;
    content: "";
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    text-shadow: rgb(255, 255, 255) 0.0625rem 0rem 0rem, rgb(255, 255, 255) 0.0338rem 0.0526rem 0rem, rgb(255, 255, 255) -0.026rem 0.0568rem 0rem, rgb(255, 255, 255) -0.0619rem 0.0088rem 0rem, rgb(255, 255, 255) -0.0409rem -0.0473rem 0rem, rgb(255, 255, 255) 0.0177rem -0.0599rem 0rem, rgb(255, 255, 255) 0.06rem -0.0175rem 0rem;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 100%;
}

.banner-carousel3 .owl-dot:before,
.banner-carousel1 .owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    font-weight: 700;
    font-size: 1rem;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0rem;
    width: 100%;
    opacity: 0;
}

.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
    opacity: 1;
}

.banner-carousel3 .owl-dot,
.banner-carousel1 .owl-dot {
    margin-right: 0.625rem;
    position: relative;
    cursor: pointer;
}

/* .banner-carousel3 .owl-dot.active:after,
.banner-carousel1 .owl-dot.active:after {
    display: none;
} */

/* .banner-carousel3 .owl-dot.active,
.banner-carousel1 .owl-dot.active {
    margin-right: 0.6875rem;
} */

.banner-carousel3 .owl-dot:after,
.banner-carousel1 .owl-dot:after {
    position: absolute;
    background: #000;
    outline: 0.0625rem solid #fff;
    content: "";
    width: 1.25rem;
    height: 0.125rem;
    bottom: 0;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    cursor: pointer;
}

.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
    counter-increment: dots;
    content: counter(dots);
}

.banner-carousel1 .single-slider-text {
    margin-top: 10rem;
}

.banner-carousel1 .single-slider-text .all_tag{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.banner-image img {
    position: absolute !important;
    top: 0;
}

.banner-image {
    position: relative;
}

.dress-poiner.smart.poiner4 .pointer-details,
.dress-poiner.trandy.poiner3 .pointer-details,
.trandy.poiner4 .pointer-details {
    -webkit-transform-origin: right;
    transform-origin: right;
}

/*4.02: main banner home2
===============================*/
/*banner text*/
.banner-slider2 .single-slider-text a {
    z-index: 20;
}

.banner-slider2 .single-slider-wrap-inner {
    height: 53.75rem !important;
}

.height-100 {
    height: 100%;
}

.height-100vh {
    height: 100vh
}

.banner-slider2 .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -6.25rem;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.banner-slider2 .banner-image.men-3,
.banner-slider2 .banner-image.men-2 {
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.banner-slider2 .single-slider-text {
    margin-top: 7.8125rem;
}

.banner-slider2 button.owl-prev {
    left: 3.125rem;
}

.banner-slider2 button.owl-next {
    right: 3.125rem;
}

.banner-carousel2 button.owl-prev,
.banner-carousel2 button.owl-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    font-weight: 700 !important;
    color: #333333 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.banner-slider2 button.owl-next {
    left: auto;
    right: 3.125rem;
}

.banner-slider2 .single-slider-wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-slider2 .single-slider-text h3 {
    font-weight: 700;
    color: #543d2c;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-left: -3.75rem;
}

.banner-slider2 .single-slider-text h1 {
    font-weight: 700;
    color: #543d2c;
    margin-bottom: 0.9375rem;
    text-transform: uppercase;
    font-size: 8.75rem;
    line-height: 1;
}

.slide2 .single-slider-text h3 {
    color: #222222;
}

.slide2 .single-slider-text h1 {
    color: #222222;
}

.slide3 .single-slider-text h3 {
    color: #1e2561;
}

.slide3 .single-slider-text h1 {
    color: #1e2561;
}

.banner-slider2 .banner-image img {
    position: relative;
    width: inherit !important;
}

.dress-poiner.smart.poiner4 .pointer-details {
    left: -18.3125rem;
}

.single-slider-wrap-inner:before {
    position: absolute;
    content: "";
    background: #fffce3;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 111;
}

.banner-slider2 .active .single-slider-wrap-inner:before {
    display: none;
}

.banner-slider2 .single-slider-wrap-inner {
    position: relative;
}

/* 4:3 dress pointer home banner2 */
.dress-poiner>span {
    width:1.5625rem;
    height:1.5625rem;
    display: block;
    background: #ff0000;
    text-align: center;
    line-height: 1.2813rem;
    border-radius: 50%;
    cursor: pointer;
}

.dress-poiner>span i {
    font-size: 0.75rem;
    color: #ffdd9e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.dress-poiner:hover span i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dress-poiner:hover .pointer-details {
    visibility: visible;
    -webkit-transform: scale(1) rotateX(0deg);
    transform: scale(1) rotateX(0deg);
}

.dress-poiner {
    position: absolute;
}

.dress-poiner>span:before {
    height: 100%;
    width: 100%;
    background: #ff0000;
    content: "";
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    transition: .3s all linear;
}

.pointer-details {
    width: 17.125rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    background: #fff5e5;
    position: absolute;
    top: -2.375rem;
    left: 2.8125rem;
    -webkit-transform: scale(0) rotateX(90deg);
    transform: scale(0) rotateX(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    visibility: hidden;
    -webkit-transition: .3s all cubic-bezier(1, 0.02, 1, 1);
    transition: .3s all cubic-bezier(1, 0.02, 1, 1);
}

.pointer-details p {
    margin-bottom: 0;
    font-weight: 700;
    color: #333;
}

.pointer-details .pointer-image {
    margin-right: 1.3125rem;
}

.pointer-body h6 {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    color: #333333;
}

.pointer-body p span {
    display: inline-block;
    margin-left: 1.3125rem;
}

.dress-poiner:hover {
    -webkit-animation: none;
    animation: none;
}

.dress-poiner span:before {
    -webkit-animation: zoom .3s linear infinite alternate;
    animation: zoom .3s linear infinite alternate;
}

.dress-poiner:hover span:before {
    animation: none;
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

/*4:4 pointer position */
.dress-poiner.trandy.poiner2 {
    top: 89%;
    right: 26%;
}

.dress-poiner.poiner1 {
    top: 51%;
    right: 25%;
}

.trandy.poiner3 .pointer-details {
    left: -18.25rem;
}

.dress-poiner.trandy.poiner4 {
    top: 26%;
    right: 3%;
}

.trandy.poiner4 .pointer-details {
    left: -18.125rem;
}

.dress-poiner.trandy.poiner3 {
    top: 72%;
    right: 0.1875rem;
}

.dress-poiner.trandy.poiner1 {
    top: 51%;
    right: 28%;
}

.dress-poiner.smart.poiner2 {
    top: 39%;
    left: 59%;
}

.dress-poiner.smart.poiner3 {
    top: 85%;
    left: 30%;
}

.dress-poiner.smart.poiner4 {
    top: 92%;
    right: 18%;
}

.dress-poiner.smart.poiner1 {
    top: 51%;
    right: 25%;
}

.categores-link-wrap ul li {
    display: inline-block;
    padding-right: 1.25rem;
}

.categores-link-wrap ul {
    padding: 0;
    list-style: none;
}

.categores-link-wra {
    position: absolute;
    bottom: 0;
}

.categores-link-wrap {
    position: absolute;
    bottom: 0.5625rem;
    left: -25%;
}

.categores-link-wrap ul li a {
    font-size: 0.875rem;
    color: #777777;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 11;
    position: relative;
}

.categores-link-wrap ul li a:hover {
    color: #222222;
}

.dress-poiner.trandy.poiner2 {
    top: 89%;
    right: 33%;
}

/* 4.05: main banner home3
====================================*/
.banner-slider3 .banner-image img {
    position: relative !important;
    width: inherit !important;
}

.banner-slider3 .image-caption {
    position: absolute;
    top: 11.25rem;
    left: 18.75rem;
    z-index: 11;
}

.banner-slider3 .image-caption h6 {
    font-weight: 700;
    color: var(--color-hover01);
}

.banner-slider3 .image-caption h5 {
    font-weight: 700;
}

.banner-slider3 .single-slider-text h1 {
    font-weight: 700;
    line-height: 1;
    margin-bottom:1.5625rem;
}

.banner-slider3 .banner-image:before {
    height: 21.875rem;
    width: 21.875rem;
    position: absolute;
    content: "";
    background: #fff;
    border-radius: 50%;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    top: 9.125rem;
    left: 5.75rem;
}

.banner-slider3 .single-slider-text span {
    margin-bottom: 0.625rem;
    display: block;
    font-size: 0.875rem;
}

.banner-slider3 .single-slider-wrap {
    padding: 4.375rem 0;
}

.banner-slider3 .dress-image img {
    width: inherit !important;
}

.dress-details ul li h6 {
    font-weight: 700;
    margin-bottom: 0;
}

.dress-details ul li h6 span {
    display: block;
}

.dress-image {
    margin-bottom: 0.9375rem;
}

.dress-details ul li {
    display: inline-block;
    margin-right: 1.0625rem;
}

.dress-details {
    position: absolute;
    bottom:  -1.875rem;
    right: -9.375rem;
}

.banner-slider3 .right-content .image-caption {
    top: 11.875rem;
    left: 6.875rem;
    text-align: right;
    z-index: 11;
}

.banner-slider3 .right-content .banner-image:before {
    top: 8.375rem;
    left: -4.375rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.right-content .dress-details {
    bottom:  -1.875rem;
    left: -6.25rem;
}

.right-content .banner-image {
    float: right;
}

/*4.6: main banner home 4
============================================*/
.banner-carousel4 .banner-image img {
    position: relative !important;
}

.banner-carousel4 .single-slider-wrap {
    width: 20rem;
    position: relative;
}

.banner-carousel4 .banner-hover-text h2 {
    font-weight: 700;
    line-height: 1;
}

.banner-carousel4 .banner-hover-layer {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, .80);
    height: 100%;
    -webkit-transition: all .40s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    visibility: visible;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 20;
}

.banner-carousel4 .single-slider-wrap:hover .banner-hover-layer {
    top: 0;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-animation: bounce2 1s linear;
    animation: bounce2 1s linear;
}

@-webkit-keyframes bounce2 {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -6.25rem, 0);
        transform: translate3d(0, -6.25rem, 0);
    }

    70% {
        -webkit-transform: translate3d(0, -3.125rem, 0);
        transform: translate3d(0, -3.125rem, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -0.625rem, 0);
        transform: translate3d(0, -1.25rem, 0);
    }
}

@keyframes bounce2 {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-transform: translate3d(0, -6.25rem, 0);
        transform: translate3d(0, -6.25rem, 0);
    }

    70% {
        -webkit-transform: translate3d(0, -3.125rem, 0);
        transform: translate3d(0, -3.125rem, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -0.625rem, 0);
        transform: translate3d(0, -1.25rem, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.banner-hover-text-wrap {
    position: absolute;
    bottom: 4.375rem;
    left: 3.125rem;
}

.catagory-button span {
    display: inline-block;
    cursor: pointer;
}

.catagory-button span.down-arro {
    transition: .3s all linear;
}

.catagory-button span.down-arro:hover {
    transform: rotate(180deg);
}

.catagory-button {
    margin-top: 2.0625rem;
}

.catagory-button span path#Collaps_button,
.catagory-button span path#Catagory_button {
    fill: #000000;
}

.catagory-button .up-arro {
    display: none;
}

.hover-catagory-menu ul li a:hover {
    color: #333;
    margin-left: 0.25rem;
}

.hover-catagory-menu ul li a {
    color: #555555;
    transition: .3s all linear;
}

.hover-catagory-menu ul li {
    padding-bottom: 0.8125rem;
}

.hover-catagory-menu {
    display: none;
    margin-bottom: 2.0625rem;
    margin-top: 2.0625rem;
}

.banner-carousel4.owl-carousel .owl-item img {
    display: block;
    width: inherit;
}

/*4.07: main banner home 5
============================================*/

/*====================================================
    05: Modal Window
====================================================*/

.modal-window-close {
    position: relative;
    margin-top: 3.125rem;
    height: 2.8125rem;
    width: 2.8125rem;
    line-height: 2.3125rem;
    margin: 3.125rem auto 0;
    border: 0.125rem solid #333333;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    z-index: 100;
    padding-left: 0.125rem;
}

.modal-window-close svg .cls-1 {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.modal-window-close:hover.modal-window-close svg .cls-1 {
    fill: #ff0000;
}

.modal-window-close:hover {
    border-color: #ff0000;
}

.modal-window-inner h2 {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 2.3125rem;
}

.modal-window-inner h4 {
    color: #ff5400;
    font-weight: 700;
    margin-bottom: 0;
}

.modal-window-inner h2.h1 {
    font-weight: 700;
    font-size: 7.5rem;
    color: #ff5400;
    line-height: 6.875rem;
    display: inline-block;
}

.modal-window-inner span {
    font-weight: 700;
    display: inline-block;
    font-size: 1.875rem;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ff5400;
}

.modal-window-inner p {
    color: #999999;
    font-size: 0.875rem;
    margin-bottom: 2.8125rem;
}

.modal-subscribe {
    position: relative;
}

.modal-subscribe button[type=submit] {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.modal-subscribe button[type=submit]:hover {
    -webkit-transform: translate(0.625rem, -50%);
    transform: translate(0.625rem, -50%);
}

.modal-window-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    background: rgba(0, 0, 0, .50);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow-y: auto;
    z-index: 9999;
    visibility: hidden;
    -webkit-transition: all .7s linear;
    transition: all .7s linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.modal-window-container.window-show .modal-window-overlay {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.modal-window-content:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url('../img/pattern.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-window-content {
    width: 31.25rem;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 3.75rem;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 100000;
    position: fixed;
    top: 0;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(.7);
    transform: translateX(-50%) scale(.7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    box-shadow: 0 -0.625rem 1.875rem rgba(0, 0, 0, .3);
    background: #fff !important;
}

.modal-window-container.window-show .modal-window-content {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1000000;
    visibility: visible;
}

.modal-window-open {
    overflow: hidden;
}

.quick-view-content-inner .product-details-inner {
    padding: 1.875rem 1.875rem 1.875rem 0rem;
}

.quick-view-content-inner .product-details-inner .product-description p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    line-height: 1.625rem;
}

.quick-view-content-inner .list-product-group {
    margin-bottom: 0.5rem;
    user-select: none;
}

.quick-view-content-inner .product-details-btns>* {
    display: inline-block;
    padding-right: 0.625rem;
}

.quick-view-content-inner .more-details-button {
    margin-top: 1rem;
}

.quick-view-content-inner .item-product-meta-info {
    margin: 1.5rem 0 0rem;
}

.quick-view-content-inner .list-product-group ul .group {
    width: 100%;
    padding-bottom: 1.25rem;
}

/*===============================================
    06: Quick view modal container
===============================================*/
.quick-view-content .wish-btn a span {
    margin-right: 0;
}

.quick-view-content-inner .list-product-group ul .group .list-heading {
    margin-right: 0.5rem;
}

.quick-view-content-wrap {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: 10000;
}

.quick-view-content .modal-window-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    margin-top: 0;
    text-align: center;
}

.quick-view-content-inner {
    background: #fff;
    box-shadow: 0rem 0rem 1.875rem rgba(0, 0, 0, .2);
}

.modal-quickview-container .wish-btn a span {
    margin-right: 0;
}


.quick-product-thumbs {
    width: 14.375rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.25rem;
}

.quick-product-thumbs .swiper-slide-active {
    border: 0.0625rem solid #333333;
}

.modal-quickview-container.show .modal-window-overlay {
    visibility: visible;
    opacity: 1;
}

.more-details-button {
    margin-top: 1rem;
}

.more-details-button a {
    font-size: 0.875rem;
}

.modal-quickview-container.show .quick-view-content-wrap {
    opacity: 1;
    visibility: visible;
}

.quick-view-content-wrap {
    opacity: 0;
    visibility: hidden;
    z-index: 10000;
    position: fixed;
    min-height: calc(100% - (0.5rem * 2));
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.quick-view-content {
    width: 57.5rem;
    margin: 0 auto;
    z-index: 10000;
    position: relative;
    left: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    top: 3.125rem;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    margin-bottom:1.5625rem;
}

.modal-quickview-container.show .quick-view-content {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-details-inner .product-title h2 {
    font-weight: 700;
}

.product-details-inner .product-title h2 a {
    color: #333333;
}

/* 6:1 modal add to cart */

.wish-notifacition-inner .wish-noti-image,
.add-notifacition-inner .add-noti-image {
    width: 5rem;
    height: 5rem;
    margin-right: 1.25rem;
}

.wish-notifacition-inner,
.add-notifacition-inner {
    width: 31.25rem;
    background: #fff;
    padding: 0.625rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, .1);
}

.add-notifacition-inner p {
    margin-bottom: 0;
    color: #2bc900;
}

.wish-notifacition-inner p {
    margin-bottom: 0;
    color: #0c5460
}

.modal-wish-notifacition,
.modal-add-notifacition {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.wish-notifacition-inner span,
.add-notifacition-inner span {
    font-size: 0.875rem;
    color: #333333;
}

.quick-view-content .list-product-group ul li .size-list li .product-size {
    border-color: #777;
    transition: .3s all linear;
}

.quick-view-content .list-product-group ul li .size-list li .product-size:hover {
    background: #333;
    color: #fff !important;
    border-color: #333;
}

.quick-view-content .list-product-group ul li .size-list li .product-size.active {
    border-color: #333;
}

/* ==============================================
    07: Side nave
==============================================*/

.slidenav {
    transition: .6s all linear;
    -moz-transition-delay: .35s;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: top;
    z-index: 100000;
    top: -100%;
    left: auto;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: transparent;
    overflow-y: scroll;
    overflow-x: hidden;

}

.slidenav.active {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    top: 0%;
    background-color: rgba(255, 255, 255, .98);
}

.catagory-menu-wrap ul li ul {
    padding-left: 0;
}

.catagory-menu-wrap ul.list-unstyled {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.catagory-menu-wrap ul li {
    list-style: none;
}

.catagory-menu-wrap ul>li {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 33%;
    position: relative;
}

.catagory-menu-wrap ul.list-unstyled>li{
    align-items: flex-start;
}

.catagory-menu-wrap ul.list-unstyled>li>ul{
    padding: 0 1rem;
    border-right: 0.0625rem solid #ccc;
    height: 100%;
    width: 100%;
}

.catagory-menu-wrap ul.list-unstyled>li:last-child>ul{
    border-right: none;
}

.catagory-menu-wrap ul li ul li {
    display: block;
    width: 100%;
    line-height: 1.4;
}

.catagory-menu-wrap>ul>li>ul {
    -webkit-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}

.catagory-menu-wrap ul li a {
    font-size: 1.125rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-shadow: rgb(255, 255, 255) 0.0625rem 0rem 0rem, rgb(255, 255, 255) 0.0338rem 0.0526rem 0rem, rgb(255, 255, 255) -0.026rem 0.0568rem 0rem, rgb(255, 255, 255) -0.0619rem 0.0088rem 0rem, rgb(255, 255, 255) -0.0409rem -0.0473rem 0rem, rgb(255, 255, 255) 0.0177rem -0.0599rem 0rem, rgb(255, 255, 255) 0.06rem -0.0175rem 0rem;
    width: 100%;
}

.catagory-menu-wrap ul li ul li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.catagory-menu-wrap ul li ul li a:hover {
    color: #333333;
}

.catagory-menu-wrap ul li ul li {
    padding-bottom: 0.6875rem;
    padding-right: 0.625rem;
}

.search-bar {
    margin-bottom: 6.75rem;
}

.menu-cancel {
    height: 3.125rem;
    width: 3.125rem;
    text-align: center;
    line-height: 2.75rem;
    border: 0.125rem solid #333333;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-cancel:hover:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.menu-cancel:hover svg path#icon {
    fill: #ff0000;
}

.menu-cancel svg path#icon {
    fill: #333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.menu-cancel:hover {
    border-color: #ff0000;
}

.catagory-menu-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 4.6875rem;
}

.catagory-menu-header .logo .default-logo{
    width: 12.5rem;
    height: auto;
}

.search-bar .search-icon {
    font-family: Fontawesome;
    border: none;
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 2.4375rem;
    width: 2.5rem;
    text-align: center;
    right: 0rem;
    background: transparent;
}

.catagory-menu-wrap ul li:last-child ul:last-child:before {
    display: none;
}

.catagory-menu-wrap ul>li span {
    width: 100%;
    display: inline-block;
    position: absolute;
    left: -1rem;
    top: -1rem;
    z-index: -1;
    max-width: 1.875rem;
    max-height: 3.75rem;
    opacity: .8;
    /* transform: translateY(-50%); */
}

.catagory-menu-wrap ul>li span svg{
    width: 100%;
    height: auto;
}

.search-menu .search-bar.primary-form input {
    height: 3.125rem;
    font-size: 1.125rem;
}

.search-menu .search-bar .search-icon {
    height: 3.125rem;
    width: 3.125rem;
    font-size: 1.75rem;
    top: 50%;
    right: 0;
}

/*=================================================
    08: offcanvas
===================================================*/
#menu-button i {
    display: none;
}

.offcanvas {
    width: 31.25rem;
    background: #fff;
    top: 0;
    right: -100%;
    position: fixed;
    height: 100%;
    text-align: left;
    padding: 1.875rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    box-shadow: 0.25rem 0rem 1.875rem #333333;
    z-index: 1000000;
    padding-top: 3.125rem;
}

.offcanvas.show {
    right: 0;
    width: 31.25rem;
    overflow: auto;
}

.offcanvas-cancel {
    cursor: pointer;
    display: inline-block;
}

.offcanvas-cancel svg path{
    fill: #000;
}

.offcanvas-inner a {
    display: block;

}

.single-item-right .btn.out-stock-btn,
.single-item-right .btn.addto-cart-btn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    color: #333333;
    font-size: 0.875rem;
}

.single-item-right .btn.out-stock-btn {
    color: #ff0000;
}

.single-item-right .btn.out-stock-btn:before,
.single-item-right .btn.addto-cart-btn:before {
    display: none;
}

.offcanvas-head h3 {
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 3.125rem;
}

.offcanvas-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4.0625rem;
}

.offcanvas-cancel:hover {
    border-color: #ff0000
}

.offcanvas-cancel svg path {
    transition: .3s all linear;
}

.offcanvas-cancel:hover svg path {
    fill: red;
}

.single-item-left img {
    margin-right: 1.875rem;
}

.single-item-details h5 {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.single-item-details p {
    margin-bottom: 0;
}

.single-added-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.25rem;
}

.single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
}

.single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
}

.single-item-right a {
    display: inline-block;
    margin-bottom: 0.8125rem;
}

.single-item-right a:hover path#remove {
    fill: red;
}

.sold-item .single-item-right h6 {
    margin-bottom: 0;
    font-weight: 700;
    color: #ff0000;
}

.offcanvas-head .head-text {
    position: relative;
}

.offcanvas-head .head-text svg {
    position: absolute;
    left: 0.75rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    top: -0.5625rem;
}

.offcanvas-cancel {
    height: 2.8125rem;
    width: 2.8125rem;
    line-height: 1;
    border: 0.125rem solid #000;
    border-radius: 50%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offcanvas-account path#Account_icon {
    opacity: .1;
    fill: #999;
}

.offcanvas:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../assets/img/pattern.png);
    z-index: -1;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.added-cart-list .single-item-right a {
    display: inline-block;
    margin-bottom: 0.8125rem;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all;
    transition: .3s all;
}

.single-added-list:hover .single-item-right a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cart-support ul {
    margin-bottom: 0;
    padding: 1.25rem 2.5rem;
}

.cart-support ul li {
    padding-bottom: 0.8125rem;
    color: #bcbcbc;
}

.cart-support ul li span {
    font-size: 1.125rem;
    margin-right: 1.25rem;
}

.cart-support ul {
    margin-bottom: 0;
    padding: 1.25rem 2.5rem;
}

.cart-support ul li {
    padding-bottom: 0.8125rem;
    padding-left:1.5625rem;
    color: #bcbcbc;
    position: relative;
}

.cart-support ul li span {
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 0.1875rem;
}

.cart-support p {
    margin-bottom: 0;
    display: inline-block;
    padding: 0 0.9375rem;
    color: #333333;
    font-weight: 700;
    margin-left: 1.875rem;
    background: #ffff;
}

.cart-support {
    position: relative;
}

.cart-support:before {
    content: "";
    height: 0.0625rem;
    width: 100%;
    background: #c5c5c5;
    position: absolute;
    top: 0.6875rem;
    z-index: -1;
}

.view-cart-check-btn a {
    display: inline-block;
    background: #333333;
    padding: 0.625rem 4.0625rem !important;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.view-cart-check-btn a:hover {
    color: #333 !important;
}

.view-cart-check-btn a.btn.btn-fill-type:before {
    background: #fff;
}

.view-cart-check-btn {
    margin-top: 6.25rem;
}

.cart-support ul li:last-child {
    padding-bottom: 0;
}

.view-cart-check-btn p {
    margin-top: 1.875rem;
}

.total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 6.25rem;
    border-top: 0.0625rem solid #333333;
}

.total-price h3 {
    margin-top: 0.9375rem;
    margin-bottom: 0;
    font-weight: 700;
    color: var(--color-hover01);
}

.total-price h5 {
    font-weight: 700;
    margin-top: 1.25rem;
}

.cls-1 {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-details-nav .nav,
.category-nav .nav,
.login-register-nav .nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 0.0625rem solid #e7e7e7;
    margin-bottom: 3.125rem;
}

.main-log-regi .login-register-nav .nav {
    margin: 0 5rem 3.125rem 5rem;
}

.login-register-wrap.main-log-regi {
    margin-bottom: 0;
}

.category-nav .nav {
    width: 50%;
    margin: 0 auto 3.125rem;
}

.product-details-nav .nav a,
.category-nav .nav a,
.login-register-nav .nav a {
    padding: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: #999999;
    line-height: 1;
    position: relative;
}

.product-details-nav .nav a.active,
.category-nav .nav a.active,
.login-register-nav .nav a.active {
    color: #333333;
}

.product-details-tab-inner {
    margin-top: 5rem;
}

.product-details-nav .nav a.active:after,
.category-nav .nav a.active:after,
.login-register-nav .nav a.active:after {
    content: "";
    position: absolute;
    height: 0.3125rem;
    width: 0.9375rem;
    background: #333333;
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 96%;
}

.login-register-content {
    padding: 01.5625rem;
}

.login-register-content .primary-form input:not([type=submit]) {
    height: 2.5rem;
    padding: 0 0 0 1.875rem;
    font-size: 0.875rem;
}

.input-field label {
    position: absolute;
    margin-bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-field {
    position: relative;
    margin-bottom: 2.3125rem;
}

.login-register-content input[type="submit"] {
    position: relative;
    border: none;
    cursor: pointer;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0.5rem 0.9375rem;
    background: #333;
    color: #ffff;
    margin-bottom: 1.875rem;
    -webkit-transform: translate(0);
    transform: translate(0);
}

.login-register-content p a {
    display: inline-block;
    text-decoration: underline;
    margin-left: 0.3125rem;
}

.offcanvas-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100003;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: hidden;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    visibility: hidden;
}

.login-register-wrap {
    margin-bottom: 6.25rem;
}

.single-item-right .btn.addto-cart-btn {
    display: block;
    padding: 0;
    margin-bottom: 0;
    color: #333333;
}

.single-item-right .btn.addto-cart-btn:before {
    display: none;
}

.login-register-content button.btn {
    padding: 0.4375rem 1.25rem;
    color: #fff;
    background: #333;
    margin-bottom: 1.875rem;
}

.login-register-content button.btn:before {
    background: #fff;
}

.login-register-content button.btn:hover {
    color: #333;
}

/*================================================
   09: About Us page
================================================*/
/*09:1 about intro*/
.about-us-intro .intro-heading h2 {
    font-weight: 700;
    margin-bottom: 0;
}

.about-us-intro .intro-heading {
    margin-bottom: 1.875rem;
    margin-top: -0.4375rem;
}

.about-us-intro {
    margin-bottom: 4.3125rem;
}

.about-image-inner .about-image.img1 {
    margin-top: 5.875rem;
}

.about-image-inner .about-image.img3 {
    margin-top: -13.375rem;
}

.about-image-inner.type2 {
    margin-bottom: 3.75rem;
}

.about-our-principles-inner h2,
.about-our-mision-inner h2 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 1.75rem;
}


.about-our-principles-inner .principle-list li {
    padding-left: 1.5rem;
    position: relative;
}

.about-our-principles-inner .principle-list li:not(:last-child) {
    padding-bottom: 0.5rem;
}

.about-our-principles-inner .principle-list li:before {
    content: "";
    position: absolute;
    background: #333333;
    height: 0.25rem;
    width: 0.5rem;
    left: 0.1875rem;
    top: 0.75rem;
}

/*09:2 about ceo*/
.about-our-mision-inner p:last-child {
    margin-bottom: 0;
}

.about-our-goal {
    margin-bottom: -0.5rem;
}

.ceo-discription-inner h3 {
    font-weight: 700;
    margin-bottom: 0.3125rem;
    text-transform: capitalize;
}

.ceo-discription-inner h5 {
    margin-bottom: 1.6875rem;
}

.ceo-discription-inner blockquote {
    font-size: 1.25rem;
    font-style: italic;
    color: #333333;
    margin-bottom: 1.25rem;
}

.ceo-discription-inner {
    padding: 0 6.25rem 0 2.5rem;
}

/*9:03 our team*/
.single-team-member .team-member-image {
    margin-bottom: 2.25rem;
}

.single-team-member .team-member-details h4 {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0.125rem;
}

.single-team-member .team-member-details p {
    color: #777777;
}

.member-social-area ul li {
    display: inline-block;
    padding-right: 0.3125rem;

}

.member-social-area ul li a {
    height: 1.875rem;
    width: 1.875rem;
    display: block;
    text-align: center;
    line-height: 1.875rem;
    font-size: 0.8125rem;
}

.member-social-area {
    margin-bottom: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    margin-top:  -1.875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.about-member-body {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-team-member {
    margin-bottom: 3.75rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-team-member:hover {
    margin-bottom: 1.875rem;
}

.single-team-member:hover .member-social-area {
    margin-top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*================================================
    10: Collection section
==================================================*/
.single-colection-inner {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden;
    margin-bottom: 1.875rem;
}

.single-colection-img img {
    width: 100%;
    height: inherit;
}

.single-colection {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(1.875rem, -50%);
    transform: translate(1.875rem, -50%);
}

.single-colection h3 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.single-colection .btn {
    font-size: 0.875rem;
    padding: 0.5rem 1.125rem 0.5rem;
}

.single-colection .btn:hover {
    color: #fff;
}

/*10:2 collection type2*/
.overlay2 {
    position: relative;
}

.overlay2:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255, 239, 189, .90) 0%, rgba(255, 239, 189, .55) 50%, rgba(255, 239, 189, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 239, 189, .90)0%, rgba(255, 239, 189, .55) 50%, rgba(255, 239, 189, 0) 100%);
    background: linear-gradient(to right, rgba(255, 239, 189, .90)0%, rgba(255, 239, 189, .55) 50%, rgba(255, 239, 189, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.overlay3 {
    position: relative;
}

.overlay3:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(236, 255, 212, .90) 0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(236, 255, 212, .90)0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    background: linear-gradient(to right, rgba(236, 255, 212, .90)0%, rgba(236, 255, 212, .55) 50%, rgba(236, 255, 212, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.overlay4 {
    position: relative;
}

.overlay4:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    bottom: 0;
    top: 0;
    left: -50%;
    background: -webkit-linear-gradient(left, rgba(255, 212, 239, .90) 0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 212, 239, .90)0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    background: linear-gradient(to right, rgba(255, 212, 239, .90)0%, rgba(255, 212, 239, .55) 50%, rgba(255, 212, 239, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-colection-inner.type2:hover.overlay2:before,
.single-colection-inner.type2:hover.overlay3:before,
.single-colection-inner.type2:hover.overlay4:before {
    left: 0%;
}

/*===================================================
    11: add section
===================================================*/
.single-add-inner a:hover {
    color: #fff;
}

.single-add-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.875rem;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.single-add-inner.small-img {
    height: 16rem;
}

.single-add-inner.larg-img {
    height: 33.9375rem;
    position: relative;
}

.single-add {
    margin-left: 2.8125rem;
}

.single-add-inner:hover .single-add h3 {
    color: var(--color-hover01);
}

.single-add h3 {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-add p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #777777;
}

.single-add h3 {
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.save .single-add h3 {
    font-weight: 700;
    color: var(--color-hover01);
}

.single-add h3 span {
    display: block;
}

.discount .single-add h2 span {
    font-size: 3.75rem;
    font-weight: 700;
    display: block;
}

.single-add-inner.larg-img .single-add {
    top: 2.8125rem;
    position: absolute;
    left: 2.9375rem;
    margin-left: 0;
}

.single-add-inner.larg-img .single-add h2 {
    font-size: 1.375rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}

.larg-img .single-add p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #333333;
}

.single-add-inner.larg-img.discount a {
    position: absolute;
    left: 3.125rem;
    bottom: 4.375rem;
}

.single-add-inner.larg-img.discount.type2 a,
.single-add-inner.larg-img.type2 .single-add {
    left:1.5625rem;
}

/*==================================================
    12: our partner
==================================================*/
.our-partner_inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.75rem 1.25rem;
}

/*===============================================
    13: Quick service
===============================================*/
.single-quick-service p {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.single-quick-service {
    margin-bottom:1.5625rem;
    position: relative;
}

.single-quick-text {
    margin-left: 1.875rem;
}

.single-quick-text h5 {
    font-weight: 700;
    text-transform: capitalize;
}

.single-quick-service:after {
    position: absolute;
    width: 0.0625rem;
    height: 100%;
    content: "";
    background: #333333;
    right: 0.3125rem;
    top: 0;
}

.quick-service-wrap .col-md-3:last-child .single-quick-service:after,
.quick-service-wrap .col-md-4:last-child .single-quick-service:after {
    display: none;
}

.bdr-top {
    border-top: 0.0625rem solid #f9f9f9;
}

.bdr-btm {
    border-bottom: 0.0625rem solid #f9f9f9;
}

/*===================================================
   14: top sellers
===================================================*/
.single-top-seller {
    margin-bottom: 1.875rem;
    position: relative;
}

.single-top-seller .top-seller-img {
    height: 5rem;
    width: 5rem;
    overflow: hidden;
    position: relative;
    margin-right: 1.875rem;
}

.single-seller-body h5 {
    font-weight: 700;
    text-transform: capitalize;
}

.single-seller-body h5 a {
    clear: #333333
}

.single-seller-body .h5 {
    margin-bottom: 0;
    font-weight: 700;
    color: #777777;
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}

.single-top-seller:hover .single-seller-body .h5 {
    color: var(--color-hover01);
}

/*14:01 top sellers type2*/
.single-top-seller.type2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.type2.single-top-seller .top-seller-img {
    height: 10rem;
    width: 10rem;
}

.single-top-seller.type2 .star-rating {
    margin: 0;
}

.single-top-seller.type2 .product-rating {
    margin-bottom: 0.625rem;
    margin-top: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-top-seller.type2 .single-seller-body h5 {
    font-size: 1.125rem;
    color: #333333;
}

.single-top-seller.type2 .single-seller-body h5 a {
    color: #333333;
}

.type2.discount .single-add h2 span,
.single-add-inner.larg-img.type2 .single-add h2,
.type2.larg-img .single-add p {
    color: var(--color-hover01);
}

/*======================================================
    15: Call to action
======================================================*/
.callto-action-inner h3 {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    text-transform: capitalize;
    transition: .3s all linear;
}

.callto-action-inner h5 {
    line-height: 1;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0.9375rem;
}

.callto-action-inner h5 a.btn {
    padding-top: 0.3125rem;
    text-transform: capitalize;
    font-weight: 700;
}

.callto-action-inner h5 a.btn:hover {
    color: #fff;
}

.callto-action-inner {
    padding: 2.25rem 0rem 2.25rem 3.4375rem;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*================================================
    16: dash add
================================================*/
.dash-add-inner {
    padding: 2.375rem 2.625rem 2.125rem;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.dash-add-inner .dash-add-text h5 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #333333;
    margin-bottom: 0;
}

/*==============================================
   17: Featured area
==============================================*/
/*17:01 section title*/
.section-title h2 {
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.section-title-wrap {
    margin-bottom: 3.75rem;
}

.section-title-wrap .section-title {
    display: inline-block;
    position: relative;
    margin-top: -0.5625rem;
}

.section-title span {
    font-weight: 700;
    color: #333333;
    font-size: 3.75rem;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-26%);
    transform: translateY(-26%);
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    left: -200%;
}

/*17:02 section title type2*/
.section-title-wrap.type2 {
    text-align: center;
}

.type2 .section-title span {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    left: 50% !important;
    top: -1.4375rem;
}

.section-title-wrap.type3 {
    text-align: center;
    margin-top: 1.25rem;
}

.type3 .section-title span {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    left: -6% !important;
    top: -1.9375rem;
}

.featured-item-left {
    width: 50%;
    float: left;
}

.single-feature-inner:hover .featured-item-image .normal-state {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.featured-item-image {
    position: relative;
    overflow: hidden;
}

.featured-item-image .normal-state {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.featured-item-image .hover-state {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    position: absolute;
    top: 0;
    left: 0;
}

.single-feature-inner:hover .featured-item-image .hover-state {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.featured-content p {
    margin-bottom: 0;
    font-size: 0.75rem;
    color: #555555;
}

.single-feature-inner {
    margin-bottom: 4.375rem;
}

.featured-content h3 {
    color: #333333;
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.featured-content h4 {
    color: var(--color-hover01);
    font-weight: 700;
    display: inline-block;
}

.featured-item-image img {
    width: 100%;
}

.featured-content span {
    margin-left: 1.25rem;
    font-weight: 700;
    color: #999999;
    text-decoration: line-through;
}

.wish-list svg #wishlist,
.add-to-btn svg #Add_to_bag_ {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.add-to-btn .wish-list:hover #wishlist,
.add-to-btn .add-to-bag:hover #Add_to_bag_ {
    fill: var(--color-hover01);
}

.feature-long {
    margin-bottom: 1.4375rem;
}

.content-right {
    margin-left: 1.875rem;
}

.text-rev {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.text-rev .content-left {
    margin-left: 6.25rem;
    position: absolute;
    width: 89%;
    top: -3.5rem;
}

.add-to-btn .add-to-bag {
    margin-right: 0.8125rem;
}

.add-to-btn a {
    display: inline-block;
}

.add-to-btn {
    margin-top: 0.1875rem;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-feature-inner:hover .add-to-btn {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*17:03 featured type2*/
.featured-content .single-add {
    margin-left: 0;
    position: absolute;
    bottom: 0;
}

.featured-content.text-right .single-add {
    right: 1.875rem;
    bottom: 1.875rem;
}

.single-featured-inner.type2 {
    position: relative;
    margin-bottom: 1.875rem;
}

.featured-content.text-left .single-add {
    left: 1.875rem;
    bottom: 1.875rem;
}

.featured-content .single-add a {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.featured-content .single-add a:hover {
    color: #fff;
}

.featured-content .single-add {
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-featured-inner.type2:hover .single-add {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
}

.single-featured-inner.type2:hover .single-add h3 {
    color: var(--color-hover01);
}

.single-featured-inner.type2:hover h3 {
    color: var(--color-hover01);
}

.single-featured-inner.type2:hover .single-add a {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*===============================================
    18: New Arrivel
===============================================*/
.star-rating:before {
    content: '\f006\f006\f006\f006\f006';
    color: #999999;
    top: 0;
    left: 0;
    position: absolute;
    font-family: FontAwesome;
    letter-spacing: 0.125rem;
    font-size: 0.75rem;
}

.star-rating span:before {
    content: '\f005\f005\f005\f005';
    top: 0;
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    letter-spacing: 0.125rem;
    color: #ffc600;
    font-size: 0.75rem;
}

.star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
}

.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 0rem;
}

.product-price{
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

.product-price h5 {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 700;
    color: #777777;
}

.product-image .hover-state {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-thumb {
    position: relative;
    overflow: hidden;
    background: rgb(204, 204, 204);
}

.product-title {
    position: absolute;
    bottom: 0.9375rem;
    left: 1.25rem;
}

.single-product .product-title {
    padding-right: 0.625rem;
}

.product-title h4 {
    margin-bottom: 0;
    font-weight: 700;
    color: #333333;
}

.product-title h4 a {
    color: #333333;
}

.product-buttons {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.quick-icon-btn a span:first-child,
.wishlist-icon-btn a span:first-child,
.compare-icon-btn a span:first-child,
.addto-icon-btn a span:first-child {
    height: 2.5rem;
    width: 2.5rem;
    background: #ffffff;
    text-align: center;
    line-height: 2.5rem;
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.quick-icon-btn a span:first-child:hover,
.wishlist-icon-btn a span:first-child:hover,
.compare-icon-btn a span:first-child:hover,
.addto-icon-btn a span:first-child:hover {
    background: #333333;
}

.quick-icon-btn a span:first-child:hover {
    color: #fff;
}

.wishlist-icon-btn a span:first-child:hover path.cls-1,
.compare-icon-btn a span:first-child:hover path.cls-1,
.addto-icon-btn a span:first-child:hover path.cls-1 {
    fill: #fff;
}

.product-icon i {
    font-size: 1.1875rem;
}

.quick-icon-btn a .icon-title,
.wishlist-icon-btn a .icon-title,
.compare-icon-btn a .icon-title,
.addto-icon-btn a .icon-title {
    background: #333333;
    padding: 0.1875rem 0.6875rem;
    color: #fff;
    position: relative;
    -webkit-transform: translate3d(0.625rem, 0, 0);
    transform: translate3d(0.625rem, 0, 0);
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 0.875rem;
}

.quick-icon-btn a .product-icon:hover+span,
.wishlist-icon-btn a .product-icon:hover+span,
.compare-icon-btn a .product-icon:hover+span,
.addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0.3125rem, 0, 0);
    transform: translate3d(0.3125rem, 0, 0);
}

.quick-icon-btn a .icon-title:after,
.wishlist-icon-btn a .icon-title:after,
.compare-icon-btn a .icon-title:after,
.addto-icon-btn a .icon-title:after {
    position: absolute;
    width: 0;
    height: 0;
    border-right: 0.3125rem solid #333333;
    border-top: 0.3125rem solid transparent;
    border-bottom: 0.3125rem solid transparent;
    left: 0;
    content: "";
    top: 50%;
    margin-left: -0.3125rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-buttons>* {
    margin-bottom: 0.125rem;
}

.single-product:hover .product-image .hover-state {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-product:hover .quick-icon-btn,
.single-product:hover .addto-icon-btn,
.single-product:hover .wishlist-icon-btn,
.single-product:hover .compare-icon-btn {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
}

.quick-icon-btn,
.compare-icon-btn,
.wishlist-icon-btn,
.addto-icon-btn {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem);
}

.addto-icon-btn {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.wishlist-icon-btn {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.compare-icon-btn {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.single-product {
    margin-bottom: 2.5rem;
}

.single-product:hover .product-title h4 a {
    color: #555555;
}

.single-product:hover .product-price h5 {
    color: var(--color-hover01);
}

.quick-icon-btn a .product-icon i {
    color: #333;
}

.quick-icon-btn a .product-icon:hover i {
    color: #fff;
}

.product-tag {
    position: absolute;
    right: -2.6875rem;
    top: 50%;
    height: 2.8125rem;
    width: 8.125rem;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%)rotate(-90deg);
    transform: translateY(-50%)rotate(-90deg);
}

.product-tag .tag-text span {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 2.8125rem;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.product-tag:after {
    content: "";
    background: var(--color-hover01);
    position: absolute;
    height: 200%;
    width: 105%;
    top: -0.1875rem;
    right: -0.25rem;
    z-index: -1;
    border-top-right-radius: 8.125rem;
    border-top-left-radius: 8.125rem;
}

.new-product-tag .product-tag:after {
    background: #7ee279;
}

.sold-product-tag .product-tag:after {
    background: #ffcc43;
}

.sold-product-tag .product-tag {
    z-index: 2;
}

.sold-product-tag {
    position: relative;
}

.sold-product-tag:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fefefe;
    z-index: 1;
    opacity: .60;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.product-image a{
    position: relative;
    display: block;
    height: 15.625rem;
}

.product-image a img {
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
}

/*18:2 new arrival type2*/

.type2 .product-info {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 0;
    text-align: center;
    margin-top: 1.875rem;
    overflow: hidden;
}

.type2 .product-title {
    position: relative;
    bottom: auto;
    left: auto;
}

.type2 .product-rating {
    margin-bottom: 0.625rem;
    margin-top:  -1.875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type2 .product-rating {
    margin-bottom: 0.625rem;
}

.type2 .product-title h4 {
    margin-bottom: 0.5625rem;
}

.type2 .quick-icon-btn a .product-icon:hover+span,
.type2 .wishlist-icon-btn a .product-icon:hover+span,
.type2 .compare-icon-btn a .product-icon:hover+span,
.type2 .addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0rem, 0.625rem, 0);
    transform: translate3d(0rem, 0.625rem, 0);
}

.type2 .product-buttons {
    position: absolute;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0rem;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.type2 .product-buttons>div {
    display: inline-block;
    margin-right: 0.125rem;
}

.type2 .product-buttons>* {
    margin-bottom: 0rem;
}

.type2 .quick-icon-btn:hover .addto-icon-btn,
.type2 .single-product:hover .addto-icon-btn,
.type2 .single-product:hover .wishlist-icon-btn,
.type2 .single-product:hover .compare-icon-btn {
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
}

.type2 .quick-icon-btn a span:first-child,
.type2 .wishlist-icon-btn a span:first-child,
.type2 .compare-icon-btn a span:first-child,
.type2 .addto-icon-btn a span:first-child {
    display: inline-block;
}

.type2 .quick-icon-btn a .product-icon:hover+span,
.type2 .wishlist-icon-btn a .product-icon:hover+span,
.type2 .compare-icon-btn a .product-icon:hover+span,
.type2 .addto-icon-btn a .product-icon:hover+span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0rem, 0.625rem, 0);
    transform: translate3d(0rem, 0.625rem, 0);
}

.type2 .quick-icon-btn a .icon-title,
.type2 .wishlist-icon-btn a .icon-title,
.type2 .compare-icon-btn a .icon-title,
.type2 .addto-icon-btn a .icon-title {
    position: absolute;
    -webkit-transform: translate3d(0rem, 0.3125rem, 0);
    transform: translate3d(0rem, 0.3125rem, 0);
    display: inline-block;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 270%;
    top: -3.3125rem;
    left: -99%;
    text-align: center;
}

.type2 .quick-icon-btn a .icon-title:after,
.type2 .wishlist-icon-btn a .icon-title:after,
.type2 .compare-icon-btn a .icon-title:after,
.type2 .addto-icon-btn a .icon-title:after {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0.3125rem solid #333333;
    border-left: 0.3125rem solid transparent;
    border-right: 0.3125rem solid transparent;
    left: 50%;
    content: "";
    top: auto;
    margin-left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: -0.9375rem;
}

.type2 .quick-icon-btn,
.type2 .compare-icon-btn,
.type2 .wishlist-icon-btn,
.type2 .addto-icon-btn {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
}

.type2 .addto-icon-btn {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.type2 .wishlist-icon-btn {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.type2 .compare-icon-btn {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.type2.single-product {
    margin-bottom: 3.75rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type2.single-product:hover {
    margin-bottom: 1.875rem;
}

.single-product.type2:hover.type2 .product-rating {
    margin-top: 0rem;
}

.type2 .star-rating {
    margin: 0 auto;
}

.type2 .compare-icon-btn svg .cls-1,
.type2 .wishlist-icon-btn svg .cls-1,
.type2 .addto-icon-btn svg .cls-1 {
    fill: #333 !important
}

.type2 .compare-icon-btn:hover svg .cls-1,
.type2 .wishlist-icon-btn:hover svg .cls-1,
.type2 .addto-icon-btn:hover svg .cls-1 {
    fill: #fff !important
}

/*18:3 type 3 shop page*/
.type3 .product-info {
    display: block;
    padding: 0;
}

.type3 .product-info .product-title {
    position: relative;
    bottom: 0;
    left: 0;
}

.single-product.type3 {
    overflow: hidden;
}

.type3 .product-image {
    overflow: hidden;
    position: relative;
}

.type3 .product-info .product-rating {
    margin-bottom: 0.5625rem;
}

.type3 .product-info .product-title h4 {
    margin-bottom: 0.5625rem;
}

.type3 .product-price h5 {
    margin-bottom: 1.25rem;
}

.addto-bag-btn span {
    display: inline-block;
    margin-right: 0.6875rem;
}

.single-product.type3 {
    overflow: hidden;
    margin-bottom: 3.75rem;
}

.width20 {
    width: 20%;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.shop-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.single-product-inner.width20 {
    margin-bottom: 0;
}

/* 18:4 single product type4 */
.single-product.type4 {
    margin-bottom: 0.6875rem;
}

.single-product.type4 .product-rating {
    display: none;
}

.single-product.type4 .product-info {
    padding: 1.1875rem 1.25rem 0.625rem;
}

.single-product.type4 .product-title {
    position: relative;
    margin-top: 0.9375rem;
}

/*==============================================
    19: offer area
==============================================*/
.offer-inner-area {
    background: #ffffff;
    background: rgba(255, 255, 255, .80);
    padding: 5.625rem 11.125rem;
    margin: 5rem 0;
}

.offer-inner-area .get-upto {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    margin-left: 1.875rem;
}

.offer-inner-area h2 {
    font-size: 4.6875rem;
    font-weight: 700;
    position: relative;
    padding-left: 8.3125rem;
    line-height: 1.2;
}

.offer-inner-area h2 .spacial {
    color: #fe0000;
    font-weight: 400;
    font-size: 6.25rem;
    position: absolute;
    left: 0;
    top: -0.9375rem;
}

.offer-inner-area h4 {
    font-weight: 700;
}

.offer-inner-area h4 span {
    color: #8c8c8c;
}

.offer-inner-area p {
    color: #777777;
    font-size: 0.875rem;
}

.offer-inner-area a.btn:hover {
    color: #fff;
}

.offer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*===============================================
    20: Insta feed
===============================================*/
.single-carousel-inner .figurecaption {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-carousel-inner {
    position: relative;
}

.single-carousel-inner .figurecaption span i {
    margin-right: 0.3125rem;
}

.single-carousel-inner .figurecaption span {
    color: #fff;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
}

.single-carousel-inner .figurecaption span+span {
    -webkit-transform: translateY(0.625rem);
    transform: translateY(0.625rem);
}

.single-carousel-inner:hover .figurecaption span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
}

.single-carousel-inner:hover .figurecaption span+span {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
}

.single-carousel-inner:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    top: 0%;
    width: 100%;
    background: #000;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    border-radius: 0%;
}

.single-carousel-inner:hover:after {
    visibility: visible;
    top: 0;
    height: 100%;
    border-radius: 0%;
}

.single-carousel-inner a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-carousel-inner a {
    overflow: hidden;
    display: block;
    z-index: 3;
}

.single-carousel-inner:hover a img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.insta-feed-title h3 {
    display: inline-block;
    margin-bottom: 3.125rem;
    font-weight: 700;
}

.insta-feed-wrap {
    margin-bottom: 0.75rem;
}

/*================================================
    21: Tweeter feed
================================================*/
.tweeter-heading h3 {
    margin-bottom: 0;
    font-weight: 700;
}

.tweeter-heading {
    margin-bottom: 3.125rem;
}

.tweet-image {
    margin-right: 0.9375rem;
}

.tweetr-user a {
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.tweetr-user span {
    margin-left: 1.25rem;
    font-size: 0.75rem;
    color: #999999;
}

.tweetr-user {
    margin-bottom: 0.5625rem;
}

.tweet-body p {
    color: #555555;
    margin-bottom: 0.8125rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.tweet-body p a {
    color: #31b0f0;
}

.tweet-meta ul li {
    display: inline-block;
    margin-right: 0.9375rem;
    font-size: 0.75rem;
}

.single-tweet-item {
    background: #fcfcfc;
    padding: 0.75rem 0.9375rem;
    margin-bottom: 1.875rem;
}

/*===============================================
    22: Coming soon area
===============================================*/
.coming-soon-text h5 {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: 0.1875rem;
}

.coming-soon-text h3 {
    font-weight: 700;
    letter-spacing: 0.375rem;
    text-transform: uppercase;
    margin-bottom: 1.125rem;
}

.coming-soon-text h2.h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 6.25rem;
    color: #fe3a1a;
    letter-spacing: -0.375rem;
}

.coming-soon-img {
    margin-left: -2.6875rem;
    z-index: -1;
    position: relative;
}

.coming-soon-img:before {
    position: absolute;
    height: 26.25rem;
    width: 26.875rem;
    background: #d3d3d3;
    content: "";
    border-radius: 50%;
    z-index: -1;
    top: 4.8125rem;
    left: -2.625rem;
    opacity: .2;
}

.coming-soon-text .btn {
    margin-top:1.5625rem;
}

.coming-soon-text .btn:hover {
    color: #fff;
}

/*===============================================
    23: Subscribe area
===============================================*/
.subscribe-text h5 {
    color: #555555;
    font-weight: 700;
}

.subscribe-text p {
    color: #777777;
    margin-bottom: 0;
}

input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: no-repeat;
    cursor: pointer;
    height: 100%;
    font-size: 0.875rem;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

/*23:02 subscribe type2*/
.subscribe-bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}

.subscribe-bg:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background: #000;
    top: 0;
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.type2 .subscribe-text h2 {
    color: #ffffff;
    font-weight: 700;
}

.type2 .subscribe-text p {
    color: #c4c4c4;
}

.type2 .subscribe-form .theme-input-style {
    border-color: rgba(255, 255, 255, .5);
    color: #ffffff;
}

.type2 .subscribe-form input[type="submit"] {
    color: #fff;
    z-index: 5;
}

.type2 .subscribe-form span {
    background: #fff;
    z-index: 10;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.type2 .subscribe-text {
    margin-right: 1.25rem;
}

/*=====================================================
    24: About Us
=====================================================*/
.about-image img {
    border: 0.3125rem solid #ffff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    box-shadow: -0.0625rem 0.125rem 1.875rem rgba(0, 0, 0, .25);
}

.about-image .about-image1 {
    position: relative;
}

.about-image .about-image2 {
    position: absolute;
    top: 4.375rem;
    right: 0.9375rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.about-image .about-image3 {
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translate3d(5.9375rem,  -1.875rem, 0);
    transform: translate3d(5.9375rem, -1.875rem, 0);
}

.about-header span {
    margin-bottom: 0.5625rem;
    display: inline-block;
    font-size: 0.875rem;
}

.about-header h3 {
    margin-bottom:1.5625rem;
    font-weight: 700;
}

.about-area-inner a {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.about-area-inner a span {
    font-size: 0.875rem;
    font-weight: 700;
}

/*=====================================================
    25: our testimonial area
=====================================================*/
.single-testimonial .author-name h4 {
    font-weight: 700;
}

.single-testimonial .author-name p {
    font-size: 0.875rem;
}

.testimonial-carousel .owl-nav {
    margin-top: 0.8125rem;
}

.testimonial-carousel .owl-nav .owl-next {
    margin-left: 5rem;
}

.testimonial-carousel .owl-nav button {
    color: #b3b3b3 !important;
    font-size: 1.125rem !important;
}

.testimonial-carousel .owl-nav button:hover {
    color: #333333 !important;
}

.quote-icon {
    position: absolute;
    bottom: 0.125rem;
    left: 10%;
}

.quote-icon i {
    color: #ededed;
}

/*25:01 testimonial area*/
.single-testimonial.type2 {
    text-align: center;
}

.testimonial-carousel-wrap.type2 {
    text-align: center;
}

.type2 .quote-icon {
    position: absolute;
    bottom: -0.1875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.type2 .quote-icon i {
    font-size: 1.5rem;
}

/*==============================================
    26: Our Out late
==============================================*/
.outlate-inner ul li {
    display: inline-block;
    width: 24%;
    padding-bottom: 0.8125rem;
}

.outlate-inner ul li p {
    margin-bottom: 0.125rem;
    color: #333333;
    font-size: 0.75rem;
}

.outlate-inner ul li span {
    display: block;
    font-size: 0.6875rem;
    color: #777777;
    line-height: 1rem;
}

/*==============================================
    27: Counter up
==============================================*/
.counter-number h2 {
    font-weight: 700;
    color: #f1f1f1;
    line-height: 1;
    margin-bottom: 0;
    display: inline-block;
}

.counter-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.counter-number span {
    font-weight: 700;
    color: #f1f1f1;
    line-height: 1;
    margin-bottom: 0;
}

.single-counter {
    padding: 0 2.875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-bottom: 1.875rem;
}

.counter-details h5 {
    font-weight: 700;
    margin-left: 0.9375rem;
    margin-bottom: 0;
    text-transform: uppercase;
}

.counter-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*===============================================
    28: Strat Our Blog
===============================================*/
.single-post-details p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

.single-blog-wrap {
    margin-bottom: 1.875rem;
}

.single-post-details h3 {
    font-weight: 700;
}

.post-info ul li {
    display: inline-block;
    position: relative;
}

.post-info ul li+li {
    padding-left:1.5625rem;
}

.post-info ul li a {
    font-size: 0.75rem;
    color: #777777;
}

.post-info {
    padding-bottom: 1.375rem;
}

.single-post-details .post-body p {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
    word-break: break-all;
}

.post-body a {
    color: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.post-body a:before {
    background: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.post-info ul li+li:before {
    height: 0.1875rem;
    width: 0.1875rem;
    position: absolute;
    content: "";
    background: #777777;
    top: 50%;
    left: 0.6875rem;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 50%;
}

.single-blog-wrap:hover .single-post-details h3 a {
    color: #555555;
}

.single-blog-wrap:hover .post-body a:before {
    background: #333333;
}

.single-blog-wrap:hover .post-body a {
    color: #333333;
}

/*=====================================================
    29: Blog details
=====================================================*/
/*29:01 post main content*/
.post-main-content .post-mata ul li {
    font-size: 0.75rem;
    color: #777777;
    display: inline-block;
}

.post-main-content .post-mata ul li:not(:last-child) {
    margin-right: 0.8125rem;
}

.post-main-content .post-mata {
    margin-bottom: 0.375rem;
}

.post-main-content .post-heading h2 {
    font-weight: 700;
    text-transform: inherit;
    color: #333333;
    margin-bottom: 0;
}

.post-main-content .post-heading {
    margin-bottom: 2.875rem;
}

.post-main-image .image-caption {
    margin-top: 1.875rem;
}

.post-main-image .image-caption p {
    font-weight: 300;
    font-style: italic;
    font-size: 0.75rem;
    color: #999999;
    margin-bottom: 2.5rem;
}

.post-main-image .image-caption p a {
    color: #999999;
}

.post-main-content .post-mata ul li a {
    color: #777777;
}

.post-main-content {
    margin-top: -0.4375rem;
}

/*29:02 post content body*/
.single-post-content .single-post-content h5 {
    font-weight: 700;
    font-size: 1.5rem;
}

.post-details-body .single-post-content h5 {
    font-weight: 700;
    color: #333333;
    margin-bottom: 1.1875rem;
}

.post-details-body .single-post-content p {
    color: #777777;
    line-height: 1.75rem;
}

.post-details-body .single-post-content blockquote {
    padding: 0.75rem 6.625rem 2.5rem;
    text-align: center;
    font-size: 1.125rem;
    color: #555555;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 0;
}

/*29:03 post tag and share*/
.single-post-tag-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-blog-share ul li {
    display: inline-block;
    margin-left: 1.375rem;
}

.share-and-tag {
    border-bottom: 0.0625rem solid #e2e2e2;
    border-top: 0.0625rem solid #e2e2e2;
    padding: 1rem 0;
    margin-bottom: 1.875rem;
}

.single-post-tag-share .single-blog-tag span {
    font-weight: 700;
    text-transform: capitalize;
    color: #333333;
}

.single-post-tag-share .single-blog-tag a {
    color: #999999;
}

.single-blog-share ul li a {
    font-size: 1rem;
    color: #999999;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-blog-share ul li:hover a {
    color: #333333;
}

/*29:04 post  author*/
.single-post-author .post-author-body {
    margin-left: 1.875rem;
}

.single-post-author .post-author-body h6 {
    margin-bottom: 0;
    font-weight: 700;
    text-transform: capitalize;
}

.single-post-author .post-author-body p {
    margin-bottom: 0;
    color: #777777;
}

.single-post-author {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-bottom: 1.875rem;
}

/*29:05 related post*/
.single-related-post-inner .related-post-head {
    text-align: center;
    margin-bottom: 2.5rem;
}

.single-related-post-inner .related-post-head h3 {
    font-weight: 700;
}

.single-related-post-inner {
    margin-top: 2.1875rem;
}

.single-related-post-inner .related-post-wraper .single-blog-details.post-content {
    padding-left: 0.9375rem;
}

/*29:06 Comment form*/
.single-post-comment-inner ul {
    padding-left: 0;
    list-style: none;
}

.comment-form-wrap h4,
.post-comments-wrap h4 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 0.625rem;
}

.post-comments-wrap h4 {
    border-bottom: 0.0625rem solid #d3d3d3;
    padding-bottom: 1rem;
}

.single-post-comment-inner ul>li {
    margin-top: 1.875rem;
    padding-bottom: 0rem;
}

.single-post-comment-inner ul>li>ul>li {
    padding-left: 5.9375rem;
    border-bottom: 0.0625rem solid #f6f6f6;
    padding-top: 0;
    padding-bottom: 1.625rem;
}

.single-post-comment .avatar {
    margin-right: 1.875rem;
}

.single-post-comment h6 {
    color: #555555;
    font-size: 0.875rem;
    font-weight: 700;
    display: inline-block;
}

.single-post-comment span.commnet-time {
    font-size: 0.75rem;
    color: #999999;
    margin-left: 1.75rem;
}

.single-post-comment p {
    margin-bottom: 0.8125rem;
}

.single-post-comment a {
    color: #999999;
    font-size: 0.75rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-post-comment a:hover {
    color: #333333;
}

.single-post-comment a span i {
    margin-left: 0.3125rem;
    font-size: 0.5625rem;
}

.single-post-comment-inner {
    margin-bottom: 1.875rem;
}

.comment-respond .theme-input-style {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
}

.comment-form-wrap h4 {
    margin-bottom: 2.125rem;
}

.comment-respond textarea.theme-input-style {
    padding: 0.625rem;
    min-height: 6.5625rem;
    display: block;
}

.comment-respond .btn {
    background: none;
}

.comment-respond .btn:hover {
    color: #fff;
}

.avatar-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.comment-form-wrap {
    margin-bottom: 1.875rem;
}

.avatar .comment-author-image {
    height: 4.0625rem;
    width: 4.0625rem;
    border-radius: 50%;
    overflow: hidden;
}

/*===============================================
    30: Single Blog right side bar
===============================================*/
.type2 .single-blog-image {
    margin-bottom: 1.5rem;
}

.post-info a {
    color: #555555;
    font-size: 0.75rem;
}

.post-info span {
    color: #555555;
    font-size: 0.75rem;
}

.type2 .single-blog-details h4 {
    font-weight: 700;
    margin-bottom: 1.1875rem;
}

.type2 .single-blog-details h4 a {
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type2 .single-blog-details h4 a:hover {
    color: #555555;
}

.type2 .single-blog-details p {
    color: #777777;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.type2 .post-info {
    padding-bottom: 0.4375rem;
}

.single-blog-wrap.type2 {
    margin-bottom: 3.75rem;
}

.single-blog-wrap.type2 .btn-line.btn:before {
    height: 0.0625rem;
    width: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-blog-wrap.type2 .btn.btn-line:hover:before {
    width: 50%;
}

.pagination.blog-pagination li a,
.wp-pagenavi a,
.wp-pagenavi span {
    font-family: 'Roboto Condensed', sans-serif;
    color: #999999;
    font-weight: 700;
}

.pagination.blog-pagination,
.wp-pagenavi {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.pagination.blog-pagination li:not(:first-child),
.wp-pagenavi :not(:first-child) {
    padding-left: 0.8125rem;
}

.pagination.blog-pagination li:first-child,
.wp-pagenavi .previouspostslink {
    padding-right: 1rem;
    color: #333333;
    font-size: 1.5rem;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
    color: #333333;
    font-size: 1.5rem;
}

.pagination.blog-pagination li:last-child,
.wp-pagenavi .nextpostslink {
    padding-left: 1.8125rem;
    font-size: 1.5rem;
}

.pagination.blog-pagination li.active a,
.wp-pagenavi .current {
    font-size: 1.5rem;
    color: #333333;
}

.pagination.blog-pagination li:last-child a,
.wp-pagenavi :last-child a {
    color: #333333;
}

.pagination.blog-pagination li:first-child a,
.wp-pagenavi :first-child a {
    color: #333333;
}

/*30:01 blog side bar*/
.sidebar-search-form {
    position: relative;
    margin-top: 1.25rem;
}

.sidebar-search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-search-form .theme-input-style {
    font-size: 0.875rem;
    color: #333333;
}

.single-sidebar-widget .populer-post ul li h5 {
    text-transform: inherit;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.single-sidebar-widget .populer-post ul li h5 a {
    color: #555555;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-sidebar-widget .populer-post ul li h5 a:hover {
    color: #777777;
}

.single-sidebar-widget .populer-post ul li p {
    color: #555555;
    margin-bottom: 0;
}

.single-sidebar-widget .populer-post ul li p a {
    color: #555555;
}

.single-sidebar-widget .populer-post ul li {
    padding-bottom: 0.875rem;
    position: relative;
    margin-bottom: 1.0625rem;
}

.single-sidebar-widget .populer-post ul li:after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 0.0625rem;
    width: 100%;
    left: 0;
    background: #f1f1f1;
    background: -webkit-linear-gradient(left, #fff 0, #fff 30%, #f1f1f1 80%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0, #f2f2f2 20%, #f2f2f2 80%, #fff 100%);
    background: linear-gradient(to right, #fff 0, #f2f2f2 20%, #f2f2f2 80%, #fff 100%);
}

.single-sidebar-widget .widget-title h4 {
    font-size: 1.25rem;
    color: #333333;
    font-weight: 700;
    margin-bottom: 0;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-sidebar-widget .widget-title {
    width: 100%;
    margin-bottom: 1.375rem;
    margin-top: -0.4375rem;
}

.sider-add-inner .sidebar-add-text .btn-line.btn:before {
    background: #fff;
}

.sider-add-inner .sidebar-add-text h2 {
    color: #fff;
    font-weight: 700;
    line-height: 4.375rem;
    margin-bottom: 0;
}

.sider-add-inner .sidebar-add-text h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-size: 1.375rem;
    margin-bottom: 0.25rem;
}

.sider-add-inner .sidebar-add-text p {
    color: #fff;
    margin-bottom: 1.25rem;
}

.sider-add-inner .sidebar-add-text a {
    color: #fff;
}

.single-sidebar-widget .sider-add-inner {
    padding: 6.4375rem 1.875rem 6.375rem;
    background-color: #dddddd;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.single-sidebar-widget .sider-add-inner:before {
    content: "";
    position: absolute;
    background: #5658ac;
    width: 9.6875rem;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.sider-add-inner .sidebar-add-text {
    position: relative;
    z-index: 1;
}

.sidebar-social-area ul li a {
    height: 2.5rem;
    width: 2.5rem;
    display: block;
    background: #f3f3f3;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 50%;
    color: #333333;
    font-size: 1rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.sidebar-social-area ul li a:hover {
    color: #fff;
    background: #333333;
}

.sidebar-social-area ul li {
    display: inline-block;
}

.sidebar-social-area ul li:not(:last-child) {
    margin-right: 0.5rem;
}

.sidebar-stay-form {
    position: relative;
}

.sidebar-stay-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-stay-form .theme-input-style {
    font-size: 0.875rem;
    color: #333333;
}

.single-sidebar-widget.widget_nav_menu ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li:not(:last-child) {
    padding-bottom: 0.9375rem;
}

.single-sidebar-widget:last-child {
    margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li a {
    color: #777777;
    transition: .3s all linear;
}

.single-sidebar-widget.widget_nav_menu ul li a:hover {
    color: #333;
}

/*=================================================
    31: Blog list style
=================================================*/
.single-reply-comment a+a {
    margin-left: 0.9375rem;
}

.single-reply-comment {
    margin-right: 0.9375rem;
}

.single-reply-comment a i {
    margin-right: 0.3125rem;
}

.single-reply-comment a {
    font-size: 0.875rem;
    color: #777777;
}

.single-blog-wrap.type3:hover {
    box-shadow: 0rem 0.0625rem 0.625rem rgba(0, 0, 0, .050);
}

.single-blog-wrap.type3 {
    margin-bottom: 3.125rem;
    background: #fefefe;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type3 .single-post-details {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.type3 .single-post-details.right-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.type3 .single-post-details.left-content {
    padding-left: 3.125rem;
}

.type3 .single-blog-image img {
    width: 100%;
    background-color: #dddddd;
}

/*31:01 block quort*/
.single-blog-quote {
    background: #fcfcfc;
    padding: 2.625rem 0 2.375rem;
    margin-bottom: 3.125rem;
}

.single-blog-quote .single-quote-text p {
    margin-bottom: 0;
    font-style: normal;
    color: #333333;
}

.single-blog-quote .single-quote-text h4 {
    margin-bottom: 2.625rem;
    font-style: italic;
    position: relative;
}

.single-blog-quote .single-quote-text h4:after {
    content: "";
    position: absolute;
    height: 0.125rem;
    width: 1.25rem;
    background: #333333;
    bottom:  -1.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*==============================================
    32: Blog Pinterest
==============================================*/
.type4 .single-blog-image {
    margin-bottom: 1.4375rem;
}

.type4 .single-blog-details .post-info {
    padding-bottom: 0.6875rem;
}

.type4 .single-blog-details .post-heading h4 {
    margin-bottom: 0.25rem;
    font-weight: 700;
}

.single-blog-wrap.type4 {
    margin-bottom: 3.125rem;
}

.type4 .single-blog-details .post-heading h4 a {
    color: #333333;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.type4 .single-blog-details .post-heading h4 a {
    color: #555555;
}

.type4 .single-blog-details .post-heading h4 a:hover {
    color: #333;
}

.type4 .single-blog-image img {
    width: 100%;
}

/*============================================
    33: Error page
============================================*/
.error-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.error-inner-text span {
    color: #333333;
    font-size: 1rem;
}

.error-inner-text h1 {
    font-weight: 700;
    margin-bottom: 0.8125rem;
}

.error-inner-tex a:hover,
.error-inner-text a:hover {
    color: #fff;
}

/*33:01 error type 2*/
.error-inner-tex.type2 h1 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 1rem;
}

.error-inner-tex.type2 span {
    font-size: 1rem;
    color: #333333;
}

/*33:02 error type 3*/
.error-inner-tex.type3 h1 {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 1.9375rem;
    color: #fff;
    margin-bottom: 0rem;
}

.error-inner-tex.type3 span {
    font-size: 1rem;
    color: #333333;
    color: #fff;
}

.error-inner-tex.type3 a {
    color: #fff;
}

/*===============================================
    34: Category page
===============================================*/
/*34:01 category page1*/
.hover-effect {
    overflow: hidden;
    position: relative;
    line-height: 0;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
}

.hover-effect:before,
.hover-effect:after {
    position: absolute;
    top: 0;
    left: -175%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 10%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 10%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    pointer-events: none;
}

.hover-effect:after {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 80%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 80%, rgba(255, 255, 255, 0) 100%);
    right: -175%;
    left: auto;
    top: -0%;
}

.hover-effect:hover:before {
    animation: shine 1s;
    -webkit-animation: shine 1s;
}

.hover-effect:hover:after {
    animation: shine2 1s;
    -webkit-animation: shine2 1s;
}

@-webkit-keyframes shine {
    100% {
        left: 160%
    }
}

@keyframes shine {
    100% {
        left: 160%;
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg)
    }
}

@-webkit-keyframes shine2 {
    100% {
        right: 160%
    }
}

@keyframes shine2 {
    100% {
        right: 160%;
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg);
        top: 0;
    }
}

.catagory-title-wrap h2 {
    font-weight: 700;
    margin-bottom: 0;
    position: absolute;
    -webkit-transform: rotate(-90deg) translate(-45%, -348%);
    transform: rotate(-90deg) translate(-45%, -348%);
    width: 25rem;
}

.catagory-title-wrap h2 span {
    font-size: 3.75rem;
    position: absolute;
    top: -2.125rem;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #f9f9f9;
    z-index: -1;
}

.catagory-title-wrap h2 a .letter {
    position: relative;
    top: 0;
    left: 0;
    color: #333;
    opacity: 1;
    font-size: 1.875rem;
    z-index: 10;
}

.single-category-wrap {
    margin-bottom: 4.375rem;
}

.category-image {
    position: relative;
}

.category-image a {
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    padding: 0.625rem 1.25rem 0.5rem;
}

.category-image a:hover {
    color: #fff;
}

/*34:02 Category page2 */
.type2.single-category-wrap {
    margin-bottom: 6.25rem;
}

.type2 .catagory-title-wrap h2 {
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
    width: 100%;
}

.type2 .catagory-title-wrap {
    text-align: center;
    margin-bottom: 4.625rem;
    margin-top: -0.5625rem;
}

.type2 .catagory-title-wrap h2 span {
    font-size: 3.75rem;
    position: absolute;
    top:  -1.875rem;
    left: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #f9f9f9;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.type2 .category-image img {
    width: 100%;
}

.type2 .single-category-content h2 {
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.type2 .single-category-content h2 a {
    color: #333333;
}

.type2 .single-category-content {
    margin-top: 3.625rem;
}

.type2 .single-category-content h2 a:hover {
    color: #333;
}

.type2 .single-category-content a:hover {
    color: #fff;
}

/* 34:03 category page3*/
.width50,
.width20,
.width30,
.width40,
.width60 {
    margin-bottom: 1.875rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.width60 {
    width: 60%;
}

.width50 {
    width: 50%;
}

.width40 {
    width: 40%;
}

.width30 {
    width: 30%;
}

.width20 {
    width: 20%;
}

.category-image {
    float: left;
}

.category-image.long-size.type3 img {
    max-height: 25rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.category-image.short-size.type3 img {
    max-height: 18.75rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* 34:04 category page 4 */
.catagory-slider .owl-dot {
    height: 0.375rem;
    width: 0.375rem;
    background: #999999 !important;
    margin-right: 0.375rem;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.catagory-slider .owl-dot.active {
    background: #333333 !important;
}

.catagory-slider .owl-dots {
    position: absolute;
    bottom: 1.25rem;
    left:1.5625rem;
}

.category-item-content h2 a {
    color: #333333;
    font-weight: 700;
}

.category-item-content h2 {
    margin-bottom: 0.25rem;
}

.category-item-content span {
    color: #d7d7d7;
    margin-bottom: 0.5625rem;
    display: block;
    font-size: 0.875rem;
}

.category-item-content p {
    margin-bottom: 1.125rem;
}

.category-item-content a.btn {
    color: #999999;
}

.category-item-content a.btn:hover {
    color: #fff;
}

.category-image.type3 {
    position: relative;
}

.category-image.type3 a {
    left: 3.125rem;
    opacity: 0;
    visibility: hidden;
    transition: .3s all linear;
}

.category-image.type3:hover a {
    opacity: 1;
    visibility: visible;
}

/*=============================================
    35: Collection pages
=============================================*/
/*35:01 colllection page1*/
.type4 .image-caption h2 {
    font-size: 3rem;
    margin-bottom: 0.5625rem;
}

.type4 .image-caption {
    margin-left: -7.8125rem;
}

.single-collection-wrap.type4 .image-caption a {
    font-weight: 700;
}

.single-collection-wrap.type4 .image-caption h2 a {
    color: #333333
}

.single-collection-wrap.type4 .image-caption a.btn {
    font-weight: 400;
}

.single-collection-wrap.type4 {
    margin-bottom: 0.625rem;
}

.gallery-thumbs .active .collection-image,
.gallery-thumbs .swiper-slide-active .collection-image {
    border: 0.625rem solid #fff;
}

.collection-image .share-social-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.25rem;
}

.collection-image .share-social-area ul li {
    padding-bottom: 0.875rem;
}

.collection-image .share-social-area ul li a span {
    margin-left: 0.625rem;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translateX(0.9375rem);
    transform: translateX(0.9375rem);
    position: absolute;
}

.collection-image .share-social-area ul li a:hover span {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    display: inline-block;
    -webkit-transform: translateX(0rem);
    transform: translateX(0rem);
}

.collection-image .share-social-area ul li a {
    position: relative;
}

/*35:02 collection page2*/
.single-collection-wrap .collection-image {
    position: relative;
}

.single-collection-wrap .collection-image h3 {
    margin-bottom: 1.125rem;
    font-weight: 700;
    font-size: 3rem;
}

.single-collection-wrap .collection-image h3 a {
    color: #333333;
}

.collection-image .image-caption {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -12.4375rem;
    max-width: 100%;
}

.single-collection-wrap {
    margin-bottom: 1.875rem;
}

.left-content .collection-image .image-caption {
    left: -17.5rem;
}

/*35:03 category page3*/
.type2 .collection-image .image-caption {
    right: auto;
    left: 1.875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 11;
}

.type2 .collection-image h3 {
    margin-bottom: 0.625rem;
    font-weight: 700;
    font-size: 1.875rem;
}

.collection-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.collection-inner-area .single-collection-wrap.type2 {
    width: 50%;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
}

.single-collection-wrap.type2:hover .image-caption {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/* .single-collection-wrap.type2 .collection-image span:before,
.single-collection-wrap.type2 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.single-collection-wrap.type2 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}

.single-collection-wrap.type2:hover  .collection-image span:after,
.single-collection-wrap.type2:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}

.single-collection-wrap.type2:after,
.single-collection-wrap.type2:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
}
.single-collection-wrap.type2:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}


.single-collection-wrap.type2:hover:after,
.single-collection-wrap.type2:hover:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */


/*35:04 category page 4*/
.type3 .collection-image .image-caption {
    right: auto;
    left: 1.875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 10;
}

.single-collection-wrap.type3:hover .image-caption {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.type3 .collection-image h3 {
    margin-bottom: 0.625rem;
    font-weight: 700;
    font-size: 1.875rem;
}

.single-collection-wrap.type3.margin-minus {
    margin-top: -10.625rem;
}

.single-collection-wrap .collection-image img {
    width: 100%;
    background-color: #dddddd;
}

.single-collection-wrap.type3 {
    margin-bottom: 5.625rem;
}

.single-collection-wrap.type3.long-img.left-side {
    padding-right: 1.875rem;
}

.single-collection-wrap.type3.short-image.right-side {
    padding-left: 1.875rem;
}

.single-collection-wrap.type3.short-image.left-side {
    padding-right: 1.875rem;
}

.single-collection-wrap.type3.margin-minus.long-img.right-side {
    padding-left: 1.875rem;
}


/* .single-collection-wrap.type3 .collection-image span:before,
.single-collection-wrap.type3 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.single-collection-wrap.type3 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}
.single-collection-wrap.type3:hover  .collection-image span:after,
.single-collection-wrap.type3:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}
.single-collection-wrap.type3 .collection-image:after,
.single-collection-wrap.type3 .collection-image:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
}
.single-collection-wrap.type3 .collection-image:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}

.single-collection-wrap.type3:hover .collection-image:after,
.single-collection-wrap.type3:hover .collection-image:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */

/*================================================
    36: cart page
================================================*/

.cart-product-wrap {
    padding: 0 4.0625rem;
}

.shop_table tbody tr+tr td:first-child {
    padding: 1.875rem 0.9375rem 1.875rem 1.875rem;
}

.shop_table tbody tr:first-child td {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 0rem 1.875rem1.5625rem 1.875rem;
}

.shop_table tbody tr+tr:last-child,
.shop_table tbody tr:first-child {
    border-bottom: 0.0625rem solid #000000;
}

.cart-product-wrap table {
    width: 100%;
}

.shop_table tbody tr+tr td a {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.shop_table tbody tr+tr td a+a {
    margin-left: 0.9375rem;
}

.product-thumbnail {
    width: 18.75rem;
}

.shop_table .product-quantity input,
.shop_table .product-size input {
    height: 2.1875rem;
    width: 2.1875rem;
    border-radius: 50%;
    border: 0.0625rem solid rgba(0, 0, 0, .1);
    text-align: center;
    background: #fff;
    margin: 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #333333;
}

.shop_table tbody tr:first-child td+td {
    text-align: center;
}

.shop_table tbody tr+tr td+td {
    text-align: center;
}

.shop_table tbody tr+tr td+td.product-remove {
    width: 1.875rem;
}

.shop_table tbody tr+tr td:nth-child(5) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}

.shop_table tbody tr+tr td:nth-child(4) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
}

.shop_table tbody tr+tr td:nth-child(2) {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
}

.shop_table tbody .product-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop_table tbody tr td .plus,
.shop_table tbody tr td .minus {
    cursor: pointer;
}

.shop_table tbody tr td .plus svg .cls-1,
.shop_table tbody tr td .minus svg .cls-1 {
    fill: #333333;
}

.shop_table tbody .product-remove svg {
    cursor: pointer;
}

.shop_table tbody .product-remove svg .cls-1 {
    fill: #d7d7d7;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.cart_item:hover .product-remove svg .cls-1 {
    fill: red;
}

.shop_table tbody tr+tr {
    border-bottom: 0.0625rem solid #eaeaea;
}

tr.woocommerce-cart-form__cart-item.cart_item .product-size {
    width: inherit;
    height: inherit;
    border-width: 0;
}

.cart-product-wrap .coupon .btn:before {
    left: auto;
    right: 0;
}

.update-cart-btn {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    border: 0.125rem solid #333333 !important;
    padding: 0.8125rem1.5625rem;
    display: inline-block;
}

.update-cart-btn svg {
    margin-right: 0.625rem;
}

.cart-shoping-button a+a {
    margin-left: 1rem;
}

.cart-shoping-button {
    margin-bottom: 3.75rem;
    margin-top: 1.875rem;
}

.cart-product-wrap .coupon {
    position: relative;
}

.cart-product-wrap .coupon .btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart-product-wrap .coupon .btn:hover,
.cart-product-wrap .coupon .theme-input-style:focus+button {
    color: #fff;
}

.cart-product-wrap .coupon .theme-input-style:focus+button:before {
    height: 100%;
    width: 100%;
    opacity: 1;
}

.cart-product-wrap .coupon .theme-input-style {
    font-size: 0.875rem;
    color: #333;
}

.btn-cupon-wrap {
    padding: 0 0.8125rem 0 1.875rem;
}

.shop-total-wrap .shop_table tbody tr td,
.shop-total-wrap .shop_table tbody tr th {
    padding: 1.25rem 1.25rem 1.25rem 4.0625rem;
}

.shop-total-wrap .shop_table tbody tr+tr {
    border-width: 0;
}

.shop-total-wrap .shop_table tbody tr+tr th {
    font-size: 1rem;
    color: #333333;
}

.shop-total-wrap .shop_table tbody tr+tr td {
    color: #333333;
    font-size: 1.5rem;
    font-weight: 700;
}

.shop-total-wrap .wc-proceed-to-checkout {
    margin-top: 1.375rem;
}

.shop-total-wrap a {
    padding: 0.8125rem 4.625rem !important;
    margin-left: 1.875rem;
    color: #fff !important;
    background: #333;
}

.shop-total-wrap a:hover {
    color: #333 !important;
}

.shop-total-wrap a.btn.btn-fill-type:before {
    background: #fff;
}

.shop-total-wrap .shop_table tbody tr:first-child {
    border-color: #eaeaea;
}

.checkout-register-input.input-btn-style button:hover {
    color: #fff;
}

/*  37: Wish list page
==============================================*/
.woocommerce-cart-form__cart-item.cart_item td.instock {
    color: #03cc03;
}

.woocommerce-cart-form__cart-item.cart_item td.outstock {
    color: #ff0000;
}

.shop-total-wrap.wish-total .shop_table tbody tr:first-child {
    border-color: #eaeaea;
    border-width: 0;
}

.shop-total-wrap.wish-total .shop_table tbody tr th {
    text-transform: uppercase;
    font-size: 1rem;
    color: #333333;
}

.shop-total-wrap.wish-total .shop_table tbody tr td {
    font-size: 1.5rem;
    font-weight: 700;
}

/*==============================================
    38: Check Out page
==============================================*/
.checkout-register-wrap .btn {
    position: relative;
}

.checkout-register-wrap input {
    margin-bottom: 1.875rem;
}

.input-btn-style {
    position: relative;
}

.input-btn-style button {
    position: absolute;
    top: 0;
    right: 0;
}

.input-btn-style .btn:before {
    right: 0;
    left: auto;
}

.coupon-register-title h5,
.checkout-register-title h5 {
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}

.coupon-register-title h5 a,
.checkout-register-title h5 a {
    color: #333;
}

.coupon-register-title,
.checkout-register-title {
    margin-bottom: 1.5rem;
}

.checkout-register-input.input-btn-style button {
    text-transform: uppercase;
    position: relative;
}

.coupon-register-title h5 span,
.checkout-register-title h5 span {
    font-size: 0.875rem;
    color: #777;
    font-weight: 600;
}

.checkout-register-wrap .form-btn-field a {
    display: block;
    text-decoration: underline;
    margin-top: 1.875rem;
}

.checkout-register-wrap .form-btn-field label input {
    margin-bottom: 0;
}

.checkout-register-wrap .form-btn-field label {
    vertical-align: middle;
    margin-left: 0.625rem !important;
}

/*38:01 billing details*/
.billing-details .woocommerce-input-wrapper input {
    margin-bottom:1.5625rem;
    font-size: 0.875rem;
    border-bottom: 0.0625rem solid #999999;
}

.billing-details .woocommerce-input-wrapper input:focus {
    border-color: #000000;
}

.billing-details-wrap {
    margin-top: 4.375rem;
}

.billing-details-wrap {
    margin-top: 4.375rem;
}

.billing-details {
    margin-top: 1.25rem;
}

.billing-details .billing-heading h3 {
    font-weight: 700;
    margin-bottom: 3.125rem;
}

.checkout-register-input input {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
}

.checkout-register-input input::-webkit-input-placeholder,
.woocommerce-input-wrapper input::-webkit-input-placeholder {
    color: #d7d7d7 !important;
}

.checkout-register-input input::-moz-placeholder,
.woocommerce-input-wrapper input::-moz-placeholder {
    color: #d7d7d7 !important;
}

.checkout-register-input input:-ms-input-placeholder,
.woocommerce-input-wrapper input:-ms-input-placeholder {
    color: #d7d7d7 !important;
}

.checkout-register-input input::placeholder,
.woocommerce-input-wrapper input::placeholder {
    color: #d7d7d7 !important;
}

table.review-order-table {
    width: 100%;
    margin-bottom: 2.25rem;
}

.checkout-review-order-wrap {
    background: #fcfcfc;
    padding: 3.125rem 1.875rem;
}

.review-order-header h3 {
    font-weight: 700;
    margin-bottom: 1.0625rem;
}

.review-order-table tbody tr th,
.review-order-table tbody tr td {
    padding: 0.75rem;
}

.review-order-table tbody tr th {
    font-size: 1rem;
    color: #333333;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 0.0625rem solid #eaeaea;
}

.review-order-table tbody tr th:last-child {
    text-align: right;
}

.review-order-table tbody tr td:first-child {
    color: #555555;
    font-size: 1rem;
}

.review-order-table tbody tr td:first-child span {
    margin-left: 1.25rem;
    font-size: 0.75rem;
    color: #999999;
}

.review-order-table tbody tr td:last-child {
    text-align: right;
    color: #555555;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.review-order-table tbody tr:last-child {
    border-top: 0.0625rem solid #eaeaea;
}

.review-order-table tbody tr:last-child td:first-child {
    padding-left: 4.0625rem;
    text-transform: uppercase;
    color: #333333;
}

.review-order-table tbody tr:last-child td:last-child {
    color: var(--color-hover01);
}

.check-shipping-heading h5 {
    font-weight: 700;
    margin-bottom: 2rem;
}

.check-shipping-wrap table {
    width: 100%;
}

.check-shipping-table tbody tr td {
    padding: 0.625rem;
    color: #999999;
    font-size: 1rem;
    vertical-align: middle;
}

.check-shipping-table tbody tr td input {
    margin-right: 0.625rem;
    vertical-align: middle;
}

.check-shipping-table tbody tr td:last-child {
    font-size: 1rem;
    color: #555555;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: right;
}

.check-shipping-table tbody tr:last-child {
    border-top: 0.0625rem solid #eaeaea;
}

.check-shipping-table tbody tr:last-child td {
    padding-left: 4.0625rem;
    text-transform: uppercase;
    color: #333333;
}

.check-shipping-table tbody tr:last-child td:last-child {
    font-size: 1.25rem;
    color: var(--color-hover01);
}

.check-shipping-wrap {
    margin-bottom: 2.9375rem;
}

.payment-system-heading h5 {
    font-weight: 700;
    margin-bottom: 2rem;
}

table.payment-system-table {
    width: 100%;
}

.payment-system-table tbody tr td {
    padding: 0.625rem;
    font-size: 1rem;
    color: #999999;
}

.payment-system-table tbody tr td input {
    margin-right: 0.625rem;
    vertical-align: middle;
}

.review-order-table tbody tr:nth-child(2) td {
    padding-top: 1.75rem;
}

.review-order-table tbody tr:nth-child(4) td {
    padding-bottom:1.5625rem;
}

.check-shipping-table tbody tr:nth-child(3) td {
    padding-bottom: 1.75rem;
}

.checkout-review-order-wrap label {
    cursor: pointer;
}

.billing-details textarea {
    resize: none;
    display: block;
    width: 100%;
    height: 6.25rem;
    padding-left: 1.25rem;
    padding-top: 0.625rem;
}

.shop--create-account {
    margin-top: 1.25rem;
}

.billing-details label.billing-textarea {
    margin-top: 1.25rem;
    margin-bottom: 0.9375rem;
}

.terms-and-conditions-wrapper .billing-submit-button:before {
    background: #fff;
}

.terms-and-conditions-wrapper .billing-submit-button:hover {
    color: #333;
}

/*38:02 terms and conditions*/
.terms-and-conditions-wrapper {
    margin-top: 2.625rem;
}

.terms-and-conditions-wrapper p {
    color: #999999;
    margin-bottom: 0.9375rem;
}

.terms-and-conditions-wrapper label span {
    color: #999999;
}

.terms-and-conditions-wrapper label {
    display: block;
    margin-bottom: 1.6875rem;
}

.terms-and-conditions-wrapper label span a {
    text-decoration: underline;
}

.terms-and-conditions-wrapper .billing-submit-button {
    padding: 1.1875rem 8.125rem;
    font-size: 1rem;
    color: #fff;
    background: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

/*==================================================
    39: My account
==================================================*/
/*39:01 dashboard nav*/
.dashboard-inner .nav-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: block;
}

.dashboard-inner {
    background: #fcfcfc;
    padding: 4.375rem 0 4.375rem 3.125rem;
}

.dashboard-inner .nav-list li:not(:last-child) {
    padding-bottom: 1.75rem;
}

.dashboard-inner .nav-list li a span {
    margin-right: 1.25rem;
    vertical-align: middle;
}

.dashboard-inner .nav-list li a {
    font-size: 1rem;
    font-weight: 700;
    color: #999999;
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-inner .nav-list li a.active {
    color: #333333;
}

.dashboard-inner .nav-list li a.active svg .cls-1 {
    fill: #333333;
}

/*39:02 dashboard content*/
.deshboard-content-wrap {
    margin-top: 4.125rem;
}

.dashboard-tab-info p {
    color: #777777;
    font-size: 1rem;

}

.dashboard-tab-info p+p {
    margin-bottom: 0;
}

.dashboard-tab-info p span {
    font-size: 0.75rem;
}

.dashboard-tab-info p span a {
    color: #333333;
    font-weight: 900;
}

.dashboard-tab-info p a {
    color: #333333;
    font-weight: 700;
}

/*39:03 order*/
.dashboard-order-table tbody tr th,
.dashboard-order-table tbody tr td {
    padding: 1.25rem;
}

table.dashboard-order-table {
    width: 100%;
    white-space: nowrap;
}

.dashboard-order-table tbody tr th {
    color: #333333;
    font-size: 1rem;
    border-bottom: 0.0625rem solid;
}

.dashboard-order-table tbody tr td {
    border-bottom: 0.0625rem solid #eaeaea;
    color: #777777;
}

.dashboard-order-table tbody tr td:last-child {
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-order-table tbody tr td:last-child a {
    color: #555555;
}

/*39:04 download*/
.dashboard-tab-downlod p span i {
    font-size: 1rem;
    margin-right: 0.4375rem;
    color: #ffcc00;
}

.dashboard-tab-downlod p {
    color: #777777;
    font-size: 1rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

.dashboard-tab-downlod .go-shop-btn {
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
    padding: 0.75rem 0.625rem;
    background: #333333;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.passwrd-change-wrap .go-shop-btn:hover,
.dashboard-tab-downlod .go-shop-btn:hover {
    color: #333;
}

.passwrd-change-wrap .go-shop-btn:before,
.dashboard-tab-downlod .go-shop-btn:before {
    background: #fff;
}

/*39:05 address*/
.address-info-inner .shipping-address h5,
.address-info-inner .billing-information h5 {
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.address-info-inner .shipping-address ul,
.address-info-inner .billing-information ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.address-info-inner .shipping-address ul li,
.address-info-inner .billing-information ul li {
    padding-bottom: 0.5625rem;
    font-size: 1rem;
    color: #777777;
}

.address-info-inner .shipping-address ul li:last-child a,
.address-info-inner .billing-information ul li:last-child a {
    color: #ff0000;
}

.address-info-inner .shipping-address ul li:last-child,
.address-info-inner .billing-information ul li:last-child {
    margin-top: 1.75rem;
}

.address-info p {
    margin-bottom: 2.9375rem;
    font-size: 1rem;
    color: #999999;
}

.billing-information {
    float: left;
    width: 50%;
}

.shipping-address {
    float: right;
    width: 50%;
}

/*39:06 account details*/
.account-details .theme-input-style {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
    padding-left: 1.4375rem;
}

.account-details .theme-input-style::-webkit-input-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style::-moz-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style:-ms-input-placeholder {
    color: #d7d7d7 !important;
}

.account-details .theme-input-style::placeholder {
    color: #d7d7d7 !important;
}

.account-details p {
    margin-top: -1.25rem;
    font-size: 0.875rem;
    font-style: italic;
    color: #999999;
}

.passwrd-change-wrap h5 {
    font-weight: 700;
    margin: 0.9375rem 0 2.25rem;
}

.passwrd-change-wrap .go-shop-btn {
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
    padding: 0.75rem 1.25rem;
    background: #333333;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}

/*===============================================
   40: Order Tracking
===============================================*/
.single-tracking-inner h5 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
}

.single-tracking-inner p {
    color: #999999;
    margin-bottom: 0;
}

.single-tracking-img {
    margin-bottom: 1.3125rem;
    display: inline-block;
    background: #fff;
    width: 3.5rem;
    height: inherit;
}

.order-deliverd-date p {
    color: #555555;
}

.order-deliverd-date p span {
    color: #333333;
    font-size: 1.125rem;
    font-weight: 700;
}

.order-deliverd-date {
    margin: 2.3125rem 0 2.625rem;
}

.order-details-heading h5 {
    font-size: 1.125rem;
    font-weight: 600;
}

.order-details-heading {
    border-bottom: 0.0625rem solid #eaeaea;
}

.order-address-details .order-no p {
    font-size: 1rem;
    color: #777777;
    margin-bottom: 0;
}

.order-address-details .order-no p span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5rem;
    color: #333333;
    font-weight: 700;
}

.order-address-details .order-no {
    margin-top: 1.375rem;
    margin-bottom: 3.6875rem;
}

.billing-to-area h5,
.shipping-to-area h5 {
    font-weight: 700;
    margin-bottom: 1.25rem;
}

.billing-to-area p:not(:last-child),
.shipping-to-area p:not(:last-child) {
    margin-bottom: 0.375rem;
}

.billing-to-area p,
.shipping-to-area p {
    color: #555555;
}

.billing-to-area,
.shipping-to-area {
    width: 50%;
    float: left;
}

.track-lines {
    position: relative;
}

.track-lines:after {
    position: absolute;
    top: 0.9375rem;
    left: 7%;
    height: 0.125rem;
    width: 86%;
    background: #fcfcfc;
    content: "";
    z-index: -1;
}

.single-tracking-inner {
    position: relative;
    margin-bottom: 1.875rem;
}

.single-tracking-inner:after {
    content: "";
    background: red;
    width: 89%;
    height: 0.125rem;
    position: absolute;
    top: 0.9375rem;
    left: 61%;
}

.track-lines .col-md-3:nth-child(3) .single-tracking-inner:after,
.track-lines .col-md-3:nth-child(4) .single-tracking-inner:after {
    display: none;
}

.single-tracking-inner.line-1:after {
    background: #ffd800;
    background: -webkit-linear-gradient(left, #ffd800 0%, #33f345 100%);
    background: linear-gradient(to right, #ffd800 0%, #33f345 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800', endColorstr='#33f345', GradientType=1);
}

.single-tracking-inner.line-3:after,
.single-tracking-inner.line-2:after {
    background: #33f345;
}

.track-lines .col-md-3:last-child .single-tracking-inner {
    margin-bottom: 0;
}

/*==================================================
    41: Shope 2 column with side bar
==================================================*/
/*41:01 filter menu*/
.search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-filter-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    /* justify-content: space-between; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-grid-view {
    margin-left: 0.9375rem;
}

.product-grid-view ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.product-grid-view ul li {
    display: inline-block;
    padding-left: 0.9375rem;
}

.product-grid-view #nav-four-col {
    display: none;
}

.product-grid-view ul li:first-child {
    padding-left: 0;
}

.product-filter .product-filter-btn i,
.newest-product a i {
    margin-right: 0.375rem;
}

.product-filter .product-filter-btn span+i,
.newest-product a span+i {
    margin-right: 0;
    margin-left: 0.1875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.newest-product {
    position: relative;
}

.newest-product .newest-product-option {
    box-shadow: 0rem 0.1875rem 0.3125rem rgba(0, 0, 0, .1);
    border: 0;
    border-radius: 0;
    margin-top: 0.875rem;
    padding: 1.25rem;
    z-index: 100;
    color: #777777;
    width: 9.6875rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transform: translate3d(0rem, 2.1875rem, 0rem) !important;
    transform: translate3d(0rem, 2.1875rem, 0rem) !important;
    opacity: 0;
    top: 0%;
}

.newest-product.show .newest-product-option {
    -webkit-transform: translate3d(0rem, 2.1875rem, 0rem) !important;
    transform: translate3d(0rem, 2.1875rem, 0rem) !important;
    opacity: 1;
    top: 0%
}

.newest-product .newest-product-option li a:hover {
    color: #333333;
    margin-left: 0.25rem;
}

.newest-product .newest-product-option li a {
    color: #777777;
    font-size: 0.875rem;
    line-height: 1;
    display: block;
    transition: .3s all linear;
}

.newest-product .newest-product-option li:not(:last-child) {
    padding-bottom: 1rem;
}

.newest-product a#dropdownnewest {
    color: #777777;
    text-transform: capitalize;
    padding: 0.875rem 0;
}

.newest-product a#dropdownnewest span {
    font-size: 0.875rem;
}

.newest-product a#dropdownnewest .sort-by {
    color: #333333;
    text-transform: capitalize;
}

.product-filter-menu {
    position: absolute;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, .1);
    top: 3.0625rem;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    left: 0;
}

.product-filter:hover .product-filter-menu {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-filter-mobile a i {
    font-size: 1.1875rem;
}

.product-filter .product-filter-btn {
    color: #333333;
    padding: 0.875rem 0;
    font-size: 0.875rem;
}

.shop-toolbar-filter .product-found span {
    font-size: 0.875rem;
}

.woocommerce-products-header .shope-filter-item ul {
    list-style: none;
    padding-left: 0;
    padding: 1.875rem 0 1.875rem 2.5rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.woocommerce-products-header .shope-filter-item ul>li {
    display: inline-block;
    width: 19%;
    position: relative;
}

.woocommerce-products-header .shope-filter-item ul li ul li {
    display: block;
    width: 100%;
}

.woocommerce-products-header .shope-filter-item ul li ul {
    left: 0;
    display: table;
    padding: 1.3125rem 0 0;
}

.woocommerce-products-header .shope-filter-item ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.woocommerce-products-header .shope-filter-item ul li ul li a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.woocommerce-products-header .shope-filter-item ul li ul li a:hover {
    color: #333333;
}

.woocommerce-products-header .shope-filter-item ul li ul li {
    padding-bottom: 0.3125rem;
}

.shope-filter-item .size-list a {
    height: 2.1875rem;
    width: 2.1875rem;
    display: block;
    text-align: center;
    line-height: 2.1875rem;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 700 !important;
}

.shope-filter-item .size-list a.active span {
    color: #333333 !important;
    border-color: #333333;
}

.shope-filter-item .size-list a span {
    transition: .3s all linear;
    border-color: #777777;
}

.shope-filter-item .size-list a:hover span {
    background: #333;
    border-color: #333;
    color: #fff !important;
}

.woocommerce-products-header .shope-filter-item ul li>ul.size-list>li {
    display: inline-block;
    width: 26%;
    padding-bottom: 0.875rem;
}

.woocommerce-products-header .shope-filter-item ul li>ul.size-list {
    padding-right: 1.5625rem;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li {
    display: inline-block;
    width: inherit;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list {
    padding-right: 4.0625rem;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a:hover {
    color: #333333;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a {
    color: #999999;
    margin-left: 0.1875rem;
    transition: .3s all linear;
}

.woocommerce-products-header .shope-filter-item ul li ul.color-list li {
    display: inline-block;
    width: 2.8125rem;
}

.woocommerce-products-header .shope-filter-item ul li ul.color-list {
    width: 100%;
}

.color-list li .color {
    height: 1.875rem;
    width: 1.875rem;
    background: #ff3000;
    display: block;
}

.color-list li .color2 {
    background-color: #ff9000;
}

.color-list li .color3 {
    background-color: #ffc000;
}

.color-list li .color4 {
    background-color: #fff000;
}

.color-list li .color5 {
    background-color: #8bec22;
}

.color-list li .color6 {
    background-color: #00d2ff;
}

.color-list li .color7 {
    background-color: #0012ff;
}

.color-list li .color8 {
    background-color: #c50bf4;
}

.color-list li .color9 {
    background-color: #ff00d2;
}

.color-list li .color10 {
    background-color: #0de545;
}

.color-list li {
    display: inline-block;
    width: 2.8125rem;
}

.woocommerce-products-header .shope-filter-item ul li ul.color-list {
    padding-right: 3.75rem;
}

.woocommerce-products-header .shope-filter-item ul li a {
    color: #333333;
}

.shop-toolbar-filter {
    padding-bottom: 2.0625rem;
}

/*41:02 shop side bar*/
.single-sidebar-widget .shop-sidebar {
    margin-top: 5rem;
}

.recent-product-wrap .recent-produt-image,
.new-product-wrap .new-produt-image {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 0.9375rem;
}

.recent-product-wrap .recent-produt-image img,
.new-product-wrap .new-produt-image img {
    -o-object-fit: cover;
    object-fit: cover;
}

.recent-product-wrap .product-img-caption h5 a,
.new-product-wrap .product-img-caption h5 a {
    font-weight: 700;
    color: #555555;
    margin-bottom: 0.3125rem;
}

.recent-product-wrap .product-img-caption h5 a:hover,
.new-product-wrap .product-img-caption h5 a:hover {
    color: #333333
}

.recent-product-wrap .product-img-caption h6,
.new-product-wrap .product-img-caption h6 {
    font-weight: 700;
    color: #777777;
    margin-bottom: 0;
}

.recent-product-wrap,
.new-product-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.recent-product-item ul li:not(:last-child),
.new-product-item ul li:not(:last-child) {
    padding-bottom: 1.25rem;
}

.single-widget-size .size-list a {
    height: 2.1875rem;
    width: 2.1875rem;
    display: inline-block;
    text-align: center;
    line-height: 2.1875rem;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 900 !important;
}

.single-widget-size .size-list li {
    display: inline-block;
    padding-right: 0.625rem;
}

.single-widget-size .size-list a.active .product-size {
    color: #333333 !important;
    border-color: #333333;
}

.single-widget-size .size-list a .product-size {
    color: #777777;
    border-color: #777777;
    transition: .3s all linear;
}

.single-widget-size .size-list a:hover .product-size {
    color: #fff !important;
    border-color: #333333;
    background: #333333;
}

.single-widget-color .color-list li {
    display: inline-block;
    padding-bottom: 0.625rem;
    padding-right: 0.6875rem;
    width: inherit;
}

.single-widget-color {
    margin-bottom: -1.3125rem;
}

.single-sidebar-widget .sider-add-inner.shope-add-sidebar:before {
    display: none;
}

.single-sidebar-widget .sider-add-inner.shope-add-sidebar {
    padding: 1.0625rem 1.875rem 1.875rem;
}

.sider-add-inner .sidebar-add-text p {
    padding-bottom: 3.9375rem;
}

.single-sidebar-widget.widget_categories {
    margin-top: -1.25rem;
}

.single-widget-catagoris a {
    font-size: 0.875rem;
    color: #777777;
}

.single-widget-catagoris ul li {
    padding-bottom: 0.625rem;
}

.single-widget-catagoris a:hover {
    color: #333333;
}

.single-widget-catagoris a {
    font-size: 0.875rem;
    color: #777777;
    transition: .3s all linear;
}

.woocommerce-products-header .shope-filter-item ul li ul.price-list li a:hover,
.woocommerce-products-header .shope-filter-item ul li ul.category-list li a:hover {
    margin-left: 0.25rem;
}

/*===============================================
    42: single product details
===============================================*/
.swiper-container.product-thumbs {
    width: 14.375rem;
}

.swiper-container.product-thumbs {
    width: 14.375rem;
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1001;
}

.shop-product-slider-wrap {
    position: relative;
}

.swiper-slide.active {
    border: 0.0625rem solid #333333;
}

.zoomContainer {
    z-index: 101;
}

.zoomContainer .zoomLens {
    width: 12.5rem !important;
    height: 12.5rem !important;
    border-radius: 0.3125rem !important;
    border-color: #333333 !important;
    border-width: 0.125rem !important;
}

.product-details-inner .product-info {
    display: block;
    padding: 0;
}

.product-details-inner .product-title {
    position: relative;
    bottom: 0;
    left: 0;
    margin-bottom: 0.9375rem;
}

.product-details-inner .product-info .product-rating {
    margin-bottom: 0.5625rem;
}

.product-details-inner .product-price h5 {
    margin-bottom: 1.25rem;
}

.product-details-inner .product-price .new-price {
    font-weight: 700;
    color: var(--color-hover01);
    display: inline-block;
    text-decoration: none;
}

.product-details-inner .product-price .old-price {
    text-decoration: line-through;
    display: inline-block;
    margin-left: 1.125rem;
}

.product-details-inner .product-description p {
    font-size: 1rem;
    margin-bottom: 2.375rem;
    line-height: 1.625rem;
}

.wish-btn a span {
    margin-right: 0.5rem;
}

.product-details-btns>* {
    display: inline-block;
    padding-right: 1.25rem;
}

.product-size {
    height: 2.1875rem;
    width: 2.1875rem;
    border: 0.125rem solid #333;
    display: inline-block;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    color: #777777 !important;
    font-weight: 900 !important;
}

.size-list .product-size.active {
    color: #333333 !important;
}

.list-product-group ul li {
    display: inline-block;
    vertical-align: middle;
}

.list-product-group ul li .size-list li .product-size {
    border-color: #777777;
    transition: .3s all linear;
}

.list-product-group ul li .size-list li .product-size.active {
    border-color: #333;
}

.list-product-group ul li .size-list li:hover .product-size {
    background: #333;
    border-color: #333;
    color: #fff !important;
}

.list-product-group ul li ul {
    display: inline-block;
}

.list-product-group ul .group {
    width: 49%;
    padding-bottom: 1.25rem;
}

.list-product-group ul .group .product-available,
.list-product-group ul .group .product-quantity {
    display: inline-block;
}

.list-product-group ul li .size-list li {
    padding-right: 0.5rem;
}

.list-product-group ul .group .list-heading {
    color: #333333;
    font-size: 1rem;
    text-transform: capitalize;
    margin-right: 0.9375rem;
}

.quantity-group .product-quantity-list {
    margin: 0 0.5rem;
}

.list-product-group ul .color-group ul li .color {
    height: 0.9375rem;
    width: 0.9375rem;
    background: #de2dcb;
    display: inline-block;
    position: relative;
    border-radius: 50%;
}

.list-product-group ul .color-group ul li .color2 {
    background-color: #00deff;
}

.list-product-group ul .color-group ul li .color3 {
    background-color: #53db39;
}

.list-product-group ul .color-group ul li {
    padding-right: 0.4375rem;
}

.list-product-group ul .color-group ul li .color.active {
    transform: scale(1.3);
}

.list-product-group {
    margin-bottom: 1.25rem;
    user-select: none;
}

.list-product-group ul .group .product-quantity-list {
    color: #333333 !important;
}

.product_meta.item-product-meta-info>* {
    display: block;
    font-size: 0.75rem;
    color: #999999;
}

.product_meta.item-product-meta-info a {
    color: #999999;
}

.item-product-meta-info label {
    margin-bottom: 0;
}

.item-product-meta-info {
    margin: 2.0625rem 0 1rem;
}

.single-product-share ul {
    display: inline-block;
}

.single-product-share ul li {
    display: inline-block;
    margin-right: 1rem;
}

.single-product-share ul li a {
    color: #999999;
    font-size: 1rem;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.single-product-share ul li a:hover {
    color: #333333;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.single-product-share label span {
    margin-right: 1rem;
    display: inline-block;
    border: 0.0625rem solid #eaeaea;
    color: #333333;
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    line-height: 1.875rem;
}

.zoomWindowContainer .zoomWindow,
.product-gallery .swiper-slide img {
    cursor: crosshair !important;
}

.product-thumbs .swiper-slide.swiper-slide-active {
    border: 0.0625rem solid #333333;
}

/*42:01 single product tab*/
.description-inner p {
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 2.875rem;
}

.description-content-image {
    width: 10rem;
    height: 14.375rem;
    margin-right: 1.875rem;
}

.description-content-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.description-content-image img {
    -o-object-fit: cover;
    object-fit: cover;
}

.description-content-text h5 {
    font-family: 'Lato', sans-serif;
    color: #333333;
    font-weight: 700;
    text-transform: capitalize;
}

.description-content-text p {
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 1rem;
}

.description-content-text ul li span {
    font-size: 0.875rem;
    color: #333333;
    margin-right: 0.625rem;
}

.description-content-text ul li {
    margin-bottom: 0.1875rem;
}

.faq-content-wrap ul li h5 {
    color: #333333;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.faq-content-wrap ul li {
    padding-left: 3.4375rem;
    position: relative;
    padding-bottom: 0.3125rem
}

.faq-list li span {
    color: #333333;
    display: block;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*42:03 faq type2*/
.faq-content-wrap.type2 {
    margin-top: -0.375rem;
}

.review-author-inner .review-author-image {
    height: 4.0625rem;
    width: 4.0625rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.875rem;
}

.review-author-details .product-rating {
    display: inline-block;
    vertical-align: middle;
}

.review-author-details h6 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-right:1.5625rem;
    font-size: 0.9375rem;
    color: #555555;
}

.review-author-details p {
    color: #999999;
    margin-bottom: 0;
}

.review-author-inner ul li:not(:last-child) {
    padding-bottom: 1.875rem;
}

.review-author-comment {
    border: 0.0625rem solid #333;
    padding: 2.8125rem 3.125rem 3.125rem;
    margin-top: 4.375rem;
}

.review-comment-heading h4 {
    font-weight: 700;
    text-transform: capitalize;
}

.review-comment-heading {
    margin-bottom: 1.9375rem;
}

.review-author-comment h6 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1rem;
}

.review-author-comment .product-rating {
    display: inline-block;
    vertical-align: middle;
}

.review-author-comment .star-rating span:before,
.review-author-comment .star-rating:before {
    top: 0.125rem;
}

.review-author-comment .comment-respond {
    margin-top: 0.8125rem;
}

.review-author-comment .comment-respond .btn.btn-fill-type {
    padding: 0.3125rem 1.25rem;
    color: #fff;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    background: #333 !important;
    outline: 0.125rem solid #333333;
    border-width: 0;
}

.review-author-comment .comment-respond .btn.btn-fill-type:hover {
    color: #333333;
}

.review-author-comment .comment-respond .btn.btn-fill-type:before {
    background-color: #fff;
}

.product-details-btns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab-content.single-product-tab {
    margin-bottom: 3.875rem;
}

.product-details-nav .nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/*42:04 related product*/
.related-product-heading h2 {
    font-weight: 700;
    color: #333333;
    text-transform: capitalize;
}

.related-product-heading {
    margin-bottom: 3.6875rem;
}

/*42:05 single product details out of stock*/
.product-details-inner .product-out-stock {
    margin-bottom: 2.3125rem;
}

.product-details-inner .product-out-stock h5 {
    font-weight: 700;
    color: #ff0000;
    text-transform: capitalize;
}

/*42:06 single product details grouped*/
.grouped-table tbody tr td:nth-child(2) h5 {
    font-weight: 700;
    margin-bottom: 0;
}

.grouped-table tbody tr td:last-child h4 {
    margin-bottom: 0;
}

.grouped-table tbody tr td:last-child {
    text-align: right;
}

.grouped-table tbody tr td:first-child .product-size {
    margin: 0 0.375rem;
}

.grouped-table table tr td {
    border: none;
    padding: 1.25rem;
}

.grouped-table table tr:first-child {
    border-bottom: 0.0625rem solid #d7d7d7;
}

.grouped-table table tr:first-child td {
    padding-top: 0;
}

.grouped-table table {
    white-space: nowrap;
    overflow: scroll;
}

.wish-btn a.external span {
    margin-right: 0;
}

/*===================================================
    43: Contact Us
===================================================*/
#map {
    width: 100%;
    height: 33.125rem;
}

.office-address-head h3,
.office-ifno-inner h3 {
    font-weight: 700;
    margin-bottom: 1.125rem;
}

.office-address-head,
.office-ifno-inner {
    margin-bottom: 3.3125rem;
}

.office-addess-inner .single-address h4 {
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.office-addess-inner .single-address {
    padding-bottom: 2.25rem;
}

.input-form-group {
    position: relative;
}

.input-form-group label {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-form-group textarea,
.input-form-group input {
    padding-left: 1.5rem;
}

.input-form-group {
    margin-bottom: 1.875rem;
}

.input-form-group label.text-area {
    margin-bottom: 0;
    top: 1.375rem;
}

.address-form-inner .btn-fill-type {
    background: #333333;
    color: #fff;
    padding: 0.1875rem 1.25rem;
}

.address-form-inner .btn-fill-type:before {
    background: #fff;
}

.address-form-inner .btn-fill-type:hover {
    color: #333333;
}

.address-form-inner [type="submit"]{
    height: auto;
}

.form-response span {
    color: #fff;
    background: #333;
    padding: 0.375rem 0.9375rem;
}

.theme-input-style:focus::-webkit-input-placeholder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 3.125rem;
}

.theme-input-style:focus::-moz-placeholder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 3.125rem;
}

.theme-input-style:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 3.125rem;
}

.theme-input-style:focus::placeholder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .4s all linear;
    transition: .4s all linear;
    padding-left: 3.125rem;
}

.theme-input-style::-webkit-input-placeholder {
    color: #c8c8c8 !important;
    font-size: 0.875rem !important;
}

.theme-input-style::-moz-placeholder {
    color: #c8c8c8 !important;
    font-size: 0.875rem !important;
}

.theme-input-style:-ms-input-placeholder {
    color: #c8c8c8 !important;
    font-size: 0.875rem !important;
}

.theme-input-style::placeholder {
    color: #c8c8c8 !important;
    font-size: 0.875rem !important;
}

.we-are-social h3 {
    font-weight: 700;
    margin-bottom: 1rem;
}

.we-are-social p {
    margin-bottom: 1rem;
}

.we-are-social .footer-social-area {
    margin-top: 1.1875rem;
}

.office-address-form {
    padding-left: 1.25rem;
}

/* ===========================================
    44: comming soon
=========================================== */
.coming-header .logo {
    padding:1.5625rem 0;
}

.coming-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.coming-inner-text h1 {
    font-weight: 700;
    color: #ff0000;
    line-height: 2.25rem;
    text-transform: uppercase;
}

.coming-inner-text h4 {
    font-weight: 700;
}

.coming-soon-inner ul li strong {
    font-size: 3.75rem;
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
}

.coming-soon-inner ul li {
    display: inline-block;
    position: relative;
    border: 0.0625rem solid #ff0000;
    padding: 1.75rem 0.375rem 0.9375rem;
    margin-right: 3.4375rem;
}

.coming-soon-inner {
    margin-top: 3.125rem;
}

.coming-soon-inner ul li span {
    position: absolute;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333333;
}

.coming-inner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat !important;
    background-position: 80% 0% !important;
}

.coming-soon-inner ul {
    margin-bottom: 1.5rem;
}

.coming-inner-text .theme-input-style {
    color: #333333 !important;
}

/* search result */
.search-input-text {
    margin-bottom: 2.625rem;
}

/* coming soon type2 */
.coming-soon-inner ul li {
    background: #fff;
}

.coming-soon-social-area {
    margin-top: 3.125rem;
}

.coming-soon-social-area .sidebar-social-area ul li a {
    background: #eeeeee;
}

.coming-soon-social-area .sidebar-social-area ul li a:hover {
    background: #333333;
}

.type2 .coming-soon-inner ul li {
    padding: 2rem 1rem 1.1875rem;
}

.type2 .coming-soon-inner ul li span {
    padding-right: 0.3125rem;
}

/*===============================================
    45: footer area
===============================================*/

.fa-envelope:before {
    content: "\f0e0" !important;
}

.pattern {
    background-image: url('../../assets/img/pattern.png');
    /* background-color: red; */
}

.footer-logo {
    margin-bottom: 1.25rem;
}

.footer-header h5 {
    font-weight: 800;
    color: #333333;
    margin-bottom: 0;
    text-transform: capitalize;
}

.footer-about-text p {
    font-size: 0.875rem;
}

.footer-header {
    margin-bottom: 1.375rem;
    margin-top: 2.1875rem;
}

.links-list li {
    padding: 0 0 0.3125rem 0;
}

.links-list li a:hover {
    color: #333333;
}

.links-list li a {
    color: #777777;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 0.875rem;
}

.copyright-text p a {
    color: #777777;
}

.footer-contact-list li {
    padding-bottom: 0.3125rem;
    color: #777777;
    font-size: 0.875rem;
    position: relative;
    padding-left: 2.25rem;
}

.footer-type1 .trams-conditaion ul li a:hover {
    color: #333333 !important;
}

.trams-conditaion ul li a:hover {
    color: #fff !important;
}

.footer-contact-list li span {
    display: inline-block;
    padding-right: 0;
    font-size: 1rem;
    color: #777777;
    position: absolute;
    left: 0;
}

.footer-contact-list li a {
    color: #777777;
}

.footer-bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem 0.125rem;
    border-top: 0.0625rem solid #999999;
}

.trams-conditaion ul li {
    display: inline-block;
    padding: 0 0.75rem;
}

.copyright-text p {
    margin-bottom: 0;
    -webkit-transform: inherit;
    transform: inherit;
    font-size: 0.875rem;
}

.footer-bottom-wrap {
    padding: 1.25rem 0;
}

.footer-widget {
    margin-bottom: 2.5rem;
    color: #777777;
}

.links-list li:last-child,
.footer-contact-list li:last-child {
    padding-bottom: 0;
}

.trams-conditaion ul li a {
    color: #999999;
    font-size: 0.875rem;
}

.trams-conditaion ul li:last-child {
    padding-right: 0;
}

.links-list li a:hover {
    margin-left: 0.25rem;
}

.copyright-text p a {
    font-weight: 700;
    transition: .3s all linear;
}

.copyright-text p:hover a {
    color: #fff !important;
}

.footer-type1 .copyright-text p:hover a {
    color: #333 !important;
}

/*45:01 footer type2*/
.footer-type2 .footer-bottom-wrap {
    border-width: 0;
}

.footer-type2 .footer-bottom {
    background-color: #333333;
}

.footer-type2 .trams-conditaion ul li a,
.footer-type2 .copyright-text p a,
.footer-type2 .copyright-text p {
    color: #fff;
}

.footer-subscribe button[type=submit] {
    cursor: pointer;
    background: transparent;
    border: none;
    color: #333333;
    width: inherit;
    position: absolute;
    top: 50%;
    right: 0.25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-subscribe {
    position: relative;
}

.footer-social-area ul li a:hover {
    color: #fff;
    background-color: #333333;
}

.footer-social-area ul li a {
    height: 1.875rem;
    width: 1.875rem;
    display: block;
    border: 0.0625rem solid #333333;
    border-radius: 50%;
    line-height: 1.75rem;
    text-align: center;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 0.75rem;
}

.footer-social-area ul li {
    display: inline-block;
    margin-right: 0.4375rem;
}

.footer-social-area {
    margin-top: 1.5rem;
}

footer.pattern {
    border-top: 0.0625rem solid #f9f9f9;
}

/*45:02 footer type3*/
.footer-type3 {
    background: #333333;
}

.footer-type3 .footer-bottom {
    background: #3d3d3d;
}

.footer-type3 .footer-bottom-wrap {
    border-width: 0;
}

.footer-type3 .footer-widget {
    color: #d7d7d7;
}

.footer-type3 .theme-input-style {
    font-size: 0.875rem;
    color: #777777;
    border-color: #d1d1d1;
}

.footer-type3 .footer-subscribe button[type=submit] {
    color: #fff;
}

.footer-type3 .footer-header h5 {
    color: #fff;
}

.footer-type3 .footer-contact-list li span,
.footer-type3 .links-list li a,
.footer-type3 .footer-contact-list li a,
.footer-type3 .footer-contact-list li {
    color: #d7d7d7;
}

.footer-type3 .footer-social-area ul li a {
    border: 0.0625rem solid #d7d7d7;
    color: #ffffff;
}

.footer-type3 .trams-conditaion ul li a,
.footer-type3 .copyright-text p a,
.footer-type3 .copyright-text p {
    color: #999999;
}

.footer-type3 .footer-social-area ul li a:hover {
    color: #333333;
    background: #ffffff;
    border-color: #fff;
}

.footer-type3 .footer-header {
    margin-top: 0.6875rem;
}

.footer-type3 .footer-widget {
    margin-bottom: 3.125rem;
}

/*45:03 footer type4*/
.footer-type4 {
    background-color: #fcfcfc;
}

.footer-type4 .footer-bottom {
    background-color: #333333;
}

.footer-type4 .trams-conditaion ul li a,
.footer-type4 .copyright-text p a,
.footer-type4 .copyright-text p {
    color: #d7d7d7;
}

.footer-type4 .footer-widget {
    margin-bottom: 3.125rem;
}

.footer-type4 .footer-bottom-wrap {
    border-width: 0;
}

/*=============================================
    46: Others
==============================================*/

h1 span {
    color: #999999;
}

/*46.01: About block */
.about-content h1 {
    margin-top: -0.75rem;
}

.about-content p {
    margin-bottom: -0.3125rem;
}

/* 46.02: Why us */
.single-reason {
    border: 0.0625rem solid #ecf7fe;
    padding: 1.875rem 0.9375rem1.5625rem;
}

.single-reason i {
    font-size: 1.875rem;
    color: #00c544;
}

.single-reason .h5 {
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 0.875rem;
}

.single-reason span {
    color: #4c4f60;
}

/* 46.03: Subscription */
.primary-form {
    position: relative;
}

.primary-form input:not([type=submit]) {
    height: 2.5rem;
    padding: 0 0 0 0.9375rem;
    font-size: 0.875rem;
}

.subscribe-form input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: no-repeat;
    cursor: pointer;
    padding: 0 1.25rem
}

.primary-form .parsley-errors-list {
    display: none;
}

.subscribe-form .subscribe-btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #333;
    padding: 0.375rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.subscribe-form:focus .subscribe-btn {
    color: #fff;
}

.subscribe-form .subscribe-btn:after {
    content: "";
    position: absolute;
    height: 1.25rem;
    width: 1.25rem;
    right: 0;
    bottom: 0;
    background: #333;
    opacity: .2;
    transition: .3s all linear;
}

.subscribe-form .theme-input-style:focus+button:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;
}

.subscribe-form .theme-input-style:focus+button {
    color: #fff;
}

.subscribe-bg .subscribe-form .subscribe-btn:after {
    background: #fff;
}

.subscribe-bg .subscribe-form .subscribe-btn {
    color: #fff;
}

.subscribe-bg .subscribe-form .theme-input-style:focus+button {
    color: #333;
}

.subscribe-bg .subscribe-form .theme-input-style:focus+button:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;
}

.subscribe-bg .subscribe-form .theme-input-style:focus+button {
    color: #333;
}

/* 46.04: Carousel controls */
.carousel-control {
    border: 0.0625rem solid #e2e6fb;
    width: 2.5rem;
    height: 2.5rem;
    color: #8388a8;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    background-color: #00c544;
    border-color: #00c544;
    outline: none;
}

.swiper-button-disabled {
    pointer-events: none;
}

/* 46.05: Slider pagination style */
.slider-pagination-style .swiper-pagination-bullet {
    width: 0.9375rem;
    height: 0.3125rem;
    border: 0.0625rem solid #e2e6fb;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin: 0 0.3125rem;
}

.slider-pagination-style .swiper-pagination-bullet-active {
    width: 0.9375rem;
    height: 0.625rem;
    background: #e2e6fb;
}

.slider-pagination-style .swiper-pagination-bullet:focus {
    outline: none;
}

/* 46.06: Social icons */
.social-icons li:not(:last-child) {
    margin-right:1.5625rem;
}

/* 46.07: Back to top */
.back-to-top {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

.back-to-top.show {
    bottom: 1.875rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 999;
}

.back-to-top a {
    width: 2.1875rem;
    height: 2.1875rem;
    background: #000;
    box-shadow: 0rem 0.3125rem 1.875rem rgba(0, 0, 0, 0.60);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 1rem;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 2.1875rem;
    bottom: 10%;
    right: 4%;
    position: fixed;
    z-index: 998;
    -webkit-transform: scale(0);
    transform: scale(0);


}

.top-array {
    border-bottom: 0.125rem solid #fff;
    border-left: 0.125rem solid #fff;
    height: 0.5rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 0.5rem;
    position: absolute;
    left: 0.875rem;
    top: 0.8125rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.top-line {
    background-color: #fff;
    height: 0.625rem;
    left: 1.125rem;
    position: absolute;
    top: 0.875rem;
    width: 0.125rem;
    margin-left: -0.0625rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.back-to-top.show a:hover .top-line {
    height: 0.875rem;
    border-color: #000;
    background: #000;
    top: 0.75rem;
}

.back-to-top a:hover .top-array {
    border-color: #000;
    top: 0.6875rem;
}

.back-toop-tooltip {
    position: absolute;
    top: -4.0625rem;
    -webkit-transform: rotate(-90deg) translateX(1.25rem);
    transform: rotate(-90deg) translateX(1.25rem);
    width: 6.25rem;
    left: -2.0625rem;
    -webkit-transition: .6s all ease;
    transition: .6s all ease;
    line-height: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.back-toop-tooltip span {
    color: #000;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

.back-to-top a:hover .back-toop-tooltip {
    -webkit-transform: rotate(-90deg) translateX(0.3125rem);
    transform: rotate(-90deg) translateX(0.3125rem);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.back-to-top.show a {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.back-to-top a:hover {
    background: #fff;
    color: #000;
}

.back-to-top.home6 a {
    background: #00c6c6;
}


/* 46.08: Preloader */
.sk-cube-grid {
    width: 3.125rem;
    height: 3.125rem;
}

.sk-cube-grid .sk-cube.sk-cube5 {
    background: #fff;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

.preLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    overflow: hidden;
}

.preloder-inner {
    margin: auto auto;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* 46.09: Form validation */
.parsley-errors-list,
.wpcf7-not-valid-tip {
    list-style: none;
    padding: 0;
    position: absolute;
    left: 0;
    margin: -0.625rem 0 0;
    top: 100%;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.wpcf7-form-control-wrap {
    display: block;
}

.parsley-errors-list li,
.wpcf7-not-valid-tip {
    font-size: 0.8125rem !important;
    line-height: 1.5;
    background: red;
    color: #fff !important;
    padding: 0 0.625rem;
}

/* 46.10: Content animation */
[data-animate] {
    visibility: hidden;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

[data-animate].animated {
    visibility: visible;
}


/* Tô Mỳ Add */


.cybr-btn {
    --primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));
    --shadow-primary: hsl(var(--shadow-primary-hue), 0%, 0%);
    --primary-hue: 0;
    --primary-lightness: 50;
    --color: hsl(0, 0%, 100%);
    --font-size: 0.5rem;
    --shadow-primary-hue: 180;
    --label-size: 0.3125rem;
    --shadow-secondary-hue: 60;
    --shadow-secondary: hsl(var(--shadow-secondary-hue), 90%, 60%);
    --clip: polygon(0 0, 100% 0, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 70%);
    --border: 0.125rem;
    --shimmy-distance: 5;
    --clip-one: polygon(0 2%, 100% 2%, 100% 95%, 95% 95%, 95% 90%, 85% 90%, 85% 95%, 8% 95%, 0 70%);
    --clip-two: polygon(0 78%, 100% 78%, 100% 100%, 95% 100%, 95% 90%, 85% 90%, 85% 100%, 8% 100%, 0 78%);
    --clip-three: polygon(0 44%, 100% 44%, 100% 54%, 95% 54%, 95% 54%, 85% 54%, 85% 54%, 8% 54%, 0 54%);
    --clip-four: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
    --clip-five: polygon(0 0, 100% 0, 100% 0, 95% 0, 95% 0, 85% 0, 85% 0, 8% 0, 0 0);
    --clip-six: polygon(0 40%, 100% 40%, 100% 85%, 95% 85%, 95% 85%, 85% 85%, 85% 85%, 8% 85%, 0 70%);
    --clip-seven: polygon(0 63%, 100% 63%, 100% 80%, 95% 80%, 95% 80%, 85% 80%, 85% 80%, 8% 80%, 0 70%);
    /* font-family: 'Cyber', sans-serif; */
    color: var(--color);
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    font-size: var(--font-size);
    outline: transparent;
    letter-spacing: 0.125rem;
    position: relative;
    font-weight: 700;
    border: 0;
    padding: 0.25rem 0.375rem;
    min-width: 3.125rem;
    display: inline-block;
    /* height: 4.6875rem; */
    line-height: 1.5;
    transition: background 0.2s;
}

.cybr-btn:hover,
.product-item .cybr-btn {
    --primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.8%));
}

.product-item:hover .cybr-btn{
    --primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 1%));
}

.cybr-btn:hover{
    color: #fff;
    text-shadow: rgb(0, 0, 0) 0.125rem 0rem 0rem, rgb(0, 0, 0) 0.1097rem 0.0599rem 0rem, rgb(0, 0, 0) 0.0675rem 0.1052rem 0rem, rgb(0, 0, 0) 0.0088rem 0.1247rem 0rem, rgb(0, 0, 0) -0.052rem 0.1137rem 0rem, rgb(0, 0, 0) -0.1001rem 0.0748rem 0rem, rgb(0, 0, 0) -0.1237rem 0.0176rem 0rem, rgb(0, 0, 0) -0.1171rem -0.0438rem 0rem, rgb(0, 0, 0) -0.0817rem -0.0946rem 0rem, rgb(0, 0, 0) -0.0263rem -0.1222rem 0rem, rgb(0, 0, 0) 0.0355rem -0.1199rem 0rem, rgb(0, 0, 0) 0.0886rem -0.0882rem 0rem, rgb(0, 0, 0) 0.12rem -0.0349rem 0rem;
}

.cybr-btn:hover .cybr-btn__glitch,
.product-item .cybr-btn__glitch {
    display: block;
}

.product-item:hover .cybr-btn__glitch {
    display: none;
}

.product-item:hover .cybr-btn:hover .cybr-btn__glitch{
    display: block;
}

.cybr-btn:active {
    --primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.6%));
}

.cybr-btn:after,
.cybr-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: var(--clip);
    z-index: -1;
}

.cybr-btn:before {
    background: var(--shadow-primary);
    transform: translate(var(--border), 0);
}

.cybr-btn:after {
    background: var(--primary);
}

.cybr-btn__tag {
    position: absolute;
    padding: 0.0625rem 0.25rem;
    letter-spacing: 0.0625rem;
    line-height: 1;
    bottom: -5%;
    right: 5%;
    font-weight: normal;
    /* color: hsl(0, 0%, 0%); */
    font-size: var(--label-size);
    mix-blend-mode: difference;
    color: #fff;
}

.cybr-btn__glitch {
    position: absolute;
    top: calc(var(--border) * -1);
    left: calc(var(--border) * -1);
    right: calc(var(--border) * -1);
    bottom: calc(var(--border) * -1);
    background: var(--shadow-primary);
    text-shadow: 0.125rem 0.125rem var(--shadow-primary), -0.125rem -0.125rem var(--shadow-secondary);
    clip-path: var(--clip);
    animation: glitch 2s infinite;
    display: none;
}

.cybr-btn__glitch:before {
    content: '';
    position: absolute;
    top: calc(var(--border) * 1);
    right: calc(var(--border) * 1);
    bottom: calc(var(--border) * 1);
    left: calc(var(--border) * 1);
    clip-path: var(--clip);
    background: var(--primary);
    z-index: -1;
}

@keyframes glitch {
    0% {
        clip-path: var(--clip-one);
    }

    2%,
    8% {
        clip-path: var(--clip-two);
        transform: translate(calc(var(--shimmy-distance) * -1%), 0);
    }

    6% {
        clip-path: var(--clip-two);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    9% {
        clip-path: var(--clip-two);
        transform: translate(0, 0);
    }

    10% {
        clip-path: var(--clip-three);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    13% {
        clip-path: var(--clip-three);
        transform: translate(0, 0);
    }

    14%,
    21% {
        clip-path: var(--clip-four);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    25% {
        clip-path: var(--clip-five);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    30% {
        clip-path: var(--clip-five);
        transform: translate(calc(var(--shimmy-distance) * -1%), 0);
    }

    35%,
    45% {
        clip-path: var(--clip-six);
        transform: translate(calc(var(--shimmy-distance) * -1%));
    }

    40% {
        clip-path: var(--clip-six);
        transform: translate(calc(var(--shimmy-distance) * 1%));
    }

    50% {
        clip-path: var(--clip-six);
        transform: translate(0, 0);
    }

    55% {
        clip-path: var(--clip-seven);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    60% {
        clip-path: var(--clip-seven);
        transform: translate(0, 0);
    }

    31%,
    61%,
    100% {
        clip-path: var(--clip-four);
    }
}

.cybr-btn:nth-of-type(2) {
    --primary-hue: 260;
}

.single-product .product-rating {
    font-size: 0.8rem;
}

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

.div_widget_wp>ul>li {
    list-style: none;
    margin-bottom: 3.75rem;
}

.div_widget_wp>ul>li:last-child {
    margin-bottom: 0;
}

.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
}

.wp-block-heading {
    width: 100%;
}