.btn-dark:not(:disabled):not(.disabled):active,
        .btn-dark:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #1d2124;
            border-color: #171a1d
        }

        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .btn-dark:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5)
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active,
        .btn-outline-primary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: var(--main_color);
            border-color: var(--main_color)
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5)
        }

        .btn-outline-secondary:not(:disabled):not(.disabled):active,
        .btn-outline-secondary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5)
        }

        .btn-outline-success:not(:disabled):not(.disabled):active,
        .btn-outline-success:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus,
        .btn-outline-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)
        }

        .btn-outline-info:not(:disabled):not(.disabled):active,
        .btn-outline-info:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .btn-outline-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5)
        }

        .btn-outline-warning:not(:disabled):not(.disabled):active,
        .btn-outline-warning:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #ffc107;
            border-color: #ffc107
        }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5)
        }

        .btn-outline-danger:not(:disabled):not(.disabled):active,
        .btn-outline-danger:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #dc3545;
            border-color: #dc3545
        }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
        }

        .btn-outline-light:not(:disabled):not(.disabled):active,
        .btn-outline-light:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus,
        .btn-outline-light:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
        }

        .btn-outline-dark:not(:disabled):not(.disabled):active,
        .btn-outline-dark:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #343a40;
            border-color: #343a40
        }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
        .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
        }

        .dropdown {
            position: relative
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: -5%;
            z-index: 1000;
            display: none;
            min-width: 12rem;
            padding: 0.5rem 0;
            color: #212529;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0.25rem
        }

        .dropdown-menu li i {
            margin: 0 6px
        }

        .dropdown:hover>.dropdown-menu {
            display: block
        }

        .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: 0.5rem 1rem
        }

        .nav-link:hover,
        .nav-link:focus {
            text-decoration: none
        }

        .navbar {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .navbar-brand {
            display: inline-block;
            font-size: 1.25rem;
            line-height: inherit;
            white-space: nowrap
        }

        .navbar-brand:hover,
        .navbar-brand:focus {
            text-decoration: none
        }

        .navbar-nav {
            display: -ms-flexbox;
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .navbar-nav .nav-link {
            padding-right: 0;
            padding-left: 0
        }

        .navbar-nav .dropdown-menu {
            float: none
        }

        .close:not(:disabled):not(.disabled):hover,
        .close:not(:disabled):not(.disabled):focus {
            opacity: 0.75
        }

        .bg-dark {
            background-color: #343a40
        }

        .bg-white {
            background-color: #fff
        }

        .bg-gray {
            background-color: #f5f6f6
        }

        .d-none {
            display: none
        }

        @media (min-width:992px) {
            .d-lg-none {
                display: none
            }

            .d-lg-block {
                display: block
            }
        }

        .align-items-center {
            -ms-flex-align: center;
            align-items: center
        }

        @media (min-width:992px) {
            .justify-content-lg-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }
        }

        .mr-0 {
            margin-right: 0
        }

        .mr-auto {
            margin-right: auto
        }

        @media only screen and (max-width:414px) {
            h2 {
                font-size: 21px;
                line-height: 26px
            }
        }

        .mr-30 {
            margin-right: 30px
        }

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

        .accordion-link {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .accordion-link>*:first-child {
            position: relative;
            width: 100%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .accordion-link i {
            width: 30px;
            padding: 9px
        }

        amp-carousel p {
            white-space: normal
        }

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

        .rw {
            margin-right: 0px;
            margin-left: 0px
        }

        .rw>[class*="cl"] {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .gt20 {
            margin-right: -10px;
            margin-left: -10px
        }

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

        .gt20>[class*="cl"],
        .gt20>[class*="col-"] {
            padding-right: 10px;
            padding-left: 10px
        }

        .gt50>[class*="col-"] {
            padding-right: 25px;
            padding-left: 25px
        }

        .mb20>[class*="cl"],
        .mb20>[class*="col-"] {
            margin-bottom: 20px
        }

        .rw {
            box-sizing: border-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            -webkit-box-flex: 0;
            flex: 0 1 auto;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .rw>[class*="cl"] {
            width: 100%
        }

        @media (min-width:992px) {
            .eq3>.cl {
                -ms-flex-preferred-size: 33.3333333333%;
                -webkit-flex-basis: 33.3333333333%;
                flex-basis: 33.3333333333%;
                max-width: 33.3333333333%
            }
        }

        *,
        *:before,
        *:after {
            margin: 0;
            padding: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-overflow-scrolling: touch
        }

        body {
            margin: 0
        }

        body {
            font-family: "Open Sans", sans-serif;
            color: #888888;
            line-height: 1.5;
            font-size: 14px
        }

        a,
        a:hover,
        a:focus {
            color: inherit;
            text-decoration: none;
            outline: 0
        }

        a:not([class*="btn"]):hover,
        a:not([class*="btn"]):focus {
            opacity: 0.7
        }

        footer,
        section {
            padding-top: 100px;
            padding-bottom: 100px;
            position: relative
        }

        .container {
            position: relative;
            z-index: 999
        }

        hr {
            height: 0;
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            margin: 20px 0
        }

        hr.light {
            border-color: rgba(255, 255, 255, 0.15)
        }

        p {
            margin-bottom: 20px
        }

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

        .full-wh {
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            width: 100%
        }

        .pos-rel {
            position: relative
        }

        .mh-72 {
            max-height: 72px;
            overflow: hidden
        }

        .l0 {
            left: 0px
        }

        .z0 {
            z-index: 0
        }

        .z1 {
            z-index: 1
        }

        .z2 {
            z-index: 200
        }

        .z3 {
            z-index: 300
        }

        .z5 {
            z-index: 500
        }

        .op-05 {
            opacity: 0.5
        }

        .op-07 {
            opacity: 0.7
        }

        .op-08 {
            opacity: 0.8
        }

        .op-09 {
            opacity: 0.9
        }

        .shadow-large {
            -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15)
        }

        .shadow-small {
            -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15)
        }

        .iconwrp {
            margin-left: auto;
            margin-right: auto;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex
        }

        .iconbox {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .form-group label {
            font-weight: normal
        }

        .form-control {
            border-radius: 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
            vertical-align: middle;
            border: 1px solid rgba(0, 0, 0, 0.15);
            font-size: 16px;
            height: auto;
            padding: 10px 15px;
            margin-bottom: 10px;
            font-weight: normal
        }

        .form-control:hover,
        .form-control:focus {
            border-color: rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .inline-control {
            position: relative;
            padding-left: 25px
        }

        .inline-control [type="checkbox"] {
            position: absolute;
            left: 0px;
            top: 5px
        }

        textarea.form-control {
            height: 150px
        }

        .subscribe-block .form-group {
            position: relative;
            margin: 0 0 5px 0;
            padding-bottom: 1px
        }

        .subscribe-block .btn {
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 0px 20px;
            min-height: inherit
        }

        .subscribe-block .btn,
        .subscribe-block [type="email"] {
            height: 50px
        }

        .subscribe-block._1 .btn {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px
        }

        .btn {
            font-family: "Open Sans", sans-serif;
            border-radius: 3px;
            padding: 12px 20px;
            font-size: 16px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid transparent;
            background-color: transparent;
            line-height: 1;
            position: relative;
            outline: 0px auto -webkit-focus-ring-color;
            font-weight: 700;
            display: inline-block
        }

        .btn:active,
        .btn:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .bdr-glass,
        .bdr-glass:hover,
        .bdr-glass:focus {
            border-color: transparent
        }

        .rd {
            border-radius: 100%
        }

        .rd-4 {
            border-radius: 4px
        }

        .rd-5 {
            border-radius: 5px
        }

        .rd-10 {
            border-radius: 10px
        }

        .bdr-1 {
            border-width: 1px;
            border-style: solid
        }

        .bdr-2 {
            border-width: 2px;
            border-style: solid
        }

        .bdr-10 {
            border-width: 10px;
            border-style: solid
        }

        .bdr-b-5 {
            border-bottom-width: 5px;
            border-bottom-style: solid
        }

        .small {
            font-size: inherit;
            font-weight: inherit
        }

        h2,
        h3,
        h4 {
            margin: 0px;
            line-height: 1.3
        }

        h2,
        h3,
        h4 {
            font-family: "Open Sans", sans-serif
        }

        h2 {
            font-size: 2.25rem;
            font-weight: 700;
            margin-bottom: 0.625rem
        }

        h3 {
            font-size: 1.875rem;
            font-weight: 700;
            margin-bottom: 0.625rem
        }

        h4 {
            font-size: 1.625rem;
            font-weight: 700;
            margin-bottom: 0.625rem
        }

        .title {
            font-size: 2.25rem;
            margin-bottom: 0.9375rem;
            font-weight: 700
        }

        .title.small {
            font-size: 1.5rem;
            font-weight: 700
        }

        .title.mini {
            font-size: 1.125rem;
            font-weight: 700
        }

        .title.tiny {
            font-size: 1rem;
            font-weight: 700
        }

        .title-sub {
            font-size: 1.375rem;
            margin-bottom: 2.5rem;
            font-weight: 300
        }

        .title-sub.mini {
            font-size: 1.125rem
        }

        .txt-upper {
            text-transform: uppercase
        }

        .fs12 {
            font-size: 0.75rem
        }

        .fs16 {
            font-size: 1rem
        }

        .fs22 {
            font-size: 1.375rem
        }

        .bold-n {
            font-weight: normal
        }

        .bold-5 {
            font-weight: 700
        }

        .italic {
            font-style: italic
        }

        [class*="link-"]:hover {
            text-decoration: underline
        }

        .bg-cover {
            background-size: cover;
            background-repeat: no-repeat
        }

        .bg-cc {
            background-position: center center
        }

        .align-c {
            text-align: center
        }

        .iconwrp,
        .flex-bl {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .iconwrp {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .info-obj.align-c .iconwrp,
        .info-obj.img-l .iconwrp {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .flex-bl {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }

        .pd-medium {
            padding: 4.375rem
        }

        .pd-mini {
            padding: 2.5rem
        }

        .pd-tiny {
            padding: 1.875rem
        }

        .pd-tb-large {
            padding-top: 3rem;
            padding-bottom: 3rem
        }

        .pd-tb-small {
            padding-top: 3rem;
            padding-bottom: 2rem
        }

        .mr-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mr-0 {
            margin: 0rem
        }

        .mr-0 {
            margin: 0rem
        }

        .mr-30 {
            margin: 1.875rem
        }

        .mr-t-80 {
            margin-top: 5rem
        }

        .mr-r-4 {
            margin-right: 0.25rem
        }

        .mr-b-4 {
            margin-bottom: 0.25rem
        }

        .mr-b-20,
        .info-obj.img-t.g20 .img {
            margin-bottom: 1.25rem
        }

        .mr-b-20,
        .info-obj.img-t.g20 .img {
            margin-bottom: 1.25rem
        }

        .mr-b-40,
        .info-obj.img-t.g40 .img {
            margin-bottom: 2.5rem
        }

        .mr-b-100 {
            margin-bottom: 6.25rem
        }

        .info-obj.img-l.g20 .info {
            margin-left: 1.25rem
        }

        .info-obj.img-l.g20 .info {
            margin-left: 1.25rem
        }

        .mr-l-100 {
            margin-left: 6.25rem
        }

        .-mr-t-80 {
            margin-top: -80px
        }

        .sq30 {
            width: 1.875rem;
            height: 1.875rem
        }

        .w75 {
            width: 75%
        }

        .w100 {
            width: 100%
        }

        .px-w100 {
            width: 6.25rem
        }

        .max-px-w150 {
            max-width: 9.375rem
        }

        .px-h800 {
            height: 50rem
        }

        .min-px-h250 {
            min-height: 15.625rem
        }

        .inline-block {
            display: inline-block
        }

        .hover-box1 *,
        a,
        .btn {
            -webkit-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out
        }

        .delay-1s {
            -webkit-animation-delay: 1s;
            animation-delay: 1s
        }

        @media (min-width:200px) and (max-width:991px) {
            [data-rgen-sm*="fs16"] {
                font-size: 16px
            }

            [data-rgen-sm*="fs20"] {
                font-size: 20px
            }

            .title[data-rgen-sm*="medium"] {
                font-size: 26px
            }

            .title[data-rgen-sm*="small"] {
                font-size: 20px
            }

            .title-sub[data-rgen-sm*="small"] {
                font-size: 16px
            }

            [data-rgen-sm*="align-c"] {
                text-align: center
            }

            [data-rgen-sm*="align-c"] .img {
                margin-left: auto;
                margin-right: auto
            }

            [data-rgen-sm*="mr-10"] {
                margin: 10px
            }

            [data-rgen-sm*="pd-0"] {
                padding: 0px
            }

            [data-rgen-sm*="pd-10"] {
                padding: 10px
            }

            [data-rgen-sm*="pd-20"] {
                padding: 20px
            }

            [data-rgen-sm*="pd-tb-small"] {
                padding-top: 40px;
                padding-bottom: 40px
            }

            .w75 {
                width: 100%
            }

            [data-rgen-sm*="h-reset"] {
                height: auto;
                max-height: inherit;
                min-height: inherit
            }

            [data-rgen-sm*="px-h400"] {
                height: 400px
            }

            [data-rgen-sm*="img-t"].info-obj {
                width: 100%;
                display: block
            }

            [data-rgen-sm*="img-t"].info-obj>.img {
                margin-bottom: 20px
            }

            [data-rgen-sm*="img-t"].info-obj .info {
                margin-left: auto;
                margin-right: auto
            }
        }

        @media (min-width:768px) and (max-width:1024px) {
            .pd-tb-large {
                padding-top: 80px;
                padding-bottom: 80px
            }

            [data-rgen-md*="fs18"] {
                font-size: 18px
            }

            [data-rgen-md*="fs30"] {
                font-size: 30px
            }

            [data-rgen-md*="mr-10"] {
                margin: 10px
            }

            [data-rgen-md*="pd-20"] {
                padding: 20px
            }

            [data-rgen-md*="pd-lr-30"] {
                padding-left: 30px;
                padding-right: 30px
            }

            [data-rgen-md*="pd-b-30"] {
                padding-bottom: 30px
            }
        }

        @media (min-width:200px) and (max-width:991px) {
            #page {
                overflow: hidden
            }

            [class*="gt"] {
                margin-left: -15px;
                margin-right: -15px
            }

            [class*="gt"]>[class*="col-"] {
                padding-left: 15px;
                padding-right: 15px
            }

            .rw>[class*="cl"] {
                width: 100%
            }

            .btn {
                white-space: normal
            }
        }

        .btn-dark {
            background-color: transparent;
            border-color: #2d3345;
            color: #2d3345
        }

        .btn-dark:hover,
        .btn-dark:focus,
        .btn-dark:active {
            background-color: #2d3345;
            border-color: #2d3345;
            color: #ffffff
        }

        .solid.btn-dark {
            border-color: #2d3345;
            color: #ffffff
        }

        .solid.btn-dark:not([class*="bg-glass-"]) {
            background-color: #2d3345
        }

        .solid.btn-dark:hover,
        .solid.btn-dark:focus,
        .solid.btn-dark:active {
            background-color: transparent;
            border-color: #2d3345;
            color: #2d3345
        }

        .btn-white {
            background-color: transparent;
            border-color: #ffffff;
            color: #ffffff
        }

        .btn-white:hover,
        .btn-white:focus,
        .btn-white:active {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #2d3345
        }

        .bdr-white,
        .bdr-white.form-control {
            border-color: #ffffff
        }

        [class*="btn-"].bdr-glass,
        [class*="btn-"].bdr-glass:hover,
        [class*="btn-"].bdr-glass:focus {
            border-color: transparent
        }

        .bdr-op-light-5 {
            border-color: rgba(255, 255, 255, 0.5)
        }

        h2,
        h3,
        h4,
        .title-sub {
            color: #2d3345
        }

        .typo-light h2,
        .typo-light h3,
        .typo-light .title:not([class*="txt-"]),
        .typo-light .title-sub:not([class*="txt-"]),
        .typo-light p:not([class*="txt-"]) {
            color: #ffffff
        }

        .txt-primary,
        .txt-primary:hover {
            color: #fa5a00
        }

        .txt-dark,
        .txt-dark:hover {
            color: #2d3345
        }

        .txt-white,
        .txt-white:hover {
            color: #ffffff
        }

        .link-default,
        a.link-default {
            color: #0095fb
        }

        .bg-dark {
            background-color: #2d3345
        }

        .bg-gray {
            background-color: #f4f5f5
        }

        .bg-white {
            background-color: #ffffff
        }

        .header-bottom-8 {
            padding: 0 50px
        }

        #header-sticky,
        .header-bottom-8:hover {
            background: #070707;
            color: #fff
        }

        .header-bottom-8 .navbar-brand {
            padding-right: 60px;
            padding-top: 10px
        }

        .header-bottom-8 .icon-btn-inline .btn-icon {
            color: inherit;
            margin: 0 10px
        }

        .header-bottom-8 .navbar-nav>.nav-item>a {
            display: block;
            font-size: 16px;
            font-weight: normal;
            padding: 45px 20px;
            text-transform: uppercase;
            position: relative
        }

        .header-bottom-8 .navbar-nav>.nav-item>a:hover {
            color: var(--main_color)
        }

        .header-bottom-8 .navbar-nav>.nav-item>a i {
            width: 8px;
            margin: 0 3px
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu {
            padding: 10px 0px;
            position: absolute;
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
            border-radius: 0px;
            background: #fff;
            border: 1px solid #e5e5e5;
            border-top: 3px solid #fec500;
            transition: all 0.5s ease 0s, -moz-transform 0.5s ease 0s
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu a:hover {
            color: var(--main_color)
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu .nav-link {
            padding: 0.5rem 1rem
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu a i {
            position: absolute;
            width: 10px;
            height: 10px;
            right: 6px;
            top: 12px
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu>li:hover>a>i {
            transform: rotate(-90deg);
            transition: all 0.2s ease-in-out
        }

        .header-bottom-8 .navbar-nav>.nav-item .dropdown-menu .dropdown-menu {
            top: 0;
            right: auto;
            left: 100%;
            margin-top: 0
        }

        .header-bottom-8 .navbar-nav>.nav-item>a {
            padding: 34px 20px
        }

        .header-bottom-8 .navbar-nav>.nav-item>a:hover {
            color: var(--sub_color)
        }

        .product-main-1 h1 {
            color: #333
        }

        #header-sticky,
        .header-bottom-8:hover {
            background: white;
            color: #333
        }

        @media screen and (min-width:1024px) {
            #header-sticky-one {
                position: sticky;
                top: 0;
                z-index: 9999
            }
        }

        .pagination {
            display: -ms-flexbox;
            display: flex;
            padding-left: 0;
            list-style: none;
            border-radius: 0.25rem
        }

        .page-link {
            position: relative;
            display: block;
            padding: 0.5rem 0.75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: var(--main_color);
            background-color: #fff;
            border: 1px solid #dee2e6
        }

        .page-link:hover {
            z-index: 2;
            color: var(--main_color);
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6
        }

        .page-link:focus {
            z-index: 3;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
        }

        .page-item:first-child .page-link {
            margin-left: 0;
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem
        }

        .page-item:last-child .page-link {
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem
        }

        .pagination .page-item.active .page-link {
            background: var(--main_color);
            color: white
        }

        .pagination {
            display: -ms-flexbox;
            display: flex;
            padding-left: 0;
            list-style: none;
            border-radius: 0.25rem
        }

        .page-link {
            position: relative;
            display: block;
            padding: 0.5rem 0.75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: var(--main_color);
            background-color: #fff;
            border: 1px solid #dee2e6
        }

        .page-link:hover {
            z-index: 2;
            color: var(--main_color);
            text-decoration: none;
            background-color: #e9ecef;
            border-color: #dee2e6
        }

        .page-link:focus {
            z-index: 3;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
        }

        .page-item:first-child .page-link {
            margin-left: 0;
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem
        }

        .page-item:last-child .page-link {
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem
        }

        .pagination .page-item.active .page-link {
            background: var(--main_color);
            color: white
        }

        @media screen and (max-width:1440px) {
            body .header-bottom-8 .navbar-nav>.nav-item>a {
                padding: 34px 7px
            }
        }

        @media screen and (max-width:1125px) {
            section#header-sticky amp-img {
                max-width: 140px
            }
        }

        section#header-sticky-one {
            position: sticky;
            top: 0;
            z-index: 9999;
            width: 100%;
            background: white
        }

        @media screen and (max-width:767px) {

            section.header-mobile-1.d-lg-none .i-amphtml-blurry-placeholder,
            section.header-mobile-1.d-lg-none .i-amphtml-fill-content {
                max-width: 80%;
                min-height: 80%;
                min-width: 80%
            }
        }

        .breadcrumb-4 {
            overflow: hidden;
            margin-bottom: 30px;
            font-size: 13px;
            background: #f9f9f9
        }

        .breadcrumb-4 nav {
            background: transparent;
            padding: 20px 0
        }

        .breadcrumb-4 nav ol {
            padding-left: 0;
            margin-bottom: 0
        }

        .breadcrumb-4 nav ol li {
            display: inline
        }

        .breadcrumb-4 nav ol li:after {
            content: '>';
            color: #a4a4a4;
            margin: 2em;
            font-size: 13px;
            vertical-align: -1px
        }

        .breadcrumb-4 nav ol li:last-child a,
        .breadcrumb-3 nav ol li:last-child span {
            color: var(--main_color)
        }

        .breadcrumb-4 nav ol li:last-child:after {
            content: ""
        }

        .breadcrumb-4 nav ol li a {
            display: inline-block;
            position: relative;
            color: #a4a4a4;
            line-height: 25px
        }

        .breadcrumb-4 nav ol li a:hover {
            color: var(--main_color)
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box
        }

        html {
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            box-sizing: border-box;
            -ms-overflow-style: scrollbar
        }

        footer,
        nav,
        section {
            display: block
        }

        body {
            margin: 0;
            font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
            font-size: 14px;
            line-height: 1.5;
            color: #212529;
            background-color: #fff
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            margin-top: 0;
            margin-bottom: 0.5rem
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
            color: #666
        }

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

        ul ul {
            margin-bottom: 0
        }

        a {
            color: inherit;
            text-decoration: none;
            background-color: transparent
        }

        a:hover {
            color: var(--main_color)
        }

        a:not([href]):not([tabindex]) {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):hover,
        a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

        svg {
            overflow: hidden;
            vertical-align: middle;
            display: inline-block;
            fill: currentColor;
            height: 20px;
            pointer-events: none;
            width: 20px
        }

        label {
            display: inline-block;
            margin-bottom: 0.5rem
        }

        button {
            border-radius: 0
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

        input,
        button,
        textarea {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        button,
        input {
            overflow: visible
        }

        button {
            text-transform: none
        }

        button,
        [type="submit"] {
            -webkit-appearance: button
        }

        button:not(:disabled),
        [type="button"]:not(:disabled),
        [type="reset"]:not(:disabled),
        [type="submit"]:not(:disabled) {
            cursor: pointer
        }

        button::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        textarea {
            overflow: auto;
            resize: vertical
        }

        [type="search"] {
            outline-offset: -2px;
            -webkit-appearance: none
        }

        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        [hidden] {
            display: none
        }

        .container,
        .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        @media (min-width:576px) {
            .container {
                max-width: 540px
            }
        }

        @media (min-width:768px) {
            .container {
                max-width: 720px
            }
        }

        @media (min-width:992px) {
            .container {
                max-width: 960px
            }
        }

        @media (min-width:1200px) {
            .container {
                max-width: 1140px
            }
        }

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

        .col-6,
        .col,
        .col-md-4,
        .col-lg-3,
        .col-lg-4,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9 {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

       

        @media (min-width:768px) {
            .col-md-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }
        }

        @media (min-width:992px) {
            .col-lg-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-lg-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-lg-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-lg-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%
            }

            .col-lg-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-lg-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }
        }

        .form-control {
            display: block;
            width: 100%;
            height: calc(1.5em+0.75rem+2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control {
                transition: none
            }
        }

        .form-control::-ms-expand {
            background-color: transparent;
            border: 0
        }

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
        }

        .form-control::-webkit-input-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control::-ms-input-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control:disabled {
            background-color: #e9ecef;
            opacity: 1
        }

        textarea.form-control {
            height: auto
        }

        .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
        .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
            border-color: #28a745
        }

        .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
        .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
            border-color: #dc3545
        }

        .form-inline {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-align: center;
            align-items: center
        }

        @media (min-width:576px) {
            .form-inline .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle
            }
        }

        .btn {
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 14px;
            line-height: 1.5;
            border-radius: 0.25rem;
            background: #ddd;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .btn {
                transition: none
            }
        }

        .btn:hover {
            color: #212529;
            text-decoration: none
        }

        .btn:focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25)
        }

        .btn:disabled {
            opacity: 0.65
        }

        .btn-o {
            background: 0;
            border: 0
        }

        .btn-primary {
            color: #fff;
            background-color: var(--main_color);
            border-color: var(--main_color)
        }

        .btn-primary:hover {
            color: var(--main_color);
            background-color: #fff;
            border-color: var(--main_color)
        }

        .btn-primary:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5)
        }

        .btn-primary:disabled {
            color: #fff;
            background-color: var(--main_color);
            border-color: var(--main_color)
        }

        .btn-primary:not(:disabled):not(.disabled):active,
        .btn-primary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #0062cc;
            border-color: #005cbf
        }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5)
        }

        .btn-secondary:not(:disabled):not(.disabled):active,
        .btn-secondary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #545b62;
            border-color: #4e555b
        }

        .btn-secondary:not(:disabled):not(.disabled):active:focus,
        .btn-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5)
        }

        .btn-success:not(:disabled):not(.disabled):active,
        .btn-success:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #1e7e34;
            border-color: #1c7430
        }

        .btn-success:not(:disabled):not(.disabled):active:focus,
        .btn-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5)
        }

        .btn-info:not(:disabled):not(.disabled):active,
        .btn-info:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #117a8b;
            border-color: #10707f
        }

        .btn-info:not(:disabled):not(.disabled):active:focus,
        .btn-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5)
        }

        .btn-warning:not(:disabled):not(.disabled):active,
        .btn-warning:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #d39e00;
            border-color: #c69500
        }

        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .btn-warning:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5)
        }

        .btn-danger:not(:disabled):not(.disabled):active,
        .btn-danger:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #bd2130;
            border-color: #b21f2d
        }

        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .btn-danger:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5)
        }

        .btn-light:not(:disabled):not(.disabled):active,
        .btn-light:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #dae0e5;
            border-color: #d3d9df
        }

        .btn-light:not(:disabled):not(.disabled):active:focus,
        .btn-light:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5)
        }

        .btn-dark:not(:disabled):not(.disabled):active,
        .btn-dark:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #1d2124;
            border-color: #171a1d
        }

        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .btn-dark:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5)
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active,
        .btn-outline-primary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: var(--main_color);
            border-color: var(--main_color)
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5)
        }

        .btn-outline-secondary:not(:disabled):not(.disabled):active,
        .btn-outline-secondary:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #6c757d;
            border-color: #6c757d
        }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5)
        }

        .btn-outline-success:not(:disabled):not(.disabled):active,
        .btn-outline-success:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #28a745;
            border-color: #28a745
        }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus,
        .btn-outline-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5)
        }

        .btn-outline-info:not(:disabled):not(.disabled):active,
        .btn-outline-info:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8
        }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .btn-outline-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5)
        }

        .btn-outline-warning:not(:disabled):not(.disabled):active,
        .btn-outline-warning:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #ffc107;
            border-color: #ffc107
        }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5)
        }

        .btn-outline-danger:not(:disabled):not(.disabled):active,
        .btn-outline-danger:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #dc3545;
            border-color: #dc3545
        }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
        .btn-outline-danger:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5)
        }

        .btn-outline-light:not(:disabled):not(.disabled):active,
        .btn-outline-light:not(:disabled):not(.disabled).active {
            color: #212529;
            background-color: #f8f9fa;
            border-color: #f8f9fa
        }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus,
        .btn-outline-light:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5)
        }

        .btn-outline-dark:not(:disabled):not(.disabled):active,
        .btn-outline-dark:not(:disabled):not(.disabled).active {
            color: #fff;
            background-color: #343a40;
            border-color: #343a40
        }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
        .btn-outline-dark:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5)
        }

        .btn-lg {
            padding: 0.5rem 2.5rem;
            font-size: 1.25rem;
            line-height: 1.5;
            border-radius: 0.3rem
        }

        .dropdown {
            position: relative
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: -5%;
            z-index: 1000;
            display: none;
            min-width: 10rem;
            padding: 0.5rem 0;
            color: #212529;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0.25rem
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: 0.25rem 1.5rem;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            border: 0
        }

        .dropdown-item:hover,
        .dropdown-item:focus {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa
        }

        .dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: var(--main_color)
        }

        .dropdown-item:disabled {
            color: #6c757d;
            pointer-events: none;
            background-color: transparent
        }

        .dropdown:hover>.dropdown-menu {
            display: block
        }

        .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: 0.5rem 1rem
        }

        .nav-link:hover,
        .nav-link:focus {
            text-decoration: none
        }

        .nav-tabs {
            border-bottom: 1px solid #dee2e6
        }

        .nav-tabs .nav-item {
            margin-bottom: -1px
        }

        .tab-content>.tab-pane {
            display: none
        }

        .tab-content>.active {
            display: block
        }

        .navbar {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .navbar-brand {
            display: inline-block;
            font-size: 1.25rem;
            line-height: inherit;
            white-space: nowrap
        }

        .navbar-brand:hover,
        .navbar-brand:focus {
            text-decoration: none
        }

        .card {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-clip: border-box;
            border-radius: 0.25rem;
            white-space: normal
        }

        .card-body {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 10px
        }

        .media {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .media-body {
            -ms-flex: 1;
            flex: 1
        }

        .close:not(:disabled):not(.disabled):hover,
        .close:not(:disabled):not(.disabled):focus {
            opacity: 0.75
        }

        .bg-black {
            background-color: #222;
            color: #fff
        }

        .border-bottom {
            border-bottom: 1px solid #dee2e6
        }

        .d-none {
            display: none
        }

        .d-flex {
            display: -ms-flexbox;
            display: flex
        }

        @media (min-width:992px) {
            .d-lg-none {
                display: none
            }

            .d-lg-block {
                display: block
            }
        }

        .justify-content-between {
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .align-items-center {
            -ms-flex-align: center;
            align-items: center
        }

        @media (min-width:992px) {
            .justify-content-lg-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }
        }

        .m-0 {
            margin: 0
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .font-18 {
            font-size: 18px;
            line-height: 24px
        }

        @media only screen and (max-width:414px) {
            h2 {
                font-size: 21px;
                line-height: 26px
            }
        }

        .font-weight-600 {
            font-weight: 600
        }

        .m-0 {
            margin: 0
        }

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

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

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

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

        .pt-15 {
            padding-top: 15px
        }

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

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

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

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

        .wh-60 {
            width: 60px;
            height: 60px
        }

        .wh-70 {
            width: 70px;
            height: 70px
        }

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

        .accordion-link {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .accordion-link>*:first-child {
            position: relative;
            width: 100%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .card-image {
            position: relative;
            width: 100%
        }

        amp-carousel [class^="col-"] {
            margin: 0
        }

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

        .page-content {
            padding-bottom: 30px
        }

        .review .fa-star {
            color: var(--main_color)
        }

        .review .fa-star-o {
            opacity: 0.6
        }

        #top {
            position: relative;
            float: left;
            height: 200px
        }

        amp-carousel>div>div {
            scrollbar-width: none
        }

        amp-carousel>div>div::-webkit-scrollbar {
            display: none
        }

        .section-5 .section-header div.header-title h2 {
            font-size: 24px
        }

        body .contact-form-1 button {
            color: white
        }

        .widget-5 .media-list .media-body h5 {
            color: #333
        }

        .sidebar-menu-4 {
            padding: 30px 20px;
            width: 440px;
            background-color: #fff
        }

        .sidebar-menu-4 .btn-close {
            position: absolute;
            right: 10px;
            top: 5px;
            font-size: 20px
        }

        .sidebar-menu-4 .sidebar-header h2 {
            padding: 0px;
            margin-bottom: 30px
        }

        .sidebar-menu-4 .sidebar-body .form-control {
            height: 50px;
            margin-bottom: 20px
        }

        .sidebar-menu-4 .sidebar-body .btn {
            height: 40px;
            border-radius: 0;
            margin-top: 0;
            margin-right: 0;
            padding: 0px;
            color: #fff;
            padding: 0px 20px;
            border-radius: 3px;
            background-color: var(--main_color)
        }

        .slider-nav-5 .amp-carousel-button {
            height: 53px;
            width: 46px;
            line-height: 53px;
            border-radius: 0
        }

        .slider-nav-5 .amp-carousel-button:hover {
            background-color: var(--main_color)
        }

        .slider-nav-5 .amp-carousel-button-prev {
            left: 0
        }

        .slider-nav-5 .amp-carousel-button-next {
            right: 0
        }

        .breadcrumb-4 {
            overflow: hidden;
            margin-bottom: 30px;
            font-size: 13px;
            background: #f9f9f9
        }

        .breadcrumb-4 nav {
            background: transparent;
            padding: 20px 0
        }

        .breadcrumb-4 nav ol {
            padding-left: 0;
            margin-bottom: 0
        }

        .breadcrumb-4 nav ol li {
            display: inline
        }

        .breadcrumb-4 nav ol li:after {
            content: '>';
            color: #a4a4a4;
            margin: 2em;
            font-size: 13px;
            vertical-align: -1px
        }

        .breadcrumb-4 nav ol li:last-child a,
        .breadcrumb-3 nav ol li:last-child span {
            color: var(--main_color)
        }

        .breadcrumb-4 nav ol li:last-child:after {
            content: ""
        }

        .breadcrumb-4 nav ol li a {
            display: inline-block;
            position: relative;
            color: #a4a4a4;
            line-height: 25px
        }

        .breadcrumb-4 nav ol li a:hover {
            color: var(--main_color)
        }

        .section-5 .section-header .header-title {
            text-align: center
        }

        .section-5 .section-header .header-title h2,
        .section-5 .section-header .header-title h1 {
            font-size: 40px;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 15px
        }

        .section-5 .section-header .header-title p {
            font-size: 15px;
            color: #999;
            margin: 0
        }

        .section-5 .section-header .header_under {
            display: block;
            clear: both;
            position: relative;
            background-color: var(--main_color)
        }

        .section-5 .section-header .header_under:after {
            border-top-color: var(--main_color)
        }

        .section-5 .section-header .line {
            height: 1px;
            background: #eee;
            position: absolute
        }

        .section-5 .section-header .line1,
        .line3 {
            top: 50%;
            width: 150px;
            margin-top: -3px
        }

        .section-5 .section-header .line2,
        .line4 {
            top: 50%;
            width: 120px;
            margin-top: 2px
        }

        .section-5 .section-header .line1,
        .line2 {
            right: 54px
        }

        .section-5 .section-header .line3,
        .line4 {
            left: 54px
        }

        .section-5 .section-header .plus {
            font-size: 36px;
            color: #fff;
            position: absolute;
            left: 50%;
            margin-left: -11px;
            top: -20px
        }

        .section-5 .section-header .header_under {
            width: 34px;
            height: 20px;
            background: var(--main_color);
            position: relative;
            margin: 0 auto;
            margin-top: 32px;
            margin-bottom: 60px
        }

        .section-5 .section-header .header_under:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: -10px;
            left: 0;
            border-left: 17px solid transparent;
            border-right: 17px solid transparent;
            border-bottom: 10px solid var(--main_color)
        }

        .section-5 .section-header .header_under:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: -10px;
            left: 0;
            border-left: 17px solid transparent;
            border-right: 17px solid transparent;
            border-top: 10px solid var(--main_color)
        }

        @media (max-width:575px) {
            .section-5 .section-header .header_under {
                margin-bottom: 40px
            }
        }

        .section-5 .section-header .header_under:before {
            border-bottom-color: var(--main_color)
        }

        .widget-5 {
            margin-bottom: 40px
        }

        .widget-5 .widget-header h3 {
            color: #333;
            font-size: 20px;
            margin: 0 0 30px;
            position: relative;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px
        }

        .widget-5 .widget-header h3:after {
            content: "";
            top: 100%;
            margin-top: 5px;
            left: 0;
            width: 30px;
            height: 3px;
            background: #222;
            position: absolute
        }

        .widget-5 .widget-body amp-accordion>section>.accordion-header {
            background-color: transparent;
            border: none;
            padding: 0
        }

        .widget-5 .widget-body amp-accordion>section>.accordion-header a {
            margin: 0;
            border: none;
            font-size: 16px;
            font-weight: 400;
            line-height: 1;
            padding: 12px 0 7px;
            color: #333
        }

        .widget-5 .widget-body amp-accordion amp-accordion>section>.accordion-header {
            border-bottom: 1px solid #f1f1f1
        }

        .widget-5 .widget-body amp-accordion amp-accordion>section>.accordion-header a {
            font-size: 14px;
            line-height: 30px;
            margin: 0;
            padding: 0 10px;
            display: block;
            color: #a4a4a4
        }

        .widget-5 .widget-body section>.accordion-header>.accordion-link .open,
        .widget-5 .widget-body section[expanded]>.accordion-header>.accordion-link .close {
            display: none
        }

        .widget-5 .widget-body section[expanded]>.accordion-header>.accordion-link .open,
        .widget-5 .widget-body section>.accordion-header>.accordion-link .close {
            display: block
        }

        .widget-5 .widget-body .accordion-link svg {
            line-height: 18px;
            width: 12px;
            height: 12px
        }

        .widget-5 .media-list .media {
            margin-bottom: 20px
        }

        .widget-5 .media-list .media-body {
            padding: 10px 0;
            margin-left: 20px
        }

        .widget-5 .media-list .media-body h5 {
            overflow: hidden;
            text-overflow: ellipsis;
            height: 100%;
            line-height: 1.5em;
            margin-bottom: 0;
            font-weight: normal
        }

        .product-item-5 {
            margin-bottom: 30px
        }

        .product-item-5 .card-image .image-hover {
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(0);
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            transition: all 1s ease-in-out 0s;
            -webkit-transition: all 1s ease-in-out 0s;
            -moz-transition: all 1s ease-in-out 0s
        }

        .product-item-5:hover .card-image .image-hover {
            display: block;
            transform: scale(1);
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            visibility: visible
        }

        .product-item-5:hover .card-image .image-hover .btn-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 2;
            transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%)
        }

        .product-item-5:hover .card-image .image-hover:before {
            background-color: rgba(0, 0, 0, 0.42);
            content: "";
            left: 0;
            right: 0;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            transition: all 0.3s ease-out 0s
        }

        .product-item-5 .card-image .image-hover .btn-wrap a svg {
            width: 14px;
            height: 14px
        }

        .product-item-5 .card-image .image-hover .btn-wrap a {
            background: transparent;
            border: 1px solid #fff;
            color: #fff;
            font-size: 15px;
            display: inline-block;
            float: left;
            width: 36px;
            height: 36px;
            line-height: 34px;
            text-align: center;
            z-index: 2
        }

        .product-item-5 .card-body h4 {
            line-height: 18px;
            height: 36px;
            display: block;
            overflow: hidden;
            color: #242424;
            font-size: 14px;
            font-weight: 500;
            text-align: center
        }

        .product-item-5 .card-body p {
            font-size: 12px;
            color: #626060;
            text-align: center;
            line-height: 15px;
            height: 30px;
            margin: 0;
            overflow: hidden
        }

        .product-show-1 .carousel-preview {
            margin-top: 15px
        }

        .product-show-1 .lslider {
            border: 1px solid #ebebeb
        }

        .product-show-1 .carousel-preview a {
            border: 1px solid #ebebeb;
            padding: 0;
            width: 70px;
            height: 70px;
            margin-right: 4px
        }

        .product-show-1 .carousel-preview a.active {
            border-color: var(--main_color)
        }

        .product-show-1 .carousel-preview .amp-carousel-button-prev {
            left: 0
        }

        .product-show-1 .carousel-preview .amp-carousel-button-next {
            right: 0
        }

        .product-main-1 .price .price-new {
            color: var(--sub_color);
            margin-right: 10px;
            font-size: 18px;
            vertical-align: top;
            font-weight: 600
        }

        .product-main-1 .price .price-unit {
            font-size: 16px;
            color: #888;
            display: inline-block;
            line-height: 100%;
            font-weight: 400;
            position: relative;
            top: 2px
        }

        .product-main-1 .btn-addtocart {
            background-color: var(--main_color);
            border: 2px solid var(--main_color);
            color: #fff;
            width: auto;
            line-height: 33px;
            margin-right: 3px;
            padding: 0px 20px
        }

        .product-main-1 .btn-addtocart:hover,
        .product-main-1 .btn-wish:hover {
            background-color: #fff;
            color: #222
        }

        .product-main-1 .btn-wish {
            background-color: var(--main_color);
            border: 2px solid var(--main_color);
            color: #fff;
            width: 40px;
            height: 40px;
            padding: 8px
        }

        .product-main-1 .btn-addtocart:hover,
        .product-main-1 .btn-wish:hover {
            background: #fff;
            color: var(--main_color)
        }

        .product-main-1 .addthis {
            padding: 10px 0;
            margin: 15px 0;
            width: 480px;
            height: 80px;
            border-bottom: 1px solid #ebebeb;
            border-top: 1px solid #ebebeb
        }

        .product-main-1 .product-info {
            color: #333;
            padding: 15px 0
        }

        .product-main-1 .product-info .info-offer {
            border-bottom: 1px solid #ebebeb;
            margin-bottom: 10px
        }

        .product-main-1 .product-info ul>li {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .product-main-1 .product-info label {
            color: #999;
            font-weight: 500;
            margin-right: 15px;
            position: relative;
            width: 100%;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .product-main-1 .product-info span {
            color: #333
        }

        .product-tab-1 .nav {
            position: sticky;
            top: 0;
            margin: 0;
            background-color: #fff;
            border-bottom: 1px solid #eee
        }

        .product-tab-1 .tab-pane {
            padding: 30px 0;
            line-height: 24px;
            color: #666
        }

        .product-tab-1 .nav-tabs li {
            border: 0;
            padding-right: 30px;
            font-weight: normal;
            text-transform: capitalize;
            font-size: 18px;
            display: inline-block;
            line-height: 45px;
            color: #888;
            font-weight: 600;
            border-radius: 0;
            margin: 0
        }

        .product-tab-1 .nav-tabs li .nav-link {
            font-size: 18px;
            color: #888;
            font-weight: 500;
            float: left;
            text-transform: capitalize;
            bottom: 0;
            position: relative
        }

        .product-tab-1 .nav-tabs li .nav-link:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 2px;
            background-color: transparent;
            bottom: 0;
            left: 0
        }

        .product-tab-1 .nav-tabs li .nav-link.active {
            color: #222
        }

        .product-tab-1 .nav-tabs li .nav-link.active:after,
        .product-tab-1 .nav-tabs li .nav-link:hover:after {
            background-color: var(--main_color)
        }

        .sidebar-contact-1 {
            width: 600px;
            padding: 40px 20px
        }

        .sidebar-contact-1 .btn-close {
            position: absolute;
            right: 10px;
            top: 5px;
            width: 20px
        }

        .contact-form-1 input,
        .contact-form-1 textarea {
            border: 1px solid #8e8e8e;
            margin-bottom: 30px;
            border-radius: unset
        }

        .contact-form-1 button {
            border: 2px solid var(--main_color);
            color: #222;
            font-size: 15px;
            background: var(--main_color);
            text-transform: uppercase;
            padding: 6px 40px;
            border-radius: unset
        }

        .contact-form-1 button:hover {
            background: #fff;
            color: var(--main_color)
        }

        .product-item-5 .card-image .image-hover {
            transition: none
        }

        .product-description * {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 16px
        }

        .product-description span {
            font-size: 16px;
            color: #777
        }

        .product-description td {
            padding: 5px 10px
        }

        .product-tab-1 .tab-pane {
            max-width: 700px
        }