@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,300&display=swap');

.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pb10{padding-bottom:10px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pt0{padding-top:0}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pt55{padding-top:55px!important}.pt60{padding-top:60px!important}.pt65{padding-top:65px!important}.pt70{padding-top:70px!important}.pt75{padding-top:75px!important}.pt80{padding-top:80px!important}.pt85{padding-top:85px!important}.pt90{padding-top:90px!important}.pt95{padding-top:95px!important}.pt100{padding-top:100px!important}.pt105{padding-top:105px!important}.pt110{padding-top:110px!important}.pt115{padding-top:115px!important}.pt120{padding-top:120px!important}.pr0{padding-right:0}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr35{padding-right:35px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pr55{padding-right:55px!important}.pr60{padding-right:60px!important}.pr65{padding-right:65px!important}.pr70{padding-right:70px!important}.pr75{padding-right:75px!important}.pr80{padding-right:80px!important}.pr85{padding-right:85px!important}.pr90{padding-right:90px!important}.pr95{padding-right:95px!important}.pr100{padding-right:100px!important}.pr105{padding-right:105px!important}.pr110{padding-right:110px!important}.pr115{padding-right:115px!important}.pr120{padding-right:120px!important}.pb0{padding-bottom:0}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pb55{padding-bottom:55px!important}.pb60{padding-bottom:60px!important}.pb65{padding-bottom:65px!important}.pb70{padding-bottom:70px!important}.pb75{padding-bottom:75px!important}.pb80{padding-bottom:80px!important}.pb85{padding-bottom:85px!important}.pb90{padding-bottom:90px!important}.pb95{padding-bottom:95px!important}.pb100{padding-bottom:100px!important}.pb105{padding-bottom:105px!important}.pb110{padding-bottom:110px!important}.pb115{padding-bottom:115px!important}.pb120{padding-bottom:120px!important}.pl0{padding-left:0}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.pl55{padding-left:55px!important}.pl60{padding-left:60px!important}.pl65{padding-left:65px!important}.pl70{padding-left:70px!important}.pl75{padding-left:75px!important}.pl80{padding-left:80px!important}.pl85{padding-left:85px!important}.pl90{padding-left:90px!important}.pl95{padding-left:95px!important}.pl100{padding-left:100px!important}.pl105{padding-left:105px!important}.pl110{padding-left:110px!important}.pl115{padding-left:115px!important}.pl120{padding-left:120px!important}.mt0{margin-top:0}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mt55{margin-top:55px!important}.mt60{margin-top:60px!important}.mt65{margin-top:65px!important}.mt70{margin-top:70px!important}.mt75{margin-top:75px!important}.mt80{margin-top:80px!important}.mt85{margin-top:85px!important}.mt90{margin-top:90px!important}.mt95{margin-top:95px!important}.mt100{margin-top:100px!important}.mt105{margin-top:105px!important}.mt110{margin-top:110px!important}.mt115{margin-top:115px!important}.mt120{margin-top:120px!important}.mr0{margin-right:0}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mr55{margin-right:55px!important}.mr60{margin-right:60px!important}.mr65{margin-right:65px!important}.mr70{margin-right:70px!important}.mr75{margin-right:75px!important}.mr80{margin-right:80px!important}.mr85{margin-right:85px!important}.mr90{margin-right:90px!important}.mr95{margin-right:95px!important}.mr100{margin-right:100px!important}.mr105{margin-right:105px!important}.mr110{margin-right:110px!important}.mr115{margin-right:115px!important}.mr120{margin-right:120px!important}.mb0{margin-bottom:0}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.mb55{margin-bottom:55px!important}.mb60{margin-bottom:60px!important}.mb65{margin-bottom:65px!important}.mb70{margin-bottom:70px!important}.mb75{margin-bottom:75px!important}.mb80{margin-bottom:80px!important}.mb85{margin-bottom:85px!important}.mb90{margin-bottom:90px!important}.mb95{margin-bottom:95px!important}.mb100{margin-bottom:100px!important}.mb105{margin-bottom:105px!important}.mb110{margin-bottom:110px!important}.mb115{margin-bottom:115px!important}.mb120{margin-bottom:120px!important}.ml0{margin-left:0}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.ml55{margin-left:55px!important}.ml60{margin-left:60px!important}.ml65{margin-left:65px!important}.ml70{margin-left:70px!important}.ml75{margin-left:75px!important}.ml80{margin-left:80px!important}.ml85{margin-left:85px!important}.ml90{margin-left:90px!important}.ml95{margin-left:95px!important}.ml100{margin-left:100px!important}.ml105{margin-left:105px!important}.ml110{margin-left:110px!important}.ml115{margin-left:115px!important}.ml120{margin-left:120px!important}

.fs4{font-size:4px!important}.fs6{font-size:6px!important}.fs8{font-size:8px!important}.fs10{font-size:10px!important}.fs12{font-size:12px!important}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs18{font-size:18px!important}.fs20{font-size:20px!important}.fs22{font-size:22px!important}.fs24{font-size:24px!important}.fs26{font-size:26px!important}.fs28{font-size:28px!important}.fs30{font-size:30px!important}.fs32{font-size:32px!important}.fs34{font-size:34px!important}.fs36{font-size:36px!important}.fs38{font-size:38px!important}.fs40{font-size:40px!important}.fs42{font-size:42px!important}.fs44{font-size:44px!important}.fs46{font-size:46px!important}.fs48{font-size:48px!important}.fs50{font-size:50px!important}.fw100{font-weight:100!important}.fw200{font-weight:200!important}.fw300{font-weight:300!important}.fw400{font-weight:400!important}.fw500{font-weight:500!important}.fw600{font-weight:600!important}.fw700{font-weight:700!important}.fw800{font-weight:800!important}.fw900{font-weight:900!important}

:root{--bs-primary: #FFD900!important;--bs-secondary: #c1c3ce;}

body {
    font-size: 16px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto", sans-serif!important;
    color: #fff;
    background-color: #0D0D0D;
    font-weight: 200;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #1e2022;
}

.section_title h1, .section_title h2, .section_title h3, .section_title h4, .section_title h5, .section_title h6,
.section_title .h1, .section_title .h2, .section_title .h3, .section_title .h4, .section_title .h5, .section_title .h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
    color: #D5D5D5;
    padding-bottom: 12px;
    border-bottom: 1px solid #D5D5D5;
}

section {
    padding: 30px 0;
    color: #fff;
    background-color: #0D0D0D;
}

a:hover {
    color:#D5D5D5;
}

p {
    color: #D5D5D5;
    font-family: "Roboto", sans-serif;
}

.content {
    margin-bottom: 0px;
}

#topbar {
    padding-top: 26px;
    padding-bottom: 24px;
}

#logo a {
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;

}

#topbar .top-menu {
    float: right;
}
#topbar .top-menu > li > a, #topbar .top-menu li * a {
    font-size: 12px;
    font-weight: 500;
    height: auto;
    margin-right: 16px;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #D5D5D5;
}
#topbar.topbar-dark .top-menu > li > a, #topbar.topbar-dark .social-icons li a, #topbar.dark .top-menu > li > a, #topbar.dark .social-icons li a {
    color: #D5D5D5!important;
}
#topbar .top-menu > li {
    display: inline-block;
    height: auto;
    line-height: 22px;
}
#topbar .top-menu > li .icon-search {
    font-size: 22px;
    display: block;
    position: relative;
    top: 4px;
    left: 4px;
}

#header {
    line-height: 55px;
}
#mainMenu.menu-left nav {
    margin-left: 0px;
}
#mainMenu nav > ul > li > a {
    font-weight: 300;
}

#mainMenu nav ul li:nth-child(1) {
    display: block;
    /*position: absolute;*/
    top: 0px;
    padding: 5px 0 0 0;
    background-color: #FFD900;
    margin: 0 0 0 0;
    line-height: 32px;
    z-index: 99;
}

#mainMenu nav ul li:nth-child(1) a {
    font-size: 16px;
    font-weight: 500;
    color: #0D0D0D;
}
#mainMenu nav ul li a:hover {
    color:#fff!important;
}
#mainMenu nav ul li:nth-child(1) a:hover {
    color:#000000!important;
}
#mainMenu nav ul li:nth-child(2) {
    margin-left: 125px;
}

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > span, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #000000;
    padding-bottom: 20px;
}

#mainMenu nav > ul > li .dropdown-menu {
    padding: 0px;
    margin-top: -1px;
    border-width: 0px !important;
}

.product {
    margin-bottom: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: solid 1px white;
}
.product .product-description .product-title a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #D5D5D5;
    display: block;
    clear: both;
}

.product .product-category {
    width: 50%;
    display: block;
    float: right;
    text-align: right;
}
.product .product-buttons-group {
    width: 50%;
    display: block;
    float: right;
    text-align: right;
}
.product .product-price {
    width: 50%;
    display: block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;

}
.product .product-price ins {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #D5D5D5;
}

.product .product-buttons-group .liked i,
.product .product-buttons-group .compared i
{
    color:#D5D5D5;
    font-size: 18px;
}

.product .product-title {
    width: 100%;
    max-width: 100%;
    max-height: 100px;
    overflow: hidden;
}
.product .product-description {
    padding: 20px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}
.product .product-description .product-title .seller {
    width: 100%;
    display: block;
    clear: both;
    color: #787878;
    font-size: 12px;
    line-height: 15px;
}

.seller_info {
    padding-top: 40px;
}

.seller_info .seller_name {
    font-size: 24px;
    color: #D5D5D5;
    line-height: 130%;
}

.seller_info .seller_rating {
    font-size: 16px;
    color: #D5D5D5;
    font-weight: 400;
    line-height: 130%;
    padding-bottom: 28px!important;
}


.seller_more .seller_all_products a, .seller_more .seller_all_products a:hover {
    font-size: 16px;
    line-height: 130%;
    color: #D5D5D5;
    font-weight: 400;
}

.seller_more .seller_stats {
    font-size: 12px;
    line-height: 130%;
    font-weight: 400;
    color: #787878;
    padding-top: 18px;
}



.seller_more .seller_responses {
    font-size: 16px;
    line-height: 130%;
    color: #D5D5D5;
    font-weight: 400;
    padding-top: 65px;
}

.post h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #D5D5D5;
}

.post .post_watching {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #787878;
}


.post .post_price {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #D5D5D5;
    padding: 40px 0 40px 0;
}

.post .excerpt {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #D5D5D5;
}


.product_body, .product_body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #D5D5D5;
}
















.btn:not(.close):not(.mfp-close).btn-dark {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center!important;
    text-align: center!important;
    justify-content: center!important;
    text-transform: uppercase;
    color: #D5D5D5;
    border: 1px solid #D5D5D5;
    background-color: #000;
    border-radius: 0px!important;
}

.btn:not(.btn-block){
    width: 210px!important;
    text-align: center!important;
}

.btn:not(.close):not(.mfp-close).btn-dark:hover {
    background: #FFD900;
    color: #0D0D0D;
    font-weight: 500;
    border: 1px solid #FFD900;
}

.flickity-button {
    background: transparent;
    width: 30px;
    height: 30px;
    line-height: 40px;
    margin: -23px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    color: #ffffff;
    text-align: center;
    z-index: 200;
    border: 1px solid white;
    box-sizing: initial;
    opacity: 0;
    border-radius: 50%;
    box-shadow: 0 0px 15px rgb(0 0 0 / 10%);
}
.flickity-button.next:before, .flickity-button.previous:before {
    color: white;
    line-height: 30px;
}
.flickity-button.next {
    right: -15px;
}
.flickity-button.previous {
    left: -15px;
}
.flickity-button:before { color: #0D0D0D!important; }

.flickity-button { background-color: #FFD900; }
.flickity-button:hover { background-color: #FFD900; }

.carousel .polo-carousel-item img {
    width: 100%;
}
.content.col-lg-9 .portfolio-item .portfolio-description h3, .content.col-lg-9 .portfolio-item .grid-description h3, .content.col-lg-9 .grid-item .portfolio-description h3, .content.col-lg-9 .grid-item .grid-description h3 {
    font-size: 30px;
    line-height: 45px;
}
.flickity-page-dots {
    bottom: 22px;
}

.portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, .portfolio-item:not(.no-overlay):hover .portfolio-image:after, .portfolio-item:not(.no-overlay):hover .portfolio-video:after, .portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, .portfolio-item:not(.no-overlay):hover .grid-image:after, .portfolio-item:not(.no-overlay):hover .grid-video:after, .grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, .grid-item:not(.no-overlay):hover .portfolio-image:after, .grid-item:not(.no-overlay):hover .portfolio-video:after, .grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, .grid-item:not(.no-overlay):hover .grid-image:after, .grid-item:not(.no-overlay):hover .grid-video:after {
    opacity: 0.8;
}
.flickity-page-dots .dot {
    margin: 0 8px;
    width: 6px;
    height: 6px;
    background-color: #787878;
    border: none;
    box-shadow: none;
}

.flickity-page-dots .dot.is-selected:after {
    height: 100%;
    background-color: #D5D5D5;
    box-shadow: none;
}

[data-bg-image]::before {
    background-color: #0D0D0D;
}

.card {
    background-color: #0D0D0D;
    border: none;
}
.card * {
    font-weight: 400;
    font-size: 16px;
    color: #D5D5D5;
}
.card a:hover {
    color: #D5D5D5!important;
}
.card h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
}
.card a {
    font-weight: 500;
    color: #fff;
}
.card input:not([type="checkbox"]):not([type="radio"]), .card input:not([type="checkbox"]):not([type="radio"]):checked, select, .input-group-text {
    min-height: 40px;
    color: #fff;
    font-weight: 300;
    width: 100%;
    background-color: #0D0D0D;
    border: 1px solid #D5D5D5;
    padding: 0 20px 0 20px;
}

#mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
    overflow: visible;
}








#footer, #footer .copyright-content {
    background-color: #0D0D0D;
}




@media (max-width: 991.98px){
    .carousel .flickity-button {
        width: 30px;
    }
}


@media (min-width: 1400px){
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}