/*.container{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;margin-bottom: 0;background: none;}
@media (min-width:576px){ .container{ max-width:100%;}}
@media (min-width:768px){ .container{ max-width:100%;}}
@media (min-width:992px){ .container{ max-width:100%;}}
@media (min-width:1200px){ .container{ max-width:1200px;}}*/
/*common*/
.df{display: flex;justify-content: center;align-items: center;}
.left-inner,.right-inner{width: 50%;}
.left-inner.w30{width:32%;}
.right-inner.w70{width:68%;}
.sub-right{max-width:40%; float:right;}
.sub-left{max-width:40%; float:left;}
.bgimg{position:absolute; margin:0px; top:0px; left:0px; right:0px; bottom:0px; z-index:9;}
.overlaps{position:relative; z-index:99;}
.order-1{order: 1;}
.order-2{order: 2;}
.left-specing{padding: 20px 10px 20px 40px;}
.right-specing{padding: 20px 40px 20px 0px;}
.common-specing{padding: 40px 0 40px;}

.sku{font-size: 18px;color: #6b6b6b;padding-bottom: 10px;}
.link2{font-size: 14px;color: #666666;display: block;}
.bb{border-bottom: 1px solid #f1f1f1;}

.slick-prev, .slick-next{width: 40px;height: 50px;z-index: 9;}
.slick-prev:before{content: "";height: 1px;width: 20px;background: #000;display: block;position: absolute;top: 35px;right: 10px;transform: skewY(45deg);}
.slick-prev:after{content: "";height: 1px;width: 20px;background: #000;display: block;position: absolute;top: 15px;right: 9px;transform: skewY(-45deg);}

.slick-next:before{content: "";height: 1px;width: 20px;background: #000;display: block;position: absolute;top: 36px;right: 9px;transform: skewY(-45deg);}
.slick-next:after{content: "";height: 1px;width: 20px;background: #000;display: block;position: absolute;top: 16px;right: 9px;transform: skewY(45deg);}
.slick-next{right: -10px;}

@media screen and (max-width: 991px) {
.order-2{order: 1;}
.df{flex-wrap: wrap;}
.left-inner,.right-inner{width: 100%;}
.right-inner{text-align: center;} 
.left-inner img{width: 100%;}    
.left-specing{padding: 10px;}
.right-specing{padding: 10px;}    
.common-specing{padding: 20px 0 20px;}    
}
@media screen and (max-width: 767px) {
.slick-prev{left: -15px;}    
.slick-next{right: -10px;}


}

/*banner*/
.landing-banner{position: relative;}
.landing-banner>img{display:block;width:100%;}
.banner-text{position: absolute;top: 50%;transform: translate(50%, -50%);right: 30%;color: #101821;max-width:420px;}
.banner-text.right{left: 0;right: auto;transform: translate(50%, -50%);color: #000000;}
/*.banner-text.right .btn-1{border:2px solid #000;color: #000000;}
.banner-text.right .btn-1:hover{border-color:#d19e66;}*/
.banner-text h1{font-size: 40px;line-height: 40px;padding-bottom: 20px;margin: 0;color: #101821;}
.banner-text p{font-size: 17px;line-height: normal;margin: 0;font-family:'Lato';font-weight:400;}
.banner-text p.cstxt{font-size:15px;line-height:25px; margin: 0;}

/*@media screen and (max-width:1199px) {

}*/

@media screen and (max-width: 991px) {
.banner-text p{font-size: 14px;}
.banner-text h1{font-size: 26px;line-height: 26px;}
.banner-text.right{transform:translate(10%, -50%);max-width:75%;}    
/*.banner-text.right{transform:translate(10%, -50%);max-width: initial;}*/
}

@media screen and (max-width: 767px) {    
.banner-text{position: relative;transform: inherit;right: 0;left: 0;max-width: initial;text-align: center;color: #000;} 
.banner-text a.btn-1{border:2px solid #101821;}
.banner-text.right{transform: initial; position:inherit; max-width:100%; text-align:center;}    
}

/*category*/
.tb-specing{margin:0px 0 30px;}

.sub-cat{padding-top: 50px;}
.sub-cat ul{display: flex;align-items: center;justify-content: center;}
.sub-cat li{margin: 0 10px;}
.sub-cat li img{border-radius:5px;}
.sub-cat li span{position: absolute;top: 17px;right: 0;left: 0;font-size: 16px;text-transform: uppercase;padding: 0 5px;line-height: normal;font-weight: 600;}

@media screen and (max-width: 767px) {
.tb-specing{margin: 20px 0;}    
.sub-cat ul{flex-wrap: wrap;}
.sub-cat li{width: 31%;margin:0 5px 5px;}
.sub-cat li span{font-size: 14px;}
}
@media screen and (max-width: 480px) {
.sub-cat li{width:46%;}
}

/*category-left-rigt*/
.flex-container{display: flex;flex-wrap: wrap;height: 100%;align-content: center;}
.cat-inner .left-inner img{display: block;}
.cat-inner .right-inner p{line-height: 25px;margin:10px 0px 30px;font-size: 15px;}
.cat-inner .right-inner p.subp{line-height:20px;margin:0px 0px 30px;font-size: 15px;}

@media screen and (max-width:1199px) {
.cat-inner .right-inner .sub-right .common-hd2{font-size:20px;}
}

@media screen and (max-width:991px) {
.wb-df{justify-content:inherit;}
.right-inner.w70{width:auto;}
.sub-right, .sub-left{max-width:inherit;}
}

@media screen and (max-width: 767px) {
.cat-inner .right-inner p{margin: 0px 0 10px;} 
.cat-inner .left-inner{text-align: center;}
.cat-inner .left-inner img{display: initial;}
}

/*Warranty*/
.warranty-sec h2{font-size: 26px;text-transform: uppercase;}
.warranty-sec .cat-inner{align-items: center;}
.warranty-sec .cat-inner .right-inner{width: 30%;}
.warranty-sec .cat-inner .left-inner{width: 70%;}
.warranty-sec .cat-inner .left-inner ul{display:flex;flex-wrap: wrap;}
.warranty-sec .cat-inner .left-inner ul li{width: 50%;margin-bottom: 20px;padding: 0 10px;}
.warranty-sec .cat-inner .left-inner h3{font-size: 20px;padding-bottom: 10px;margin: 0;}
.warranty-sec .cat-inner .left-inner p{font-size: 14px;color: #4e4e4e;}
@media screen and (max-width: 767px) {
.warranty-sec h2{font-size: 20px;}
.warranty-sec .cat-inner .right-inner,.warranty-sec .cat-inner .left-inner{width: 100%;}
.warranty-sec .cat-inner .left-inner h3{font-size: 16px;}
}

@media screen and (max-width: 480px) {
.warranty-sec .cat-inner .left-inner ul li{width: 100%;padding: 0 0px;}
}
/*Guarantee-sec*/
.guarantee-inner{position: absolute;top: 50%;max-width: 450px;left: 0;right: 0;margin: 0 auto;text-align: center;transform: translate(0, -50%);padding: 0 10px;}
.guarantee-inner p{font-size: 14px;padding-bottom: 50px;}
a.link{font-size: 16px;color: #101821;font-family:'Lato';font-weight:400;}
a.link:hover{color: #d19e65;}
.guarantee-sec .cat-inner .right-inner p{margin: 0px 0 20px;}
.guarantee-sec .right-inner li{font-size: 16px;line-height: 20px;margin-bottom: 10px;text-transform: capitalize;padding-left: 30px;position: relative;font-family:'Lato';font-weight: 400;}
.guarantee-sec .right-inner li:after{content: "";width: 10px;height: 10px;border: 2px solid #4e4e4c;background: transparent;display: block;position: absolute;top: 5px;left: 0;border-radius: 50%;}
.guarantee-sec a.link{width: 100%;}

@media screen and (max-width: 991px) {
.guarantee-inner{max-width: 300px;max-width: 300px;}
.guarantee-sec .right-inner li::after{display:none;}
}
@media screen and (max-width: 767px) {
a.link{font-size: 14px;}
.guarantee-sec .right-inner li{padding-left:0px;}
.guarantee-inner p{padding-bottom: 20px;line-height: 14px;}
}
/*ready_to_ship page*/
.cart-detail ul{margin-bottom: 30px;} 
.cart-detail li{display: inline-block;padding: 0 5px;color: #000000;text-align: center;vertical-align: top;}
.cart-detail li span{display: block;font-size: 14px;padding:10px 0;color: #6b6b6b;}
.cart-detail .saleprice{font-size: 22px;display: block;color: #101821;}
.cart-detail .real-price{font-size: 22px;text-decoration: line-through;color: #6b6b6b;}

/*.left-inner .slick-dots{bottom: -45px;}
.left-inner .owl-dots .owl-dot span{border-radius: 50%;background: none;position:absolute;bottom:-30px;left: 0;right: 0;height: 21px;width: 20px;float: left;background: #d19e66;}
.left-inner .owl-dots .owl-dot span:after{content:"";border: 1px solid #c8c8c8;border-radius: 50%;background: none;position:absolute;bottom:-30px;left: 0;right: 0;height: 21px;width: 20px;}
.slick-dots li.slick-active button:after{border: none;}
.slick-dots li.slick-active button:before{color: #d19e66;}*/
.daimond-detail .right-inner h2,.daimond-detail .right-inner span.sku{display: inline-block;}
.daimond-detail .right-inner p{font-size: 18px;color: #6b6b6b;}
.daimond-detail .link2{margin-top: 40px;}
.daimond-detail .multiple-items li img{margin: 0 auto;}
@media screen and (max-width: 991px) {
.daimond-detail .right-inner{margin-top: 20px;}
.cart-detail li{padding: 0 5px;}
}
@media screen and (max-width: 767px) {
.cart-detail .saleprice,.cart-detail .real-price{font-size: 18px;}    
.daimond-detail .link2{padding-top: 20px;}
.cart-detail li{padding: 0 2px;}    
}

/*Wedding Ring*/
.banner-center .banner-text{transform: translate(0, -50%);right: 0;left: 0;margin: 0 auto;max-width: 500px;text-align: center;color: #101821;}
.banner-center .banner-text span{display: block;}
.ring-slider-sec .left-inner{width: 30%;}
.ring-slider-sec .right-inner{width: 70%;}
.ring-slider-sec .ring-slider li img{display: initial;  }
@media screen and (max-width: 991px) {
.wedding-ring .banner-text h1{padding-bottom: 10px;}
.wedding-ring a.btn-1{margin-top: 10px;}
}
@media screen and (max-width: 767px) {
.banner-center .banner-text{padding-top: 15px;}
.banner-center .banner-text{transform: initial;max-width: initial;}
.ring-slider-sec .right-inner,.ring-slider-sec .left-inner{width: 100%;}
}

/*diamond-landing*/
/*Shape by daimond*/
.daimond-shape li a span{display: block;padding-top: 10px;color: #000000;font-size: 18px;}
.design-own-sec .left-inner{width: 40%;}
.design-own-sec .right-inner{width: 40%;}
.design-own-sec .design-own{width: 20%;order:3;}
.design-own-links{padding-top: 40px;}

@media screen and (max-width: 991px) {
.design-own-sec .left-inner{width: 100%;}
.design-own-sec .right-inner{width: 100%;}
.design-own-sec .design-own{width: 100%;order:3;}
.design-own-links{padding-top: 20px;padding-bottom: 20px;}
.fancy-color .design-own-links {width: 100%;}    
}
@media screen and (max-width: 767px) {.design-own-links a{font-size: 13px;}}
/*fancy diamond*/
.align-inherit .aii {align-items: inherit;}
@media (max-width:767px){.align-inherit .aii {align-items: center;}}
/**/
.clarity-improve .clarity-inner{background:url('../images/clarity-bg.jpg');background-repeat: no-repeat;background-size: cover;padding: 50px 35px;align-items: center;flex-wrap: nowrap;}
.clarity-improve .clarity-inner .clarity-side{width: 35%;}
.clarity-improve .clarity-left,.clarity-improve .clarity-right {-webkit-box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);-moz-box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);box-shadow: 0px 0px 5px 2px rgba(189,189,189,1);max-width: 272px;margin: 0 auto;border-radius: 5px;}
.clarity-improve .clarity-center{width: 50%;}
.clarity-left .clarity-text{background: #ffffff;padding: 25px;border-radius: 5px;}
.clarity-left .clarity-hd{background: #d19e66;padding: 10px 0px;color: #fff;font-size: 20px;border-radius: 4px;}
.clarity-hd h2{font-size: 24px;padding:0 10px 50px;line-height: normal;margin: 0;}
.clarity-hd h2 span{display: block;}

.bottom-ring img{display: block;margin: 0 auto;}
.top-ring img{max-width: 70%;} 
@media (max-width:991px){
.clarity-improve .clarity-inner{padding: 20px 20px;}
.clarity-left .clarity-hd{font-size: 16px;}
.clarity-hd h2{font-size: 16px;}
   
}
@media (max-width:767px){
.clarity-improve .clarity-inner{flex-wrap: wrap;}
.clarity-improve .clarity-inner .clarity-side{width: 100%;}
.clarity-improve .clarity-center{width: 100%;padding: 30px 0;}
.clarity-hd h2{padding: 0 10px 30px;}
}

/*Loose Dimaond tips Landing Page*/
.banner-center.loose-diamond .banner-text {max-width: 650px;}
.diamond-hd h2{font-family:'Lato';font-weight:800;}
.diamond-hd .common-hd{font-weight:600;}
.diamond-tip {padding-top: 30px;}
.diamond-tip li{padding-left: 20px;position: relative;font-family:'Lato';font-weight: 400;}
.diamond-tip li:after{content:"";height: 10px;width: 10px;border-radius: 50%;border:2px solid #4f4e4e;display: block;position: absolute;top: 3px;left: 0;}

/*custom-design page*/
.custom-design .banner-text.right{transform: translate(50%, -50%);max-width: 700px;}
.custom-design .banner-text p{font-size: 22px;}

.custom-design-sec{padding:50px 0;}
.design-inner {display: flex;flex-wrap: wrap;position: relative;margin-top: 50px;}
.design-inner .steps{width: 50%;padding: 30px 15px;}
.design-inner .steps .steps-inner{max-width: 350px;text-align: center;margin: 0 auto;}
.design-inner .steps .steps-inner span{font-size: 20px;height: 60px;width: 60px;background: #d19e66;border-radius: 50%;display: inline-block;margin-bottom: 15px;line-height:60px;color: #ffffff;font-family:'Lato';font-weight:800;}
.design-inner .steps .steps-inner h2{font-size: 20px;margin-bottom: 0;padding-bottom: 10px;font-family:'Lato';font-weight:600;}
.design-inner .steps .steps-inner p{line-height: 24px;color: #2a2a2a;}
.design-inner .frist-step.steps,.design-inner .second-step.steps{border-bottom: 1px solid #cdcdcd;}
.design-inner .frist-step.steps,.design-inner .third-step.steps{border-right: 1px solid #cdcdcd;}

@media (min-width:1199px){.works-slider.owl-carousel .owl-nav .owl-prev{left:-33px;}.works-slider.owl-carousel .owl-nav .owl-next{right:-33px;}}
@media (min-width:1310px){.works-slider.owl-carousel .owl-nav .owl-prev{left:-75px;}.works-slider.owl-carousel .owl-nav .owl-next{right:-75px;}}
.works-slider{padding: 30px 0;}
.works-slider li{text-align: center;}
.works-slider li span{display: block;text-align: center;font-size: 17px;padding-top:10px;color: #101821;}
.works-slider li a{display: inline-block;width: 100%;}
.works-slider li a img{padding:7px;border: 2px solid transparent;border-radius: 4px;}
.works-slider li:hover a img{border: 2px solid #d19e66;color:#d19e66; }
.works-slider li:hover span{color: #d19e66;}
.works-sec p{line-height:30px;}

.hiw{text-align:center;padding:20px 15px;}
.hiw .thumb{display:inline-block;padding:7px; border:2px solid #d19e66;border-radius:5px;}
.hiw .thumb>img{display:block !important; line-height:1px;max-width:100%; }
.hiw h4{font-size:17px;color:#d19e66; line-height:17px; margin:0px; padding:15px 0px 5px 0px; text-transform:uppercase;}
.hiw p{ line-height:20px;}
@media (min-width:768px){.hiw{min-height:198px; text-align:left; padding:0px;}.hiw .thumb{float:left;width:198px;}.hiw .info{padding-left:224px;}.hiw h4{padding:10px 0px;}
.hiw p{ line-height:24px;}}
@media (min-width:992px){.hiw p{ line-height:25px;}}
@media (min-width:1199px){.hiw h4{padding:20px 0px;}.hiw p{ line-height:30px;}}

@media (max-width:991px){.owl-carousel .owl-nav .owl-prev{left: -25px;}.owl-carousel .owl-nav .owl-next{right: -25px !important;}}
@media (max-width:1200px){.custom-design .banner-text.right{max-width: 500px;}}

@media (max-width:767px){.works-slider li span{font-size: 14px;} .design-inner .steps{padding: 20px 0px;width: 100%;} .design-inner{margin-top: 10px;}
.design-inner .frist-step.steps,.design-inner .second-step.steps,.design-inner .frist-step.steps,.design-inner .third-step.steps{border: none;}}