[data-theme="dark"] body {
    background: #121213 !important;
    color: #c4c4c4;


}


.navtop{

}

.navtop .navbar-nav .nav-item .nav-link{
    color: #c4c4c4!important;
    font-size: 2em!important;
}

.navbar-nav .nav-link{
    font-size: 1.2em;
}

.lan_flag{
    width: 25px;
    height: 20px;
}

.dropdown-item .lan_flag{
    margin-right: 10px;
}

.contact-nav li a{
    font-size: 1em!important;
}

#cartBTN{
    position: absolute;
}

#cartCount {
    position: relative;
    top: -10px;
    left: -10px;

    background: #e0932b;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .8em;
}

#landingPage {
    background-attachment: fixed;
}

.carousel-item div.img_landing{
    height: 60vh!important;
    background-position: right;
    background-size: cover;
    box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}

@media (max-width: 791.98px) {
    .carousel-item div.img_landing{
        height: 70vh!important;
    }

    .carousel-item div div h5{
        font-size: 2.5em!important;
    }

    .carousel-item div div p{
        font-size: 1em!important;
    }
}

.carousel-item div.carousel-caption{
    height: 100%;
}


.carousel-item div .contentItem{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.carousel-item div div h5{
    font-size: 7em;
    color: #ffc720;

}

.carousel-item div div p{
    font-size: 1.5em;
    text-shadow: 0 0 13px #020202;

}





.product-item .product-img {
    height: 260px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/*.product-item .product-img:hover {
    background-image: url('../images/products/p5.jpg')!important;
}*/

.product-item .product-img .price-tag {
    position: absolute;
    right: 10px;
    bottom: 10px;

    font-size: 1.5em;
    background: rgb(195,147,34)!important;
    background: linear-gradient(0deg, rgba(195,147,34,1) 0%, rgba(253,187,45,1) 100%)!important;
    padding: 1px 15px 1px 15px;
    color: #000;

}

.product-item .card-body .card-text table {
    border: rgba(255, 199, 32, 0.3) !important;
}


.product-item .img_slide_controller{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.product-item .img_slide_controller div{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(222, 226, 230, 0.64);
    width: 30px;
    border: .5px rgba(28, 31, 35, 0.51) solid;
    cursor: pointer;
}

.product-item .img_slide_controller div i{
    margin: 10px;
    color: #ffc720;
    font-size: 1.5em;
}

.product-item .img_slide_controller div.left_c{
    float: left;
}

.product-item .img_slide_controller div.right_c{
    float: right;
}


[data-theme="dark"] .filter-section div.filter-types{
    background: #282828;
}

[data-theme="dark"] .filter_container {
    background: #363636;
}

.service_item{
    transition: transform .7s ease-in-out;
}
.service_item:hover {
    transform: rotateY(180deg);
}

/*



.filter_container select {
    background: #484848;
    border: #282828 solid 1px!important;
}*/

.range-filter-text{
    border:0;
    color:#f6931f;
    background: transparent;
    font-weight:bold;
}

.filter-section div p{
    font-size: 1.5em;
}

.gem-shape-list li div.gem-icon {
    width: 25px;
    height: 20px;
}
.gem-shape-list li{
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, #111112 50%, #ffc720 50%) right;
    background-size: 200%;
    transition: .3s ease-out;
}
.gem-shape-list li:hover {
    /*color: #d4a106;
    border: #ffc720 1px solid;*/
    color: #030303;
    /*background: #ffc720;*/
    background-position: left;
    cursor: pointer;
}

.s-active, .s-active a {
    color: #030303!important;
    background: rgb(195,147,34)!important;
    background: linear-gradient(0deg, rgba(195,147,34,1) 0%, rgba(253,187,45,1) 100%)!important;
}


/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.marketing h2 {
    font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}
/* rtl:end:ignore */



#social_media{
    position: fixed;
    z-index: 1000;
    width: 40px;
    right: 10px;
    bottom: 20px;

}
#social_media .list-group .list-group-item{
    padding: 0;
    margin: 0;
}
#social_media .list-group .list-group-item i {
    margin: 5px;
    font-size: 2em;
    color: #ffffff!important;
    text-shadow: 2px 2px 8px #444444;
}

#social_media .list-group .list-group-item.Line {
    background: #38d52c;
}

#social_media .list-group .list-group-item.WeChat {
    background: #1ac60b;
}

#social_media .list-group .list-group-item.Whatsapp {
    background: #0bd254;
}

#social_media .list-group .list-group-item.Instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

#social_media .list-group .list-group-item.Messenger {
    background: linear-gradient(45deg, #33b4f0 0%, #20a8e7 25%, #0da9ea 50%, #0897e2 75%,#33b4f0 100%);
}



#social_media .list-group .list-group-item.WeChat i {
    font-size: 1.7em;
}

#social_media .list-group .list-group-item.Messenger i {
    font-size: 1.8em;
}

#social_media .list-group .list-group-item:hover {

    color: #1c1f23!important;
}

.about_gallery {
    position: relative;
}

.about_gallery img{
    height: 400px;
    object-fit : contain ;background : grey ;
}

.about_gallery .about_description{
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    background: rgba(28, 31, 35, 0.63);
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
}

.about_gallery .about_description_video{
    background: rgba(28, 31, 35, 0.63);
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0!important;
}

.fb_dialog_content {
    display: none;
}


footer {
    color: #efefef !important;
}

footer h6{
    color: #ffffff !important;
}

#diuflex:hover {
    text-decoration: underline!important;
}





.blog_main_content {
    padding-top: 90px;
}

.blog_main_content h2 {
    background: #ffc720;
    color: #1c1f23;
    padding: 5px 20px 5px 20px;
    width: auto;
    display:inline-block;
    border-radius: 50px;
    margin-bottom: 30px;
}

.blog_main_content img {
    margin-top: 15px;
    margin-bottom: 15px;
}
.blog_content_list {
    background: #1c1f23!important;
}
.blog_content_list ul{
    padding: 5px;
}

.blog_content_list li ul{
    padding: 20px;
}

.blog_content_list ul li{
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: none;

}

/*buyNow modal*/
.paymentMethodCard{
    background: linear-gradient(0deg, rgb(36,36,36) 0%, rgb(21,21,21) 100%); cursor: pointer;
}

.paymentMethodCard:hover{
    background: linear-gradient(0deg, rgb(201, 138, 9) 0%, rgb(167, 112, 0) 100%); cursor: pointer;
    color: #1c1f23;
}


/*buyNow modal*/



.btn-warning {
    background: rgb(195,147,34)!important;
    background: linear-gradient(0deg, rgba(195,147,34,1) 0%, rgba(253,187,45,1) 100%)!important;
}

.btn-success {
    background: rgb(91,195,34)!important;
    background: linear-gradient(0deg, rgba(91,195,34,1) 0%, rgba(45,253,97,1) 100%)!important;
    color: #000!important;
}


.sticky-md-top {
    top: 5.5em!important;
}

.table > tbody > tr > td {
    vertical-align: middle;
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,212,102, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}

.navbar-toggler {
    border-color: rgb(255, 212, 102) !important;
}
