html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid;text-decoration:none;}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#444444;}
a:hover {
color: #e2b846;
text-decoration: none;
}
a:active, a:hover {
outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
color:#353535;
}
body {
color: #767676;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
background: #F3F3F3;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.section-padding {
padding: 100px 0;
}
.section-padding-2 , .contact-form-area {
padding-bottom: 80px;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.mobile-menu , #ship-box-info , .mobile-menu-area{
display: none;
}
/*----------------------------------------*/
/* 2. Header Top CSS
/*----------------------------------------*/
.header-top , .offer ,.shop-pagination ul li a:hover , .indicator-style-3.owl-theme .owl-controls .owl-page span , .cart_shoptings a:hover {
background: #e2b846 none repeat scroll 0 0;
}
.header-top-message{}
.header-top {
color: #ffffff;
line-height: 1;
padding: 10px 0;
position: relative;
z-index: 12;
}
.header-top .top-search{ position: relative;}
.header-top .top-search .fa-search{ position: absolute; right:10px; top:50%; transform: translateY(-50%); color:#999; }
.header-top-message > span:first-child {
margin-right: 20px;
}
.header-top-message span i {
margin-right: 5px;
margin-top:5px;
}
.header-top-menu > ul > li {
display: inline-block;
padding-left: 10px;
position: relative;
}
.ht-menu-down {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #f7f4f3;
left: 0;
list-style: outside none none;
opacity: 0;
padding-left: 0;
position: absolute;
top: 197%;
width:100px;
transition: all 0.5s ease 0s;
visibility: hidden !important;
z-index: 1;
}
.header-top-menu ul li:hover .ht-menu-down {
opacity: 1;
visibility: visible !important;
z-index: 9999999;
}
.header-top-menu ul li .ht-menu-down li a:hover {
background-color: #3c3c3c;
color: #ffffff;
transition: all 0.5s ease 0s;
}
.ht-menu-down li {
float: none;
margin-right: 0;
width: 100%;
}
.header-top-menu ul li .ht-menu-down li a {
color: #3c3c3c;
padding: 10px 25px;
display: block;
text-align: center;
}
.header-top-menu ul li a {
color: #ffffff;
display: block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
/*----------------------------------------*/
/* 3. Heade BOttom CSS
/*----------------------------------------*/
.header-bottom {
background: #ffffff none repeat scroll 0 0;
padding: 25px 0;
}
.mainmenu nav ul li {
display: inline-block;
line-height: 1;
padding: 20px;
position: relative;
}
.mainmenu nav ul li a {
font-size: 16px;
text-transform: uppercase;
}
.mainmenu nav ul li a.on{
color:#e2b846;
}
.header-cart > a {
display: block;
line-height: 1;
}
.header-cart > ul > li{ margin-left:20px; width:25px; }
.header-cart > ul > li .faico{ font-size:21px; color:#333; }
.header-cart > ul > li .faimg{ width:26px;}
.mainmenu ul.sub-menu {
background: #ffffff none repeat scroll 0 0;
box-shadow: 2px 0 7px 0 rgba(0, 0, 0, 0.13);
left: -48px;
margin: 0;
opacity: 0;
padding: 15px 15px 24px 30px;
position: absolute;
text-align: left;
top: 86px;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 215px;
z-index: -9;
}
.mainmenu ul#nav li ul.sub-menu > li {
display: block;
margin: 0;
padding: 0;
position: relative;
}
.mainmenu ul#nav li ul.sub-menu > li a, .mainmenu ul#nav li .megamenu span > a {
border-bottom: 1px dotted #efefef;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 30px;
padding: 0;
text-align: left;
text-transform: capitalize;
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul#nav li:hover .megamenu {
margin-top: 0;
opacity: 1;
top: 100%;
transform: scaleY(1);
visibility: visible;
z-index: 999;
}
.header-cart {
position: relative;
}
.header-cart-link{ position: relative; }
.header-cart-link i {
color: #151515;
font-size: 25px;
position: relative;
}
.header-cart-link span {
background: #e2b846 none repeat scroll 0 0;
border-radius: 50%;
color: #ffffff;
font-size: 11px;
font-weight: 700;
height: 22px;
line-height: 22px;
position: absolute;
left: 50%;
text-align: center;
top:-20px;
width: 22px;
}
.header-logo > a {
display: block;
margin-top: 6px;
}
.header-logo > a > img {
max-height:50px;
}
.cart_down_area {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
opacity: 0;
position: absolute;
right: 0;
top: 104%;
transform: scaleY(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
visibility: hidden;
width: 250px;
z-index: 9999999;
}
.header-cart ul li:hover .cart_down_area {
opacity: 1;
transform: scaleY(1);
visibility: visible;
}
.cart_single {
padding: 10px;
border-bottom:1px solid #f5f5f5;
overflow: hidden;
}
.cart_down_area .cart_single a , .check-out-area #review-buttons-container .btn-default , .check-out-area .buttons-set .btn-default , .indicator-style.owl-theme .owl-controls .owl-buttons div:last-child {
margin: 0;
}
.cart_single img {
float: left;
margin-right: 8px;
border:1px solid #eee;
width:50px; height:50px;
}
.cart_down_area .cart_single h2 {
font-family: arial;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 5px 0;
}
.cart_down_area .cart_single a {
color: #888888;
margin: 0;
}
.cart_down_area .cart_single span {
color: #e2b846;
float: right;
font-size: 14px;
}
.cart_down_area a span i , .padding-right {
padding-right: 5px;
}
.cart_down_area .cart_single p {
color: #888888;
font-family: arial;
font-size: 15px;
font-weight: normal;
margin: 0;
}
.cart_shoptings {
padding: 0 10px 10px;
}
.cart_shoptings a {
background: #afafaf none repeat scroll 0 0;
color: #ffffff;
display: block;
font-size: 14px;
padding: 10px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.3s linear 0s;
}
/*----------------------------------------*/
/* 4. slider CSS
/*----------------------------------------*/
.layer-1-1 .title-1 {
animation: 0.8s ease-in-out 1s normal backwards 1 running fadeInUp;
border-width: 0;
color: #ffffff;
font-family: lato;
font-size: 50px;
font-weight: 300;
left: 115.5px;
letter-spacing: 0;
line-height: 62px;
margin: 0;
min-height: 0;
min-width: 0;
opacity: 1;
padding: 0;
position: absolute;
text-transform: uppercase;
top: 65px;
transform: translate3d(0px, 0px, 0px);
visibility: visible;
white-space: nowrap;
z-index: 5;
}
.layer-1-2 .title-2 {
animation: 0.8s ease-in-out 2.5s normal backwards 1 running fadeInRight;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ffffff;
bottom: 26%;
color: #ffffff;
font-family: lato;
font-size: 22px;
font-weight: 600;
left: 115.5px;
letter-spacing: 0;
line-height: 25px;
margin: 0;
min-height: 0;
min-width: 0;
padding: 13px 40px;
position: absolute;
text-transform: uppercase;
}
.layer-1-2 a.title-2:hover {
background: #e2b846 none repeat scroll 0 0;
border: 1px solid #e2b846;
}
/*----------------------------------------*/
/* 5. New Product Area
/*----------------------------------------*/
.col-50{width: 50%;float: left;}
.padding-left{padding-left: 5px;}
.new-product-top {
padding-top: 30px;
}
.overlay-content h3 {
font-size: 16px;
left: 20px;
line-height: 20px;
position: absolute;
top: 20px;
}
.cart_down_area .cart_single a:hover , .check-register.login-button > a:hover , .wishlist-table-area .t-product-name h3 a:hover , .wishlist-table-area .product-edit p a:hover , .product-cart p a:hover , .product-remove > a:hover , .icolor , .widget-shop-by .sidebar-menu li:hover span:not(.widget-hover) , .breadcrumbs a:hover , .footer-list a:hover , .testimonial-text > a:hover , .color , .overlay-content h2:hover , .overlay-content h4:hover , .left-content h2:hover{
color: #e2b846;
}
.single-top-product > img , .new-trend-list .col-md-4 , .featured-product-list .col-md-3 , .blog-list .col-md-4{
width: 100%;
}
.single-top-product {
margin-bottom: 10px;
position: relative;
}
.btn-product {
border: 1px solid #767676;
bottom: 20px;
left: 20px;
padding: 10px 25px;
position: absolute;
text-transform: uppercase;
font-weight: 700;
transition: .3s;
}
.btn-product:hover {
border: 1px solid #E2B846;
background: #E2B846;
color: #fff;
}
button.price-offer {
background: #555555 none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 66px;
position: absolute;
right: 20px;
top: 20px;
width: 66px;
}
.single-top-product:last-child {
margin-bottom: 0;
}
/*----------------------------------------*/
/* 6. Section CSS
/*----------------------------------------*/
.section-title::after {
background: rgba(0, 0, 0, 0) url("../image/title.png") no-repeat scroll 0 0;
content: "";
height: 18px;
margin-left: -195px;
position: absolute;
width: 390px;
}
.section-title {
color: #444444;
position: relative;
text-align: center;
}
.section-title h2 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
/*----------------------------------------*/
/* 7. New Trend CSS
/*----------------------------------------*/
.new-trend-list , .featured-product-list , .blog-list , .brand-list , .our-team-list {
margin-top: 62px;
}
.single-new-trend {
position: relative;
transition: all 0.3s ease 0s;
overflow: hidden;
float:left;
width:200px;
}
.single-new-trend > a , .product-tabs a , .widget-image > a , .single-brand > a , .blog-img > a{
display: block;
}
.single-new-trend:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.overlay-content h2 {
color: #5a5a5a;
font-size: 22px;
font-weight: 700;
left: 10px;
position: absolute;
top: 10px;
transition: all 0.3s ease 0s;
}
.btn-small {
background: #e2b846 none repeat scroll 0 0;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 5px 10px;
position: absolute;
right: 10px;
text-align: center;
text-transform: uppercase;
top: 10px;
}
.overlay-content a.btn-small:hover , a.cart-btn:hover ,.shop-pagination ul li a:hover i , .tag-list a:hover , .breadcrumbs a , .breadcrumbs span , .testimonial-text , .product-action li a:hover i {
color: #fff;
}
.product-action li i {
color: #767676;
font-size: 18px;
}
.product-action a {
border: 1px solid #ddd;
display: block;
height: 42px;
line-height: 38px;
text-align: center;
width: 42px;
}
.product-action > ul , #checkout-review-table thead , .single-brand {
text-align: center;
}
.product-action li , .all-adress-info , .product-attributes > span , .left-content span , .shop-tab-pill ul li , .team-member > a , .footer-left > a {
display: inline-block;
}
.overlay-content .product-action {
bottom: 75px;
left: 40%;
position: absolute;
}
.product-action a:hover {
background: #e2b846 none repeat scroll 0 0;
border: 1px solid #e2b846;
color: #fff !important;
}
.overlay-content h4 {
bottom: 10px;
color: #5a5a5a;
font-size: 15px;
font-weight: 700;
left: 10px;
margin: 0;
position: absolute;
transition: all 0.3s ease 0s;
}
.pro-rating {
bottom: 10px;
position: absolute;
right: 10px;
}
.pro-rating i {
cursor: pointer;
}
.indicator-style .owl-buttons {
position: absolute;
right: 15px;
top: -80px;
z-index: 99999;
}
.indicator-style .owl-theme .owl-controls {
margin-top: 0;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #7f7f7f;
border-radius: 2px;
color: #7f7f7f;
display: inline-block;
height: 23px;
line-height: 20px;
margin: 0 5px 0 0;
opacity: 1;
padding: 0;
text-align: center;
transition: all 0.3s ease 0s;
width: 23px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons i , .indicator-style2 .owl-buttons i {
font-size: 10px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div:hover , .indicator-style2.owl-theme .owl-controls .owl-buttons div:hover {
border: 1px solid #121212;
color: #121212;
}
/*----------------------------------------*/
/* 8. New Collection CSS
/*----------------------------------------*/
.new-collection-area {
background: rgba(0, 0, 0, 0) url("../image/new-collection-bg.jpg") no-repeat fixed center center / cover ;
}
.new-collection-info {
padding: 95px 0;
color:#fff;
}
.new-collection-info h2 {
font-size: 40px;
margin-bottom: 30px;
}
.btn-bg:hover , .our-skill-accordion .panel-group .panel-heading + .panel-collapse > .panel-body, .our-skill-accordion .panel-group .panel-heading + .panel-collapse > .list-group {
border: medium none;
}
.new-collection-info > p {
margin-bottom: 70px;
}
/*----------------------------------------*/
/* 9. Featured CSS
/*----------------------------------------*/
.featured-product-list .overlay-content h2 {
font-size: 18px;
left: 20px;
}
.featured-product-list .overlay-content .product-action {
bottom: 45px;
}
.featured-product-list .product-action li i {
color: #767676;
font-size: 14px;
}
.featured-product-list .product-action a {
height: 28px;
line-height: 26px;
width: 28px;
}
.featured-product-list .overlay-content h4 {
left: 20px;
}
/*----------------------------------------*/
/* 10. Blog CSS
/*----------------------------------------*/
.blog-area {
margin-bottom: 100px;
}
.blog-img , .widget.widget-image img , .single-blog , .read-more a{
position: relative;
}
.blog-date {
background: #e2b846 none repeat scroll 0 0;
bottom: -10px;
color: #fff;
display: block;
height: 64px;
line-height: 64px;
position: absolute;
right: 20px;
width: 64px;
z-index: 9;
}
.blog-date > h2 {
font-size: 20px;
margin-bottom: 0;
margin-left: -10px;
margin-top: 9px;
position: relative;
text-align: center;
}
.blog-date span {
font-size: 16px;
position: absolute;
right: -8px;
top: 14px;
transform: rotate(-90deg);
}
.blog-content-info > h3 {
color: #5a5a5a;
font-size: 14px;
margin-top: 13px;
font-weight: 600;
text-transform: uppercase
}
.blog-content-info {
border: 1px solid #bcbbbb;
overflow: hidden;
padding: 15px;
background: #fff;
}
.blog-content-info > p {
color: #5a5a5a;
font-size: 13px;
margin-bottom: 50px;
}
.post-author {
color: #666666;
font-size: 12px;
margin-right: 15px;
}
.comment {
font-size: 12px;
color: #666666;
}
.comment i {
margin-right: 8px;
}
.comment strong {
font-size: 13px;
}
.read-more a::before {
background: #e2b846 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 100%;
}
.blog-img::after {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
bottom: 0;
content: "";
height: 0;
left: 0;
margin: auto;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s ease-in 0s;
width: 0;
z-index: 1;
}
.single-blog:hover .blog-img::after {
height: 100%;
width: 100%;
}
.blog-img:hover::after {
height: 100%;
width: 100%;
}
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls {
margin-top: 0px;
}
/*----------------------------------------*/
/* 11. Testimonial CSS
/*----------------------------------------*/
.testimonial-area{background: rgba(0, 0, 0, 0) url("../image/testimonial-bg.jpg") no-repeat fixed center center / cover ;}
.testimonial-text h2 {
font-size: 24px;
font-weight: 700;
}
.support-img > img {
border: 2px solid #e2b846;
}
.testimonial-text > a::before {
background: #fff none repeat scroll 0 0;
bottom: -8px;
content: "";
height: 1px;
position: absolute;
width: 100%;
}
.testimonial-text > a {
color: #fff;
float: right;
font-style: italic;
font-weight: 700;
position: relative;
text-transform: uppercase;
width: 155px;
}
/*----------------------------------------*/
/* 12. Brand CSS
/*----------------------------------------*/
.indicator-style2.owl-theme .owl-controls {
margin-top: 0;
}
.indicator-style2.owl-theme .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #7f7f7f;
border-radius: 2px;
color: #7f7f7f;
display: inline-block;
height: 23px;
left: 0;
line-height: 20px;
margin: -10px 0 0;
opacity: 1;
padding: 0;
position: absolute;
top: 50%;
transition: all 0.3s ease 0s;
width: 23px;
}
.indicator-style2.owl-theme .owl-controls .owl-buttons div.owl-next {
left: auto;
right: 0;
}
.indicator-style2:hover .owl-buttons div {
opacity: 1 !important;
}
/*----------------------------------------*/
/* 13. Footer Top Area CSS
/*----------------------------------------*/
.footer-top-area {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
padding: 50px 0;
}
.footer-left > p {
font-size: 13px;
font-weight: 300;
line-height: 22px;
margin-bottom: 50px;
margin-top: 25px;
}
.social-icon a {
border: 1px solid #bcbbbb;
display: block;
height: 28px;
line-height: 25px;
text-align: center;
width: 28px;
}
.social-icon li {
display: inline-block;
margin-right: 10px;
}
.social-icon a:hover {
border: 1px solid #e2b846;
color: #545454;
}
h2.footer-w-title {
color: #444444;
font-size: 16px;
font-weight: 500;
margin-bottom: 30px;
text-transform: uppercase;
}
.footer-list p {
color: #545454;
font-size: 13px;
}
.footer-list span {
color: #353535;
}
.footer-list p {
color: #545454;
font-size: 13px;
margin-bottom: 0;
}
.footer-list > li::before {
background: #d1d1d1 none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 4px;
left: -10px;
position: absolute;
top: 9px;
width: 4px;
}
.footer-list > li {
margin-bottom: 15px;
position: relative;
}
.footer-list a {
color: #545454;
font-size: 13px;
}
/*----------------------------------------*/
/* 14. Footer CSS
/*----------------------------------------*/
.footer-bottom-area {
padding: 10px 0;
}
.copyright p {
color: #545454;
font-size: 13px;
margin-bottom: 0;
margin-top: 10px;
}
.paypal-img {
margin-top: 6px;
}
/*----------------------------------------*/
/* 15. ScrollUp CSS
/*----------------------------------------*/
#scrollUp {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0);
bottom: 20px;
color: #ffffff;
cursor: pointer;
font-size: 25px;
height: 45px;
line-height: 40px;
right: 20px;
text-align: center;
transition: all 0.4s ease 0s;
width: 45px;
}
#scrollUp:hover {
background-color: #E2B846;
color: #fff;
}
/*----------------------------------------*/
/* 16. About Page CSS
/*----------------------------------------*/
.breadcrumbs-area {
background: #666666 none repeat scroll 0 0;
}
.breadcrumbs > li {
color: #e2b846;
display: inline-block;
font-weight: 600;
padding-right: 10px;
text-transform: uppercase;
}
.breadcrumb-single {
padding: 20px 0;
}
.about-title h3 {
color: #333333;
display: inline-block;
font-size: 25px;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 16px;
position: relative;
text-transform: capitalize;
}
.welcome-left > p {
font-weight: 300;
}
.about-title h3::before {
background: #dddddd none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
position: absolute;
width: 70%;
}
.our-skill {
padding-top: 50px;
}
.our-skill-accordion .panel-default > .panel-heading {
background-color: #fff;
border: 1px solid #dddddd;
border-radius: 0;
}
.our-skill-accordion .panel-group .panel {
border: medium none;
border-radius: 0;
box-shadow: none;
}
.our-skill-accordion .panel-body {
background-color: #f3f3f3;
color: #666666;
padding: 15px 0;
text-align: justify;
}
.our-skill-accordion .panel-title {
color: #333333;
font-size: 14px;
text-transform: uppercase;
}
.our-skill-accordion .panel-title .border {
border-right: 1px solid #d2d1d0;
margin-left: -15px;
padding: 10px 10px 10px 15px;
text-align: center;
}
.our-skill-accordion .panel-title a.right {
margin-left: 15px;
}
.our-skill-accordion .panel-title a.border:hover {
background: #e0b745 none repeat scroll 0 0;
color: #fff;
}
.our-skill-progress {
display: block;
padding-top: 15px;
}
.tpl-progress {
background: #fff none repeat scroll 0 0;
border-radius: 0;
box-shadow: none;
font-weight: 400;
height: 6px;
letter-spacing: 1px;
margin-bottom: 65px;
margin-top: 18px;
overflow: visible;
text-transform: uppercase;
}
.tpl-progress .progress-bar {
box-sizing: border-box;
color: #000;
font-size: 11px;
overflow: visible;
padding-top: 2px;
position: relative;
text-align: left;
}
.progress-bar p {
color: #333333;
font-size: 14px;
letter-spacing: 0;
margin-top: -32px;
}
.tpl-progress .progress-bar > span {
background: #fff none repeat scroll 0 0;
border: 1px solid #666666;
border-radius: 50%;
bottom: 18px;
color: #e2b846;
display: inline-block;
font-size: 15px;
height: 35px;
letter-spacing: 0;
line-height: 35px;
min-width: 35px;
padding: 0;
position: absolute;
right: -5px;
text-align: center;
}
.our-skill-content {
display: block;
overflow: hidden;
}
.tpl-progress:last-child {
margin-bottom: 0;
}
/*----------------------------------------*/
/* 17. Team Member CSS
/*----------------------------------------*/
.team-member {
display: inline-block;
text-align: center;
}
.team-member img {
margin-bottom: 30px;
width: 100%;
}
.team-member-overlay > a {
color: #333333;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
}
.team-member-overlay > h4 {
color: #666666;
font-size: 13px;
text-transform: uppercase;
}
/*----------------------------------------*/
/* 18. Shop Page CSS
/*----------------------------------------*/
.shop-page-area {
padding-top:50px;
}
.breadcrumbs-area2 {
background: rgba(0, 0, 0, 0) url("../image/top-side-bar.jpg") no-repeat scroll center center;
color: #fefefe;
padding: 140px 0;
position: relative;
text-align: center;
text-transform: capitalize;
}
.breadcrumbs-area2 h2 {
font-size: 50px;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
.sidebar-title::before {
background: #dddddd none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.sidebar-title {
color: #444444;
font-size: 16px;
font-weight: 700;
padding-bottom: 15px;
position: relative;
text-transform: uppercase;
margin-top:30px;
}
.sidebar-menu a::before {
background: #d1d1d1 none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 4px;
left: 0;
position: absolute;
top: 17px;
width: 4px;
transition: .3s
}
.sidebar-menu a {
background: transparent none repeat scroll 0 0;
color: #555555;
display: block;
padding-bottom: 8px;
padding-left: 15px;
padding-top: 8px;
position: relative;
}
.sidebar-menu > li {
border-bottom: 1px dotted #bbb;
display: block;
padding: 9px 0;
transition: all 0.3s ease 0s;
position: relative;
}
.sidebar-menu > li .sidebar-menu {
border-top:1px dotted #bbb;
}
.sidebar-menu > li .sidebar-menu li{
padding-left:15px;
}
.sidebar-menu > li:last-child {
margin-bottom: 0;
}
.sidebar-menu span:not(.widget-hover) {
color: #aaaaaa;
position: absolute; right:0; top:5px; font-weight: bold; font-size:15px; padding:10px; cursor:pointer;
}
.widget-shop-by .sidebar-menu span:not(.widget-hover) {
margin-right: 10px;
}
.sidebar-menu li:hover a::before {
background: #7fc8aa none repeat scroll 0 0;
}
.widget-shop-by .sidebar-menu li:hover a {
background: #F1F1F1 none repeat scroll 0 0;
}
.sidebar-menu li a span.widget-hover{
transition: .3s;
}
.sidebar-menu li:hover a span.widget-hover{
padding-left: 13px;
}
.widget-shop-by .sidebar-menu li:hover a::before{
left:13px;
}
.sidebar-menu li a.on{ color:#e2a90d; }
aside.widget {
margin-bottom: 25px;
}
.sidebar-menu > li:last-child {
border-bottom: medium none;
}
h3.sidebar-sub-title {
color: #e2b846;
font-size: 16px;
font-weight: 700;
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
background: #ddd none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
height: 9px;
margin: 30px 0;
}
.price_filter .ui-slider-range {
background: #ffffff none repeat scroll 0 0;
border-top: 9px dashed #f0f0f0;
transform: skewX(-20deg);
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
background: #fff none repeat scroll 0 0;
border: 5px solid #e2b846;
border-radius: 50%;
height: 20px;
margin-top: -2px;
width: 20px;
}
.price_slider_amount > input {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
color: #555555;
display: inline-block;
float: left;
height: 34px;
line-height: 32px;
text-align: center;
flex:1;
}
.price_slider_amount > input:first-child {
margin-left: 0;
}
.price_slider_amount {
margin-bottom: 30px;
overflow: hidden;
display: flex;
}
.price_slider_amount .primary{ background:#e0b745; color:#fff; border-color: #e0b745; margin-left:5px; }
.ui-slider-horizontal .ui-slider-handle{ margin-left:0; }
.tag-list > li {
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
display: inline-block;
height: 35px;
line-height: 33px;
margin-bottom: 3px;
}
.tag-list a {
color: #888888;
display: block;
font-size: 13px;
padding: 0 14px;
}
.tag-list > li:hover {
background: #e2b846 none repeat scroll 0 0;
border: 1px solid #e2b846;
}
.side-bar-compare a {
float: right;
}
.side-bar-compare > li {
border-bottom: 1px dotted #bbbbbb;
color: #666666;
padding: 10px 0;
}
.widget-content a i {
margin-left: 5px;
}
.widget-content > h2 {
color: #444444;
font-size: 22px;
font-weight: 700;
margin-bottom: 40px;
text-transform: capitalize;
}
.widget-content > a {
bottom: -20px;
color: #e2b846;
font-size: 12px;
left: 30px;
opacity: 0;
position: absolute;
transition: all 0.3s ease-out 0s;
}
.widget-image:hover .widget-content > a {
bottom: 20px;
opacity: 1;
}
.widget-content > h2 {
bottom: 50px;
color: #444444;
font-size: 22px;
font-weight: 700;
left: -20px;
opacity: 0;
position: absolute;
text-transform: capitalize;
transition: all 0.3s ease-out 0s;
}
.widget-image:hover .widget-content h2 {
opacity: 1;
left: 20px;
}
aside.widget-image {
margin-bottom: 0;
}
.shop-tab-list {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #f1f1f1;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 7px;
padding-top: 18px;
}
.shop-tab-pill ul li#left {
margin-right: 10px;
}
.shop-tab-pill ul li a:hover {
background: #e2b846 none repeat scroll 0 0;
color: #ffffff;
}
.shop-pagination ul li a i {
color: #bbbbbb;
font-size: 13px;
}
.shop-tab-pill ul li a {
padding: 9px;
}
.shop-pagination ul li a {
background: #f3f3f3 none repeat scroll 0 0;
padding: 10px 12px;
}
.shop-left-tab {
display: inline-block;
width: 50%;
}
.shop-pagination {
float: right;
}
.show-label label {
color: #555555;
font-size: 13px;
margin-bottom: 0;
margin-left: 0px;
margin-right: 10px;
}
.show-label select {
-moz-appearance: none;
-moz-user-select: none;
background: #fbfbfb url("../image/down.png") no-repeat scroll right center;
border: medium none;
color: #9c9b9b;
cursor: pointer;
font-size: 12px;
font-weight: 400;
height: 27px;
padding-inline-end: 21px;
padding-inline-start: 10px;
}
.shop-single-product-area{ display: flex; flex-wrap: wrap;}
.single-product > a {
display: inline-block;
margin-bottom: 24px;
width: 100%;
}
.single-product-content h2 {
color: #555555;
font-size: 16px;
font-weight: 600;
margin-bottom: 13px;
}
.single-product-content .left-content{ width:85%; overflow: hidden; }
.right-content a{
border: 1px solid #b7b7b7;
color: #6f6f6f;
font-size: 18px;
height: 35px;
padding: 7px 9px;
width: 35px;
}
.right-content a:hover {
background: #e2b846 none repeat scroll 0 0;
border: 1px solid #e2b846;
color: #ffffff;
}
.right-content {
margin-top: 8px;
}
.single-product-overlay {
border-radius: 50%;
height: 55px;
position: absolute;
right: 30px;
text-align: center;
text-transform: uppercase;
top: 12px;
width: 55px;
}
.single-product img {
position: relative;
transition: all 0.3s ease 0s;
width: 100%;
}
.sale {
background: #ff0000 none repeat scroll 0 0;
}
.new {
background: #7CBDEF none repeat scroll 0 0;
}
.single-product-overlay h3 {
color: #f9f9f9;
font-size: 15px;
line-height: 55px;
font-weight: 700;
}
.old-price {
color: #c7c7c7;
font-size: 16px;
text-decoration: line-through;
}
.new-price {
color: #e2b846;
font-weight: 700;
margin-right: 15px;
font-size: 18px;
}
.single-product {
margin-bottom: 35px;
overflow: hidden;
}
.single-product:hover img{
box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.1);
}
.first-margin {
margin-right: 10px;
}
/*----------------------------------------*/
/* 19. Shop List CSS
/*----------------------------------------*/
.left-content h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
transition: all 0.3s ease 0s;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
padding-right:10px;
}
.left-content > p {
color: #e2b846;
font-size: 16px;
font-weight: 500;
}
.shop-list-left {
float: left;
padding-right: 30px;
}
.single-pro-select {
margin-bottom: 30px;
}
.product-desc {
margin-bottom: 60px;
}
.shop-list-single {
border: 1px solid #dddddd;
margin-bottom: 30px;
overflow: hidden;
padding: 5px;
}
.left-content {
margin-top: 10px;
}
/*----------------------------------------*/
/* 20. Single Product Page CSS
/*----------------------------------------*/
.product-simple-area {
margin-top: 80px;
}
.product-tabs li {
display: inline-block;
margin-right: 19px;
margin-top: 30px;
}
.product-tabs li:last-child {
margin-right: 0;
}
.list-pro-rating {
margin-bottom: 10px;
}
.single-product-details > h2 {
font-size: 40px;
font-weight: 600;
margin-bottom: 13px;
text-transform: capitalize;
}
.single-product-details > h4 {
font-size: 13px;
margin-bottom: 13px;
}
.single-product-details > p {
color: #6a6a6a;
font-size: 13px;
margin-top: 10px;
display: flex;
}
.single-product-details > p span{ color:#f60; }
.single-product-details > p strong{ color:#333; font-weight: bold; font-size:14px; }
.single-product-details dl{ display: flex; margin-top:10px;}
.single-product-details dl dt{ width:70px; }
.single-product-details dl dd{ display: flex; flex-wrap: wrap; }
.single-product-details dl dd table{ border-left:1px solid #ddd; width:100%; border-top:1px solid #ddd; }
.single-product-details dl dd table tr th,.single-product-details dl dd table tr td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 10px; }
.single-product-details {
color: #222222;
}
.single-product-price{ margin-bottom:20px;}
.single-product-price > h2::before {
background: #222 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%;
}
.single-product-price > h2::after {
background: #222 none repeat scroll 0 0;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.single-product-price > h2 {
display: inline-block;
font-size: 26px;
line-height: 1;
padding: 10px 0;
position: relative;
color:#222;
}
.single-shop-select > label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.single-shop-select > select {
-moz-appearance: none;
-moz-user-select: none;
border: 1px solid #dfdfdf;
color: #898989;
font-size: 12px;
height: 40px;
padding-left: 5px;
position: relative;
width: 100%;
}
#quantity-wanted-p .qtybutton {
cursor: pointer;
font-size: 14px;
font-weight: 700;
padding: 0;
text-align: center;
width:20px;
height:45px;
line-height:45px;
}
#quantity-wanted-p {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #e1e1e1;
display:flex;
margin-right: 10px;
width:100px;
overflow: hidden;
}
#quantity-wanted-p input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none !important;
height:45px;
line-height: 45px;
text-align: center;
flex:1;
width:100%;
margin:0 5px;
}
.cart-btn {
background: #e2b846 none repeat scroll 0 0;
color: #ffffff;
display: block;
height: 55px;
line-height: 53px;
position: relative;
}
a.cart-btn i {
font-size: 20px;
left: 18px;
position: absolute;
top: 0;
}
.cart-btn i , .wish-btn i{
font-size: 18px;
margin-right: 10px;
}
.cart-btn > span {
color: #ffffff;
font-size: 12px;
font-weight: 700;
padding: 10px 30px 6px 50px;
text-transform: uppercase;
}
.add-to-wishlist a {
color: #b8b8b8;
line-height: 1;
}
.product-attributes {
margin-bottom: 10px;
margin-top:12px;
}
.wish-btn > span {
font-size: 12px;
font-weight: 600;
}
.add-to-wishlist {
margin-bottom: 45px;
}
.single-product-categories > label {
text-transform: uppercase;
}
.single-product-categories {
font-size: 12px;
}
.single-product-categories > span {
color: #898989;
}
.comments-advices a.open-comment-form::before {
content: "";
}
.comments-advices a::before {
background: #929292 none repeat scroll 0 0;
border-radius: 50px;
color: #ffffff;
display: inline-block;
font-family: "FontAwesome";
font-size: 15px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin-right: 6px;
text-align: center;
width: 30px;
}
.comments-advices li {
display: inline-block;
line-height: 30px;
}
.comments-advices {
clear: both;
padding-top: 2px;
}
#product-comments-block-extra {
background: #fbfbfb none repeat scroll 0 0;
border: 1px solid #d6d4d4;
font-weight: bold;
line-height: 18px;
margin-top: 50px;
padding: 8px 10px 10px;
}
.p-details-tab ul.p-details-nav-tab li {
display: inline-block;
margin-right: 30px;
}
.p-details-tab ul.p-details-nav-tab li a {
color: #c8c8c8;
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1;
margin-bottom: 25px;
padding-bottom: 10px;
position: relative;
text-transform: capitalize;
}
.p-details-tab ul.p-details-nav-tab li.active a {
color: #444444;
display: block;
position: relative;
}
.p-details-tab ul.p-details-nav-tab li.active a::before {
background: #e2b846 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
position: absolute;
width: 100%;
}
.p-details-tab ul.p-details-nav-tab li a:hover::before {
background: #e2b846 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
position: absolute;
width: 100%;
}
.p-details-tab {
margin-top: 80px;
}
#more-info > p {
color: #666666;
margin: 0;
}
.table-data-sheet {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #d6d4d4;
width: 100%;
}
.table-data-sheet tr {
border-top: 1px solid #d6d4d4;
}
.table-data-sheet tr td:first-child {
border-right: 1px solid #d6d4d4;
color: #333333;
font-weight: 700;
width: 30%;
}
.table-data-sheet tr td {
padding: 10px 20px 11px;
}
#product-comments-block-tab a {
background: #6f6f6f none repeat scroll 0 0;
border-color: #666666 #5f5f5f #292929;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: #ffffff;
display: inline-block;
font-size: 13px;
font-weight: 700;
padding: 0;
text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}
#product-comments-block-tab a span {
border: 1px solid #8b8a8a;
display: block;
padding: 3px 8px;
}
/*----------------------------------------*/
/* 21. Wishlist CSS
/*----------------------------------------*/
.wishlist-right-area {
border-bottom: 1px solid #bbbbbb;
color: #666666;
}
.wishlist-right-area table, .shopping-cart-area table {
border-color: #bbbbbb;
border-radius: 0;
border-style: solid;
border-width: 1px 0 0 1px;
margin: 0 0 20px;
text-align: center;
width: 100%;
}
.wish-list-table {
margin-bottom: 50px !important;
}
.wishlist-right-area table th, .shopping-cart-area table th {
border-top: medium none;
color: #6f6f6f;
font-size: 16px;
font-weight: 300;
padding: 20px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.wishlist-right-area table th, .wishlist-right-area table td, .shopping-cart-area table th, .shopping-cart-area table td {
border-bottom: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
padding:5px;
}
.t-product-name {
width: 170px;
}
.wishlist-right-area th.product-details-comment {
width: 415px;
}
.wishlist-right-area th.product-price-cart {
width: 200px;
}
.wishlist-right-area th.product-remove {
width: 100px;
}
.product-details {
padding: 10px;
text-align: left;
}
.product-details > h4 , .product-cart-details > span{
font-size: 16px;
font-weight: 600;
}
.product-details > p {
font-weight: 300;
line-height: 20px;
margin: 0 0 40px;
text-align: justify;
}
.product-details textarea {
border: 1px solid #dddddd;
font-weight: 300;
height: 135px;
margin-bottom: 20px;
padding: 10px;
resize: none;
width: 395px;
}
.product-cart {
padding: 0 30px;
}
.product-cart-details {
margin-bottom: 160px;
}
.product-cart-details > input[type="number"] {
border: 1px solid #dddddd;
font-size: 16px;
font-weight: 600;
height: 40px;
margin-top: 10px;
text-align: center;
width: 100%;
}
.product-cart-details > input[type="submit"] {
background: #d5d5d5 none repeat scroll 0 0;
border: 0 none;
font-weight: 600;
margin-top: 10px;
padding: 10px;
transition: all 0.4s ease 0s;
}
.product-cart p a , .login-account-area {
color: #666666;
}
.product-cart p a {
bottom: 0;
color: #666666;
float: right;
font-size: 16px;
font-weight: 400;
margin-top: 30px;
}
.product-remove {
width: 130px;
}
.product-remove > a {
color: #666666;
font-size: 25px;
}
.product-cart-details > input[type="submit"]:hover {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
}
.wishlist-bottom-link {
margin-top: 29px;
}
.wishlist-bottom-link > a {
color: #666666;
float: left;
transition: all 0.4s ease 0s;
}
.shopingcart-bottom-area{ }
.shopingcart-bottom-area .right-shoping-cart {
padding: 10px 40px !important;
}
.shopingcart-bottom-area a {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
font-weight: 500;
padding: 10px 25px;
text-transform: uppercase;
}
.right-shoping-cart {
padding: 10px 50px !important;
}
.shopingcart-bottom-area a:hover, .subtotal-main-area > a:hover, .discount-middle > a:hover {
background: #444444 none repeat scroll 0 0;
color: #ffffff;
}
.wishlist-bottom-link > a:hover {
color: #E2B846;
padding-left: 8px;
}
/*----------------------------------------*/
/* 22. Cart Page CSS
/*----------------------------------------*/
.t-product-name {
width: 170px;
}
.product-edit {
width: 112px;
}
.product-unit-price, .product-quantity, .product-subtotal {
width: 165px;
}
.product-remove > a {
color: #666666;
font-size: 25px;
}
.shopping-cart-area .product-image {
width:50px;
}
.shopping-cart-area .product-image img {
}
.wishlist-table-area .t-product-name h3 a {
color: #666666;
font-size: 14px;
font-weight: normal;
}
.wishlist-table-area .product-edit p a {
bottom: 0;
color: #666666;
font-size: 16px;
font-weight: 300;
}
.product-unit-price > p, .product-quantity > p {
color: #666666;
font-size: 14px;
font-weight: 300;
}
.product-cart-details > input[type="number"] {
border: 1px solid #dddddd;
font-size: 16px;
font-weight: 600;
height: 40px;
margin-top: 10px;
text-align: center;
width: 100%;
max-width:100px;
}
.discount-main-area {
border: 1px solid #dddddd;
text-align: center;
}
.discount-top {
border-bottom: 1px solid #dddddd;
padding: 35px 0;
}
.discount-top h3 {
font-size: 16px;
}
.discount-top > p {
font-size: 14px;
margin: 0;
text-transform: none;
}
.discount-middle {
padding: 82px 70px;
}
.discount-middle > input {
background: #dddddd none repeat scroll 0 0;
border: medium none;
display: block;
margin: auto auto 20px;
padding: 10px;
width: 100%;
}
.discount-middle > a, .subtotal-main-area > a {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
float: right;
padding: 10px;
}
.subtotal-main-area {
border: 1px solid #dddddd;
}
.subtotal-area h2 {
background: #f4f4f4 none repeat scroll 0 0;
border-bottom: 1px solid #dddddd;
font-size: 16px;
margin: 0;
padding: 35px;
}
.subtotal-area span {
float: right;
}
.subtotal-main-area > a {
float: right;
margin-right: 10px;
margin-top: 10px;
}
.subtotal-main-area > p {
font-size: 16px;
margin: 0;
padding-bottom: 43px;
padding-top: 100px;
text-align: center;
text-transform: none;
}
/*----------------------------------------*/
/* 23. Checkout Page CSS
/*----------------------------------------*/
.checkout-area {
padding-top: 100px;
}
.panel-heading h4 {
color: #666666;
font-size: 14px;
margin: 0;
text-transform: capitalize;
}
.check-out-area {
background: #ffffff none repeat scroll 0 0;
color: #666666;
padding: 40px 0;
}
.check-out-area .panel-heading h4 span {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
height: 26px;
line-height: 26px;
margin-right: 15px;
text-align: center;
width: 26px;
font-weight: 700;
font-size: 16px;
}
.check-out-area .panel.panel-default {
border: medium none;
border-radius: 0;
box-shadow: none;
}
.panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.check-out-area .panel-body {
padding: 40px 0;
}
.collapse-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 40px;
text-transform: uppercase;
}
.check-out-area h5 {
font-size: 15px;
margin-bottom: 26px;
text-transform: uppercase;
}
.check-register label {
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
margin-left: 5px;
}
.check-register {
margin-bottom: 20px;
}
.form-row > label {
display: block;
font-weight: 500;
margin-bottom: 10px;
}
.form-row > input {
background: #eaeaea none repeat scroll 0 0;
border: medium none;
color: #2b2b2b;
font-size: 13px;
font-weight: 400;
height: 30px;
padding-left: 10px;
transition: all 0.3s ease 0s;
width: 100%;
}
.form-row , .shop-select {
margin-bottom: 23px;
}
.btn-default {
background: #E2B846 none repeat scroll 0 0;
border: 1px solid #E2B846;
border-radius: 0;
color: #ffffff;
font-size: 16px;
font-weight: 500;
padding: 10px 25px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.btn-default:hover {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #E2B846;
color: #E2B846;
}
.login-button {
margin-bottom: 0;
margin-top: 90px;
}
.check-out-area button {
margin-top: 40px;
}
.check-register.login-button > a {
color: #666666;
margin-right: 15px;
}
.checkout-widget a {
color: #666666;
display: block;
font-size: 14px;
font-weight: 400;
padding: 10px 0;
text-transform: capitalize;
}
.widget-title {
font-size: 14px;
text-transform: uppercase;
}
.checkout-widget a:hover {
color: #E2B846;
margin-left: 10px;
}
.required {
color: #ff0000;
}
.shop-select label {
font-weight: 500;
margin-bottom: 10px;
width: 100%;
}
.shop-select select {
-moz-appearance: none;
-moz-user-select: none;
background: #fbfbfb url("../image/select-icon.png") no-repeat scroll right center;
border-color: #dddddd -moz-use-text-color #dddddd #dddddd;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
color: #9c9b9b;
font-family: arial;
font-size: 12px;
font-weight: 400;
height: 27px;
padding-inline-end: 35px;
padding-inline-start: 5px;
width: 99.99%;
}
.checbox-info input {
margin-right: 5px;
}
.checbox-info {
margin-bottom: 30px;
}
.form-row > input:focus {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #dddddd;
}
.ship-different-title label {
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
}
.order-notes textarea {
border: 1px solid #dddddd;
font-family: poppins;
font-weight: 500;
height: 90px;
padding: 15px;
resize: none;
width: 100%;
}
#billing-form li.control input.radio, #billing-form li.control input.checkbox, #payment-form li.control input.radio {
float: left;
margin-right: 7px;
margin-top: 6px;
}
#billing-form li.control label, #payment-form li.control label, ul.form-list li.control label {
font-size: 14px;
font-weight: normal;
line-height: 24px;
margin-bottom: 0;
margin-left: 5px;
}
.buttons-set {
border-top: 1px solid #f2f2f2;
clear: both;
margin: 20px 0 0;
padding: 8px 0 0;
text-align: right;
}
.payment-met {
border: 1px solid #dddddd;
padding: 10px;
}
#checkout-review-table {
background: #ffffff none repeat scroll 0 0;
border-color: #f2f2f2 #f2f2f2 #d9dde3;
border-style: solid;
border-width: 1px;
width: 100%;
}
#checkout-review-table tbody tr:first-child {
font-size: 16px;
}
#checkout-review-table tbody tr {
border-top: 1px solid #f2f2f2;
}
#checkout-review-table tbody tr td:first-child {
text-align: left;
}
#checkout-review-table tbody tr td {
font-weight: normal;
text-align: center;
}
#checkout-review-table tbody tr td {
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
font-weight: normal;
padding: 6px 10px;
text-align: center;
vertical-align: top;
}
#checkout-review-table tbody tr td .product-name {
font-size: 16px;
font-weight: 600;
margin: 7px 0 5px;
}
.checkout-review-table .product-name {
width: 170px;
}
.cart-price .price {
color: #444444;
font-size: 18px;
font-weight: 700;
margin-left: 5px;
}
#checkout-review-table tfoot tr {
font-weight: normal;
text-align: right;
}
#checkout-review-table tfoot tr td {
border-right: 1px solid #f2f2f2;
padding: 6px 10px;
vertical-align: top;
}
#review-buttons-container {
border-color: #d9dde3;
border-style: solid;
border-width: 0 1px 1px;
margin: 0;
padding: 20px 30px;
text-align: right;
}
#review-buttons-container p {
color: #e2b846;
font-size: 12px;
line-height: 30px;
margin: 0;
}
#review-buttons-container p a {
color: #393939;
}
.checkout-left-area .panel-group a {
color: #666666 !important;
font-size: 14px;
font-weight: 600;
}
#checkout-review-table thead tr th {
border-right: 1px solid #f2f2f2;
font-size: 16px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
}
#checkout-review-table thead tr th:first-child {
width: 70%;
}
.data-table thead th {
background-color: #E2B846;
border-right: 1px solid #eaeeef;
color: #ffffff;
font-size: 12px;
font-weight: 500;
padding: 5px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
/*----------------------------------------*/
/* 24. Contact Us CSS
/*----------------------------------------*/
.address-single {
background: #ebebeb none repeat scroll 0 0;
padding: 50px 12px;
position: relative;
text-align: center;
transition: all 0.4s ease 0s;
cursor: pointer;
margin-bottom:12px;
min-height:240px;
}
.address-single:hover {
background: #E2B846 none repeat scroll 0 0;
color:#fff;
}
.icon {
float: left;
height: auto;
}
.icon i {
font-size: 28px;
padding-top: 32px;
}
.info {
display: inline-block;
float: left;
margin-left: 12px;
}
.info h3 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.info p {
margin: 0;
font-size: 14px;
font-weight: 400;
}
.address-info-area {
margin: 80px 0;
}
.contact-form-left > input:last-child {
margin-bottom: 0;
}
.contact-form-left > input {
border: 1px solid #c9c9c9;
color: #666666;
height: 38px;
margin-bottom: 20px;
padding-left: 10px;
width: 100%;
}
.input-message textarea {
border: 1px solid #c9c9c9;
height: 154px;
padding: 15px;
resize: none;
}
.input-message .btn-default {
background: #444444 none repeat scroll 0 0;
border: none;
margin-top: 12px;
}
.input-message .btn-default:hover {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
}
.contact-form-right .input-message textarea {
width: 100%;
}
/*----------------------------------------*/
/* 25. Login CSS
/*----------------------------------------*/
.create-account-form, .login-form {
background: #fbfbfb none repeat scroll 0 0;
border: 1px solid #d6d4d4;
line-height: 20px;
min-height: 340px;
padding: 14px 18px 20px;
}
.account-area .heading-title {
margin-bottom: 30px;
}
h1.heading-title {
border-bottom: 1px solid #d6d4d4;
font-size: 18px;
padding: 0 0 17px;
text-transform: uppercase;
margin-bottom:12px;
}
.account-details p.form-row input {
background: #ffffff none repeat scroll 0 0;
border:1px solid #e5e5e5;
}
#submitcreate , #submitcreate2 {
background-color: #444444;
border: 0 none;
border-radius: 0;
color: #444444;
font-size: 13px;
line-height: 1.42857;
outline: medium none;
padding: 2px;
text-align: center;
transition: all 0.4s ease 0s;
}
#submitcreate > span , #submitcreate2 > span {
color: #ffffff;
display: block;
font-size: 14px;
padding: 5px 15px;
text-transform: uppercase;
}
#submitcreate span i, p.submit button#submitlogin span i, #submitcreate2 span i, p.submit button#submitlogin2 span i {
display: inline-block;
font-size: 24px;
margin: 0 10px 0 0;
vertical-align: -2px;
}
.lost-password.form-group a {
color: #777777;
font-weight: 400;
text-decoration: underline;
}
#submitcreate:hover , #submitcreate2:hover {
background: #E2B846;
}
/*----------------------------------------*/
/* 26. My Account CSS
/*----------------------------------------*/
.panel-default > .panel-heading {
background-image: linear-gradient(#f7f7f7, #ededed);
border-color: #cacaca #b7b7b7 #9a9a9a;
border-image: none;
border-radius: 4px 4px 0 0;
border-style: solid;
border-width: 1px;
color: #555454;
display: block;
font: 600 16px/20px "Open Sans",sans-serif;
overflow: hidden;
text-decoration: none;
text-shadow: 0 1px #ffffff;
text-transform: uppercase;
}
.panel-default > .panel-heading h4 {
font-size: 16px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-top: 4px;
}
.addresses-lists .panel-title a::before {
border: 1px solid #eeeeee;
content: "";
height: 46px;
left: 30px;
position: absolute;
top: -10px;
}
.addresses-lists .panel-title a {
display: block;
position: relative;
}
.addresses-lists .panel-heading a i {
color: #E2B846;
font-size: 20px;
}
.addresses-lists .panel-heading a span {
margin-left: 20px;
}
.my-account-area .shop-select select {
width: 99.89%;
}
.button.button-small {
background: #6f6f6f none repeat scroll 0 0;
border-color: #666666 #5f5f5f #292929;
border-image: none;
border-radius: 0;
border-style: solid;
border-width: 1px;
color: #ffffff;
font: bold 13px/17px Arial,Helvetica,sans-serif;
padding: 0;
text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
}
.button.button-small span {
border: 1px solid #8b8a8a;
display: block;
padding: 3px 8px;
}
.button.button-small span:hover {
background: #575757 none repeat scroll 0 0;
border-color: #303030 #303030 #666666 #444444;
}
.order-history p {
background: #E2B846 none repeat scroll 0 0;
color: #ffffff;
padding: 15px;
}
.checkbox input[type="checkbox"] {
margin-left: -20px;
margin-top: 4px;
position: absolute;
}
.my-account-area .panel.panel-default {
margin-bottom: 5px;
}
/*----------------------------------------*/
/* 27. 404 page css
/*----------------------------------------*/
.error-text-area h1 {
color: #363636;
font-size: 35px;
font-weight: 600;
margin-top: 14px;
}
.error-text > a {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #282a40;
color: #282a40;
display: inline-block;
font-size: 16px;
margin-top: 25px;
padding: 14px 18px;
text-transform: uppercase;
transition: background 0.3s ease 0s, color 0.2s ease 0s;
}
.error-text > a:hover {
background: #E2B846 none repeat scroll 0 0;
border: 2px solid #E2B846;
color: #ffffff;
}
/*----------------------------------------*/
/* 28. Quick Veiw CSS
/*----------------------------------------*/
#productModal .modal-dialog {
margin: 5% auto;
max-width: 96%;
min-height: 300px;
padding: 20px;
transition: all 0.5s ease 0s;
width: 870px;
}
.modal-product {
overflow: hidden;
}
.modal-product .product-images {
float: left;
width: 40%;
}
.modal-product .product-images .main-image {
float: left;
margin-bottom: 10px;
width: 100%;
}
.modal-product .product-images .main-image img {
box-shadow: none;
}
.modal-product .product-info {
float: left;
padding-left: 30px;
width: 60%;
}
.modal-product .product-info h1 {
font-size: 22px;
font-weight: normal;
margin: 0 0 20px;
}
.modal-product .product-info .price-box {
float: left;
margin: 0 0 12px;
width: 100%;
}
.modal-product .product-info .price-box p {
margin: 0;
}
.modal-product .product-info .price-box .special-price {
color: #e2b846;
font-size: 24px;
font-weight: 400;
}
.modal-product .product-info .see-all {
color: #42414f;
display: inline-block;
margin-bottom: 40px;
text-decoration: underline;
}
.modal-product .product-info .see-all:hover {
color: #E2B846;
}
a.see-all {
color: #232323;
display: inline-block;
margin-bottom: 10px;
}
.modal-product .product-info .quick-add-to-cart {
border-bottom: 1px solid #e5e5e5;
float: left;
margin: 0 0 20px;
padding: 0 0 38px;
width: 100%;
}
.numbers-row > input {
border: 1px solid #dddddd;
float: left;
height: 40px;
text-align: center;
width: 60px;
}
.quick-add-to-cart .single_add_to_cart_button {
background: #e2b846 none repeat scroll 0 0;
border: medium none;
color: #ffffff;
float: left;
font-weight: 700;
height: 40px;
margin-left: 15px;
padding: 0 70px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover {
background: #282828 none repeat scroll 0 0;
}
.modal-product .product-info .quick-desc {
border-bottom: 1px solid #e5e5e5;
color: #909295;
float: left;
font-size: 13px;
font-weight: 400;
line-height: 21px;
margin: 0 0 25px;
padding: 0 0 15px;
width: 100%;
}
.modal-product .widget {
float: left;
width: 100%;
}
h3.widget-title-modal {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #42414f;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
text-align: left;
text-transform: none;
width: 100%;
}
.modal-product .widget .social-icons {
float: left;
margin: 0;
padding: 0;
}
.modal-product .widget .social-icons li {
float: left;
line-height: 30px;
list-style: outside none none;
margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #909295;
display: inline-block;
font-size: 18px;
line-height: 28px;
text-align: center;
width: 40px;
}
#productModal button.close {
opacity: 1;
position: absolute;
right: 10px;
top: 10px;
transition: all 0.3s ease 0s;
z-index: 2;
}
#productModal button.close span {
border: 1px solid #909295;
border-radius: 60px;
color: #909295;
display: block;
height: 30px;
line-height: 28px;
text-align: center;
width: 30px;
}
#productModal .modal-header {
border: 0 none;
min-height: auto;
padding: 0;
}
.modal-product .widget .social-icons li .social-icon.facebook:hover {
background: #3b579d none repeat scroll 0 0;
border: 1px solid #3b579d;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
background: #3acaff none repeat scroll 0 0;
border: 1px solid #3acaff;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
background: #cb2027 none repeat scroll 0 0;
border: 1px solid #cb2027;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
background: #d11717 none repeat scroll 0 0;
border: 1px solid #d11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
background: #0097bd none repeat scroll 0 0;
border: 1px solid #0097bd;
}
.modal-product .widget .social-icons li .social-icon:hover {
color: #ffffff;
}
.modal-content {
background-color: #f3f3f3;
}
*{margin:0; padding:0; box-sizing: border-box;}
p,h1, h2, h3, h4, h5, h6,form,ul,li,dl,dt,dd{margin:0;}
*:focus{ outline: none !important; }
.d-flex{ display: flex !important; align-items: center; }
.ml-5{ margin-left:5px; }
.mr-5{ margin-right:5px; }
.d-input{ border:1px solid #eee; background:#fff; width:200px; font-size:12px; color:#333; padding:5px 10px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
/***首页分类***/
.incate{ margin-top:40px;}
.incate ul { display: flex; margin-left:-12px; flex-wrap: wrap; }
.incate ul li{ width:calc(100% / 4 - 12px); height:350px; margin-left:12px; margin-bottom:12px; transition: all 0.5s ease; }
.incate ul li a{ height:100%; background:#fff; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }
.incate ul li a img{ width:100%; height:100%; object-fit: cover; transition: all 0.5s ease; }
.incate ul li span{ font-weight: bold; position: absolute; left:20px; top:20px; font-size:14px; }
.incate ul li .mo{ position: absolute; left:20px; color:#333; bottom:20px; width:100px; height:40px; text-align: center; line-height:40px; font-weight: bold; font-size:13px; border:1px solid #333;}
.incate ul li .mo:hover{ background: #e2b846; border-color: #e2b846; color:#fff;}
.header-bottom .row{ display: flex; align-items: center;}
.incate ul li:nth-child(1),.incate ul li:nth-child(2),.incate ul li:nth-child(3){ width:calc(100% / 3 - 12px); }
.incate ul li:hover{ box-shadow: #ddd 0 0 20px 0;}
.incate ul li:hover a img{ transform: scale(1.1); }
/***首页新品区***/
.d-carousel-cener .dc-inner .dc-containt { text-align: center; opacity: 0; }
.d-carousel-cener .owl-item{ position: relative;}
.d-carousel-cener .owl-item.active.center { z-index:1; }
.d-carousel-cener .active.center .dc-inner .dc-containt { opacity: 1; position: relative; z-index: 1; color: #eee; }
.d-carousel-cener .active.center .dc-inner .dc-containt h2 { font-size:18px; margin-top: 0; }
.d-carousel-cener .active.center .dc-inner .dc-containt p { font-size: 14px; }
.d-carousel-cener .active.center .dc-inner .dc-containt:hover { color: #e2b846; }
.d-carousel-cener .dc-inner img { transform: scale(1); transition: all 0.3s ease; }
.d-carousel-cener .active.center .dc-inner img { transform: scale(1.7); transition: all 0.3s ease; }
.d-carousel-cener.owl-carousel .owl-stage-outer { padding-top: 100px; }
#shopRings{ background: #fff; margin-top:50px; padding-bottom:30px;}
#shopRings .section-title { padding:40px 0 50px 0; }
.d-carousel-cener .owl-nav { text-align: center; height: 1px; }
.d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next { width: 200px; height: 84px; cursor: pointer; background-image: url(../image/Arrow.svg); background-repeat: no-repeat; background-position: 50%; background-size: 50%; transition: all 0.3s; font-size: 0; position: relative; top: -120px; z-index: 1; }
.d-carousel-cener .owl-nav .owl-prev:hover, .d-carousel-cener .owl-nav .owl-next:hover { background-position: 65%; }
.d-carousel-cener .owl-nav .owl-prev { transform: rotate(180deg); }
.d-carousel-cener .owl-nav > div { display: inline-block; margin-left: 14%; margin-right: 14%; font-size: 38px; }
/***首页推荐产品***/
.recommProduct{}
.recommProduct .section-title{ padding:40px 0 50px 0;}
.repro-inner{ background:#fff; position: relative}
.repro-inner img{ display: block; width:100%; }
.repro-inner .price{ position: absolute; left:10px; top:10px; font-size:14px; z-index:1;}
.repro-inner .now a{ position: absolute; right:10px; top:10px; font-size:14px; z-index:1; background:#e2a90d; color:#fff; padding:5px 10px;}
.repro-inner .tit{ position: absolute; left:10px; bottom:13px; width:67%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; z-index:1;}
.repro-inner .cv{ position: absolute; right:10px; bottom:10px; display: flex; margin:auto; z-index:1;}
.repro-inner .cv a{ width:30px; margin-left:5px; height:30px; display: flex; justify-content: center; align-items: center; border:1px solid #eee; color:#555; }
.repro-inner .cv a:hover{ background:#e2b846; color:#fff; border-color:#e2b846;}
.recommProduct .owl-nav{ display: flex; padding:40px 0; align-items: center; justify-content: center; }
.recommProduct .owl-nav .owl-prev, .recommProduct .owl-nav .owl-next{ transition: all 0.3s ease; width:25px; overflow: hidden; display: flex; justify-content: center; align-items: center; font-size:16px; color:#666; height:25px; border:1px solid #666; margin:0 5px; }
.recommProduct .owl-nav .owl-prev:hover, .recommProduct .owl-nav .owl-next:hover{ background:#e2b846; color:#fff; border-color:#e2b846; }
/***黄金***/
.gold-video{ height:500px; }
.gold-video video{ width:100%; height:100%; object-fit: cover;}
.sidebar-menu a:hover{ color:#e2b846;}
/***分页***/
.page{ padding:20px 0px; text-align:center; overflow:hidden;}
.page li{ display:inline-block; margin:5px 3px;}
.page a,.page span{ padding:3px 8px; border:1px solid #ddd; }
.page a:hover,.page li.active span{ background:#e2a90d; border-color:#e2a90d; color:#fff;}
.page label{ display:none;}
.page ul li:nth-child(1),.page ul li:last-child{ display: none; }
.protop{ display: flex; align-items: flex-start;}
.pro-img{ overflow: hidden; width:600px;}
.pro-img .pic{ overflow:hidden; height:600px; width:600px; position: relative; }
.pro-img .pic img{ width:100%; height:100%; transition:all .5s; object-fit: cover; display: none; position: absolute; left:0; top:0;}
.pro-img .thumb{ display: flex; margin-top:10px; margin-left:-5px; }
.pro-img .thumb a{ width:calc(100% / 4 - 5px); margin-left:5px; height:130px; }
.pro-img .thumb a img{ width:100%; height:100%; object-fit: cover; opacity:0.5; transition: all 0.5s}
.pro-img .thumb a.on img,.pro-img .thumb a:hover img{ opacity:1;}
.protop .text{ flex:1; margin-left:25px; }
.product-collect{ margin-top:20px; }
.product-collect a{ display: flex; align-items: center; color:#888; }
.product-collect a i{ margin-right:5px; margin-top:3px; }
.product-collect a:hover,.product-collect a.on{ color:#e2a90d; }
.product-img-mobile{ display: none; }
.nybanner{ max-height:400px;}
.nybanner img{ display: block; object-fit: cover;}
/**系列***/
.series-box{ overflow: hidden;}
.series-list{ overflow: hidden; height:100vh;}
.series-list .pic{ float:left; width:50%; height:100%; overflow: hidden;}
.series-list .pic img{ object-fit: cover; width:100%; height:100%;}
.series-list .series-prod{ float:right; background:#fff; width:50%; height:100%; display: flex; justify-content: center; align-items: center;}
.series-list .swiper-container { width:50%; padding-bottom:50px; }
.series-list .swiper-container .swiper-slide{ }
.series-list .swiper-container .swiper-slide .img{}
.series-list .swiper-container .swiper-slide .img img{ object-fit: cover;}
.series-list .swiper-container .swiper-slide h3{ font-size:14px; text-align: center; margin-top:10px;}
.series-list .swiper-container .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#ddd; opacity:0.6; cursor:pointer;}
.series-list .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}
.series-box .series-list:nth-child(2n) .pic{ float: right; }
.series-box .series-list:nth-child(2n) .series-prod{ float: left; }
*:focus{ outline: none; }
*{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.center{ display:flex; justify-content: center; align-items: center; }
[v-lock]{ display: none; }
/***询盘弹窗***/
.inquiry-alert{ width:100%; padding:20px; }
.inquiry-alert .inquiry-product{ display: flex; overflow: hidden; margin-bottom: 30px;}
.inquiry-alert .inquiry-product .pic{ width:100px; height:100px; overflow: hidden; border:1px solid #f5f5f5;}
.inquiry-alert .inquiry-product .pic img{ width:100%; height:100%; object-fit: cover;}
.inquiry-alert .inquiry-product .text{ flex:1; margin-left:20px; }
.inquiry-alert .inquiry-product .text h3{ font-size:16px; margin-bottom:10px;}
.inquiry-alert .inquiry-product .text p{ font-size:12px; color:#999; }
.inquiry-form li{ margin-bottom:20px;}
.inquiry-form li .ft{ font-size:16px; padding-bottom:10px;}
.inquiry-form li .ft i{ color:red; }
.inquiry-form li .input .intxt{ transition: all 0.5s; width:100%; padding:10px; font-size:14px; border:1px solid #eee;}
.inquiry-form li .input .intxt:focus{ border-color:#e2b846; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.inquiry-form li .sbtn{ width:120px; height:45px; background:#e2b846; color:#fff; border:0; }
.inquiry-form li .sbtn:hover{ background:#f3c957; color:#fff;}
.inquiry-form li .sbtn:active{ background:#e2b846; color:#fff; outline: none;}
.nodata{ text-align: center; padding:50px; color:#999; }
.btn-primary{ background: #e2b846; border:0;}
.btn-primary:hover{ background:#f3c957; color:#fff; }
.btn-primary:focus{ background:#e2b846; color:#fff; outline: none;}
.shoping-cart-clear{ margin-top:0px; text-align: right; }
.shoping-cart-clear a{ padding:10px 20px; background:#e2b846; color:#fff; }
.cart-total-area{ margin-top:30px; background:#eee; padding:20px; }
.cart-total-area .red{ font-size:18px; color:#e2b846;}
.cart-total-area .mt-2{ margin-top:5px; }
.cart-total-area .inquiry-form{ margin-top:20px;}
.topemptycart{ padding:50px 0; text-align: center; color:#999; font-size:14px; }
/***搜索列表***/
.searchList{ background: #fff; padding:20px; margin-top:20px; }
.searchList li{ border-bottom:1px solid #eee; padding:12px 0;}
.searchList li a{ display: flex;}
.searchList li a .pic{ width:80px; height:80px; border:1px solid #eee; overflow: hidden; margin-right:20px;}
.searchList li a .pic img{ width:100%; height:100%; object-fit: cover;}
.searchList li a .note{ flex:1; }
.searchList li a .note h2{ font-size:16px; margin-bottom:5px;}
.searchList li a .note .notec{ font-size:12px; color:#999; margin-bottom:5px;}
.searchList li a .note .mo{ display: block; margin-top:5px; color:#e2b846;}
/***关于我们***/
.content{ background:#fff; }
.topimg{ height:500px; display: flex; color:#fff; align-items: center; justify-content: center; font-size:25px; }
.topimg h2{ display:none; }
.pdbox{ padding:35px 0; line-height:22px; font-size:14px; }
#googleMap{ width:100%; height:400px; }
.all-adress-info .icon{ display: block; margin:0 auto; float:none;}
.all-adress-info .info{ margin:0;}
.all-adress-info .info h3{ padding:10px 0;}
/***新闻***/
.new-list { margin: 30px 0; overflow: hidden }
.new-list .item { position: relative; padding-left:100px; overflow: hidden; }
.new-list .item .year{ background:#fff; border-radius:50%; position: absolute; left:0; top:0; z-index:2; width:60px; height:60px; display: flex; justify-content: center; align-items: center; font-size:18px; border:1px solid #ddd;}
.new-list .item:after{ width:1px; height:100%; background:#ddd; position: absolute; left:30px; top:0; content:''; }
.new-list .item .text{ margin-bottom:50px; }
.new-list .item .text .month{ font-weight: bold; font-size:25px; color:#e0b745;}
.new-list .item .text .img{ overflow: hidden; height:350px; margin-top:12px; }
.new-list .item .text .img img{ width:100%; height:100%; object-fit: cover;}
.new-list .item .text .title-time{ background:#f5f5f5; padding:40px; display: flex; align-content: center; }
.new-list .item .text .title-time .name{ flex:1; padding-right:20px; }
.new-list .item .text .title-time .name h3{ font-size:16px; position: relative; padding-left:10px; }
.new-list .item .text .title-time .name h3 i{ position: absolute; left:0; top:6px; width:5px; height:5px; background:#e0b745;}
.new-list .item .text .title-time .time{ width:30%; font-size:14px; color:#666; }
.new-list .item:last-child:after{ display: none;}
.leader{ padding:13px; background:#f5f5f5; }
.leader i{ padding:0 6px; }
.leader a{ color:#666; }
.leader a:hover{ color:#e2a90d; }
.newbox{ padding:30px 0;}
.newbox .pdbox{ line-height:24px; }
.newtit{ text-align: center; border-bottom: 1px solid #eee; padding-bottom:12px; }
.newtit h1{ font-size:20px; }
.newtit p{ font-size:14px; padding-top:5px; color:#999;}
.prevnext{ padding-bottom:20px;}
.head-gold-price{ transform: scale(1.3); position: absolute; right:-120px; margin-top:-10px; border:1px solid #eee; padding:5px 10px; text-align:center; }
.head-gold-price span{ display: block; font-size:14px; }
.head-gold-price span:nth-child(2){ font-weight:600; font-size:15px; color:#ffc107;}
/***会员中心***/
.membox {overflow: hidden; padding: 35px 0; background: #f6f6f6; }
.membox .container{ display: flex; }
.mleft{ width:210px; background:#fff; margin-right:20px; }
.mleft .minfo{ text-align: center; padding:20px 12px 20px 12px; border-bottom:1px solid #f5f5f5; }
.mleft .minfo .pic{width:70px; height:70px; margin:0 auto; border-radius:50%; position: relative;}
.mleft .minfo .pic .im1{display:block; width:70px; height:70px; border-radius:50%;}
.mleft .minfo h3{font-weight: normal; font-size:16px; color:#222; padding:10px 0;}
.mleft .minfo .p1 a{color:#999;}
.member-menuList{ background:#fff; margin-top:15px; padding-bottom:12px;}
.member-menuList li a{ display: block; height:50px; line-height:50px; font-size:15px; padding-left:30px; color:#666; text-decoration:none;}
.member-menuList li a i{ margin-right:5px; width:20px; text-align: center; }
.member-menuList li:hover a,.member-menuList li.on a{ color:#e2a90d; text-decoration:none;}
.mright{ flex:1; min-height:300px; background:#fff; padding:20px;}
.mright .mtit h2{ font-size:18px; padding-bottom:20px; border-bottom:1px solid #f5f5f5; }
.my-quote-status{ border-top:1px solid #f5f5f5; padding-top:30px; display: flex; justify-content: space-between; margin-left:-30px; margin-top:50px; }
.my-quote-status .stat-card{ transition: all 0.3s; cursor:pointer; flex:1; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding:30px; background:#fff; border-radius:10px; margin-left:30px; }
.my-quote-status .stat-card h3{ font-size:14px; padding-bottom:5px; }
.my-quote-status .stat-card.total{ border-left:5px solid #007BFF;}
.my-quote-status .stat-card.pending{ border-left:5px solid #ffc107;}
.my-quote-status .stat-card.replied{ border-left:5px solid #28a745;}
.my-quote-status .stat-card:hover{ transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.mright .meminfo{ display: flex; margin-top:30px; overflow: hidden; margin-bottom:30px;}
.mright .meminfo dt{ width:70px; height:70px; border-radius:50%; overflow:hidden; margin-right:12px;}
.mright .meminfo dt img{ display: block; width:100px; height:100px; opacity:0;}
.mright .meminfo dd{ flex:1;}
.mright .meminfo dd p{ margin-top:5px;}
/***个人资料***/
.inquiry-form .mem-head img{ display: block; width:100%; height:100%;}
.inquiry-form .mem-head .pic{ border:1px solid #eee; width:100px; border-radius:50%; overflow:hidden; height:100px; background: #fff; text-align: center; cursor: pointer; position: relative; color:#ccc; font-size:13px; margin-bottom:5px;}
.inquiry-form .mem-head .pic h3{ font-weight: normal;font-size:18px; padding:120px 0px 12px 0;}
.inquiry-form .mem-head .pic span{ background:rgba(0,0,0,0.7); position: absolute; left:0; bottom:0; color:#fff; padding:10px 0; width:100%;}
.inquiry-form .mem-head .layui-upload-file{display:none;}
.inquiry-form.mt-2{ margin-top:20px;}
/***我的报价***/
.myquote-list li{ border:1px solid #eee; margin-top:20px; }
.myquote-list li .ht{ border-bottom:1px solid #eee; padding:12px; }
.myquote-list li .ht p{ padding:3px 0; font-size:14px; }
.myquote-list li .ht p .success{ color:#0daaa4; }
.myquote-list li .ht p .red{ color:red; }
.myquote-list li .hm{ padding:12px; padding-top:0; }
.myquote-list li .hm dl{ display: flex; border-bottom:1px solid #eee; padding:10px 0; }
.myquote-list li .hm dl dt{ width:60px; height:60px; border:1px solid #eee; }
.myquote-list li .hm dl dt img{ object-fit: cover; width: 100%; height: 100%; }
.myquote-list li .hm dl dd{ flex:1; margin-left:10px; }
.myquote-list li .hm dl dd h4{ font-size:13px; padding-bottom:5px;}
/***我的收藏***/
.collect-list li{ border:1px solid #eee; margin-top:20px; padding:12px; }
.collect-list li dl{ display: flex; }
.collect-list li dl dt{ width:100px; height:100px; border:1px solid #eee; }
.collect-list li dl dt img{ object-fit: cover; width: 100%; height: 100%; }
.collect-list li dl dd{ flex:1; margin-left:10px; }
.collect-list li dl dd h4{ font-size:16px; padding-bottom:5px;}
.collect-list li dl dd .del{ margin-top:15px; display: block; color:#ffc107}
/**导航重构**/
.topnav { text-align: center; }
.topnav > li { position: relative; display: inline-block; padding:20px; line-height:1}
.topnav > li > a { font-size:16px; text-transform: uppercase; }
.topnav > li > a.on, .topnav > li:hover > a{ color:#ffc107; }
.topnav .dropdown { position: absolute; top: 100%; left: 0; min-width: 220px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s; transform: translateY(15px); z-index:15; }
.topnav > li:hover .dropdown { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
.topnav .dropdown li { position: relative; }
.topnav .dropdown li a{ padding:15px 20px; transition: background 0.3s; }
.topnav .dropdown li a.has-child { display: flex; justify-content: space-between; align-items: center; }
.topnav .dropdown li .arrow { color: #ccc; transition: transform 0.3s, color 0.3s; }
.topnav .dropdown li:hover { background: #f8f8f8; }
.topnav .dropdown li:hover .arrow { color: #666; transform: translateX(3px); }
.topnav .dropdown li .sub-dropdown { position: absolute; top: 0; left: 100%; min-width: 200px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s; transform: translateX(15px); }
.topnav .dropdown li .sub-dropdown li a{ display: block; padding:15px 20px; text-align: left; transition: background 0.3s;}
.topnav .dropdown li:hover .sub-dropdown { opacity: 1; visibility: visible; transform: translateX(0); transition-delay: 0s; }
/**产品列筛选***/
.left-color{ margin-bottom:15px;}
.left-color li{ margin-top:10px; display: flex; padding:10px; align-items: center; border-bottom:1px dotted #bbb; }
.left-color li a.on{ color:#e2b846; }
input[type=checkbox]{ -webkit-appearance:none; margin:0; width:15px; height:15px; background:#fff; border-radius:2px; cursor:pointer; border:1px solid #ddd; margin-right:10px;}
input[type=checkbox]:hover{ border-color:#e2b846;}
input[type=checkbox]:checked{ background:#fff url(../image/icon-check.png) no-repeat center; background-size: 9px auto; }
@media(max-width:1150px){
.pro-img { width:400px; }
.pro-img .pic{ width:400px; height:400px;}
.pro-img .thumb a{ height:100px; }
}
@media(max-width:996px){
.container{ width: auto !important;}
.d-carousel-cener .owl-nav>div { margin-left: 10%; margin-right: 10% }
}
@media(max-width:900px){
.mainmenu.text-center{ text-align: left; }
.protop{ display: block;}
.product-simple-area{ margin-top:20px;}
.pro-img { width:100%}
.pro-img .pic{ width:100%; height:550px;}
.pro-img .thumb a{ height:130px; }
.protop .text{ margin-left:0; margin-top:20px; }
}
@media(max-width:768px){
.head-gold-price{ display: none; }
.incate ul li{ height:250px; }
.d-carousel-cener .dc-inner .dc-containt h2 { margin-top: 0 }
.d-carousel-cener .owl-nav { height: 0; position: relative }
.d-carousel-cener.owl-carousel .owl-stage-outer { padding-top: 0; }
.d-carousel-cener .active.center .dc-inner img { transform: scale(1); transition: all .3s ease; }
.d-carousel-cener .active.center .dc-inner .dc-containt { top: -50px; }
.d-carousel-cener .owl-nav>div.owl-prev { margin-left: 0; margin-right: 0; left: 0; }
.d-carousel-cener .owl-nav>div.owl-next { margin-right: 0; margin-left: 0; right: 0; }
.d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next { width: 30%; background-position: 84%; margin-left: 50px; margin-right: 50px; position: absolute; top: -134px; }
.d-carousel-cener .owl-nav .owl-prev:hover, .d-carousel-cener .owl-nav .owl-next:hover { background-position: 100%; }
.gold-video{ height:200px; }
.series-box .series-list{ height:auto; }
.series-box .series-list .pic{ float:none; width:100%;}
.series-box .series-list .series-prod{ float: none; width:100%; }
.series-list .swiper-container{ width:95%;}
.series-box .series-list:nth-child(2n) .pic{ float:none; }
.series-box .series-list:nth-child(2n) .series-prod{ float: none;}
.breadcrumbs-area2 h2{ font-size:22px; }
.mean-container .mean-bar::after{ font-size:18px; }
.shopingcart-bottom-area .pull-right{ float:none !important;}
#googleMap{ height:200px; }
.topimg{ height:200px; }
.topimg h2{ font-size:20px; }
.membox{ padding:12px 0;}
.membox .container{ display: block; }
.membox .mleft{ width:100%; margin-bottom:10px; }
.mright .meminfo dt{ width:50px; height:50px; }
.mright .meminfo dd h3{ font-size:16px; }
.my-quote-status{ display: block; margin-left:0; }
.my-quote-status .stat-card{ display: block; width: 100%; margin-left:0; padding:20px; margin-bottom:12px; }
.new-list .item{ padding-left:50px; }
.new-list .item .year{ font-size:12px; width:40px; height:40px; }
.new-list .item:after{ left:20px; }
.new-list .item .text{}
.new-list .item .text .month{ font-size:18px; }
.new-list .item .text .img{ height:120px; }
.new-list .item .text .title-time{ padding:10px; display: block; }
.new-list .item .text .title-time .name{ padding-right:0;}
.new-list .item .text .title-time .name h3{ font-size:14px; }
.new-list .item .text .title-time .time{ width:auto; margin-top:10px; }
}
@media(max-width:640px){
.header-cart > ul > li{ margin-left:10px; width:20px; }
.header-cart-link i{ font-size:20px; }
.header-cart{ margin-top:5px;}
.header-cart-link span{ transform: scale(0.8); top:-15px;}
.incate{ margin-top:20px;}
.incate ul{ margin-left:-5px;}
.incate ul li{ height:150px; width:calc(100% / 2 - 5px); margin-left:5px; margin-bottom:5px;}
.incate ul li:nth-child(1), .incate ul li:nth-child(2), .incate ul li:nth-child(3){ width:calc(100% / 2 - 5px); }
.incate ul li .mo{ display: none}
.incate ul li:last-child{ width: calc(100% / 1 - 5px); height:180px;}
#googleMap{ height:150px; }
.address-single{ padding:30px 10px; margin-bottom:10px; }
.topimg{ height:150px; }
.single-product-details > h2{ font-size:18px; }
.product-simple-area{ margin-top:12px; }
.pro-img .pic{ display: none; }
.pro-img .thumb a{ display: none; }
.product-img-mobile{ display: block; }
.collect-list li dl dt{ width:80px; height: 80px;}
.d-input{ width:200px; padding-right:30px; }
.cart_down_area{ display: none;}
.ht-menu-down{ left:auto; right:0; }
}