/*---------------------------------------------
Template name:  Kinen Ecommerce
Version:        1.0
Author:         ThemeLooks
Author url:     http://themelooks.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

[Table of Content]

01: General CSS 
    1.1: Default CSS
    1.2 scroll bar
    1.3: Buttons
    1.4: theme main hover effect
    1.5: Padding/Margin
    1.6: Overlay
    1.7: Animations
02: Header
    2.1: Header Menu 1
    2.2: header menu home page 2
    2.3: header menu home page 3
    2:4 sticky social area
    2.5: header menu home page 4
03: Page Title
04: Banner
    4.1: main banner 01
    4.02: main banner home2
    4:3 dress pointer home banner2
    4:4 pointer position
    4.05: main banner home3
    4.6: main banner home 4
    4.07: main banner home 5
05: Modal Window
06: Quick view modal container
    6:1 modal add to cart
07: Side nave
08: offcanvas
09: About Us page
    09:1 about intro
    09:2 about ceo
    9:03 our team
10: Collection section
    10:2 collection type2
11: add section
12: our partner
13: Quick service
14: top sellers
    14:01 top sellers type2
15: Call to action
16: dash add
17: Featured area
    17:01 section title
    17:02 section title type2
    17:03 featured type2
18: New Arrivel
    18:2 new arrival type2
    18:3 type 3 shop page
    18:4 single product type4
19: offer area
20: Insta feed
21: Tweeter feed
22: Coming soon area
23: Subscribe area
    23:02 subscribe type2
24: About Us
25: our testimonial area
    25:01 testimonial area
26: Our Out late
27: Counter up
28: Strat Our Blog
29: Blog details
    29:01 post main content
    29:02 post content body
    29:03 post tag and share
    29:04 post  author
    29:05 related post
    29:06 Comment form
30: Single Blog right side bar
    30:01 blog side bar
31: Blog list style
    31:01 block quort
32: Blog Pinterest
33: Error page
    33:01 error type 2
    33:02 error type 3
34: Category page
    34:01 category page1
    34:02 Category page2
    34:03 category page3
    34:04 category page 4
35: Collection pages
    35:01 colllection page1
    35:02 collection page2
    35:03 category page3
    35:04 category page 4
36: cart page
37: Wish list page
38: Check Out page
    38:01 billing details
    38:02 terms and conditions
39: My account
    39:01 dashboard nav
    39:02 dashboard content
    39:03 order
    39:04 download
    39:05 address
    39:06 account details
40: Order Tracking
41: Shope 2 column with side bar
    41:01 filter menu
    41:02 shop side bar
    42: single product details
    42:01 single product tab
    42:03 faq type2
    42:04 related product
    42:05 single product details out of stock
    42:06 single product details grouped
43: Contact Us
44: comming soon
45: footer area
    45:01 footer type2
    45:02 footer type3
    45:03 footer type4
46: Others
    46.01: About block
    46.02: Why us
    46.03: Subscription
    46.04: Carousel controls
    46.05: Slider pagination style
    46.06: Social icons
    46.07: Back to top
    46.08: Preloader
    46.19: Form validation
    46.10: Content animation
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/
.line-none a::after{
    display: none;
}
 .center-box-wrapper{
    gap: 5px !important;
 }
@media (max-width:991px)
 {
    .section-title span{
        display: none !important;
    }
    .colletion-wrapper-2 a{
        font-size: 12px !important;
    }
    .page-title-heading h1.h2 span {
        font-size: 44px  !important;
    }
   
    .zoom-container img {
        transform: none !important;
        cursor: pointer !important;
        transform-origin: unset !important;
    }
    .home-big-product-text{
        padding:0 !important;
    }
    .home-wrapper-last .home-big-product-text {
        padding-top:30px !important; 
    }
    .home-big-product-section .category-image {
        height: calc(70vh - 80px) !important;
    }
    .quick-view-content-inner{
        padding:70px 20px  !important;
    }
    .colletion-wrapper a {
        font-size: 12px !important;
    }

        .about-wrapper-top{
        flex-direction:column-reverse;
        gap:20px;
    }
    .about-wrapper-top .ceo-discription-inner{
        padding:0;
    }
    .about-wrapper-bottom {
        gap: 20px;
    }

        .about-wrapper-bottom .ceo-discription-inner {
            padding: 0;
        }
    .home-wrapper-last .home-big-product-text {
        top: -70px;
        position: relative;
        z-index: 999;
    }
    .home-wrapper-last .home-big-product-text a {
        font-size: 12px !important;
    }

    .line-none {
        padding: 15px 15px 15px 15px !important;
    }
    .video-banner-x-life {
        margin-top: 38px !important;
    }
    .video-banner {
        top: 81px !important;
        margin-bottom: 110px !important;
        height: auto !important;
    }

    
}
@media screen and (max-width: 992px) {
    .header-mobile-menu {
        display: flex !important;
        align-items: center;
        flex-direction: row-reverse;
        gap: 15px;
    }
        .header-mobile-menu #menu-button {
            display: none !important;
        }
}
@media (max-width:691px) {
    .header-mobile-menu #menu-button {
        display: block !important;
    }
    .header-menu ul {
        display: none !important;
    }
}
    .page-title-inner {
        background: none !important;
    }

    @media (min-width: 991px) and (max-width: 1199px) {
        .center-box-wrapper .home-big-product-title {
            font-size: 14px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1299px) {
        .center-box-wrapper .home-big-product-title {
            font-size: 16px;
        }
    }

    @media (min-width: 1300px) and (max-width: 1520px) {
        .center-box-wrapper .home-big-product-title {
            font-size: 18px;
        }
    }

    @media (min-width:991px) {
        .video-banner {
            margin-bottom: 100px !important;
        }
    }

    .video-banner {
        position: relative;
        width: 100%;
        height: calc(100vh - 80px); /* Tam ekran görünüm */
        overflow: hidden;
        top: 86px;
    }

    video {
        width: 100%;
    }


    .colletion-wrapper-2 {
        padding-bottom: 50px
    }

    .colletion-wrapper {
        width: 100%;
        text-align: center;
    }

        .colletion-wrapper a {
            font-size: 22px;
            text-align: center;
            color: #fff !important;
            background: rgba(51, 49, 62, .8);
            text-transform: uppercase;
            padding: 5px 10px;
        }

    .colletion-wrapper-2 a {
        font-size: 22px;
        text-align: center;
        color: #fff !important;
        background: rgba(51, 49, 62, .8);
        text-transform: uppercase;
        padding: 5px 10px;
    }

    .collection-title {
        font-size: 24px;
        font-weight: semibold;
        color: #000;
        margin-bottom: 20px;
    }

    .line-none a {
        padding: 20px 0 20px !important;
    }

    .max .container {
        max-width: 1340px !important;
    }

    .header-mobile-menu {
        display: none;
    }

    .zoom-container-none img {
        transform: none !important;
        cursor: pointer !important;
        transform-origin: unset !important;
    }

    .category-page .col-lg-3 {
        margin-bottom: 80px !important;
    }

    .line-none img {
        max-width: 70px;
    }

    .category-page .href-box {
        padding-top: calc(1152 / 960 * 100% + 30px);
        display: block;
    }

    .category-page .category-image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .home-big-product-text {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 35px 10px 15px 10px;
    }

        .home-big-product-text a {
            background: rgba(51, 49, 62, .8);
            color: #fff !important;
            padding: 5px 10px;
        }

    .footer-button a {
        background: rgba(51, 49, 62, .8);
        color: #fff !important;
        padding: 5px 10px;
    }

    .footer-button .home-big-product-title {
        font-size: 16px !important;
        text-align: left !important;
    }

    .category-page .home-big-product-text {
        position: absolute;
        bottom: -56px;
    }

    .home-big-product-section .category-image {
        width: 100% !important;
        height: calc(100vh - 80px);
        /*  padding-top: calc((938 / 640) * 100%);*/
    }

    .home-big-product-title {
        font-size: 22px;
        text-align: center;
        color: #000;
        text-transform: uppercase;
    }

    .home-big-product-href {
        padding-top: 5px;
    }

    .category-little-img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        object-fit: cover;
    }






    /* 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: rgba(51, 49, 62, .8);
        color: #fff;
        text-shadow: none;
    }

    ::selection {
        background: rgba(51, 49, 62, .8);
        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;
    }

    .about-style-four .image-box .image img {
        height: 300px !important;
        width: 100% !important;
    }
    /* 1.2 scroll bar */
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-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: rgba(51, 49, 62, .8);
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        a:hover {
            color: #000;
        }

        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: 60px;
        line-height: 80px;
    }

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

    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }

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

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

    h6, .h6 {
        font-size: 14px;
    }

    p {
        line-height: 26px;
        margin-bottom: 25px;
        font-weight: 400;
    }

    body {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #777777;
        background: #fff;
        line-height: 26px;
        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: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            font-size: 20px;
            height: 30px;
            pointer-events: none;
        }

    .width-expend {
        width: 170px;
    }


    /* 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: 10px 20px 8px;
        overflow: hidden;
        z-index: 0;
        font-size: 16px;
        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: 25px;
            width: 25px;
            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: 8px 0 2px;
            font-weight: 400;
        }

    .btn-line.btn:before {
        height: 1px;
        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: 2px solid #333;
        padding: 11px 20px;
        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: 14px;
    }

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

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

    .half-gutter {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

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

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

    .theme-border-top {
        border-top: 1px solid #999999;
    }

    .theme-border-bottom {
        border-bottom: 1px solid #999999;
    }

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

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

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

    .form-field {
        position: relative;
        margin-bottom: 15px;
    }

    .theme-input-style {
        font-size: 12px;
        width: 100%;
        height: 40px;
        padding: 0 10px;
        -webkit-transition: all .2s;
        transition: all .2s;
        background: transparent;
        border: none;
        border-bottom: 1px 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: 10px;
        min-height: 120px;
        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: 2px;
        margin-right: 5px;
    }

    .form-group {
        position: relative;
    }

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

    .alignleft {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .alignright {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto 15px;
    }
    /* 1.5: Padding/Margin */
    .pt-140 {
        padding-top: 140px;
    }

    .pb-140 {
        padding-bottom: 140px;
    }

    .pt-130 {
        padding-top: 130px;
    }

    .pb-130 {
        padding-bottom: 130px;
    }

    .pt-120 {
        padding-top: 120px;
    }

    .pb-120 {
        padding-bottom: 120px;
    }

    .pt-110 {
        padding-top: 110px;
    }

    .pb-110 {
        padding-bottom: 110px;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .pb-100 {
        padding-bottom: 100px;
    }

    .pt-90 {
        padding-top: 90px;
    }

    .pb-90 {
        padding-bottom: 90px;
    }

    .pt-80 {
        padding-top: 80px;
    }

    .pb-80 {
        padding-bottom: 80px;
    }

    .pt-70 {
        padding-top: 70px;
    }

    .pb-70 {
        padding-bottom: 70px;
    }

    .pt-60 {
        padding-top: 60px;
    }

    .pb-60 {
        padding-bottom: 60px;
    }

    .pt-55 {
        padding-top: 55px;
    }

    .pb-55 {
        padding-bottom: 55px;
    }

    .pt-50 {
        padding-top: 50px;
    }

    .pb-50 {
        padding-bottom: 50px
    }

    .pt-40 {
        padding-top: 40px;
    }

    .pb-40 {
        padding-bottom: 40px;
    }

    .pt-30 {
        padding-top: 30px;
    }

    .pb-30 {
        padding-bottom: 30px;
    }

    .pt-20 {
        padding-top: 20px;
    }

    .pb-20 {
        padding-bottom: 20px;
    }

    .pt-10 {
        padding-top: 10px;
    }

    .pb-10 {
        padding-bottom: 10px;
    }

    .mt-140 {
        margin-top: 140px;
    }

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

    .mt-120 {
        margin-top: 120px;
    }

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

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

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

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

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

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

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

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

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

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

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


    .mr-50 {
        margin-right: 50px;
    }

    .ml-50 {
        margin-left: 50px;
    }

    .mlr-25 {
        margin-right: 25px;
        margin-left: 25px;
    }

    .pl-50 {
        padding-left: 50px;
    }
    /*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;
        }

    swiper-container {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
    }

        swiper-slide .category-image {
            height: 400px;
            width: 100%;
        }

        swiper-slide img {
            display: block;
            width: 100%;
        }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transform: translate3d(0,-40px,0);
            transform: translate3d(0,-40px,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,-40px,0);
            transform: translate3d(0,-40px,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,40px,0);
            transform: translate3d(0,40px,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,40px,0);
            transform: translate3d(0,40px,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(0px);
            transform: translateY(0px);
        }

        50% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
        }

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

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

        50% {
            -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
        }

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

    .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: 25px;
        height: 3px;
        background-color: #222;
        z-index: 0;
        display: block;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

        #menu-button span.bar.bar2 {
            margin: 5px 0;
        }

    #menu-button:hover .bar1 {
        -webkit-transform: rotate(-45deg) translate3d(-2px, 2px, 0);
        transform: rotate(-45deg) translate3d(-2px, 2px, 0);
        width: 13px;
    }

    #menu-button:hover .bar3 {
        width: 13px;
        -webkit-transform: rotate(45deg) translate3d(-2px, -2px, 0);
        transform: rotate(45deg) translate3d(-2px, -2px, 0);
    }

    .main-header {
        box-shadow: none;
        position: fixed;
        z-index: 9999;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: background .3s;
        transition: background .3s;
    }

        .main-header.stuck {
            position: fixed;
            top: 0;
            box-shadow: 0 0 10px 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: 20px;
            padding-right: 20px;
        }

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

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

            .header-menu > ul > li > a {
                padding: 35px 0 35px;
                font-size: 16px;
                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: 12px;
                display: block;
                text-align: center;
                width: 100%;
                position: absolute;
                top: 63px;
            }

        .header-menu ul ul {
            position: absolute;
            /*left: -9999px;*/
            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 10px 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(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
            top: 86px;
            -webkit-transition: .2s all linear;
            transition: .2s all linear;
        }

        .header-menu > ul > li:hover > ul {
            -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
            top: 86px;
            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: 32px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

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

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

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

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

        .header-menu ul ul li a {
            width: 210px;
            padding: 8px 20px;
            font-size: 14px;
            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: 15px;
                top: 16px;
                font-size: 10px;
            }

        .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: 25px;
        }

            .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: 15px;
            }

        .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: 5px;
                width: 15px;
                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: 8px 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: 6px;
            height: 6px;
            left: 10px;
            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: 2px;
            font-family: FontAwesome;
            position: absolute;
            top: 50%;
            color: #000;
            transform: translateY(-40%);
            height: 1px;
            width: 7px;
            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: 10px;
            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: #fff;
        position: fixed;
        width: 100%;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        box-shadow: 0 0 10px rgba(0,0,0,.15);
    }

    .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: 16px;
    }

    .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.sticky .logo .default-logo {
        display: none;
    }

    .main-header.sticky .logo .sticky-logo {
        display: block;
    }

    .main-header-wraper {
        padding: 0 50px;
    }

    .modal-menu-container ul {
        display: inline-flex;
        align-items: center;
    }

        .modal-menu-container ul li {
            padding-right: 20px;
            vertical-align: middle;
        }

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

    .header-menu ul ul ul {
        left: 210px;
    }

    .header-menu ul ul > li:hover > ul {
        top: 0px;
        left: 210px;
    }
    /*2.2: header menu home page 2*/
    .offcanvas.header-offcanvas2.show {
        width: 350px;
        padding-top: 120px;
    }

    .header-offcanvas2 .submenu-button:before {
        content: '';
        position: absolute;
        right: 22.5px;
        top: 18px;
        display: block;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: #333;
        z-index: 99;
    }

    .header-offcanvas2 .submenu-button {
        position: absolute;
        right: 0;
        display: block;
        width: 50px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
    }

        .header-offcanvas2 .submenu-button:before {
            content: '';
            position: absolute;
            right: 22.5px;
            top: 18px;
            display: block;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #333;
            z-index: 99;
        }

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

    .header-offcanvas2 ul li ul {
        padding-left: 15px;
    }

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

    .header-offcanvas2.offcanvas .show {
        width: 300px;
        padding-top: 90px;
    }

    .header-offcanvas2 .offcanvas-cancel {
        position: absolute;
        right: 35px;
        top: 35px;
    }

    .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: 12px 15px !important;
            color: #333;
            text-transform: capitalize;
        }

    .header-style2 .header-menu #menu-button {
        display: block;
        font-size: 26px;
        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: 30px !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: 20px 50px;
    }

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

    .main-menu-btn #menu-button i {
        font-size: 25px;
    }

    .menu-search-inner .theme-input-style {
        font-size: 14px;
    }

        .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: #000 !important;
    }

    .submenu-opened.submenu-button:before {
        border-bottom-color: #000;
        border-top-color: transparent;
    }
    /*2.3: header menu home page 3*/

  /*  @media screen and (max-width: 992px) {
        .header-menu ul {
            display: none;
        }
    }*/

  /*  @media screen and (max-width: 992px) {
        .header-menu ul {
            display: none;
        }
    }*/

    .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: 20px;
        }

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

    .main-menu-btn {
        padding-top: 2px;
    }

    .header-style3 .catagory-menu-left {
        padding: 23px 0px;
    }
    /*2:4 sticky social area*/
    .sticky-social-area {
        position: fixed;
        right: 40px;
        top: 50%;
        z-index: 10;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

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

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

            .sticky-social-area ul li a:hover {
                color: #000;
            }

        .sticky-social-area ul li span {
            margin-right: 10px;
            font-size: 14px;
            -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: 2px;
        }

        .sticky-social-area ul li {
            padding-left: 25px;
            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 10px 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: -9px;
    }

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

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

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

    .page-title-inner {
        padding: 136px 0 40px;
    }

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

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

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

        .page-title-wrap ul li a {
            color: #999999;
            text-transform: capitalize;
            font-size: 14px;
            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: 2px;
            width: 2px;
            top: 66%;
            background: #333333;
            left: 3px;
            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;
    }

    .banner-carousel1 .single-slider-wrap {
        padding-top: 190px;
        padding-bottom: 260px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

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

    .banner-carousel3 .owl-dot:before,
    .banner-carousel1 .owl-dot:before {
        counter-increment: dots;
        content: "";
        font-weight: 700;
        font-size: 16px;
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .banner-carousel3 .owl-dot.active:before,
    .banner-carousel1 .owl-dot.active:before {
        counter-increment: dots;
        content: counter(dots);
        font-weight: 700;
        font-size: 16px;
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .banner-carousel3 .owl-dot,
    .banner-carousel1 .owl-dot {
        margin-right: 30px;
        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: 11px;
        }

        .banner-carousel3 .owl-dot:after,
        .banner-carousel1 .owl-dot:after {
            position: absolute;
            background: #333333;
            content: "";
            width: 20px;
            height: 2px;
            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 .owl-item .single-slider-wrap img {
        display: block;
        width: inherit !important;
    }

    .banner-carousel1 .single-slider-text {
        margin-top: 160px;
    }

    .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: 100vh !important;
    }

    .height-100 {
        height: 100%;
    }

    .height-100vh {
        height: 100vh
    }

    .banner-slider2 .banner-image {
        position: absolute;
        width: 100%;
        height: 100%;
        right: -100px;
        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: 125px;
    }

    .banner-slider2 button.owl-prev {
        left: 50px;
    }

    .banner-slider2 button.owl-next {
        right: 50px;
    }

    .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: 14px !important;
        text-transform: uppercase !important;
        font-family: 'Roboto Condensed', sans-serif !important;
    }

    .banner-slider2 button.owl-next {
        left: auto;
        right: 50px;
    }

    .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: -60px;
    }

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

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

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

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

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

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

    .dress-poiner.smart.poiner4 .pointer-details {
        left: -293px;
    }

    .bg-banner-grey {
        background: #f4f4f4;
    }

    .product-big-img {
        width: 100% !important;
        height: 100%;
        position: absolute;
        top: 0;
        object-fit: cover;
    }

    .product-logo {
        width: 120px;
    }

    .product-little-img {
        width: 100% !important;
        height: 370px;
        object-fit: cover;
    }

    .design-2 .single-slider-wrap-inner:before {
        background: #0b0b0b !important;
    }

    .design-2 .banner-carousel2 button.owl-prev, .banner-carousel2 button.owl-next {
        color: #ccc !important;
    }

    .design-2 .hak-title-1 {
        font-size: 24px;
    }

    .desing-2-about-image1 {
        width: 100%;
        height: 345px;
        object-fit: cover;
    }

    .desing-2-about-box {
        padding-left: 20px;
    }

    .design-2 .hak-title-2 {
        font-size: 36px;
    }

    .design-2 .hak-desc {
        font-size: 18px;
    }

    .design-2 .hak-link {
        font-size: 16px;
    }

    .design-2 .slide3 .single-slider-text h1 {
        color: #fff !important;
    }

    .design-2 .slide3 .single-slider-text h3 {
        color: #fff !important;
    }

    .bg-dark-banner {
        background: #000 !important;
        color: #ffff !important;
    }

    .footer-bg {
        background: #333333;
        color: #ffff !important;
    }

    .design-2 .slide3 .btn:before {
        background: #fff !important;
    }

    .design-2 .theme-input-style {
        border-bottom: 1px solid #ccc !important;
    }

    .design-2 .footer-bottom-wrap {
        padding-top: 30px;
        border-top: 1px solid #ccc !important;
    }

    .design-2 .slide3 .btn {
        color: #fff !important;
    }

        .design-2 .slide3 .btn:hover {
            color: #000 !important;
        }

    .single-slider-wrap-inner:before {
        position: absolute;
        content: "";
        background: #eeeeee;
        opacity: 1;
        -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: 25px;
        height: 25px;
        display: block;
        background: #000;
        text-align: center;
        line-height: 20.5px;
        border-radius: 50%;
        cursor: pointer;
    }

        .dress-poiner > span i {
            font-size: 12px;
            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: #000;
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transition: .3s all linear;
        }

    .pointer-details {
        width: 274px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        background: #fff5e5;
        position: absolute;
        top: -38px;
        left: 45px;
        -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: 21px;
        }

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

    .pointer-body p span {
        display: inline-block;
        margin-left: 21px;
    }

    .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;
    }

    .zoom-container {
        overflow: hidden;
        position: relative;
        width: 100%; /* İstediğiniz genişliği belirleyin */
    }

    .product-left-galery-big {
        width: 100%;
        height: 100%;
        transition: transform 0.1s ease-out;
        cursor: crosshair; /* Büyüteç simgesi */
    }

    .zoom-container:hover .product-left-galery-big {
        cursor: crosshair; /* Hover durumunda da büyüteç simgesi */
    }

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

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

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

        100% {
            -webkit-transform: scale(1.05);
            transform: scale(1.05)
        }
    }
    /*4:4 pointer position */
    .dress-poiner.trandy.poiner2 {
        top: 89%;
        right: 26%;
    }

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

    .trandy.poiner3 .pointer-details {
        left: -292px;
    }

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

    .trandy.poiner4 .pointer-details {
        left: -290px;
    }

    .dress-poiner.trandy.poiner3 {
        top: 72%;
        right: 3px;
    }

    .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: 20px;
    }

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

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

    .categores-link-wrap {
        position: absolute;
        bottom: 9px;
        left: -25%;
    }

        .categores-link-wrap ul li a {
            font-size: 14px;
            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: 180px;
        left: 300px;
        z-index: 11;
    }

        .banner-slider3 .image-caption h6 {
            font-weight: 700;
            color: #000;
        }

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

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

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

    .banner-slider3 .single-slider-text span {
        margin-bottom: 10px;
        display: block;
        font-size: 14px;
    }

    .banner-slider3 .single-slider-wrap {
        padding: 70px 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: 15px;
    }

    .dress-details ul li {
        display: inline-block;
        margin-right: 17px;
    }

    .dress-details {
        position: absolute;
        bottom: -30px;
        right: -150px;
    }

    .banner-slider3 .right-content .image-caption {
        top: 190px;
        left: 110px;
        text-align: right;
        z-index: 11;
    }

    .banner-slider3 .right-content .banner-image:before {
        top: 134px;
        left: -70px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

    .right-content .dress-details {
        bottom: -30px;
        left: -100px;
    }

    .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: 320px;
        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, -100px, 0);
            transform: translate3d(0, -100px, 0);
        }

        70% {
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -20px, 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, -100px, 0);
            transform: translate3d(0, -100px, 0);
        }

        70% {
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -20px, 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: 70px;
        left: 50px;
    }

    .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: 33px;
    }

        .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: 4px;
    }

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

    .hover-catagory-menu ul li {
        padding-bottom: 13px;
    }

    .hover-catagory-menu {
        display: none;
        margin-bottom: 33px;
        margin-top: 33px;
    }

    .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: 50px;
        height: 45px;
        width: 45px;
        line-height: 37px;
        margin: 50px auto 0;
        border: 2px solid #333333;
        border-radius: 50%;
        cursor: pointer;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
        z-index: 100;
        padding-left: 2px;
    }

        .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: #000;
        }

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

    .modal-window-inner h2 {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 37px;
    }

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

    .modal-window-inner h2.h1 {
        font-weight: 700;
        font-size: 120px;
        color: #000;
        line-height: 110px;
        display: inline-block;
    }

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

    .modal-window-inner p {
        color: #999999;
        font-size: 14px;
        margin-bottom: 45px;
    }

    .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(10px, -50%);
                transform: translate(10px, -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('../images/pattern.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .modal-window-content {
        width: 500px;
        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: 60px;
        -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 -10px 30px 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: 30px 30px 30px 0px;
    }

        .quick-view-content-inner .product-details-inner .product-description p {
            font-size: 16px;
            margin-bottom: 24px;
            line-height: 26px;
        }

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

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

    .quick-view-content-inner .more-details-button {
        margin-top: 16px;
    }

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

    .quick-view-content-inner .list-product-group ul .group {
        width: 100%;
        padding-bottom: 20px;
    }
    /*===============================================
    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: 8px;
    }

    .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: 20px;
        right: 20px;
        margin-top: 0;
        text-align: center;
    }

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

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


    .quick-product-thumbs {
        width: 230px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px;
    }

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

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

    .more-details-button {
        margin-top: 16px;
    }

        .more-details-button a {
            font-size: 14px;
        }

    .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: 920px;
        margin: 0 auto;
        z-index: 10000;
        position: relative;
        left: 0;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
        top: 50px;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        margin-bottom: 25px;
    }

    .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: 80px;
        height: 80px;
        margin-right: 20px;
    }

    .wish-notifacition-inner,
    .add-notifacition-inner {
        width: 500px;
        background: #fff;
        padding: 10px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
        box-shadow: 10px 10px 30px 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: 14px;
        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;
        position: absolute;
        top: 51px;
    }

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

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

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

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

        .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: 18px;
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 700;
        }

        .catagory-menu-wrap ul li ul li a {
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 14px;
            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: 11px;
        }

    .search-bar {
        margin-bottom: 108px;
    }

    .menu-cancel {
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 44px;
        border: 2px solid #333333;
        border-radius: 50%;
        cursor: pointer;
        position: relative;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

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

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

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

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

    .catagory-menu-header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 75px;
    }

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

    .catagory-menu-wrap ul li ul:before {
        content: "";
        background: #dbdbdb;
        position: absolute;
        height: 100%;
        width: 1px;
        top: 0;
        right: -60px;
    }

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

    .catagory-menu-wrap ul > li span {
        display: inline-block;
        position: absolute;
        left: -15px;
        top: -18px;
    }

        .catagory-menu-wrap ul > li span svg path#icon {
            opacity: .1 !important;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        }

    .search-menu .search-bar.primary-form input {
        height: 50px;
        font-size: 18px;
    }

    .search-menu .search-bar .search-icon {
        height: 50px;
        width: 50px;
        font-size: 28px;
        top: 50%;
        right: 0;
    }

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

    .offcanvas {
        width: 500px;
        background: #fff;
        top: 0;
        right: -100%;
        position: fixed;
        height: 100%;
        text-align: left;
        padding: 30px;
        -webkit-transition: all .5s linear;
        transition: all .5s linear;
        box-shadow: 4px 0px 30px #333333;
        z-index: 1000000;
        padding-top: 50px;
    }

        .offcanvas.show {
            right: 0;
            width: 500px;
            overflow: auto;
        }

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

    .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: 14px;
    }

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

        .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: 50px;
    }

    .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: 65px;
    }

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

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

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

    .single-item-left img {
        margin-right: 30px;
    }

    .single-item-details h5 {
        font-weight: 700;
        margin-bottom: 4px;
    }

    .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: 20px;
    }

    .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: 13px;
    }

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

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

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

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

    .offcanvas-cancel {
        height: 45px;
        width: 45px;
        text-align: center;
        line-height: 38px;
        border: 2px solid #000;
        border-radius: 50%;
        -webkit-transition: .5s all linear;
        transition: .5s all linear;
    }

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

    .offcanvas:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pattern2.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: 13px;
        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: 20px 40px;
    }

        .cart-support ul li {
            padding-bottom: 13px;
            color: #bcbcbc;
        }

            .cart-support ul li span {
                font-size: 18px;
                margin-right: 20px;
            }

    .cart-support ul {
        margin-bottom: 0;
        padding: 20px 40px;
    }

        .cart-support ul li {
            padding-bottom: 13px;
            padding-left: 25px;
            color: #bcbcbc;
            position: relative;
        }

            .cart-support ul li span {
                font-size: 18px;
                position: absolute;
                left: 0;
                top: 3px;
            }

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

    .cart-support {
        position: relative;
    }

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

    .view-cart-check-btn a {
        display: inline-block;
        background: #333333;
        padding: 10px 65px !important;
        color: #fff !important;
        font-size: 16px;
        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: 100px;
    }

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

    .view-cart-check-btn p {
        margin-top: 30px;
    }

    .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: 100px;
        border-top: 1px solid #333333;
    }

        .total-price h3 {
            margin-top: 15px;
            margin-bottom: 0;
            font-weight: 700;
            color: #000;
        }

    .shop-product-slider-wrap {
        height: 600px;
    }

    .product-left-galery-big {
        width: 100% !important;
        height: calc(100vh - 80px);
        object-fit: cover;
    }

    @media (min-width:991px) {
        .prdct-box-3 {
            max-width: 15% !important;
        }
    }

    .prdct-box-3 .href-box {
        padding: 0 !important;
        border: 1px solid #f4f4f4;
        height: 230px !important;
    }

    .prdct-box-3 img {
        object-fit: contain;
        padding: 20px;
        height: 100% !important;
        width: 100% !important;
    }

    .zoomContainer {
        height: 600px !important;
    }

    .product-left-galery-little {
        width: 100% !important;
        height: 75px;
        object-fit: cover;
    }

    .category-product-box {
        width: 100% !important;
    }

    .category-product {
        width: 100% !important;
        height: 600px;
        object-fit: cover;
        max-height: none !important;
    }

    .col-md-6 .footer-widget {
        padding-right: 20px;
    }

    .total-price h5 {
        font-weight: 700;
        margin-top: 20px;
    }

    .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: 1px solid #e7e7e7;
        margin-bottom: 50px;
    }

    .main-log-regi .login-register-nav .nav {
        margin: 0 80px 50px 80px;
    }

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

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

        .product-details-nav .nav a,
        .category-nav .nav a,
        .login-register-nav .nav a {
            padding: 20px;
            font-size: 16px;
            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: 80px;
    }

    .product-details-nav .nav a.active:after,
    .category-nav .nav a.active:after,
    .login-register-nav .nav a.active:after {
        content: "";
        position: absolute;
        height: 5px;
        width: 15px;
        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: 0 25px;
    }

        .login-register-content .primary-form input:not([type=submit]) {
            height: 40px;
            padding: 0 0 0 30px;
            font-size: 14px;
        }

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

    .input-field {
        position: relative;
        margin-bottom: 37px;
    }

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

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

    .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: 100px;
    }

    .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: 7px 20px;
        color: #fff;
        background: #333;
        margin-bottom: 30px;
    }

        .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: 30px;
        margin-top: -7px;
    }

    .about-us-intro {
        margin-bottom: 69px;
    }

    .about-image-inner .about-image.img1 {
        margin-top: 94px;
    }

    .about-image-inner .about-image.img3 {
        margin-top: -214px;
    }

    .about-image-inner.type2 {
        margin-bottom: 60px;
    }

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


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

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

        .about-our-principles-inner .principle-list li:before {
            content: "";
            position: absolute;
            background: #333333;
            height: 4px;
            width: 8px;
            left: 3px;
            top: 12px;
        }

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

    .about-our-goal {
        margin-bottom: -8px;
    }

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

    .ceo-discription-inner h5 {
        margin-bottom: 27px;
    }

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

    .ceo-discription-inner {
        padding: 0 100px 0 40px;
    }
    /*9:03 our team*/
    .single-team-member .team-member-image {
        margin-bottom: 36px;
    }

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

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

    .member-social-area ul li {
        display: inline-block;
        padding-right: 5px;
    }

        .member-social-area ul li a {
            height: 30px;
            width: 30px;
            display: block;
            text-align: center;
            line-height: 30px;
            font-size: 13px;
        }

    .member-social-area {
        margin-bottom: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        margin-top: -30px;
        -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: 60px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

        .single-team-member:hover {
            margin-bottom: 30px;
        }

            .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: 30px;
    }

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

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

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

        .single-colection .btn {
            font-size: 14px;
            padding: 8px 18px 8px;
        }

            .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: 30px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

        .single-add-inner.small-img {
            height: 256px;
        }

        .single-add-inner.larg-img {
            height: 543px;
            position: relative;
        }

    .single-add {
        margin-left: 45px;
    }

    .single-add-inner:hover .single-add h3 {
        color: #000;
    }

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

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

    .single-add h3 {
        font-weight: 700;
        margin-bottom: 15px;
    }

    .save .single-add h3 {
        font-weight: 700;
        color: #000;
    }

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

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

    .single-add-inner.larg-img .single-add {
        top: 45px;
        position: absolute;
        left: 47px;
        margin-left: 0;
    }

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

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

    .single-add-inner.larg-img.discount a {
        position: absolute;
        left: 50px;
        bottom: 70px;
    }

    .single-add-inner.larg-img.discount.type2 a,
    .single-add-inner.larg-img.type2 .single-add {
        left: 25px;
    }
    /*==================================================
    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: 60px 20px;
    }
    /*===============================================
    13: Quick service
===============================================*/
    .single-quick-service p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .single-quick-service {
        margin-bottom: 25px;
        position: relative;
    }

    .single-quick-text {
        margin-left: 30px;
    }

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

    .single-quick-service:after {
        position: absolute;
        width: 1px;
        height: 100%;
        content: "";
        background: #333333;
        right: 5px;
        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: 1px solid #f9f9f9;
    }

    .bdr-btm {
        border-bottom: 1px solid #f9f9f9;
    }
    /*===================================================
   14: top sellers
===================================================*/
    .single-top-seller {
        margin-bottom: 30px;
        position: relative;
    }

        .single-top-seller .top-seller-img {
            height: 80px;
            width: 80px;
            overflow: hidden;
            position: relative;
            margin-right: 30px;
        }

    .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: #000;
    }
    /*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: 160px;
        width: 160px;
    }

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

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

    .single-top-seller.type2 .single-seller-body h5 {
        font-size: 18px;
        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: #000;
    }
    /*======================================================
    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: 15px;
    }

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

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

    .callto-action-inner {
        padding: 36px 0px 36px 55px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    /*================================================
    16: dash add
================================================*/
    .dash-add-inner {
        padding: 38px 42px 34px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

        .dash-add-inner .dash-add-text h5 {
            font-size: 18px;
            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: 60px;
    }

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

    .section-title span {
        font-weight: 700;
        color: #333333;
        font-size: 60px;
        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: -23px;
    }

    .section-title-wrap.type3 {
        text-align: center;
        margin-top: 20px;
    }

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

    .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: 12px;
        color: #555555;
    }

    .single-feature-inner {
        margin-bottom: 70px;
    }

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

    .featured-content h4 {
        color: #000;
        font-weight: 700;
        display: inline-block;
    }

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

    .featured-content span {
        margin-left: 20px;
        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: #000;
    }

    .feature-long {
        margin-bottom: 23px;
    }

    .content-right {
        margin-left: 30px;
    }

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

        .text-rev .content-left {
            margin-left: 100px;
            position: absolute;
            width: 89%;
            top: -56px;
        }

    .add-to-btn .add-to-bag {
        margin-right: 13px;
    }

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

    .add-to-btn {
        margin-top: 3px;
        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: 30px;
        bottom: 30px;
    }

    .single-featured-inner.type2 {
        position: relative;
        margin-bottom: 30px;
    }

    .featured-content.text-left .single-add {
        left: 30px;
        bottom: 30px;
    }

    .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(30px);
        transform: translateY(30px);
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

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

        .single-featured-inner.type2:hover .single-add h3 {
            color: #000;
        }

    .single-featured-inner.type2:hover h3 {
        color: #000;
    }

    .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: 2px;
        font-size: 12px;
    }

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

    .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: 25px 20px;
    }

    .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;
    }

    .product-title {
        position: absolute;
        bottom: 15px;
        left: 20px;
    }

    .single-product .product-title {
        padding-right: 10px;
    }

    .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: 40px;
        width: 40px;
        background: #ffffff;
        text-align: center;
        line-height: 40px;
        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: 19px;
    }

    .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: 3px 11px;
        color: #fff;
        position: relative;
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 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: 14px;
    }

    .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(5px, 0, 0);
        transform: translate3d(5px, 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: 5px solid #333333;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        left: 0;
        content: "";
        top: 50%;
        margin-left: -5px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .product-buttons > * {
        margin-bottom: 2px;
    }

    .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(0px);
        transform: translateX(0px);
    }

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

    .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: 40px;
    }

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

        .single-product:hover .product-price h5 {
            color: #000;
        }

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

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

    .product-tag {
        position: absolute;
        right: -43px;
        top: 50%;
        height: 45px;
        width: 130px;
        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: 45px;
            color: #fff;
            text-transform: uppercase;
            font-family: 'Roboto Condensed', sans-serif;
        }

        .product-tag:after {
            content: "";
            background: #000;
            position: absolute;
            height: 200%;
            width: 105%;
            top: -3px;
            right: -4px;
            z-index: -1;
            border-top-right-radius: 130px;
            border-top-left-radius: 130px;
        }

    .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 img {
        width: 100%;
    }
    /*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: 30px;
        overflow: hidden;
    }

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

    .type2 .product-rating {
        margin-bottom: 10px;
        margin-top: -30px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

    .type2 .product-rating {
        margin-bottom: 10px;
    }

    .type2 .product-title h4 {
        margin-bottom: 9px;
    }

    .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(0px, 10px, 0);
        transform: translate3d(0px, 10px, 0);
    }

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

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

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

    .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(0px);
        transform: translateX(0px);
    }

    .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(0px, 10px, 0);
        transform: translate3d(0px, 10px, 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(0px, 5px, 0);
        transform: translate3d(0px, 5px, 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: -53px;
        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: 5px solid #333333;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            left: 50%;
            content: "";
            top: auto;
            margin-left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            bottom: -15px;
        }

    .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(40px);
        transform: translateY(40px);
    }

    .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: 60px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

        .type2.single-product:hover {
            margin-bottom: 30px;
        }

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

    .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: 9px;
    }

    .type3 .product-info .product-title h4 {
        margin-bottom: 9px;
    }

    .type3 .product-price h5 {
        margin-bottom: 20px;
    }

    .addto-bag-btn span {
        display: inline-block;
        margin-right: 11px;
    }

    .single-product.type3 {
        overflow: hidden;
        margin-bottom: 60px;
    }

    .width20 {
        width: 20%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .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: 11px;
    }

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

        .single-product.type4 .product-info {
            padding: 19px 20px 10px;
        }

        .single-product.type4 .product-title {
            position: relative;
            margin-top: 15px;
        }
    /*==============================================
    19: offer area
==============================================*/
    .offer-inner-area {
        background: #ffffff;
        background: rgba(255,255,255,.80);
        padding: 90px 178px;
        margin: 80px 0;
    }

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

        .offer-inner-area h2 {
            font-size: 75px;
            font-weight: 700;
            position: relative;
            padding-left: 133px;
            line-height: 1.2;
        }

            .offer-inner-area h2 .spacial {
                color: #fe0000;
                font-weight: 400;
                font-size: 100px;
                position: absolute;
                left: 0;
                top: -15px;
            }

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

            .offer-inner-area h4 span {
                color: #8c8c8c;
            }

        .offer-inner-area p {
            color: #777777;
            font-size: 14px;
        }

        .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: 5px;
        }

        .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(-10px);
            transform: translateY(-10px);
        }

            .single-carousel-inner .figurecaption span + span {
                -webkit-transform: translateY(10px);
                transform: translateY(10px);
            }

        .single-carousel-inner:hover .figurecaption span {
            visibility: visible;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

            .single-carousel-inner:hover .figurecaption span + span {
                -webkit-transform: translateY(0px);
                transform: translateY(0px);
            }

        .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: 50px;
        font-weight: 700;
    }

    .insta-feed-wrap {
        margin-bottom: 12px;
    }
    /*================================================
    21: Tweeter feed
================================================*/
    .tweeter-heading h3 {
        margin-bottom: 0;
        font-weight: 700;
    }

    .tweeter-heading {
        margin-bottom: 50px;
    }

    .tweet-image {
        margin-right: 15px;
    }

    .tweetr-user a {
        font-size: 16px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .tweetr-user span {
        margin-left: 20px;
        font-size: 12px;
        color: #999999;
    }

    .tweetr-user {
        margin-bottom: 9px;
    }

    .tweet-body p {
        color: #555555;
        margin-bottom: 13px;
        font-size: 14px;
        line-height: 22px;
    }

        .tweet-body p a {
            color: #31b0f0;
        }

    .tweet-meta ul li {
        display: inline-block;
        margin-right: 15px;
        font-size: 12px;
    }

    .single-tweet-item {
        background: #fcfcfc;
        padding: 12px 15px;
        margin-bottom: 30px;
    }
    /*===============================================
    22: Coming soon area
===============================================*/
    .coming-soon-text h5 {
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0;
        letter-spacing: 3px;
    }

    .coming-soon-text h3 {
        font-weight: 700;
        letter-spacing: 6px;
        text-transform: uppercase;
        margin-bottom: 18px;
    }

    .coming-soon-text h2.h1 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 100px;
        color: #fe3a1a;
        letter-spacing: -6px;
    }

    .coming-soon-img {
        margin-left: -43px;
        z-index: -1;
        position: relative;
    }

        .coming-soon-img:before {
            position: absolute;
            height: 420px;
            width: 430px;
            background: #d3d3d3;
            content: "";
            border-radius: 50%;
            z-index: -1;
            top: 77px;
            left: -42px;
            opacity: .2;
        }

    .coming-soon-text .btn {
        margin-top: 25px;
    }

        .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: 14px;
        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: 20px;
    }

    .about-image1 {
        width: 100%;
        height: 405PX;
        object-fit: cover;
    }

    .about-image2 {
        width: 255px;
        object-fit: cover;
        height: 180px;
    }

    .about-image3 {
        width: 255px;
        object-fit: cover;
        height: 180px;
    }

    .line {
        margin: 0;
        background-color: #fff;
    }

    .blog-img {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }
    /*=====================================================
    24: About Us
=====================================================*/
    .about-image img {
        border: 5px solid #ffff;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
        object-fit: cover;
        background-color: #f4f4f4;
        box-shadow: -1px 2px 30px rgba(0,0,0,.25);
    }

    .about-image .about-image1 {
        position: relative;
    }

    .about-image .about-image2 {
        position: absolute;
        top: 70px;
        right: 15px;
        -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(95px, -30px, 0);
        transform: translate3d(95px, -30px, 0);
    }

    .about-header span {
        margin-bottom: 9px;
        display: inline-block;
        font-size: 14px;
    }

    .about-header h3 {
        margin-bottom: 25px;
        font-weight: 700;
    }

    .about-area-inner a {
        font-size: 14px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
    }

        .about-area-inner a span {
            font-size: 14px;
            font-weight: 700;
        }
    /*=====================================================
    25: our testimonial area
=====================================================*/
    .single-testimonial .author-name h4 {
        font-weight: 700;
    }

    .single-testimonial .author-name p {
        font-size: 14px;
    }

    .testimonial-carousel .owl-nav {
        margin-top: 13px;
    }

        .testimonial-carousel .owl-nav .owl-next {
            margin-left: 80px;
        }

        .testimonial-carousel .owl-nav button {
            color: #b3b3b3 !important;
            font-size: 18px !important;
        }

            .testimonial-carousel .owl-nav button:hover {
                color: #333333 !important;
            }

    .quote-icon {
        position: absolute;
        bottom: 2px;
        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: -3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .type2 .quote-icon i {
            font-size: 24px;
        }
    /*==============================================
    26: Our Out late
==============================================*/
    .outlate-inner ul li {
        display: inline-block;
        width: 24%;
        padding-bottom: 13px;
    }

        .outlate-inner ul li p {
            margin-bottom: 2px;
            color: #333333;
            font-size: 12px;
        }

        .outlate-inner ul li span {
            display: block;
            font-size: 11px;
            color: #777777;
            line-height: 16px;
        }
    /*==============================================
    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 46px;
        -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: 30px;
    }

    .counter-details h5 {
        font-weight: 700;
        margin-left: 15px;
        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: 12px;
    }

    .single-blog-wrap {
        margin-bottom: 30px;
    }

    .single-post-details h3 {
        font-weight: 700;
    }

    .post-info ul li {
        display: inline-block;
        position: relative;
    }

        .post-info ul li + li {
            padding-left: 25px;
        }

        .post-info ul li a {
            font-size: 12px;
            color: #777777;
        }

    .post-info {
        padding-bottom: 22px;
    }

    .single-post-details .post-body p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .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: 3px;
        width: 3px;
        position: absolute;
        content: "";
        background: #777777;
        top: 50%;
        left: 11px;
        -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: 12px;
        color: #777777;
        display: inline-block;
    }

        .post-main-content .post-mata ul li:not(:last-child) {
            margin-right: 13px;
        }

    .post-main-content .post-mata {
        margin-bottom: 6px;
    }

    .post-main-content .post-heading h2 {
        font-weight: 700;
        text-transform: inherit;
        color: #333333;
        margin-bottom: 0;
    }

    .post-main-content .post-heading {
        margin-bottom: 46px;
    }

    .post-main-image .image-caption {
        margin-top: 30px;
    }

        .post-main-image .image-caption p {
            font-weight: 300;
            font-style: italic;
            font-size: 12px;
            color: #999999;
            margin-bottom: 40px;
        }

            .post-main-image .image-caption p a {
                color: #999999;
            }

    .post-main-content .post-mata ul li a {
        color: #777777;
    }

    .post-main-content {
        margin-top: -7px;
    }
    /*29:02 post content body*/
    .single-post-content .single-post-content h5 {
        font-weight: 700;
        font-size: 24px;
    }

    .post-details-body .single-post-content h5 {
        font-weight: 700;
        color: #333333;
        margin-bottom: 19px;
    }

    .post-details-body .single-post-content p {
        color: #777777;
        line-height: 28px;
    }

    .post-details-body .single-post-content blockquote {
        padding: 12px 106px 40px;
        text-align: center;
        font-size: 18px;
        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: 22px;
    }

    .share-and-tag {
        border-bottom: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        padding: 16px 0;
        margin-bottom: 30px;
    }

    .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: 16px;
        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: 30px;
    }

        .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: 30px;
    }

    /*29:05 related post*/
    .single-related-post-inner .related-post-head {
        text-align: center;
        margin-bottom: 40px;
    }

        .single-related-post-inner .related-post-head h3 {
            font-weight: 700;
        }

    .single-related-post-inner {
        margin-top: 35px;
    }

        .single-related-post-inner .related-post-wraper .single-blog-details.post-content {
            padding-left: 15px;
        }
    /*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: 20px;
        margin-top: 10px;
    }

    .post-comments-wrap h4 {
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 16px;
    }

    .single-post-comment-inner ul > li {
        margin-top: 30px;
        padding-bottom: 0px;
    }

        .single-post-comment-inner ul > li > ul > li {
            padding-left: 95px;
            border-bottom: 1px solid #f6f6f6;
            padding-top: 0;
            padding-bottom: 26px;
        }

    .single-post-comment .avatar {
        margin-right: 30px;
    }

    .single-post-comment h6 {
        color: #555555;
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
    }

    .single-post-comment span.commnet-time {
        font-size: 12px;
        color: #999999;
        margin-left: 28px;
    }

    .single-post-comment p {
        margin-bottom: 13px;
    }

    .single-post-comment a {
        color: #999999;
        font-size: 12px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

        .single-post-comment a:hover {
            color: #333333;
        }

        .single-post-comment a span i {
            margin-left: 5px;
            font-size: 9px;
        }

    .single-post-comment-inner {
        margin-bottom: 30px;
    }

    .comment-respond .theme-input-style {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .comment-form-wrap h4 {
        margin-bottom: 34px;
    }

    .comment-respond textarea.theme-input-style {
        padding: 10px;
        min-height: 105px;
        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: 30px;
    }

    .avatar .comment-author-image {
        height: 65px;
        width: 65px;
        border-radius: 50%;
        overflow: hidden;
    }
    /*===============================================
    30: Single Blog right side bar
===============================================*/
    .type2 .single-blog-image {
        margin-bottom: 24px;
    }

    .post-info a {
        color: #555555;
        font-size: 12px;
    }

    .post-info span {
        color: #555555;
        font-size: 12px;
    }

    .type2 .single-blog-details h4 {
        font-weight: 700;
        margin-bottom: 19px;
    }

        .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: 16px;
        margin-bottom: 16px;
    }

    .type2 .post-info {
        padding-bottom: 7px;
    }

    .single-blog-wrap.type2 {
        margin-bottom: 60px;
    }

        .single-blog-wrap.type2 .btn-line.btn:before {
            height: 1px;
            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 {
        font-family: 'Roboto Condensed', sans-serif;
        color: #999999;
        font-weight: 700;
    }

    .pagination.blog-pagination {
        -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) {
            padding-left: 13px;
        }

        .pagination.blog-pagination li:first-child {
            padding-right: 16px;
            color: #333333;
            font-size: 24px;
        }

        .pagination.blog-pagination li:last-child {
            padding-left: 29px;
            font-size: 24px;
        }

        .pagination.blog-pagination li.active a {
            font-size: 24px;
            color: #333333;
        }

        .pagination.blog-pagination li:last-child a {
            color: #333333;
        }

        .pagination.blog-pagination li:first-child a {
            color: #333333;
        }
    /*30:01 blog side bar*/
    .sidebar-search-form {
        position: relative;
        margin-top: 20px;
    }

        .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: 14px;
            color: #333333;
        }

    .single-sidebar-widget .populer-post ul li h5 {
        text-transform: inherit;
        font-weight: 700;
        margin-bottom: 4px;
    }

        .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: 14px;
        position: relative;
        margin-bottom: 17px;
    }

        .single-sidebar-widget .populer-post ul li:after {
            position: absolute;
            content: "";
            bottom: 0;
            height: 1px;
            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: 20px;
        color: #333333;
        font-weight: 700;
        margin-bottom: 0;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

    .single-sidebar-widget .widget-title {
        margin-bottom: 22px;
        margin-top: -7px;
    }

    .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: 70px;
        margin-bottom: 0;
    }

    .sider-add-inner .sidebar-add-text h3 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1;
        font-size: 22px;
        margin-bottom: 4px;
    }

    .sider-add-inner .sidebar-add-text p {
        color: #fff;
        margin-bottom: 20px;
    }

    .sider-add-inner .sidebar-add-text a {
        color: #fff;
    }

    .single-sidebar-widget .sider-add-inner {
        padding: 103px 30px 102px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        position: relative;
    }

        .single-sidebar-widget .sider-add-inner:before {
            content: "";
            position: absolute;
            background: #5658ac;
            width: 155px;
            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: 40px;
        width: 40px;
        display: block;
        background: #f3f3f3;
        text-align: center;
        line-height: 40px;
        border-radius: 50%;
        color: #333333;
        font-size: 16px;
        -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: 8px;
        }

    .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: 14px;
            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: 15px;
        }

    .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: 15px;
    }

    .single-reply-comment {
        margin-right: 15px;
    }

        .single-reply-comment a i {
            margin-right: 5px;
        }

        .single-reply-comment a {
            font-size: 14px;
            color: #777777;
        }

    .single-blog-wrap.type3:hover {
        box-shadow: 0px 1px 10px rgba(0,0,0,.050);
    }

    .single-blog-wrap.type3 {
        margin-bottom: 50px;
        background: #fefefe;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

    .type3 .single-post-details.right-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .type3 .single-post-details.left-content {
        padding-left: 50px;
    }

    .type3 .single-blog-image img {
        width: 100%;
    }

    /*31:01 block quort*/
    .single-blog-quote {
        background: #fcfcfc;
        padding: 42px 0 38px;
        margin-bottom: 50px;
    }

        .single-blog-quote .single-quote-text p {
            margin-bottom: 0;
            font-style: normal;
            color: #333333;
        }

        .single-blog-quote .single-quote-text h4 {
            margin-bottom: 42px;
            font-style: italic;
            position: relative;
        }

            .single-blog-quote .single-quote-text h4:after {
                content: "";
                position: absolute;
                height: 2px;
                width: 20px;
                background: #333333;
                bottom: -30px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }
    /*==============================================
    32: Blog Pinterest
==============================================*/
    .type4 .single-blog-image {
        margin-bottom: 23px;
    }

    .type4 .single-blog-details .post-info {
        padding-bottom: 11px;
    }

    .type4 .single-blog-details .post-heading h4 {
        margin-bottom: 4px;
        font-weight: 700;
    }

    .single-blog-wrap.type4 {
        margin-bottom: 50px;
    }

    .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: 16px;
    }

    .error-inner-text h1 {
        font-weight: 700;
        margin-bottom: 13px;
    }

    .error-inner-tex a:hover,
    .error-inner-text a:hover {
        color: #fff;
    }
    /*33:01 error type 2*/
    .error-inner-tex.type2 h1 {
        font-size: 48px;
        font-weight: 700;
        letter-spacing: 16px;
    }

    .error-inner-tex.type2 span {
        font-size: 16px;
        color: #333333;
    }
    /*33:02 error type 3*/
    .error-inner-tex.type3 h1 {
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 31px;
        color: #fff;
        margin-bottom: 0px;
    }

    .error-inner-tex.type3 span {
        font-size: 16px;
        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: 400px;
    }

        .catagory-title-wrap h2 span {
            font-size: 60px;
            position: absolute;
            top: -34px;
            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: 30px;
            z-index: 10;
        }

    .single-category-wrap {
        margin-bottom: 70px;
    }

    .category-image {
        position: relative;
    }

    .hidden-box {
        position: absolute;
        bottom: 60px;
        left: 0;
        padding: 10px 20px 8px;
    }
    /* .category-image p {
    position: absolute;
    bottom: 60px;
    left: 30px;
    padding: 10px 20px 8px;
}
.category-image a {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 10px 20px 8px;
} */
    .category-image a:hover {
        color: #fff;
    }

    /*34:02 Category page2 */
    .type2.single-category-wrap {
        margin-bottom: 100px;
    }

    .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: 74px;
        margin-top: -9px;
    }

        .type2 .catagory-title-wrap h2 span {
            font-size: 44px;
            position: absolute;
            top: -30px;
            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: 15px;
    }

        .type2 .single-category-content h2 a {
            color: #333333;
        }

    .type2 .single-category-content {
        margin-top: 58px;
    }

        .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: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .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: 400px;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .category-image.short-size.type3 img {
            max-height: 300px;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
    /* 34:04 category page 4 */
    .catagory-slider .owl-dot {
        height: 6px;
        width: 6px;
        background: #999999 !important;
        margin-right: 6px;
        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: 20px;
        left: 25px;
    }

    .category-item-content h2 a {
        color: #333333;
        font-weight: 700;
    }

    .category-item-content h2 {
        margin-bottom: 4px;
    }

    .category-item-content span {
        color: #d7d7d7;
        margin-bottom: 9px;
        display: block;
        font-size: 14px;
    }

    .category-item-content p {
        margin-bottom: 18px;
    }

    .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: 0;
            opacity: 0;
            visibility: hidden;
            margin: 10px 0px;
            transition: .3s all linear;
            color: #fff;
            text-shadow: 2px 2px 4px #000;
        }

    .hidden-box p {
        color: #fff;
        text-shadow: 2px 2px 4px #000;
        margin: 0;
        font-weight: 600;
    }

        .hidden-box p a {
            color: #fff;
            text-shadow: 2px 2px 4px #000;
            margin: 0;
            font-weight: 600;
        }

    .category-image.type3 .hidden-box {
        width: 100%;
        padding: 0 15px;
        left: 0;
        opacity: 0;
        text-align: left;
        visibility: hidden;
        transition: .3s all linear;
    }

    .category-image.type3:hover a {
        opacity: 1;
        visibility: visible;
    }

    .category-image.type3:hover .hidden-box {
        opacity: 1;
        visibility: visible;
    }
    /*=============================================
    35: Collection pages
=============================================*/
    /*35:01 colllection page1*/
    .type4 .image-caption h2 {
        font-size: 48px;
        margin-bottom: 9px;
    }

    .type4 .image-caption {
        margin-left: -125px;
    }

    .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: 10px;
    }

    .gallery-thumbs .active .collection-image,
    .gallery-thumbs .swiper-slide-active .collection-image {
        border: 10px solid #fff;
    }

    .collection-image .share-social-area {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 20px;
    }

        .collection-image .share-social-area ul li {
            padding-bottom: 14px;
        }

            .collection-image .share-social-area ul li a span {
                margin-left: 10px;
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                visibility: hidden;
                -webkit-transition: .3s all linear;
                transition: .3s all linear;
                -webkit-transform: translateX(15px);
                transform: translateX(15px);
                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(0px);
                transform: translateX(0px);
            }

            .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: 18px;
            font-weight: 700;
            font-size: 48px;
        }

            .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: -199px;
    }

    .single-collection-wrap {
        margin-bottom: 30px;
    }

    .left-content .collection-image .image-caption {
        left: -280px;
    }
    /*35:03 category page3*/
    .type2 .collection-image .image-caption {
        right: auto;
        left: 30px;
        -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: 10px;
        font-weight: 700;
        font-size: 30px;
    }

    .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: 30px;
        -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: 10px;
        font-weight: 700;
        font-size: 30px;
    }

    .single-collection-wrap.type3.margin-minus {
        margin-top: -170px;
    }

    .single-collection-wrap .collection-image img {
        width: 100%;
    }

    .single-collection-wrap.type3 {
        margin-bottom: 90px;
    }

        .single-collection-wrap.type3.long-img.left-side {
            padding-right: 30px;
        }

        .single-collection-wrap.type3.short-image.right-side {
            padding-left: 30px;
        }

        .single-collection-wrap.type3.short-image.left-side {
            padding-right: 30px;
        }

        .single-collection-wrap.type3.margin-minus.long-img.right-side {
            padding-left: 30px;
        }


    /* .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 65px;
    }

    .shop_table tbody tr + tr td:first-child {
        padding: 30px 15px 30px 30px;
    }

    .shop_table tbody tr:first-child td {
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
        font-weight: 700;
        padding: 0px 30px 25px 30px;
    }

    .shop_table tbody tr + tr:last-child,
    .shop_table tbody tr:first-child {
        border-bottom: 1px 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: 16px;
        font-weight: 700;
    }

        .shop_table tbody tr + tr td a + a {
            margin-left: 15px;
        }

    .product-thumbnail {
        width: 300px;
    }

    .shop_table .product-quantity input,
    .shop_table .product-size input {
        height: 35px;
        width: 35px;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,.1);
        text-align: center;
        background: #fff;
        margin: 0 8px;
        font-size: 14px;
        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: 30px;
        }

    .shop_table tbody tr + tr td:nth-child(5) {
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        font-weight: 700;
    }

    .shop_table tbody tr + tr td:nth-child(4) {
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 16px;
    }

    .shop_table tbody tr + tr td:nth-child(2) {
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        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: 1px 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: 14px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        border: 2px solid #333333 !important;
        padding: 13px 25px;
        display: inline-block;
    }

        .update-cart-btn svg {
            margin-right: 10px;
        }

    .cart-shoping-button a + a {
        margin-left: 16px;
    }

    .cart-shoping-button {
        margin-bottom: 60px;
        margin-top: 30px;
    }

    .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: 14px;
            color: #333;
        }

    .btn-cupon-wrap {
        padding: 0 13px 0 30px;
    }

    .shop-total-wrap .shop_table tbody tr td,
    .shop-total-wrap .shop_table tbody tr th {
        padding: 20px 20px 20px 65px;
    }

    .shop-total-wrap .shop_table tbody tr + tr {
        border-width: 0;
    }

        .shop-total-wrap .shop_table tbody tr + tr th {
            font-size: 16px;
            color: #333333;
        }

        .shop-total-wrap .shop_table tbody tr + tr td {
            color: #333333;
            font-size: 24px;
            font-weight: 700;
        }

    .shop-total-wrap .wc-proceed-to-checkout {
        margin-top: 22px;
    }

    .shop-total-wrap a {
        padding: 13px 74px !important;
        margin-left: 30px;
        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: #000;
    }

    .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: 16px;
        color: #333333;
    }

    .shop-total-wrap.wish-total .shop_table tbody tr td {
        font-size: 24px;
        font-weight: 700;
    }
    /*==============================================
    38: Check Out page
==============================================*/
    .checkout-register-wrap .btn {
        position: relative;
    }

    .checkout-register-wrap input {
        margin-bottom: 30px;
    }

    .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: 24px;
    }

    .checkout-register-input.input-btn-style button {
        text-transform: uppercase;
        position: relative;
    }

    .coupon-register-title h5 span, .checkout-register-title h5 span {
        font-size: 14px;
        color: #777;
        font-weight: 600;
    }

    .checkout-register-wrap .form-btn-field a {
        display: block;
        text-decoration: underline;
        margin-top: 30px;
    }

    .checkout-register-wrap .form-btn-field label input {
        margin-bottom: 0;
    }

    .checkout-register-wrap .form-btn-field label {
        vertical-align: middle;
        margin-left: 10px !important;
    }
    /*38:01 billing details*/
    .billing-details .woocommerce-input-wrapper input {
        margin-bottom: 25px;
        font-size: 14px;
        border-bottom: 1px solid #999999;
    }

        .billing-details .woocommerce-input-wrapper input:focus {
            border-color: #000000;
        }

    .billing-details-wrap {
        margin-top: 70px;
    }

    .billing-details-wrap {
        margin-top: 70px;
    }

    .billing-details {
        margin-top: 20px;
    }

        .billing-details .billing-heading h3 {
            font-weight: 700;
            margin-bottom: 50px;
        }

    .checkout-register-input input {
        font-size: 14px;
        margin-bottom: 30px;
    }

        .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: 36px;
    }

    .checkout-review-order-wrap {
        background: #fcfcfc;
        padding: 50px 30px;
    }

    .review-order-header h3 {
        font-weight: 700;
        margin-bottom: 17px;
    }

    .review-order-table tbody tr th,
    .review-order-table tbody tr td {
        padding: 12px;
    }

    .review-order-table tbody tr th {
        font-size: 16px;
        color: #333333;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        border-bottom: 1px 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: 16px;
    }

        .review-order-table tbody tr td:first-child span {
            margin-left: 20px;
            font-size: 12px;
            color: #999999;
        }

    .review-order-table tbody tr td:last-child {
        text-align: right;
        color: #555555;
        font-size: 16px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .review-order-table tbody tr:last-child {
        border-top: 1px solid #eaeaea;
    }

        .review-order-table tbody tr:last-child td:first-child {
            padding-left: 65px;
            text-transform: uppercase;
            color: #333333;
        }

        .review-order-table tbody tr:last-child td:last-child {
            color: #000;
        }

    .check-shipping-heading h5 {
        font-weight: 700;
        margin-bottom: 32px;
    }

    .check-shipping-wrap table {
        width: 100%;
    }

    .check-shipping-table tbody tr td {
        padding: 10px;
        color: #999999;
        font-size: 16px;
        vertical-align: middle;
    }

        .check-shipping-table tbody tr td input {
            margin-right: 10px;
            vertical-align: middle;
        }

        .check-shipping-table tbody tr td:last-child {
            font-size: 16px;
            color: #555555;
            font-weight: 700;
            font-family: 'Roboto Condensed', sans-serif;
            text-align: right;
        }

    .check-shipping-table tbody tr:last-child {
        border-top: 1px solid #eaeaea;
    }

        .check-shipping-table tbody tr:last-child td {
            padding-left: 65px;
            text-transform: uppercase;
            color: #333333;
        }

            .check-shipping-table tbody tr:last-child td:last-child {
                font-size: 20px;
                color: #000;
            }

    .check-shipping-wrap {
        margin-bottom: 47px;
    }

    .payment-system-heading h5 {
        font-weight: 700;
        margin-bottom: 32px;
    }

    table.payment-system-table {
        width: 100%;
    }

    .payment-system-table tbody tr td {
        padding: 10px;
        font-size: 16px;
        color: #999999;
    }

        .payment-system-table tbody tr td input {
            margin-right: 10px;
            vertical-align: middle;
        }

    .review-order-table tbody tr:nth-child(2) td {
        padding-top: 28px;
    }

    .review-order-table tbody tr:nth-child(4) td {
        padding-bottom: 25px;
    }

    .check-shipping-table tbody tr:nth-child(3) td {
        padding-bottom: 28px;
    }

    .checkout-review-order-wrap label {
        cursor: pointer;
    }

    .billing-details textarea {
        resize: none;
        display: block;
        width: 100%;
        height: 100px;
        padding-left: 20px;
        padding-top: 10px;
    }

    .shop--create-account {
        margin-top: 20px;
    }

    .billing-details label.billing-textarea {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .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: 42px;
    }

        .terms-and-conditions-wrapper p {
            color: #999999;
            margin-bottom: 15px;
        }

        .terms-and-conditions-wrapper label span {
            color: #999999;
        }

        .terms-and-conditions-wrapper label {
            display: block;
            margin-bottom: 27px;
        }

            .terms-and-conditions-wrapper label span a {
                text-decoration: underline;
            }

        .terms-and-conditions-wrapper .billing-submit-button {
            padding: 19px 130px;
            font-size: 16px;
            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: 70px 0 70px 50px;
    }

        .dashboard-inner .nav-list li:not(:last-child) {
            padding-bottom: 28px;
        }

        .dashboard-inner .nav-list li a span {
            margin-right: 20px;
            vertical-align: middle;
        }

        .dashboard-inner .nav-list li a {
            font-size: 16px;
            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: 66px;
    }

    .dashboard-tab-info p {
        color: #777777;
        font-size: 16px;
    }

        .dashboard-tab-info p + p {
            margin-bottom: 0;
        }

        .dashboard-tab-info p span {
            font-size: 12px;
        }

            .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: 20px;
    }

    table.dashboard-order-table {
        width: 100%;
        white-space: nowrap;
    }

    .dashboard-order-table tbody tr th {
        color: #333333;
        font-size: 16px;
        border-bottom: 1px solid;
    }

    .dashboard-order-table tbody tr td {
        border-bottom: 1px 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: 16px;
        margin-right: 7px;
        color: #ffcc00;
    }

    .dashboard-tab-downlod p {
        color: #777777;
        font-size: 16px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .dashboard-tab-downlod .go-shop-btn {
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        padding: 12px 10px;
        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: 24px;
    }

    .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: 9px;
            font-size: 16px;
            color: #777777;
        }

            .address-info-inner .shipping-address ul li:last-child a,
            .address-info-inner .billing-information ul li:last-child a {
                color: #000;
            }

            .address-info-inner .shipping-address ul li:last-child,
            .address-info-inner .billing-information ul li:last-child {
                margin-top: 28px;
            }

    .address-info p {
        margin-bottom: 47px;
        font-size: 16px;
        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: 14px;
        margin-bottom: 30px;
        padding-left: 23px;
    }

        .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: -20px;
        font-size: 14px;
        font-style: italic;
        color: #999999;
    }

    .passwrd-change-wrap h5 {
        font-weight: 700;
        margin: 15px 0 36px;
    }

    .passwrd-change-wrap .go-shop-btn {
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        padding: 12px 20px;
        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: 16px;
        font-weight: 600;
        text-transform: capitalize;
    }

    .single-tracking-inner p {
        color: #999999;
        margin-bottom: 0;
    }

    .single-tracking-img {
        margin-bottom: 21px;
        display: inline-block;
        background: #fff;
        width: 56px;
        height: inherit;
    }

    .order-deliverd-date p {
        color: #555555;
    }

        .order-deliverd-date p span {
            color: #333333;
            font-size: 18px;
            font-weight: 700;
        }

    .order-deliverd-date {
        margin: 37px 0 42px;
    }

    .order-details-heading h5 {
        font-size: 18px;
        font-weight: 600;
    }

    .order-details-heading {
        border-bottom: 1px solid #eaeaea;
    }

    .order-address-details .order-no p {
        font-size: 16px;
        color: #777777;
        margin-bottom: 0;
    }

        .order-address-details .order-no p span {
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 24px;
            color: #333333;
            font-weight: 700;
        }

    .order-address-details .order-no {
        margin-top: 22px;
        margin-bottom: 59px;
    }

    .billing-to-area h5,
    .shipping-to-area h5 {
        font-weight: 700;
        margin-bottom: 20px;
    }

    .billing-to-area p:not(:last-child),
    .shipping-to-area p:not(:last-child) {
        margin-bottom: 6px;
    }

    .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: 15px;
            left: 7%;
            height: 2px;
            width: 86%;
            background: #fcfcfc;
            content: "";
            z-index: -1;
        }

    .single-tracking-inner {
        position: relative;
        margin-bottom: 30px;
    }

        .single-tracking-inner:after {
            content: "";
            background: red;
            width: 89%;
            height: 2px;
            position: absolute;
            top: 15px;
            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: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .product-grid-view ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .product-grid-view ul li {
            display: inline-block;
            padding-left: 15px;
        }

    .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: 6px;
    }

    .product-filter .product-filter-btn span + i,
    .newest-product a span + i {
        margin-right: 0;
        margin-left: 3px;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
    }

    .newest-product {
        position: relative;
    }

        .newest-product .newest-product-option {
            box-shadow: 0px 3px 5px rgba(0,0,0,.1);
            border: 0;
            border-radius: 0;
            margin-top: 14px;
            padding: 20px;
            z-index: 100;
            color: #777777;
            width: 155px;
            -webkit-transition: .3s all linear;
            transition: .3s all linear;
            -webkit-transform: translate3d(0px, 35px, 0px) !important;
            transform: translate3d(0px, 35px, 0px) !important;
            opacity: 0;
            top: 0%;
        }

        .newest-product.show .newest-product-option {
            -webkit-transform: translate3d(0px, 35px, 0px) !important;
            transform: translate3d(0px, 35px, 0px) !important;
            opacity: 1;
            top: 0%
        }

        .newest-product .newest-product-option li a:hover {
            color: #333333;
            margin-left: 4px;
        }

        .newest-product .newest-product-option li a {
            color: #777777;
            font-size: 14px;
            line-height: 1;
            display: block;
            transition: .3s all linear;
        }

        .newest-product .newest-product-option li:not(:last-child) {
            padding-bottom: 16px;
        }

        .newest-product a#dropdownnewest {
            color: #777777;
            text-transform: capitalize;
            padding: 14px 0;
        }

            .newest-product a#dropdownnewest span {
                font-size: 14px;
            }

            .newest-product a#dropdownnewest .sort-by {
                color: #333333;
                text-transform: capitalize;
            }

    .product-filter-menu {
        position: absolute;
        background: #fff;
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        top: 49px;
        -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: 19px;
    }

    .product-filter .product-filter-btn {
        color: #333333;
        padding: 14px 0;
        font-size: 14px;
    }

    .shop-toolbar-filter .product-found span {
        font-size: 14px;
    }

    .woocommerce-products-header .shope-filter-item ul {
        list-style: none;
        padding-left: 0;
        padding: 30px 0 30px 40px;
        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: 21px 0 0;
        }

        .woocommerce-products-header .shope-filter-item ul li a {
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 700;
            font-size: 16px;
        }

        .woocommerce-products-header .shope-filter-item ul li ul li a {
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            font-size: 14px;
            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: 5px;
        }

    .shope-filter-item .size-list a {
        height: 35px;
        width: 35px;
        display: block;
        text-align: center;
        line-height: 35px;
        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: 14px;
    }

    .woocommerce-products-header .shope-filter-item ul li > ul.size-list {
        padding-right: 25px;
    }

    .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: 65px;
    }

        .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: 3px;
            transition: .3s all linear;
        }

    .woocommerce-products-header .shope-filter-item ul li ul.color-list li {
        display: inline-block;
        width: 45px;
    }

    .woocommerce-products-header .shope-filter-item ul li ul.color-list {
        width: 100%;
    }

    .color-list li .color {
        height: 30px;
        width: 30px;
        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: 45px;
    }

    .woocommerce-products-header .shope-filter-item ul li ul.color-list {
        padding-right: 60px;
    }

    .woocommerce-products-header .shope-filter-item ul li a {
        color: #333333;
    }

    .shop-toolbar-filter {
        padding-bottom: 33px;
    }

    /*41:02 shop side bar*/
    .single-sidebar-widget .shop-sidebar {
        margin-top: 80px;
    }

    .recent-product-wrap .recent-produt-image,
    .new-product-wrap .new-produt-image {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }

        .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: 5px;
    }

        .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: 20px;
    }

    .single-widget-size .size-list a {
        height: 35px;
        width: 35px;
        display: inline-block;
        text-align: center;
        line-height: 35px;
        border-radius: 50%;
        color: #777777 !important;
        font-weight: 900 !important;
    }

    .single-widget-size .size-list li {
        display: inline-block;
        padding-right: 10px;
    }

    .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: 10px;
        padding-right: 11px;
        width: inherit;
    }

    .single-widget-color {
        margin-bottom: -21px;
    }

    .single-sidebar-widget .sider-add-inner.shope-add-sidebar:before {
        display: none;
    }

    .single-sidebar-widget .sider-add-inner.shope-add-sidebar {
        padding: 17px 30px 30px;
    }

    .sider-add-inner .sidebar-add-text p {
        padding-bottom: 63px;
    }

    .single-sidebar-widget.widget_categories {
        margin-top: -20px;
    }

    .single-widget-catagoris a {
        font-size: 14px;
        color: #777777;
    }

    .single-widget-catagoris ul li {
        padding-bottom: 10px;
    }

    .single-widget-catagoris a:hover {
        color: #333333;
    }

    .single-widget-catagoris a {
        font-size: 14px;
        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: 4px;
    }
    /*===============================================
    42: single product details
===============================================*/
    .swiper-container.product-thumbs {
        width: 230px;
    }

    .swiper-container.product-thumbs {
        width: 230px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 1001;
    }

    .shop-product-slider-wrap {
        position: relative;
    }

    .swiper-slide.active {
        border: 1px solid #333333;
    }

    .zoomContainer {
        z-index: 101;
    }

        .zoomContainer .zoomLens {
            width: 200px !important;
            height: 200px !important;
            border-radius: 5px !important;
            border-color: #333333 !important;
            border-width: 2px !important;
        }

    .product-details-inner .product-info {
        display: block;
        padding: 0;
    }

    .product-details-inner .product-title {
        position: relative;
        bottom: 0;
        left: 0;
        margin-bottom: 15px;
    }

    .product-details-inner .product-info .product-rating {
        margin-bottom: 9px;
    }

    .product-details-inner .product-price h5 {
        margin-bottom: 20px;
    }

    .product-details-inner .product-price .new-price {
        font-weight: 700;
        color: #000;
        display: inline-block;
        text-decoration: none;
    }

    .product-details-inner .product-price .old-price {
        text-decoration: line-through;
        display: inline-block;
        margin-left: 18px;
    }

    .product-details-inner .product-description p {
        font-size: 16px;
        margin-bottom: 38px;
        line-height: 26px;
    }

    .wish-btn a span {
        margin-right: 8px;
    }

    .product-details-btns > * {
        display: inline-block;
        padding-right: 20px;
    }

    .product-size {
        height: 35px;
        width: 35px;
        border: 2px solid #333;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        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: 20px;
    }

        .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: 8px;
    }

    .list-product-group ul .group .list-heading {
        color: #333333;
        font-size: 16px;
        text-transform: capitalize;
        margin-right: 15px;
    }

    .quantity-group .product-quantity-list {
        margin: 0 8px;
    }

    .list-product-group ul .color-group ul li .color {
        height: 15px;
        width: 15px;
        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: 7px;
    }

        .list-product-group ul .color-group ul li .color.active {
            transform: scale(1.3);
        }

    .list-product-group {
        margin-bottom: 20px;
        user-select: none;
    }

        .list-product-group ul .group .product-quantity-list {
            color: #333333 !important;
        }

    .product_meta.item-product-meta-info > * {
        display: block;
        font-size: 12px;
        color: #999999;
    }

    .product_meta.item-product-meta-info a {
        color: #999999;
    }

    .item-product-meta-info label {
        margin-bottom: 0;
    }

    .item-product-meta-info {
        margin: 33px 0 16px;
    }

    .single-product-share ul {
        display: inline-block;
    }

        .single-product-share ul li {
            display: inline-block;
            margin-right: 16px;
        }

            .single-product-share ul li a {
                color: #999999;
                font-size: 16px;
                -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: 16px;
        display: inline-block;
        border: 1px solid #eaeaea;
        color: #333333;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }

    .zoomWindowContainer .zoomWindow,
    .product-gallery .swiper-slide img {
        cursor: crosshair !important;
    }

    .product-thumbs .swiper-slide.swiper-slide-active {
        border: 1px solid #333333;
    }
    /*42:01 single product tab*/
    .description-inner p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 46px;
    }

    .description-content-image {
        width: 160px;
        height: 230px;
        margin-right: 30px;
    }

    .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: 16px;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .description-content-text ul li span {
        font-size: 14px;
        color: #333333;
        margin-right: 10px;
    }

    .description-content-text ul li {
        margin-bottom: 3px;
    }

    .faq-content-wrap ul li h5 {
        color: #333333;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .faq-content-wrap ul li {
        padding-left: 55px;
        position: relative;
        padding-bottom: 5px
    }

    .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: -6px;
    }

    .review-author-inner .review-author-image {
        height: 65px;
        width: 65px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 30px;
    }

    .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: 25px;
        font-size: 15px;
        color: #555555;
    }

    .review-author-details p {
        color: #999999;
        margin-bottom: 0;
    }

    .review-author-inner ul li:not(:last-child) {
        padding-bottom: 30px;
    }

    .review-author-comment {
        border: 1px solid #333;
        padding: 45px 50px 50px;
        margin-top: 70px;
    }

    .review-comment-heading h4 {
        font-weight: 700;
        text-transform: capitalize;
    }

    .review-comment-heading {
        margin-bottom: 31px;
    }

    .review-author-comment h6 {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 16px;
    }

    .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: 2px;
    }

    .review-author-comment .comment-respond {
        margin-top: 13px;
    }

        .review-author-comment .comment-respond .btn.btn-fill-type {
            padding: 5px 20px;
            color: #fff;
            -webkit-transition: .3s all linear;
            transition: .3s all linear;
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
            background: #333 !important;
            outline: 2px 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: 62px;
    }

    .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: 59px;
    }
    /*42:05 single product details out of stock*/
    .product-details-inner .product-out-stock {
        margin-bottom: 37px;
    }

        .product-details-inner .product-out-stock h5 {
            font-weight: 700;
            color: #000;
            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 6px;
    }

    .grouped-table table tr td {
        border: none;
        padding: 20px;
    }

    .grouped-table table tr:first-child {
        border-bottom: 1px 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: 530px;
    }

    .office-address-head h3,
    .office-ifno-inner h3 {
        font-weight: 700;
        margin-bottom: 18px;
    }

    .office-address-head,
    .office-ifno-inner {
        margin-bottom: 53px;
    }

    .office-addess-inner .single-address h4 {
        font-weight: 700;
        margin-bottom: 15px;
    }

    .office-addess-inner .single-address {
        padding-bottom: 36px;
    }

    .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: 24px;
        }

    .input-form-group {
        margin-bottom: 30px;
    }

        .input-form-group label.text-area {
            margin-bottom: 0;
            top: 22px;
        }

    .address-form-inner .btn-fill-type {
        background: #333333;
        color: #fff;
        padding: 3px 20px;
    }

        .address-form-inner .btn-fill-type:before {
            background: #fff;
        }

        .address-form-inner .btn-fill-type:hover {
            color: #333333;
        }

    .form-response span {
        color: #fff;
        background: #333;
        padding: 6px 15px;
    }

    .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: 50px;
    }

    .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: 50px;
    }

    .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: 50px;
    }

    .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: 50px;
    }

    .theme-input-style::-webkit-input-placeholder {
        color: #c8c8c8 !important;
        font-size: 14px !important;
    }

    .theme-input-style::-moz-placeholder {
        color: #c8c8c8 !important;
        font-size: 14px !important;
    }

    .theme-input-style:-ms-input-placeholder {
        color: #c8c8c8 !important;
        font-size: 14px !important;
    }

    .theme-input-style::placeholder {
        color: #c8c8c8 !important;
        font-size: 14px !important;
    }

    .we-are-social h3 {
        font-weight: 700;
        margin-bottom: 16px;
    }

    .we-are-social p {
        margin-bottom: 16px;
    }

    .we-are-social .footer-social-area {
        margin-top: 19px;
    }

    .office-address-form {
        padding-left: 20px;
    }
    /* ===========================================
    44: comming soon
=========================================== */
    .coming-header .logo {
        padding: 25px 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: #000;
        line-height: 36px;
        text-transform: uppercase;
    }

    .coming-inner-text h4 {
        font-weight: 700;
    }

    .coming-soon-inner ul li strong {
        font-size: 60px;
        color: #333333;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .coming-soon-inner ul li {
        display: inline-block;
        position: relative;
        border: 1px solid #000;
        padding: 28px 6px 15px;
        margin-right: 55px;
    }

    .coming-soon-inner {
        margin-top: 50px;
    }

        .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: 24px;
    }

    .coming-inner-text .theme-input-style {
        color: #333333 !important;
    }

    /* search result */
    .search-input-text {
        margin-bottom: 42px;
    }

    /* coming soon type2 */
    .coming-soon-inner ul li {
        background: #fff;
    }

    .coming-soon-social-area {
        margin-top: 50px;
    }

        .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: 32px 16px 19px;
    }

        .type2 .coming-soon-inner ul li span {
            padding-right: 5px;
        }

    /*===============================================
    45: footer area
===============================================*/

    .fa-envelope:before {
        content: "\f0e0" !important;
    }

    .pattern {
        background-image: url('../images/pattern.png');
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .footer-header h5 {
        font-weight: 800;
        color: #333333;
        margin-bottom: 0;
        text-transform: capitalize;
    }

    .footer-about-text p {
        font-size: 14px;
    }

    .footer-header {
        margin-bottom: 22px;
        margin-top: 35px;
    }

    .links-list li {
        padding: 0 0 5px 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: 14px;
        }

    .copyright-text p a {
        color: #777777;
    }

    .footer-contact-list li {
        padding-bottom: 5px;
        color: #777777;
        font-size: 14px;
        position: relative;
        padding-left: 36px;
    }

    .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: 16px;
        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: 24px 2px;
        border-top: 1px solid #999999;
    }

    .trams-conditaion ul li {
        display: inline-block;
        padding: 0 12px;
    }

    .copyright-text p {
        margin-bottom: 0;
        -webkit-transform: inherit;
        transform: inherit;
        font-size: 14px;
    }

    .footer-bottom-wrap {
        padding: 20px 0;
    }

    .footer-widget {
        margin-bottom: 40px;
        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: 14px;
    }

    .trams-conditaion ul li:last-child {
        padding-right: 0;
    }

    .links-list li a:hover {
        margin-left: 4px;
    }

    .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: 4px;
        -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: 30px;
        width: 30px;
        display: block;
        border: 1px solid #333333;
        border-radius: 50%;
        line-height: 28px;
        text-align: center;
        -webkit-transition: .3s all linear;
        transition: .3s all linear;
        font-size: 12px;
    }

    .footer-social-area ul li {
        display: inline-block;
        margin-right: 7px;
    }

    .footer-social-area {
        margin-top: 24px;
    }

    footer.pattern {
        border-top: 1px 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: 14px;
            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: 1px 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: 11px;
        }

        .footer-type3 .footer-widget {
            margin-bottom: 50px;
        }
    /*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: 50px;
        }

        .footer-type4 .footer-bottom-wrap {
            border-width: 0;
        }
    /*=============================================
    46: Others
==============================================*/

    h1 span {
        color: #999999;
    }

    /*46.01: About block */
    .about-content h1 {
        margin-top: -12px;
    }

    .about-content p {
        margin-bottom: -5px;
    }

    /* 46.02: Why us */
    .single-reason {
        border: 1px solid #ecf7fe;
        padding: 30px 15px 25px;
    }

        .single-reason i {
            font-size: 30px;
            color: #00c544;
        }

        .single-reason .h5 {
            font-weight: bold;
            margin-top: 20px;
            margin-bottom: 14px;
        }

        .single-reason span {
            color: #4c4f60;
        }

    /* 46.03: Subscription */
    .primary-form {
        position: relative;
    }

        .primary-form input:not([type=submit]) {
            height: 40px;
            padding: 0 0 0 15px;
            font-size: 14px;
        }

    .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 20px
    }

    .primary-form .parsley-errors-list {
        display: none;
    }

    .subscribe-form .subscribe-btn {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        color: #333;
        padding: 6px 20px;
        font-size: 14px;
        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: 20px;
        width: 20px;
        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: 1px solid #e2e6fb;
        width: 40px;
        height: 40px;
        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: 15px;
        height: 5px;
        border: 1px solid #e2e6fb;
        border-radius: 0;
        background: transparent;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        margin: 0 5px;
    }

    .slider-pagination-style .swiper-pagination-bullet-active {
        width: 15px;
        height: 10px;
        background: #e2e6fb;
    }

    .slider-pagination-style .swiper-pagination-bullet:focus {
        outline: none;
    }

    /* 46.06: Social icons */
    .social-icons li:not(:last-child) {
        margin-right: 25px;
    }

    /* 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: 30px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
            z-index: 999;
        }

        .back-to-top a {
            width: 35px;
            height: 35px;
            background: #000;
            box-shadow: 0px 5px 30px rgba(0,0,0,0.60);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            font-size: 16px;
            color: #fff;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
            line-height: 35px;
            bottom: 10%;
            right: 4%;
            position: fixed;
            z-index: 998;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

    .top-array {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        height: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 8px;
        position: absolute;
        left: 14px;
        top: 13px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .top-line {
        background-color: #fff;
        height: 10px;
        left: 18px;
        position: absolute;
        top: 14px;
        width: 2px;
        margin-left: -1px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .back-to-top.show a:hover .top-line {
        height: 14px;
        border-color: #000;
        background: #000;
        top: 12px;
    }

    .back-to-top a:hover .top-array {
        border-color: #000;
        top: 11px;
    }

    .back-toop-tooltip {
        position: absolute;
        top: -65px;
        -webkit-transform: rotate(-90deg) translateX(20px);
        transform: rotate(-90deg) translateX(20px);
        width: 100px;
        left: -33px;
        -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: 14px;
            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(5px);
        transform: rotate(-90deg) translateX(5px);
        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: 50px;
        height: 50px;
    }

        .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 {
        list-style: none;
        padding: 0;
        position: absolute;
        left: 0;
        margin: -10px 0 0;
        top: 100%;
        text-align: center;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .parsley-errors-list li {
            font-size: 13px;
            line-height: 1.5;
            background: red;
            color: #fff;
            padding: 0 10px;
            padding: 0 10px;
        }

    /* 46.10: Content animation */
    [data-animate] {
        visibility: hidden;
        -webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
    }

        [data-animate].animated {
            visibility: visible;
        }