.hgroup {
    margin-bottom: 35px
}

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

.btn.btn-md {
    padding: 9px 20px;
    font-size: 15px
}

.lightgray {
    color: #626262
}

.lightgray2 {
    color: #8a919b
}

.lightgray2-bg {
    background-color: #8a919b
}

.section-padding {
    padding: 70px 0
}

.price-label-hide {
    position: absolute !important;
    left: -9999px !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important
}

.br-10 {
    border-radius: 10px;
    overflow: hidden
}

.br-20 {
    border-radius: 20px;
    overflow: hidden
}

.box-shadow-xs {
    -ms-box-shadow: rgba(97, 97, 97, 0.2) 0 1px 8px 0;
    -o-box-shadow: rgba(97, 97, 97, 0.2) 0 1px 8px 0;
    box-shadow: rgba(97, 97, 97, 0.2) 0 1px 8px 0
}

.box-shadow-sm {
    -ms-box-shadow: rgba(0, 0, 0, 0.15) 0 0px 15px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.15) 0 0px 15px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0px 15px 0
}

.box-shadow-md {
    -ms-box-shadow: rgba(97, 97, 97, 0.3) 0 2px 60px 0;
    -o-box-shadow: rgba(97, 97, 97, 0.3) 0 2px 60px 0;
    box-shadow: rgba(97, 97, 97, 0.3) 0 2px 60px 0
}

.section-padding-xs {
    padding: 30px 0
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.__whatsapp:hover {
    color: #fff
}

.f18 {
    font-size: 18px
}

.blue {
    color: #007bff
}

.basecolor1 {
    color: #e46e39 !important
}

.basecolor1-bg {
    background-color: #e46e39 !important
}

.lightestgray2 {
    color: #eee !important
}

.lightestgray2-bg {
    background-color: #eee !important
}

.lightestgray {
    color: #ddd !important
}

.lightestgray-bg {
    background-color: #ddd !important
}

.section-padding-lg {
    padding: 78px 0
}

.header_clear {
    padding-top: 150px
}

.bg-norepeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.no-bg {
    background: none !important
}

.form-group {
    position: relative
}

.form-arrow {
    position: relative
}

.form-arrow:after {
    content: "";
    pointer-events: none;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 10px;
    font-size: 15px;
    bottom: 10px
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
    background: #fff;
    position: relative;
    -webkit-box-shadow: inset 0 0 0 30px #fff, 0 3px 6px 0 rgba(0, 0, 0, .04);
    background: #fff;
    -webkit-text-fill-color: #000;
    color: #000 !important
}

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .7);
    opacity: 1;
    font-size: 16px
}

.form-control::-moz-placeholder {
    color: rgba(0, 0, 0, .7);
    opacity: 1;
    font-size: 16px
}

.form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
    opacity: 1;
    font-size: 16px
}

.form-control:-moz-placeholder {
    color: rgba(0, 0, 0, .3);
    opacity: 1;
    font-size: 16px;
    font-weight: normal
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14)
}

select.form-control:focus {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .14)
}

.form-control {
    height: 48px !important;
    padding: 10px 10px;
    background: #fff;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .04);
    opacity: 1;
    border: none;
    color: #000
}

.form-control2 {
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .04);
    font-size: 16px
}

.form-control:focus {
    background: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .04);
    outline: none;
    border: none;
    outline: none;
    border-color: #ced4da;
    background-color: #fff;
    color: #000
}

@font-face {
    font-family: "axiforma-regular";
    src: url("/wp-content/themes/astra-child/assets/fonts/axiforma/converted/axiforma-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/astra-child/assets/fonts/axiforma/converted/axiforma-regular-webfont.woff") format("woff"), url("/wp-content/themes/astra-child/assets/fonts/axiforma/axiforma-regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "axiforma-select";
    src: url("/wp-content/themes/astra-child/assets/fonts/axiforma/Axiforma-regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

select {
    font-family: axiforma-select, sans-serif !important
}

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

body {
    background-color: #f7f7f7;
    font-family: axiforma-regular;
    overflow-x: hidden
}

p {
    color: #222
}

#contact-us {
    background-color: #fff;
    font-family: axiforma-regular
}

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

.brdr {
    border: 1px solid red
}

.tickercontainer {
    height: auto !important
}

#top-header .arrow-slider.owl-carousel .owl-nav button.owl-next,
#top-header .arrow-slider.owl-carousel .owl-nav button.owl-prev,
#top-header .arrow-slider.owl-carousel button.owl-dot {
    width: 20px;
    height: 30px;
    background-color: inherit;
    filter: brightness(100);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    outline: none !important
}

#top-header .arrow-slider.owl-carousel .owl-nav .owl-next {
    float: right
}

#top-header .arrow-slider.owl-carousel .owl-nav .owl-prev {
    float: left
}

#top-header .arrow-slider.owl-carousel .owl-nav button span {
    display: none
}

#top-header .arrow-slider.owl-carousel .owl-nav .owl-next {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-next.png") !important
}

#top-header .arrow-slider.owl-carousel,
#top-header .arrow-slider.owl-carousel.owl-loaded {
    position: relative
}

#top-header .arrow-slider .owl-nav {
    position: absolute;
    left: 0;
    width: 100%;
    top: -4px;
    height: 0;
    padding: 0 20px
}

#top-header .top-header-bar {
    padding: 10px 0;
    background-image: linear-gradient(90deg, #ff7c36, #ef5c0e)
}

#top-header .top-header-bar ul li,
#top-header .top-header-bar .item {
    font-size: 16px;
    font-weight: normal;
    height: auto !important;
    font-family: axiforma-regular;
    display: flex;
    justify-content: center;
    align-items: center
}

#top-header .top-header-bar ul li span,
#top-header .top-header-bar .item span {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px
}

#top-header .top-header-bar ul li .btn,
#top-header .top-header-bar .item .btn {
    width: auto;
    font-size: 12px;
    padding: 2px 6px;
    margin-left: 12px
}

#top-header .contentWrapper .col {
    position: inherit
}

#top-header {
    padding: 0;
    z-index: 11301;
    background-image: linear-gradient(to right, #fffcfd 0%, #f2f0f3 100%);
    position: sticky;
    top: 0
}

#top-header .logo {
    width: 76px
}

#home #top-header.pinTop {
    background-image: none;
    background-color: #fff
}

#home .contentWrapper .p-left-img img {
    max-width: 100%;
    max-height: 100%
}

#home .contentWrapper #productItemCanvasWrapper .productItemCanvasWrapper-in {
    position: relative
}

#home .contentWrapper {
    padding-right: 0;
    padding-left: 0
}

body#contact-us footer {
    background-color: #f7f7f7
}

body#recent-orders footer,
body#order-details footer,
body#Settings-account-info footer,
body#settings-shipping footer,
#settings-payments footer,
body#Settings-profile-info footer {
    background-color: #e8e8e8
}

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

.burger {
    flex-direction: column;
    justify-content: space-between;
    margin-top: 12px;
    display: flex;
    width: 24px;
    height: 15px
}

.burger .burger-line {
    width: 100%;
    height: 2px;
    background: #212529;
    transition: all .3s
}

.burger-close .burger-line:nth-child(2) {
    display: none
}

.burger-close .burger-line:nth-child(1) {
    transform: translateY(12px) rotate(135deg)
}

.burger-close .burger-line:nth-child(3) {
    transform: translateY(0px) rotate(-135deg)
}

#testomonials_mask::-webkit-scrollbar,
#testomonials_canvas::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 800px) {
    ul.main-links li.dropdown-nav-li:hover .dropdown-nav {
        display: block;
        opacity: 1
    }

    ul.main-links li.dropdown-nav-li .dropdown-nav {
        margin-top: 16px;
        opacity: 0;
        z-index: 10000;
        position: absolute;
        display: none;
        padding: 20px 0;
        top: 30px;
        margin: 0;
        display: none
    }
}

ul.main-links li.dropdown-nav-li {
    position: relative
}

ul.main-links li.dropdown-nav-li .dropdown-nav li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

ul.main-links li.dropdown-nav-li .dropdown-nav .dropdown-nav-in {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    width: 185px;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .16);
    border-radius: 6px;
    padding-right: 10px;
    padding-left: 10px
}

ul.main-links li {
    line-height: 1
}

ul.main-links li {
    color: #1c1c1c;
    text-decoration: none;
    font-size: 14px
}

ul.main-links li a,
a,
a:hover {
    color: #1c1c1c;
    text-decoration: none
}

ul.social-Links li {
    padding-top: 15px
}

#top-header .social-Links li a {
    display: inline-block;
    width: 18.5px;
    height: 18.5px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#top-header .social-Links li a.facebook {
    background-image: url("/wp-content/themes/astra-child/assets/images/facebook.svg");
    margin-right: 8px
}

#top-header .social-Links li a.linkedIn {
    background-image: url("/wp-content/themes/astra-child/assets/images/linkedin.svg");
    margin-right: 8px
}

#top-header .social-Links li a.skype {
    background-image: url("/wp-content/themes/astra-child/assets/images/skype.svg")
}

.mobile-navigation-visible {
    display: block;
    position: fixed;
    background-color: #fff;
    right: 0px;
    top: 73px;
    width: 100%
}

header {
    position: relative;
    background-color: #000;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%)
}

header .container {
    position: relative;
    z-index: 2
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 1
}

@media(pointer: coarse)and (hover: none) {
    header {
        background: url("https://source.unsplash.com/XT5OInaElMw/1600x900") #000 no-repeat center center scroll
    }

    header video {
        display: none
    }
}

.dropTraiangle {
    font-size: 12px
}

.dropdown-list-wrapper {
    position: relative;
    transition: all .4s ease-in
}

.dropdown-list-wrapper.open:after {
    position: absolute;
    top: 45px;
    content: "";
    width: 10px;
    height: 10px;
    left: 0px;
    transform: rotate(45deg);
    background-color: #fff;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .16);
    z-index: 10;
    animation: revealNotch .4s forwards
}

#top-header ul li .btn {
    margin-left: 6px;
    width: 70px
}

#top-header .dropdown-list-wrapper.open ul.dropdown-list li.list-divider {
    margin-top: 16px
}

@media only screen and (min-width: 800px) {
    #top-header .dropdown-btn .collapse.dropdown-list {
        display: block;
        opacity: 1
    }

    #top-header .dropdown-list-wrapper:hover .dropdown-list {
        display: block;
        opacity: 1
    }
}

#top-header .dropdown-list-wrapper.open ul.dropdown-list {
    animation: revealDropDown .6s forwards;
    display: block
}

.dropdown-list-wrapper.open.closeMenu ul.dropdown-list {
    animation: revealDropDown .7s reverse
}

.dropdown-list-wrapper.open.closeMenu:after {
    display: none
}

ul.dropdown-list {
    position: absolute;
    top: 50px;
    left: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    width: 185px;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .16);
    border-radius: 6px;
    padding-right: 10px;
    padding-left: 10px;
    z-index: 10000
}

ul.dropdown-list li {
    list-style: none;
    display: block;
    line-height: 1.8em;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 0;
    float: left
}

ul.dropdown-list li .menu-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    line-height: 2em;
    background-size: cover
}

ul.dropdown-list li .menu-icon.list {
    background-image: url("/wp-content/themes/astra-child/assets/images/list.svg")
}

ul.dropdown-list li .menu-icon.settings {
    background-image: url("/wp-content/themes/astra-child/assets/images/gears.svg")
}

ul.dropdown-list li .menu-icon.logout {
    background-image: url("/wp-content/themes/astra-child/assets/images/logout.svg")
}

ul.dropdown-list li a {
    vertical-align: super;
    align-items: center;
    display: flex;
    padding: 6px 0
}

ul.dropdown-list li a:hover {
    color: #e46e39
}

ul.dropdown-list li.list-divider {
    border-top: 1px solid #e2e2e2;
    margin-left: 10px;
    margin-right: 10px;
    height: 1px;
    width: 100%
}

@keyframes revealDropDown {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0px)
    }
}

@keyframes revealNotch {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

footer .footer-inner .collapse:not(.show) {
    display: block
}

.footerLogo {
    width: 125px
}

span.footer_credits {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    width: 100%;
    text-align: left;
    color: #545454;
    display: inline-block;
    padding: 10px 0
}

ul#footer-social-links {
    padding: 0;
    margin: 0;
    padding-top: 34px
}

ul#footer-social-links li {
    list-style: none;
    display: inline-block
}

ul#footer-social-links li a {
    color: #161715;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    background-position: bottom center;
    background-size: 24px 24px;
    opacity: .7;
    font-size: 28px
}

footer .nav-link-group-heading {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #161715
}

ul.footer-list-link {
    padding: 0;
    margin: 0;
    list-style: none
}

ul.footer-list-link li {
    font-size: 15px;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 10px
}

ul.footer-list-link li,
ul.footer-list-link li a,
.footer-address {
    color: #868786;
    text-decoration: none
}

ul.footer-list-link li a:hover {
    color: #e46e39
}

a.contact-email,
a.contact-telephone {
    margin-bottom: 8px;
    display: block;
    color: #868786;
    text-decoration: none
}

.divider-footer-line {
    width: 95%;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 1em
}

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

.bg-orange-gradient {
    background-image: linear-gradient(to bottom, #ff7c2b 50%, #ffa46e)
}

.bg-orange-gradient {
    background-image: linear-gradient(to bottom, #ff7c2b 50%, #ffa46e)
}

.bg-purple-gradient {
    background-image: linear-gradient(to bottom, #800080 50%, #c35cc3)
}

.section-title {
    padding-bottom: 5px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #000;
    border-bottom: 3px solid #e46e39;
    display: inline-block
}

#pop-out-box {
    display: flex;
    padding: 40px 10px;
    width: 75%
}

#pop-out-box div {
    flex: 1
}

#pop-out-box div span.pop-out-box-p {
    font-weight: 500
}

#pop-out-box div span {
    display: block;
    text-align: center;
    font-weight: bold
}

#pop-out-box div span:first-child {
    font-size: 36px
}

#pop-out-box div span:first-child small {
    font-size: 16px
}

#pop-out-box div span:nth-child(2) {
    font-size: 18px
}

.t-bold {
    font-weight: 600
}

.t-sm {
    font-size: 14px
}

.t-xs {
    font-size: 12px
}

.t-xxs {
    font-size: 10px
}

.t-md {
    font-size: 18px
}

.t-20px {
    font-size: 20px
}

.t-lg {
    font-size: 40px
}

.t-xl {
    font-size: 48px
}

.t-3xl {
    font-size: 72px;
    line-height: 1
}

#about-suplimentary .sup-details,
#our-products .sup-details,
#reviews .sup-details {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.actionConrolls .actionItem {
    display: inline-block
}

.actionConrolls .actionItem.next,
.actionConrolls .actionItem.previous {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center
}

.actionConrolls .actionItem.next_PD,
.actionConrolls .actionItem.previous_PD {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center;
    margin-right: 20px
}

.actionConrolls .actionItem.previous {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-previous.png")
}

.actionConrolls .actionItem.previous_PD {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-previous.png")
}

.actionConrolls .actionItem.next {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-next.png")
}

.actionConrolls .actionItem.next_PD {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-next.png")
}

.actionConrolls .actionLink {
    vertical-align: text-top;
    margin-top: -26px
}

.actionConrolls a.actionLink {
    text-decoration: underline;
    color: #000;
    font-size: 18px
}

.product-shadow {
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16)
}

#product-canvas-wrapper {
    overflow-x: hidden;
    padding: 30px;
    transition: transform .6s cubic-bezier(0, 0, 0.2, 1)
}

.radius_wrapper {
    border-radius: 8px;
    overflow: hidden
}

#product-canvas-wrapper .product_itemBox,
#product_detailsItemsWrapper .product_itemBox {
    margin-right: 20px;
    box-shadow: rgba(0, 0, 0, .16) 0 3px 30px 0;
    border-radius: 10px;
    overflow: hidden
}

.product-color-slider .product_itemBox .top-half {
    height: 258px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px
}

.product-color-slider .product_itemBox .top-half img {
    max-height: 100%;
    max-width: inherit;
    width: auto
}

.owl-carousel .owl-nav .owl-prev {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-previous.png") !important
}

#our-products .no-gutters {
    position: relative
}

.owl-carousel.single-slider .owl-nav {
    width: 100%;
    top: 42%;
    height: 0
}

.product-color-slider-full .owl-carousel .owl-nav button.owl-next {
    float: right;
    position: relative;
    right: -60px
}

.product-color-slider-full .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    left: -40px
}

#our-products .owl-carousel button.owl-dot {
    display: none
}

#our-products .see-all-btn {
    line-height: 2.8;
    margin-left: 150px;
    margin-top: 80px
}

#our-products .see-all-btn a {
    text-decoration: underline;
    color: #000;
    font-size: 18px
}

#our-products .actionConrolls {
    float: right;
    margin-top: 30px
}

#our-products .actionConrolls>div {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.actionConrolls a.actionLink {
    line-height: 2.8;
    margin-left: 144px
}

.product-color-slider-full .owl-carousel .owl-nav button.owl-next,
.product-color-slider-full .owl-carousel .owl-nav button.owl-prev,
.product-color-slider-full .owl-carousel button.owl-dot {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center;
    margin-right: 20px
}

.product-color-slider-full .owl-carousel .owl-nav {
    width: 100%;
    top: 42%;
    height: 0
}

.owl-carousel .owl-nav button span {
    display: none
}

.owl-carousel .owl-nav .owl-next {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-next.png") !important
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    position: relative
}

.owl-nav {
    position: absolute;
    left: 0
}

#our-products .contentWrapper-section .col-md-3 {
    padding: 0 7px
}

.product_itemBox .bottom-half {
    padding: 25px;
    color: #fff
}

.product_itemBox .bottom-half .categtory {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}

.product_itemBox .bottom-half .product_name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.83
}

.product_itemBox .bottom-half .product_name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.3
}

.product_itemBox .bottom-half .product_details {
    font-size: 16px;
    line-height: 1.75;
    font-weight: normal;
    height: 300px
}

.product_itemBox .bottom-half .product_details p {
    color: #fff
}

.product_itemBox a:hover {
    color: #fff;
    text-decoration: none
}

#our-products2 .product_itemBox .bottom-half .product_details {
    height: auto !important
}

#our-products2 .product_itemBox .top-half {
    border-radius: 10px 10px 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.product_itemBox .bottom-half .actionArrow {
    display: inline-block;
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center
}

.product_itemBox .bottom-half .orderNow {
    display: inline-block;
    font-size: 16px
}

.product_itemBox .bottom-half .productControls {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product_itemBox .bottom-half .actionArrow img {
    display: block;
    transform: translate(100%, 150%)
}

#product-popup-box {
    background-image: url("/wp-content/themes/astra-child/assets/images/products/popout-box.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    height: 280px;
    align-items: center;
    transform: translateY(53%);
    margin-top: -75px
}

#product-popup-box span {
    margin-left: 75px;
    line-height: 1.29
}

p.lastUpdated {
    position: relative;
    font-size: 18px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #b7b7b7;
    font-family: "Poppins", sans-serif
}

.lastUpdated:before,
.lastUpdated:after {
    content: "";
    width: 150%;
    height: 4px;
    display: block;
    position: absolute;
    top: 45%
}

.lastUpdated:before {
    left: -151%;
    background-color: #e46e39
}

.lastUpdated:after {
    left: 286px;
    background-color: #e46e39
}

#lineMask {
    overflow: hidden
}

#policy h1.page_heading {
    font-family: "Poppins", sans-serif;
    font-size: 52px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #161715;
    padding-top: 40px;
    margin-bottom: 0
}

#policy h2.content_heading {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #2b2b2b;
    padding-bottom: 20px;
    padding-top: 20px
}

#policy p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f
}

ul#policy_nav {
    list-style: none;
    padding-left: 0;
    width: 279px;
    border-radius: 6px;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    border: solid 1px #ededed;
    background-color: #fff;
    padding: 20px;
    margin-top: 20px
}

ul#policy_nav li {
    list-style: none;
    margin-bottom: 15px
}

ul#policy_nav li a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: left;
    color: #898989
}

#policy .numberIndex {
    counter-reset: custom-counter;
    position: relative
}

#policy .numberIndex p {
    padding-left: 50px;
    padding-bottom: 14px
}

#policy .numberIndex p:before {
    position: absolute;
    left: 10px;
    counter-increment: custom-counter1;
    content: counter(custom-counter) "- ";
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #6f6f6f
}

.clearfix {
    clear: both;
    content: "";
    display: table
}


#our-products .product_itemBox .bottom-half .product_details {
    font-size: 14px
}

.bg-yellow-gradient {
    background-image: linear-gradient(to bottom, #c5aa14 50%, #e4cb42)
}

.bg-blue-gradient {
    background-image: linear-gradient(to bottom, #39489f 50%, #2a3781)
}

.bg-pink-gradient {
    background-image: linear-gradient(to bottom, #d1008f 50%, #b3007b)
}

.bg-brown-gradient {
    background-image: linear-gradient(to bottom, #742913 50%, #9b4619)
}

.bg-black-gradient {
    background-image: linear-gradient(to bottom, #292929 50%, #454545)
}

.bg-lightgreen-gradient {
    background-image: linear-gradient(to bottom, #1aa315 50%, #64af62)
}

#our-products .product_itemBox .bottom-half .productControls {
    margin-top: 10px
}

#our-products2 .top-half img {
    max-width: 100%;
    border-radius: 10px 10px 0px 0px
}

#our-products .product_itemBox .top-half {
    border-radius: 10px 10px 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.product-color-slider .product_itemBox .top-half img {
    max-height: 100%;
    max-width: inherit;
    width: auto
}

#our-products .product_itemBox .bottom-half,
#our-products2 .product_itemBox .bottom-half {
    border-radius: 0px 0px 10px 10px;
    width: 100%
}

#our-products .product_itemBox .top-half {
    height: 250px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

#our-products2 .product_itemBox .top-half {
    height: 258px;
    overflow: hidden
}

#our-products2 .product_itemBox .top-half img {
    max-height: 100%;
    max-width: 100%
}

#our-products2 .product_itemBox {
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16)
}

#our-products .product_itemBox .bottom-half .product_details {
    padding-top: 20px;
    height: 125px
}

#our-products .product_itemBox .bottom-half .product_details_home {
    padding-top: 15px;
    height: 128px;
    overflow: hidden
}

#our-products .product_itemBox .bottom-half .product_details_home p {
    color: #fff
}

.pt80 {
    padding-top: 80px
}

.mb20 {
    margin-bottom: 20px
}

#our-products .product_itemBox .bottom-half .orderNow {
    font-size: 13px
}

#our-products .product_itemBox .bottom-half .actionArrow {
    width: 39px;
    height: 38px
}

#our-products .product_itemBox .bottom-half .actionArrow img {
    transform: translate(75%, 100%)
}

.product_itemBox {
    margin-bottom: 15px
}

.float {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100
}

.my-float {
    width: 100%;
    height: 100%;
    padding-top: 4px
}

.my-float svg {
    width: 30px;
    height: 30px
}

.gm-style-iw-d p {
    color: #000;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: Poppins
}

.toggle-text {
    display: none
}

.toggle-text-button {
    text-decoration: underline !important
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none
}

.addReadMore.showmorecontent .readMore {
    display: none
}

.addReadMore .readMore,
.addReadMore .readLess {
    font-weight: bold;
    margin-left: 2px;
    color: #fff;
    cursor: pointer
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block
}

.addReadMore_PD.showlesscontent .SecSec,
.addReadMore_PD.showlesscontent .readLess {
    display: none
}

.addReadMore_PD.showmorecontent .readMore {
    display: none
}

.addReadMore_PD .readMore,
.addReadMore_PD .readLess {
    font-weight: bold;
    margin-left: 2px;
    color: #fff;
    cursor: pointer
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block
}

a.trashAnchor {
    text-decoration: none;
    transition: color .2s ease-in;
    will-change: color
}

a.trashAnchor:hover {
    color: var(--red)
}

.clear-col-15-pad {
    padding-left: 0;
    padding-right: 0
}

.post-cl-pad-pusher {
    padding: 15px 30px
}

.qt-sideHeading_main {
    margin-top: 35px;
    padding-left: 20px;
    font-family: "axiforma-regular";
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.qt-mainTabHeading {
    font-family: "axiforma-regular";
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-top: 20px
}

.qt_th {
    opacity: .45;
    font-family: "axiforma-regular";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.qtyCustomInput,
.form-control.qtyCustomInput {
    border-left-color: #fff;
    border-right-color: #fff;
    box-shadow: none;
    outline: none
}

.qtyCustomInput:focus {
    border-left-color: #fff;
    border-right-color: #fff;
    box-shadow: none;
    outline: none
}

.noPadding {
    padding: unset !important
}

.tt-input {
    font-family: "axiforma-regular";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    font-size: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.tt-input:focus {
    font-family: "axiforma-regular";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    font-size: 16px;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    border: 1px solid #e46e39
}

.bold {
    font-weight: bold
}

.quickOrderQty {
    font-family: "axiforma-regular" !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, .2)
}

.quickOrderQty:focus {
    font-family: "axiforma-regular" !important;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08)
}

.quickOrderQty:focus-within {
    border: 1px solid #e46e39
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #000;
    background-color: #e69c7a
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #e69c7a
}

.vam {
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle
}

.colorPicker {
    position: relative
}

.colorBall,
.colorBallItemInfo {
    content: "";
    position: absolute;
    right: 9px;
    top: 6px;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff
}

.colorBallItemInfo {
    left: 0px;
    top: -2.5px
}

ul.qto__nav {
    padding-top: 50px;
    list-style: none;
    max-width: 300px;
    margin-left: 0px;
    padding-left: 30px
}

ul.qto__nav li {
    list-style: none;
    margin-bottom: 65px;
    opacity: .5
}

ul.qto__nav li.active {
    opacity: 1;
    position: relative
}

ul.qto__nav li.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 4px;
    height: 114px;
    background-color: #fff;
    margin-top: -55px
}

ul.qto__nav li a {
    color: #fff;
    text-decoration: none;
    position: relative
}

ul.qto__nav li a .itemIndex {
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    top: -10px;
    left: -25px;
    text-align: center;
    width: 41px;
    display: inline-block
}

ul.qto__nav li a .itemTitle,
ul.qto__nav li a .itemDesc {
    padding-left: 30px;
    display: block
}

ul.qto__nav li a .itemTitle {
    font-size: 20px;
    margin-bottom: 5px
}

ul.qto__nav li a .itemDesc {
    font-size: 14px
}

.addMoreBtn {
    border-radius: 50px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    border: solid 1px #d9d9d9;
    background-color: #fff;
    display: inline-block
}

.pad-lr-15 {
    padding-left: 15px;
    padding-right: 15px
}

.pad-lr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.pad-lr-25 {
    padding-left: 25px;
    padding-right: 25px
}

.pad-lr-30 {
    padding-left: 30px;
    padding-right: 30px
}

.pad-b-20p {
    padding-bottom: 20px
}

.pad-t-20p {
    padding-top: 20px
}

.divider-top-gray {
    border-top: 1px solid #e1e1e1 !important
}

.divider-bottom-gray {
    border-top: 1px solid #e1e1e1 !important
}

.qk_order_metaLightBottom {
    color: rgba(22, 23, 21, .5);
    font-size: 16px
}

.ml-5p {
    margin-left: 5px
}

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

.actionConrolls .actionItem.next.orange {
    background-image: url("/wp-content/themes/astra-child/assets/images/arrow-next-white.svg");
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    background-color: #e46e39
}

#verticalScroller {
    position: absolute;
    width: 300px;
    height: 900px;
    overflow: hidden
}

#verticalScroller>div {
    position: absolute;
    overflow: hidden
}

#verticalScroller.rts>div {
    top: -150px
}

#verticalScroller.rts {
    left: 300px
}

.c-brand-pink {
    color: #ff6464
}

.btn.lightCustom {
    border-radius: 20px;
    background-color: #f0f0f0;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #161715
}

.fa-1-5x {
    font-size: 1.5em
}

.fa-1-2x {
    font-size: 1.2em
}

.discounted_amount .promo_discount {
    color: red
}

.discounted_amount .item_currency {
    color: red
}

.option_disabl_True:hover {
    cursor: not-allowed !important
}

.alertNote {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: .75;
    letter-spacing: normal;
    text-align: left;
    display: block;
    padding-left: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    position: absolute;
    top: 25px
}

.alertNote.danger {
    color: #ff2929
}

.next__arrowText {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #161715;
    margin-right: 10px
}

#productDetailHero {
    position: relative;
    padding: 0;
    background-color: #fff
}

.productDetailHeromain .cover-image {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 20px 0 20px
}

.productDetailHeromain .cover-image img {
    max-width: 100%;
    max-height: 100%
}

.pd-breadcrum {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal
}

.pd_name,
.pd_price {
    font-size: 44px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal
}

.pd_price {
    text-align: right
}

.has-search .form-control {
    -webkit-appearance: none;
    padding-left: 2.375rem;
    border-radius: 6px;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    border: solid 1px #ededed
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3rem;
    text-align: center;
    pointer-events: none;
    color: #aaa
}

img.productImage {
    max-width: 100%
}

.needle-modal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 410px;
    overflow-y: scroll
}

.appChipWrapper {
    display: inline-block;
    height: 200px;
    overflow-y: scroll;
    float: left;
    width: 100%;
    min-height: 100px;
    vertical-align: middle
}

.appChipWrapper .row {
    display: flex;
    align-items: center
}

.appChipWrapper>div {
    width: 48%;
    background-color: #fff;
    margin-top: 0;
    border-radius: 6px;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    margin: 5px;
    float: left;
    min-height: 60px;
    vertical-align: middle;
    padding: 7px 10px
}

.appChipWrapper>div img {
    display: inline-block
}

.appChipWrapper>div span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #161715;
    vertical-align: middle
}

a.sowThreads {
    align-self: center;
    background-color: #e5e5e5;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: underline;
    color: #161715;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal
}

.svgConeWrapper .svgConeWrapper-btn-modal {
    background: rgba(0, 0, 0, .4901960784);
    display: none
}

.svgConeWrapper .svgConeWrapper-btn-modal-in {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.svgConeWrapper .svgConeWrapper-btn-modal .modal-content-img {
    width: 600px;
    height: auto;
    position: relative;
    border-radius: 12px;
    overflow: hidden
}

.svgConeWrapper-btn-modal .close_icon {
    font-size: 30px;
    position: absolute;
    top: 5px;
    right: 7px
}

.svgConeWrapper .svgConeWrapper-btn-modal img {
    width: 600px;
    margin-top: 0;
    height: 100%
}

.svgConeWrapper .cone-icon-img {
    margin-top: 80px
}

.svgConeWrapper {
    margin-top: 0px;
    text-align: center
}

.svgConeWrapper svg {
    width: 55%;
    height: auto
}

#Union_2 {
    transition: fill .3s ease-in-out
}

.actionConrolls.pdSliderControls {
    width: 105%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 27%;
    left: -4%;
    z-index: 10
}

.dtr {
    display: block;
    margin-bottom: 5px
}

.gdcurrency,
.gdamount {
    font-weight: bold
}

.gdnote {
    margin-top: 30px
}

.bd-example-modal-lg .label {
    opacity: .5;
    font-size: 12px;
    color: #161715
}

.bd-example-modal-lg .modal-header {
    padding: 28px 50px 0;
    border: none;
    position: relative
}

.bd-example-modal-lg .modal-header .close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.modal-title.sow {
    font-size: 40px;
    color: #000;
    margin-bottom: 0;
    border-bottom: none
}

.bd-example-modal-lg .needle-modal .card-body {
    padding: 28px 10px 15px
}

.bd-example-modal-lg .needle-modal .ticketItem.has-discount {
    margin-left: 15px;
    margin-bottom: 15px
}

.modal-content .price-sm {
    font-size: 12px;
    margin-right: 5px
}

.modal-content .was {
    font-size: 14px;
    color: #8d8e8d
}

.modal-content .was-discount {
    margin-right: 6px;
    font-size: 14px;
    text-decoration: line-through
}

.bd-example-modal-lg .needle-modal {
    padding: 30px 35px
}

.ticketDiscountHolder {
    display: none
}

.ticketItem.has-discount {
    position: relative;
    overflow: hidden
}

.has-discount .ticketDiscountHolder {
    display: block;
    background-color: #ffc541;
    color: #fff;
    text-align: center;
    transform: perspective(100px) rotate(-45deg);
    position: absolute;
    top: 25px;
    width: 200px;
    left: -60px;
    padding: 3px 0 0px
}

.crsLeft,
.crsRight {
    color: #000 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 2rem;
    border: 1px solid rgba(100, 100, 100, .3);
    position: absolute;
    top: 35%
}

.crsLeft {
    left: -16px
}

.crsRight {
    right: -16px
}

.qcQty {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px
}

.data-list {
    height: 550px;
    width: 600px;
    overflow-y: hidden
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(50, 50, 50, .1)
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(50, 50, 50, .6)
}

::-webkit-scrollbar-track {
    background-color: rgba(50, 50, 50, .1)
}

::-webkit-scrollbar-track:hover {
    background-color: rgba(50, 50, 50, .2)
}

.bg-orange-vertical-gradient {
    background-image: url("/wp-content/themes/astra-child/assets/images/quick-order/quick-side-bottom-bg.jpg"), linear-gradient(to bottom, #ff7a3e, #e46e39);
    background-position: bottom center, top center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.bg-tab-grey {
    background-color: #f4f4f4
}

.c-gray-lt {
    color: #999
}

.login-header .login-header-subnave {
    display: none
}

#loginWrapper.loginWrapper-fixed {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%
}

#loginWrapper.loginWrapper-fixed>.row {
    height: 100%
}

#loginWrapper.loginWrapper-fixed .row .loginContentTopSpacer {
    height: 86%;
    margin: 0
}

#loginWrapper.loginWrapper-fixed .row .loginContentTopSpacer>.row {
    height: 100%;
    align-items: center
}

#loginWrapper.forget-screen .loginContentTopSpacer,
#loginWrapper.reset-p-screen .loginContentTopSpacer {
    margin: 20vh 0 35vh
}

#loginWrapper {
    border-left: 6px solid #e46e39;
    border-right: 6px solid #e46e39
}

#signup .loginContentTopSpacer {
    margin-top: 6vh;
    margin-bottom: 55px;
    overflow: inherit
}

.loginAside {
    padding-right: 0
}

#login-side-bg {
    background-image: url("/wp-content/themes/astra-child/assets/images/login/login-side-bg@2x.jpg");
    background-repeat: no-repeat;
    height: 100%;
    background-size: auto 100%;
    background-position: top left
}

#singnup-bg {
    background-image: url("/wp-content/themes/astra-child/assets/images/singup/signup-bg@2x.jpg");
    background-repeat: no-repeat;
    height: 100%;
    background-size: auto 100%;
    background-position: top left;
    position: relative;
    overflow: hidden
}

#singnup-bg:before {
    position: absolute;
    top: 0;
    left: 70px;
    content: "";
    display: block;
    height: 100%;
    border-left: 1px dashed #fff;
    transform: scaleY(3.5)
}

.standOutlogoWrapper {
    margin-top: 60px
}

.loginContentTopSpacer {
    margin-top: 10vh;
    margin-bottom: 40vh
}

@media only screen and (max-height: 800px) {
    .loginContentTopSpacer {
        margin-bottom: 25vh
    }
}

#user_login {
    overflow: inherit
}

#user_login form input {
    padding: 25px 10px 25px 48px;
    border-left: none;
    border-radius: 5px
}

.loginHeading {
    margin-bottom: 30px
}

.loginContentTopSpacer form .input-label {
    display: none
}

.loginContentTopSpacer form .form-group.form-group-pasword {
    position: relative
}

.loginContentTopSpacer form .form-group.form-group-pasword .login-tooltip {
    position: absolute;
    right: -25px;
    bottom: 12px;
    z-index: 1
}

.loginContentTopSpacer {
    overflow: hidden
}

.loginContentTopSpacer form input {
    padding: 25px 10px
}

.bootstrap-select>.dropdown-toggle {
    height: 51px;
    padding: 14px 8px;
    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: .25rem
}

#user_login .input-group-prepend {
    position: absolute;
    top: 0;
    z-index: 7;
    height: 100%
}

#user_login .input-group-text {
    width: 42px;
    height: 48px;
    background-color: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-right: 0;
    box-shadow: none;
    outline: none
}

#user_login form .fa,
#signup form .fa {
    color: rgba(0, 0, 0, .4)
}

#user_login input[type=checkbox],
#signup input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-top: 0px
}

#user_login input[type=checkbox]:checked,
#signup input[type=checkbox]:checked {
    background-color: #000
}

#user_login input[type=checkbox]+label,
#signup input[type=checkbox]+label {
    margin-left: 10px
}

#user_login a.forgotLink,
#signup a.forgotLink {
    color: #000
}

#user_login button[type=submit],
#signup button[type=submit],
.settingForm button[type=submit] {
    background-color: #e46e39;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: .8px;
    text-align: right;
    border: none
}

#user_login button[type=submit]:focus,
#user_login button[type=submit]:active,
#signup button[type=submit]:focus,
#signup button[type=submit]:active {
    outline: none;
    border: none
}

.btn-login-google.btn.btn-primary.btn-sm {
    padding: 8px 12px;
    background: none;
    border: solid 1px #aaa;
    color: #000
}

.or {
    line-height: 46px;
    text-align: center
}

.or span {
    z-index: 4;
    position: relative;
    background-color: #f7f7f7
}

.or::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, .8666666667);
    position: absolute;
    top: 20px;
    left: 0
}

#user_login .endCredits,
#signup .endCredits {
    margin-top: 2%
}

.innerSingnupContents {
    margin-left: 80px;
    padding-left: 30px
}

.saInner {
    margin-top: 100px
}

.saInner .timeline-block {
    margin-bottom: 35px
}

.saInner .timeline-block .heading {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #fff;
    position: relative
}

.saInner .timeline-block .heading:before {
    content: "";
    position: absolute;
    top: 3px;
    left: -44px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff
}

.saInner .timeline-block .dateMark {
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #e46e39
}

.saInner .timeline-block .details {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #fff;
    padding-right: 20px;
    margin-top: 10px
}

.saInner .newBegining {
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 35px
}

.saInner .newBegining:before {
    content: "";
    position: absolute;
    top: 12px;
    left: -40px;
    display: block;
    border-left: 1px solid #fff;
    height: 100%
}

a.headerCartActivator {
    color: #000;
    font-size: 1.2rem
}

#headerCartWrapper {
    position: relative
}

#headerCartWrapper .headerCardDrop {
    position: absolute;
    top: 55px;
    right: 0px;
    padding: 10px;
    width: 300px;
    background-color: #fff;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .16);
    border-radius: 6px;
    display: none
}

#headerCartWrapper.open .headerCardDrop {
    display: block
}

a.addToCartSmall {
    background-color: #e46e39;
    padding: 5px 15px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: .8px;
    text-align: right;
    border: none;
    display: inline-block;
    font-size: 12px;
    width: auto !important;
    height: auto !important;
    will-change: font-weight;
    transition: font-weight .3s ease-in
}

a.addToCartSmall:hover {
    font-weight: bold
}

.headerCardDrop table td {
    vertical-align: middle
}

.headerCardDrop table tr {
    border-bottom: 1px solid #e1e1e1
}

.headerCardDrop table tr:last-child {
    border: none
}

.headerCardDrop .qc_color_cube {
    margin-top: 5px
}

.received {
    color: #ffc543
}

.rejected {
    color: #ff5143
}

.delivered {
    color: #2ca83b
}

.refunded {
    color: #7c36ff
}

.topOrangeBorder {
    height: 6px;
    background-color: #e46e39
}

.clean__logo {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px
}

.clean__logo img {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: auto
}

.su_bg,
.oc_bg {
    height: 225px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.su_bg {
    background-image: url("/wp-content/themes/astra-child/assets/images/su_done/bgthreads@3x_min.jpg")
}

.oc_bg {
    background-image: url("/wp-content/themes/astra-child/assets/images/order_complete/ordercomplete_bg@3x.jpg")
}

#signup-complete .textDesc {
    padding-left: 25px;
    padding-right: 25px
}

#signup-complete .textDesc>div:nth-child(1) {
    font-size: 39px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 20px
}

#signup-complete .textDesc>div:nth-child(2) {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000
}

#signup-complete .textDesc>div:nth-child(3) {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .5)
}

a.su_button {
    background-color: #e46e39;
    padding: 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: .8px;
    text-align: right;
    border: none;
    display: inline-block;
    font-size: 18px;
    width: auto !important;
    height: auto !important;
    will-change: font-weight;
    transition: font-weight .3s ease-in
}

.su_buttonWrapper {
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 30px
}

body#signup-complete {
    background-color: #f0f0f0 !important
}

.compactFooterWrap {
    text-align: center
}

.compactFooterWrap .contact-email,
.compactFooterWrap .contact-telephone {
    display: inline-block
}

.compactFooterWrap .contact-email {
    margin-right: 20px
}

.compactFooterWrap p {
    color: rgba(0, 0, 0, .5)
}

.compactFooterWrap .fbicon {
    opacity: .5
}

.compactFooterWrap>div:nth-child(1) {
    margin-bottom: 10px
}

a.customOutlineBtn {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    padding: 7px 21px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    transition: all .3s ease-in;
    margin-right: 10px
}

a.customOutlineBtn.btnOutline-red {
    color: #ff1919;
    border: 1px solid #ff1919
}

a.customOutlineBtn.btnOutline-black {
    color: #222;
    border: 1px solid #222
}

.orderNoTitle {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    color: #000
}

.t-mid-black {
    color: rgba(0, 0, 0, .5)
}

.t-cancle {
    color: #ff1d1d
}

a.link-gray-u {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, .3);
    text-decoration: underline
}

a.settingNavItems {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.38;
    letter-spacing: normal;
    text-align: left;
    color: #b2b2b2;
    text-decoration: none;
    margin-top: 5px
}

a.settingNavItems.active {
    color: #000
}

.settingsNavHeading {
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.settingForm .fx-fieldWrap {
    display: flex;
    flex-wrap: wrap
}

.settingForm .fx-fieldWrap {
    padding-bottom: 20px
}

.settingForm .fx-fieldWrap>div:nth-child(odd) {
    width: 200px;
    text-align: right;
    padding-right: 10px;
    color: rgba(0, 0, 0, .3);
    font-size: 16px
}

.settingForm .fx-fieldWrap>div:nth-child(even) {
    flex: 1;
    max-width: 500px;
    text-align: left;
    padding-left: 30px;
    color: #000
}

.settings_formSectionHead {
    display: inline-block;
    width: 200px;
    text-align: right;
    margin-bottom: 60px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #000
}

.va-t {
    vertical-align: top
}

.va-m {
    vertical-align: middle
}

.va-b {
    vertical-align: bottom
}

.settingForm input:focus {
    background-color: #fff
}

#settings-shipping .settings_formSectionHead {
    width: 100%;
    text-align: left
}

table.shippingTable tbody tr {
    border-bottom: 1px solid #dedede;
    vertical-align: middle
}

table.shippingTable tbody tr:last-child {
    border-bottom: none
}

table.shippingTable tbody td {
    padding-bottom: 25px;
    padding-top: 25px
}

a.btCustomOrange,
a.btnCustomGrey {
    background-color: #e46e39;
    padding: 8px 24px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    text-align: right;
    border: none;
    display: inline-block;
    font-size: 15px;
    width: auto !important;
    height: auto !important;
    will-change: font-weight;
    transition: font-weight .3s ease-in
}

a.btCustomOrange2 {
    background-color: #e46e39;
    padding: 8px 24px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    text-align: right;
    border: none;
    display: inline-block;
    font-size: 15px;
    width: auto !important;
    height: auto !important;
    will-change: font-weight;
    transition: font-weight .3s ease-in
}

a.btnCustomGrey {
    background-color: #e3e3e3;
    color: #161715;
    font-weight: bold
}

.main-setting-wraper .row1 {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.main-setting-wraper .row1 .col {
    padding: 0
}

#settingsMain {
    border-left: 1px solid #dedede;
    margin-bottom: 60px;
    padding-left: 20px
}

#settings-payments .settings_formSectionHead {
    text-align: left
}

#settingsMain .quickOrderSummary>div {
    justify-content: space-between;
    align-items: unset
}

#settingsMain .quickOrderSummary>div>div {
    flex-basis: 275px;
    margin-right: 0;
    background-color: #fff
}

#settingsMain .quickOrderSummary>div>div:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='black' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='22' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 8px
}

#settingsMain .quickOrderSummary>div>div .cardDigitWrapper {
    margin-top: 35px
}

.nestedCardExp>* {
    flex: 1
}

.cvv {
    width: 30px;
    margin-left: 10px;
    margin-right: 20px;
    align-self: center
}

#settings-payments .settingForm .fx-fieldWrap>div:nth-child(odd) {
    align-self: center
}

body#order-thanks {
    background-color: rgba(0, 0, 0, .4)
}

.customModal__box {
    position: fixed;
    width: 100%;
    max-width: 800px;
    left: 50%;
    top: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 6px;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    border: solid 1px #ededed;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px
}

.customModal__box img.imgGFX {
    display: block;
    margin: 70px auto 20px auto
}

.thanks_title {
    font-size: 40px
}

.thank_desc {
    font-size: 18px;
    margin-bottom: 40px
}

.sales-logo-wrap {
    max-width: 180px
}

.sales-logo-wrap img {
    max-width: 100%
}

.salesTakesWrapper {
    padding-top: 50px
}

table.sales-invoice {
    margin-top: 30px
}

table.sales-invoice td {
    padding-top: 2.5px;
    padding-bottom: 2.5px
}

table.sales-invoice tr td:nth-child(2) {
    font-weight: 800
}

table.sales-tax-items thead th div {
    background-color: #e46e39;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    transform: translateY(-30px)
}

table.sales-tax-items tbody td {
    padding-top: 7.5px;
    padding-bottom: 7.5px
}

table.sales-tax-items tfoot tr:first-child {
    margin-top: 30px
}

table.sales-tax-items tfoot td {
    padding-top: 3px;
    padding-bottom: 3px;
    color: rgba(0, 0, 0, .5)
}

table.sales-tax-items tfoot tr:first-child td {
    margin-top: 25px !important
}

.c-black {
    color: #000 !important
}

.signatureBox {
    display: block;
    width: 300px;
    border-top: 2px solid #000;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 100px
}

.closeFlyout {
    margin-top: -20px
}

.closeFlyout i {
    cursor: pointer;
    display: inline-block;
    padding-top: 20px
}

.modal-open .modal {
    z-index: 11312 !important
}

.modal-header {
    display: block
}

.modal-header .close {
    margin: -4.5rem -2rem -1rem auto;
    opacity: 1 !important
}

.video-background-holder {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    height: calc(100vh - 85px);
    min-height: 30rem;
    max-height: 52rem
}

.video-background-holder video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%)
}

.video-background-content {
    position: relative;
    z-index: 2
}

.video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 1
}

a.btCustomOrange.sticky-slide-toggler {
    border-radius: 4px;
    font-size: .85rem;
    position: fixed;
    top: 40%;
    right: -80px;
    transform: rotate(-90deg);
    padding: 8px 24px 16px 24px;
    margin-top: -70px;
    background-image: linear-gradient(to bottom, #ff7a3e, #e46e39);
    z-index: 9999
}

a.btCustomOrange2.sticky-slide-toggler2 {
    border-radius: 4px;
    font-size: .85rem;
    position: fixed;
    top: 80%;
    right: -80px;
    transform: rotate(-90deg);
    padding: 8px 24px 16px 24px;
    margin-top: -70px;
    background-image: linear-gradient(to bottom, #ff7a3e, #e46e39);
    z-index: 9999
}

.comparison-window,
.comparison-window2 {
    position: fixed;
    width: 380px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 20px;
    height: 100vh;
    top: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .08);
    border-left: 6px solid #ff7a3e;
    z-index: 999999;
    transition: all .4s ease-in-out;
    transform: translate3d(100%, 0, 0)
}

.comparison_open .comparison-window {
    transform: translate3d(0, 0, 0)
}

.comparison_open2 .comparison-window2 {
    transform: translate3d(0, 0, 0)
}

.comparison-window .c__header,
.comparison-window2 .c__header {
    display: flex;
    justify-content: space-between
}

.comparison-window h1,
.comparison-window2 h1,
.comparison-window2 h2 {
    color: #000;
    font-size: 30px;
    max-width: 280px;
    margin-bottom: 40px
}

.w-200 {
    width: 200px !important
}

.comparison-window .c__header a.fal.fa-times,
.comparison-window2 .c__header a.fal.fa-times {
    font-size: 30px;
    margin-left: 10px;
    cursor: pointer;
    display: block;
    padding: 15px;
    background: #fff;
    color: #000;
    text-decoration: none
}

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

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

.mb-90 {
    margin-bottom: 90px !important
}

#data-product {
    display: none
}

.field-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.field-icon2 {
    float: right;
    margin-left: -5px;
    position: relative;
    z-index: 2;
    margin-top: 20px
}

.tt-menu {
    border: 1px solid #ced4da;
    padding: 10px;
    font-size: 12px;
    width: 100%;
    background: #fff;
    border-top: 0px;
    line-height: 30px
}

.mini-cart {
    display: flex;
    align-items: center
}

.mini-cart .mini-cart-icon .icon {
    margin-right: 8px
}

.mini-cart .mini-cart-icon {
    position: relative;
    width: 106px;
    height: 37px;
    margin: 0 -4px;
    padding: 10px 24px 8px 14.3px;
    opacity: .7;
    background-color: #e46e39;
    vertical-align: middle;
    border-radius: 7px 0px 0px 7px;
    font-size: 16px
}

.mini-cart .mini-cart-icon a {
    color: #fff;
    font-size: 16px
}

.mini-cart .mini-cart-icon img {
    margin-right: 5px;
    margin-top: -5px
}

.mini-cart .cartCount {
    width: 39px;
    height: 37px;
    margin: 0;
    padding: 10px 15px 8px;
    background-color: #e46e39;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    border-radius: 0px 7px 7px 0px
}

.product-item-stock {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-top: 10px
}

.mob-dis {
    display: none
}

.product-item-stock.mob {
    display: none
}

.text-style-1 {
    color: #ff6464
}

.text-style-2 {
    font-weight: bold;
    color: #ffa429;
    cursor: pointer
}

.lateNote {
    color: red;
    font-style: italic
}

.prodDetailsContainer {
    margin-top: 100px;
    margin-bottom: 40px
}

.add-cart-noti {
    margin-top: 10px;
    height: 30px;
    font-size: 14px;
    line-height: 1.6;
    padding: 3px 15px
}

.custom-qty-discount:focus {
    border: 1px solid #e46e39;
    outline: none
}

.select2-selection__arrow {
    height: 100% !important
}

.select2-selection.select2-selection--single {
    height: 44px !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .05) !important;
    border: solid 1px #f2f2f2 !important;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 10px 0 10px 4px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.select2-container.select2-container--default.select2-container--open {
    z-index: 11313
}

.select2-dropdown {
    border: none !important
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr .8fr .8fr 1fr
}

.cashOnDeliveryHeading .note {
    margin: 16px 0 0;
    font-size: 12px;
    text-align: center;
    color: #707070
}

.product-tabs {
    background-color: #fff;
    font-size: 20px;
    margin-bottom: 50px
}

.product-tabs .nav-link {
    color: #000 !important;
    opacity: .6 !important;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    padding: 20px;
    line-height: 1;
    opacity: .8
}

.product-tabs .nav-link.active {
    opacity: 1 !important;
    color: #000 !important;
    border-bottom: 4px solid #000;
    opacity: 1
}

.tab-content {
    margin-bottom: 100px
}

#load-more-wrapper {
    height: 300px;
    align-items: center;
    background: radial-gradient(circle, rgba(253, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    transform: translateY(-45%);
    margin-bottom: -270px
}

.application-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 20px
}

.application-card {
    border-radius: 6px;
    background: #fff
}

.application-card .application-card__header {
    background-size: cover;
    height: 154px;
    border-radius: 6px;
    background-position: top;
    background-repeat: no-repeat
}

.application-card .application-card__content {
    padding: 20px 22px
}

.application-card .application-card__content p {
    margin: 0;
    font-size: 14px
}

.thread-sizes th,
.thread-sizes td {
    text-align: center
}

table.thread-sizes th {
    border: none
}

.note p {
    font-size: 14px
}

.note p:first-of-type {
    color: #ff7a3e;
    font-weight: bold
}

#our-products .suplimentary-title {
    margin-top: 0px
}

@media only screen and (max-width: 767px) {
    .owl-all.owl-carousel .owl-nav {
        display: none
    }
}

.owl-all.owl-carousel .owl-nav {
    width: 100%;
    top: 42%;
    height: 0
}

.owl-all.owl-carousel .owl-nav button.owl-next {
    float: right;
    position: relative;
    right: -50px
}

.owl-all.owl-carousel .owl-nav button.owl-prev {
    position: relative;
    left: -50px
}

.owl-all.owl-carousel .owl-nav button.owl-next,
.owl-all.owl-carousel .owl-nav button.owl-prev {
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .08);
    border: solid 1px #d9d9d9;
    background-repeat: no-repeat;
    background-size: 16px 13.3px;
    background-position: center
}

.owl-all.owl-carousel button.owl-dot.active {
    background: #212121
}

.owl-all.owl-carousel button.owl-dot {
    width: 55px;
    height: 7px;
    background: #c6c6c6;
    border: none;
    margin: 0 6px;
    border-radius: 4px
}

.owl-all.owl-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0
}

/*# sourceMappingURL=styles.css.map */