@charset "utf-8";
@font-face{font-family:"Hui Font";src:url("../fonts/HUIBOLed.ttf") format("ttf");}
@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
body{font-family:'Handlee', cursive;font-size:14px;background:#262425;color:#fff; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{font-family:'Handlee', cursive;}
a{color:#000;}
a:hover{text-decoration:none;color:#f0f0f0;}
p{margin-bottom:0;font-size:14px;line-height:20px;}
/*Common*/
#myModal .modal-content{
    background-color: #262425;
}
.container{height:100%;}
/*.container-fluid{overflow:hidden;padding:0;}*/
.Padding0{padding:0;}
.PaddingL0{padding-left:0;}
.PaddingR0{padding-right:0;}
.Margin0{margin:0;}
.img100{width:100%;}
.PaddingTop10{padding-top:10px;}
.PaddingTop20{padding-top:20px;}
.MarginTop10{margin-top:10px;}
.MarginTop15{margin-top:15px;}
.MarginTop20{margin-top:20px;}
.MarginTop30{margin-top:30px;}
.MarginTop50{margin-top:50px;}
.MarginBottom0{margin-bottom:0;}
.MarginBottom10{margin-bottom:10px;}
.MarginBottom20{margin-bottom:20px;}
.MarginBottom30{margin-bottom:30px;}
.MarginBottom50{margin-bottom:50px;}
.MarginTop100{margin-top:100px;}
.BorderBottom{border-bottom:1px solid#ccc;}
.DPostDate{font-size:15px;color:#5a5a5a;display:inline-block;}
.Brief{font-size:16px;line-height:20px;color:#5a5a5a;}
.pHead{font-weight:bold;}
.marginTB10{margin-top:10px;margin-bottom:10px;}

/*========Header Footer=========*/
.DHeaderSidebar .sidebar{position:fixed;top:0;left:-250px;background-color:#505050;width:250px;height:100%;transition:.3s;z-index:9999;}
.DHeaderSidebar ul{margin:0;padding:20px 0;}
.DHeaderSidebar ul li{list-style:none;}
.DHeaderSidebar ul li a{padding:10px 20px;color:#fff;font-weight:bold;letter-spacing:1px;display:block;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.2);}
.DHeaderSidebar ul li a:hover{background-color:grey;color:#fff;}
.DHeaderSidebar .sidebarBtn{position:absolute;top:0;right:-50px;width:50px;height:50px;box-sizing:border-box;cursor:pointer;background-color:transparent;border:none;outline:none;}
.DHeaderSidebar .sidebarBtn span{display:block;width:35px;height:3px;background-color:#ddd;position:absolute;top:24px;transition:.3s;}
.DHeaderSidebar .sidebarBtn span:before{content:'';width:100%;height:3px;background-color:#ddd;position:absolute;top:-10px;left:0;transition:.3s;}
.DHeaderSidebar .sidebarBtn span:after{content:'';width:100%;height:3px;background-color:#ddd;position:absolute;top:10px;left:0;transition:.3s;}
.DHeaderSidebar .active{left:0;}
.DHeaderSidebar .sidebarBtn.toggle span{background-color:transparent;}

.DHeaderMenu{float:right;}
.DHeaderMenu ul{margin:0;padding:0;}
.DHeaderMenu ul li{list-style:none; float:left;padding:12px 17px 5px 0;position: relative;}
.DHeaderMenu ul li a{color:#A7A7A7;display:block;text-decoration:none;}
.DHeaderMenu ul li a i{ font-size:22px;}
.DHeaderMenu ul li a i:hover{ color:#fff;}
.DHeaderMenu ul li:last-child a img {  border-radius: 50%;  width: 22px;  margin-left: 5px;  }
.user_profile a{position: relative;}
.user_profile .jinfo {position: absolute;right: 8px;top: 35px;width: 100px;height: 65px;background: #444243;z-index: 99999 !important;visibility: hidden;transition: 0.3s;padding: 0;}
.user_profile:hover .jinfo {visibility: visible;opacity: 1;z-index:99999999;}
.user_profile .jinfo li {width: 100%;text-align: left;padding:5px 10px;border-bottom: 1px solid #ccc;}
.user_profile .jinfo li:last-of-type {width: 100%;text-align: left;padding:5px 10px;border-bottom: none;}
.user_profile .jinfo li a{color:#fff;}
#countitem { position: absolute; }
.header-menu-list{display:flex;}

.searchbox{position:relative;min-width:40px;width:0%;height:40px;float:right;overflow:hidden;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;-ms-transition:width 0.3s;-o-transition:width 0.3s;transition:width 0.3s;}
.searchbox-input{top:0;right:0;border:0;outline:0;width:100%;height:30px;margin:0;padding:0px 55px 0px 20px;font-size:20px;border:1px solid #eee;}
/* .searchbox-input::-webkit-input-placeholder{color:#d74b4b;}
.searchbox-input:-moz-placeholder{color:#d74b4b;}
.searchbox-input::-moz-placeholder{color:#d74b4b;}
.searchbox-input:-ms-input-placeholder{color:#d74b4b;} */
.searchbox-icon, .searchbox-submit{width:40px;height:30px;display:block;position:absolute;top:0;font-size:20px;right:0;padding:0;margin:0;border:0;outline:0;line-height:28px;text-align:center;cursor:pointer;color:#dcddd8;background:#262425;}
.searchbox-open{width:100%;}

.sticky{position:fixed;top:0;width:100%;z-index:9999;transition:0.4s;padding:0;background:#444243;min-height:50px;}
.sticky .searchbox-icon, .searchbox-submit{background:#444243;}


.DFooterTop{background:#444243;padding:30px 0;margin-top:20px;background:url(../../media/common/background.png) repeat;font-family:'Amatic SC', cursive;font-weight:bold;}
.DFLink{}
.DFLink ul{margin:0;padding:0;}
.DFLink ul li{list-style:none;padding:1px 0;}
.DFLink ul li a{color:#fff;font-size:16px;letter-spacing:1px;}
.DFLink ul li a:hover{color:#ddd;}
.DFLink ul li:first-of-type{color:#fff;font-size:16px;}
.FSocialLink{margin-top:15px;}
.FSocialIcon ul{padding:0;margin:0;}
.FSocialIcon ul li{list-style:none;display:inline-block;}
.FSocialIcon ul li a{padding:0px;margin-right:7px;border-radius:25px;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:10px;}
.FSocialIcon ul li a i{font-size:16px;color:#fff;}
.FSocialIcon ul li a:hover{background:#000;}
.FSocialIcon ul li a:hover i{color:#ccc;}
.DFSubscribe .FSocialLink{background:url(../../media/imgAll/alpona/search-box.png);background-position:center;background-repeat:no-repeat;background-size:cover;padding:21px 5px;margin:0 30px;}

.DFSubscribe{margin-bottom:10px;}
.DFSubscribe p{font-size:20px;margin:5px 0 10px 0;letter-spacing:1px;}
.DFSubscribe .form-control:focus{background-color:transparent;border-color:none;box-shadow:none;}
.DFSubscribe .form-group{margin-bottom:0;}
.DFSubscribe .col-sm-9{width:75%;float:left;}
.DFSubscribe .col-sm-3{padding-left:0;width:25%;float:left;}
.DFSubscribe .col-sm-3.col-form-label{font-size:18px;}
.DFSubscribe .form-group{}


.DFooterBottom{padding:10px 0;background:#262425;font-family:'Caveat', cursive;}
.DFooterBottom p{font-size:14px;line-height:20px;color:#fff;text-align:center;letter-spacing:1px;word-spacing:.2em;font-family:'Caveat', cursive;}
.DFooterBottom p a{color:#fff;font-family:'Caveat', cursive;}

.DFooterTopSocial{padding:20px 0;text-align:center;}

.back_to_top.on{position:fixed;bottom:15px;right:15px;cursor:pointer;height:40px;width:40px;line-height:35px;text-align:center;border:2px solid;border-radius:50%;z-index:999;color:#C92127;display:block;}

/*========body=========*/
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px;}

.DHomeLogo{height:90vh;}

.DJatraPage{margin:50px 0;}
.DJatraPage p{font-size:16px;line-height:22px;font-weight:bold;letter-spacing:1px;}
.DJatraBirotiPage{margin:50px 0;}

.entry{
    overflow:hidden;
    margin-top:20px;
}
.entry a{
    display:block;
    width:100%;
    position:relative;
    margin-top:-20px;
}
.entry .thumb-wrap{
    position:relative;
    /*z-index:1;*/
    padding-top:100%;
    /*margin-top:-20px;*/
}
.entry .thumb{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0);
    -webkit-transition:-webkit-transform 0.3s ease-out;
    -moz-transition:-moz-transform 0.3s ease-out;
    -o-transition:-o-transform 0.3s ease-out;
    transition:transform 0.3s ease-out;
}
.flow-grid-col .entry .thumb img{
    width:100%;
    height:auto;
}
.entry .meta{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
    background-color:rgba(0, 0, 0, 0.2);
    text-align:center;
    color:#fff;
    line-height:1.2;
    /*opacity:0;*/
    -webkit-transition:opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -moz-transition:opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
    -o-transition:opacity 0.3s ease-out, -o-transform 0.3s ease-out;
    transition:opacity 0.3s ease-out, transform 0.3s ease-out;
}
.entry .meta .date, .entry .meta .client{
    position:absolute;
    width:100%;
    padding:12px 5% 30px;
    bottom:20px;
    font-size:1.2em;font-weight:bold;letter-spacing:1px;
}
.entry .meta .date::after, .entry .meta .client::after{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    margin-left:-10px;
    width:20px;
    height:2px;
    background-color:#fff;
}
.entry .meta .client + .title, .entry .meta .date + .title{
    bottom:87px;
}
.entry .meta .title{
    position:absolute;
    width:100%;
    padding:0 5% 10px;
    bottom:40px;
    font-size:1.4em;font-weight:bold;letter-spacing:1px;margin:0;
}

.entry a:hover .meta{
    opacity:1;
     background-color:rgba(0, 0, 0, 0.3);
    -webkit-transform:translate(0, 10px);
    -moz-transform:translate(0, 10px);
    -ms-transform:translate(0, 10px);
    -o-transform:translate(0, 10px);
    transform:translate(0, 10px);
}
.thumb{
    overflow:hidden;
    display:block;
    position:relative;
    height:260px;
}
.thumb img{
    max-width:100%;
    min-height:100%;
    object-fit:cover;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#32373c !important;padding:.5em 1.5em;border:none;text-transform:UPPERCASE;color:#C1C1C1 !important;border-radius:0;}
.nav-pills:hover .nav-link.active:hover, .nav-pills .show:hover > .nav-link:hover{
    color:#fff;
    background-color:#5a6268 !important;
    border-color:#545b62;
}

.DPaginationList{margin-top:10px;}
.page-item.active .page-link{color:#fff;background-color:#32373c !important;border-color:#fff !important;}
.page-link{color:#fff !important;}
.page-link:hover{color:#000 !important;}
.page-item.disabled .page-link{background-color: #757575 !important;}
.pagination {flex-wrap:wrap; row-gap:5px;}
.DContactCard .contact-card{background:#505050;}
.form-control:focus{border-color:#c6c6c6;box-shadow:0 0 0 0.1rem rgba(172, 172, 172, 0.25);}
.CommonButton{background:#32373c;
padding:.5em 1.5em;
border:none;
text-transform:UPPERCASE;
color:#C1C1C1;
-webkit-transition:background .3s ease;
transition:background .3s ease;
/* margin-top:10px; */
border-radius:0;}
.CommonButton:hover{background:#5a6268;color:#cbd3da !important;}

.Imgresize{position:relative;}
.ImgViewer{padding-top:75%;margin:0;}
.promotions .ImgViewer { padding-top: 32.25%; margin: 0; }
.promotions .slick-prev { left: -33px; }
.promotions .slick-next { right: -33px; }
.promotions .slick-prev:before, .promotions .slick-next:before { color: #fff; }
.FixingRatio{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;object-fit:cover;}
.zoom-desktop{transform:none;transition:transform .1s ease-out;}
.ImgRatio{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;object-fit:cover;}

.DJatraCatPage{margin:50px 0;}
.DJatraCatList{margin-bottom:15px;border-bottom:1px solid#333;padding-bottom:15px}
.DJatraCatPage .row .col-lg-6:first-of-type{border-right:1px solid#333;}
.DJatraCatList p{color:#ddd;font-size:16px;line-height:22px;color:#fff;letter-spacing:1px;font-family:'Caveat', cursive;}
.DJatraCatList .PTitle{font-size:1.2em;line-height:25px;margin-bottom:10px;color:#fff;letter-spacing:1px;font-family:'Caveat', cursive;}
.DJatraCatList button{margin-top:10px;border-radius:0;color:#C1C1C1;background-color:#32373c;border-color:#373d42;font-size:14px;}
.DJatraCatList a:hover img{opacity:0.7;}
.cart-img { width: 100px; margin-bottom:20px;}
.ship_diff_address { display: flex; align-items: center; }
.ship_diff_address label { font-size:24px; padding:10px; margin-left: 5px;}
.media-body p {margin: 10px 0;}
.DBreadCum{list-style:none;display:flex;height:100%;width:100%;justify-content:left;align-items:center;background:#444243;margin-bottom:0;margin-top:20px;padding-left:0;border-radius:0;}
.DBreadCum li{position:relative;background:#32373c;color:#fff;height:30px;padding:0 10px 0 25px;display:flex;justify-content:center;align-items:center;line-height:1;font-size:15px;}
.DBreadCum .active a{font-weight:bold;}
.DBreadCum li a{color:#fff;font-size:12px;}
.DBreadCum li::after{content:'';position:absolute;width:20px;height:15px;background:#32373c;top:0;right:-10px;z-index:9;border-right:2px solid #444243;transform:skewX(45deg);}
.DBreadCum li::before{content:'';position:absolute;width:20px;height:15px;background:#32373c;bottom:0;right:-10px;z-index:9;border-right:2px solid #444243;transform:skewX(-45deg);}

.card{
    margin-top:20px;background:#444243;padding:1.5em 1.5em .8em;
    line-height:1.5em;border:1px solid rgba(0,0,0,.05);
    border-radius:0;
}

.xzoom-container{
    display:inline;
}
.xzoom-thumbs{border:none;
    margin-top:10px;width:107%;text-align:left;}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{margin-left:0;
    margin-bottom:0px;}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5, .xactive{border:none;box-shadow:none;}
.xzoom-thumbs img{width:17%;margin-right:10px;}
/*.xzoom-thumbs img:last-of-type{margin-right:0px;}*/

@media screen and (min-width:997px){
    .wrapper{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;}}

.details{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;}

/*.colors{
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;}
*/
.product-title{font-size:1.5em;}
.price, .sizes, .colors{font-size:1.2em;}

.checked, .price span{
    color:#ff9f1a;}

.sizes p{font-weight:normal;padding-top:10px;}

.product-title{margin-bottom:15px;}
.rating, .price{margin-bottom:10px;}
.product-description{margin-bottom:20px;font-family:'Caveat', cursive;font-size:18px;line-height:26px;}
.vote{margin-bottom:20px; font-family:'Caveat', cursive;font-size:20px;line-height:24px;}
.colors{margin-bottom:20px;font-family:'Caveat', cursive; font-size:18px;line-height:24px;}
.sizes{margin-bottom:20px;font-family:'Caveat', cursive; font-size:18px;line-height:24px;}

.product-title{
    margin-top:0;}

.size{
    margin-right:10px;}
.size:first-of-type{
    margin-left:40px;}

.color{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    height:2em;
    width:2em;
    border-radius:2px;}
.color:first-of-type{
    margin-left:20px;}

.add-to-cart, .like{
    background:#32373c;
    padding:.5em 1.5em;
    border:none;
    text-transform:UPPERCASE;
    color:#C1C1C1;
    -webkit-transition:background .3s ease;
    transition:background .3s ease;margin-top:10px;border-radius:0;}
.add-to-cart:hover, .like:hover{
    background:#5a6268;
    color:#fff;}

.not-available{
    text-align:center;
    line-height:2em;}
.not-available:before{
    font-family:fontawesome;
    content:"\f00d";
    color:#fff;}

.orange{
    background:#ff9f1a;}

.green{
    background:#85ad00;}

.blue{
    background:#0076ad;}

.tooltip-inner{
    padding:1.3em;}

@-webkit-keyframes opacity{
    0%{
        opacity:0;
        -webkit-transform:scale(3);
        transform:scale(3);}
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);}}

@keyframes opacity{
    0%{
        opacity:0;
        -webkit-transform:scale(3);
        transform:scale(3);}
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1);}}



select{
    -webkit-appearance:none;
    outline:none;
    font-size:1rem;
    box-sizing:border-box;
    border-radius:0;
    background:#ffffff;
    border:1px solid #d1d1d1;
    padding:0.5em 3.5em 0.5em 1em;
    background-image:linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:4px 4px, 5px 4px, 1px 1.5em;
    background-repeat:no-repeat;
}

select{
    color:black;
}

.placeholder{
    color:gray
}

.color1{background-color:#CCCDC7;}
.color2{background-color:#C5B69A;}
.color3{background-color:#DE7646;}
.color4{background-color:#737470;}
.color5{background-color:#C2B9A1;}
.color6{background-color:#3E434B;}

/* .slick-slide{margin:0 8px;} */
.RbdSpCat{padding:15px;margin-top:15px;background:#444243;}
.DClientLogoList p{padding:5px;color:#fff;font-weight:bold;letter-spacing:1px;}
.RbdSpCat .slick-list {
}
.priv_arrow {
	position: absolute;
	top: 50%;
	left:-30px;
	transform: translateY(-50%);
	background:#444243;
	font-size: 30px;
	line-height: 30px;
	padding: 5px 8px;
    cursor: pointer;
    clip-path: polygon(100% 0%, 100% 52%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.next_arrow {
	position: absolute;
	top: 50%;
	right:-30px;
	transform: translateY(-50%);
	background:#444243;
	font-size: 30px;
	line-height: 30px;
	padding: 5px 8px;
    cursor: pointer;
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 53%, 0% 0%);
}

/*# sourceMappingURL=style.css.map */
.Product-Quality-Title{color:#fff;font-size:1.7em;line-height:2em;margin-bottom:20px;margin-top:20px;}
.Product-Quality-List h3{font-size:1.4em;line-height:1.5em;margin-bottom:10px;color:#ddd;}
.Product-Quality-List p{color:#ddd;font-family:'Caveat', cursive;font-size:18px;line-height:24px;}

.MobileShow{display:none;}



/*Our Story*/
.DOurStoryPage{margin:50px 0;}
.DOurStoryPage p{line-height:25px;letter-spacing:1px;font-family:'Handlee', cursive; text-align: justify;}
.DOurStoryPage img{border-radius:50%; width:180px;height:180px;}

/*Our FamilyPage*/
.DOurFamilyPage{margin:50px 0;}
.DOurFamilyPage p{font-size:20px;line-height:25px;text-align: justify;letter-spacing:1px;font-family:'Caveat', cursive;}
.DTeamMList{margin-top:35px;}
.DTeamMList h4{font-size:18px;line-height:25px;letter-spacing:1px;font-weight:bold;}
.DTeamMList img{border-radius:50%;}
.DTeamMList .DProfileImg{padding:2px;background-image:url(../../media/imgAll/alpona/profile-border.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.DOurFamilyPage img{border-radius:50%;padding:0;}
.DOurFamilyPage h3{margin-top:15px;}
.DOurFamilyPage a.page-link { color: #fff; background: #4a4444; }
.DOurFamilyPage .page-item.active .page-link { background-color: #5a6168; border-color: #424344; }
/* .DTeamMList .col-lg-7.col-sm-12{padding-left:25px;} */

/*Contact*/
.OffersArea{padding:80px 0;}
.Footer-Title{font-size:20px;text-transform:uppercase;}
.contact-card{margin-top:20px;  background:#fff;  padding:0;  line-height:1.5em;}
.contact-card .bg-primary{background:#505050 !important;}
.contact-card .bg-primary h3{margin-bottom:0;}
.AddressInfo{margin-top:10px;letter-spacing:1.5px;}
.AddressInfo .Address{color:#fff;margin-bottom:0;padding-bottom:10px;font-size:15px;}
.AddressInfo .Phone{color:#fff;padding-bottom:10px;text-transform:uppercase;}
.AddressInfo .Phone span{font-weight:bold;}
.AddressInfo .Email{color:#fff;padding-bottom:0px;}
.AddressInfo .Email span{font-weight:bold;}
.AddressInfo .Heading span{position:relative;margin-right:5px;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#003671;color:#fff;border-radius:20px;font-size:12px}
.AddressInfo .Details{color:#fff;line-height:20px;margin-bottom:10px;}

.jcart .jinfo{ background:#505050; visibility:hidden; opacity:0; position:absolute; transition:all 0.5s ease; margin-top:5px; right:15px; display:none; width:300px; padding:5px; max-height:500px; overflow-y:auto; overflow-x:hidden; }
.jcart:hover > .jinfo,
.jcart .jinfo:hover{ visibility:visible; z-index:10000; opacity:1; display:block; right:0; }
.jcart .jinfo::-webkit-scrollbar{ width:5px; color:#0076ad; }
.jcart .jinfo::-webkit-scrollbar-thumb{ background:#fff; }

.jcart .jinfo li{ clear:both; width:100%; text-align:left; padding:0; margin-bottom:5px; border-bottom:1px solid #ccc; padding-bottom:5px; }
.jcart .jinfo>li img.img-fluid{ height:77px; width:77px; }
 .dashboard_menu{ background:#444243; }
 .dashboard_menu .nav-tabs .nav-link.active{ color:#fff; background-color:#ece6e940; border-color:#ece6e940 #ece6e940 #ece6e940; } 
.dashboard_menu .nav-tabs .nav-link:hover{ color:#fff; background-color:#ece6e940; border-color:#ece6e940 #ece6e940 #ece6e940; }
.dashboard_menu .nav-tabs .nav-link{ color:#fff; }
   .container input{
        background-color:#262425;
        border:1px solid white;
        color:white;
   } 
    .container select{
        background-color:#262425;
        color:white;
        border:1px solid white;
   }
    .container option{
        background-color:#262425;
        color:white;
        border:1px solid white;
        padding-top:10px;
   }
    .container textarea{
        background-color:#262425;
        border:1px solid white;
        color:white;
   }
    .container input::placeholder{
      color:white;
 }
  .container textarea::placeholder{
      color:white;
 }
.container input:focus{
      background-color:#262425;
      color:white;
 }
    .container textarea:focus{
      background-color:#262425;
      color:white;
 }
  .container select:focus{
      background-color:#262425;
 } 
 .container input[value]{color:#fff;}​ 
 .container textarea[value]{color:#fff;}​ 
 .container option[value]{color:#fff;}​ 

@media screen and (max-width:1024px){
    .container{width:1024px;}
}
@media screen and (max-width:991px){
    .container {max-width: 100%;}
    .ship_diff_address label { font-size:20px; }
    .DOurStoryPage img { width: 180px; height: 180px;}
}
@media screen and (max-width:768px){
    .container{width:100%;}
    .DLogoList{width:150px;margin:auto;margin-bottom:30px;}
    .DFooterTop{padding:20px;}
    .DFooterTop .row .col-sm-3.FMobileRight{width:50%;float:left;}
    .DFooterTop .row .col-sm-2.FMobileRight{width:50%;float:left;}
    .DFooterTop .row .col-sm-6:last-of-type{width:100%;}
    .DFSubscribe .FSocialLink{padding:8px 10px;margin:0;text-align:center;}
    .FSocialIcon ul li a{width:25px;height:25px;}
    .thumb{height:100%;}
    .DJatraCatPage .row .col-lg-6:first-of-type{border-right:0 solid#333;}
    .DJatraCatList .PTitle{margin-top:10px;}
    .Product-Quality-List{margin-bottom:20px;}
    .xzoom-thumbs img{ width:16%;  margin-right:5px; }
    .product-title{ margin-top:10px; }
    .DClientLogoList p{ font-size:12px; }
    .FSocialIcon{text-align:center;}
    .MobileHide{display:none;}
    .MobileShow{display:block;}
    /* .FSocialIcon{text-align:left;} */
    /*.FSocialLink ul li{display:block;}*/
    .DFSubscribe .col-sm-10{width:80%;float:left;padding-right:0;}
    .DFSubscribe .col-sm-2{width:20%;float:left;}
    .DFSubscribe .FormMobile{ font-size:16px; margin:10px 0 10px 0; letter-spacing:1px; }
    .offset-1{margin-left:0;}
    /* .DOurStoryPage{padding:0 30px;} */
    .DOurStoryPage h3{margin:20px 0;}
    .DOurFamilyPage{padding:0 30px;}
    .DTeamMList h4{margin:20px 0 15px 0;}
    .DTeamMList img{padding:0 30px;}
    .DOurFamilyPage h3{margin:20px 0;}
    .DOurFamilyPage img{padding:0;}
    .DTeamMList{margin:50px 0 0;}
    .DTeamMList .DProfileImg{margin:0 30px;}
    .DOurFamilyPage .DProfileImg2{margin:0 30px;}
    .DOurFamilyPage .page-item.active .page-link { z-index: 1; color: #fff; background-color: #32373c; border-color: #32373c; }
    .DTeamMList .col-lg-7.col-sm-12{padding-left:10px;}
    .DFSubscribe{margin-top:20px;}
    .DFSubscribe input{padding:15px 40px;}
    .produ-list-title h4 { font-size: 16px; }
    .CommonButton {font-size: 12px; padding: 10px 15px; margin-bottom: 10px; width: 100%;}
    .container input {margin-bottom: 15px;}
    .ship_diff_address label { font-size:16px;}
    .DFSubscribe .FSocialLink { background-size: contain; }
    .dashboard_menu {margin-bottom: 20px;}
    .DOurStoryPage img { width: 180px; height: 180px;}
}
@media screen and (max-width:736px){
    .container{max-width:100%;}
    .DJatraCatPage .card{
        padding: 0;
    }

}
@media screen and (max-width:667px){
    .container{max-width:100%;}
}
@media screen and (max-width:640px){
    .container{width:100%;}
}
@media screen and (max-width:568px){
    .container{width:100%;}
    .DFSubscribe input{padding:32px 50px;}
}
@media screen and (max-width:480px){
    .container{width:100%;}
    .DFLink ul li a{font-size:13px;}
    .DFSubscribe input{padding:28px 50px;}
    .DFooterTop{padding:20px 10px;}
}
@media screen and (max-width:414px){
    .container{width:100%;}
    .DFSubscribe input{padding:22px 40px;}
}
@media screen and (max-width:375px){
    .container{width:100%;}
    .DFSubscribe input{padding:19px 50px;}
}
@media screen and (max-width:360px){
    .container{width:100%;}
    .DFSubscribe input{padding:8px 30px;}
}
@media screen and (max-width:320px){
    .container{width:100%;}
    .DFLink ul li a{font-size:11px;}
    .DFSubscribe .col-sm-3.col-form-label{font-size:16px;}
    .DFSubscribe input{padding:0 12px;}
}




fieldset, label{margin:0; padding:0;margin-bottom: 10px;}
/* body{margin:20px;} */
h1{font-size:1.5em; margin:10px;}

/****** Style Star Rating Widget *****/

.rating{
  border:none;
  float:left;
}
.DJatraCatPage fieldset, label{margin-bottom: 10px;}
.rating > input{display:none;} 
.rating > label:before{
  margin:5px;
  font-size:1.25em;
  font-family:FontAwesome;
  display:inline-block;
  content:"\f005";
}

.rating > .half:before{
  content:"\f089";
  position:absolute;
}

.rating > label{
  color:#ddd; 
 float:right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label{color:#FFD700; } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label{color:#FFED85; } 
.comment_info{
    list-style:none;
}
.comment_user img{
    height:50px;
    width:50px;
    padding-right:10px; 
}
.page-link{
background-color:#262425
}